@charset "UTF-8";
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

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

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: none;
}

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

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

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

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

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

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

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

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

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

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

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

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

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

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

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

/* ==========================================================================
   RWD
   ========================================================================== */
img, video, audio, object {
  max-width: 100%;
  height: auto;
}

/* ==========================================================================
   Border Box
   ========================================================================== */
*, *:before, *:after {
  box-sizing: border-box;
}

/*  ==========================================================================
    Globals (Mobile First)
    ========================================================================== */
/*
    Grid
    ========================================================================== */
/*
    Widths and Heights
    ========================================================================== */
/*  ==========================================================================
    Foundation
    ========================================================================== */
/*
    Media Query Breaks
    ========================================================================== */
/*
    Site colours
    ========================================================================== */
/*
    Transitions
    ========================================================================== */
/*
    Fonts
    ========================================================================== */
/* Font Sizes
    ========================================================================== */
/*
    Z-index
    ========================================================================== */
/*
    Zoom
    ========================================================================== */
/*
    Shadows
    ========================================================================== */
/*  ==========================================================================
    Functions
    ========================================================================== */
/*  ==========================================================================
    v-spacing
    ========================================================================== */
/*  ==========================================================================
    Mixins
    ========================================================================== */
/*
    Clear after floats
    ========================================================================== */
/*
    Responsive mixins
    ========================================================================== */
/*
    Typography
    ========================================================================== */
/*  ==========================================================================
	Animations
	========================================================================== */
.js-animate {
  opacity: 0;
  transition: opacity 300ms ease;
}

.js-animate.is-inview {
  opacity: 1;
}

.u-anim-hidden {
  visibility: hidden;
}

@media (max-width: 1024px) {
  .u-anim-hidden {
    visibility: visible;
  }
}

.a-fade-in-up {
  opacity: 0;
  animation: fadeInUp 2s 0s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

@media (max-width: 1024px) {
  .a-fade-in-up {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

.row {
  max-width: 10009px;
  margin-right: auto;
  margin-left: auto;
}

.row::before, .row::after {
  display: table;
  content: ' ';
}

.row::after {
  clear: both;
}

.row.collapse > .column, .row.collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}

.row .row {
  margin-right: -0.3125rem;
  margin-left: -0.3125rem;
}

@media print, screen and (min-width: 40em) {
  .row .row {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
  }
}

@media print, screen and (min-width: 61.25em) {
  .row .row {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
  }
}

@media print, screen and (min-width: 68.75em) {
  .row .row {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
  }
}

@media screen and (min-width: 87.5em) {
  .row .row {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
  }
}

@media screen and (min-width: 112.5em) {
  .row .row {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
  }
}

.row .row.collapse {
  margin-right: 0;
  margin-left: 0;
}

.row.expanded {
  max-width: none;
}

.row.expanded .row {
  margin-right: auto;
  margin-left: auto;
}

.row:not(.expanded) .row {
  max-width: none;
}

.row.gutter-medium > .column, .row.gutter-medium > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

.row.gutter-small > .column, .row.gutter-small > .columns {
  padding-right: 0.3125rem;
  padding-left: 0.3125rem;
}

.column, .columns {
  width: 100%;
  float: left;
  padding-right: 0.3125rem;
  padding-left: 0.3125rem;
}

@media print, screen and (min-width: 40em) {
  .column, .columns {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: left;
}

.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left;
}

.column.row.row, .row.row.columns {
  float: none;
}

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}

.small-1 {
  width: 5%;
}

.small-push-1 {
  position: relative;
  left: 5%;
}

.small-pull-1 {
  position: relative;
  left: -5%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  width: 10%;
}

.small-push-2 {
  position: relative;
  left: 10%;
}

.small-pull-2 {
  position: relative;
  left: -10%;
}

.small-offset-1 {
  margin-left: 5%;
}

.small-3 {
  width: 15%;
}

.small-push-3 {
  position: relative;
  left: 15%;
}

.small-pull-3 {
  position: relative;
  left: -15%;
}

.small-offset-2 {
  margin-left: 10%;
}

.small-4 {
  width: 20%;
}

.small-push-4 {
  position: relative;
  left: 20%;
}

.small-pull-4 {
  position: relative;
  left: -20%;
}

.small-offset-3 {
  margin-left: 15%;
}

.small-5 {
  width: 25%;
}

.small-push-5 {
  position: relative;
  left: 25%;
}

.small-pull-5 {
  position: relative;
  left: -25%;
}

.small-offset-4 {
  margin-left: 20%;
}

.small-6 {
  width: 30%;
}

.small-push-6 {
  position: relative;
  left: 30%;
}

.small-pull-6 {
  position: relative;
  left: -30%;
}

.small-offset-5 {
  margin-left: 25%;
}

.small-7 {
  width: 35%;
}

.small-push-7 {
  position: relative;
  left: 35%;
}

.small-pull-7 {
  position: relative;
  left: -35%;
}

.small-offset-6 {
  margin-left: 30%;
}

.small-8 {
  width: 40%;
}

.small-push-8 {
  position: relative;
  left: 40%;
}

.small-pull-8 {
  position: relative;
  left: -40%;
}

.small-offset-7 {
  margin-left: 35%;
}

.small-9 {
  width: 45%;
}

.small-push-9 {
  position: relative;
  left: 45%;
}

.small-pull-9 {
  position: relative;
  left: -45%;
}

.small-offset-8 {
  margin-left: 40%;
}

.small-10 {
  width: 50%;
}

.small-push-10 {
  position: relative;
  left: 50%;
}

.small-pull-10 {
  position: relative;
  left: -50%;
}

.small-offset-9 {
  margin-left: 45%;
}

.small-11 {
  width: 55%;
}

.small-push-11 {
  position: relative;
  left: 55%;
}

.small-pull-11 {
  position: relative;
  left: -55%;
}

.small-offset-10 {
  margin-left: 50%;
}

.small-12 {
  width: 60%;
}

.small-push-12 {
  position: relative;
  left: 60%;
}

.small-pull-12 {
  position: relative;
  left: -60%;
}

.small-offset-11 {
  margin-left: 55%;
}

.small-13 {
  width: 65%;
}

.small-push-13 {
  position: relative;
  left: 65%;
}

.small-pull-13 {
  position: relative;
  left: -65%;
}

.small-offset-12 {
  margin-left: 60%;
}

.small-14 {
  width: 70%;
}

.small-push-14 {
  position: relative;
  left: 70%;
}

.small-pull-14 {
  position: relative;
  left: -70%;
}

.small-offset-13 {
  margin-left: 65%;
}

.small-15 {
  width: 75%;
}

.small-push-15 {
  position: relative;
  left: 75%;
}

.small-pull-15 {
  position: relative;
  left: -75%;
}

.small-offset-14 {
  margin-left: 70%;
}

.small-16 {
  width: 80%;
}

.small-push-16 {
  position: relative;
  left: 80%;
}

.small-pull-16 {
  position: relative;
  left: -80%;
}

.small-offset-15 {
  margin-left: 75%;
}

.small-17 {
  width: 85%;
}

.small-push-17 {
  position: relative;
  left: 85%;
}

.small-pull-17 {
  position: relative;
  left: -85%;
}

.small-offset-16 {
  margin-left: 80%;
}

.small-18 {
  width: 90%;
}

.small-push-18 {
  position: relative;
  left: 90%;
}

.small-pull-18 {
  position: relative;
  left: -90%;
}

.small-offset-17 {
  margin-left: 85%;
}

.small-19 {
  width: 95%;
}

.small-push-19 {
  position: relative;
  left: 95%;
}

.small-pull-19 {
  position: relative;
  left: -95%;
}

.small-offset-18 {
  margin-left: 90%;
}

.small-20 {
  width: 100%;
}

.small-offset-19 {
  margin-left: 95%;
}

.small-up-1 > .column, .small-up-1 > .columns {
  float: left;
  width: 100%;
}

.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both;
}

.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
  float: left;
}

.small-up-2 > .column, .small-up-2 > .columns {
  float: left;
  width: 50%;
}

.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both;
}

.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
  float: left;
}

.small-up-3 > .column, .small-up-3 > .columns {
  float: left;
  width: 33.33333%;
}

.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both;
}

.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
  float: left;
}

.small-up-4 > .column, .small-up-4 > .columns {
  float: left;
  width: 25%;
}

.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both;
}

.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
  float: left;
}

.small-up-5 > .column, .small-up-5 > .columns {
  float: left;
  width: 20%;
}

.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both;
}

.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
  float: left;
}

.small-up-6 > .column, .small-up-6 > .columns {
  float: left;
  width: 16.66667%;
}

.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both;
}

.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
  float: left;
}

.small-up-7 > .column, .small-up-7 > .columns {
  float: left;
  width: 14.28571%;
}

.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both;
}

.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
  float: left;
}

.small-up-8 > .column, .small-up-8 > .columns {
  float: left;
  width: 12.5%;
}

.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both;
}

.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
  float: left;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}

.small-collapse .row {
  margin-right: 0;
  margin-left: 0;
}

.expanded.row .small-collapse.row {
  margin-right: 0;
  margin-left: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.3125rem;
  padding-left: 0.3125rem;
}

.small-centered {
  margin-right: auto;
  margin-left: auto;
}

.small-centered, .small-centered:last-child:not(:first-child) {
  float: none;
  clear: both;
}

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  float: left;
  margin-right: 0;
  margin-left: 0;
}

@media print, screen and (min-width: 40em) {
  .medium-1 {
    width: 5%;
  }
  .medium-push-1 {
    position: relative;
    left: 5%;
  }
  .medium-pull-1 {
    position: relative;
    left: -5%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    width: 10%;
  }
  .medium-push-2 {
    position: relative;
    left: 10%;
  }
  .medium-pull-2 {
    position: relative;
    left: -10%;
  }
  .medium-offset-1 {
    margin-left: 5%;
  }
  .medium-3 {
    width: 15%;
  }
  .medium-push-3 {
    position: relative;
    left: 15%;
  }
  .medium-pull-3 {
    position: relative;
    left: -15%;
  }
  .medium-offset-2 {
    margin-left: 10%;
  }
  .medium-4 {
    width: 20%;
  }
  .medium-push-4 {
    position: relative;
    left: 20%;
  }
  .medium-pull-4 {
    position: relative;
    left: -20%;
  }
  .medium-offset-3 {
    margin-left: 15%;
  }
  .medium-5 {
    width: 25%;
  }
  .medium-push-5 {
    position: relative;
    left: 25%;
  }
  .medium-pull-5 {
    position: relative;
    left: -25%;
  }
  .medium-offset-4 {
    margin-left: 20%;
  }
  .medium-6 {
    width: 30%;
  }
  .medium-push-6 {
    position: relative;
    left: 30%;
  }
  .medium-pull-6 {
    position: relative;
    left: -30%;
  }
  .medium-offset-5 {
    margin-left: 25%;
  }
  .medium-7 {
    width: 35%;
  }
  .medium-push-7 {
    position: relative;
    left: 35%;
  }
  .medium-pull-7 {
    position: relative;
    left: -35%;
  }
  .medium-offset-6 {
    margin-left: 30%;
  }
  .medium-8 {
    width: 40%;
  }
  .medium-push-8 {
    position: relative;
    left: 40%;
  }
  .medium-pull-8 {
    position: relative;
    left: -40%;
  }
  .medium-offset-7 {
    margin-left: 35%;
  }
  .medium-9 {
    width: 45%;
  }
  .medium-push-9 {
    position: relative;
    left: 45%;
  }
  .medium-pull-9 {
    position: relative;
    left: -45%;
  }
  .medium-offset-8 {
    margin-left: 40%;
  }
  .medium-10 {
    width: 50%;
  }
  .medium-push-10 {
    position: relative;
    left: 50%;
  }
  .medium-pull-10 {
    position: relative;
    left: -50%;
  }
  .medium-offset-9 {
    margin-left: 45%;
  }
  .medium-11 {
    width: 55%;
  }
  .medium-push-11 {
    position: relative;
    left: 55%;
  }
  .medium-pull-11 {
    position: relative;
    left: -55%;
  }
  .medium-offset-10 {
    margin-left: 50%;
  }
  .medium-12 {
    width: 60%;
  }
  .medium-push-12 {
    position: relative;
    left: 60%;
  }
  .medium-pull-12 {
    position: relative;
    left: -60%;
  }
  .medium-offset-11 {
    margin-left: 55%;
  }
  .medium-13 {
    width: 65%;
  }
  .medium-push-13 {
    position: relative;
    left: 65%;
  }
  .medium-pull-13 {
    position: relative;
    left: -65%;
  }
  .medium-offset-12 {
    margin-left: 60%;
  }
  .medium-14 {
    width: 70%;
  }
  .medium-push-14 {
    position: relative;
    left: 70%;
  }
  .medium-pull-14 {
    position: relative;
    left: -70%;
  }
  .medium-offset-13 {
    margin-left: 65%;
  }
  .medium-15 {
    width: 75%;
  }
  .medium-push-15 {
    position: relative;
    left: 75%;
  }
  .medium-pull-15 {
    position: relative;
    left: -75%;
  }
  .medium-offset-14 {
    margin-left: 70%;
  }
  .medium-16 {
    width: 80%;
  }
  .medium-push-16 {
    position: relative;
    left: 80%;
  }
  .medium-pull-16 {
    position: relative;
    left: -80%;
  }
  .medium-offset-15 {
    margin-left: 75%;
  }
  .medium-17 {
    width: 85%;
  }
  .medium-push-17 {
    position: relative;
    left: 85%;
  }
  .medium-pull-17 {
    position: relative;
    left: -85%;
  }
  .medium-offset-16 {
    margin-left: 80%;
  }
  .medium-18 {
    width: 90%;
  }
  .medium-push-18 {
    position: relative;
    left: 90%;
  }
  .medium-pull-18 {
    position: relative;
    left: -90%;
  }
  .medium-offset-17 {
    margin-left: 85%;
  }
  .medium-19 {
    width: 95%;
  }
  .medium-push-19 {
    position: relative;
    left: 95%;
  }
  .medium-pull-19 {
    position: relative;
    left: -95%;
  }
  .medium-offset-18 {
    margin-left: 90%;
  }
  .medium-20 {
    width: 100%;
  }
  .medium-offset-19 {
    margin-left: 95%;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
    float: left;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
    float: left;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    float: left;
    width: 33.33333%;
  }
  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
    float: left;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
    float: left;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
    float: left;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    float: left;
    width: 16.66667%;
  }
  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
    float: left;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    float: left;
    width: 14.28571%;
  }
  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
    float: left;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
    float: left;
  }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .medium-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .medium-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
  .medium-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .medium-centered, .medium-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0;
  }
}

@media print, screen and (min-width: 61.25em) {
  .xmedium-1 {
    width: 5%;
  }
  .xmedium-push-1 {
    position: relative;
    left: 5%;
  }
  .xmedium-pull-1 {
    position: relative;
    left: -5%;
  }
  .xmedium-offset-0 {
    margin-left: 0%;
  }
  .xmedium-2 {
    width: 10%;
  }
  .xmedium-push-2 {
    position: relative;
    left: 10%;
  }
  .xmedium-pull-2 {
    position: relative;
    left: -10%;
  }
  .xmedium-offset-1 {
    margin-left: 5%;
  }
  .xmedium-3 {
    width: 15%;
  }
  .xmedium-push-3 {
    position: relative;
    left: 15%;
  }
  .xmedium-pull-3 {
    position: relative;
    left: -15%;
  }
  .xmedium-offset-2 {
    margin-left: 10%;
  }
  .xmedium-4 {
    width: 20%;
  }
  .xmedium-push-4 {
    position: relative;
    left: 20%;
  }
  .xmedium-pull-4 {
    position: relative;
    left: -20%;
  }
  .xmedium-offset-3 {
    margin-left: 15%;
  }
  .xmedium-5 {
    width: 25%;
  }
  .xmedium-push-5 {
    position: relative;
    left: 25%;
  }
  .xmedium-pull-5 {
    position: relative;
    left: -25%;
  }
  .xmedium-offset-4 {
    margin-left: 20%;
  }
  .xmedium-6 {
    width: 30%;
  }
  .xmedium-push-6 {
    position: relative;
    left: 30%;
  }
  .xmedium-pull-6 {
    position: relative;
    left: -30%;
  }
  .xmedium-offset-5 {
    margin-left: 25%;
  }
  .xmedium-7 {
    width: 35%;
  }
  .xmedium-push-7 {
    position: relative;
    left: 35%;
  }
  .xmedium-pull-7 {
    position: relative;
    left: -35%;
  }
  .xmedium-offset-6 {
    margin-left: 30%;
  }
  .xmedium-8 {
    width: 40%;
  }
  .xmedium-push-8 {
    position: relative;
    left: 40%;
  }
  .xmedium-pull-8 {
    position: relative;
    left: -40%;
  }
  .xmedium-offset-7 {
    margin-left: 35%;
  }
  .xmedium-9 {
    width: 45%;
  }
  .xmedium-push-9 {
    position: relative;
    left: 45%;
  }
  .xmedium-pull-9 {
    position: relative;
    left: -45%;
  }
  .xmedium-offset-8 {
    margin-left: 40%;
  }
  .xmedium-10 {
    width: 50%;
  }
  .xmedium-push-10 {
    position: relative;
    left: 50%;
  }
  .xmedium-pull-10 {
    position: relative;
    left: -50%;
  }
  .xmedium-offset-9 {
    margin-left: 45%;
  }
  .xmedium-11 {
    width: 55%;
  }
  .xmedium-push-11 {
    position: relative;
    left: 55%;
  }
  .xmedium-pull-11 {
    position: relative;
    left: -55%;
  }
  .xmedium-offset-10 {
    margin-left: 50%;
  }
  .xmedium-12 {
    width: 60%;
  }
  .xmedium-push-12 {
    position: relative;
    left: 60%;
  }
  .xmedium-pull-12 {
    position: relative;
    left: -60%;
  }
  .xmedium-offset-11 {
    margin-left: 55%;
  }
  .xmedium-13 {
    width: 65%;
  }
  .xmedium-push-13 {
    position: relative;
    left: 65%;
  }
  .xmedium-pull-13 {
    position: relative;
    left: -65%;
  }
  .xmedium-offset-12 {
    margin-left: 60%;
  }
  .xmedium-14 {
    width: 70%;
  }
  .xmedium-push-14 {
    position: relative;
    left: 70%;
  }
  .xmedium-pull-14 {
    position: relative;
    left: -70%;
  }
  .xmedium-offset-13 {
    margin-left: 65%;
  }
  .xmedium-15 {
    width: 75%;
  }
  .xmedium-push-15 {
    position: relative;
    left: 75%;
  }
  .xmedium-pull-15 {
    position: relative;
    left: -75%;
  }
  .xmedium-offset-14 {
    margin-left: 70%;
  }
  .xmedium-16 {
    width: 80%;
  }
  .xmedium-push-16 {
    position: relative;
    left: 80%;
  }
  .xmedium-pull-16 {
    position: relative;
    left: -80%;
  }
  .xmedium-offset-15 {
    margin-left: 75%;
  }
  .xmedium-17 {
    width: 85%;
  }
  .xmedium-push-17 {
    position: relative;
    left: 85%;
  }
  .xmedium-pull-17 {
    position: relative;
    left: -85%;
  }
  .xmedium-offset-16 {
    margin-left: 80%;
  }
  .xmedium-18 {
    width: 90%;
  }
  .xmedium-push-18 {
    position: relative;
    left: 90%;
  }
  .xmedium-pull-18 {
    position: relative;
    left: -90%;
  }
  .xmedium-offset-17 {
    margin-left: 85%;
  }
  .xmedium-19 {
    width: 95%;
  }
  .xmedium-push-19 {
    position: relative;
    left: 95%;
  }
  .xmedium-pull-19 {
    position: relative;
    left: -95%;
  }
  .xmedium-offset-18 {
    margin-left: 90%;
  }
  .xmedium-20 {
    width: 100%;
  }
  .xmedium-offset-19 {
    margin-left: 95%;
  }
  .xmedium-up-1 > .column, .xmedium-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .xmedium-up-1 > .column:nth-of-type(1n), .xmedium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xmedium-up-1 > .column:nth-of-type(1n+1), .xmedium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .xmedium-up-1 > .column:last-child, .xmedium-up-1 > .columns:last-child {
    float: left;
  }
  .xmedium-up-2 > .column, .xmedium-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .xmedium-up-2 > .column:nth-of-type(1n), .xmedium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xmedium-up-2 > .column:nth-of-type(2n+1), .xmedium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .xmedium-up-2 > .column:last-child, .xmedium-up-2 > .columns:last-child {
    float: left;
  }
  .xmedium-up-3 > .column, .xmedium-up-3 > .columns {
    float: left;
    width: 33.33333%;
  }
  .xmedium-up-3 > .column:nth-of-type(1n), .xmedium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xmedium-up-3 > .column:nth-of-type(3n+1), .xmedium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .xmedium-up-3 > .column:last-child, .xmedium-up-3 > .columns:last-child {
    float: left;
  }
  .xmedium-up-4 > .column, .xmedium-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .xmedium-up-4 > .column:nth-of-type(1n), .xmedium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xmedium-up-4 > .column:nth-of-type(4n+1), .xmedium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .xmedium-up-4 > .column:last-child, .xmedium-up-4 > .columns:last-child {
    float: left;
  }
  .xmedium-up-5 > .column, .xmedium-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .xmedium-up-5 > .column:nth-of-type(1n), .xmedium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xmedium-up-5 > .column:nth-of-type(5n+1), .xmedium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .xmedium-up-5 > .column:last-child, .xmedium-up-5 > .columns:last-child {
    float: left;
  }
  .xmedium-up-6 > .column, .xmedium-up-6 > .columns {
    float: left;
    width: 16.66667%;
  }
  .xmedium-up-6 > .column:nth-of-type(1n), .xmedium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xmedium-up-6 > .column:nth-of-type(6n+1), .xmedium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .xmedium-up-6 > .column:last-child, .xmedium-up-6 > .columns:last-child {
    float: left;
  }
  .xmedium-up-7 > .column, .xmedium-up-7 > .columns {
    float: left;
    width: 14.28571%;
  }
  .xmedium-up-7 > .column:nth-of-type(1n), .xmedium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xmedium-up-7 > .column:nth-of-type(7n+1), .xmedium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .xmedium-up-7 > .column:last-child, .xmedium-up-7 > .columns:last-child {
    float: left;
  }
  .xmedium-up-8 > .column, .xmedium-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .xmedium-up-8 > .column:nth-of-type(1n), .xmedium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xmedium-up-8 > .column:nth-of-type(8n+1), .xmedium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .xmedium-up-8 > .column:last-child, .xmedium-up-8 > .columns:last-child {
    float: left;
  }
  .xmedium-collapse > .column, .xmedium-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .xmedium-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .xmedium-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .xmedium-uncollapse > .column, .xmedium-uncollapse > .columns {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
  .xmedium-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .xmedium-centered, .xmedium-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .xmedium-uncentered,
  .xmedium-push-0,
  .xmedium-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0;
  }
}

@media print, screen and (min-width: 68.75em) {
  .large-1 {
    width: 5%;
  }
  .large-push-1 {
    position: relative;
    left: 5%;
  }
  .large-pull-1 {
    position: relative;
    left: -5%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    width: 10%;
  }
  .large-push-2 {
    position: relative;
    left: 10%;
  }
  .large-pull-2 {
    position: relative;
    left: -10%;
  }
  .large-offset-1 {
    margin-left: 5%;
  }
  .large-3 {
    width: 15%;
  }
  .large-push-3 {
    position: relative;
    left: 15%;
  }
  .large-pull-3 {
    position: relative;
    left: -15%;
  }
  .large-offset-2 {
    margin-left: 10%;
  }
  .large-4 {
    width: 20%;
  }
  .large-push-4 {
    position: relative;
    left: 20%;
  }
  .large-pull-4 {
    position: relative;
    left: -20%;
  }
  .large-offset-3 {
    margin-left: 15%;
  }
  .large-5 {
    width: 25%;
  }
  .large-push-5 {
    position: relative;
    left: 25%;
  }
  .large-pull-5 {
    position: relative;
    left: -25%;
  }
  .large-offset-4 {
    margin-left: 20%;
  }
  .large-6 {
    width: 30%;
  }
  .large-push-6 {
    position: relative;
    left: 30%;
  }
  .large-pull-6 {
    position: relative;
    left: -30%;
  }
  .large-offset-5 {
    margin-left: 25%;
  }
  .large-7 {
    width: 35%;
  }
  .large-push-7 {
    position: relative;
    left: 35%;
  }
  .large-pull-7 {
    position: relative;
    left: -35%;
  }
  .large-offset-6 {
    margin-left: 30%;
  }
  .large-8 {
    width: 40%;
  }
  .large-push-8 {
    position: relative;
    left: 40%;
  }
  .large-pull-8 {
    position: relative;
    left: -40%;
  }
  .large-offset-7 {
    margin-left: 35%;
  }
  .large-9 {
    width: 45%;
  }
  .large-push-9 {
    position: relative;
    left: 45%;
  }
  .large-pull-9 {
    position: relative;
    left: -45%;
  }
  .large-offset-8 {
    margin-left: 40%;
  }
  .large-10 {
    width: 50%;
  }
  .large-push-10 {
    position: relative;
    left: 50%;
  }
  .large-pull-10 {
    position: relative;
    left: -50%;
  }
  .large-offset-9 {
    margin-left: 45%;
  }
  .large-11 {
    width: 55%;
  }
  .large-push-11 {
    position: relative;
    left: 55%;
  }
  .large-pull-11 {
    position: relative;
    left: -55%;
  }
  .large-offset-10 {
    margin-left: 50%;
  }
  .large-12 {
    width: 60%;
  }
  .large-push-12 {
    position: relative;
    left: 60%;
  }
  .large-pull-12 {
    position: relative;
    left: -60%;
  }
  .large-offset-11 {
    margin-left: 55%;
  }
  .large-13 {
    width: 65%;
  }
  .large-push-13 {
    position: relative;
    left: 65%;
  }
  .large-pull-13 {
    position: relative;
    left: -65%;
  }
  .large-offset-12 {
    margin-left: 60%;
  }
  .large-14 {
    width: 70%;
  }
  .large-push-14 {
    position: relative;
    left: 70%;
  }
  .large-pull-14 {
    position: relative;
    left: -70%;
  }
  .large-offset-13 {
    margin-left: 65%;
  }
  .large-15 {
    width: 75%;
  }
  .large-push-15 {
    position: relative;
    left: 75%;
  }
  .large-pull-15 {
    position: relative;
    left: -75%;
  }
  .large-offset-14 {
    margin-left: 70%;
  }
  .large-16 {
    width: 80%;
  }
  .large-push-16 {
    position: relative;
    left: 80%;
  }
  .large-pull-16 {
    position: relative;
    left: -80%;
  }
  .large-offset-15 {
    margin-left: 75%;
  }
  .large-17 {
    width: 85%;
  }
  .large-push-17 {
    position: relative;
    left: 85%;
  }
  .large-pull-17 {
    position: relative;
    left: -85%;
  }
  .large-offset-16 {
    margin-left: 80%;
  }
  .large-18 {
    width: 90%;
  }
  .large-push-18 {
    position: relative;
    left: 90%;
  }
  .large-pull-18 {
    position: relative;
    left: -90%;
  }
  .large-offset-17 {
    margin-left: 85%;
  }
  .large-19 {
    width: 95%;
  }
  .large-push-19 {
    position: relative;
    left: 95%;
  }
  .large-pull-19 {
    position: relative;
    left: -95%;
  }
  .large-offset-18 {
    margin-left: 90%;
  }
  .large-20 {
    width: 100%;
  }
  .large-offset-19 {
    margin-left: 95%;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
    float: left;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
    float: left;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    float: left;
    width: 33.33333%;
  }
  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
    float: left;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
    float: left;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
    float: left;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    float: left;
    width: 16.66667%;
  }
  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
    float: left;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    float: left;
    width: 14.28571%;
  }
  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
    float: left;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
    float: left;
  }
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .large-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .large-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
  .large-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .large-centered, .large-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0;
  }
}

@media screen and (min-width: 87.5em) {
  .xlarge-1 {
    width: 5%;
  }
  .xlarge-push-1 {
    position: relative;
    left: 5%;
  }
  .xlarge-pull-1 {
    position: relative;
    left: -5%;
  }
  .xlarge-offset-0 {
    margin-left: 0%;
  }
  .xlarge-2 {
    width: 10%;
  }
  .xlarge-push-2 {
    position: relative;
    left: 10%;
  }
  .xlarge-pull-2 {
    position: relative;
    left: -10%;
  }
  .xlarge-offset-1 {
    margin-left: 5%;
  }
  .xlarge-3 {
    width: 15%;
  }
  .xlarge-push-3 {
    position: relative;
    left: 15%;
  }
  .xlarge-pull-3 {
    position: relative;
    left: -15%;
  }
  .xlarge-offset-2 {
    margin-left: 10%;
  }
  .xlarge-4 {
    width: 20%;
  }
  .xlarge-push-4 {
    position: relative;
    left: 20%;
  }
  .xlarge-pull-4 {
    position: relative;
    left: -20%;
  }
  .xlarge-offset-3 {
    margin-left: 15%;
  }
  .xlarge-5 {
    width: 25%;
  }
  .xlarge-push-5 {
    position: relative;
    left: 25%;
  }
  .xlarge-pull-5 {
    position: relative;
    left: -25%;
  }
  .xlarge-offset-4 {
    margin-left: 20%;
  }
  .xlarge-6 {
    width: 30%;
  }
  .xlarge-push-6 {
    position: relative;
    left: 30%;
  }
  .xlarge-pull-6 {
    position: relative;
    left: -30%;
  }
  .xlarge-offset-5 {
    margin-left: 25%;
  }
  .xlarge-7 {
    width: 35%;
  }
  .xlarge-push-7 {
    position: relative;
    left: 35%;
  }
  .xlarge-pull-7 {
    position: relative;
    left: -35%;
  }
  .xlarge-offset-6 {
    margin-left: 30%;
  }
  .xlarge-8 {
    width: 40%;
  }
  .xlarge-push-8 {
    position: relative;
    left: 40%;
  }
  .xlarge-pull-8 {
    position: relative;
    left: -40%;
  }
  .xlarge-offset-7 {
    margin-left: 35%;
  }
  .xlarge-9 {
    width: 45%;
  }
  .xlarge-push-9 {
    position: relative;
    left: 45%;
  }
  .xlarge-pull-9 {
    position: relative;
    left: -45%;
  }
  .xlarge-offset-8 {
    margin-left: 40%;
  }
  .xlarge-10 {
    width: 50%;
  }
  .xlarge-push-10 {
    position: relative;
    left: 50%;
  }
  .xlarge-pull-10 {
    position: relative;
    left: -50%;
  }
  .xlarge-offset-9 {
    margin-left: 45%;
  }
  .xlarge-11 {
    width: 55%;
  }
  .xlarge-push-11 {
    position: relative;
    left: 55%;
  }
  .xlarge-pull-11 {
    position: relative;
    left: -55%;
  }
  .xlarge-offset-10 {
    margin-left: 50%;
  }
  .xlarge-12 {
    width: 60%;
  }
  .xlarge-push-12 {
    position: relative;
    left: 60%;
  }
  .xlarge-pull-12 {
    position: relative;
    left: -60%;
  }
  .xlarge-offset-11 {
    margin-left: 55%;
  }
  .xlarge-13 {
    width: 65%;
  }
  .xlarge-push-13 {
    position: relative;
    left: 65%;
  }
  .xlarge-pull-13 {
    position: relative;
    left: -65%;
  }
  .xlarge-offset-12 {
    margin-left: 60%;
  }
  .xlarge-14 {
    width: 70%;
  }
  .xlarge-push-14 {
    position: relative;
    left: 70%;
  }
  .xlarge-pull-14 {
    position: relative;
    left: -70%;
  }
  .xlarge-offset-13 {
    margin-left: 65%;
  }
  .xlarge-15 {
    width: 75%;
  }
  .xlarge-push-15 {
    position: relative;
    left: 75%;
  }
  .xlarge-pull-15 {
    position: relative;
    left: -75%;
  }
  .xlarge-offset-14 {
    margin-left: 70%;
  }
  .xlarge-16 {
    width: 80%;
  }
  .xlarge-push-16 {
    position: relative;
    left: 80%;
  }
  .xlarge-pull-16 {
    position: relative;
    left: -80%;
  }
  .xlarge-offset-15 {
    margin-left: 75%;
  }
  .xlarge-17 {
    width: 85%;
  }
  .xlarge-push-17 {
    position: relative;
    left: 85%;
  }
  .xlarge-pull-17 {
    position: relative;
    left: -85%;
  }
  .xlarge-offset-16 {
    margin-left: 80%;
  }
  .xlarge-18 {
    width: 90%;
  }
  .xlarge-push-18 {
    position: relative;
    left: 90%;
  }
  .xlarge-pull-18 {
    position: relative;
    left: -90%;
  }
  .xlarge-offset-17 {
    margin-left: 85%;
  }
  .xlarge-19 {
    width: 95%;
  }
  .xlarge-push-19 {
    position: relative;
    left: 95%;
  }
  .xlarge-pull-19 {
    position: relative;
    left: -95%;
  }
  .xlarge-offset-18 {
    margin-left: 90%;
  }
  .xlarge-20 {
    width: 100%;
  }
  .xlarge-offset-19 {
    margin-left: 95%;
  }
  .xlarge-up-1 > .column, .xlarge-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .xlarge-up-1 > .column:nth-of-type(1n), .xlarge-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-1 > .column:nth-of-type(1n+1), .xlarge-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .xlarge-up-1 > .column:last-child, .xlarge-up-1 > .columns:last-child {
    float: left;
  }
  .xlarge-up-2 > .column, .xlarge-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .xlarge-up-2 > .column:nth-of-type(1n), .xlarge-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-2 > .column:nth-of-type(2n+1), .xlarge-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .xlarge-up-2 > .column:last-child, .xlarge-up-2 > .columns:last-child {
    float: left;
  }
  .xlarge-up-3 > .column, .xlarge-up-3 > .columns {
    float: left;
    width: 33.33333%;
  }
  .xlarge-up-3 > .column:nth-of-type(1n), .xlarge-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-3 > .column:nth-of-type(3n+1), .xlarge-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .xlarge-up-3 > .column:last-child, .xlarge-up-3 > .columns:last-child {
    float: left;
  }
  .xlarge-up-4 > .column, .xlarge-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .xlarge-up-4 > .column:nth-of-type(1n), .xlarge-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-4 > .column:nth-of-type(4n+1), .xlarge-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .xlarge-up-4 > .column:last-child, .xlarge-up-4 > .columns:last-child {
    float: left;
  }
  .xlarge-up-5 > .column, .xlarge-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .xlarge-up-5 > .column:nth-of-type(1n), .xlarge-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-5 > .column:nth-of-type(5n+1), .xlarge-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .xlarge-up-5 > .column:last-child, .xlarge-up-5 > .columns:last-child {
    float: left;
  }
  .xlarge-up-6 > .column, .xlarge-up-6 > .columns {
    float: left;
    width: 16.66667%;
  }
  .xlarge-up-6 > .column:nth-of-type(1n), .xlarge-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-6 > .column:nth-of-type(6n+1), .xlarge-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .xlarge-up-6 > .column:last-child, .xlarge-up-6 > .columns:last-child {
    float: left;
  }
  .xlarge-up-7 > .column, .xlarge-up-7 > .columns {
    float: left;
    width: 14.28571%;
  }
  .xlarge-up-7 > .column:nth-of-type(1n), .xlarge-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-7 > .column:nth-of-type(7n+1), .xlarge-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .xlarge-up-7 > .column:last-child, .xlarge-up-7 > .columns:last-child {
    float: left;
  }
  .xlarge-up-8 > .column, .xlarge-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .xlarge-up-8 > .column:nth-of-type(1n), .xlarge-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-8 > .column:nth-of-type(8n+1), .xlarge-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .xlarge-up-8 > .column:last-child, .xlarge-up-8 > .columns:last-child {
    float: left;
  }
  .xlarge-collapse > .column, .xlarge-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .xlarge-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .xlarge-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
  .xlarge-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .xlarge-centered, .xlarge-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .xlarge-uncentered,
  .xlarge-push-0,
  .xlarge-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0;
  }
}

@media screen and (min-width: 112.5em) {
  .xxlarge-1 {
    width: 5%;
  }
  .xxlarge-push-1 {
    position: relative;
    left: 5%;
  }
  .xxlarge-pull-1 {
    position: relative;
    left: -5%;
  }
  .xxlarge-offset-0 {
    margin-left: 0%;
  }
  .xxlarge-2 {
    width: 10%;
  }
  .xxlarge-push-2 {
    position: relative;
    left: 10%;
  }
  .xxlarge-pull-2 {
    position: relative;
    left: -10%;
  }
  .xxlarge-offset-1 {
    margin-left: 5%;
  }
  .xxlarge-3 {
    width: 15%;
  }
  .xxlarge-push-3 {
    position: relative;
    left: 15%;
  }
  .xxlarge-pull-3 {
    position: relative;
    left: -15%;
  }
  .xxlarge-offset-2 {
    margin-left: 10%;
  }
  .xxlarge-4 {
    width: 20%;
  }
  .xxlarge-push-4 {
    position: relative;
    left: 20%;
  }
  .xxlarge-pull-4 {
    position: relative;
    left: -20%;
  }
  .xxlarge-offset-3 {
    margin-left: 15%;
  }
  .xxlarge-5 {
    width: 25%;
  }
  .xxlarge-push-5 {
    position: relative;
    left: 25%;
  }
  .xxlarge-pull-5 {
    position: relative;
    left: -25%;
  }
  .xxlarge-offset-4 {
    margin-left: 20%;
  }
  .xxlarge-6 {
    width: 30%;
  }
  .xxlarge-push-6 {
    position: relative;
    left: 30%;
  }
  .xxlarge-pull-6 {
    position: relative;
    left: -30%;
  }
  .xxlarge-offset-5 {
    margin-left: 25%;
  }
  .xxlarge-7 {
    width: 35%;
  }
  .xxlarge-push-7 {
    position: relative;
    left: 35%;
  }
  .xxlarge-pull-7 {
    position: relative;
    left: -35%;
  }
  .xxlarge-offset-6 {
    margin-left: 30%;
  }
  .xxlarge-8 {
    width: 40%;
  }
  .xxlarge-push-8 {
    position: relative;
    left: 40%;
  }
  .xxlarge-pull-8 {
    position: relative;
    left: -40%;
  }
  .xxlarge-offset-7 {
    margin-left: 35%;
  }
  .xxlarge-9 {
    width: 45%;
  }
  .xxlarge-push-9 {
    position: relative;
    left: 45%;
  }
  .xxlarge-pull-9 {
    position: relative;
    left: -45%;
  }
  .xxlarge-offset-8 {
    margin-left: 40%;
  }
  .xxlarge-10 {
    width: 50%;
  }
  .xxlarge-push-10 {
    position: relative;
    left: 50%;
  }
  .xxlarge-pull-10 {
    position: relative;
    left: -50%;
  }
  .xxlarge-offset-9 {
    margin-left: 45%;
  }
  .xxlarge-11 {
    width: 55%;
  }
  .xxlarge-push-11 {
    position: relative;
    left: 55%;
  }
  .xxlarge-pull-11 {
    position: relative;
    left: -55%;
  }
  .xxlarge-offset-10 {
    margin-left: 50%;
  }
  .xxlarge-12 {
    width: 60%;
  }
  .xxlarge-push-12 {
    position: relative;
    left: 60%;
  }
  .xxlarge-pull-12 {
    position: relative;
    left: -60%;
  }
  .xxlarge-offset-11 {
    margin-left: 55%;
  }
  .xxlarge-13 {
    width: 65%;
  }
  .xxlarge-push-13 {
    position: relative;
    left: 65%;
  }
  .xxlarge-pull-13 {
    position: relative;
    left: -65%;
  }
  .xxlarge-offset-12 {
    margin-left: 60%;
  }
  .xxlarge-14 {
    width: 70%;
  }
  .xxlarge-push-14 {
    position: relative;
    left: 70%;
  }
  .xxlarge-pull-14 {
    position: relative;
    left: -70%;
  }
  .xxlarge-offset-13 {
    margin-left: 65%;
  }
  .xxlarge-15 {
    width: 75%;
  }
  .xxlarge-push-15 {
    position: relative;
    left: 75%;
  }
  .xxlarge-pull-15 {
    position: relative;
    left: -75%;
  }
  .xxlarge-offset-14 {
    margin-left: 70%;
  }
  .xxlarge-16 {
    width: 80%;
  }
  .xxlarge-push-16 {
    position: relative;
    left: 80%;
  }
  .xxlarge-pull-16 {
    position: relative;
    left: -80%;
  }
  .xxlarge-offset-15 {
    margin-left: 75%;
  }
  .xxlarge-17 {
    width: 85%;
  }
  .xxlarge-push-17 {
    position: relative;
    left: 85%;
  }
  .xxlarge-pull-17 {
    position: relative;
    left: -85%;
  }
  .xxlarge-offset-16 {
    margin-left: 80%;
  }
  .xxlarge-18 {
    width: 90%;
  }
  .xxlarge-push-18 {
    position: relative;
    left: 90%;
  }
  .xxlarge-pull-18 {
    position: relative;
    left: -90%;
  }
  .xxlarge-offset-17 {
    margin-left: 85%;
  }
  .xxlarge-19 {
    width: 95%;
  }
  .xxlarge-push-19 {
    position: relative;
    left: 95%;
  }
  .xxlarge-pull-19 {
    position: relative;
    left: -95%;
  }
  .xxlarge-offset-18 {
    margin-left: 90%;
  }
  .xxlarge-20 {
    width: 100%;
  }
  .xxlarge-offset-19 {
    margin-left: 95%;
  }
  .xxlarge-up-1 > .column, .xxlarge-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .xxlarge-up-1 > .column:nth-of-type(1n), .xxlarge-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-1 > .column:nth-of-type(1n+1), .xxlarge-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .xxlarge-up-1 > .column:last-child, .xxlarge-up-1 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-2 > .column, .xxlarge-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .xxlarge-up-2 > .column:nth-of-type(1n), .xxlarge-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-2 > .column:nth-of-type(2n+1), .xxlarge-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .xxlarge-up-2 > .column:last-child, .xxlarge-up-2 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-3 > .column, .xxlarge-up-3 > .columns {
    float: left;
    width: 33.33333%;
  }
  .xxlarge-up-3 > .column:nth-of-type(1n), .xxlarge-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-3 > .column:nth-of-type(3n+1), .xxlarge-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .xxlarge-up-3 > .column:last-child, .xxlarge-up-3 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-4 > .column, .xxlarge-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .xxlarge-up-4 > .column:nth-of-type(1n), .xxlarge-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-4 > .column:nth-of-type(4n+1), .xxlarge-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .xxlarge-up-4 > .column:last-child, .xxlarge-up-4 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-5 > .column, .xxlarge-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .xxlarge-up-5 > .column:nth-of-type(1n), .xxlarge-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-5 > .column:nth-of-type(5n+1), .xxlarge-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .xxlarge-up-5 > .column:last-child, .xxlarge-up-5 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-6 > .column, .xxlarge-up-6 > .columns {
    float: left;
    width: 16.66667%;
  }
  .xxlarge-up-6 > .column:nth-of-type(1n), .xxlarge-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-6 > .column:nth-of-type(6n+1), .xxlarge-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .xxlarge-up-6 > .column:last-child, .xxlarge-up-6 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-7 > .column, .xxlarge-up-7 > .columns {
    float: left;
    width: 14.28571%;
  }
  .xxlarge-up-7 > .column:nth-of-type(1n), .xxlarge-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-7 > .column:nth-of-type(7n+1), .xxlarge-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .xxlarge-up-7 > .column:last-child, .xxlarge-up-7 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-8 > .column, .xxlarge-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .xxlarge-up-8 > .column:nth-of-type(1n), .xxlarge-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-8 > .column:nth-of-type(8n+1), .xxlarge-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .xxlarge-up-8 > .column:last-child, .xxlarge-up-8 > .columns:last-child {
    float: left;
  }
  .xxlarge-collapse > .column, .xxlarge-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .xxlarge-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .xxlarge-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
  .xxlarge-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .xxlarge-centered, .xxlarge-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .xxlarge-uncentered,
  .xxlarge-push-0,
  .xxlarge-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0;
  }
}

.column-block {
  margin-bottom: 0.625rem;
}

@media print, screen and (min-width: 40em) {
  .column-block {
    margin-bottom: 1.25rem;
  }
  .column-block > :last-child {
    margin-bottom: 0;
  }
}

.column-block > :last-child {
  margin-bottom: 0;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

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

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important;
  }
}

@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em), screen and (min-width: 61.25em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 61.25em) {
  .hide-for-xmedium {
    display: none !important;
  }
}

@media screen and (max-width: 61.1875em) {
  .show-for-xmedium {
    display: none !important;
  }
}

@media screen and (min-width: 61.25em) and (max-width: 68.6875em) {
  .hide-for-xmedium-only {
    display: none !important;
  }
}

@media screen and (max-width: 61.1875em), screen and (min-width: 68.75em) {
  .show-for-xmedium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 68.75em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 68.6875em) {
  .show-for-large {
    display: none !important;
  }
}

@media screen and (min-width: 68.75em) and (max-width: 87.4375em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 68.6875em), screen and (min-width: 87.5em) {
  .show-for-large-only {
    display: none !important;
  }
}

@media screen and (min-width: 87.5em) {
  .hide-for-xlarge {
    display: none !important;
  }
}

@media screen and (max-width: 87.4375em) {
  .show-for-xlarge {
    display: none !important;
  }
}

@media screen and (min-width: 87.5em) and (max-width: 112.4375em) {
  .hide-for-xlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 87.4375em), screen and (min-width: 112.5em) {
  .show-for-xlarge-only {
    display: none !important;
  }
}

@media screen and (min-width: 112.5em) {
  .hide-for-xxlarge {
    display: none !important;
  }
}

@media screen and (max-width: 112.4375em) {
  .show-for-xxlarge {
    display: none !important;
  }
}

@media screen and (min-width: 112.5em) {
  .hide-for-xxlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 112.4375em) {
  .show-for-xxlarge-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}

@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}

@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}

@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

/*  ==========================================================================
    Grid Container
    ========================================================================== */
/*
    Block
    ========================================================================== */
.container {
  padding: 0 3%;
  margin: 0px auto;
  box-sizing: content-box !important;
}

.row--full {
  max-width: 100%;
}

.row--full .columns {
  padding: 0;
}

.row--flex-m {
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 61.1875em) {
  .row--flex-m {
    display: block;
  }
}

.row--flex-row-reverse-m {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

@media screen and (max-width: 61.1875em) {
  .row--flex-row-reverse-m {
    display: block;
  }
}

@media print, screen and (min-width: 61.25em) {
  .row--flex-xm {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
}

@media print, screen and (min-width: 61.25em) {
  .row--flex-end-xm {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: flex-end;
  }
}

.l-FlexRow--4up {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}

@media screen and (max-width: 39.9375em) {
  .l-FlexRow--4up {
    display: block;
  }
}

@media screen and (max-width: 87.4375em) {
  .l-FlexRow--4up .columns:nth-child(1), .l-FlexRow--4up .columns:nth-child(2) {
    margin-bottom: 1.25rem;
  }
}

@media screen and (max-width: 61.1875em) {
  .l-FlexRow--4up .columns:nth-child(3) {
    margin-bottom: 1.25rem;
  }
}

/*  ==========================================================================
    Base
    ========================================================================== */
html {
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: "Gill Sans MT W01 Medium", sans-serif;
  font-weight: 400;
  font-style: normal;
  overflow-x: hidden;
  line-height: 1.21;
  color: #000;
  font-size: 16px;
  font-size: 1rem;
}

/*
    Font face
    ========================================================================== */
@font-face {
  font-family: "Gill Sans MT W01 Light";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/c84e5aa5-75e6-4fb3-8f52-eb03f57d1af6.7cb77a0ea46a.woff2") format("woff2"), url("../fonts/277b285e-76f4-4aac-9bac-800a74bdddd3.9e423b42a8b6.woff") format("woff");
}

@font-face {
  font-family: "Gill Sans MT W01 Medium";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/5dcd1b38-d595-4966-9d40-696b7b29c0cd.b3ade3744260.woff2") format("woff2"), url("../fonts/b9947f64-d079-4c63-bcb3-d50ea832f4d9.8a941ae2e7ad.woff") format("woff");
}

@font-face {
  font-family: "Gill Sans MT W01 Bold";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/86470f48-8e3a-4e92-814b-253f9befd235.2e7aac9ebbd8.woff2") format("woff2"), url("../fonts/6f221e27-e272-4694-960b-a1fad35ed77d.fdfe97907fa8.woff") format("woff");
}

/*
    Type classes
    ========================================================================== */
.gill-sans-regular-200-60, .gill-sans-regular-150-60, .gill-sans-regular-115-60, .gill-sans-regular-100-60, .gill-sans-regular-100-30, .gill-sans-regular-80-40, .gill-sans-regular-75-40, .gill-sans-regular-50-40, .gill-sans-regular-50-30, .gill-sans-regular-50-24, .gill-sans-regular-40-20, .gill-sans-regular-40-30, .gill-sans-regular-35-22, .gill-sans-regular-30-22, .gill-sans-regular-30-18, .gill-sans-regular-25, .gill-sans-regular-25-18, .c-Btn--underline-white, .c-Btn--underline-black, .gill-sans-regular-22-22, .gill-sans-regular-20-18, .c-Btn--underline-black-small, .c-Btn--underline-white-small, .gill-sans-regular-20-16, .gill-sans-regular-20-15, .gill-sans-regular-18, .gill-sans-regular-18-16, .gill-sans-regular-16-14, .c-Btn--underline-grey-small, .gill-sans-regular-15-14, .gill-sans-regular-14-14, .c-Btn--black-small, .c-CategoryFilters > li.more, .c-OrderReview__summary__value {
  font-family: "Gill Sans MT W01 Medium", sans-serif;
}

.gill-sans-regular-200-60 strong, .gill-sans-regular-150-60 strong, .gill-sans-regular-115-60 strong, .gill-sans-regular-100-60 strong, .gill-sans-regular-100-30 strong, .gill-sans-regular-80-40 strong, .gill-sans-regular-75-40 strong, .gill-sans-regular-50-40 strong, .gill-sans-regular-50-30 strong, .gill-sans-regular-50-24 strong, .gill-sans-regular-40-20 strong, .gill-sans-regular-40-30 strong, .gill-sans-regular-35-22 strong, .gill-sans-regular-30-22 strong, .gill-sans-regular-30-18 strong, .gill-sans-regular-25 strong, .gill-sans-regular-25-18 strong, .c-Btn--underline-white strong, .c-Btn--underline-black strong, .gill-sans-regular-22-22 strong, .gill-sans-regular-20-18 strong, .c-Btn--underline-black-small strong, .c-Btn--underline-white-small strong, .gill-sans-regular-20-16 strong, .gill-sans-regular-20-15 strong, .gill-sans-regular-18 strong, .gill-sans-regular-18-16 strong, .gill-sans-regular-16-14 strong, .c-Btn--underline-grey-small strong, .gill-sans-regular-15-14 strong, .gill-sans-regular-14-14 strong, .c-Btn--black-small strong, .c-CategoryFilters > li.more strong, .c-OrderReview__summary__value strong {
  font-family: "Gill Sans MT W01 Bold", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.gill-sans-light-40-20, .gill-sans-light-40-30, .gill-sans-light-30-22, .gill-sans-light-25-18, .gill-sans-light-25-15, .c-Btn--underline-grey, .gill-sans-light-20, .gill-sans-light-20-18, .gill-sans-light-18, .gill-sans-light-20-16, .gill-sans-light-20-15, .gill-sans-light-18-16, .gill-sans-light-15-14, .gill-sans-light-14-14, .gill-sans-light-12, .c-WishLists__item__quantity span, .c-OrderReview__summary__label, .c-PageContent__wysiwyg ul, .c-PageContent__wysiwyg p, .c-ArticleColumnText p {
  font-family: "Gill Sans MT W01 Light", sans-serif;
}

.gill-sans-light-40-20 strong, .gill-sans-light-40-30 strong, .gill-sans-light-30-22 strong, .gill-sans-light-25-18 strong, .gill-sans-light-25-15 strong, .c-Btn--underline-grey strong, .gill-sans-light-20 strong, .gill-sans-light-20-18 strong, .gill-sans-light-18 strong, .gill-sans-light-20-16 strong, .gill-sans-light-20-15 strong, .gill-sans-light-18-16 strong, .gill-sans-light-15-14 strong, .gill-sans-light-14-14 strong, .gill-sans-light-12 strong, .c-WishLists__item__quantity span strong, .c-OrderReview__summary__label strong, .c-PageContent__wysiwyg ul strong, .c-PageContent__wysiwyg p strong, .c-ArticleColumnText p strong {
  font-family: "Gill Sans MT W01 Medium", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.gill-sans-regular-200-60 {
  font-size: calc(0.07778 * 100vw + 60px);
  letter-spacing: .1em;
  text-transform: uppercase;
  line-height: 1;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-200-60 {
    font-size: 200px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-200-60 {
    font-size: 60px;
  }
}

.gill-sans-regular-150-60 {
  font-size: calc(0.06111 * 100vw + 40px);
  letter-spacing: .1em;
  text-transform: uppercase;
  line-height: 1;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-150-60 {
    font-size: 150px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-150-60 {
    font-size: 40px;
  }
}

.gill-sans-regular-115-60 {
  font-size: calc(0.03056 * 100vw + 60px);
  letter-spacing: .1em;
  text-transform: uppercase;
  line-height: 1.1;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-115-60 {
    font-size: 115px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-115-60 {
    font-size: 60px;
  }
}

.gill-sans-regular-100-60 {
  font-size: calc(0.03333 * 100vw + 40px);
  letter-spacing: .1em;
  text-transform: uppercase;
  line-height: 1.1;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-100-60 {
    font-size: 100px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-100-60 {
    font-size: 40px;
  }
}

.gill-sans-regular-100-30 {
  font-size: calc(0.03889 * 100vw + 30px);
  letter-spacing: .1em;
  text-transform: uppercase;
  line-height: 1;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-100-30 {
    font-size: 100px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-100-30 {
    font-size: 30px;
  }
}

.gill-sans-regular-80-40 {
  font-size: calc(0.02222 * 100vw + 40px);
  letter-spacing: .1em;
  text-transform: uppercase;
  line-height: 1.2;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-80-40 {
    font-size: 80px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-80-40 {
    font-size: 40px;
  }
}

.gill-sans-regular-75-40 {
  font-size: calc(0.01944 * 100vw + 40px);
  letter-spacing: .1em;
  text-transform: uppercase;
  line-height: 1.2;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-75-40 {
    font-size: 75px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-75-40 {
    font-size: 40px;
  }
}

.gill-sans-regular-50-40 {
  font-size: calc(0.00556 * 100vw + 40px);
  line-height: 1.1;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-50-40 {
    font-size: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-50-40 {
    font-size: 40px;
  }
}

.gill-sans-regular-50-30 {
  font-size: calc(0.01111 * 100vw + 30px);
  letter-spacing: .2em;
  text-transform: uppercase;
  line-height: 1.1;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-50-30 {
    font-size: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-50-30 {
    font-size: 30px;
  }
}

.gill-sans-regular-50-24 {
  font-size: calc(0.01444 * 100vw + 24px);
  line-height: 1.1;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-50-24 {
    font-size: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-50-24 {
    font-size: 22px;  /* 24px  testing purpose for mobile view (mak)*/
  }
}

.gill-sans-regular-40-20 {
  font-size: calc(0.01111 * 100vw + 20px);
  line-height: 1.1;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-40-20 {
    font-size: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-40-20 {
    font-size: 20px;
  }
}

.gill-sans-regular-40-20.uppercase {
  letter-spacing: .075em;
  text-transform: uppercase;
}

.gill-sans-regular-40-30 {
  font-size: calc(0.00556 * 100vw + 30px);
  line-height: 1.1;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-40-30 {
    font-size: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-40-30 {
    font-size: 30px;
  }
}

.gill-sans-regular-35-22 {
  font-size: calc(0.00722 * 100vw + 22px);
  line-height: 1.3;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-35-22 {
    font-size: 35px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-35-22 {
    font-size: 22px;
  }
}

.gill-sans-regular-30-22 {
  font-size: calc(0.00444 * 100vw + 22px);
  line-height: 1.1;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-30-22 {
    font-size: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-30-22 {
    font-size: 22px;
  }
}

.gill-sans-regular-30-18 {
  font-size: calc(0.00667 * 100vw + 18px);
  line-height: 1.1;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-30-18 {
    font-size: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-30-18 {
    font-size: 18px;
  }
}

.gill-sans-regular-25 {
  font-size: 25px;
  line-height: 1.1;
}

.gill-sans-regular-25-18, .c-Btn--underline-white, .c-Btn--underline-black {
  font-size: calc(0.00389 * 100vw + 18px);
  line-height: 1.1;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-25-18, .c-Btn--underline-white, .c-Btn--underline-black {
    font-size: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-25-18, .c-Btn--underline-white, .c-Btn--underline-black {
    font-size: 18px;
    line-height: 1.5;
  }
}

.gill-sans-regular-22-22 {
  font-size: calc(0 * 100vw + 22px);
  line-height: 1.1;
  text-transform: uppercase;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-22-22 {
    font-size: 22px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-22-22 {
    font-size: 22px;
  }
}

.gill-sans-regular-20-18, .c-Btn--underline-black-small, .c-Btn--underline-white-small {
  font-size: calc(0.00111 * 100vw + 18px);
  line-height: 1.1;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-20-18, .c-Btn--underline-black-small, .c-Btn--underline-white-small {
    font-size: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-20-18, .c-Btn--underline-black-small, .c-Btn--underline-white-small {
    font-size: 18px;
  }
}

.gill-sans-regular-20-16 {
  font-size: calc(0.00222 * 100vw + 16px);
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: .1em;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-20-16 {
    font-size: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-20-16 {
    font-size: 16px;
  }
}

.gill-sans-regular-20-15 {
  font-size: calc(0.00278 * 100vw + 15px);
  line-height: 1.1;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-20-15 {
    font-size: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-20-15 {
    font-size: 15px;
  }
}

.gill-sans-regular-18 {
  font-size: 18px;
  line-height: 1.1;
}

.gill-sans-regular-18-16 {
  font-size: calc(0.00111 * 100vw + 16px);
  line-height: 1.1;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-18-16 {
    font-size: 18px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-18-16 {
    font-size: 16px;
  }
}

.gill-sans-regular-16-14, .c-Btn--underline-grey-small {
  font-size: calc(0.00111 * 100vw + 14px);
  line-height: 1.2;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-16-14, .c-Btn--underline-grey-small {
    font-size: 16px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-16-14, .c-Btn--underline-grey-small {
    font-size: 14px;
  }
}

.gill-sans-regular-15-14 {
  font-size: calc(0.00056 * 100vw + 14px);
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: .05em;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-15-14 {
    font-size: 15px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-15-14 {
    font-size: 14px;
  }
}

.gill-sans-regular-14-14 {
  font-size: calc(0 * 100vw + 14px);
  line-height: 1.1;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-regular-14-14 {
    font-size: 14px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-regular-14-14 {
    font-size: 14px;
  }
}

.gill-sans-light-40-20 {
  font-size: calc(0.01111 * 100vw + 20px);
  line-height: 1.15;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-light-40-20 {
    font-size: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-light-40-20 {
    font-size: 20px;
  }
}

.gill-sans-light-40-30 {
  font-size: calc(0.00556 * 100vw + 30px);
  line-height: 1.333;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-light-40-30 {
    font-size: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-light-40-30 {
    font-size: 30px;
  }
}

.gill-sans-light-30-22 {
  font-size: calc(0.00444 * 100vw + 22px);
  line-height: 1.1;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-light-30-22 {
    font-size: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-light-30-22 {
    font-size: 22px;
  }
}

.gill-sans-light-25-18 {
  font-size: calc(0.00389 * 100vw + 18px);
  line-height: 1.4;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-light-25-18 {
    font-size: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-light-25-18 {
    font-size: 18px;
  }
}

.gill-sans-light-25-15, .c-Btn--underline-grey {
  font-size: calc(0.00556 * 100vw + 15px);
  line-height: 1.4;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-light-25-15, .c-Btn--underline-grey {
    font-size: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-light-25-15, .c-Btn--underline-grey {
    font-size: 15px;
  }
}

.gill-sans-light-20 {
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.gill-sans-light-20-18 {
  font-size: calc(0.00111 * 100vw + 18px);
  line-height: 1.2;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-light-20-18 {
    font-size: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-light-20-18 {
    font-size: 18px;
  }
}

.gill-sans-light-18 {
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: normal;
  text-transform: none;
}

.gill-sans-light-20-16 {
  font-size: calc(0.00222 * 100vw + 16px);
  line-height: 1.25;
  letter-spacing: -.005em;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-light-20-16 {
    font-size: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-light-20-16 {
    font-size: 16px;
  }
}

.gill-sans-light-20-15 {
  font-size: calc(0.00278 * 100vw + 15px);
  line-height: 1.25;
  letter-spacing: -.005em;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-light-20-15 {
    font-size: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-light-20-15 {
    font-size: 15px;
  }
}

.gill-sans-light-18-16 {
  font-size: calc(0.00111 * 100vw + 16px);
  line-height: 1.25;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-light-18-16 {
    font-size: 18px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-light-18-16 {
    font-size: 16px;
  }
}

.gill-sans-light-15-14 {
  font-size: calc(0.00056 * 100vw + 14px);
  line-height: 1.25;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-light-15-14 {
    font-size: 15px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-light-15-14 {
    font-size: 14px;
  }
}

.gill-sans-light-14-14 {
  font-size: calc(0 * 100vw + 14px);
  line-height: 1.1;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-light-14-14 {
    font-size: 14px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-light-14-14 {
    font-size: 14px;
  }
}

.gill-sans-light-12 {
  /* font-size: 12px; */
  font-size: calc(0 * 100vw + 12px);
  line-height: 1.1;
}

@media screen and (min-width: 87.5em) {
  .gill-sans-light-12 {
    font-size: 12px;
  }
}

@media screen and (max-width: 61.1875em) {
  .gill-sans-light-12 {
    font-size: 12px;
  }
}

.uppercase {
  text-transform: uppercase;
}

/*
    Elements
    ========================================================================== */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5 {
  font-family: "Gill Sans MT W01 Medium", sans-serif;
  font-style: normal;
  font-weight: normal;
  margin: 0 0 20px;
}

strong {
  font-weight: 400;
}

p {
  margin-top: 0;
}

a {
  text-decoration: none;
  color: #000;
  transition: color .2s linear;
}

blockquote {
  margin: 0 0 20px 0;
  font-size: calc(0.00556 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  blockquote {
    font-size: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  blockquote {
    font-size: 30px;
  }
}

hr {
  border: none;
  border-bottom: 1px solid #ebebeb;
}

sub {
  bottom: 0;
}

address {
  font-style: normal;
}

/*  ==========================================================================
    Helper
	========================================================================== */
.u-minh--250 {
  min-height: 250px;
}

/*
    Text Align
    ========================================================================== */
.align--center {
  text-align: center;
}

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

.align--bottom {
  position: absolute;
  bottom: 70px;
}

/*
    Floats
    ========================================================================== */
.float--right {
  float: right;
}

.float--left {
  float: left;
}

/*
    Position
    ========================================================================== */
.relative {
  position: relative;
}

/*
    Vertical Align
    ========================================================================== */
.table {
  display: table;
  width: 100%;
  height: 100%;
}

.table__cell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

/*
    List
		========================================================================== */

.u-list--bare {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.u-list--inline li {
  display: inline-block;
}

.u-list--inline li:not(:last-child):after {
  content: "|";
}

/*
    Background Color
		========================================================================== */
.bg-off-white {
  background-color: #fafafa;
}

.bg-black {
  background-color: #000;
}

/*
    Color
		========================================================================== */
.color-dark-grey {
  color: #707070;
}

.color-grey {
  color: #adadad;
}

.color-black {
  color: #000;
}

.color-red {
  color: #CC0825;
}

.color-white {
  color: #fff;
}

/*
    Display
		========================================================================== */
.u-block {
  display: block;
}

/*
    Responsive margin + padding
		========================================================================== */
.mb-150-100 {
  margin-bottom: calc(0.02778 * 100vw + 100px);
}

@media screen and (min-width: 87.5em) {
  .mb-150-100 {
    margin-bottom: 150px;
  }
}

@media screen and (max-width: 61.1875em) {
  .mb-150-100 {
    margin-bottom: 100px;
  }
}

.mb-130-90 {
  margin-bottom: calc(0.02222 * 100vw + 90px);
}

@media screen and (min-width: 87.5em) {
  .mb-130-90 {
    margin-bottom: 130px;
  }
}

@media screen and (max-width: 61.1875em) {
  .mb-130-90 {
    margin-bottom: 90px;
  }
}

.mb-130-60 {
  margin-bottom: calc(0.03889 * 100vw + 60px);
}

@media screen and (min-width: 87.5em) {
  .mb-130-60 {
    margin-bottom: 130px;
  }
}

@media screen and (max-width: 61.1875em) {
  .mb-130-60 {
    margin-bottom: 60px;
  }
}

.mb-110-60 {
  margin-bottom: calc(0.02778 * 100vw + 60px);
}

@media screen and (min-width: 87.5em) {
  .mb-110-60 {
    margin-bottom: 110px;
  }
}

@media screen and (max-width: 61.1875em) {
  .mb-110-60 {
    margin-bottom: 60px;
  }
}

.mb-100-60 {
  margin-bottom: calc(0.02222 * 100vw + 60px);
}

@media screen and (min-width: 87.5em) {
  .mb-100-60 {
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 61.1875em) {
  .mb-100-60 {
    margin-bottom: 60px;
  }
}

.mb-100-80 {
  margin-bottom: calc(0.01111 * 100vw + 80px);
}

@media screen and (min-width: 87.5em) {
  .mb-100-80 {
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 61.1875em) {
  .mb-100-80 {
    margin-bottom: 80px;
  }
}

.mb-80-40 {
  margin-bottom: calc(0.02222 * 100vw + 40px);
}

@media screen and (min-width: 87.5em) {
  .mb-80-40 {
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 61.1875em) {
  .mb-80-40 {
    margin-bottom: 40px;
  }
}

.mb-60-40 {
  margin-bottom: calc(0.01111 * 100vw + 40px);
}

@media screen and (min-width: 87.5em) {
  .mb-60-40 {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 61.1875em) {
  .mb-60-40 {
    margin-bottom: 40px;
  }
}

.mb-50-30 {
  margin-bottom: calc(0.01111 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .mb-50-30 {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .mb-50-30 {
    margin-bottom: 30px;
  }
}

.mb-40-20 {
  margin-bottom: calc(0.01111 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .mb-40-20 {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .mb-40-20 {
    margin-bottom: 20px;
  }
}

.mb-30-20 {
  margin-bottom: calc(0.00556 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .mb-30-20 {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .mb-30-20 {
    margin-bottom: 20px;
  }
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-0 {
  margin-bottom: 0px;
}

.pt-200-100 {
  padding-top: calc(0.05556 * 100vw + 100px);
}

@media screen and (min-width: 87.5em) {
  .pt-200-100 {
    padding-top: 200px;
  }
}

@media screen and (max-width: 61.1875em) {
  .pt-200-100 {
    padding-top: 100px;
  }
}

.pt-150-100 {
  padding-top: calc(0.02778 * 100vw + 100px);
}

@media screen and (min-width: 87.5em) {
  .pt-150-100 {
    padding-top: 150px;
  }
}

@media screen and (max-width: 61.1875em) {
  .pt-150-100 {
    padding-top: 100px;
  }
}

.pt-150-60 {
  padding-top: calc(0.05 * 100vw + 60px);
}

@media screen and (min-width: 87.5em) {
  .pt-150-60 {
    padding-top: 150px;
  }
}

@media screen and (max-width: 61.1875em) {
  .pt-150-60 {
    padding-top: 60px;
  }
}

.pt-130-60 {
  padding-top: calc(0.03889 * 100vw + 60px);
}

@media screen and (min-width: 87.5em) {
  .pt-130-60 {
    padding-top: 130px;
  }
}

@media screen and (max-width: 61.1875em) {
  .pt-130-60 {
    padding-top: 60px;
  }
}

.pt-130-75 {
  padding-top: calc(0.03056 * 100vw + 75px);
}

@media screen and (min-width: 87.5em) {
  .pt-130-75 {
    padding-top: 130px;
  }
}

@media screen and (max-width: 61.1875em) {
  .pt-130-75 {
    padding-top: 75px;
  }
}

.pt-130-80 {
  padding-top: calc(0.02778 * 100vw + 80px);
}

@media screen and (min-width: 87.5em) {
  .pt-130-80 {
    padding-top: 130px;
  }
}

@media screen and (max-width: 61.1875em) {
  .pt-130-80 {
    padding-top: 80px;
  }
}

.pt-80-60 {
  padding-top: calc(0.01111 * 100vw + 60px);
}

@media screen and (min-width: 87.5em) {
  .pt-80-60 {
    padding-top: 80px;
  }
}

@media screen and (max-width: 61.1875em) {
  .pt-80-60 {
    padding-top: 60px;
  }
}

.pt-100-60 {
  padding-top: calc(0.02222 * 100vw + 60px);
}

@media screen and (min-width: 87.5em) {
  .pt-100-60 {
    padding-top: 100px;
  }
}

@media screen and (max-width: 61.1875em) {
  .pt-100-60 {
    padding-top: 60px;
  }
}

@media (max-width: 600px) {
  .pt-100-60 {
    padding: 45px !important;
  }
}

.pt-40-20 {
  padding-top: calc(0.01111 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .pt-40-20 {
    padding-top: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .pt-40-20 {
    padding-top: 20px;
  }
}

.pt-20 {
  padding-top: 20px;
}

.pt-20-10 {
  padding-top: calc(0.00556 * 100vw + 10px);
}

@media screen and (min-width: 87.5em) {
  .pt-20-10 {
    padding-top: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .pt-20-10 {
    padding-top: 10px;
  }
}

.pb-200-100 {
  padding-bottom: calc(0.05556 * 100vw + 100px);
}

@media screen and (min-width: 87.5em) {
  .pb-200-100 {
    padding-bottom: 200px;
  }
}

@media screen and (max-width: 61.1875em) {
  .pb-200-100 {
    padding-bottom: 100px;
  }
}

.pb-150-100 {
  padding-bottom: calc(0.02778 * 100vw + 100px);
}

@media screen and (min-width: 87.5em) {
  .pb-150-100 {
    padding-bottom: 150px;
  }
}

@media screen and (max-width: 61.1875em) {
  .pb-150-100 {
    padding-bottom: 100px;
  }
}

@media (max-width: 600px) {
  .pb-150-100 {
    padding-top: 60px !important;
  }
}

.pb-130-40 {
  padding-bottom: calc(0.05 * 100vw + 40px);
}

@media screen and (min-width: 87.5em) {
  .pb-130-40 {
    padding-bottom: 130px;
  }
}

@media screen and (max-width: 61.1875em) {
  .pb-130-40 {
    padding-bottom: 40px;
  }
}

.pb-130-60 {
  padding-bottom: calc(0.03889 * 100vw + 60px);
}

@media screen and (min-width: 87.5em) {
  .pb-130-60 {
    padding-bottom: 130px;
  }
}

@media screen and (max-width: 61.1875em) {
  .pb-130-60 {
    padding-bottom: 60px;
  }
}

.pb-130-80 {
  padding-bottom: calc(0.02778 * 100vw + 80px);
}

@media screen and (min-width: 87.5em) {
  .pb-130-80 {
    padding-bottom: 130px;
  }
}

@media screen and (max-width: 61.1875em) {
  .pb-130-80 {
    padding-bottom: 80px;
  }
}

.pb-100-60 {
  padding-bottom: calc(0.02222 * 100vw + 60px);
}

@media screen and (min-width: 87.5em) {
  .pb-100-60 {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 61.1875em) {
  .pb-100-60 {
    padding-bottom: 60px;
  }
}

.pb-70-20 {
  padding-bottom: calc(0.02778 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .pb-70-20 {
    padding-bottom: 70px;
  }
}

@media screen and (max-width: 61.1875em) {
  .pb-70-20 {
    padding-bottom: 20px;
  }
}

.pb-60-40 {
  padding-bottom: calc(0.01111 * 100vw + 40px);
}

@media screen and (min-width: 87.5em) {
  .pb-60-40 {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 61.1875em) {
  .pb-60-40 {
    padding-bottom: 40px;
  }
}

.pb-40-20 {
  padding-bottom: calc(0.01111 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .pb-40-20 {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .pb-40-20 {
    padding-bottom: 20px;
  }
}

.pb-20 {
  padding-bottom: 20px;
}

/*
    Misc
		========================================================================== */
.u-btn-clear {
  border: 0;
  background: transparent;
  padding: 0;
}

.u-btn-clear:focus, .u-btn-clear:active {
  outline: none;
}

.u-line-break {
  width: 100%;
  height: 1px;
  background-color: #ebebeb;
}

.u-uppercase {
  text-transform: uppercase;
}

.u-fieldset-clear {
  border: 0;
  padding: 0;
  margin: 0;
}

.u-fieldset-clear:hover .c-CustomCheckbox--stripped:hover a {
  color: #000;
}

.u-fieldset-clear:hover .c-CustomCheckbox--stripped a {
  color: #adadad;
}

/*
    Object Fit
		========================================================================== */
.u-obj-cover,
.u-obj-contain {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.u-obj-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.u-obj-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

/*
    Images
		========================================================================== */
.u-masked-img-zoom {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
}

.u-masked-img-zoom .intrinsic-image {
  transform: scale(1);
  transition: transform 1000ms ease;
}

.u-masked-img-zoom .intrinsic-image:hover {
  transform: scale(1.03);
}

@media (max-width: 1024px) {
  .u-masked-img-zoom .intrinsic-image:hover {
    transform: scale(1);
  }
}

/*
    Overlays
		========================================================================== */
.u-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

/*
    Displays
		========================================================================== */
.u-display-block {
  display: block;
}

/*
    Fade in
		========================================================================== */
.u-row-fade-in-cols .column:nth-child(0), .u-row-fade-in-cols .columns:nth-child(0),
.u-row-fade-in-cols .columns:nth-child(0) {
  animation-delay: 0ms;
}

.u-row-fade-in-cols .column:nth-child(1), .u-row-fade-in-cols .columns:nth-child(1),
.u-row-fade-in-cols .columns:nth-child(1) {
  animation-delay: 100ms;
}

.u-row-fade-in-cols .column:nth-child(2), .u-row-fade-in-cols .columns:nth-child(2),
.u-row-fade-in-cols .columns:nth-child(2) {
  animation-delay: 200ms;
}

.u-row-fade-in-cols .column:nth-child(3), .u-row-fade-in-cols .columns:nth-child(3),
.u-row-fade-in-cols .columns:nth-child(3) {
  animation-delay: 300ms;
}

.u-row-fade-in-cols .column:nth-child(4), .u-row-fade-in-cols .columns:nth-child(4),
.u-row-fade-in-cols .columns:nth-child(4) {
  animation-delay: 400ms;
}

.u-row-fade-in-cols .column:nth-child(5), .u-row-fade-in-cols .columns:nth-child(5),
.u-row-fade-in-cols .columns:nth-child(5) {
  animation-delay: 500ms;
}

.u-row-fade-in-cols .column:nth-child(6), .u-row-fade-in-cols .columns:nth-child(6),
.u-row-fade-in-cols .columns:nth-child(6) {
  animation-delay: 600ms;
}

.u-row-fade-in-cols .column:nth-child(7), .u-row-fade-in-cols .columns:nth-child(7),
.u-row-fade-in-cols .columns:nth-child(7) {
  animation-delay: 700ms;
}

.u-row-fade-in-cols .column:nth-child(8), .u-row-fade-in-cols .columns:nth-child(8),
.u-row-fade-in-cols .columns:nth-child(8) {
  animation-delay: 800ms;
}

.u-row-fade-in-cols .column:nth-child(9), .u-row-fade-in-cols .columns:nth-child(9),
.u-row-fade-in-cols .columns:nth-child(9) {
  animation-delay: 900ms;
}

.u-row-fade-in-cols .column:nth-child(10), .u-row-fade-in-cols .columns:nth-child(10),
.u-row-fade-in-cols .columns:nth-child(10) {
  animation-delay: 1000ms;
}

/*
    Inline links w/ svg icons
		========================================================================== */
.u-icon-link-inline {
  display: inline-block;
}

.u-icon-link-inline > svg {
  margin-right: 4px;
}

/*  ==========================================================================
    Images
    ========================================================================== */
/*
    Block
    ========================================================================== */
/*
    Modifiers
    ========================================================================== */
.image--full img {
  width: 100%;
  display: block;
}

/*  ==========================================================================
    Lazyload Images
    ========================================================================== */
/*
    Block
    ========================================================================== */
.intrinsic-image {
  position: relative;
  height: 0;
  background-color: #fafafa;
}

.intrinsic-image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
}

.intrinsic-image--cover {
  padding-bottom: 0 !important;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.intrinsic-image--cover img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.lazy_image {
  overflow: hidden;
  position: relative;
  padding-bottom: 67%;
}

.lazy_image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  backface-visibility: hidden;
  transition: opacity ease 300ms;
}

img.lazyloading, img.lazyload {
  opacity: 0;
}

img.lazyloaded {
  opacity: 1;
}

/*  ==========================================================================
    Main Nav
    ========================================================================== */
/*
    Block
    ========================================================================== */
.main-search {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 112;
  display: none;
  overflow: hidden;
}

.main-search.active {
  display: block;
}

.main-search.not-searching .slider-row:after {
  display: none;
}

.main-search.not-searching .slider-row .prodcut-slider {
  display: none;
}

.main-search .c-CarouselSlider {
  padding: 30px;
}

.main-search .search-overlay {
  position: absolute;
  width: 100%;
  z-index: 2;
  background-color: #000;
  opacity: 0.45;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 600px) {
  .main-search .search-overlay {
    display: none !important;
  }
}

.main-search .site-search {
  position: absolute;
  z-index: 4;
  top: 0;
  right: 0;
  width: calc(100% - 50%);
  background-color: #fff;
  height: 100vh;
  transform: translatex(100%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translate(0px, 0);
  -webkit-transition: -webkit-transform 0.8s ease;
  -moz-transform: translate(0px, 0);
  -moz-transition: -moz-transform 0.8s ease;
  transform: translate(0px, 0);
}

@media screen and (max-width: 1200px) {
  .main-search .site-search {
    width: 100%;
  }
}

.main-search .site-search.active {
  transform: none;
}

.main-search .site-search .search-row, .main-search .site-search .tabs-row, .main-search .site-search .results-row, .main-search .site-search .slider-row {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
}

.main-search .site-search .search-row {
  border-bottom: 1px solid #e6e6e6;
  max-height: 60px;
}

.main-search .site-search .search-row form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 10px 0 30px;
}

.main-search .site-search .search-row form input {
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: 100%;
  height: 60px;
  border: 0;
  font-size: 18px;
  position: relative;
  top: -5px;
  line-height: 1;
  color: #1A1A1A;
}

.main-search .site-search .search-row form input:-ms-input-placeholder {
  color: #BABABA;
  font-weight: 400;
  text-transform: none;
  line-height: 1;
}

.main-search .site-search .search-row form input::-moz-placeholder {
  color: #BABABA;
  font-weight: 400;
  text-transform: none;
  line-height: 1;
}

.main-search .site-search .search-row form input::placeholder {
  color: #BABABA;
  font-weight: 400;
  text-transform: none;
  line-height: 1;
}

@media screen and (max-width: 1200px) {
  .main-search .site-search .search-row form input {
    border-right: 1px solid #E6E6E6;
    margin-right: 32px;
    top: -1px;
  }
}

@media screen and (max-width: 1200px) {
  .main-search .site-search .search-row form input {
    margin-right: 21px;
  }
}

.main-search .site-search .search-row form .open-search-list {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  min-width: 120px;
  font-weight: 500;
  font-size: 13px;
  text-transform: none;
  color: #BABABA;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  min-height: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1200px) {
  .main-search .site-search .search-row form .open-search-list {
    border-right: 1px solid #E6E6E6;
    margin-right: 25px;
    padding-right: 25px;
  }
}

@media screen and (max-width: 600px) {
  .main-search .site-search .search-row form .open-search-list {
    display: none;
  }
}

.main-search .site-search .search-row form .open-search-list:hover {
  color: #1A1A1A !important;
}

.main-search .site-search .search-row form .search-site-btn {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  text-decoration: none;
  color: inherit;
  transition: color 200ms;
  outline: 0;
  cursor: pointer;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  width: 60px;
  height: 60px;
  border-right: 1px solid #E6E6E6;
  margin-right: 32px;
}

@media screen and (max-width: 1200px) {
  .main-search .site-search .search-row form .search-site-btn {
    display: none;
  }
}

.main-search .site-search .search-row form .search-site-btn:hover svg path, .main-search .site-search .search-row form .search-site-btn:hover svg rect {
  fill: #124634;
}

.main-search .site-search .search-row form .search-site-btn svg path, .main-search .site-search .search-row form .search-site-btn svg rect {
  fill: #1a1a1a;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.main-search .site-search .search-row form #search-row-close {
  display: none;
  margin-right: 25px;
  cursor: pointer;
}

@media screen and (max-width: 1200px) {
  .main-search .site-search .search-row form #search-row-close {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .main-search .site-search .search-row form #search-row-close {
    margin-right: 15px;
  }
}

.main-search .site-search .tabs-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  max-height: 50px;
  border-bottom: 1px solid #e6e6e6;
}

@media screen and (max-width: 600px) {
  .main-search .site-search .tabs-row {
    overflow-x: scroll;
  }
}

.main-search .site-search .tabs-row::-webkit-scrollbar {
  display: none;
}

.main-search .site-search .tabs-row .tabs-btn {
  height: 50px;
  min-width: 175px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  text-transform: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: #bababa;
  border-right: 1px solid #e6e6e6;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.main-search .site-search .tabs-row .tabs-btn:hover {
  color: #1A1A1A;
}

.main-search .site-search .tabs-row .tabs-btn.active {
  color: #1A1A1A;
}

.main-search .site-search .tabs-row .tabs-btn span {
  display: inline-block;
  margin-left: 10px;
}

.main-search .site-search .results-row {
  overflow-y: scroll;
  position: relative;
  padding: 30px;
  display: none;
}

@media (min-height: 801px) {
  .main-search .site-search .results-row {
    max-height: calc(100% - 600px);
  }
}

@media (max-height: 800px) {
  .main-search .site-search .results-row {
    max-height: calc(100% - 120px);
  }
}

.main-search .site-search .results-row::-webkit-scrollbar {
  width: 8px;
  height: 12px;
}

.main-search .site-search .results-row::-webkit-scrollbar-track {
  box-shadow: none;
  background-color: #F4F4F4;
}

.main-search .site-search .results-row::-webkit-scrollbar-thumb {
  background-color: #bababa;
  outline: none;
}

.main-search .site-search .results-row.active {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.main-search .site-search .results-row .popular-title {
  color: #BABABA;
  font-size: 14px;
  font-weight: normal;
}

.main-search .site-search .results-row .results-row-results {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  padding-bottom: 160px;
  width: 50%;
}

.main-search .site-search .results-row .results-row-results .result-wrapper {
  margin-bottom: 0;
  padding: 10px 0;
}

.main-search .site-search .results-row .results-row-results .result-wrapper .site-search-result {
  color: #8C8C8C;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
}

.main-search .site-search #dfp_search_ads_id {
  position: absolute;
  z-index: 3;
  top: 110px;
  right: 0;
  width: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-left: 200px;
  padding-top: 100px;
}

.main-search .site-search .slider-row {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  display: none;
}

.main-search .site-search .slider-row.active {
  display: block;
  background-color: #fff;
}

@media screen and (max-width: 600px) {
  .main-search .site-search .slider-row {
    display: none !important;
  }
}

@media screen and (max-height: 780px) {
  .main-search .site-search .slider-row {
    display: none !important;
  }
}

@media screen and (max-width: 900px) and (orientation: landscape) {
  .main-search .site-search .slider-row {
    display: none !important;
  }
}

.main-search .site-search .slider-row:before {
  content: "";
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.5) 20%, #fff);
  position: absolute;
  height: 35px;
  top: -35px;
  left: 0;
  z-index: 2;
  width: 100%;
}

.main-search .site-search .slider-row .prodcut-slider {
  position: relative;
  margin-bottom: 0;
  padding: 0 !important;
}

.main-search .site-search .slider-row .prodcut-slider .swiper-button-prev-prd {
  left: 45px;
}

.main-search .site-search .slider-row .prodcut-slider .swiper-button-next-prd {
  right: 45px;
}

.main-search .site-search .slider-row .search-slider {
  position: relative;
}

.main-search .site-search .slider-row .search-slider .slide-this .swiper-slide {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media screen and (max-width: 600px) {
  .main-search .site-search .slider-row .search-slider .slide-this .swiper-slide {
    padding-right: 20px;
  }
}

.main-search .site-search .slider-row .search-slider .slide-this .swiper-slide img {
  width: 100%;
  height: 100%;
  max-height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.main-search .site-search .slider-row .search-slider .slide-this .swiper-slide .recipe-slide-txt {
  padding: 20px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  background-color: #fff;
}

.main-search .site-search .slider-row .search-slider .slide-this .swiper-slide .recipe-slide-txt .recipe-title {
  font-weight: 500;
  line-height: 33px;
  font-size: 20px;
  line-height: 1.25;
  color: #1A1A1A;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  max-height: 66px;
  overflow: hidden;
}

.main-search .site-search .slider-row .search-slider .slide-this .swiper-slide .recipe-slide-txt .align-bottom {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 400;
}

@media screen and (max-width: 1200px) {
  .main-search .site-search .slider-row .search-slider .slide-this .swiper-slide .recipe-slide-txt .align-bottom {
    text-align: center;
  }
}

.main-search .site-search .slider-row .search-slider .slide-this .swiper-slide .recipe-slide-txt .align-bottom .cuisine, .main-search .site-search .slider-row .search-slider .slide-this .swiper-slide .recipe-slide-txt .align-bottom .category {
  line-height: 1;
  margin-bottom: 0px;
  color: #A3A3A3;
}

.main-search .site-search .slider-row .search-slider .swiper-button-prev {
  left: 30px;
}

.main-search .site-search .slider-row .search-slider .swiper-button-next {
  right: 30px;
}

.main-search .site-search .search-shopping-list {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 60px);
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  height: 100vh;
  z-index: 24;
  display: none;
}

@media screen and (max-width: 1200px) {
  .main-search .site-search .search-shopping-list {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .main-search .site-search .search-shopping-list {
    display: none;
  }
}

.main-search .site-search .search-shopping-list.active {
  display: block;
}

.main-search .site-search .search-shopping-list .top-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  min-height: 68px;
  max-height: 68px;
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
  padding: 0 30px;
}

.main-search .site-search .search-shopping-list .top-row .list-title {
  font-size: 18px;
  line-height: 1;
  color: #1A1A1A;
  margin-bottom: 0;
}

.main-search .site-search .search-shopping-list #search-shopping-list-close {
  cursor: pointer;
}

.main-search .site-search .search-shopping-list .shopping-list-add {
  width: 100%;
  height: calc(100vh - 68px);
  padding: 30px;
  position: relative;
}

.main-search .site-search .search-shopping-list .shopping-list-add .text-input {
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  height: calc(100% - 60px);
  padding: 24px;
  width: 100%;
}

.main-search .site-search .search-shopping-list .shopping-list-add .text-input textarea {
  background-attachment: local;
  background-image: -webkit-linear-gradient(left, #fff, transparent 0), -webkit-linear-gradient(right, #fff, transparent 0), -webkit-linear-gradient(#fff 39px, #e6e6e6 0, #e6e6e6 40px, #fff 0);
  background-size: 100% 100%,100% 100%,100% 40px;
  border: none;
  font-size: calc(.215vw + 16.41202px);
  font-weight: 400;
  height: 100%;
  letter-spacing: .02em;
  line-height: 1.25;
  line-height: 2em;
  outline: none;
  resize: none;
  width: 100%;
}

@media (min-width: 1672px) {
  .main-search .site-search .search-shopping-list .shopping-list-add .text-input textarea {
    font-size: 20px;
  }
}

.main-search .site-search .search-shopping-list .shopping-list-add .bottom-row {
  width: 100%;
  padding: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.main-search .site-search .search-shopping-list .shopping-list-add .search-for-this-list {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  text-decoration: none;
  color: inherit;
  transition: color 200ms;
  outline: 0;
  cursor: pointer;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  border: 1px solid #CA9E67;
  color: #CA9E67;
  padding: 20px 60px;
  font-size: 13px;
  text-transform: none;
  line-height: 1;
}

@media (max-width: 1200px) {
  .main-search #dfp_search_ads_id {
    display: none !important;
  }
}

.search_inspiration, .search_inspiration .flickity-viewport {
  height: 400px !important;
}

.slider-row .c-ProductBox__detail h5 {
  text-transform: capitalize !important;
}

/*  ==========================================================================
    Main Nav
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-Logo {
  max-width: 310px;
  max-height: 63px;
  display: block;
  width: 100%;
  height: 100%;
  transition: all 300ms ease;
  will-change: max-width, max-height;
  backface-visibility: hidden;
}

@media screen and (max-width: 112.4375em) {
  .c-Logo {
    max-width: 240px;
    max-height: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Logo {
    max-width: 156px;
    max-height: 33px;
  }
}

.c-Logo > span {
  display: none;
}

.c-Logo svg {
  width: 100%;
  height: 100%;
}

.c-Logo svg path {
  transition: fill 300ms ease;
}

@media (min-width: 1200px) {
  .home-page .c-Logo {
    display: none;
  }
  .home-page .shrink .c-Logo {
    display: block;
  }
}

/*  ==========================================================================
    Main Nav
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-QuantityButton {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.c-QuantityButton.is-active > input, .c-QuantityButton:hover > input {
  border-color: #adadad;
}

.c-QuantityButton.is-active [type="number"], .c-QuantityButton.is-active p, .c-QuantityButton:hover [type="number"], .c-QuantityButton:hover p {
  background-color: #fff;
  color: #000;
  border-color: #fff;
}

.c-QuantityButton > input, .c-QuantityButton > p {
  border: 0;
  padding: 0;
  text-align: center;
  outline: none;
  width: 58px;
  height: 58px;
  transition: border-color .2s linear;
}

.c-QuantityButton .qty-minus {
  border-right: 0;
}

.c-QuantityButton .qty-plus {
  border-left: 0;
}

.c-QuantityButton [type="number"], .c-QuantityButton p {
  background-color: #fff;
  color: #000;
  -moz-appearance: textfield;
  transition: all .2s linear;
}

.c-QuantityButton input::-webkit-outer-spin-button,
.c-QuantityButton input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*
    Modifiers
    ========================================================================== */
.c-QuantityButton--small > input {
  width: 44px;
  height: 44px;
}

.c-QuantityButton--small > p {
  width: auto;
  padding: 10px;
  min-width: 44px;
  height: 44px;
  margin: 0;
  vertical-align: middle;
  display: inline-grid;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.c-QuantityButton--border > input:hover {
  background-color: #63891B;
  color: #fff;
}

.c-QuantityButton > p {
  margin: 0;
  vertical-align: middle;
  display: inline-grid;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

/*  ==========================================================================
    Hero
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-Hero {
  width: 100%;
  height: calc(100vh - 100px);
  position: relative;
  color: #fff;
  overflow: hidden;
}

@media screen and (max-width: 68.6875em) {
  .c-Hero {
    height: 82vh;
  }
}

.c-Hero:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

.c-Hero > img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}

.c-Hero .intrinsic-image {
  position: absolute;
  top: -1%;
  right: 0;
  bottom: 0;
  left: 0;
  height: 101%;
  width: 100%;
}

.c-Hero .intrinsic-image > img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-Hero .intrinsic-image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.c-Hero .container {
  position: relative;
  z-index: 1;
  height: 100%;
}

.c-Hero .container .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 100%;
  text-align: center;
}

/*******************/
/****Hero Start*****/
.HomeHero {
  display: -ms-flexbox;
  display: flex;
  height: 655px;
  max-height: 655px;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 90px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-height: 75vh;
}

@media screen and (max-width: 600px) {
  .HomeHero {
    min-height: inherit;
  }
}

.HomeHero .swiper-container {
  padding: 0;
}

.HomeHero .swiper-slide {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  height: 655px;
  max-height: 655px;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-height: 75vh;
  min-width: 100vw;
}

@media screen and (max-width: 600px) {
  .HomeHero .swiper-slide {
    min-height: inherit;
  }
}

.HomeHero .swiper-slide picture {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.HomeHero .swiper-slide picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.HomeHero .swiper-button-next {
  right: 45px;
}

.HomeHero .swiper-button-next:after {
  color: #fff;
}

.HomeHero .swiper-button-prev {
  left: 45px;
}

.HomeHero .swiper-button-prev:after {
  color: #fff;
}

.HomeHero .overlay {
  position: absolute;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 1200px) {
  .HomeHero .overlay {
    background-color: rgba(0, 0, 0, 0.5);
  }
}

.HomeHero .hero-title {
  position: relative;
  z-index: 3;
  color: #fff;
  text-transform: uppercase;
  font-size: 80px;
  line-height: 90px;
  margin-bottom: 0;
  font-weight: 600;
}

@media screen and (max-width: 1200px) {
  .HomeHero .hero-title {
    text-align: center;
    font-size: 70px;
    line-height: 80px;
  }
}

@media screen and (max-width: 600px) {
  .HomeHero .hero-title {
    font-size: 40px;
    line-height: 50px;
    width: 80%;
  }
}

.HomeHero .hero-title-sub {
  position: absolute;
  z-index: 3;
  color: #fff;
  display: inline-block;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 108px;
  font-size: 20px;
  line-height: 21px;
  color: #fff;
  max-width: 35%;
  text-align: center;
  font-weight: 600;
}

@media screen and (max-width: 1672px) {
  .HomeHero .hero-title-sub {
    max-width: 60%;
  }
}

@media screen and (max-width: 1200px) {
  .HomeHero .hero-title-sub {
    max-width: 80%;
  }
}

@media screen and (max-width: 600px) {
  .HomeHero .hero-title-sub {
    max-width: 86%;
    font-size: 18px;
    line-height: 18px;
  }
}

.HomeHero .btn.view-more {
  position: absolute;
  z-index: 3;
  color: #fff;
  bottom: 30px;
  border-color: transparent;
  background-color: transparent;
}

/****Hero End*****/
/*******************/
/*
    Elements
    ========================================================================== */
@media screen and (max-width: 39.9375em) {
  .c-Hero__heading span:first-of-type {
    font-size: 44px;
  }
  .c-Hero__heading span:last-of-type {
    font-size: 27px;
  }
}

.c-Hero__heading .logo-img {
  width: 60%;
}

@media (max-width: 980px) {
  .c-Hero__heading .logo-img {
    width: 80%;
  }
}

.heading-gap .columns {
  height: 100%;
}

.heading-gap .c-Hero__heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 100%;
  padding: 30px 0px;
}

.c-Hero__btn {
  position: absolute;
  transform: translate(-50%, 0);
  left: 50%;
  z-index: 20;
  bottom: calc(0.01111 * 100vw + 40px);
}

@media screen and (min-width: 87.5em) {
  .c-Hero__btn {
    bottom: 60px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Hero__btn {
    bottom: 40px;
  }
}

.c-Hero__sub-text {
  position: absolute;
  bottom: calc(0.00556 * 100vw + 50px);
  left: 50%;
  transform: translate(-50%, 0);
}

@media screen and (min-width: 87.5em) {
  .c-Hero__sub-text {
    bottom: 60px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Hero__sub-text {
    bottom: 50px;
  }
}

.c-Hero__sub-text p {
  margin-bottom: calc(0.00556 * 100vw + 40px);
}

@media screen and (min-width: 87.5em) {
  .c-Hero__sub-text p {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Hero__sub-text p {
    margin-bottom: 40px;
  }
}

.c-Hero__category-date {
  line-height: 2.5;
}

.c-Hero__category-date li {
  display: inline-block;
  border-right: 1px solid #fff;
  padding-left: calc(0.00278 * 100vw + 20px);
  padding-right: calc(0.00278 * 100vw + 20px);
  min-width: 150px;
}

@media screen and (min-width: 87.5em) {
  .c-Hero__category-date li {
    padding-left: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Hero__category-date li {
    padding-left: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-Hero__category-date li {
    padding-right: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Hero__category-date li {
    padding-right: 20px;
  }
}

.c-Hero__category-date li:last-child {
  border-right: 0;
}

.c-Hero__play-btn {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: calc(0.02222 * 100vw + 60px);
}

@media screen and (min-width: 87.5em) {
  .c-Hero__play-btn {
    bottom: 100px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Hero__play-btn {
    bottom: 60px;
  }
}

/*
    Modifiers
    ========================================================================== */
.c-Hero--recipe .column, .c-Hero--recipe .columns {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-top: calc(0.00556 * 100vw + 50px);
  padding-bottom: calc(0.00556 * 100vw + 50px);
}

@media screen and (min-width: 87.5em) {
  .c-Hero--recipe .column, .c-Hero--recipe .columns {
    padding-top: 60px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Hero--recipe .column, .c-Hero--recipe .columns {
    padding-top: 50px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-Hero--recipe .column, .c-Hero--recipe .columns {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Hero--recipe .column, .c-Hero--recipe .columns {
    padding-bottom: 50px;
  }
}

.c-Hero--meal-plan .column, .c-Hero--meal-plan .columns {
  height: 100%;
}

.c-Hero--meal-plan__header {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}

.c-Hero--50vh {
  height: 50vh;
}

.c-Hero--video {
  height: auto;
  padding-top: 130px;
}

/*  ==========================================================================
    Button
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-Btn {
  outline: none;
}

.c-Btn.wide {
  min-width: 250px;
  max-height: 50px;
}

@media (max-width: 40em) {
  .c-Btn.wide {
    min-width: 120px;
    height: 40px;
    padding: 11px;
  }
}

/*
      Modifiers
      ========================================================================== */
.c-Btn--black-small {
  color: #000;
  background-color: transparent;
  border: none;
  transition: color .2s linear;
  font-size: calc(0 * 100vw + 14px);
}

@media screen and (min-width: 87.5em) {
  .c-Btn--black-small {
    font-size: 14px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Btn--black-small {
    font-size: 14px;
  }
}

.c-Btn--black-small:hover {
  color: #63891B;
}

.c-Btn--underline-white, .c-Btn--underline-black, .c-Btn--underline-black-small, .c-Btn--underline-white-small, .c-Btn--underline-grey {
  position: relative;
  border-bottom: 1px solid;
  padding-bottom: 4px;
}

.c-Btn--underline-white:before, .c-Btn--underline-black:before, .c-Btn--underline-black-small:before, .c-Btn--underline-white-small:before, .c-Btn--underline-grey:before, .c-Btn--underline-white:after, .c-Btn--underline-black:after, .c-Btn--underline-black-small:after, .c-Btn--underline-white-small:after, .c-Btn--underline-grey:after {
  content: '';
  width: 0;
  height: 2px;
  background-color: #000;
  position: absolute;
  bottom: -1px;
  left: 50%;
  transition: all 400ms cubic-bezier(0.42, 0, 0.34, 1.01);
}

.c-Btn--underline-white:hover:before, .c-Btn--underline-black:hover:before, .c-Btn--underline-black-small:hover:before, .c-Btn--underline-white-small:hover:before, .c-Btn--underline-grey:hover:before {
  width: 50%;
  transform: translate3d(-100%, 0, 0);
}

.c-Btn--underline-white:hover:after, .c-Btn--underline-black:hover:after, .c-Btn--underline-black-small:hover:after, .c-Btn--underline-white-small:hover:after, .c-Btn--underline-grey:hover:after {
  width: 50%;
}

.c-Btn--underline-white {
  color: #fff;
  border-bottom-color: #fff;
}

.c-Btn--underline-white:before, .c-Btn--underline-white:after {
  background-color: #fff;
}

.c-Btn--underline-black {
  color: #000;
  border-bottom-color: #000;
}

.c-Btn--underline-black-small {
  color: #000;
  border-bottom-color: #000;
  padding-bottom: 2px;
}

.c-Btn--underline-white-small {
  color: #fff;
  border-bottom-color: #fff;
  padding-bottom: 2px;
}

.c-Btn--underline-white-small:before, .c-Btn--underline-white-small:after {
  background-color: #fff;
}

.c-Btn--underline-grey {
  color: #adadad;
  border-bottom-color: #adadad;
}

.c-Btn--underline-grey:before, .c-Btn--underline-grey:after {
  background-color: #adadad;
}

.c-Btn--underline-grey-small {
  color: #adadad;
  border-bottom: 1px solid #adadad;
}

.c-Btn--underline-grey-small:before, .c-Btn--underline-grey-small:after {
  background-color: #adadad;
}

.c-Btn--underline-grey-medium {
  color: #adadad;
  border-bottom: 1px solid #adadad;
}

.c-Btn--underline-grey-medium:before, .c-Btn--underline-grey-medium:after {
  background-color: #adadad;
}

.c-Btn--fill-black, .c-Btn--fill-white, .c-Btn--fill-green {
  display: inline-block;
  text-align: center;
  line-height: 1;
  text-transform: uppercase;
  padding: 16px 20px;
  font-size: calc(0.00111 * 100vw + 16px);
  letter-spacing: .1em;
  transition: all .2s linear;
}

@media screen and (min-width: 87.5em) {
  .c-Btn--fill-black, .c-Btn--fill-white, .c-Btn--fill-green {
    font-size: 18px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Btn--fill-black, .c-Btn--fill-white, .c-Btn--fill-green {
    font-size: 16px;
  }
}

.c-Btn--fill-black {
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
}

.c-Btn--fill-black:hover {
  background-color: #63891B;
  border-color: #63891B;
}

.c-Btn--fill-white {
  color: #000;
  background-color: #fff;
  border: 1px solid #adadad;
}

.c-Btn--fill-white:hover {
  background-color: #63891B;
  border-color: #63891B;
}

.c-Btn--fill-green {
  color: #fff;
  background-color: #63891B;
}

.c-Btn--outline-black {
  display: inline-block;
  text-align: center;
  line-height: 1;
  padding: 16px 20px;
  font-size: calc(0.00111 * 100vw + 16px);
  letter-spacing: .1em;
  background-color: transparent;
  transition: border-color .2s linear, color .2s linear;
}

@media screen and (min-width: 87.5em) {
  .c-Btn--outline-black {
    font-size: 18px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Btn--outline-black {
    font-size: 16px;
  }
}

.c-Btn--outline-black {
  color: #000;
  border: 1px solid #000;
  text-transform: uppercase;
}

.c-Btn--outline-black:hover {
  border-color: #63891B;
  color: #63891B;
}

.c-Btn--full-width {
  width: 100%;
}

.c-Btn--wide {
  padding: 16px 100px;
}

.c-Btn--wide-alt {
  padding: 16px 50px;
}

.c-Btn--top-right {
  position: absolute;
  top: 0px;
  right: 0;
}

/*  ==========================================================================
    Border Box
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-BorderBox {
  border: 1px solid #adadad;
  padding-top: calc(0.01667 * 100vw + 30px);
  padding-bottom: calc(0.01667 * 100vw + 30px);
  padding-left: calc(0.01389 * 100vw + 20px);
  padding-right: calc(0.01389 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-BorderBox {
    padding-top: 60px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-BorderBox {
    padding-top: 30px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-BorderBox {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-BorderBox {
    padding-bottom: 30px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-BorderBox {
    padding-left: 45px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-BorderBox {
    padding-left: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-BorderBox {
    padding-right: 45px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-BorderBox {
    padding-right: 20px;
  }
}

/*
    Elements
    ========================================================================== */
.c-BorderBox__item:not(:last-child) {
  border-bottom: 1px solid #adadad;
  margin-bottom: calc(0.01667 * 100vw + 30px);
  padding-bottom: calc(0.01667 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .c-BorderBox__item:not(:last-child) {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-BorderBox__item:not(:last-child) {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-BorderBox__item:not(:last-child) {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-BorderBox__item:not(:last-child) {
    padding-bottom: 30px;
  }
}

.c-BorderBox__item__title, .c-BorderBox__item__desc {
  margin: 0 auto;
  max-width: 70%;
}

/*
    Modifiers
    ========================================================================== */
/*  ==========================================================================
    Offer Card
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-OfferCard {
  position: relative;
  background-color: #fff;
  box-shadow: none;
  transition: box-shadow 200ms linear;
  display: block;
}

.c-OfferCard:hover {
  box-shadow: 0px 6px 42px #adadad;
}

@media (max-width: 1024px) {
  .c-OfferCard:hover {
    box-shadow: none;
  }
}

.c-OfferCard:hover {
  color: #000;
}

.c-OfferCard:hover .intrinsic-image {
  transform: scale(1.03);
}

@media (max-width: 1024px) {
  .c-OfferCard:hover .intrinsic-image {
    transform: scale(1);
  }
}

.c-OfferCard p {
  color: #707070;
}

.c-OfferCard .intrinsic-image {
  overflow: hidden;
}

.c-OfferCard .intrinsic-image > img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

/*
    Elements
    ========================================================================== */
.c-OfferCard__detail {
  text-align: center;
  padding-top: calc(0.00556 * 100vw + 30px);
  padding-bottom: calc(0.00556 * 100vw + 20px);
  padding-left: calc(0.00556 * 100vw + 20px);
  padding-right: calc(0.00556 * 100vw + 20px);
  background-color: #fff;
}

@media screen and (min-width: 87.5em) {
  .c-OfferCard__detail {
    padding-top: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OfferCard__detail {
    padding-top: 30px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-OfferCard__detail {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OfferCard__detail {
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-OfferCard__detail {
    padding-left: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OfferCard__detail {
    padding-left: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-OfferCard__detail {
    padding-right: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OfferCard__detail {
    padding-right: 20px;
  }
}

.c-OfferCard__detail h4,
.c-OfferCard__detail p {
  margin-bottom: calc(0.00389 * 100vw + 18px);
}

@media screen and (min-width: 87.5em) {
  .c-OfferCard__detail h4,
  .c-OfferCard__detail p {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OfferCard__detail h4,
  .c-OfferCard__detail p {
    margin-bottom: 18px;
  }
}

.c-OfferCard__offer {
  color: #A5192E;
  display: block;
  margin-bottom: 8px;
  letter-spacing: 0;
}

/*  ==========================================================================
    Offer Block
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-OfferBlock {
  position: relative;
  height: 0;
  padding-bottom: 100%;
  display: block;
  overflow: hidden;
  box-shadow: none;
  transition: box-shadow 200ms linear;
}

.c-OfferBlock:hover {
  box-shadow: 0px 6px 42px #707070;
}

@media (max-width: 1024px) {
  .c-OfferBlock:hover {
    box-shadow: none;
  }
}

.c-OfferBlock:hover .intrinsic-image {
  transform: scale(1.03);
}

@media (max-width: 1024px) {
  .c-OfferBlock:hover .intrinsic-image {
    transform: scale(1);
  }
}

.c-OfferBlock:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

.c-OfferBlock .intrinsic-image > img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
}

/*
    Elements
    ========================================================================== */
.c-OfferBlock__overlay {
  position: absolute;
  color: #fff;
  z-index: 2;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% - 50px));
  width: 100%;
}

.c-OfferBlock__overlay span {
  display: block;
}

.c-OfferBlock__overlay span:first-child {
  margin-bottom: 25px;
}

.c-OfferBlock__overlay h4 {
  margin-bottom: 25px;
}

.c-OfferBlock__btn {
  position: absolute;
  bottom: calc(0.00556 * 100vw + 40px);
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
}

@media screen and (min-width: 87.5em) {
  .c-OfferBlock__btn {
    bottom: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OfferBlock__btn {
    bottom: 40px;
  }
}

/*  ==========================================================================
    Product Box
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-ProductBox {
  width: 336px;
  position: relative;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.c-ProductBox .c-QuantityButton > input {
  border-color: #fafafa;
}

.c-ProductBox .c-QuantityButton > input[type=button] {
  background-color: #ebebeb;
}

.c-ProductBox .c-QuantityButton > input[type=button]:hover {
  background-color: #63891B;
  color: #fff;
}

.c-ProductBox .c-QuantityButton:hover [type="number"] {
  border-color: #fafafa;
}

.c-ProductBox .intrinsic-image {
  background-color: transparent;
}

/*
    Elements
    ========================================================================== */
.c-ProductBox__wrapper {
  border-top: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  height: 100%;
}

@media screen and (max-width: 39.9375em) {
  .c-ProductBox__wrapper {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    height: auto;
  }
}

.c-ProductBox__wrapper:hover .c-ProductBox__image .hover {
  opacity: 1;
}

.c-ProductBox__image {
  display: block;
  border-bottom: 0;
  position: relative;
  padding-left: calc(0.00833 * 100vw + 35px);
  padding-right: calc(0.00833 * 100vw + 35px);
  padding-top: calc(0.00389 * 100vw + 18px);
  padding-bottom: calc(0.00389 * 100vw + 18px);
}

@media screen and (min-width: 87.5em) {
  .c-ProductBox__image {
    padding-left: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductBox__image {
    padding-left: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-ProductBox__image {
    padding-right: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductBox__image {
    padding-right: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-ProductBox__image {
    padding-top: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductBox__image {
    padding-top: 18px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-ProductBox__image {
    padding-bottom: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductBox__image {
    padding-bottom: 18px;
  }
}

.c-ProductBox__image:hover + .c-ProductBox__detail a {
  color: #adadad;
}

@media screen and (max-width: 39.9375em) {
  .c-ProductBox__image {
    width: 50%;
    padding: 20px 20px 20px 10px;
  }
}

.c-ProductBox__image .main {
  position: relative;
  z-index: 1;
}

.c-ProductBox__image .hover {
  position: absolute;
  z-index: 2;
  top: calc(0.00389 * 100vw + 18px);
  left: calc(0.00833 * 100vw + 35px);
  width: calc(100% - 100px);
  height: calc(100% - 50px);
  opacity: 0;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}

@media screen and (min-width: 87.5em) {
  .c-ProductBox__image .hover {
    top: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductBox__image .hover {
    top: 18px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-ProductBox__image .hover {
    left: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductBox__image .hover {
    left: 35px;
  }
}

.c-ProductBox__detail {
  text-align: center;
  padding-left: calc(0.00833 * 100vw + 35px);
  padding-right: calc(0.00833 * 100vw + 35px);
  padding-bottom: calc(0.00556 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-ProductBox__detail {
    padding-left: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductBox__detail {
    padding-left: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-ProductBox__detail {
    padding-right: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductBox__detail {
    padding-right: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-ProductBox__detail {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductBox__detail {
    padding-bottom: 20px;
  }
}

.c-ProductBox__detail h5 {
  margin-bottom: 8px;
  height: 80px;
}

@media (max-width: 1600px) and (min-width: 1400px) {
  .c-ProductBox__detail h5 {
    font-size: 16px;
  }
}

@media (max-width: 600px) {
  .c-ProductBox__detail h5 {
    padding-left: 0px;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: left !important;
  }
}

.c-ProductBox__detail a:hover {
  color: #adadad;
}

@media screen and (max-width: 39.9375em) {
  .c-ProductBox__detail {
    width: 50%;
    padding: 20px 10px 20px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .c-ProductBox__detail h5 {
    margin-bottom: 15px;
    height: 100px;
    margin-top: 25px;
  }
}

.c-ProductBox__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  background-color: #fafafa;
  padding: 20px;
  border-bottom: 1px solid #fafafa;
}

@media screen and (max-width: 112.4375em) {
  .c-ProductBox__actions {
    display: block;
    text-align: left !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .c-ProductBox__actions {
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 112.4375em) {
  .c-ProductBox__actions > div:first-child {
    display: block;
    margin-bottom: calc(0.01111 * 100vw + 0px);
  }
}

@media screen and (max-width: 112.4375em) and (min-width: 87.5em) {
  .c-ProductBox__actions > div:first-child {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 112.4375em) and (max-width: 61.1875em) {
  .c-ProductBox__actions > div:first-child {
    margin-bottom: 0px;
  }
}

.c-ProductBox__actions > div:first-child span {
  display: block;
}

.c-ProductBox:hover .c-ProductBox__actions {
  border-bottom: 1px solid #333;
}

.c-ProductBox__discount {
  background-color: #fafafa;
  padding: 0 20px 18px;
}

.c-ProductBox__discount span > span {
  display: inline-block;
  background-color: rgba(204, 8, 37, 0.1);
  padding: 2px 4px;
}

.c-ProductBox__stars {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding-top: 20px;
}

.c-ProductBox__stars > svg {
  width: 15px;
  height: 15px;
  display: block;
  margin: 0 3px;
}

.c-ProductBox__stars > svg:last-of-type {
  margin: 0 8px 0 3px;
}

.c-ProductBox__stars-number {
  position: relative;
  top: 1px;
}

.c-ProductBox__old-price {
  text-decoration: line-through;
  color: #707070;
}

/*
    Modifiers
    ========================================================================== */
.c-ProductBox--width-100 {
  width: 100%;
}

.c-ProductBox--mb-50 {
  margin-bottom: calc(0.01111 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .c-ProductBox--mb-50 {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductBox--mb-50 {
    margin-bottom: 30px;
  }
}

.c-ProductBox--offer {
  border-bottom: 2px solid #CC0825;
}

.c-ProductBox--offer .c-ProductBox__price {
  color: #CC0825;
  margin-right: 10px;
}

/*  ==========================================================================
    Module Heading
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-ModuleHeading {
  text-align: center;
}

.c-ModuleHeading h3 {
  margin-bottom: calc(0.01833 * 100vw + 12px);
}

@media screen and (min-width: 87.5em) {
  .c-ModuleHeading h3 {
    margin-bottom: 45px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ModuleHeading h3 {
    margin-bottom: 12px;
  }
}

.c-ModuleHeading > span {
  display: block;
  margin-bottom: calc(0.01722 * 100vw + 19px);
}

@media screen and (min-width: 87.5em) {
  .c-ModuleHeading > span {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ModuleHeading > span {
    margin-bottom: 19px;
  }
}

/*
    Elements
    ========================================================================== */
/*  ==========================================================================
    Image
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-Image + span {
  display: block;
  padding-left: calc(0.00556 * 100vw + 0px);
  padding-right: calc(0.00167 * 100vw + 7px);
  padding-top: calc(0.00722 * 100vw + 12px);
}

@media screen and (min-width: 87.5em) {
  .c-Image + span {
    padding-left: 10px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Image + span {
    padding-left: 0px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-Image + span {
    padding-right: 10px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Image + span {
    padding-right: 7px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-Image + span {
    padding-top: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Image + span {
    padding-top: 12px;
  }
}

.c-Image ~ .c-Btn {
  margin-left: calc(0.00556 * 100vw + 0px);
}

@media screen and (min-width: 87.5em) {
  .c-Image ~ .c-Btn {
    margin-left: 10px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Image ~ .c-Btn {
    margin-left: 0px;
  }
}

/*
    Modifiers
    ========================================================================== */
.c-Image--border-white {
  display: block;
  border: 1px solid;
  padding: calc(0.00167 * 100vw + 7px);
}

@media screen and (min-width: 87.5em) {
  .c-Image--border-white {
    padding: 10px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Image--border-white {
    padding: 7px;
  }
}

.c-Image--border-white {
  border-color: #fff;
}

.c-Image--border-white + span {
  color: #fff;
}

@media screen and (max-width: 39.9375em) {
  .c-Image--border-white {
    padding: 0;
    border: 0;
  }
}

/*  ==========================================================================
    Card Slider
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-CardSlider {
  position: relative;
}

.c-CardSlider .flickity-viewport {
  background-color: #fff;
  margin-bottom: calc(0.03556 * 100vw + 36px);
}

@media screen and (min-width: 87.5em) {
  .c-CardSlider .flickity-viewport {
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-CardSlider .flickity-viewport {
    margin-bottom: 36px;
  }
}

.c-CardSlider .flickity-page-dots {
  position: relative;
  bottom: 0;
}

.c-CardSlider .flickity-page-dots .dot {
  width: 13px;
  height: 13px;
  margin: 0 18px;
  background-color: transparent;
  border: 1px solid #fff;
  opacity: 1;
  transition: background-color 200ms linear;
}

.c-CardSlider .flickity-page-dots .dot.is-selected {
  background-color: #fff;
}

@media screen and (max-width: 39.9375em) {
  .c-CardSlider .flickity-page-dots .dot {
    width: 8px;
    height: 8px;
    margin: 0 7px;
  }
}

/*
    Elements
    ========================================================================== */
.c-CardSlider__slide {
  width: 100%;
  background-color: #fff;
  color: #000;
  position: relative;
}

@media screen and (max-width: 39.9375em) {
  .c-CardSlider__slide {
    display: block;
  }
}

.c-CardSlider__slide.is-selected .animate-fade-in-up {
  opacity: 0;
  animation: 3s cubic-bezier(0.19, 1, 0.22, 1) fadeInUp forwards;
}

@media screen and (max-width: 39.9375em) {
  .c-CardSlider__slide.is-selected .animate-fade-in-up {
    opacity: 1;
    animation: none;
  }
}

.c-CardSlider__slide.is-selected .intrinsic-image:before {
  max-width: 0;
}

@media screen and (max-width: 39.9375em) {
  .c-CardSlider__slide.is-selected .intrinsic-image:before {
    display: none;
  }
}

.c-CardSlider__slide .animate-fade-in-up:nth-child(1) {
  animation-delay: 0.25s;
}

.c-CardSlider__slide .animate-fade-in-up:nth-child(2) {
  animation-delay: 0.5s;
}

.c-CardSlider__slide .animate-fade-in-up:nth-child(3) {
  animation-delay: 0.75s;
}

.c-CardSlider__slide > div {
  width: 50%;
  float: left;
}

@media screen and (max-width: 39.9375em) {
  .c-CardSlider__slide > div {
    width: 100%;
  }
}

.c-CardSlider__slide .intrinsic-image {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.c-CardSlider__slide .intrinsic-image:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -2px;
  left: -2px;
  bottom: -2px;
  right: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  max-width: calc(100% + 4px);
  transition: max-width 2s cubic-bezier(0.19, 1, 0.22, 1);
  background-color: #fff;
}

@media screen and (max-width: 39.9375em) {
  .c-CardSlider__slide .intrinsic-image:before {
    display: none;
  }
}

@media screen and (max-width: 39.9375em) {
  .c-CardSlider__slide .intrinsic-image {
    position: relative;
    height: 0;
    padding-bottom: 100vw;
  }
}

.c-CardSlider__slide .intrinsic-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-CardSlider__slide .intrinsic-image + div {
  text-align: center;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 10%;
  float: right;
}

.c-CardSlider__slide h3 {
  margin-bottom: calc(0.00556 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .c-CardSlider__slide h3 {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-CardSlider__slide h3 {
    margin-bottom: 30px;
  }
}

.c-CardSlider__slide p {
  margin-bottom: calc(0.01111 * 100vw + 40px);
  color: #707070;
}

@media screen and (min-width: 87.5em) {
  .c-CardSlider__slide p {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-CardSlider__slide p {
    margin-bottom: 40px;
  }
}

.c-CardSlider__button {
  display: block;
  width: 62px;
  height: 62px;
  background-color: #fafafa;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translate(0, calc(-50% - 31px));
  border: 0;
  outline: none;
}

@media screen and (max-width: 39.9375em) {
  .c-CardSlider__button {
    display: none;
  }
}

.c-CardSlider__button.prev {
  left: -31px;
}

.c-CardSlider__button.next {
  right: -31px;
}

/*  ==========================================================================
    Featured Article
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-FeaturedArticle {
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

@media screen and (max-width: 61.1875em) {
  .c-FeaturedArticle {
    display: block;
  }
}

.c-FeaturedArticle > div {
  width: 50%;
}

@media screen and (max-width: 61.1875em) {
  .c-FeaturedArticle > div {
    width: 100%;
  }
}

.c-FeaturedArticle > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-left: calc(0.03333 * 100vw + 30px);
  padding-right: calc(0.03333 * 100vw + 30px);
  padding-bottom: calc(0.02222 * 100vw + 40px);
  padding-top: calc(0.02222 * 100vw + 40px);
}

@media screen and (min-width: 87.5em) {
  .c-FeaturedArticle > div {
    padding-left: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-FeaturedArticle > div {
    padding-left: 30px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-FeaturedArticle > div {
    padding-right: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-FeaturedArticle > div {
    padding-right: 30px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-FeaturedArticle > div {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-FeaturedArticle > div {
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-FeaturedArticle > div {
    padding-top: 80px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-FeaturedArticle > div {
    padding-top: 40px;
  }
}

.c-FeaturedArticle > div:first-of-type {
  position: relative;
  padding: 0 !important;
  padding-bottom: calc(50vw - 6%) !important;
}

.c-FeaturedArticle .intrinsic-image {
  height: 124%;
  padding-bottom: 0;
  top: -12%;
  width: 100%;
  position: absolute;
}

.c-FeaturedArticle .intrinsic-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-FeaturedArticle p {
  position: relative;
  margin-bottom: calc(0.01111 * 100vw + 40px);
}

@media screen and (min-width: 87.5em) {
  .c-FeaturedArticle p {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-FeaturedArticle p {
    margin-bottom: 40px;
  }
}

.c-FeaturedArticle p:before {
  content: "“";
  display: block;
  position: absolute;
  top: 0;
  left: -20px;
}

@media screen and (max-width: 61.1875em) {
  .c-FeaturedArticle p:before {
    left: -10px;
  }
}

/*
      Elements
      ========================================================================== */
.c-FeaturedArticle__date {
  color: #adadad;
  display: block;
  margin-bottom: 30px;
}

.c-FeaturedArticle__author {
  display: block;
  margin-bottom: 10px;
}

.c-FeaturedArticle__img-link {
  position: absolute;
  width: 100%;
  height: 100%;
}

.c-FeaturedArticle__img-mask {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/*
    Modifiers
    ========================================================================== */
.c-FeaturedArticle--mb-60 {
  margin-bottom: 60px;
}

.c-FeaturedArticle--reverse {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

/*  ==========================================================================
    Carousel Header
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-CarouselHeader {
  margin-bottom: 40px;
}

/*
    Elements
    ========================================================================== */
.c-CarouselHeader__inner {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.c-CarouselHeader__inner h2 {
  margin-bottom: 0;
}

@media screen and (max-width: 39.9375em) {
  .c-CarouselHeader__inner a {
    display: none;
  }
}

/*  ==========================================================================
    Carousel
    ========================================================================== */
.c-Carousel {
  overflow: hidden;
}

/*
    Elements
    ========================================================================== */
.c-Carousel__header {
  margin-bottom: 40px;
}

/*  ==========================================================================
    Arrow Btn
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-ArrowBtn {
  width: 62px;
  height: 62px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #ebebeb;
  border-radius: 50%;
}

.c-ArrowBtn:hover svg circle {
  fill: #fafafa;
}

@media screen and (max-width: 61.1875em) {
  .c-ArrowBtn {
    width: 44px;
    height: 44px;
  }
}

.c-ArrowBtn svg {
  width: 100%;
  height: 100%;
}

.c-ArrowBtn svg circle {
  transition: fill 200ms linear;
}

/*
    Modifiers
    ========================================================================== */
.c-ArrowBtn--light {
  background-color: #f3f3f3;
}

/*  ==========================================================================
    Article Thumbnail
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-ArticleThumb:hover .c-ArticleThumb__img-mask .intrinsic-image {
  transform: scale(1.03);
}

@media (max-width: 1024px) {
  .c-ArticleThumb:hover .c-ArticleThumb__img-mask .intrinsic-image {
    transform: scale(1);
  }
}

.c-ArticleThumb:hover .c-ArticleThumb__title {
  color: #adadad;
}

.c-ArticleThumb:hover .c-Btn {
  color: #707070;
  border-bottom-color: #707070;
}

/*
      Elements
      ========================================================================== */
.c-ArticleThumb__img-mask {
  margin-bottom: calc(0.00556 * 100vw + 27px);
}

@media screen and (min-width: 87.5em) {
  .c-ArticleThumb__img-mask {
    margin-bottom: 37px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ArticleThumb__img-mask {
    margin-bottom: 27px;
  }
}

.c-ArticleThumb__cat-date {
  margin-bottom: 13px;
}

.c-ArticleThumb__title {
  transition: color 200ms linear;
}

.c-ArticleThumb__desc {
  min-height: 65px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1890px) {
  .c-ArticleThumb__desc {
    min-height: 75px;
  }
}

.c-ArticleThumb__read-more {
  display: table;
}

/*
      Modifiers
      ========================================================================== */
.c-ArticleThumb--large {
  display: block;
  box-shadow: none;
  transition: box-shadow 200ms linear;
}

.c-ArticleThumb--large:hover {
  box-shadow: 0px 6px 42px #adadad;
}

@media (max-width: 1024px) {
  .c-ArticleThumb--large:hover {
    box-shadow: none;
  }
}

.c-ArticleThumb--large:hover .c-ArticleThumb__title {
  color: #000;
}

.c-ArticleThumb--large:hover .c-Btn {
  color: #000;
  border-bottom-color: #000;
}

.c-ArticleThumb--large .c-ArticleThumb__img-mask {
  margin-bottom: 0;
}

.c-ArticleThumb--large .c-ArticleThumb__bottom {
  background-color: #fff;
  padding: 35px 30px 20px;
}

.c-ArticleThumb--large .c-ArticleThumb__bottom .c-ArticleThumb__title {
  margin-bottom: 0px;
  min-height: 45px;
}

/*  ==========================================================================
    Section Heading
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-SectionHeading {
  text-align: center;
}

@media (max-width: 600px) {
  .c-SectionHeading {
    padding-top: 0 !important;
    padding-bottom: 45px !important;
  }
}

.c-SectionHeading .column, .c-SectionHeading .columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media screen and (max-width: 39.9375em) {
  .c-SectionHeading .column, .c-SectionHeading .columns {
    display: block;
  }
}

.c-SectionHeading .c-SectionHeading__heading {
  display: block;
  margin-bottom: 0;
  text-align: center;
  margin-left: calc(0.01111 * 100vw + 60px);
  margin-right: calc(0.01111 * 100vw + 60px);
}

@media screen and (min-width: 87.5em) {
  .c-SectionHeading .c-SectionHeading__heading {
    margin-left: 80px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SectionHeading .c-SectionHeading__heading {
    margin-left: 60px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-SectionHeading .c-SectionHeading__heading {
    margin-right: 80px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SectionHeading .c-SectionHeading__heading {
    margin-right: 60px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SectionHeading .c-SectionHeading__heading {
    width: 80%;
  }
}

@media screen and (max-width: 39.9375em) {
  .c-SectionHeading .c-SectionHeading__heading {
    width: 100%;
    margin: 0px;
  }
}

.c-SectionHeading span {
  width: 100%;
  height: 1px;
  background-color: #adadad;
  -ms-flex: 2;
      flex: 2;
}

@media (max-width: 979px) {
  .c-SectionHeading span {
    display: none;
  }
}

/*  ==========================================================================
    Step Box
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-StepBox {
  background-color: #fff;
  height: 100%;
  padding-top: calc(0.01944 * 100vw + 15px);
  padding-right: calc(0.01944 * 100vw + 15px);
  padding-bottom: calc(0.00833 * 100vw + 15px);
  padding-left: calc(0.01944 * 100vw + 15px);
}

@media screen and (min-width: 87.5em) {
  .c-StepBox {
    padding-top: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-StepBox {
    padding-top: 15px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-StepBox {
    padding-right: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-StepBox {
    padding-right: 15px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-StepBox {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-StepBox {
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-StepBox {
    padding-left: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-StepBox {
    padding-left: 15px;
  }
}

.c-StepBox h5 {
  margin-bottom: 3px;
}

.c-StepBox p {
  color: #707070;
}

/*
    Elements
    ========================================================================== */
.c-StepBox__number {
  display: block;
  margin-bottom: calc(0.00556 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-StepBox__number {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-StepBox__number {
    margin-bottom: 20px;
  }
}

/*  ==========================================================================
    Additional Info
    ========================================================================== */
/*
    Block
    ========================================================================== */
/*
    Elements
    ========================================================================== */
.c-AdditionalInfo__left {
  position: relative;
  margin-right: 24px;
}

.c-AdditionalInfo__left:after {
  content: '';
  position: absolute;
  top: 8px;
  right: -24px;
  width: 18px;
  height: 1px;
  background-color: #adadad;
}

/*
    Modifiers
    ========================================================================== */
.c-AdditionalInfo--large .c-AdditionalInfo__left {
  margin-right: 32px;
}

.c-AdditionalInfo--large .c-AdditionalInfo__left:after {
  top: 12px;
  right: -32px;
  width: 22px;
}

/*  ==========================================================================
    Meal Plan Carousel Item
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-MealPlanCarouselItem {
  display: block;
  margin-bottom: 46px;
  box-shadow: none;
  transition: box-shadow 200ms linear;
}

.c-MealPlanCarouselItem:hover {
  box-shadow: 0px 6px 42px #adadad;
}

@media (max-width: 1024px) {
  .c-MealPlanCarouselItem:hover {
    box-shadow: none;
  }
}

.c-MealPlanCarouselItem:hover .c-MealPlanCarouselItem__img-mask .intrinsic-image {
  transform: scale(1.03);
}

.c-MealPlanCarouselItem:hover .c-MealPlanCarouselItem__title {
  color: #000;
}

.c-MealPlanCarouselItem .c-Btn {
  margin-top: calc(0.01111 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-MealPlanCarouselItem .c-Btn {
    margin-top: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MealPlanCarouselItem .c-Btn {
    margin-top: 20px;
  }
}

/*
      Elements
      ========================================================================== */
.c-MealPlanCarouselItem__details {
  text-align: center;
  padding: 35px 70px 55px;
  background-color: #fafafa;
}

@media screen and (max-width: 112.4375em) {
  .c-MealPlanCarouselItem__details {
    padding: 35px 35px 55px;
  }
}

.c-MealPlanCarouselItem__title {
  margin-bottom: 35px;
}

/*  ==========================================================================
    Magazine Module 3
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-MagazineModule3 {
  background-color: #fafafa;
  padding-bottom: calc(0.03611 * 100vw + 80px);
}

@media screen and (min-width: 87.5em) {
  .c-MagazineModule3 {
    padding-bottom: 145px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MagazineModule3 {
    padding-bottom: 80px;
  }
}

@media (max-width: 600px) {
  .c-MagazineModule3 {
    padding-bottom: 60px !important;
    padding-top: 50px !important;
  }
}

.magazine-internal-img {
  width: 75%;
}

@media (max-width: 1200px) {
  .magazine-internal-img {
    width: 100%;
  }
}

/*  ==========================================================================
    Carousel Slider
    ========================================================================== */
.c-CarouselSlider {
  position: relative;
}

/*
    Elements
    ========================================================================== */
.c-CarouselSlider__arrow {
  position: absolute;
  right: calc((3% + 0.625rem) - (62px / 2));
  z-index: 1;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 61.1875em) {
  .c-CarouselSlider__arrow {
    right: calc((3% + 0.625rem) - (44px / 2));
  }
}

@media screen and (max-width: 39.9375em) {
  .c-CarouselSlider__arrow {
    right: 8px;
  }
}

/*
    Modifiers
    ========================================================================== */
.c-CarouselSlider--draggable {
  padding: 0 3%;
  position: relative;
  margin-bottom: calc(0.02222 * 100vw + 50px);
}

@media screen and (min-width: 87.5em) {
  .c-CarouselSlider--draggable {
    margin-bottom: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-CarouselSlider--draggable {
    margin-bottom: 50px;
  }
}

.c-CarouselSlider--draggable .flickity-viewport {
  overflow: visible;
}

@media screen and (max-width: 39.9375em) {
  .c-CarouselSlider--draggable .flickity-viewport {
    overflow: hidden;
  }
}

.c-CarouselSlider--draggable .container,
.c-CarouselSlider--draggable .row {
  width: 100%;
  padding: 0;
  margin: 0;
}

.c-CarouselSlider--draggable .c-CarouselSlider__arrow {
  display: none;
}

@media screen and (max-width: 39.9375em) {
  .c-CarouselSlider--draggable .c-CarouselSlider__arrow {
    display: -ms-flexbox;
    display: flex;
  }
}

.c-CarouselSlider--draggable .c-ArticleThumb__title {
  padding-bottom: 10px;
}

@media (max-width: 1200px) {
  .c-CarouselSlider__arrow {
    display: none !important;
  }
}

.c-CarouselSlider--editors-picks {
  position: relative;
}

@media screen and (max-width: 61.1875em) {
  .c-CarouselSlider--editors-picks {
    padding: 0.625rem;
  }
}

@media screen and (max-width: 39.9375em) {
  .c-CarouselSlider--editors-picks {
    padding: 0 3%;
  }
}

.c-CarouselSlider--editors-picks .c-CarouselSlider__slider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (max-width: 61.1875em) {
  .c-CarouselSlider--editors-picks .c-CarouselSlider__slider {
    display: block;
  }
}

.c-CarouselSlider--editors-picks .c-CarouselSlider__slider:after {
  content: '';
}

@media screen and (max-width: 61.1875em) {
  .c-CarouselSlider--editors-picks .c-CarouselSlider__slider:after {
    content: 'flickity';
    display: none;
  }
}

.c-CarouselSlider--editors-picks .c-CarouselSlider__arrow {
  display: none;
}

@media screen and (max-width: 61.1875em) {
  .c-CarouselSlider--editors-picks .c-CarouselSlider__arrow {
    display: -ms-flexbox;
    display: flex;
  }
}

/*  ==========================================================================
    Category Filters
    ========================================================================== */
.c-CategoryFilters {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  margin-bottom: 40px;
}

.c-CategoryFilters > li {
  margin-bottom: 1.25rem;
}

@media screen and (max-width: 39.9375em) {
  .c-CategoryFilters > li {
    margin-bottom: calc(3% + .3125rem);
  }
}

.c-CategoryFilters > li.more {
  margin: 30px auto 0;
  font-size: calc(0.00111 * 100vw + 18px);
  line-height: 1.1;
  cursor: pointer;
  display: block;
}

@media screen and (min-width: 87.5em) {
  .c-CategoryFilters > li.more {
    font-size: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-CategoryFilters > li.more {
    font-size: 18px;
  }
}

/*
    Elements
    ========================================================================== */
.c-CategoryFilters__btn {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 14px 20px;
  transition: all .2s linear;
}

.c-CategoryFilters__btn:hover {
  box-shadow: 0px 0px 36px #dcdcdc;
}

/*
    Modifiers
    ========================================================================== */
/*  ==========================================================================
    Breadcrumbs
    ========================================================================== */
/*
    Block
    ========================================================================== */
@media screen and (max-width: 61.1875em) {
  .c-Breadcrumbs {
    display: none;
  }
}

.c-Breadcrumbs > li,
.c-Breadcrumbs > li > a {
  color: #707070;
  font-size: 17px;
}

.c-Breadcrumbs > li {
  float: left;
  margin-right: 30px;
  position: relative;
}

.c-Breadcrumbs > li:after {
  content: "/";
  position: absolute;
  top: 0;
  right: -18px;
}

.c-Breadcrumbs > li:last-child:after {
  display: none;
}

.c-Breadcrumbs > li > span,
.c-Breadcrumbs > li > a:hover {
  color: #000;
}

.c-Breadcrumbs.cat > li {
  padding: 0 0 20px;
}

.c-Breadcrumbs.cat > li:after {
  content: "";
}

.c-Breadcrumbs.cat .filter-dropdown {
  position: absolute;
  top: 25px;
  z-index: 44;
  width: 240px;
  background-color: #fff;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
  padding: 12px 0;
  display: none;
  height: auto;
  max-height: 300px;
  overflow-y: auto;
}

.c-Breadcrumbs.cat .filter-options {
  list-style: none;
  padding-left: 0;
}

.c-Breadcrumbs.cat .filter-options li {
  padding: 8px 20px;
  margin-right: 0;
  cursor: pointer;
  width: 100%;
  overflow: hidden;
  text-align: left;
}

.c-Breadcrumbs.cat .filter-options li a {
  width: 100%;
  display: inline-block;
}

.c-Breadcrumbs .has-drop:hover .filter-dropdown {
  display: block;
}

.w-PageHeader__heading {
  color: #000;
  margin-bottom: 0;
  position: relative;
  display: inline-block;
  z-index: 2;
  font-size: 26px;
  padding-bottom: 20px;
}

.flex-it {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
}

.pad-40 {
  padding: 40px 0 0 !important;
  z-index: 91;
}

.grey-bg {
  background-color: #fafafa !important;
}

.grey-bg .c-ProductBox__wrapper {
  background-color: #fff;
}

/*  ==========================================================================
    Icon Text Box
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-IconTextBox {
  display: block;
  background-color: #fff;
  padding: 50px 100px 45px;
  height: 100%;
  text-align: center;
}

@media (max-width: 1500px) {
  .c-IconTextBox {
    padding: 50px 70px 45px;
  }
}

@media (max-width: 1220px) {
  .c-IconTextBox {
    padding: 50px 50px 45px;
  }
}

@media (max-width: 1024px) {
  .c-IconTextBox {
    position: relative;
    padding: 0 0 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

/*
    Elements
    ========================================================================== */
@media (max-width: 1024px) {
  .c-IconTextBox__inner {
    position: absolute;
    top: 0;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

.c-IconTextBox__icon {
  max-width: 50px;
  max-height: 50px;
  margin-bottom: 20px;
}

/*  ==========================================================================
    Filter Buttons
    ========================================================================== */
/*
    Block
    ========================================================================== */
@media (max-width: 1088px) {
  .c-FilterButtons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}

.c-FilterButtons li {
  position: relative;
  float: left;
  margin-right: 25px;
}

@media screen and (max-width: 39.9375em) {
  .c-FilterButtons li {
    margin-right: 10px;
  }
}

.c-FilterButtons li.offset {
  margin-right: 0;
  float: right;
}

.c-FilterButtons li.mobile {
  display: none;
  width: calc(50% - 5px);
}

.c-FilterButtons li.mobile:last-of-type {
  margin-right: 0;
}

@media (max-width: 1088px) {
  .c-FilterButtons li {
    display: none;
  }
  .c-FilterButtons li.mobile {
    display: block;
  }
}

/*
      Elements
      ========================================================================== */
.c-FilterButtons__btn {
  display: inline-block;
  border: 1px solid #000;
  text-align: center;
  padding: 14px 40px;
  transition: all 200ms linear;
  background-color: #fff;
}

@media (max-width: 1088px) {
  .c-FilterButtons__btn {
    padding: 14px 5px;
    width: 100%;
  }
}

.c-FilterButtons__btn:hover {
  color: #fff;
  background-color: #63891B;
  border-color: transparent;
}

.c-FilterButtons__btn:hover svg {
  fill: #fff;
}

.c-FilterButtons__btn span {
  display: inline-block;
  margin-right: 10px;
}

@media screen and (max-width: 39.9375em) {
  .c-FilterButtons__btn span {
    margin-right: 3px;
  }
}

.c-FilterButtons__btn svg {
  width: 10px;
  height: 6px;
  display: inline-block;
  position: relative;
  top: -2px;
  transition: fill 200ms linear;
}

.c-FilterButtons__btn.dropdown-is-open svg {
  transform: rotate(180deg);
}

/*  ==========================================================================
    Slide Panel
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-SlidePanel {
  background-color: #fff;
  height: 100vh;
  height: -webkit-fill-available;
  height: -moz-available;
  height: stretch;
  width: 33vw;
  z-index: 105;
  top: 0;
  right: 0;
  position: fixed;
  height: 100%;
  padding: calc(0.01389 * 100vw + 50px);
  transform: translate(100%, 0);
  transition: transform 400ms cubic-bezier(0.42, 0, 0.34, 1.01);
}

@media screen and (min-width: 87.5em) {
  .c-SlidePanel {
    padding: 75px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SlidePanel {
    padding: 50px;
  }
}

@media (max-width: 1200px) {
  .c-SlidePanel {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .c-SlidePanel {
    padding: 20px;
  }
}

.c-SlidePanel.is-open {
  transform: translate(0, 0);
}

/*
    Elements
    ========================================================================== */
.c-SlidePanel__close {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: calc(0.01389 * 100vw + 50px);
  width: 15px;
  height: 15px;
  background: transparent;
  border: 0;
  padding: 0;
  outline: none;
}

@media screen and (min-width: 87.5em) {
  .c-SlidePanel__close {
    top: 75px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SlidePanel__close {
    top: 50px;
  }
}

.c-SlidePanel__close.mobile {
  display: none;
}

@media (max-width: 600px) {
  .c-SlidePanel__close.desktop {
    display: none;
  }
  .c-SlidePanel__close.mobile {
    display: block;
  }
}

.c-SlidePanel__close svg {
  width: 100%;
  height: 100%;
  display: block;
}

@media (min-width: 980px) and (max-width: 1550px) {
  .c-SlidePanel__close {
    top: 35px;
  }
}

.c-SlidePanel__content {
  width: 100%;
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}

@media (max-width: 1200px) {
  .c-SlidePanel__content {
    padding-top: 100px;
    overflow: auto;
    max-height: 100vh;
    padding-bottom: 80px;
    position: relative;
  }
}

@media (max-width: 1500px) {
  .magazine-internal .c-ArticleHeader--image-right .gill-sans-regular-100-60 {
    font-size: 50px;
  }
}

.c-SignInForm .js-modal-trigger {
  text-decoration: underline;
}

/*
    Modifiers
    ========================================================================== */
.c-SlidePanel--mini-cart {
  padding: 0;
  width: 100vw;
  min-width: 670px;
}

@media screen and (min-width: 73.75em) {
  .c-SlidePanel--mini-cart {
    width: 40vw;
  }
}

@media (max-width: 1176px) {
  .c-SlidePanel--mini-cart {
    min-width: 100%;
  }
}

.c-SlidePanel--mini-cart .c-SlidePanel__close {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
}

.c-SlidePanel--mini-cart .timeslot-mini {
  border: 0px;
  -ms-flex: 1;
      flex: 1;
  padding: 20px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.c-SlidePanel--mini-cart .timeslot-mini #basket-timeslots > .top-tabs {
  margin-top: 0;
}

.c-SlidePanel--mini-cart .c-Btn--outline-black:hover {
  border-color: #63891B;
  color: #fff;
  background-color: #63891B;
}

.c-SlidePanel--mini-cart .s-set {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #fff;
}

.c-SlidePanel--mini-cart .s-set .s-set-tab {
  display: block;
  width: 100%;
  text-decoration: none;
  /* border-bottom: 1px solid #E3E3E3; */
  transition: all 0.2s linear;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  /* padding: 20px 40px; */
  color: #1A1A1A;
  font-weight: 500;
  font-size: 18px;
  /* border: 1px solid #F4F4F4; */
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.c-SlidePanel--mini-cart .s-set .s-set-tab .selected-option-checkout {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: block;
  background-color: #F4F4F4;
  width: 100%;
  padding: 18px 20px;
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  font-size: 20px;
  font-weight: normal;
}

@media screen and (max-width: 600px) {
  .c-SlidePanel--mini-cart .s-set .s-set-tab .selected-option-checkout.this-card {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.c-SlidePanel--mini-cart .s-set .s-set-tab .selected-option-checkout .card-id {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

.c-SlidePanel--mini-cart .s-set .s-set-tab .selected-option-checkout svg {
  margin-right: 15px;
}

@media screen and (max-width: 600px) {
  .c-SlidePanel--mini-cart .s-set .s-set-tab .selected-option-checkout svg {
    min-width: 17px;
  }
}

.c-SlidePanel--mini-cart .s-set .s-set-tab .selected-option-checkout .edit-this {
  display: inline-block;
  float: right;
  color: #63891B;
  font-weight: 500;
  width: auto;
  text-align: right;
}

@media screen and (max-width: 600px) {
  .c-SlidePanel--mini-cart .s-set .s-set-tab .selected-option-checkout .edit-this {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .c-SlidePanel--mini-cart .s-set .s-set-tab .selected-option-checkout .card-id {
    width: 100%;
    display: block;
  }
}

.c-SlidePanel--mini-cart .s-set .s-set-tab .selected-option-checkout .greyed {
  color: #BABABA;
  font-weight: 300;
  display: inline-block;
  margin-left: 10px;
}

@media screen and (max-width: 600px) {
  .c-SlidePanel--mini-cart .s-set .s-set-tab .selected-option-checkout .greyed {
    width: 100%;
    display: block;
    padding-left: 36px;
  }
}

.c-SlidePanel--mini-cart .s-set .s-set-tab.active {
  border-bottom: 0;
}

.c-SlidePanel--mini-cart .s-set .s-set-tab.active .s-accordion-arrow {
  transform: rotate(180deg);
}

.c-SlidePanel--mini-cart .s-set .s-set-tab.active .s-accordion-arrow .s-accordion-arrow-bg {
  fill: #63891B;
  stroke: #63891B;
}

.c-SlidePanel--mini-cart .s-set .s-set-tab.active .s-accordion-arrow .s-accordion-arrow-bg circle:last-child {
  display: none;
}

.c-SlidePanel--mini-cart .s-set .s-set-tab.active .s-accordion-arrow .s-inner-arrow {
  stroke: #fff;
}

.c-SlidePanel--mini-cart .s-set .s-set-tab.active .selected-option-checkout {
  display: none;
}

.c-SlidePanel--mini-cart .s-set .s-set-content {
  background-color: #fff;
}

.c-SlidePanel--mini-cart .s-set .s-set-content p {
  color: #1A1A1A;
  font-size: 16px;
  font-weight: 400;
}

.c-SlidePanel--mini-cart .s-set .s-set-content ul li, .c-SlidePanel--mini-cart .s-set .s-set-content ol li {
  color: #1A1A1A;
  font-size: 16px;
  font-weight: 400;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .choose-sub .sub-options {
  position: relative;
  margin-bottom: 0px;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .choose-sub .sub-options.checked .s-card-chcek #s-card-tick-mark .circle-card {
  fill: #63891B;
  stroke: #63891B;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .choose-sub .sub-options.checked .s-card-chcek #s-card-tick-mark .circle-card circle:last-child {
  display: none;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .choose-sub .sub-options .s-card-chcek {
  position: absolute;
  right: 15px;
  top: 36px;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .choose-sub .sub-options .s-card-chcek #s-card-tick-mark .circle-card {
  fill: #fff;
  stroke: #E6E6E6;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .choose-sub .continue-row {
  margin-top: 30px;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .immediate-delivery {
  padding: 15px 20px;
  border: 1px solid #63891B;
  /* border-radius: 4px; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .immediate-delivery.checked .s-card-chcek #s-card-tick-mark .circle-card {
  fill: #63891B;
  stroke: #63891B;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .immediate-delivery.checked .s-card-chcek #s-card-tick-mark .circle-card circle:last-child {
  display: none;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .immediate-delivery span {
  font-size: 20px;
  color: #63891B;
  font-weight: normal;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .immediate-delivery .s-card-chcek #s-card-tick-mark .circle-card {
  fill: #fff;
  stroke: #E6E6E6;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .note-deliveryslot {
  font-size: 19px;
  font-weight: 100;
  color: #1A1A1A;
  margin-top: 15px;
  padding: 16px 20px;
  border: 1px solid #ADADAD;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs {
  position: relative;
  margin-top: 30px;
  overflow: hidden;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .slide-this .day-slide {
  width: auto;
  padding: 15px 40px;
  border: 1px solid #F4F4F4;
  border-left: 0;
  border-top: 1px solid #F4F4F4;
  cursor: pointer;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .slide-this .day-slide:first-child {
  border-left: 1px solid #F4F4F4;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .slide-this .day-slide.selected {
  border-top: 3px solid #1A1A1A;
  border-bottom: 0;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .slide-this .day-slide .tab-inner {
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: normal;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .slide-this .day-slide .tab-inner .day {
  font-weight: bold;
  text-transform: capitalize;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .swiper-container {
  width: 80%;
  padding: 0;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .swiper-button-prev-delivery-slot, .c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .swiper-button-next-delivery-slot {
  border: 1px solid #F4F4F4;
  background-color: #fff;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  width: 10%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: inherit;
  min-height: 81px;
  cursor: pointer;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .swiper-button-prev-delivery-slot:focus, .c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .swiper-button-next-delivery-slot:focus {
  outline: none;
  box-shadow: none;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .swiper-button-next-delivery-slot {
  left: auto;
  right: 0;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs {
  width: 100%;
  display: block;
  border: 1px solid #F4F4F4;
  border-top: 0;
  padding: 15px;
}

@media screen and (max-width: 600px) {
  .c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs {
    padding: 8px;
  }
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content {
  padding: 15px;
}

@media screen and (max-width: 600px) {
  .c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content {
    padding: 0;
  }
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab {
  display: none;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab.selected {
  display: block;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px;
  margin-bottom: 0;
  border-bottom: 1px solid #F4F4F4;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice.unavailable-slot {
  cursor: not-allowed;
  background-color: #FAFAFA;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice.unavailable-slot .left {
  color: #BABABA;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice.unavailable-slot .left .delivery-fee {
  display: none;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice.unavailable-slot .s-card-chcek {
  opacity: 0;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice.unavailable-slot .unavailable-txt {
  display: inline-block !important;
  color: #BABABA;
  font-weight: 300;
  font-size: 12px;
  text-transform: uppercase;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice.selected {
  background: rgba(99, 137, 27, 0.1);
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice.selected .s-card-chcek #s-card-tick-mark .circle-card {
  fill: #63891B;
  stroke: #63891B;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice.selected .s-card-chcek #s-card-tick-mark .circle-card circle:last-child {
  display: none;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice .s-card-chcek #s-card-tick-mark .circle-card {
  fill: #fff;
  stroke: #E6E6E6;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice .left {
  width: calc(100% - 30px);
  color: #1A1A1A;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

@media screen and (max-width: 600px) {
  .c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice .left {
    font-size: 14px;
  }
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice .left .delivery-time-slot {
  min-width: 30%;
  display: inline-block;
}

@media screen and (max-width: 600px) {
  .c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice .left .delivery-time-slot {
    min-width: 120px;
  }
}

@media screen and (max-width: 320px) {
  .c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice .left .delivery-time-slot {
    min-width: 100px;
  }
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice .left .delivery-fee {
  color: #BABABA;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice .unavailable-txt {
  display: none;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .show-more-time-slotes {
  width: 100%;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  color: #8C8C8C;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  display: block;
}

.c-SlidePanel--mini-cart .s-set .s-set-content .pick-delivery-slot .continue-row {
  margin-top: 30px;
}

.js-delete-product svg {
  pointer-events: none;
}

/*  ==========================================================================
    Sign In Form
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-SignInForm input {
  width: 100%;
  outline: none;
  padding: 14px 18px;
}

.c-SignInForm [type="text"],
.c-SignInForm [type="email"],
.c-SignInForm [type="tel"],
.c-SignInForm [name="registration-title"],
.c-SignInForm .selectric-wrapper,
.c-SignInForm [type="password"] {
  border: 1px solid #adadad;
  margin-bottom: calc(0.00278 * 100vw + 15px);
}

@media screen and (min-width: 87.5em) {
  .c-SignInForm [type="text"],
  .c-SignInForm [type="email"],
  .c-SignInForm [type="tel"],
  .c-SignInForm [name="registration-title"],
  .c-SignInForm .selectric-wrapper,
  .c-SignInForm [type="password"] {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SignInForm [type="text"],
  .c-SignInForm [type="email"],
  .c-SignInForm [type="tel"],
  .c-SignInForm [name="registration-title"],
  .c-SignInForm .selectric-wrapper,
  .c-SignInForm [type="password"] {
    margin-bottom: 15px;
  }
}

.c-SignInForm [type="submit"] {
  background-color: transparent;
  border: 1px solid #000;
  color: #000;
  text-align: center;
  margin-bottom: calc(0.00278 * 100vw + 20px);
  transition: background-color .2s linear, border-color .2s linear;
}

@media screen and (min-width: 87.5em) {
  .c-SignInForm [type="submit"] {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SignInForm [type="submit"] {
    margin-bottom: 20px;
  }
}

.c-SignInForm [type="submit"]:hover {
  background-color: #63891B;
  border-color: #63891B;
  color: #fff;
}

.c-SignInForm [name="registration-title"] {
  background: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 11.7 6.88" style="enable-background:new 0 0 11.7 6.88;" xml:space="preserve"> <g> <polygon points="5.85,6.88 0,1.03 1.03,0 5.85,4.83 10.67,0 11.7,1.03"></polygon> </g> </svg>') 100% 50% no-repeat transparent;
  background-size: 16px;
  background-position-x: 98%;
}

.c-SignInForm .selectric {
  border: transparent;
}

/*
    Elements
    ========================================================================== */
.c-SignInForm__heading {
  text-align: center;
}

.c-SignInForm__form-tertiary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-bottom: 1px solid #adadad;
  margin-bottom: calc(0.00556 * 100vw + 30px);
  padding-bottom: calc(0.00556 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .c-SignInForm__form-tertiary {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SignInForm__form-tertiary {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-SignInForm__form-tertiary {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SignInForm__form-tertiary {
    padding-bottom: 30px;
  }
}

.c-SignInForm__sign-up {
  text-align: center;
  clear: both;
}

/*  ==========================================================================
    Category Grid Item
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-CategoryGridItem {
  box-shadow: none;
  transition: box-shadow 200ms linear;
  display: block;
  background-color: #fff;
  margin-bottom: 2.5rem;
}

.c-CategoryGridItem:hover {
  box-shadow: 0px 6px 42px #adadad;
}

@media (max-width: 1024px) {
  .c-CategoryGridItem:hover {
    box-shadow: none;
  }
}

.c-CategoryGridItem:hover {
  color: #000;
}

.c-CategoryGridItem:hover .c-CategoryGridItem__img-mask .intrinsic-image {
  transform: scale(1.03);
}

/*
    Elements
    ========================================================================== */
.c-CategoryGridItem__label {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  padding: calc(0.00556 * 100vw + 30px);
  margin-bottom: 0;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (min-width: 87.5em) {
  .c-CategoryGridItem__label {
    padding: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-CategoryGridItem__label {
    padding: 30px;
  }
}

/*  ==========================================================================
    Page Header
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-PageHeader {
  background-color: #fafafa;
  text-align: center;
  margin-top: 99px;
  padding-top: calc(0.04444 * 100vw + 100px);
  padding-bottom: calc(0.04444 * 100vw + 100px);
}

@media screen and (min-width: 87.5em) {
  .c-PageHeader {
    padding-top: 180px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageHeader {
    padding-top: 100px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PageHeader {
    padding-bottom: 180px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageHeader {
    padding-bottom: 100px;
  }
}

.static-page-store-locator .c-PageHeader {
  display: none;
}

/*
    Elements
    ========================================================================== */
.c-PageHeader__heading {
  margin-bottom: 0;
  position: relative;
  display: inline-block;
  z-index: 2;
  font-size: 36px;
}

.c-PageHeader__heading:after {
  content: '';
  position: absolute;
  width: 160px;
  height: 4px;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #000;
  bottom: calc(-0.00833 * 100vw + -20px);
}

@media screen and (min-width: 87.5em) {
  .c-PageHeader__heading:after {
    bottom: -35px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageHeader__heading:after {
    bottom: -20px;
  }
}

.c-PageHeader__overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.c-PageHeading__label {
  display: block;
  margin-bottom: calc(0.00556 * 100vw + 10px);
}

@media screen and (min-width: 87.5em) {
  .c-PageHeading__label {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageHeading__label {
    margin-bottom: 10px;
  }
}

.c-PageHeader__button {
  position: relative;
  top: 10px;
}

.c-PageHeader__button.prev {
  margin-right: calc(0.06667 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .c-PageHeader__button.prev {
    margin-right: 150px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageHeader__button.prev {
    margin-right: 30px;
  }
}

.c-PageHeader__button.next {
  margin-left: calc(0.06667 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .c-PageHeader__button.next {
    margin-left: 150px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageHeader__button.next {
    margin-left: 30px;
  }
}

.c-PageHeader__inlineBtns .c-PageHeader__heading,
.c-PageHeader__inlineBtns .c-PageHeader__button {
  display: inline-block;
}

/*
    Modifiers
    ========================================================================== */
.c-PageHeader--bg-image {
  position: relative;
  color: #fff;
}

.c-PageHeader--bg-image > img {
  z-index: 0;
  height: 124%;
  top: -12%;
}

.c-PageHeader--bg-image.inside-bredcumb {
  padding-top: 40px;
  padding-bottom: 120px;
}

.c-PageHeader--bg-image.inside-bredcumb .c-Breadcrumbs li {
  color: #707070;
  z-index: 2;
}

.c-PageHeader--bg-image.inside-bredcumb .c-Breadcrumbs li a, .c-PageHeader--bg-image.inside-bredcumb .c-Breadcrumbs li span {
  color: #707070;
}

.c-PageHeader--bg-image.inside-bredcumb img.lazy.u-obj-cover {
  display: none;
}

.c-PageHeader--bg-image.inside-bredcumb.mobile-only {
  display: none;
  border-bottom: 1px solid #EBEBEB;
  background-color: #fff;
  padding-bottom: 0px;
  padding-top: 20px;
  margin-top: 0px;
}

.c-PageHeader--bg-image.inside-bredcumb.mobile-only .c-Breadcrumbs {
  display: block;
}

@media screen and (max-width: 61.1875em) {
  .c-PageHeader--bg-image.inside-bredcumb.desktop-only {
    display: none;
  }
  .c-PageHeader--bg-image.inside-bredcumb.mobile-only {
    display: block;
  }
}

.c-PageHeader--bg-image .recipe-total {
  color: #000;
  text-transform: uppercase;
  font-size: 20px;
}

.c-PageHeader--bg-image .c-PageHeader__heading {
  color: #000;
}

.c-PageHeader--bg-image .c-PageHeader__heading::after {
  background-color: #000 !important;
}

.c-PageHeader--bg-image .u-overlay {
  background-color: transparent;
}

.c-PageHeader--bg-image .c-PageHeader__heading:after {
  background-color: #fff;
}

/*  ==========================================================================
    Featured Recipe
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-FeaturedRecipe {
  background-color: #fafafa;
}

.c-FeaturedRecipe .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
}

@media screen and (max-width: 39.9375em) {
  .c-FeaturedRecipe .row {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

/*
    Elements
    ========================================================================== */
.c-FeaturedRecipe__img-mask {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}

@media screen and (max-width: 39.9375em) {
  .c-FeaturedRecipe__img-mask {
    margin-bottom: 75px;
  }
}

.c-FeaturedRecipe__desc {
  text-align: center;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (max-width: 68.6875em) {
  .c-FeaturedRecipe__desc {
    width: 90%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 39.9375em) {
  .c-FeaturedRecipe__desc {
    width: 100%;
    max-width: 450px;
  }
}

.c-FeaturedRecipe__sub-title,
.c-FeaturedRecipe__title {
  display: block;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.c-FeaturedRecipe__title:hover {
  color: #adadad;
}

.c-FeaturedRecipe__details p {
  margin-bottom: 0;
}

.c-FeaturedRecipe__details span {
  text-transform: uppercase;
}

/*  ==========================================================================
    Special Occasion
    ========================================================================== */
@media screen and (max-width: 39.9375em) {
  .c-SpecialOccasion {
    padding-top: 45px;
    padding-bottom: 15px;
  }
}

.c-SpecialOccasion .columns:last-of-type .c-SpecialOccasion__img-block {
  margin-top: 50px;
  display: block;
}

@media (max-width: 1024px) {
  .c-SpecialOccasion .columns:last-of-type .c-SpecialOccasion__img-block {
    margin-top: 0;
  }
}

.c-SpecialOccasion-bottom {
  overflow: hidden;
}

@media screen and (max-width: 39.9375em) {
  .c-SpecialOccasion-bottom {
    padding-top: 30px;
  }
}

/*
    Elements
    ========================================================================== */
.c-SpecialOccasion__img-wrap-1 {
  padding-top: 10%;
}

@media screen and (max-width: 39.9375em) {
  .c-SpecialOccasion__img-wrap-1 {
    padding-top: 0;
    margin-bottom: 77px;
  }
}

.c-SpecialOccasion__img-block {
  display: block;
  margin-top: -100px;
}

@media (max-width: 1024px) {
  .c-SpecialOccasion__img-block {
    margin-top: 0;
  }
}

.c-SpecialOccasion-bottom .banner-landscape {
  position: relative;
  top: 60px;
}

@media (max-width: 720px) {
  .c-SpecialOccasion-bottom .banner-landscape {
    display: none !important;
  }
}

/*  ==========================================================================
    Collection Module
    ========================================================================== */
/*
    Elements
    ========================================================================== */
.c-CollectionModule__heading {
  margin-bottom: calc(0.00556 * 100vw + 25px);
}

@media screen and (min-width: 87.5em) {
  .c-CollectionModule__heading {
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-CollectionModule__heading {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 39.9375em) {
  .c-CollectionModule__text {
    margin-bottom: 10px;
  }
}

.c-CollectionModule__left {
  margin-top: -80px;
}

@media (max-width: 1024px) {
  .c-CollectionModule__left {
    margin-top: 0;
  }
}

@media screen and (max-width: 39.9375em) {
  .c-CollectionModule__left {
    margin-bottom: 15px;
  }
}

.c-CollectionModule__right {
  margin-top: -120px;
}

@media (max-width: 1024px) {
  .c-CollectionModule__right {
    margin-top: 0;
  }
}

/*  ==========================================================================
    Delivery Address
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-DeliveryAddress {
  overflow: hidden;
}

/*
    Elements
    ========================================================================== */
.c-DeliveryAddress__title {
  text-transform: capitalize;
}

.c-DeliveryAddress__options {
  overflow: hidden;
}

.c-DeliveryAddress__options > ul > li {
  margin-bottom: 20px;
}

.c-DeliveryAddress__options + [type=submit] {
  width: 38%;
  float: right;
}

.c-DeliveryAddress__mobile-number {
  max-width: 60%;
  margin-bottom: calc(0.01111 * 100vw + 40px);
}

@media screen and (min-width: 87.5em) {
  .c-DeliveryAddress__mobile-number {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-DeliveryAddress__mobile-number {
    margin-bottom: 40px;
  }
}

.c-DeliveryAddress__mobile-number + [type=submit] {
  float: right;
  width: 38%;
}

.c-DeliveryAddress__separator > span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.c-DeliveryAddress__separator > span:before, .c-DeliveryAddress__separator > span:after {
  content: "";
  display: inline-block;
  width: 44%;
  height: 1px;
  background-color: #adadad;
}

/*
    Modifiers
    ========================================================================== */
.c-DeliveryAddress--box {
  border: 1px solid #adadad;
  padding-left: calc(0.03056 * 100vw + 35px);
  padding-right: calc(0.03056 * 100vw + 35px);
  padding-top: calc(0.01944 * 100vw + 20px);
  padding-bottom: calc(0.01944 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-DeliveryAddress--box {
    padding-left: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-DeliveryAddress--box {
    padding-left: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-DeliveryAddress--box {
    padding-right: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-DeliveryAddress--box {
    padding-right: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-DeliveryAddress--box {
    padding-top: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-DeliveryAddress--box {
    padding-top: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-DeliveryAddress--box {
    padding-bottom: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-DeliveryAddress--box {
    padding-bottom: 20px;
  }
}

@media (max-width: 1672px) {
  .c-DeliveryAddress--box {
    padding: 50px 30px !important;
  }
}

.s-accordion-container {
  position: relative;
  width: 100%;
  height: auto;
}

.s-accordion-container .c-Btn--outline-black:hover {
  border-color: #63891B;
  color: #fff;
  background-color: #63891B;
}

.s-accordion-container .s-set {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #fff;
}

.s-accordion-container .s-set .s-set-tab {
  display: block;
  width: 100%;
  text-decoration: none;
  /* border-bottom: 1px solid #E3E3E3; */
  transition: all 0.2s linear;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  /* padding: 20px 40px; */
  color: #1A1A1A;
  font-weight: 500;
  font-size: 18px;
  /* border: 1px solid #F4F4F4; */
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.s-accordion-container .s-set .s-set-tab .selected-option-checkout {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: block;
  background-color: #F4F4F4;
  width: 100%;
  padding: 18px 20px;
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  font-size: 20px;
  font-weight: normal;
}

@media screen and (max-width: 600px) {
  .s-accordion-container .s-set .s-set-tab .selected-option-checkout.this-card {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.s-accordion-container .s-set .s-set-tab .selected-option-checkout svg {
  margin-right: 15px;
}

.s-accordion-container .s-set .s-set-tab .selected-option-checkout svg.pkg {
  position: absolute;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  top: 0px;
}

@media screen and (max-width: 600px) {
  .s-accordion-container .s-set .s-set-tab .selected-option-checkout svg {
    min-width: 17px;
  }
}

.s-accordion-container .s-set .s-set-tab .selected-option-checkout .edit-this {
  display: inline-block;
  float: right;
  color: #63891B;
  font-weight: 500;
  width: auto;
  text-align: right;
}

@media screen and (max-width: 600px) {
  .s-accordion-container .s-set .s-set-tab .selected-option-checkout .edit-this {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .s-accordion-container .s-set .s-set-tab .selected-option-checkout .card-id {
    width: 100%;
    display: block;
  }
}

.s-accordion-container .s-set .s-set-tab .selected-option-checkout .before_grey {
  display: inline-block;
  padding-left: 30px;
}

.s-accordion-container .s-set .s-set-tab .selected-option-checkout .greyed {
  color: #BABABA;
  font-weight: 300;
  display: inline-block;
  margin-left: 10px;
}

@media screen and (max-width: 600px) {
  .s-accordion-container .s-set .s-set-tab .selected-option-checkout .greyed {
    width: 100%;
    display: block;
    padding-left: 0px;
    margin-left: 0px;
  }
}

.s-accordion-container .s-set .s-set-tab .selected-option-checkout .greyed.grey {
  position: absolute;
  left: 50%;
  top: 38%;
  font-size: 16px;
}

@media screen and (max-width: 1400px) {
  .s-accordion-container .s-set .s-set-tab .selected-option-checkout .greyed.grey {
    position: inherit;
    padding-top: 5px;
    margin-left: 0;
    display: block;
    top: auto;
    left: auto;
  }
}

.s-accordion-container .s-set .s-set-tab .selected-option-checkout .pkg_mobile {
  font-size: 16px;
  display: inline-block;
}

@media (max-width: 1900px) {
  .s-accordion-container .s-set .s-set-tab .selected-option-checkout .pkg_mobile {
    max-width: 320px;
  }
}

@media (max-width: 1800px) {
  .s-accordion-container .s-set .s-set-tab .selected-option-checkout .pkg_mobile {
    max-width: 300px;
  }
}

@media (max-width: 1400px) {
  .s-accordion-container .s-set .s-set-tab .selected-option-checkout .pkg_mobile {
    max-width: inherit;
  }
}

.s-accordion-container .s-set .s-set-tab.active {
  border-bottom: 0;
}

.s-accordion-container .s-set .s-set-tab.active .s-accordion-arrow {
  transform: rotate(180deg);
}

.s-accordion-container .s-set .s-set-tab.active .s-accordion-arrow .s-accordion-arrow-bg {
  fill: #63891B;
  stroke: #63891B;
}

.s-accordion-container .s-set .s-set-tab.active .s-accordion-arrow .s-accordion-arrow-bg circle:last-child {
  display: none;
}

.s-accordion-container .s-set .s-set-tab.active .s-accordion-arrow .s-inner-arrow {
  stroke: #fff;
}

.s-accordion-container .s-set .s-set-tab.active .selected-option-checkout {
  display: none;
}

.s-accordion-container .s-set .s-set-content {
  background-color: #fff;
  display: none;
}

.s-accordion-container .s-set .s-set-content p {
  color: #1A1A1A;
  font-size: 16px;
  font-weight: 400;
}

.s-accordion-container .s-set .s-set-content ul.styled {
  list-style: none;
  padding-left: 0;
}

.s-accordion-container .s-set .s-set-content ul.styled li {
  padding: 12px 0;
  padding-left: 24px;
  position: relative;
}

.s-accordion-container .s-set .s-set-content ul.styled li div {
  width: 10px;
  height: 10px;
  background-color: #63891B;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.s-accordion-container .s-set .s-set-content hr.extended {
  margin: 60px 0;
}

.s-accordion-container .s-set .s-set-content ul li, .s-accordion-container .s-set .s-set-content ol li {
  color: #1A1A1A;
  font-size: 16px;
  font-weight: 400;
}

.s-accordion-container .s-set .s-set-content .choose-sub .sub-options, .s-accordion-container .s-set .s-set-content .choose-sub .packing-options {
  position: relative;
  margin-bottom: 0px;
  cursor: pointer;
}

.s-accordion-container .s-set .s-set-content .choose-sub .sub-options.checked .s-card-chcek #s-card-tick-mark .circle-card, .s-accordion-container .s-set .s-set-content .choose-sub .packing-options.checked .s-card-chcek #s-card-tick-mark .circle-card {
  fill: #63891B;
  stroke: #63891B;
}

.s-accordion-container .s-set .s-set-content .choose-sub .sub-options.checked .s-card-chcek #s-card-tick-mark .circle-card circle:last-child, .s-accordion-container .s-set .s-set-content .choose-sub .packing-options.checked .s-card-chcek #s-card-tick-mark .circle-card circle:last-child {
  display: none;
}

.s-accordion-container .s-set .s-set-content .choose-sub .sub-options .s-option-checkout span, .s-accordion-container .s-set .s-set-content .choose-sub .packing-options .s-option-checkout span {
  font-weight: 100;
  display: inline-block;
  width: 100%;
  max-width: calc(100% - 70px);
}

.s-accordion-container .s-set .s-set-content .choose-sub .sub-options .s-option-checkout span.grey, .s-accordion-container .s-set .s-set-content .choose-sub .packing-options .s-option-checkout span.grey {
  position: absolute;
  left: 60%;
  top: 35%;
}

@media (max-width: 1400px) {
  .s-accordion-container .s-set .s-set-content .choose-sub .sub-options .s-option-checkout span.grey, .s-accordion-container .s-set .s-set-content .choose-sub .packing-options .s-option-checkout span.grey {
    position: inherit;
    display: block;
    padding-top: 5px;
    padding-left: 0px;
    margin-left: 0px;
  }
}

@media (max-width: 600px) {
  .s-accordion-container .s-set .s-set-content .choose-sub .sub-options .s-option-checkout span.pkg_mobile, .s-accordion-container .s-set .s-set-content .choose-sub .packing-options .s-option-checkout span.pkg_mobile {
    font-size: 14px;
  }
}

.s-accordion-container .s-set .s-set-content .choose-sub .sub-options .s-card-chcek, .s-accordion-container .s-set .s-set-content .choose-sub .packing-options .s-card-chcek {
  position: absolute;
  right: 15px;
  top: 36px;
}

.s-accordion-container .s-set .s-set-content .choose-sub .sub-options .s-card-chcek #s-card-tick-mark .circle-card, .s-accordion-container .s-set .s-set-content .choose-sub .packing-options .s-card-chcek #s-card-tick-mark .circle-card {
  fill: #fff;
  stroke: #E6E6E6;
}

.s-accordion-container .s-set .s-set-content .choose-sub .sub-options.pkt_bag .s-card-chcek, .s-accordion-container .s-set .s-set-content .choose-sub .packing-options.pkt_bag .s-card-chcek {
  top: 21px !important;
}

@media (max-width: 600px) {
  .s-accordion-container .s-set .s-set-content .choose-sub .sub-options.pkt_bag .s-card-chcek, .s-accordion-container .s-set .s-set-content .choose-sub .packing-options.pkt_bag .s-card-chcek {
    top: 40px !important;
  }
}

.s-accordion-container .s-set .s-set-content .choose-sub .continue-row {
  margin-top: 30px;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .immediate-delivery {
  padding: 15px 20px;
  border: 1px solid #63891B;
  /* border-radius: 4px; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .immediate-delivery.checked .s-card-chcek #s-card-tick-mark .circle-card {
  fill: #63891B;
  stroke: #63891B;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .immediate-delivery.checked .s-card-chcek #s-card-tick-mark .circle-card circle:last-child {
  display: none;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .immediate-delivery span {
  font-size: 20px;
  color: #63891B;
  font-weight: normal;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .immediate-delivery .s-card-chcek #s-card-tick-mark .circle-card {
  fill: #fff;
  stroke: #E6E6E6;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .note-deliveryslot {
  font-size: 19px;
  font-weight: 100;
  color: #1A1A1A;
  margin-top: 15px;
  padding: 16px 20px;
  border: 1px solid #ADADAD;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs {
  position: relative;
  margin-top: 30px;
  overflow: hidden;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .slide-this .day-slide {
  width: auto;
  padding: 15px 40px;
  border: 1px solid #F4F4F4;
  border-left: 0;
  border-top: 1px solid #F4F4F4;
  cursor: pointer;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .slide-this .day-slide:first-child {
  border-left: 1px solid #F4F4F4;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .slide-this .day-slide.selected {
  border-top: 3px solid #1A1A1A;
  border-bottom: 0;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .slide-this .day-slide .tab-inner {
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: normal;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .slide-this .day-slide .tab-inner .day {
  font-weight: bold;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .swiper-container {
  width: 80%;
  padding: 0;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .swiper-button-prev-delivery-slot, .s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .swiper-button-next-delivery-slot {
  border: 1px solid #F4F4F4;
  background-color: #fff;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  width: 10%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: inherit;
  min-height: 81px;
  cursor: pointer;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .swiper-button-prev-delivery-slot:focus, .s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .swiper-button-next-delivery-slot:focus {
  outline: none;
  box-shadow: none;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .top-tabs .swiper-button-next-delivery-slot {
  left: auto;
  right: 0;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs {
  width: 100%;
  display: block;
  border: 1px solid #F4F4F4;
  border-top: 0;
  padding: 15px;
}

@media screen and (max-width: 600px) {
  .s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs {
    padding: 8px;
  }
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content {
  padding: 15px;
}

@media screen and (max-width: 600px) {
  .s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content {
    padding: 0;
  }
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab {
  display: none;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab.selected {
  display: block;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px;
  margin-bottom: 0;
  border-bottom: 1px solid #F4F4F4;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice.unavailable-slot {
  cursor: not-allowed;
  background-color: #FAFAFA;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice.unavailable-slot .left {
  color: #BABABA;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice.unavailable-slot .left .delivery-fee {
  display: none;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice.unavailable-slot .s-card-chcek {
  opacity: 0;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice.unavailable-slot .unavailable-txt {
  display: inline-block !important;
  color: #BABABA;
  font-weight: 300;
  font-size: 12px;
  text-transform: uppercase;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice.selected {
  background: rgba(99, 137, 27, 0.1);
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice.selected .s-card-chcek #s-card-tick-mark .circle-card {
  fill: #63891B;
  stroke: #63891B;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice.selected .s-card-chcek #s-card-tick-mark .circle-card circle:last-child {
  display: none;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice .s-card-chcek #s-card-tick-mark .circle-card {
  fill: #fff;
  stroke: #E6E6E6;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice .left {
  width: calc(100% - 30px);
  color: #1A1A1A;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

@media screen and (max-width: 600px) {
  .s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice .left {
    font-size: 14px;
  }
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice .left .delivery-time-slot {
  min-width: 30%;
  display: inline-block;
}

@media screen and (max-width: 600px) {
  .s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice .left .delivery-time-slot {
    min-width: 120px;
  }
}

@media screen and (max-width: 320px) {
  .s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice .left .delivery-time-slot {
    min-width: 100px;
  }
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice .left .delivery-fee {
  color: #BABABA;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .time-choice .unavailable-txt {
  display: none;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .slot-selector .delivery-slot-tabs .slot-tabbed-content .slot-data-tab .show-more-time-slotes {
  width: 100%;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  color: #8C8C8C;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  display: block;
}

.s-accordion-container .s-set .s-set-content .pick-delivery-slot .continue-row {
  margin-top: 30px;
}

.s-oldaccordion-container {
  max-height: calc(100vh - 120px);
  overflow-y: auto;
}

@media screen and (max-width: 600px) {
  .s-oldaccordion-container {
    margin-top: 0;
    max-height: inherit;
  }
}

.s-oldaccordion-container .c-Btn--outline-black:hover {
  border-color: #63891B;
  color: #fff;
  background-color: #63891B;
}

.s-oldaccordion-container::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.s-oldaccordion-container::-webkit-scrollbar-track {
  box-shadow: none;
  background-color: #F4F4F4;
  display: none;
}

.s-oldaccordion-container::-webkit-scrollbar-thumb {
  background-color: transparent;
  outline: none;
  display: none;
}

.s-oldaccordion-container .checkout-banner {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px 0;
}

.s-oldaccordion-container .checkout-banner img.desktop {
  margin-bottom: 15px;
  width: 100%;
  max-width: 728px;
  display: block !important;
}

@media screen and (max-width: 600px) {
  .s-oldaccordion-container .checkout-banner img.desktop {
    display: none !important;
  }
}

.s-oldaccordion-container .checkout-banner img.mobile {
  display: none;
}

@media screen and (max-width: 600px) {
  .s-oldaccordion-container .checkout-banner img.mobile {
    display: block;
    max-width: 300px;
    width: 100%;
    margin-bottom: 10px;
  }
}

.s-oldaccordion-container .s-set .s-set-tab {
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.s-oldaccordion-container .s-set .s-set-tab.active .selected-option-checkout {
  display: none;
}

@media screen and (max-width: 600px) {
  .s-oldaccordion-container .s-set .s-set-tab {
    padding: 20px 15px;
  }
}

.s-oldaccordion-container .s-set .s-set-tab span {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.s-oldaccordion-container .s-set .s-set-tab svg {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.s-oldaccordion-container .s-set .s-set-tab .selected-option-checkout {
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  background-color: #F4F4F4;
  width: 100%;
  padding: 18px 20px;
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  font-weight: normal;
}

@media screen and (max-width: 600px) {
  .s-oldaccordion-container .s-set .s-set-tab .selected-option-checkout.this-card {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

.s-oldaccordion-container .s-set .s-set-tab .selected-option-checkout svg {
  margin-right: 15px;
}

@media screen and (max-width: 600px) {
  .s-oldaccordion-container .s-set .s-set-tab .selected-option-checkout svg {
    min-width: 17px;
  }
}

.s-oldaccordion-container .s-set .s-set-tab .selected-option-checkout .edit-this {
  display: inline-block;
  float: right;
  color: #63891B;
  font-weight: 500;
  width: auto;
  text-align: right;
}

@media screen and (max-width: 600px) {
  .s-oldaccordion-container .s-set .s-set-tab .selected-option-checkout .edit-this {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .s-oldaccordion-container .s-set .s-set-tab .selected-option-checkout .card-id {
    width: 100%;
    display: block;
  }
}

.s-oldaccordion-container .s-set .s-set-tab .selected-option-checkout .greyed {
  color: #BABABA;
  font-weight: 300;
  display: inline-block;
  margin-left: 10px;
}

@media screen and (max-width: 600px) {
  .s-oldaccordion-container .s-set .s-set-tab .selected-option-checkout .greyed {
    width: 100%;
    display: block;
    padding-left: 36px;
  }
}

.s-oldaccordion-container .s-set .s-set-content {
  display: none;
}

@media screen and (max-width: 600px) {
  .s-oldaccordion-container .s-set .s-set-content {
    padding: 20px 15px;
  }
}

.s-oldaccordion-container .s-set .s-set-content form label {
  width: 100%;
  cursor: pointer;
}

.s-oldaccordion-container .s-set .s-set-content .s-tab-inner-title {
  font-size: 25px;
  line-height: 1;
  font-weight: normal;
  color: #1A1A1A;
}

.s-oldaccordion-container .s-set .s-set-content .s-tab-inner-sub-text {
  font-size: 16px;
  line-height: 1;
  font-weight: 300;
  color: #BABABA;
}

.s-oldaccordion-container .s-set .s-set-content textarea {
  width: 100%;
  resize: none;
  max-height: 180px;
  height: 160px;
  border: 1px solid #F4F4F4;
  border-radius: 5px;
  padding: 15px 20px;
}

.s-oldaccordion-container .s-set .s-set-content .btn-add-new {
  font-size: 13px;
  text-transform: none;
  color: #63891B;
  background-color: #fff;
  padding: 15px 20px;
  border: 1px solid #63891B;
  border-radius: 3px;
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  margin-top: 20px;
  line-height: 1;
  height: 44px;
}

.s-oldaccordion-container .s-set .s-set-content .half-in-desk {
  width: 50%;
  margin-top: 30px;
  margin-bottom: 30px;
}

@media screen and (max-width: 600px) {
  .s-oldaccordion-container .s-set .s-set-content .half-in-desk {
    width: 100%;
  }
}

.s-oldaccordion-container .s-set .s-set-content .half-in-desk input {
  width: 80%;
  border: 1px solid #BABABA;
  border-radius: 3px;
  padding: 10px 15px;
}

.s-oldaccordion-container .s-set .s-set-content .half-in-desk .sub-txt {
  font-size: 12px;
  color: #BABABA;
  font-weight: 400;
  line-height: 1;
  margin-top: 8px;
}

.s-oldaccordion-container .s-set .s-set-content .continue-row {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.s-oldaccordion-container .s-set .s-set-content .continue-btn {
  background-color: #63891B;
  color: #fff;
  border-radius: 3px;
  padding: 15px 40px;
  display: inline-block;
  height: 44px;
  line-height: 1;
  font-size: 13px;
  font-size: 500;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-1 {
  padding: 20px 0;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-1 .card-list .card-option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 15px;
  border: 1px solid #F4F4F4;
  border-radius: 4px;
  margin-bottom: 10px;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-1 .card-list .card-option.checked .s-card-chcek #s-card-tick-mark .circle-card {
  fill: #63891B;
  stroke: #63891B;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-1 .card-list .card-option.checked .s-card-chcek #s-card-tick-mark .circle-card circle:last-child {
  display: none;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-1 .card-list .card-option .left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  width: calc(100% - 30px);
}

@media screen and (max-width: 1500px) {
  .s-oldaccordion-container .s-set .s-set-content .payment-method-1 .card-list .card-option .left {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

@media screen and (max-width: 600px) {
  .s-oldaccordion-container .s-set .s-set-content .payment-method-1 .card-list .card-option .left {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-1 .card-list .card-option .left .top-lay {
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1500px) {
  .s-oldaccordion-container .s-set .s-set-content .payment-method-1 .card-list .card-option .left .top-lay {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .s-oldaccordion-container .s-set .s-set-content .payment-method-1 .card-list .card-option .left .top-lay {
    display: block;
  }
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-1 .card-list .card-option .left svg {
  margin-right: 15px;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-1 .card-list .card-option .left .card-number {
  font-size: 16px;
  color: #1A1A1A;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  margin-right: 10px;
}

@media screen and (max-width: 380px) {
  .s-oldaccordion-container .s-set .s-set-content .payment-method-1 .card-list .card-option .left .card-number {
    font-size: 13px;
  }
}

@media screen and (max-width: 320px) {
  .s-oldaccordion-container .s-set .s-set-content .payment-method-1 .card-list .card-option .left .card-number {
    font-size: 11px;
  }
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-1 .card-list .card-option .left .name-on-card {
  font-size: 16px;
  color: #BABABA;
  font-weight: 300;
  line-height: 1;
  display: inline-block;
  margin-right: 10px;
}

@media screen and (max-width: 1500px) {
  .s-oldaccordion-container .s-set .s-set-content .payment-method-1 .card-list .card-option .left .name-on-card {
    padding-left: 42px;
  }
}

@media screen and (max-width: 600px) {
  .s-oldaccordion-container .s-set .s-set-content .payment-method-1 .card-list .card-option .left .name-on-card {
    display: block;
    margin-left: 0;
    padding-left: 42px;
  }
}

@media screen and (max-width: 380px) {
  .s-oldaccordion-container .s-set .s-set-content .payment-method-1 .card-list .card-option .left .name-on-card {
    font-size: 13px;
  }
}

@media screen and (max-width: 320px) {
  .s-oldaccordion-container .s-set .s-set-content .payment-method-1 .card-list .card-option .left .name-on-card {
    font-size: 11px;
  }
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-1 .card-list .card-option .s-card-chcek #s-card-tick-mark .circle-card {
  fill: #fff;
  stroke: #E6E6E6;
}

.s-oldaccordion-container .s-set .s-set-content .or-seperator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.s-oldaccordion-container .s-set .s-set-content .or-seperator .or-line {
  background-color: #F4F4F4;
  height: 1px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.s-oldaccordion-container .s-set .s-set-content .or-seperator .or-txt {
  color: #1A1A1A;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  display: inline-block;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 600;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-2 {
  padding: 20px 0;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-2 .s-tab-inner-title {
  font-size: 25px;
  line-height: 1;
  font-weight: normal;
  color: #1A1A1A;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-2 .s-tab-inner-sub-text {
  font-size: 16px;
  line-height: 1;
  font-weight: 300;
  color: #BABABA;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-2 .cod-method .cod-option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 15px;
  border: 1px solid #F4F4F4;
  border-radius: 4px;
  margin-bottom: 10px;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-2 .cod-method .cod-option.checked .s-card-chcek #s-card-tick-mark .circle-card {
  fill: #63891B;
  stroke: #63891B;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-2 .cod-method .cod-option.checked .s-card-chcek #s-card-tick-mark .circle-card circle:last-child {
  display: none;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-2 .cod-method .cod-option .left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-2 .cod-method .cod-option .left svg {
  margin-right: 15px;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-2 .cod-method .cod-option .left .cod-option-txt {
  font-size: 16px;
  color: #1A1A1A;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  margin-right: 10px;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-2 .cod-method .cod-option .s-card-chcek #s-card-tick-mark .circle-card {
  fill: #fff;
  stroke: #E6E6E6;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-2 .cod-method .change-for {
  padding: 15px;
  border: 1px solid #F4F4F4;
  border-radius: 4px;
  margin-bottom: 30px;
  display: none;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-2 .cod-method .change-for .change-for-txt {
  font-size: 16px;
  line-height: 1.2;
  font-weight: normal;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-2 .cod-method .change-for .change-options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-2 .cod-method .change-for .chane-opt {
  border: 1px solid #BABABA;
  background-color: #fff;
  color: #1A1A1A;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  margin-right: 15px;
  font-size: 16px;
  padding: 12px 25px;
  font-weight: normal;
  max-width: auto;
  width: auto;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-2 .cod-method .change-for .chane-opt.active {
  background-color: #63891B;
  border: 1px solid  #63891B;
  color: #fff;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-2 .cod-method .change-for .change-seperator {
  margin: 20px 0;
  height: 1px;
  background-color: #F4F4F4;
}

.s-oldaccordion-container .s-set .s-set-content .payment-method-2 .cod-method .change-for textarea {
  width: 100%;
  max-height: 100px;
  min-height: 100px;
  resize: none;
  border: 1px solid #BABABA;
  border-radius: 3px;
}

.s-oldaccordion-container .s-set .s-set-content .add-new-payment-method {
  padding: 20px 0;
  display: none;
}

.s-oldaccordion-container .s-set .s-set-content .add-new-payment-method .s-tab-inner-title {
  font-size: 25px;
  line-height: 1;
  font-weight: normal;
  color: #1A1A1A;
}

.s-oldaccordion-container .s-set .s-set-content .add-new-payment-method .s-tab-inner-sub-text {
  font-size: 16px;
  line-height: 1;
  font-weight: 300;
  color: #BABABA;
}

.s-oldaccordion-container .s-set .s-set-content .add-new-payment-method .add-new-payment-card .split-this {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}

.s-oldaccordion-container .s-set .s-set-content .add-new-payment-method .add-new-payment-card .split-this .split-half {
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 45%;
  margin-bottom: 25px;
}

@media screen and (max-width: 600px) {
  .s-oldaccordion-container .s-set .s-set-content .add-new-payment-method .add-new-payment-card .split-this .split-half {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
  }
}

.s-oldaccordion-container .s-set .s-set-content .add-new-payment-method .add-new-payment-card .split-this .split-half label {
  font-size: 14px;
  font-weight: normal;
  font-weight: 500;
  color: #8C8C8C;
}

.s-oldaccordion-container .s-set .s-set-content .add-new-payment-method .add-new-payment-card .split-this .split-half label.save-this-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  color: #63891B;
}

.s-oldaccordion-container .s-set .s-set-content .add-new-payment-method .add-new-payment-card .split-this .split-half label.save-this-card .s-card-chcek {
  margin-right: 10px;
}

.s-oldaccordion-container .s-set .s-set-content .add-new-payment-method .add-new-payment-card .split-this .split-half label.save-this-card .s-card-chcek #s-card-tick-mark .circle-card {
  fill: #fff;
  stroke: #E6E6E6;
}

.s-oldaccordion-container .s-set .s-set-content .add-new-payment-method .add-new-payment-card .split-this .split-half label.checked .s-card-chcek #s-card-tick-mark .circle-card {
  fill: #63891B;
  stroke: #63891B;
}

.s-oldaccordion-container .s-set .s-set-content .add-new-payment-method .add-new-payment-card .split-this .split-half label.checked .s-card-chcek #s-card-tick-mark .circle-card circle:last-child {
  display: none;
}

.s-oldaccordion-container .s-set .s-set-content .add-new-payment-method .add-new-payment-card .split-this .split-half input {
  width: 100%;
  padding: 15px 20px;
  border: 1px solid #BABABA;
  border-radius: 4px;
}

.s-oldaccordion-container .s-set .s-set-content .add-new-payment-method .add-new-payment-card .split-this .split-half .card-input {
  position: relative;
}

.s-oldaccordion-container .s-set .s-set-content .add-new-payment-method .add-new-payment-card .split-this .split-half .card-input svg {
  position: absolute;
  left: 15px;
  top: 18px;
}

.s-oldaccordion-container .s-set .s-set-content .add-new-payment-method .add-new-payment-card .split-this .split-half .card-input input {
  padding-left: 50px;
}

.s-oldaccordion-container .s-set .s-set-content .add-new-payment-method .add-new-payment-card .split-this .split-half .exp-cvv {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.s-oldaccordion-container .s-set .s-set-content .add-new-payment-method .add-new-payment-card .split-this .split-half .exp-cvv .new-card-exp, .s-oldaccordion-container .s-set .s-set-content .add-new-payment-method .add-new-payment-card .split-this .split-half .exp-cvv .new-card-cvv {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  max-width: 120px;
  margin-right: 30px;
}

.s-oldaccordion-container .s-set .s-set-content .s-option-checkout {
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  background-color: #F4F4F4;
  width: 100%;
  padding: 18px 20px;
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: START;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  font-weight: normal;
}

.s-oldaccordion-container .s-set .s-set-content .s-option-checkout.selected {
  background: rgba(99, 137, 27, 0.1);
}

.s-oldaccordion-container .s-set .s-set-content .s-option-checkout.selected svg #Ellipse_207 {
  fill: #63891B;
}

.s-oldaccordion-container .s-set .s-set-content .s-option-checkout svg {
  margin-right: 15px;
}

.s-oldaccordion-container .s-set .s-set-content .s-option-checkout svg #Ellipse_207 {
  fill: #fff;
}

.s-oldaccordion-container .s-set .s-set-content .s-option-checkout .delivery-address, .s-oldaccordion-container .s-set .s-set-content .s-option-checkout .sub-txt {
  display: inline-block;
  max-width: 80%;
}

@media screen and (max-width: 380px) {
  .s-oldaccordion-container .s-set .s-set-content .s-option-checkout .delivery-address, .s-oldaccordion-container .s-set .s-set-content .s-option-checkout .sub-txt {
    max-width: 75%;
  }
}

.s-oldaccordion-container .s-set .s-set-content .s-option-checkout .edit-this {
  display: inline-block;
  float: right;
  color: #63891B;
  font-weight: 500;
  width: auto;
  text-align: right;
  position: absolute;
  right: 20px;
}

.s-oldaccordion-container .s-set .s-set-content .s-option-checkout .greyed {
  color: #BABABA;
  font-weight: 300;
  display: inline-block;
  margin-left: 10px;
}

/*  ==========================================================================
    Reviews Section
    ========================================================================== */
/*
    Block
    ========================================================================== */
/*
    Elements
    ========================================================================== */
.c-ReviewsSection__top {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
  border-bottom: 1px solid #adadad;
  padding-bottom: 50px;
  margin-bottom: calc(0.03333 * 100vw + 35px);
}

@media screen and (min-width: 87.5em) {
  .c-ReviewsSection__top {
    margin-bottom: 95px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ReviewsSection__top {
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ReviewsSection__top {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: start;
        align-items: flex-start;
  }
}

.c-ReviewsSection__overall {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
}

.c-ReviewsSection__overall h2 {
  margin-right: 20px;
  line-height: calc(0.00278 * 100vw + 22px);
}

@media screen and (min-width: 87.5em) {
  .c-ReviewsSection__overall h2 {
    line-height: 27px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ReviewsSection__overall h2 {
    line-height: 22px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ReviewsSection__overall {
    margin-bottom: 25px;
  }
}

/*  ==========================================================================
    Review Block
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-ReviewBlock {
  margin-bottom: calc(0.03333 * 100vw + 35px);
}

@media screen and (min-width: 87.5em) {
  .c-ReviewBlock {
    margin-bottom: 95px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ReviewBlock {
    margin-bottom: 35px;
  }
}

/*
    Elements
    ========================================================================== */
.c-ReviewBlock__person {
  margin-bottom: 0;
  letter-spacing: normal;
  text-transform: none;
}

.c-ReviewBlock__stars-date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: calc(0.00556 * 100vw + 10px);
}

@media screen and (min-width: 87.5em) {
  .c-ReviewBlock__stars-date {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ReviewBlock__stars-date {
    margin-bottom: 10px;
  }
}

.c-ReviewBlock__date {
  margin-bottom: 0;
}

.c-ReviewBlock__heading {
  text-transform: none;
  letter-spacing: normal;
  margin-bottom: calc(0.01333 * 100vw + 6px);
}

@media screen and (min-width: 87.5em) {
  .c-ReviewBlock__heading {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ReviewBlock__heading {
    margin-bottom: 6px;
  }
}

.c-ReviewBlock__recommend {
  margin-bottom: calc(0.025 * 100vw + 10px);
}

@media screen and (min-width: 87.5em) {
  .c-ReviewBlock__recommend {
    margin-bottom: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ReviewBlock__recommend {
    margin-bottom: 10px;
  }
}

.c-ReviewBlock__recommend span {
  margin-right: 10px;
}

.c-ReviewBlock__helpful {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  padding-bottom: calc(0.03333 * 100vw + 40px);
}

@media screen and (min-width: 87.5em) {
  .c-ReviewBlock__helpful {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ReviewBlock__helpful {
    padding-bottom: 40px;
  }
}

.c-ReviewBlock__helpful p {
  margin-bottom: 0;
  margin-right: 40px;
}

.c-ReviewBlock__helpful a {
  margin-right: 40px;
}

.c-ReviewBlock__border {
  width: 100%;
  height: 1px;
  background-color: #adadad;
}

/*  ==========================================================================
    Star Rating
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-StarRating {
  display: -ms-flexbox;
  display: flex;
}

.c-StarRating svg {
  display: block;
  margin-right: 8px;
  width: calc(0.00278 * 100vw + 15px);
  height: calc(0.00278 * 100vw + 15px);
}

@media screen and (min-width: 87.5em) {
  .c-StarRating svg {
    width: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-StarRating svg {
    width: 15px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-StarRating svg {
    height: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-StarRating svg {
    height: 15px;
  }
}

.c-StarRating svg:last-of-type {
  margin-right: calc(0.00278 * 100vw + 10px);
}

@media screen and (min-width: 87.5em) {
  .c-StarRating svg:last-of-type {
    margin-right: 15px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-StarRating svg:last-of-type {
    margin-right: 10px;
  }
}

/*
    Modifiers
    ========================================================================== */
.c-StarRating--small svg {
  width: 15px;
  height: 15px;
}

.c-StarRating--small svg.active {
  fill: #5c8018;
}

/*  ==========================================================================
    Product Information
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-ProductInformation {
  border-left: 1px solid #f3f3f3;
  padding-left: calc(0.01667 * 100vw + 60px);
}

@media screen and (min-width: 87.5em) {
  .c-ProductInformation {
    padding-left: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductInformation {
    padding-left: 60px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductInformation {
    border-left: 0;
    padding-left: .625rem;
  }
}

.c-ProductInformation .underline {
  position: relative;
}

.c-ProductInformation .underline:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
}

/*
      Elements
      ========================================================================== */
.c-ProductInformation__section {
  clear: both;
  border-bottom: 1px solid #f3f3f3;
  padding-top: calc(0.00278 * 100vw + 30px);
  padding-bottom: calc(0.00278 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .c-ProductInformation__section {
    padding-top: 35px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductInformation__section {
    padding-top: 30px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-ProductInformation__section {
    padding-bottom: 35px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductInformation__section {
    padding-bottom: 30px;
  }
}

.c-ProductInformation__section:first-of-type {
  padding-top: 0;
}

.c-ProductInformation__section:last-of-type {
  border-bottom: 0;
}

.c-ProductInformation__section p {
  margin-bottom: 0;
}

.c-ProductInformation__product-name {
  margin-bottom: 0;
}

@media screen and (max-width: 61.1875em) {
  .c-ProductInformation__product-name {
    margin-bottom: 7px;
  }
}

.c-ProductInformation__product-name + span {
  display: block;
}

@media screen and (max-width: 61.1875em) {
  .c-ProductInformation__product-name + span {
    margin-bottom: 7px;
  }
}

.c-ProductInformation__price {
  margin-right: calc(0.00556 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-ProductInformation__price {
    margin-right: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductInformation__price {
    margin-right: 20px;
    align-items: center;
  }
}

.c-ProductInformation__discount {
  color: #CC0825;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: end;
      align-items: flex-end;
}

.c-ProductInformation__discount svg {
  width: 30px;
  height: 30px;
  display: block;
  margin-right: 10px;
}

@media screen and (max-width: 39.9375em) {
  .c-ProductInformation__discount svg {
    display: none;
  }
}

.c-ProductInformation__discount .underline:after {
  background-color: #CC0825;
}

.c-ProductInformation__labels {
  clear: both;
  line-height: .1;
  border-bottom: 1px solid #f3f3f3;
  padding-top: calc(0.00278 * 100vw + 20px);
  padding-bottom: calc(0.00278 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-ProductInformation__labels {
    padding-top: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductInformation__labels {
    padding-top: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-ProductInformation__labels {
    padding-bottom: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductInformation__labels {
    padding-bottom: 20px;
  }
}

.c-ProductInformation__labels li {
  line-height: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 0;
  color: #707070;
  margin-right: calc(0.00556 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .c-ProductInformation__labels li {
    margin-right: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductInformation__labels li {
    margin-right: 30px;
  }
}

.c-ProductInformation__labels li:last-child {
  margin-right: 0;
}

.c-ProductInformation__labels li > svg {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 10px;
}

.c-ProductInformation__table {
  max-width: 575px;
  width: 100%;
  margin: 10px 0;
}

.c-ProductInformation__table td {
  text-align: center;
  padding: 10px;
  width: 20%;
}

@media (max-width: 600px) {
  .c-ProductInformation__table td {
    padding: 10px 5px;
    font-size: 14px;
  }
}

.c-ProductInformation__table tr > td {
  border-right: 1px solid #f3f3f3;
}

.c-ProductInformation__table tr > td:last-child {
  border-right: 0;
}

.c-ProductInformation__table tr > td > span {
  display: block;
  padding: 8px 0px;
}

.c-ProductInformation__table tr > td .stat-yellow {
  background-color: #FFCC00;
  color: #fff;
}

.c-ProductInformation__table tr > td .stat-green {
  background-color: #63891B;
  color: #fff;
}

.c-ProductInformation__table tr > td .stat-grey {
  background-color: #f3f3f3;
}

.c-ProductInformation__table thead td {
  color: #adadad;
}

.c-ProductInformation__table tbody td {
  color: #707070;
}

.c-ProductInformation__accordion {
  border-bottom: 1px solid #f3f3f3;
}

.c-ProductInformation__accordion-heading {
  color: #707070;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-top: 1px solid #f3f3f3;
  cursor: pointer;
  padding-top: calc(0.00278 * 100vw + 25px);
  padding-bottom: calc(0.00278 * 100vw + 25px);
}

@media screen and (min-width: 87.5em) {
  .c-ProductInformation__accordion-heading {
    padding-top: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductInformation__accordion-heading {
    padding-top: 25px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-ProductInformation__accordion-heading {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductInformation__accordion-heading {
    padding-bottom: 25px;
  }
}

.c-ProductInformation__accordion-heading + div {
  padding-bottom: calc(0.00556 * 100vw + 40px);
}

@media screen and (min-width: 87.5em) {
  .c-ProductInformation__accordion-heading + div {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductInformation__accordion-heading + div {
    padding-bottom: 40px;
  }
}

.c-ProductInformation__accordion-heading h4 {
  margin-bottom: 0;
}

.c-ProductInformation__accordion-heading svg {
  width: 15px;
  height: 7px;
  transform: rotate(0);
  transition: transform .2s ease;
}

.c-ProductInformation__accordion-heading.is-active svg {
  transform: rotate(180deg);
}

.c-ProductInformation__gallery {
  display: none;
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: calc(0.00556 * 100vw + 35px);
}

@media screen and (min-width: 87.5em) {
  .c-ProductInformation__gallery {
    padding-bottom: 45px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductInformation__gallery {
    padding-bottom: 35px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductInformation__gallery {
    display: block;
  }
}

/*
      Modifiers
      ========================================================================== */
.c-ProductInformation__section--add-to-cart {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.c-ProductInformation__section--add-to-cart .c-QuantityButton > p {
  width: 80px;
}

@media screen and (min-width: 75em) {
  .c-ProductInformation__section--add-to-cart .c-QuantityButton > p {
    width: 100px;
  }
}

@media screen and (max-width: 23.75em) {
  .c-ProductInformation__section--add-to-cart .c-QuantityButton > input {
    width: 44px;
    height: 44px;
  }
}

/*  ==========================================================================
    Product UI Bar
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-UIBar {
  position: fixed;
  top: 99px;
  left: 0;
  right: 0;
  z-index: 12;
  height: 99px;
  border-top: 1px solid #f3f3f3;
  opacity: 0;
  transform: translate(0, 5px);
  transition: all 300ms ease;
  pointer-events: none;
}

@media screen and (max-width: 61.1875em) {
  .c-UIBar {
    display: none;
  }
}

.c-UIBar.is-active {
  opacity: 1;
  transform: translate(0, 0);
  pointer-events: auto;
}

.c-UIBar:before, .c-UIBar:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.c-UIBar:before {
  height: 100%;
}

.c-UIBar:after {
  width: 100%;
  height: 50%;
  z-index: -1;
  box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

.c-UIBar .c-QuantityButton > input {
  width: 44px;
  height: 44px;
}

.c-UIBar .c-QuantityButton > p {
  width: 44px;
  height: 44px;
  margin: 0px;
  -ms-flex-align: center;
      align-items: center;
  display: inline-grid;
}

.c-QuantityButton > p {
  margin: 0px;
  -ms-flex-align: center;
  align-items: center;
  display: inline-grid;
}

/*
    Elements
    ========================================================================== */
.c-UIBar__bg {
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-left: calc(3% + .625rem);
  padding-right: calc(3% + .625rem);
}

@media screen and (max-width: 39.9375em) {
  .c-UIBar__bg {
    padding-left: calc(3% + .3125rem);
  }
}

@media screen and (max-width: 39.9375em) {
  .c-UIBar__bg {
    padding-right: calc(3% + .3125rem);
  }
}

.c-UIBar__detail {
  display: -ms-flexbox;
  display: flex;
}

.c-UIBar__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

.c-UIBar__block--padding {
  padding-left: calc(0.01111 * 100vw + 30px);
  padding-right: calc(0.01111 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .c-UIBar__block--padding {
    padding-left: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-UIBar__block--padding {
    padding-left: 30px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-UIBar__block--padding {
    padding-right: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-UIBar__block--padding {
    padding-right: 30px;
  }
}

.c-UIBar__block--padding:first-child {
  padding-left: 0;
}

.c-UIBar__block--padding:last-child {
  padding-right: 0;
}

.c-UIBar__block--border {
  border-right: 1px solid #f3f3f3;
}

.c-UIBar__price > span,
.c-UIBar__product-name > span,
.c-UIBar__bookmark > span {
  display: block;
  line-height: 1.2;
}

.c-UIBar__thumbnail {
  padding-right: calc(0.00278 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-UIBar__thumbnail {
    padding-right: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-UIBar__thumbnail {
    padding-right: 20px;
  }
}

.c-UIBar__thumbnail img {
  max-width: 62px;
  height: 62px;
  max-height: 80%;
  width: auto;
  display: block;
  transform: scale(1.5);
}

@media screen and (max-width: 61.1875em) {
  .c-UIBar__thumbnail img {
    max-height: 60%;
  }
}

.c-UIBar__bookmark:hover svg {
  fill: #000;
}

.c-UIBar__progress-bar {
  left: 0;
  width: auto;
  height: 2px;
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
  background: none;
}

.c-UIBar__progress-bar-scroll {
  width: 0%;
  float: left;
  height: 100%;
  z-index: 1;
  max-width: 100%;
  background-color: #000;
}

/*  ==========================================================================
    Product Gallery
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-ProductGallery {
  height: 100%;
}

@media screen and (max-width: 61.1875em) {
  .c-ProductGallery {
    display: none;
  }
}

/*
    Elements
    ========================================================================== */
.c-ProductGallery__sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 300px;
}

.c-ProductGallery__image {
  display: block;
  width: 100%;
  padding: 30px 20%;
}

.c-ProductGallery__actions {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.c-ProductGallery__actions li {
  float: left;
  margin-right: 25px;
  white-space: nowrap !important;
}

.c-ProductGallery__actions li:last-child {
  margin-right: 0;
}

.c-ProductGallery__actions a {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

.c-ProductGallery__actions a:hover {
  color: #63891B;
}

.c-ProductGallery__actions a:hover span:after {
  background-color: #63891B;
}

.c-ProductGallery__actions a > span {
  position: relative;
  margin-right: 7px;
}

.c-ProductGallery__actions a > span:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  transition: background-color 200ms linear;
}

.c-ProductGallery__actions a > svg {
  max-height: 24px;
  max-width: 24px;
  width: 100%;
  height: 100%;
  display: block;
}

/*  ==========================================================================
    See More Button
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-SeeMore {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 70px;
}

.c-SeeMore.recipe_see_more {
  display: none;
}

.c-SeeMore button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  transition: color 200ms linear;
}

.c-SeeMore button svg {
  width: 10px;
  margin: 2px 0 0 10px;
  transition: fill 200ms linear;
}

.c-SeeMore button:hover {
  color: #adadad;
}

.c-SeeMore button:hover svg {
  fill: #adadad;
}

.c-SeeMore button.rotated-arrow svg {
  transform: rotate(180deg);
}

/*  ==========================================================================
    Offers Module 2
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-OffersModule2 .row .c-OffersModule2__col:nth-child(0) {
  animation-delay: 0ms;
}

.c-OffersModule2 .row .c-OffersModule2__col:nth-child(1) {
  animation-delay: 100ms;
}

.c-OffersModule2 .row .c-OffersModule2__col:nth-child(2) {
  animation-delay: 200ms;
}

.c-OffersModule2 .row .c-OffersModule2__col:nth-child(3) {
  animation-delay: 300ms;
}

.c-OffersModule2 .row .c-OffersModule2__col:nth-child(4) {
  animation-delay: 400ms;
}

.c-OffersModule2 .row .c-OffersModule2__col:nth-child(5) {
  animation-delay: 500ms;
}

.c-OffersModule2 .row .c-OffersModule2__col:nth-child(6) {
  animation-delay: 600ms;
}

.c-OffersModule2 .row .c-OffersModule2__col:nth-child(7) {
  animation-delay: 700ms;
}

.c-OffersModule2 .row .c-OffersModule2__col:nth-child(8) {
  animation-delay: 800ms;
}

.c-OffersModule2 .row .c-OffersModule2__col:nth-child(9) {
  animation-delay: 900ms;
}

.c-OffersModule2 .row .c-OffersModule2__col:nth-child(10) {
  animation-delay: 1000ms;
}

/*  ==========================================================================
    Order Summary
    ========================================================================== */
/*
    Block
    ========================================================================== */
/*
    Elements
    ========================================================================== */
.c-OrderSummary__title {
  text-align: center;
  text-transform: capitalize;
}

.c-OrderSummary__products {
  overflow: hidden;
  margin-bottom: calc(0.00556 * 100vw + 40px);
}

@media screen and (min-width: 87.5em) {
  .c-OrderSummary__products {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OrderSummary__products {
    margin-bottom: 40px;
  }
}

.c-OrderSummary__product {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-bottom: 1px solid #adadad;
  padding-top: calc(0.00556 * 100vw + 20px);
  padding-bottom: calc(0.00556 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-OrderSummary__product {
    padding-top: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OrderSummary__product {
    padding-top: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-OrderSummary__product {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OrderSummary__product {
    padding-bottom: 20px;
  }
}

.c-OrderSummary__product:first-child {
  border-top: 1px solid #adadad;
}

.c-OrderSummary__product > div:last-child {
  -ms-flex: 1;
      flex: 1;
}

.c-OrderSummary__product:hover .c-MiniCart__item-quantity-selector {
  opacity: 1;
  visibility: visible;
}

.c-OrderSummary__product:hover .c-MiniCart__item-quantity-selector .u-btn-clear {
  border-left: 1px solid #ebebeb;
}

.c-OrderSummary__product-image {
  width: 80px;
  margin-right: 20px;
}

.c-OrderSummary__product-details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 20px;
}

.c-OrderSummary__product-details > div:first-child {
  padding-right: 20px;
  -ms-flex: 2;
      flex: 2;
}

.c-OrderSummary__item-price {
  display: block;
}

.c-OrderSummary__product-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.c-OrderSummary__product-actions [type=number], .c-OrderSummary__product-actions [type=text] {
  padding: 12px;
  width: auto;
  max-width: 100px;
  text-align: center;
  outline: none;
}

/*
    Modifiers
    ========================================================================== */
.c-OrderSummary--box {
  border: 1px solid #adadad;
  padding-left: calc(0.03056 * 100vw + 35px);
  padding-right: calc(0.03056 * 100vw + 35px);
  padding-top: calc(0.01944 * 100vw + 20px);
  padding-bottom: calc(0.01944 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-OrderSummary--box {
    padding-left: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OrderSummary--box {
    padding-left: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-OrderSummary--box {
    padding-right: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OrderSummary--box {
    padding-right: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-OrderSummary--box {
    padding-top: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OrderSummary--box {
    padding-top: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-OrderSummary--box {
    padding-bottom: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OrderSummary--box {
    padding-bottom: 20px;
  }
}

.c-OrderSummary--box .c-Btn--outline-black {
  margin-top: 30px;
}

.c-OrderSummary--box .c-Btn--outline-black:hover {
  border-color: #63891B;
  color: #fff;
  background-color: #63891B;
}

/*  ==========================================================================
    Product Filters Bar
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-ProductFiltersBar {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
  z-index: 90;
}

@media (max-width: 967px) {
  .c-ProductFiltersBar {
    top: 50px;
  }
}

.c-ProductFiltersBar.scrolled {
  background-color: transparent !important;
}

/*  ==========================================================================
    Card Slider Section
    ========================================================================== */
/*
    Elements
    ========================================================================== */
.c-CardSliderSection__slider {
  padding-bottom: calc(0.03556 * 100vw + 36px);
}

@media screen and (min-width: 87.5em) {
  .c-CardSliderSection__slider {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-CardSliderSection__slider {
    padding-bottom: 36px;
  }
}

/*  ==========================================================================
    Mobile Filter Panel
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-MobileFilterPanel {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 999;
  background: #fff;
  transform: translate(100%, 0);
  transition: transform 400ms cubic-bezier(0.42, 0, 0.34, 1.01);
}

.c-MobileFilterPanel.is-open {
  transform: translate(0, 0);
}

/*
    Elements
    ========================================================================== */
.c-MobileFilterPanel__top {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  height: 65px;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid #000;
}

.c-MobileFilterPanel__top h3 {
  letter-spacing: 1.5px;
  margin-bottom: 0;
}

.c-MobileFilterPanel__close {
  position: absolute;
  top: 0;
  left: 0;
  top: 23px;
  width: 13px;
  height: 13px;
  left: calc(3% + .625rem);
}

@media screen and (max-width: 39.9375em) {
  .c-MobileFilterPanel__close {
    left: calc(3% + .3125rem);
  }
}

.c-MobileFilterPanel__close svg {
  width: 100%;
  height: 100%;
}

.c-MobileFilterPanel__inner {
  height: calc(100vh - (65px * 2));
  overflow: scroll;
}

.c-MobileFilterPanel__inner .c-MobileFilterGroup:last-of-type {
  border-bottom: 0;
}

.c-MobileFilterPanel__actions {
  background-color: #fafafa;
  height: 65px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  z-index: 1;
  padding-left: calc(3% + .625rem);
  padding-right: calc(3% + .625rem);
}

@media screen and (max-width: 39.9375em) {
  .c-MobileFilterPanel__actions {
    padding-left: calc(3% + .3125rem);
  }
}

@media screen and (max-width: 39.9375em) {
  .c-MobileFilterPanel__actions {
    padding-right: calc(3% + .3125rem);
  }
}

.c-MobileFilterPanel__action {
  width: calc(50% - 5px);
  height: 50px;
  background-color: #fff;
  letter-spacing: 1.5px;
}

.c-MobileFilterPanel__action:first-of-type {
  margin-right: 10px;
  background-color: #63891B;
  color: #fff;
}

.reset-form-new-password, .standard.account-page {
  width: 100%;
  height: 80vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@media (max-width: 600px) {
  .reset-form-new-password, .standard.account-page {
    margin-top: 70px;
    min-height: 570px;
  }
}

.reset-form-new-password .c-form__title h3, .standard.account-page .c-form__title h3 {
  font-size: 30px;
}

.reset-form-new-password .c-card-narrow, .standard.account-page .c-card-narrow {
  padding: 40px;
  border: 1px solid #000;
}

@media (max-width: 600px) {
  .reset-form-new-password .c-card-narrow, .standard.account-page .c-card-narrow {
    padding: 15px;
  }
}

.reset-form-new-password .buttonHolder, .standard.account-page .buttonHolder {
  margin-top: 40px;
}

.reset-form-new-password .buttonHolder .c-btn__button, .standard.account-page .buttonHolder .c-btn__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.reset-form-new-password input[type=submit], .reset-form-new-password .btn.back-btn, .standard.account-page input[type=submit], .standard.account-page .btn.back-btn {
  display: inline-block;
  text-align: center;
  line-height: 1;
  text-transform: uppercase;
  padding: 16px 20px;
  font-size: calc(0.00111 * 100vw + 16px);
  letter-spacing: .1em;
  transition: all .2s linear;
  border: 0;
  color: #000;
  background-color: transparent;
  border: 1px solid #000;
}

.reset-form-new-password input[type=submit]:hover, .reset-form-new-password .btn.back-btn:hover, .standard.account-page input[type=submit]:hover, .standard.account-page .btn.back-btn:hover {
  background-color: #63891B;
  border-color: #63891B;
  color: #fff;
}

.area-split .select {
  position: relative;
}

.area-split .select option {
  display: block;
  padding: 10px;
  cursor: pointer;
}

.area-split .select option:hover {
  background: #D0D0D0;
}

.area-split .select:not(.select--multiple)::after {
  content: "";
  border: 6px solid transparent;
  border-color: #333 transparent transparent transparent;
  margin-right: -10px;
  margin-top: 20px;
  position: absolute;
  right: 20px;
  top: 3px;
}

.reset-password .c-Btn--fill-black {
  display: inline-block;
  text-align: center;
  line-height: 1;
  text-transform: uppercase;
  padding: 16px 20px;
  font-size: calc(0.00111 * 100vw + 16px);
  letter-spacing: .1em;
  transition: all .2s linear;
  border: 0;
  color: #000;
  background-color: transparent;
  border: 1px solid #000;
  float: right;
  margin-top: 30px;
}

.reset-password .c-Btn--fill-black:hover {
  background-color: #63891B;
  border-color: #63891B;
  color: #fff;
}

/*  ==========================================================================
    Mobile Filter Group
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-MobileFilterGroup {
  border-bottom: 1px solid #000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.c-MobileFilterGroup .c-CustomCheckbox:last-of-type {
  border-bottom: 0;
}

/*
    Elements
    ========================================================================== */
.c-MobileFilterGroup__heading,
.c-MobileFilterPanel__sort {
  height: 65px;
  border-bottom: 1px solid #adadad;
  margin-bottom: 0;
  line-height: 63px;
  width: 100%;
  padding: 0;
  text-align: left;
  padding-left: calc(3% + .625rem);
  padding-right: calc(3% + .625rem);
}

@media screen and (max-width: 39.9375em) {
  .c-MobileFilterGroup__heading,
  .c-MobileFilterPanel__sort {
    padding-left: calc(3% + .3125rem);
  }
}

@media screen and (max-width: 39.9375em) {
  .c-MobileFilterGroup__heading,
  .c-MobileFilterPanel__sort {
    padding-right: calc(3% + .3125rem);
  }
}

/*  ==========================================================================
    Filters Dropdown
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-FiltersDropdown {
  display: none;
  width: 290px;
  padding: 20px 20px 5px;
  box-shadow: 0px 6px 42px #adadad;
  position: absolute;
  top: 80px;
  background-color: #fff;
  left: 0;
  z-index: 12;
}

.c-FiltersDropdown:before {
  content: '';
  position: absolute;
  top: -20px;
  left: 70px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent #ffffff transparent;
}

/*
    Elements
    ========================================================================== */
/*  ==========================================================================
    Custom Checkbox
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-CustomCheckbox {
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #adadad;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 65px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 60px;
  padding-right: calc(3% + .625rem);
}

@media screen and (max-width: 39.9375em) {
  .c-CustomCheckbox {
    padding-right: calc(3% + .3125rem);
  }
}

.c-CustomCheckbox:hover input ~ .checkmark {
  background-color: rgba(99, 137, 27, 0.5);
}

.c-CustomCheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.c-CustomCheckbox input:checked ~ .checkmark {
  background-color: #63891B;
}

.c-CustomCheckbox input:checked ~ .checkmark:after {
  display: block;
}

.c-CustomCheckbox .checkmark {
  position: absolute;
  top: 22px;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #adadad;
  transition: background-color 200ms linear;
  left: calc(3% + .625rem);
}

@media screen and (max-width: 39.9375em) {
  .c-CustomCheckbox .checkmark {
    left: calc(3% + .3125rem);
  }
}

.c-CustomCheckbox .amount {
  margin-left: 6px;
}

/*
    Modifiers
    ========================================================================== */
.c-CustomCheckbox--stripped {
  padding-left: 30px;
  padding-right: 0;
  border: 0;
  height: auto;
  margin-bottom: 15px;
}

.c-CustomCheckbox--stripped .checkmark {
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
}

/*  ==========================================================================
    Shopping Bag Table
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-ShoppingBagTable {
  width: 100%;
  margin-bottom: calc(0.01111 * 100vw + 70px);
}

@media screen and (min-width: 87.5em) {
  .c-ShoppingBagTable {
    margin-bottom: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ShoppingBagTable {
    margin-bottom: 70px;
  }
}

.c-ShoppingBagTable thead tr td {
  padding-bottom: 20px;
}

.c-ShoppingBagTable thead tr td:last-child {
  text-align: right;
}

.c-ShoppingBagTable tbody tr {
  border-bottom: 1px solid #ebebeb;
}

.c-ShoppingBagTable tbody tr:first-of-type {
  border-top: 1px solid #ebebeb;
}

/*
    Elements
    ========================================================================== */
.c-ShoppingBagTable__thumbnail {
  width: 6%;
  padding: 15px 0;
}

.c-ShoppingBagTable__thumbnail > div.img {
  height: 0;
  padding-bottom: 100%;
  position: relative;
}

.c-ShoppingBagTable__product-name {
  width: 40%;
  padding: 15px 0 15px 6%;
}

.c-ShoppingBagTable__quantity {
  width: 26%;
}

.c-ShoppingBagTable__quantity .c-QuantityButton {
  margin-right: 6%;
}

.c-ShoppingBagTable__price {
  width: 16%;
}

.c-ShoppingBagTable__price span {
  font-size: 15px;
}

.c-ShoppingBagTable__total {
  width: 10%;
  text-align: right;
}

.c-ShoppingBagTable__total span {
  font-size: 15px;
}

/*  ==========================================================================
    Bag Totals
    ========================================================================== */
/*
    Block
    ========================================================================== */
/*
    Elements
    ========================================================================== */
.c-BagTotals__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 15px;
}

/*
    Modifiers
    ========================================================================== */
.c-BagTotals__row--total {
  border-top: 1px solid #000;
  border-bottom: 1px solid #ebebeb;
  padding-top: 15px;
  margin-top: 10px;
  margin-bottom: 15px;
}

/*  ==========================================================================
    Promo Code Box
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-PromoCodeBox [type=text] {
  padding: 14px;
  border: 0;
  background-color: #f3f3f3;
  outline: none;
  width: 100%;
  margin-right: 12px;
}

/*
    Elements
    ========================================================================== */
.c-PromoCodeBox__field-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/*  ==========================================================================
    Fixed UI Bar
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-FixedUIBar {
  background-color: #000;
  color: #fff;
  position: fixed;
  z-index: 12;
  left: 0;
  right: 0;
  transition: transform 400ms cubic-bezier(0.42, 0, 0.34, 1.01);
  transform: translate(0, 0);
}

.c-FixedUIBar.is-hidden {
  transform: translate(0, 100%);
}

.c-FixedUIBar .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/*
    Elements
    ========================================================================== */
.c-FixedUIBar__cta {
  display: block;
  padding: 20px 0;
}

.c-FixedUIBar__totals {
  height: 100%;
}

.c-FixedUIBar__totals > li {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  height: 100%;
  border-right: 1px solid #adadad;
  padding-left: calc(0.01111 * 100vw + 40px);
  padding-right: calc(0.01111 * 100vw + 40px);
}

@media screen and (min-width: 87.5em) {
  .c-FixedUIBar__totals > li {
    padding-left: 60px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-FixedUIBar__totals > li {
    padding-left: 40px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-FixedUIBar__totals > li {
    padding-right: 60px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-FixedUIBar__totals > li {
    padding-right: 40px;
  }
}

.c-FixedUIBar__totals > li:first-child {
  padding-left: 0;
}

.c-FixedUIBar__totals > li > span:first-child {
  margin-right: 15px;
}

.c-FixedUIBar__inner--flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

/*
    Modifiers
    ========================================================================== */
.c-FixedUIBar--bottom {
  bottom: 0;
}

.c-FixedUIBar--middle .row {
  -ms-flex-align: center;
      align-items: center;
}

.c-FixedUIBar--light {
  background-color: #fff;
  color: #000;
}

/*  ==========================================================================
    Radio Select
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-RadioSelect:checked,
.c-RadioSelect:not(:checked) {
  position: absolute;
  left: -9999px;
}

.c-RadioSelect:checked + label:after,
.c-RadioSelect:not(:checked) + label:after {
  z-index: -1;
}

.c-RadioSelect:checked + label,
.c-RadioSelect:not(:checked) + label {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  width: 100%;
  padding: 18px 20px 18px 80px;
}

.c-RadioSelect:not(:checked) + label {
  color: #000;
}

.c-RadioSelect:checked + label:before,
.c-RadioSelect:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 30px;
  top: 50%;
  width: 20px;
  height: 20px;
  border: 1px solid;
  border-radius: 100%;
  border-color: #63891B;
  transform: translate(0, -50%);
}

.c-RadioSelect:checked + label:before {
  background: #63891B;
}

.c-RadioSelect:checked + label:after,
.c-RadioSelect:not(:checked) + label:after {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.c-RadioSelect:not(:checked) + label:after {
  border: 1px solid #adadad;
}

.c-RadioSelect:checked + label:after {
  background-color: #63891B;
  border-color: #63891B;
  opacity: .1;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.c-RadioSelect + label > strong:before,
.c-RadioSelect + label > strong:after,
.c-RadioSelect + label > span > strong:before,
.c-RadioSelect + label > span > strong:after {
  content: "";
  display: block;
  background-color: #fff;
  position: absolute;
  width: 2px;
}

.c-RadioSelect + label > strong:before,
.c-RadioSelect + label > span > strong:before {
  height: 9px;
  left: 40px;
  top: 24px;
  transform: rotate(45deg);
}

.c-RadioSelect + label > strong:after,
.c-RadioSelect + label > span > strong:after {
  height: 4px;
  left: 36px;
  top: 28px;
  transform: rotate(135deg);
}

.c-RadioSelect:not(:checked) + label > strong:before,
.c-RadioSelect:not(:checked) + label > span > strong:before,
.c-RadioSelect:not(:checked) + label > strong:after,
.c-RadioSelect:not(:checked) + label > span > strong:after {
  opacity: 0;
}

.c-RadioSelect:checked + label > strong:before,
.c-RadioSelect:checked + label > span > strong:before,
.c-RadioSelect:checked + label > strong:after,
.c-RadioSelect:checked + label > span > strong:after {
  opacity: 1;
}

.c-RadioSelect + label svg {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
  z-index: 1;
}

/*
    Modifiers
    ========================================================================== */
.c-RadioSelect--right:checked + label:before,
.c-RadioSelect--right:not(:checked) + label:before {
  left: auto;
  right: 20px;
}

.c-RadioSelect--right:checked + label > strong:before,
.c-RadioSelect--right:checked + label > span > strong:before {
  left: auto;
  right: 28px;
}

.c-RadioSelect--right:checked + label > strong:after,
.c-RadioSelect--right:checked + label > span > strong:after {
  left: auto;
  right: 32px;
}

.c-RadioSelect.c-RadioSelect--double-label + label {
  padding: 18px 20px 18px 20px;
  display: -ms-flexbox;
  display: flex;
}

.c-RadioSelect.c-RadioSelect--double-label + label > span {
  -ms-flex: 1;
      flex: 1;
}

.c-RadioSelect.c-RadioSelect--double-label + label span:nth-child(2) {
  margin-left: 20px;
}

/*  ==========================================================================
    Account Nav
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-AccountNav ul {
  margin-top: 0;
  padding: 0;
  list-style: none;
}

.c-AccountNav ul:not(:last-child) {
  margin-bottom: 25px;
}

.c-AccountNav ul li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/*
    Elements
    ========================================================================== */
.c-AccountNav__item {
  padding-left: calc(0.00556 * 100vw + 15px);
  padding-right: calc(0.00556 * 100vw + 15px);
  padding-bottom: calc(0.00833 * 100vw + 15px);
  padding-top: calc(0.00833 * 100vw + 15px);
  display: block;
  text-transform: uppercase;
  background-color: #fafafa;
}

@media screen and (min-width: 87.5em) {
  .c-AccountNav__item {
    padding-left: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-AccountNav__item {
    padding-left: 15px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-AccountNav__item {
    padding-right: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-AccountNav__item {
    padding-right: 15px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-AccountNav__item {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-AccountNav__item {
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-AccountNav__item {
    padding-top: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-AccountNav__item {
    padding-top: 15px;
  }
}

/*
    Modifiers
    ========================================================================== */
.c-AccountNav__item--active {
  background-color: #63891B;
  color: #fff;
}

/*  ==========================================================================
    Personal Information
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-PersonalInformation.merge-bottom {
  border-bottom: 0px;
  padding-bottom: 20px;
}

/*
      Elements
      ========================================================================== */
.c-PersonalInformation__title {
  margin-bottom: 50px;
  text-transform: capitalize;
  letter-spacing: initial;
}

/*
      Modifiers
      ========================================================================== */
.c-PersonalInformation--box {
  border: 1px solid #adadad;
  padding-left: calc(0.03056 * 100vw + 35px);
  padding-right: calc(0.03056 * 100vw + 35px);
  padding-top: calc(0.01944 * 100vw + 20px);
  padding-bottom: calc(0.01944 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-PersonalInformation--box {
    padding-left: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PersonalInformation--box {
    padding-left: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PersonalInformation--box {
    padding-right: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PersonalInformation--box {
    padding-right: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PersonalInformation--box {
    padding-top: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PersonalInformation--box {
    padding-top: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PersonalInformation--box {
    padding-bottom: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PersonalInformation--box {
    padding-bottom: 20px;
  }
}

/*  ==========================================================================
    Change Password
    ========================================================================== */
/*
    Block
    ========================================================================== */
/*
    Elements
    ========================================================================== */
.c-ChangePassword__title {
  margin-bottom: 50px;
  text-transform: capitalize;
  letter-spacing: initial;
}

/*
    Modifiers
    ========================================================================== */
.c-ChangePassword--box {
  border: 1px solid #adadad;
  padding-left: calc(0.03056 * 100vw + 35px);
  padding-right: calc(0.03056 * 100vw + 35px);
  padding-top: calc(0.01944 * 100vw + 20px);
  padding-bottom: calc(0.01944 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-ChangePassword--box {
    padding-left: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ChangePassword--box {
    padding-left: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-ChangePassword--box {
    padding-right: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ChangePassword--box {
    padding-right: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-ChangePassword--box {
    padding-top: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ChangePassword--box {
    padding-top: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-ChangePassword--box {
    padding-bottom: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ChangePassword--box {
    padding-bottom: 20px;
  }
}

.c-ChangePassword--box.c-OtpForm--box {
  border-top: none;
}

/*  ==========================================================================
    Wish Lists
    ========================================================================== */
/*
    Block
    ========================================================================== */
/*
      Elements
      ========================================================================== */
.c-WishLists__header {
  margin-bottom: 50px;
}

.c-WishLists__title {
  margin-bottom: 0;
  text-transform: capitalize;
  letter-spacing: initial;
}

.c-WishLists__subtitle {
  color: #adadad;
}

.c-WishLists__list__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: calc(0.00556 * 100vw + 15px);
}

@media screen and (min-width: 87.5em) {
  .c-WishLists__list__header {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-WishLists__list__header {
    margin-bottom: 15px;
  }
}

.c-WishLists__list__header :nth-child(1) {
  -ms-flex: 1;
      flex: 1;
}

.c-WishLists__list__header :nth-child(2) {
  -ms-flex: 1;
      flex: 1;
  margin-left: 20px;
}

.c-WishLists__list__header :nth-child(3) {
  -ms-flex: 2;
      flex: 2;
  margin-left: -20px;
}

.c-WishLists__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  padding-left: calc(0 * 100vw + 25px);
  padding-right: calc(0 * 100vw + 25px);
  padding-top: calc(0 * 100vw + 25px);
  padding-bottom: calc(0 * 100vw + 25px);
}

@media screen and (min-width: 87.5em) {
  .c-WishLists__item {
    padding-left: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-WishLists__item {
    padding-left: 25px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-WishLists__item {
    padding-right: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-WishLists__item {
    padding-right: 25px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-WishLists__item {
    padding-top: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-WishLists__item {
    padding-top: 25px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-WishLists__item {
    padding-bottom: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-WishLists__item {
    padding-bottom: 25px;
  }
}

.c-WishLists__item:not(:last-child) {
  margin-bottom: calc(0.00556 * 100vw + 10px);
}

@media screen and (min-width: 87.5em) {
  .c-WishLists__item:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-WishLists__item:not(:last-child) {
    margin-bottom: 10px;
  }
}

.c-WishLists__item__name, .c-WishLists__item__quantity, .c-WishLists__item__actions, .c-WishLists__item__members {
  -ms-flex: 1;
      flex: 1;
}

.c-WishLists__item__name {
  cursor: pointer;
}

.c-WishLists__item__actions {
  text-align: right;
}

.c-WishLists__item__actions ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.c-WishLists__item__actions ul li {
  display: inline-block;
  position: relative;
}

.c-WishLists__item__actions ul li:not(:last-child):after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 15px;
  background-color: #000;
  position: absolute;
  right: -2px;
  top: 50%;
  transform: translateY(-50%);
}

.c-WishLists__notification {
  position: fixed;
  z-index: +1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  right: calc(3% + .625rem);
  top: 0;
  width: 90%;
}

@media screen and (min-width: 640px) {
  .c-WishLists__notification {
    width: 100%;
    max-width: 550px;
  }
}

.c-WishLists__notification-item {
  width: 100%;
  display: block;
  background-color: #63891B;
  color: #fff;
  padding-left: calc(0.00278 * 100vw + 20px);
  padding-right: calc(0.00278 * 100vw + 20px);
  padding-top: calc(0.00278 * 100vw + 20px);
  padding-bottom: calc(0.00278 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-WishLists__notification-item {
    padding-left: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-WishLists__notification-item {
    padding-left: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-WishLists__notification-item {
    padding-right: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-WishLists__notification-item {
    padding-right: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-WishLists__notification-item {
    padding-top: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-WishLists__notification-item {
    padding-top: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-WishLists__notification-item {
    padding-bottom: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-WishLists__notification-item {
    padding-bottom: 20px;
  }
}

/*
      Modifiers
      ========================================================================== */
.c-WishLists--box {
  border: 1px solid #adadad;
  padding-left: calc(0.03056 * 100vw + 35px);
  padding-right: calc(0.03056 * 100vw + 35px);
  padding-top: calc(0.01944 * 100vw + 20px);
  padding-bottom: calc(0.01944 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-WishLists--box {
    padding-left: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-WishLists--box {
    padding-left: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-WishLists--box {
    padding-right: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-WishLists--box {
    padding-right: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-WishLists--box {
    padding-top: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-WishLists--box {
    padding-top: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-WishLists--box {
    padding-bottom: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-WishLists--box {
    padding-bottom: 20px;
  }
}

.c-WishLists__list__header--small-margin {
  margin-bottom: 15px;
}

.wishlist-check {
  width: 2%;
  min-width: 50px;
}

.wishlist-check input {
  display: none;
}

.wishlist-check .s-card-chcek #s-card-tick-mark .circle-card {
  fill: #fff;
  stroke: #E6E6E6;
}

.wishlist-check input[type=checkbox]:checked + label .s-card-chcek #s-card-tick-mark .circle-card {
  fill: #63891B;
  stroke: #63891B;
}

.wishlist-check input[type=checkbox]:checked + label .s-card-chcek #s-card-tick-mark .circle-card circle:last-child {
  display: none;
}

.add-this-to-list.wish-area {
  background: transparent;
}

.add-this-to-list.wish-area .popup-inner {
  z-index: 9;
}

.add-this-to-list.wish-area .inner-gradient {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
}

/*  ==========================================================================
    Order Review
    ========================================================================== */
/*
    Block
    ========================================================================== */
/*
      Elements
      ========================================================================== */
.c-OrderReview__title {
  border-bottom: 1px solid #adadad;
  margin-bottom: calc(0.01667 * 100vw + 20px);
  padding-bottom: calc(0.01667 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-OrderReview__title {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OrderReview__title {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-OrderReview__title {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OrderReview__title {
    padding-bottom: 20px;
  }
}

.c-OrderReview__card {
  margin-bottom: 50px;
  background-color: #f3f3f3;
  padding-left: calc(0.03056 * 100vw + 35px);
  padding-right: calc(0.03056 * 100vw + 35px);
  padding-top: calc(0.02056 * 100vw + 18px);
  padding-bottom: calc(0.02056 * 100vw + 18px);
}

@media screen and (min-width: 87.5em) {
  .c-OrderReview__card {
    padding-left: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OrderReview__card {
    padding-left: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-OrderReview__card {
    padding-right: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OrderReview__card {
    padding-right: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-OrderReview__card {
    padding-top: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OrderReview__card {
    padding-top: 18px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-OrderReview__card {
    padding-bottom: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OrderReview__card {
    padding-bottom: 18px;
  }
}

.c-OrderReview__summary__label {
  text-transform: capitalize;
  line-height: 23px;
  font-size: calc(0.00111 * 100vw + 18px);
}

@media screen and (min-width: 87.5em) {
  .c-OrderReview__summary__label {
    font-size: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OrderReview__summary__label {
    font-size: 18px;
  }
}

.c-OrderReview__summary__value {
  margin-bottom: 10px;
  text-transform: capitalize;
  line-height: 23px;
  font-size: calc(0.00111 * 100vw + 18px);
}

@media screen and (min-width: 87.5em) {
  .c-OrderReview__summary__value {
    font-size: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OrderReview__summary__value {
    font-size: 18px;
  }
}

/*
      Modifiers
      ========================================================================== */
/*  ==========================================================================
    Payment Details
    ========================================================================== */
/*
    Block
    ========================================================================== */
/*
      Elements
      ========================================================================== */
.c-PaymentDetails__header {
  margin-bottom: 50px;
}

.c-PaymentDetails__title {
  text-transform: capitalize;
}

.c-PaymentDetails__options {
  overflow: hidden;
}

.c-PaymentDetails__options > ul > li {
  margin-bottom: 20px;
}

.c-PaymentDetails__options + [type=submit] {
  width: 38%;
  float: right;
}

.c-PaymentDetails__split-col {
  position: relative;
}

.c-PaymentDetails__split-col:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #adadad;
  top: 0;
  position: absolute;
  left: 50%;
}

.c-PaymentDetails__list__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: calc(0.00556 * 100vw + 15px);
}

@media screen and (min-width: 87.5em) {
  .c-PaymentDetails__list__header {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PaymentDetails__list__header {
    margin-bottom: 15px;
  }
}

.c-PaymentDetails__list__header :nth-child(1) {
  -ms-flex: 1;
      flex: 1;
}

.c-PaymentDetails__list__header :nth-child(2) {
  -ms-flex: 2;
      flex: 2;
  padding-left: 20px;
}

.c-PaymentDetails__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  padding-left: calc(0 * 100vw + 25px);
  padding-right: calc(0 * 100vw + 25px);
  padding-top: calc(0 * 100vw + 25px);
  padding-bottom: calc(0 * 100vw + 25px);
}

@media screen and (min-width: 87.5em) {
  .c-PaymentDetails__item {
    padding-left: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PaymentDetails__item {
    padding-left: 25px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PaymentDetails__item {
    padding-right: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PaymentDetails__item {
    padding-right: 25px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PaymentDetails__item {
    padding-top: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PaymentDetails__item {
    padding-top: 25px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PaymentDetails__item {
    padding-bottom: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PaymentDetails__item {
    padding-bottom: 25px;
  }
}

.c-PaymentDetails__item:not(:last-child) {
  margin-bottom: calc(0.00556 * 100vw + 10px);
}

@media screen and (min-width: 87.5em) {
  .c-PaymentDetails__item:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PaymentDetails__item:not(:last-child) {
    margin-bottom: 10px;
  }
}

.c-PaymentDetails__item__name, .c-PaymentDetails__item__actions {
  -ms-flex: 1;
      flex: 1;
}

.c-PaymentDetails__item__icon {
  margin-right: calc(0.00556 * 100vw + 10px);
}

@media screen and (min-width: 87.5em) {
  .c-PaymentDetails__item__icon {
    margin-right: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PaymentDetails__item__icon {
    margin-right: 10px;
  }
}

.c-PaymentDetails__item__actions {
  text-align: right;
}

.c-PaymentDetails__item__actions ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.c-PaymentDetails__item__actions ul li {
  display: inline-block;
  position: relative;
}

.c-PaymentDetails__item__actions ul li:not(:last-child):after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 15px;
  background-color: #000;
  position: absolute;
  right: -2px;
  top: 50%;
  transform: translateY(-50%);
}

/*
      Modifiers
      ========================================================================== */
.c-PaymentDetails--box {
  border: 1px solid #adadad;
  padding-left: calc(0.03056 * 100vw + 35px);
  padding-right: calc(0.03056 * 100vw + 35px);
  padding-top: calc(0.01944 * 100vw + 20px);
  padding-bottom: calc(0.01944 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-PaymentDetails--box {
    padding-left: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PaymentDetails--box {
    padding-left: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PaymentDetails--box {
    padding-right: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PaymentDetails--box {
    padding-right: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PaymentDetails--box {
    padding-top: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PaymentDetails--box {
    padding-top: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PaymentDetails--box {
    padding-bottom: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PaymentDetails--box {
    padding-bottom: 20px;
  }
}

.c-PaymentDetails--box .c-PaymentDetails__item--default {
  border-color: rgba(0, 0, 0, 0.1);
  background-color: #f3f3f3;
}

/*  ==========================================================================
    Saved Recipes
    ========================================================================== */
/*
    Block
    ========================================================================== */
/*
    Elements
    ========================================================================== */
.c-SavedRecipes__title {
  margin-bottom: 50px;
  text-transform: capitalize;
  letter-spacing: initial;
}

/*
    Modifiers
    ========================================================================== */
.c-SavedRecipes--box {
  border: 1px solid #adadad;
  padding-left: calc(0.03056 * 100vw + 35px);
  padding-right: calc(0.03056 * 100vw + 35px);
  padding-top: calc(0.01944 * 100vw + 20px);
  padding-bottom: calc(0.01944 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-SavedRecipes--box {
    padding-left: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SavedRecipes--box {
    padding-left: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-SavedRecipes--box {
    padding-right: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SavedRecipes--box {
    padding-right: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-SavedRecipes--box {
    padding-top: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SavedRecipes--box {
    padding-top: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-SavedRecipes--box {
    padding-bottom: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SavedRecipes--box {
    padding-bottom: 20px;
  }
}

.c-SavedRecipes--box .column, .c-SavedRecipes--box .columns {
  padding-bottom: 25px;
}

/*  ==========================================================================
    Recipe Thumbnail
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-RecipeThumb:hover .c-RecipeThumb__img-mask .intrinsic-image {
  transform: scale(1.03);
}

@media (max-width: 1024px) {
  .c-RecipeThumb:hover .c-RecipeThumb__img-mask .intrinsic-image {
    transform: scale(1);
  }
}

.c-RecipeThumb:hover .c-RecipeThumb__title {
  color: #adadad;
}

.c-RecipeThumb:hover .c-Btn {
  color: #707070;
  border-bottom-color: #707070;
}

/*
      Elements
      ========================================================================== */
.c-RecipeThumb__img-mask {
  margin-bottom: calc(0.00556 * 100vw + 27px);
}

@media screen and (min-width: 87.5em) {
  .c-RecipeThumb__img-mask {
    margin-bottom: 37px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-RecipeThumb__img-mask {
    margin-bottom: 27px;
  }
}

.c-RecipeThumb__time {
  margin-bottom: 13px;
  text-transform: capitalize;
}

.c-RecipeThumb__title {
  margin-bottom: 10px;
  transition: color 200ms linear;
}

.c-RecipeThumb__desc {
  margin-bottom: 60px;
}

/*
      Modifiers
      ========================================================================== */
.c-RecipeThumb--large {
  display: block;
  box-shadow: none;
  transition: box-shadow 200ms linear;
}

.c-RecipeThumb--large:hover {
  box-shadow: 0px 6px 42px #adadad;
}

@media (max-width: 1024px) {
  .c-RecipeThumb--large:hover {
    box-shadow: none;
  }
}

.c-RecipeThumb--large:hover .c-RecipeThumb__title {
  color: #000;
}

.c-RecipeThumb--large:hover .c-Btn {
  color: #000;
  border-bottom-color: #000;
}

.c-RecipeThumb--large .c-RecipeThumb__img-mask {
  margin-bottom: 0;
}

.c-RecipeThumb--large .c-RecipeThumb__bottom {
  background-color: #fff;
  padding: 35px 30px 20px;
}

.c-RecipeThumb--large .c-RecipeThumb__title {
  margin-bottom: 20px;
}

/*  ==========================================================================
    Orders
    ========================================================================== */
/*
    Block
    ========================================================================== */
/*
      Elements
      ========================================================================== */
.c-Orders__header {
  margin-bottom: 50px;
}

.c-Orders__title {
  margin-bottom: 0;
  text-transform: capitalize;
  letter-spacing: initial;
}

.c-Orders__subtitle {
  color: #adadad;
}

.c-Orders__list .c-Orders__item:nth-child(odd) {
  background-color: #fafafa;
}

.c-Orders__item {
  display: block;
  position: relative;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  padding-left: calc(0 * 100vw + 25px);
  padding-right: calc(0 * 100vw + 25px);
  padding-top: calc(0 * 100vw + 25px);
  padding-bottom: calc(0 * 100vw + 25px);
}

@media screen and (min-width: 87.5em) {
  .c-Orders__item {
    padding-left: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Orders__item {
    padding-left: 25px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-Orders__item {
    padding-right: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Orders__item {
    padding-right: 25px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-Orders__item {
    padding-top: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Orders__item {
    padding-top: 25px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-Orders__item {
    padding-bottom: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Orders__item {
    padding-bottom: 25px;
  }
}

.c-Orders__item:not(:last-child) {
  margin-bottom: calc(0.00556 * 100vw + 25px);
}

@media screen and (min-width: 87.5em) {
  .c-Orders__item:not(:last-child) {
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Orders__item:not(:last-child) {
    margin-bottom: 25px;
  }
}

.c-Orders__item__status {
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.c-Orders__item__icon {
  fill: #63891B;
  width: 27px;
  position: absolute;
  top: 25px;
  left: 25px;
}

.c-Orders__item__status, .c-Orders__item__date, .c-Orders__item__info, .c-Orders__item__price {
  padding-left: 50px;
}

.c-Orders__item__arrow {
  display: block;
  width: 62px;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}

@media (max-width: 600px) {
  .c-Orders__item__arrow {
    width: 32px;
    position: absolute;
    top: 82%;
    right: 8px;
  }
}

/*
      Modifiers
      ========================================================================== */
.c-Orders--box {
  border: 1px solid #adadad;
  padding-left: calc(0.03056 * 100vw + 35px);
  padding-right: calc(0.03056 * 100vw + 35px);
  padding-top: calc(0.01944 * 100vw + 20px);
  padding-bottom: calc(0.01944 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-Orders--box {
    padding-left: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Orders--box {
    padding-left: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-Orders--box {
    padding-right: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Orders--box {
    padding-right: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-Orders--box {
    padding-top: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Orders--box {
    padding-top: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-Orders--box {
    padding-bottom: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Orders--box {
    padding-bottom: 20px;
  }
}

/*  ==========================================================================
    Page Tabs
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-PageTabs ul {
  position: relative;
  float: left;
  left: 50%;
}

.c-PageTabs li {
  position: relative;
  float: left;
  right: 50%;
  margin-left: calc(0.00556 * 100vw + 30px);
  margin-right: calc(0.00556 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .c-PageTabs li {
    margin-left: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageTabs li {
    margin-left: 30px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PageTabs li {
    margin-right: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageTabs li {
    margin-right: 30px;
  }
}

.c-PageTabs li > a {
  color: #adadad;
}

.c-PageTabs li > a:hover {
  color: #000;
}

.c-PageTabs li > span {
  border-bottom: 1px solid #000;
}

/*  ==========================================================================
    Order Review Grid
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-OrderReviewGrid {
  display: -ms-flexbox;
  display: flex;
  background-color: #fafafa;
}

/*
    Elements
    ========================================================================== */
.c-OrderReviewGrid__block {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border-right: 1px solid #adadad;
  padding-left: calc(0.00278 * 100vw + 20px);
  padding-right: calc(0.00278 * 100vw + 20px);
  padding-top: calc(0.00278 * 100vw + 30px);
  padding-bottom: calc(0.00278 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .c-OrderReviewGrid__block {
    padding-left: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OrderReviewGrid__block {
    padding-left: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-OrderReviewGrid__block {
    padding-right: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OrderReviewGrid__block {
    padding-right: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-OrderReviewGrid__block {
    padding-top: 35px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OrderReviewGrid__block {
    padding-top: 30px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-OrderReviewGrid__block {
    padding-bottom: 35px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-OrderReviewGrid__block {
    padding-bottom: 30px;
  }
}

.c-OrderReviewGrid__block:last-child {
  border-right: 0;
}

.c-OrderReviewGrid__block > div:first-child {
  height: 100%;
}

/*  ==========================================================================
    Page Content
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-PageContent {
  background-color: #fff;
  padding-top: calc(0.01389 * 100vw + 90px);
  padding-bottom: calc(0.01389 * 100vw + 90px);
  padding-left: calc(0.01667 * 100vw + 100px);
  padding-right: calc(0.01667 * 100vw + 100px);
}

@media screen and (min-width: 87.5em) {
  .c-PageContent {
    padding-top: 115px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageContent {
    padding-top: 90px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PageContent {
    padding-bottom: 115px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageContent {
    padding-bottom: 90px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PageContent {
    padding-left: 130px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageContent {
    padding-left: 100px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PageContent {
    padding-right: 130px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageContent {
    padding-right: 100px;
  }
}

/*
    Elements
    ========================================================================== */
.c-PageContent__accordion {
  border-bottom: 1px solid #ebebeb;
}

.c-PageContent__accordion-heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-top: 1px solid #ebebeb;
  cursor: pointer;
  padding-top: calc(0.01667 * 100vw + 40px);
  padding-bottom: calc(0.01667 * 100vw + 40px);
}

@media screen and (min-width: 87.5em) {
  .c-PageContent__accordion-heading {
    padding-top: 70px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageContent__accordion-heading {
    padding-top: 40px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PageContent__accordion-heading {
    padding-bottom: 70px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageContent__accordion-heading {
    padding-bottom: 40px;
  }
}

.c-PageContent__accordion-heading:first-child {
  border-top: 0;
  padding-top: 0;
}

.c-PageContent__accordion-heading span {
  min-width: 29px;
  min-height: 29px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #ebebeb;
}

.c-PageContent__accordion-heading svg {
  width: 9px;
  height: 5px;
  transform: rotate(0);
  transition: transform .2s ease;
  stroke: #707070;
}

.c-PageContent__accordion-heading.is-active span {
  background-color: #63891B;
  border-color: #63891B;
}

.c-PageContent__accordion-heading.is-active svg {
  transform: rotate(180deg);
  stroke: #fff;
}

.c-PageContent__accordion-heading + div {
  padding-bottom: calc(0.01667 * 100vw + 40px);
}

@media screen and (min-width: 87.5em) {
  .c-PageContent__accordion-heading + div {
    padding-bottom: 70px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageContent__accordion-heading + div {
    padding-bottom: 40px;
  }
}

.c-PageContent__wysiwyg h3 {
  margin-bottom: 5px;
  font-size: calc(0.00389 * 100vw + 18px);
}

@media screen and (min-width: 87.5em) {
  .c-PageContent__wysiwyg h3 {
    font-size: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageContent__wysiwyg h3 {
    font-size: 18px;
  }
}

.c-PageContent__wysiwyg ul {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  line-height: 1.4;
  letter-spacing: -.005em;
  font-size: calc(0.00222 * 100vw + 16px);
  margin-bottom: calc(0.01111 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .c-PageContent__wysiwyg ul {
    font-size: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageContent__wysiwyg ul {
    font-size: 16px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PageContent__wysiwyg ul {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageContent__wysiwyg ul {
    margin-bottom: 30px;
  }
}

.c-PageContent__wysiwyg ul:last-child {
  margin-bottom: 0;
}

.c-PageContent__wysiwyg ol {
  padding-left: 23px;
  margin-top: 0;
  margin-bottom: calc(0.01111 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .c-PageContent__wysiwyg ol {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageContent__wysiwyg ol {
    margin-bottom: 30px;
  }
}

.c-PageContent__wysiwyg ol:last-child {
  margin-bottom: 0;
}

.c-PageContent__wysiwyg p {
  line-height: 1.4;
  font-size: calc(0.00389 * 100vw + 18px);
  margin-bottom: calc(0.01111 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .c-PageContent__wysiwyg p {
    font-size: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageContent__wysiwyg p {
    font-size: 18px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PageContent__wysiwyg p {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageContent__wysiwyg p {
    margin-bottom: 30px;
  }
}

.c-PageContent__wysiwyg p:last-child {
  margin-bottom: 0;
}

.c-PageContent__wysiwyg a {
  color: #63891B;
}

.c-PageContent__wysiwyg a:hover {
  color: #707070;
}

/*
    Modifiers
    ========================================================================== */
.c-PageContent--split {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}

.c-PageContent--split > div {
  -ms-flex: 1;
      flex: 1;
}

.c-PageContent--split__image {
  position: relative;
}

.c-PageContent--split__image .intrinsic-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
}

.c-PageContent--split__image .intrinsic-image > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.c-PageContent--split__content {
  padding-top: calc(0.01667 * 100vw + 60px);
  padding-bottom: calc(0.01667 * 100vw + 60px);
  padding-left: calc(0.02222 * 100vw + 40px);
  padding-right: calc(0.02222 * 100vw + 40px);
}

@media screen and (min-width: 87.5em) {
  .c-PageContent--split__content {
    padding-top: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageContent--split__content {
    padding-top: 60px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PageContent--split__content {
    padding-bottom: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageContent--split__content {
    padding-bottom: 60px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PageContent--split__content {
    padding-left: 80px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageContent--split__content {
    padding-left: 40px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PageContent--split__content {
    padding-right: 80px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PageContent--split__content {
    padding-right: 40px;
  }
}

@media (max-width: 600px) {
  .c-PageContent--split__content {
    padding: 30px 20px !important;
  }
}

form input[type=file] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

form .button-wrapper {
  position: relative;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

form .button-wrapper span.label {
  font-family: "Gill Sans MT W01 Medium", sans-serif;
  position: relative;
  z-index: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  cursor: pointer;
  text-transform: none;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1;
  height: 50px;
  box-sizing: border-box;
  border: 1px solid #adadad;
  color: #707070;
  transition: all .2s linear;
}

form .button-wrapper:hover span.label {
  background-color: #63891B;
  border-color: #63891B;
  color: #fff;
}

form #file-upload {
  display: inline-block;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 55px;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

form textarea.message_bx {
  resize: none;
  min-height: 220px;
  max-height: 220px;
  margin-bottom: 40px;
}

/*  ==========================================================================
    Signature
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-Signature {
  display: block;
}

.c-Signature > img {
  width: 219px;
  height: 99px;
}

.c-Signature > span {
  display: block;
}

/*
    Modifiers
    ========================================================================== */
.c-Signature--centered {
  margin: 0 auto;
}

/*  ==========================================================================
    Contact Methods
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-ContactMethods > li {
  margin-bottom: calc(0.01111 * 100vw + 40px);
}

@media screen and (min-width: 87.5em) {
  .c-ContactMethods > li {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ContactMethods > li {
    margin-bottom: 40px;
  }
}

.c-ContactMethods > li:last-child {
  margin-bottom: 0;
}

/*
    Elements
    ========================================================================== */
.c-ContactMethods__type {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px;
}

.c-ContactMethods__type svg {
  display: block;
  margin-right: calc(0.00167 * 100vw + 15px);
}

@media screen and (min-width: 87.5em) {
  .c-ContactMethods__type svg {
    margin-right: 18px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ContactMethods__type svg {
    margin-right: 15px;
  }
}

/*  ==========================================================================
    Modal
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-Modal {
  background-color: #fff;
  position: fixed;
  z-index: 14;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
  width: 100%;
  max-width: 560px;
  max-height: 70vh;
  overflow-y: auto;
  opacity: 0;
  padding: calc(0.00556 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .c-Modal {
    padding: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Modal {
    padding: 30px;
  }
}

.c-Modal.is-active {
  opacity: 1;
}

/*
    Elements
    ========================================================================== */
.c-Modal__close {
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: calc(0.00556 * 100vw + 40px);
  right: calc(0.00556 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .c-Modal__close {
    top: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Modal__close {
    top: 40px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-Modal__close {
    right: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Modal__close {
    right: 30px;
  }
}

.c-Modal__close svg {
  width: 100%;
  height: 100%;
}

.c-Modal__centered-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
}

.c-Modal__centered-icon svg {
  width: 62px;
  height: 62px;
}

.add-this-to-list, .add-review {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: none;
}

.add-this-to-list.active, .add-review.active {
  display: -ms-flexbox;
  display: flex;
}

.add-this-to-list .popup-inner, .add-review .popup-inner {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0px 14px rgba(0, 0, 0, 0.15);
  width: 100%;
  max-width: 600px;
  padding: 40px;
  position: relative;
}

@media screen and (max-width: 600px) {
  .add-this-to-list .popup-inner, .add-review .popup-inner {
    padding: 30px;
  }
}

.add-this-to-list .popup-inner .close--popup, .add-review .popup-inner .close--popup {
  cursor: pointer;
  position: absolute;
  right: 40px;
  top: 40px;
}

@media screen and (max-width: 600px) {
  .add-this-to-list .popup-inner .close--popup, .add-review .popup-inner .close--popup {
    right: 30px;
    top: 30px;
  }
}

.add-this-to-list .popup-inner .rating-row, .add-review .popup-inner .rating-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 30px 0;
}

.add-this-to-list .popup-inner .rating-row label, .add-review .popup-inner .rating-row label {
  border: 1px solid #E0E0E0;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}

.add-this-to-list .popup-inner .rating-row label.active, .add-review .popup-inner .rating-row label.active {
  background-color: #63891B;
  color: #63891B;
  border-color: #63891B;
}

.add-this-to-list .popup-inner .rating-row label.active span, .add-review .popup-inner .rating-row label.active span {
  color: #fff;
}

.add-this-to-list .popup-inner .rating-row label:hover, .add-review .popup-inner .rating-row label:hover {
  background-color: #63891B;
  color: #63891B;
  border-color: #63891B;
}

.add-this-to-list .popup-inner .rating-row label:hover span, .add-review .popup-inner .rating-row label:hover span {
  color: #fff;
}

.add-this-to-list .popup-inner .rating-row label span, .add-review .popup-inner .rating-row label span {
  display: inline-block;
  font-size: 25px;
  line-height: 1;
  font-weight: 400;
}

.add-this-to-list .popup-inner .title, .add-review .popup-inner .title {
  font-size: calc(0.00536 * 100vw + 16.03004px);
  font-weight: normal;
  color: #1A1A1A;
  line-height: 1;
  font-weight: 500;
}

@media screen and (min-width: 1672px) {
  .add-this-to-list .popup-inner .title, .add-review .popup-inner .title {
    font-size: 26px;
  }
}

.add-this-to-list .popup-inner form, .add-review .popup-inner form {
  width: 100%;
  max-height: 242px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom: 30px;
  padding-right: 10px;
}

.add-this-to-list .popup-inner form::-webkit-scrollbar, .add-review .popup-inner form::-webkit-scrollbar {
  width: 8px;
  height: 12px;
}

.add-this-to-list .popup-inner form::-webkit-scrollbar-track, .add-review .popup-inner form::-webkit-scrollbar-track {
  box-shadow: none;
  background-color: #F4F4F4;
}

.add-this-to-list .popup-inner form::-webkit-scrollbar-thumb, .add-review .popup-inner form::-webkit-scrollbar-thumb {
  background-color: #bababa;
  outline: none;
}

@media screen and (max-width: 600px) {
  .add-this-to-list .popup-inner form, .add-review .popup-inner form {
    max-height: 450px;
  }
}

@media screen and (max-width: 340px) {
  .add-this-to-list .popup-inner form, .add-review .popup-inner form {
    max-height: 250px;
  }
}

.add-this-to-list .popup-inner form input[type="text"], .add-this-to-list .popup-inner form textarea, .add-review .popup-inner form input[type="text"], .add-review .popup-inner form textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #e6e6e6;
  background: white;
  height: 50px;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 4px;
  line-height: 1.25;
  font-weight: 400;
  margin-bottom: 10px;
}

.add-this-to-list .popup-inner form textarea, .add-review .popup-inner form textarea {
  min-height: 120px;
  max-height: 120px;
  resize: none;
}

.add-this-to-list .popup-inner form input[type="submit"], .add-review .popup-inner form input[type="submit"] {
  background-color: #63891B;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
  border-radius: 3px;
  padding: 12px 40px;
  display: inline-block;
  float: right;
  border: 1px solid #63891B;
}

.add-this-to-list .popup-inner form .list-row, .add-review .popup-inner form .list-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
}

.add-this-to-list .popup-inner form .list-row.title .list-name, .add-this-to-list .popup-inner form .list-row.title .list-products-no, .add-review .popup-inner form .list-row.title .list-name, .add-review .popup-inner form .list-row.title .list-products-no {
  font-size: 14px;
  font-size: 500;
  color: #8C8C8C;
}

.add-this-to-list .popup-inner form .list-row.list, .add-review .popup-inner form .list-row.list {
  border: 1px solid #e6e6e6;
  background-color: #fff;
  border-radius: 4px;
}

.add-this-to-list .popup-inner form .list-row.list:hover .plus-icon #Line_2684, .add-this-to-list .popup-inner form .list-row.list:hover .plus-icon #Line_2685, .add-review .popup-inner form .list-row.list:hover .plus-icon #Line_2684, .add-review .popup-inner form .list-row.list:hover .plus-icon #Line_2685 {
  stroke: #fff;
  position: relative;
  z-index: 3;
}

.add-this-to-list .popup-inner form .list-row.list:hover .plus-icon #Ellipse_241, .add-review .popup-inner form .list-row.list:hover .plus-icon #Ellipse_241 {
  fill: #63891B;
}

.add-this-to-list .popup-inner form .list-row.checked, .add-review .popup-inner form .list-row.checked {
  background-color: #E2E6E4;
  border: 1px solid #63891B;
  border-radius: 4px;
}

.add-this-to-list .popup-inner form .list-row.checked .s-card-chcek, .add-review .popup-inner form .list-row.checked .s-card-chcek {
  display: inline-block;
}

.add-this-to-list .popup-inner form .list-row.checked .s-card-chcek #s-card-tick-mark .circle-card, .add-review .popup-inner form .list-row.checked .s-card-chcek #s-card-tick-mark .circle-card {
  fill: #63891B;
  stroke: #63891B;
}

.add-this-to-list .popup-inner form .list-row.checked .s-card-chcek #s-card-tick-mark .circle-card circle:last-child, .add-review .popup-inner form .list-row.checked .s-card-chcek #s-card-tick-mark .circle-card circle:last-child {
  display: none;
}

.add-this-to-list .popup-inner form .list-row.checked .plus-icon, .add-review .popup-inner form .list-row.checked .plus-icon {
  display: none;
}

.add-this-to-list .popup-inner form .list-row .list-name, .add-review .popup-inner form .list-row .list-name {
  padding: 10px;
  min-width: 60%;
  max-width: 60%;
}

.add-this-to-list .popup-inner form .list-row .list-products-no, .add-review .popup-inner form .list-row .list-products-no {
  padding: 10px 0;
  min-width: 30%;
  max-width: 30%;
}

.add-this-to-list .popup-inner form .list-row .s-card-chcek, .add-review .popup-inner form .list-row .s-card-chcek {
  display: none;
}

.add-this-to-list .popup-inner form .list-row .plus-icon, .add-review .popup-inner form .list-row .plus-icon {
  display: block;
}

.add-this-to-list .popup-inner .add-new-list, .add-review .popup-inner .add-new-list {
  color: #fff;
  border: 1px solid #63891B;
  background-color: #63891B;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  text-transform: none;
  display: block;
  text-align: center;
  padding: 12px 40px;
}

.add-this-to-list .popup-inner .add-list-here, .add-review .popup-inner .add-list-here {
  overflow-y: hidden;
  margin-bottom: 0;
  display: none;
}

.add-this-to-list .popup-inner .add-list-here .title, .add-review .popup-inner .add-list-here .title {
  margin-bottom: 8px;
}

.add-this-to-list .popup-inner .add-list-here .sub-title, .add-review .popup-inner .add-list-here .sub-title {
  color: #BABABA;
  font-size: 16px;
  font-weight: 300;
  line-height: 1;
}

.add-this-to-list .popup-inner .add-list-here input, .add-review .popup-inner .add-list-here input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #e6e6e6;
  background: white;
  height: 50px;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 4px;
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: 0.02em;
  -webkit-box-ordinal-group: 2;
  margin-bottom: 10px;
  color: #A7A7A7;
}

/*  ==========================================================================
    Form
    ========================================================================== */
/*
    Block
    ========================================================================== */
/*
    Elements
    ========================================================================== */
.c-Form__adjacent-fields {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.c-Form__adjacent-fields > div {
  -ms-flex: 1;
      flex: 1;
}

.c-Form__adjacent-fields > div:first-child {
  padding-right: 10px;
}

.c-Form__adjacent-fields > div:last-child {
  padding-left: 10px;
}

.c-Form__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.c-Form__select {
  padding-left: 20px;
  padding-right: 20px;
  border: 1px solid #adadad;
  outline: none;
  border-radius: 3px;
}

/*  ==========================================================================
    Checkbox
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-Checkbox {
  margin-right: 10px;
}

.c-Checkbox + label {
  display: inline-block;
  margin-bottom: 0;
  color: #000;
}

/*  ==========================================================================
    Promo Codes
    ========================================================================== */
/*
    Block
    ========================================================================== */
/*
      Elements
      ========================================================================== */
.c-PromoCodes__header {
  margin-bottom: 50px;
}

.c-PromoCodes__title {
  margin-bottom: 0;
  text-transform: capitalize;
  letter-spacing: initial;
}

.c-PromoCodes__subtitle {
  margin-bottom: 0;
  text-transform: capitalize;
  letter-spacing: initial;
}

/*
      Modifiers
      ========================================================================== */
.c-PromoCodes--box {
  border: 1px solid #adadad;
  padding-left: calc(0.03056 * 100vw + 35px);
  padding-right: calc(0.03056 * 100vw + 35px);
  padding-top: calc(0.01944 * 100vw + 20px);
  padding-bottom: calc(0.01944 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-PromoCodes--box {
    padding-left: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PromoCodes--box {
    padding-left: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PromoCodes--box {
    padding-right: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PromoCodes--box {
    padding-right: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PromoCodes--box {
    padding-top: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PromoCodes--box {
    padding-top: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-PromoCodes--box {
    padding-bottom: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-PromoCodes--box {
    padding-bottom: 20px;
  }
}

/*  ==========================================================================
    Meal Plan Settings
    ========================================================================== */
/*
    Block
    ========================================================================== */
/*
      Elements
      ========================================================================== */
.c-MealPlanSettings__title {
  margin-bottom: 50px;
  text-transform: capitalize;
  letter-spacing: initial;
}

.c-MealPlanSettings__bottom {
  margin-top: calc(0.01944 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-MealPlanSettings__bottom {
    margin-top: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MealPlanSettings__bottom {
    margin-top: 20px;
  }
}

.c-MealPlanSettings__bottom:before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #adadad;
}

.c-MealPlanSettings__price {
  padding-top: calc(0.01944 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-MealPlanSettings__price {
    padding-top: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MealPlanSettings__price {
    padding-top: 20px;
  }
}

/*
      Modifiers
      ========================================================================== */
.c-MealPlanSettings--box {
  border: 1px solid #adadad;
  padding-left: calc(0.03056 * 100vw + 35px);
  padding-right: calc(0.03056 * 100vw + 35px);
  padding-top: calc(0.01944 * 100vw + 20px);
  padding-bottom: calc(0.01944 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-MealPlanSettings--box {
    padding-left: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MealPlanSettings--box {
    padding-left: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-MealPlanSettings--box {
    padding-right: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MealPlanSettings--box {
    padding-right: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-MealPlanSettings--box {
    padding-top: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MealPlanSettings--box {
    padding-top: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-MealPlanSettings--box {
    padding-bottom: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MealPlanSettings--box {
    padding-bottom: 20px;
  }
}

/*  ==========================================================================
	Simple Slider Section
	========================================================================== */
/*
	Block
	========================================================================== */
.c-SimpleSliderSection {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: calc(0.03889 * 100vw + 60px);
  padding-bottom: calc(0.02778 * 100vw + 100px);
}

@media screen and (min-width: 87.5em) {
  .c-SimpleSliderSection {
    padding-top: 130px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SimpleSliderSection {
    padding-top: 60px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-SimpleSliderSection {
    padding-bottom: 150px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SimpleSliderSection {
    padding-bottom: 100px;
  }
}

/*
	Elements
	========================================================================== */
.c-SimpleSliderSection__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  overflow: hidden;
}

.c-SimpleSliderSection__bg:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

.c-SimpleSliderSection__bg .intrinsic-image {
  height: 124%;
  top: -12%;
}

.c-SimpleSliderSection__bg .intrinsic-image img {
  height: 100%;
}

.c-SimpleSliderSection__content {
  position: relative;
  z-index: 2;
  text-align: center;
}

.c-SimpleSliderSection__heading {
  color: #fff;
  position: relative;
}

.c-SimpleSliderSection__slide {
  width: 100%;
  background-color: #fff;
  color: #000;
  position: relative;
  padding-top: calc(0.01667 * 100vw + 30px);
  padding-bottom: calc(0.01667 * 100vw + 30px);
  padding-left: calc(0.02778 * 100vw + 50px);
  padding-right: calc(0.02778 * 100vw + 50px);
}

@media screen and (min-width: 87.5em) {
  .c-SimpleSliderSection__slide {
    padding-top: 60px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SimpleSliderSection__slide {
    padding-top: 30px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-SimpleSliderSection__slide {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SimpleSliderSection__slide {
    padding-bottom: 30px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-SimpleSliderSection__slide {
    padding-left: 100px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SimpleSliderSection__slide {
    padding-left: 50px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-SimpleSliderSection__slide {
    padding-right: 100px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SimpleSliderSection__slide {
    padding-right: 50px;
  }
}

@media screen and (max-width: 39.9375em) {
  .c-SimpleSliderSection__slide {
    display: block;
  }
}

.c-SimpleSliderSection__slide.is-selected .animate-fade-in-up {
  opacity: 0;
  animation: 3s cubic-bezier(0.19, 1, 0.22, 1) fadeInUp forwards;
}

@media screen and (max-width: 39.9375em) {
  .c-SimpleSliderSection__slide.is-selected .animate-fade-in-up {
    opacity: 1;
    animation: none;
  }
}

.c-SimpleSliderSection__slide.is-selected .intrinsic-image:before {
  max-width: 0;
}

@media screen and (max-width: 39.9375em) {
  .c-SimpleSliderSection__slide.is-selected .intrinsic-image:before {
    display: none;
  }
}

.c-SimpleSliderSection__slide .animate-fade-in-up:nth-child(1) {
  animation-delay: 0.25s;
}

.c-SimpleSliderSection__slide .animate-fade-in-up:nth-child(2) {
  animation-delay: 0.5s;
}

.c-SimpleSliderSection__slide .animate-fade-in-up:nth-child(3) {
  animation-delay: 0.75s;
}

.c-SimpleSliderSection__slide h3 {
  margin-bottom: calc(0.00556 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .c-SimpleSliderSection__slide h3 {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SimpleSliderSection__slide h3 {
    margin-bottom: 30px;
  }
}

.c-SimpleSliderSection__slide p {
  margin-bottom: calc(0.01111 * 100vw + 40px);
  color: #707070;
}

@media screen and (min-width: 87.5em) {
  .c-SimpleSliderSection__slide p {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SimpleSliderSection__slide p {
    margin-bottom: 40px;
  }
}

.c-SimpleSliderSection__button {
  display: block;
  width: 62px;
  height: 62px;
  background-color: #fafafa;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translate(0, calc(-50% - 31px));
  border: 0;
  outline: none;
}

@media screen and (max-width: 39.9375em) {
  .c-SimpleSliderSection__button {
    display: none;
  }
}

.c-SimpleSliderSection__button.prev {
  left: -31px;
}

.c-SimpleSliderSection__button.next {
  right: -31px;
}

/*  ==========================================================================
    Article Header
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-ArticleHeader {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 99px);
  margin-top: 99px;
}

@media (max-width: 979px) {
  .c-ArticleHeader {
    margin-top: 65px;
  }
}

.c-ArticleHeader .container,
.c-ArticleHeader .container > .row,
.c-ArticleHeader .container > .row > .column,
.c-ArticleHeader .container > .row > .columns {
  height: 100%;
}


.c-ArticleHeader .container > .row > .column,
.c-ArticleHeader .container > .row > .columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

/*
    Elements
    ========================================================================== */
.c-ArticleHeader__image {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
}

@media (max-width: 990px) {
  .c-ArticleHeader__image {
    width: 100%;
  }
}

.c-ArticleHeader__image > img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*
    Modifiers
    ========================================================================== */
@media (max-width: 990px) {
  .c-ArticleHeader--image-right .container-right {
    position: absolute;
    z-index: 2;
  }
}

.c-ArticleHeader--image-right .c-Hero__category-date li:first-child {
  padding-left: 0;
}

.c-ArticleHeader--image-right .container > .row > .column, .c-ArticleHeader--image-right .container > .row > .columns {
  -ms-flex-pack: center;
      justify-content: center;
  padding-bottom: calc(0.01111 * 100vw + 60px);
}

@media screen and (min-width: 87.5em) {
  .c-ArticleHeader--image-right .container > .row > .column, .c-ArticleHeader--image-right .container > .row > .columns {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ArticleHeader--image-right .container > .row > .column, .c-ArticleHeader--image-right .container > .row > .columns {
    padding-bottom: 60px;
  }
}

.c-ArticleHeader--image-right .c-ArticleHeader__image {
  right: 0;
}

@media (max-width: 980px) {
  .c-ArticleHeader--image-left .container {
    position: relative;
    z-index: 60;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 0;
  }
  .c-ArticleHeader--image-left .container .xmedium-offset-11 {
    margin-left: 0;
    width: 100%;
  }
}

.c-ArticleHeader--image-left .container > .row > .column, .c-ArticleHeader--image-left .container > .row > .columns {
  -ms-flex-pack: center;
      justify-content: center;
}

.c-ArticleHeader--image-left .c-ArticleHeader__image {
  left: 0;
}

/*  ==========================================================================
    Article Column Text
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-ArticleColumnText {
  padding-top: calc(0.01111 * 100vw + 20px);
  padding-bottom: calc(0.01111 * 100vw + 20px);
  padding-left: calc(0.02222 * 100vw + 50px);
  padding-right: calc(0.02222 * 100vw + 50px);
}

@media screen and (min-width: 87.5em) {
  .c-ArticleColumnText {
    padding-top: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ArticleColumnText {
    padding-top: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-ArticleColumnText {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ArticleColumnText {
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-ArticleColumnText {
    padding-left: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ArticleColumnText {
    padding-left: 50px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-ArticleColumnText {
    padding-right: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ArticleColumnText {
    padding-right: 50px;
  }
}

.c-ArticleColumnText p {
  line-height: 1.6;
  font-size: calc(0.00389 * 100vw + 18px);
  margin-bottom: calc(0.01111 * 100vw + 60px);
}

@media screen and (min-width: 87.5em) {
  .c-ArticleColumnText p {
    font-size: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ArticleColumnText p {
    font-size: 18px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-ArticleColumnText p {
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ArticleColumnText p {
    margin-bottom: 60px;
  }
}

.c-ArticleColumnText p:last-of-type {
  margin-bottom: 0;
}

/*
    Elements
    ========================================================================== */
.c-ArticleColumnText__blockquote {
  margin-top: calc(0.02778 * 100vw + 60px);
  margin-bottom: calc(0.02778 * 100vw + 60px);
}

@media screen and (min-width: 87.5em) {
  .c-ArticleColumnText__blockquote {
    margin-top: 110px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ArticleColumnText__blockquote {
    margin-top: 60px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-ArticleColumnText__blockquote {
    margin-bottom: 110px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ArticleColumnText__blockquote {
    margin-bottom: 60px;
  }
}

.c-ArticleColumnText__blockquote:last-child {
  margin-bottom: 0;
}

.c-ArticleColumnText__blockquote blockquote {
  position: relative;
}

.c-ArticleColumnText__blockquote blockquote:before {
  content: "\201C";
  position: absolute;
  top: 0;
  left: -23px;
}

/*
    Modifiers
    ========================================================================== */
.c-ArticleColumnText--right {
  border-left: 1px solid #adadad;
}

/*  ==========================================================================
    Addresses
    ========================================================================== */
/*
    Block
    ========================================================================== */
/*
      Elements
      ========================================================================== */
.c-Addresses__header {
  margin-bottom: 50px;
}

.c-Addresses__title {
  margin-bottom: 0;
  text-transform: capitalize;
  letter-spacing: initial;
}

.c-Addresses__subtitle {
  color: #adadad;
}

.c-Addresses__list__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: calc(0.00556 * 100vw + 15px);
}

@media screen and (min-width: 87.5em) {
  .c-Addresses__list__header {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Addresses__list__header {
    margin-bottom: 15px;
  }
}

.c-Addresses__list__header :nth-child(1) {
  -ms-flex: 1;
      flex: 1;
}

.c-Addresses__list__header :nth-child(2) {
  -ms-flex: 2;
      flex: 2;
  padding-left: 20px;
}

.c-Addresses__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  padding-left: calc(0 * 100vw + 25px);
  padding-right: calc(0 * 100vw + 25px);
  padding-top: calc(0 * 100vw + 25px);
  padding-bottom: calc(0 * 100vw + 25px);
}

@media screen and (min-width: 87.5em) {
  .c-Addresses__item {
    padding-left: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Addresses__item {
    padding-left: 25px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-Addresses__item {
    padding-right: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Addresses__item {
    padding-right: 25px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-Addresses__item {
    padding-top: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Addresses__item {
    padding-top: 25px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-Addresses__item {
    padding-bottom: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Addresses__item {
    padding-bottom: 25px;
  }
}

.c-Addresses__item:not(:last-child) {
  margin-bottom: calc(0.00556 * 100vw + 10px);
}

@media screen and (min-width: 87.5em) {
  .c-Addresses__item:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Addresses__item:not(:last-child) {
    margin-bottom: 10px;
  }
}

.c-Addresses__item__name, .c-Addresses__item__actions {
  -ms-flex: 1;
      flex: 1;
}

.c-Addresses__item__icon {
  margin-right: calc(0.00556 * 100vw + 10px);
}

@media screen and (min-width: 87.5em) {
  .c-Addresses__item__icon {
    margin-right: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Addresses__item__icon {
    margin-right: 10px;
  }
}

.c-Addresses__item__actions {
  text-align: right;
}

.c-Addresses__item__actions ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.c-Addresses__item__actions ul li {
  display: inline-block;
  position: relative;
}

.c-Addresses__item__actions ul li:not(:last-child):after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 15px;
  background-color: #000;
  position: absolute;
  right: -2px;
  top: 50%;
  transform: translateY(-50%);
}

/*
      Modifiers
      ========================================================================== */
.c-Addresses--box {
  border: 1px solid #adadad;
  padding-left: calc(0.03056 * 100vw + 35px);
  padding-right: calc(0.03056 * 100vw + 35px);
  padding-top: calc(0.01944 * 100vw + 20px);
  padding-bottom: calc(0.01944 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-Addresses--box {
    padding-left: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Addresses--box {
    padding-left: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-Addresses--box {
    padding-right: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Addresses--box {
    padding-right: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-Addresses--box {
    padding-top: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Addresses--box {
    padding-top: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-Addresses--box {
    padding-bottom: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-Addresses--box {
    padding-bottom: 20px;
  }
}

.c-Addresses__item--default {
  border-color: #63891B;
  background-color: #E2E6E4;
}

.account-popup {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: none;
}

.account-popup.active {
  display: -ms-flexbox;
  display: flex;
}

.account-popup.edit-member-list .popup-inner form select, .account-popup.add-shopping-list .popup-inner form select {
  position: relative;
  display: inline-block;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  max-width: 150px;
  min-width: 140px;
  padding: 12px 28px;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #1A1A1A;
}

.account-popup.promocode .popup-inner form input[type="submit"] {
  float: none;
}

.account-popup.promocode .popup-inner form .cancel-popup {
  background-color: transparent;
  color: #BABABA;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
  border-radius: 3px;
  padding: 15px 40px;
  display: inline-block;
  text-decoration: none;
  float: right;
  border: 1px solid #BABABA;
  line-height: 1;
  height: 44px;
}

@media (max-width: 600px) {
  .account-popup.map-locate {
    padding-top: 40px;
  }
}

.account-popup.map-locate .popup-inner {
  max-width: 60%;
}

@media screen and (max-width: 600px) {
  .account-popup.map-locate .popup-inner {
    max-width: 90%;
    max-height: 90vh;
    padding: 15px;
  }
}

.account-popup.map-locate .popup-inner .confirm-map-location {
  background-color: #63891B;
  color: #fff;
  margin-top: 30px;
  width: auto;
  max-width: 100%;
  float: right;
  padding: 15px 25px;
  font-weight: 500;
  font-size: 13px;
  min-width: 120px;
  border-color: transparent;
}

@media screen and (max-width: 600px) {
  .account-popup.map-locate .popup-inner .confirm-map-location {
    margin-top: 0px;
  }
}

.account-popup.add-card form, .account-popup.edit-address form, .account-popup.add-address form, .account-popup.add-shopping-list form, .account-popup.edit-member-list form {
  width: 100%;
}

.account-popup.add-card form .form-row, .account-popup.edit-address form .form-row, .account-popup.add-address form .form-row, .account-popup.add-shopping-list form .form-row, .account-popup.edit-member-list form .form-row {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.account-popup.add-card form .form-row .form-full-column, .account-popup.edit-address form .form-row .form-full-column, .account-popup.add-address form .form-row .form-full-column, .account-popup.add-shopping-list form .form-row .form-full-column, .account-popup.edit-member-list form .form-row .form-full-column {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.account-popup.add-card form .form-row .form-half-column, .account-popup.edit-address form .form-row .form-half-column, .account-popup.add-address form .form-row .form-half-column, .account-popup.add-shopping-list form .form-row .form-half-column, .account-popup.edit-member-list form .form-row .form-half-column {
  width: 49%;
}

.account-popup.add-card form .form-row input, .account-popup.edit-address form .form-row input, .account-popup.add-address form .form-row input, .account-popup.add-shopping-list form .form-row input, .account-popup.edit-member-list form .form-row input {
  width: 100%;
}

.account-popup.add-card form .form-row p, .account-popup.edit-address form .form-row p, .account-popup.add-address form .form-row p, .account-popup.add-shopping-list form .form-row p, .account-popup.edit-member-list form .form-row p {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
}

.account-popup.add-card form .form-row .form-group, .account-popup.edit-address form .form-row .form-group, .account-popup.add-address form .form-row .form-group, .account-popup.add-shopping-list form .form-row .form-group, .account-popup.edit-member-list form .form-row .form-group {
  width: 100%;
}

.account-popup.add-card form .form-row .form-group input, .account-popup.edit-address form .form-row .form-group input, .account-popup.add-address form .form-row .form-group input, .account-popup.add-shopping-list form .form-row .form-group input, .account-popup.edit-member-list form .form-row .form-group input {
  border: 0;
  margin-bottom: 0;
}

.account-popup.add-card form .form-row .form-group ul, .account-popup.edit-address form .form-row .form-group ul, .account-popup.add-address form .form-row .form-group ul, .account-popup.add-shopping-list form .form-row .form-group ul, .account-popup.edit-member-list form .form-row .form-group ul {
  margin-bottom: 0;
}

.account-popup.add-card form .form-row .form-group ul li, .account-popup.edit-address form .form-row .form-group ul li, .account-popup.add-address form .form-row .form-group ul li, .account-popup.add-shopping-list form .form-row .form-group ul li, .account-popup.edit-member-list form .form-row .form-group ul li {
  display: inline-block;
}

.account-popup.add-card .toggle-edit-view-drop, .account-popup.edit-address .toggle-edit-view-drop, .account-popup.add-address .toggle-edit-view-drop, .account-popup.add-shopping-list .toggle-edit-view-drop, .account-popup.edit-member-list .toggle-edit-view-drop {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  max-width: 150px;
  min-width: 140px;
  padding: 12px 28px;
  border: 1px solid  #F2F2F2;
  border-radius: 3px;
  color: #1A1A1A;
  text-decoration: none;
  float: left;
}

.account-popup.add-card .toggle-edit-view-drop .edit-view-drop, .account-popup.edit-address .toggle-edit-view-drop .edit-view-drop, .account-popup.add-address .toggle-edit-view-drop .edit-view-drop, .account-popup.add-shopping-list .toggle-edit-view-drop .edit-view-drop, .account-popup.edit-member-list .toggle-edit-view-drop .edit-view-drop {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0px 14px rgba(0, 0, 0, 0.15);
  top: 60px;
  left: 0;
  padding: 24px;
  border-radius: 5px;
  min-width: 245px;
}

.account-popup.add-card .toggle-edit-view-drop .edit-view-drop.active, .account-popup.edit-address .toggle-edit-view-drop .edit-view-drop.active, .account-popup.add-address .toggle-edit-view-drop .edit-view-drop.active, .account-popup.add-shopping-list .toggle-edit-view-drop .edit-view-drop.active, .account-popup.edit-member-list .toggle-edit-view-drop .edit-view-drop.active {
  display: block;
}

.account-popup.add-card .toggle-edit-view-drop .edit-view-drop ul, .account-popup.edit-address .toggle-edit-view-drop .edit-view-drop ul, .account-popup.add-address .toggle-edit-view-drop .edit-view-drop ul, .account-popup.add-shopping-list .toggle-edit-view-drop .edit-view-drop ul, .account-popup.edit-member-list .toggle-edit-view-drop .edit-view-drop ul {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}

.account-popup.add-card .toggle-edit-view-drop .edit-view-drop ul li, .account-popup.edit-address .toggle-edit-view-drop .edit-view-drop ul li, .account-popup.add-address .toggle-edit-view-drop .edit-view-drop ul li, .account-popup.add-shopping-list .toggle-edit-view-drop .edit-view-drop ul li, .account-popup.edit-member-list .toggle-edit-view-drop .edit-view-drop ul li {
  margin-bottom: 20px;
  color: #8C8C8C;
  font-size: 16px;
}

.account-popup.add-card .toggle-edit-view-drop .edit-view-drop ul li:last-child, .account-popup.edit-address .toggle-edit-view-drop .edit-view-drop ul li:last-child, .account-popup.add-address .toggle-edit-view-drop .edit-view-drop ul li:last-child, .account-popup.add-shopping-list .toggle-edit-view-drop .edit-view-drop ul li:last-child, .account-popup.edit-member-list .toggle-edit-view-drop .edit-view-drop ul li:last-child {
  margin-bottom: 0;
}

.account-popup.add-card .toggle-edit-view-drop .edit-view-drop ul li.selected span, .account-popup.edit-address .toggle-edit-view-drop .edit-view-drop ul li.selected span, .account-popup.add-address .toggle-edit-view-drop .edit-view-drop ul li.selected span, .account-popup.add-shopping-list .toggle-edit-view-drop .edit-view-drop ul li.selected span, .account-popup.edit-member-list .toggle-edit-view-drop .edit-view-drop ul li.selected span {
  color: #63891B;
}

.account-popup.add-card .toggle-edit-view-drop .edit-view-drop ul li span, .account-popup.edit-address .toggle-edit-view-drop .edit-view-drop ul li span, .account-popup.add-address .toggle-edit-view-drop .edit-view-drop ul li span, .account-popup.add-shopping-list .toggle-edit-view-drop .edit-view-drop ul li span, .account-popup.edit-member-list .toggle-edit-view-drop .edit-view-drop ul li span {
  color: #1A1A1A;
}

.account-popup.add-card .grey-title, .account-popup.edit-address .grey-title, .account-popup.add-address .grey-title, .account-popup.add-shopping-list .grey-title, .account-popup.edit-member-list .grey-title {
  color: #BABABA;
}

.account-popup.add-card .s-member-list, .account-popup.edit-address .s-member-list, .account-popup.add-address .s-member-list, .account-popup.add-shopping-list .s-member-list, .account-popup.edit-member-list .s-member-list {
  padding: 0;
  list-style: none;
  width: 100%;
}

.account-popup.add-card .s-member-list li, .account-popup.edit-address .s-member-list li, .account-popup.add-address .s-member-list li, .account-popup.add-shopping-list .s-member-list li, .account-popup.edit-member-list .s-member-list li {
  font-size: 16px;
  color: #1A1A1A;
}

.account-popup.add-card .s-member-list li span.remove-member-from-list, .account-popup.edit-address .s-member-list li span.remove-member-from-list, .account-popup.add-address .s-member-list li span.remove-member-from-list, .account-popup.add-shopping-list .s-member-list li span.remove-member-from-list, .account-popup.edit-member-list .s-member-list li span.remove-member-from-list {
  color: #FF816B;
  display: inline-block;
  float: right;
  cursor: pointer;
}

.account-popup.add-card .multiple_emails-container, .account-popup.edit-address .multiple_emails-container, .account-popup.add-address .multiple_emails-container, .account-popup.add-shopping-list .multiple_emails-container, .account-popup.edit-member-list .multiple_emails-container {
  border: 1px #ccc solid;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  padding: 0;
  margin: 0;
  cursor: text;
  width: 100%;
  min-height: 100px;
}

.account-popup.add-card .multiple_emails-container input, .account-popup.edit-address .multiple_emails-container input, .account-popup.add-address .multiple_emails-container input, .account-popup.add-shopping-list .multiple_emails-container input, .account-popup.edit-member-list .multiple_emails-container input {
  clear: both;
  width: 100%;
  border: 0;
  outline: none;
  margin-bottom: 3px;
  padding-left: 5px;
}

.account-popup.add-card .multiple_emails-container input.multiple_emails-error, .account-popup.edit-address .multiple_emails-container input.multiple_emails-error, .account-popup.add-address .multiple_emails-container input.multiple_emails-error, .account-popup.add-shopping-list .multiple_emails-container input.multiple_emails-error, .account-popup.edit-member-list .multiple_emails-container input.multiple_emails-error {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px red;
  outline: thin auto red;
}

.account-popup.add-card .multiple_emails-container ul, .account-popup.edit-address .multiple_emails-container ul, .account-popup.add-address .multiple_emails-container ul, .account-popup.add-shopping-list .multiple_emails-container ul, .account-popup.edit-member-list .multiple_emails-container ul {
  list-style-type: none;
  padding-left: 0;
}

.account-popup.add-card .multiple_emails-email, .account-popup.edit-address .multiple_emails-email, .account-popup.add-address .multiple_emails-email, .account-popup.add-shopping-list .multiple_emails-email, .account-popup.edit-member-list .multiple_emails-email {
  margin: 3px 5px 3px 5px;
  padding: 3px 5px 3px 5px;
  border: 1px #EFEFEF solid;
  border-radius: 36px;
  background: #EFEFEF;
  padding: 12px 20px;
}

.account-popup.add-card .multiple_emails-email .email_name, .account-popup.edit-address .multiple_emails-email .email_name, .account-popup.add-address .multiple_emails-email .email_name, .account-popup.add-shopping-list .multiple_emails-email .email_name, .account-popup.edit-member-list .multiple_emails-email .email_name {
  font-size: 12px;
  font-weight: normal;
}

.account-popup.add-card .multiple_emails-close, .account-popup.edit-address .multiple_emails-close, .account-popup.add-address .multiple_emails-close, .account-popup.add-shopping-list .multiple_emails-close, .account-popup.edit-member-list .multiple_emails-close {
  float: right;
  margin: 0 3px;
  margin-left: 15px;
}

.account-popup .popup-inner {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0px 14px rgba(0, 0, 0, 0.15);
  width: 100%;
  max-width: 560px;
  padding: 40px;
  position: relative;
}

@media screen and (max-width: 600px) {
  .account-popup .popup-inner {
    padding: 30px;
  }
}

.account-popup .popup-inner .close--popup {
  cursor: pointer;
  position: absolute;
  right: 40px;
  top: 40px;
}

@media screen and (max-width: 600px) {
  .account-popup .popup-inner .close--popup {
    right: 30px;
    top: 30px;
  }
}

.account-popup .popup-inner .title {
  font-size: calc(0.00536 * 100vw + 16.03004px);
  font-weight: normal;
  color: #1A1A1A;
  line-height: 1;
  font-weight: 500;
}

@media screen and (min-width: 1672px) {
  .account-popup .popup-inner .title {
    font-size: 26px;
  }
}

.account-popup .popup-inner .pop-txt {
  font-size: 16px;
  line-height: 20px;
  color: #5F5F5F;
}

.account-popup .popup-inner .bottom-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
}

.account-popup .popup-inner .bottom-row .btn.green {
  margin-left: 15px;
  background-color: #63891B;
  color: #fff;
  padding: 10px 15px;
}

.account-popup .popup-inner form {
  width: 100%;
}

.account-popup .popup-inner form textarea {
  width: 100%;
  border: 1px solid #BABABA;
  border-radius: 5px;
  height: 123px;
  max-height: 123px;
  resize: none;
  padding: 12px 18px;
  color: #8C8C8C;
  font-size: 16px;
}

.account-popup .popup-inner form textarea:focus {
  outline: none;
  box-shadow: none;
}

.account-popup .popup-inner form input[type="text"], .account-popup .popup-inner form input[type="tel"], .account-popup .popup-inner form input[type="email"] {
  width: 100%;
  border: 1px solid #BABABA;
  border-radius: 5px;
  resize: none;
  padding: 16px 18px;
  color: #8C8C8C;
  font-size: 16px;
  margin-bottom: 30px;
}

.account-popup .popup-inner form input[type="text"]:focus, .account-popup .popup-inner form input[type="tel"]:focus, .account-popup .popup-inner form input[type="email"]:focus {
  outline: none;
  box-shadow: none;
}

.account-popup .popup-inner form input[type="submit"] {
  background-color: #63891B;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
  border-radius: 3px;
  padding: 15px 40px;
  display: inline-block;
  float: right;
  border: 1px solid #63891B;
  height: 54px;
  line-height: 1;
}

.account-popup .popup-inner form .address-select {
  width: 49%;
  text-align: center;
  display: inline-block;
  padding: 12px 20px;
  border: 1px solid #BABABA;
  color: #BABABA;
  border-radius: 4px;
  margin-top: 20px;
  cursor: pointer;
}

.account-popup .popup-inner form .address-select.selected {
  background-color: #E2E6E4;
  color: #63891B;
  border-color: #63891B;
}

.account-popup .popup-inner form .save-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  font-size: 16px;
  font-weight: normal;
  cursor: pointer;
}

.account-popup .popup-inner form .save-card.checked svg .check-circle {
  fill: #63891B;
  stroke: #63891B;
}

.account-popup .popup-inner form .save-card.checked svg .check-tick {
  stroke: #fff;
}

.account-popup .popup-inner form .save-card svg {
  margin-right: 15px;
}

.account-popup .popup-inner form .save-card svg .check-circle {
  fill: #fff;
  stroke: #BABABA;
}

.account-popup .popup-inner form .save-card svg .check-tick {
  stroke: #fff;
}

.receipe-popup {
  background-color: rgba(242, 242, 242, 0.95);
  padding-top: 2vh;
}

@media (max-width: 1200px) {
  .receipe-popup {
    padding-top: 12vh;
  }
}

.receipe-popup .c-Carousel {
  width: 100%;
}

.receipe-popup .c-CarouselSlider__slider, .receipe-popup .flickity-viewport {
  max-height: 680px;
  min-height: 680px;
}

@media (max-width: 1500px) {
  .receipe-popup .c-CarouselSlider__slider, .receipe-popup .flickity-viewport {
    max-height: 500px;
    min-height: 500px;
  }
}

@media (max-width: 900px) {
  .receipe-popup .c-CarouselSlider__slider, .receipe-popup .flickity-viewport {
    max-height: 450px;
    min-height: 450px;
  }
}

@media (max-width: 639px) {
  .receipe-popup .c-CarouselSlider__slider, .receipe-popup .flickity-viewport {
    max-height: 390px;
    min-height: 390px;
  }
}

@media (max-width: 439px) {
  .receipe-popup .c-CarouselSlider__slider, .receipe-popup .flickity-viewport {
    max-height: 350px;
    min-height: 350px;
  }
}

@media (max-width: 350px) {
  .receipe-popup .c-CarouselSlider__slider, .receipe-popup .flickity-viewport {
    max-height: 300px;
    min-height: 300px;
  }
}

.receipe-popup .c-ProductBox {
  background-color: #fff;
}

@media (max-width: 1500px) {
  .receipe-popup .c-ProductBox {
    max-height: 400px;
  }
}

@media screen and (max-width: 39.9375em) {
  .receipe-popup .c-CarouselHeader__inner a {
    display: block;
    position: absolute;
    top: 100px;
    right: 20px;
  }
  .receipe-popup .flickity-button {
    display: none;
  }
}

#pac-input {
  background-color: #fff;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 400px;
  margin: 10px 0px;
  min-height: 50px;
  padding: 12px 20px;
  border: 1px solid #BABABA;
  font-size: 14px;
  font-family: "GT America", sans-serif;
  font-style: normal;
  width: 98%;
  left: 1% !important;
}

#map-locate {
  height: 100%;
  min-height: 450px;
}

@media (max-width: 600px) {
  #map-locate {
    min-height: 300px;
  }
}

.validate-msg {
  display: none;
  width: 100%;
  padding: 20px 10px 0 10px;
}

.validate-msg.active {
  display: block;
}

.validate-msg .validate-txt {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.validate-msg .validate-txt li {
  font-size: 14px;
  color: #E6194E;
  font-weight: normal;
  line-height: 2;
  margin-bottom: 0;
}

/*  ==========================================================================
    Feature List
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-FeatureList {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: calc(0.03889 * 100vw + 60px);
  padding-bottom: calc(0.02778 * 100vw + 100px);
}

@media screen and (min-width: 87.5em) {
  .c-FeatureList {
    padding-top: 130px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-FeatureList {
    padding-top: 60px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-FeatureList {
    padding-bottom: 150px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-FeatureList {
    padding-bottom: 100px;
  }
}

.c-FeatureList > img {
  z-index: -2;
}

.c-FeatureList ul > li {
  position: relative;
  padding-left: calc(0.01111 * 100vw + 60px);
}

@media screen and (min-width: 87.5em) {
  .c-FeatureList ul > li {
    padding-left: 80px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-FeatureList ul > li {
    padding-left: 60px;
  }
}

.c-FeatureList ul > li:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #adadad;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  left: 0;
}

.c-FeatureList ul > li > span {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 12px;
  left: 0;
}

.c-FeatureList ul > li > span:before,
.c-FeatureList ul > li > span:after {
  content: "";
  display: block;
  width: 1px;
  background-color: #adadad;
  position: absolute;
}

.c-FeatureList ul > li > span:before {
  height: 10px;
  left: 11px;
  top: 5px;
  transform: rotate(45deg);
}

.c-FeatureList ul > li > span:after {
  height: 5px;
  left: 6px;
  top: 9px;
  transform: rotate(135deg);
}

/*
    Elements
    ========================================================================== */
.c-FeatureList__content {
  background-color: #fff;
  padding-top: calc(0.01389 * 100vw + 90px);
  padding-bottom: calc(0.01389 * 100vw + 90px);
  padding-left: calc(0.01667 * 100vw + 100px);
  padding-right: calc(0.01667 * 100vw + 100px);
}

@media screen and (min-width: 87.5em) {
  .c-FeatureList__content {
    padding-top: 115px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-FeatureList__content {
    padding-top: 90px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-FeatureList__content {
    padding-bottom: 115px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-FeatureList__content {
    padding-bottom: 90px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-FeatureList__content {
    padding-left: 130px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-FeatureList__content {
    padding-left: 100px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-FeatureList__content {
    padding-right: 130px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-FeatureList__content {
    padding-right: 100px;
  }
}

.c-FeatureList__bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.c-FeatureList__bg-image:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

/*  ==========================================================================
    Info Table
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-InfoTable {
  border-top: 1px solid #ebebeb;
  font-size: calc(0.00111 * 100vw + 18px);
}

@media screen and (min-width: 87.5em) {
  .c-InfoTable {
    font-size: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-InfoTable {
    font-size: 18px;
  }
}

/*
    Elements
    ========================================================================== */
.c-InfoTable__row {
  border-bottom: 1px solid #ebebeb;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-top: calc(0.00222 * 100vw + 10px);
  padding-bottom: calc(0.00222 * 100vw + 10px);
}

@media screen and (min-width: 87.5em) {
  .c-InfoTable__row {
    padding-top: 14px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-InfoTable__row {
    padding-top: 10px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-InfoTable__row {
    padding-bottom: 14px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-InfoTable__row {
    padding-bottom: 10px;
  }
}

.c-InfoTable__row > span {
  width: 50%;
}

@media (max-width: 600px) {
  .c-InfoTable__row > span:nth-child(1) {
    width: 70%;
  }
  .c-InfoTable__row > span:nth-child(2) {
    width: 30%;
  }
}

.c-InfoTable__row > span:last-of-type {
  color: #adadad;
}

/*  ==========================================================================
    Info Block
    ========================================================================== */
/*
    Block
    ========================================================================== */
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 140px;
}

@media (max-width: 980px) {
  .sticky {
    position: relative;
    top: 0;
  }
}

.c-InfoBlock {
  background-color: #fff;
  padding: calc(0.01111 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .c-InfoBlock {
    padding: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-InfoBlock {
    padding: 30px;
  }
}

/*
    Elements
    ========================================================================== */
/*  ==========================================================================
    Recipe Step
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-RecipeStep {
  border-bottom: 1px solid #adadad;
}

/*  ==========================================================================
    Links List
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-LinksList {
  line-height: 1.4;
  margin-bottom: calc(0.01111 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .c-LinksList {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-LinksList {
    margin-bottom: 30px;
  }
}

/*  ==========================================================================
    Checked List
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-CheckedList {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-bottom: calc(0.02222 * 100vw + 40px);
}

@media screen and (min-width: 87.5em) {
  .c-CheckedList {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-CheckedList {
    padding-bottom: 40px;
  }
}

.c-CheckedList ul > li {
  position: relative;
  line-height: 1.8;
  padding-left: calc(0.01111 * 100vw + 60px);
}

@media screen and (min-width: 87.5em) {
  .c-CheckedList ul > li {
    padding-left: 80px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-CheckedList ul > li {
    padding-left: 60px;
  }
}

.c-CheckedList ul > li:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #adadad;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  left: 0;
}

.c-CheckedList ul > li > span {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 12px;
  left: 0;
}

.c-CheckedList ul > li > span:before,
.c-CheckedList ul > li > span:after {
  content: "";
  display: block;
  width: 1px;
  background-color: #adadad;
  position: absolute;
}

.c-CheckedList ul > li > span:before {
  height: 10px;
  left: 11px;
  top: 5px;
  transform: rotate(45deg);
}

.c-CheckedList ul > li > span:after {
  height: 5px;
  left: 6px;
  top: 9px;
  transform: rotate(135deg);
}

/*
    Elements
    ========================================================================== */
/*  ==========================================================================
    Meal Plan Information
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-MealPlanInformation {
  margin-top: 70px;
  margin-left: 70px;
  margin-right: calc(70px - 3%);
}

@media screen and (max-width: 61.1875em) {
  .c-MealPlanInformation {
    border-left: 0;
    padding-left: .625rem;
  }
}

.c-MealPlanInformation .underline {
  position: relative;
}

.c-MealPlanInformation .underline:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
}

/*
    Elements
    ========================================================================== */
.c-MealPlanInformation__section {
  clear: both;
  padding-top: calc(0.00278 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .c-MealPlanInformation__section {
    padding-top: 35px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MealPlanInformation__section {
    padding-top: 30px;
  }
}

.c-MealPlanInformation__section:first-of-type {
  padding-top: 0;
}

.c-MealPlanInformation__section:last-of-type {
  border-bottom: 0;
}

.c-MealPlanInformation__section p {
  margin-bottom: 0;
}

.c-MealPlanInformation__gallery {
  display: none;
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: calc(0.00556 * 100vw + 35px);
}

@media screen and (min-width: 87.5em) {
  .c-MealPlanInformation__gallery {
    padding-bottom: 45px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MealPlanInformation__gallery {
    padding-bottom: 35px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MealPlanInformation__gallery {
    display: block;
  }
}

/*
    Modifiers
    ========================================================================== */
/*  ==========================================================================
    Specification List
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-SpecificationList {
  border-top: 1px solid #ebebeb;
}

/*
    Elements
    ========================================================================== */
.c-SpecificationList__item {
  display: -ms-flexbox;
  display: flex;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ebebeb;
}

.c-SpecificationList__label {
  -ms-flex: 1;
      flex: 1;
}

.c-SpecificationList__value {
  -ms-flex: 1;
      flex: 1;
}

/*
    Modifiers
    ========================================================================== */
/*  ==========================================================================
    Meal Plan Gallery
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-MealPlanGallery {
  height: 100%;
}

@media screen and (max-width: 61.1875em) {
  .c-MealPlanGallery {
    display: none;
  }
}

/*
    Elements
    ========================================================================== */
.c-MealPlanGallery__sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}

.c-MealPlanGallery__image {
  display: block;
  width: 100%;
}

/*  ==========================================================================
    Meal Plan Method
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-MealPlanMethod {
  margin-top: 70px;
  margin-left: 70px;
  margin-right: calc(70px - 3%);
}

@media screen and (max-width: 61.1875em) {
  .c-MealPlanMethod {
    border-left: 0;
    padding-left: .625rem;
  }
}

.c-MealPlanMethod .underline {
  position: relative;
}

.c-MealPlanMethod .underline:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
}

/*
    Elements
    ========================================================================== */
.c-MealPlanMethod__section {
  clear: both;
  padding-top: calc(0.00278 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .c-MealPlanMethod__section {
    padding-top: 35px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MealPlanMethod__section {
    padding-top: 30px;
  }
}

.c-MealPlanMethod__section:first-of-type {
  padding-top: 0;
}

.c-MealPlanMethod__section:last-of-type {
  border-bottom: 0;
}

.c-MealPlanMethod__section p {
  margin-bottom: 0;
}

.c-MealPlanMethod__step {
  margin-bottom: calc(0.025 * 100vw + 50px);
}

@media screen and (min-width: 87.5em) {
  .c-MealPlanMethod__step {
    margin-bottom: 95px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MealPlanMethod__step {
    margin-bottom: 50px;
  }
}

.c-MealPlanMethod__gallery {
  display: none;
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: calc(0.00556 * 100vw + 35px);
}

@media screen and (min-width: 87.5em) {
  .c-MealPlanMethod__gallery {
    padding-bottom: 45px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MealPlanMethod__gallery {
    padding-bottom: 35px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MealPlanMethod__gallery {
    display: block;
  }
}

/*
    Modifiers
    ========================================================================== */
/*  ==========================================================================
    Mini Cart
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-MiniCart {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  overflow: hidden;
}

.c-MiniCart .empty-message {
  width: 100%;
  height: 100%;
  min-height: calc(calc(100vh - 60px) - 125px);
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.c-MiniCart .empty-message svg {
  margin-bottom: 30px;
}

.c-MiniCart .empty-message .empty-txt {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
}

/*
    Elements
    ========================================================================== */
.c-MiniCart__header {
  border-bottom: 1px solid #ebebeb;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-left: calc(0.00556 * 100vw + 20px);
  padding-right: calc(0.00556 * 100vw + 20px);
  padding-top: calc(0.00556 * 100vw + 25px);
  padding-bottom: calc(0.00556 * 100vw + 25px);
}

@media screen and (min-width: 87.5em) {
  .c-MiniCart__header {
    padding-left: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MiniCart__header {
    padding-left: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-MiniCart__header {
    padding-right: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MiniCart__header {
    padding-right: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-MiniCart__header {
    padding-top: 35px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MiniCart__header {
    padding-top: 25px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-MiniCart__header {
    padding-bottom: 35px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MiniCart__header {
    padding-bottom: 25px;
  }
}

.c-MiniCart__header-cart-icon {
  width: 26px;
  height: 24px;
}

.c-MiniCart__header-cart-icon svg {
  width: 100%;
  height: 100%;
}

.c-MiniCart__item {
  border-bottom: 1px solid #ebebeb;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media (max-width: 600px) {
  .c-MiniCart__item.desktop {
    display: none;
  }
}

.c-MiniCart__item.mobile {
  display: none;
}

.c-MiniCart__item.mobile .image-area {
  display: -ms-flexbox;
  display: flex;
  max-width: 30%;
  float: left;
  height: 100%;
  -ms-flex-align: center;
      align-items: center;
}

.c-MiniCart__item.mobile .image-area a {
  display: inline-block;
  max-width: 100px;
}

.c-MiniCart__item.mobile .product-name {
  float: left;
  width: 70%;
  padding-left: 20px;
}

.c-MiniCart__item.mobile .product-name .name {
  padding-top: 5px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.c-MiniCart__item.mobile .product-name .name a {
  font-size: 20px;
}

.c-MiniCart__item.mobile .product-name .price {
  padding-top: 15px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}

.c-MiniCart__item.mobile .product-name .price .price-area {
  font-size: 18px;
}

.c-MiniCart__item.mobile .product-name .price .quat {
  opacity: 20%;
  font-size: 18px;
}

.c-MiniCart__item.mobile .product-name .last-area {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  padding-top: 24px;
}

.c-MiniCart__item.mobile .product-name .last-area .delete {
  text-decoration: underline;
  display: inline;
}

@media (max-width: 600px) {
  .c-MiniCart__item.mobile {
    display: inline-block;
    padding-bottom: 30px;
    padding-top: 30px;
    margin-left: 10px;
    margin-right: 20px;
  }
  .c-MiniCart__item.mobile .c-MiniCart__item-quantity-selector {
    opacity: 1;
    visibility: visible;
    position: initial;
  }
}

.c-MiniCart__item:hover .c-MiniCart__item-count {
  background-color: #ebebeb;
}

.c-MiniCart__item:hover .c-MiniCart__item-quantity-selector {
  opacity: 1;
  visibility: visible;
}

.c-MiniCart__item-count {
  -ms-flex: 1;
      flex: 1;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  min-width: 70px;
}

.c-MiniCart__item-product-name {
  -ms-flex: 5;
      flex: 5;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  padding: 15px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}

.c-MiniCart__item-thumbnail {
  width: 85px;
  max-height: 85px;
  margin-right: 30px;
}

.c-MiniCart__item-price {
  -ms-flex: 2;
      flex: 2;
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-left: calc(0.01111 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-MiniCart__item-price {
    padding-left: 40px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MiniCart__item-price {
    padding-left: 20px;
  }
}

.c-MiniCart__item-remove {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
}

.c-MiniCart__item-remove:hover path {
  fill: #4e4e4e;
}

.c-MiniCart__empty-button {
  padding: 15px 20px;
}

.c-MiniCart__body {
  -ms-flex: 1;
      flex: 1;
  overflow-x: hidden;
  overflow-y: scroll;
}

.c-MiniCart__footer {
  background-color: #fafafa;
  padding-top: 5px;
  padding-left: calc(0.00556 * 100vw + 25px);
  padding-right: calc(0.00556 * 100vw + 25px);
  padding-bottom: calc(0.00556 * 100vw + 25px);
}

@media screen and (min-width: 87.5em) {
  .c-MiniCart__footer {
    padding-left: 35px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MiniCart__footer {
    padding-left: 25px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-MiniCart__footer {
    padding-right: 35px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MiniCart__footer {
    padding-right: 25px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-MiniCart__footer {
    padding-bottom: 35px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MiniCart__footer {
    padding-bottom: 25px;
  }
}

.c-MiniCart__footer > button {
  width: 100%;
  color: #000;
  background-color: transparent;
}

.c-MiniCart__footer > button:hover {
  color: #fff;
}

.c-MiniCart__footer > button.nocolor:hover {
  color: #000;
}

.c-MiniCart__empty-msg {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  height: calc(100% - 190px);
}

.c-MiniCart__cart-icon {
  display: block;
  width: 90px;
  margin: 0 auto 35px;
}

.c-MiniCart__cart-icon > svg {
  width: 100%;
  height: 100%;
  fill: #ebebeb;
}

.c-MiniCart__item-quantity-selector {
  position: absolute;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}

.c-MiniCart__item-quantity-selector button {
  height: 50%;
  width: 60px;
  background-color: #fff;
}

.c-MiniCart__item-quantity-selector button:first-child {
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.c-MiniCart__item-quantity-selector button:last-child {
  border-right: 1px solid #ebebeb;
}

.c-MiniCart__item-quantity-selector button:hover {
  background-color: #63891B;
  color: #fff;
}

.c-MiniCart__select-delivery-btn {
  padding: 20px 0;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.c-MiniCart__select-delivery-btn .countdown-date, .c-MiniCart__select-delivery-btn .countdown-timer {
  display: none;
}

.c-MiniCart__select-delivery-btn .countdown-date br {
  display: block;
}

@media (min-width: 576px) {
  .c-MiniCart__select-delivery-btn .countdown-date br {
    display: none;
  }
}

.c-MiniCart__select-delivery-btn .countdown-timer {
  color: #f00;
  text-align: right;
}

.c-MiniCart__select-delivery-btn.show-timer span:first-child {
  display: none;
}

@media (min-width: 576px) {
  .c-MiniCart__select-delivery-btn.show-timer span:first-child {
    display: inline-block;
  }
}

.c-MiniCart__select-delivery-btn.show-timer .countdown-date, .c-MiniCart__select-delivery-btn.show-timer .countdown-timer {
  display: inline-block;
}

.c-MiniCart__select-delivery-slot {
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  transform: translate(0, 100%);
  transition: transform .5s ease;
}

.c-MiniCart__select-delivery-slot.is-active {
  transform: translate(0, 0);
}

/*  ==========================================================================
    Arrow Btn Circular
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-ArrowBtnCircular {
  width: 29px;
  height: 29px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #ebebeb;
}

.c-ArrowBtnCircular svg {
  width: 9px;
  height: 5px;
  transform: rotate(0);
  transition: transform .2s ease;
  stroke: #707070;
}

/*
    Modifiers
    ========================================================================== */
.c-ArrowBtnCircular--up svg {
  transform: rotate(180deg);
}

/*  ==========================================================================
    Select Plan Box
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-SelectPlanBox {
  background-color: #fff;
  height: 100%;
}

.c-SelectPlanBox:hover .c-SelectPlanBox__header {
  background-color: #63891B;
  color: #fff;
}

/*
    Elements
    ========================================================================== */
.c-SelectPlanBox__header {
  background-color: #ebebeb;
  transition: all 300ms ease;
  padding-top: calc(0.01944 * 100vw + 15px);
  padding-right: calc(0.01944 * 100vw + 15px);
  padding-bottom: calc(0.00833 * 100vw + 15px);
  padding-left: calc(0.01944 * 100vw + 15px);
}

@media screen and (min-width: 87.5em) {
  .c-SelectPlanBox__header {
    padding-top: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SelectPlanBox__header {
    padding-top: 15px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-SelectPlanBox__header {
    padding-right: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SelectPlanBox__header {
    padding-right: 15px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-SelectPlanBox__header {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SelectPlanBox__header {
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-SelectPlanBox__header {
    padding-left: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SelectPlanBox__header {
    padding-left: 15px;
  }
}

.c-SelectPlanBox__inner {
  margin: 0 auto;
  max-width: 440px;
  padding-top: calc(0.01944 * 100vw + 15px);
  padding-right: calc(0.01944 * 100vw + 15px);
  padding-bottom: calc(0.01944 * 100vw + 35px);
  padding-left: calc(0.01944 * 100vw + 15px);
}

@media screen and (min-width: 87.5em) {
  .c-SelectPlanBox__inner {
    padding-top: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SelectPlanBox__inner {
    padding-top: 15px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-SelectPlanBox__inner {
    padding-right: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SelectPlanBox__inner {
    padding-right: 15px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-SelectPlanBox__inner {
    padding-bottom: 70px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SelectPlanBox__inner {
    padding-bottom: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-SelectPlanBox__inner {
    padding-left: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SelectPlanBox__inner {
    padding-left: 15px;
  }
}

.c-SelectPlanBox__number {
  display: block;
  margin-bottom: calc(0.00556 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-SelectPlanBox__number {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-SelectPlanBox__number {
    margin-bottom: 20px;
  }
}

/*
    Modifiers
    ========================================================================== */
.c-SelectPlanBox--active .c-SelectPlanBox__header {
  background-color: #63891B;
  color: #fff;
}

/*  ==========================================================================
    Radio Btn
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-RadioBtn {
  display: inline-block;
}

.c-RadioBtn [type="radio"]:checked,
.c-RadioBtn [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.c-RadioBtn [type="radio"]:checked + label,
.c-RadioBtn [type="radio"]:not(:checked) + label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  cursor: pointer;
  z-index: 1;
  width: 69px;
  height: 69px;
}

.c-RadioBtn [type="radio"]:checked + label:before,
.c-RadioBtn [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 69px;
  height: 69px;
  border: 1px solid #707070;
  border-radius: 100%;
  z-index: -1;
  transition: all 0.2s ease;
}

.c-RadioBtn [type="radio"]:checked + label:before {
  border: 3px solid #63891B;
  color: #63891B;
}

/*
    Elements
    ========================================================================== */
.c-RadioBtn__group {
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

/*
    Modifiers
    ========================================================================== */
/*  ==========================================================================
	Testimonials Slider
	========================================================================== */
/*
	Block
	========================================================================== */
.c-TestimonialsSlider {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.c-TestimonialsSlider .flickity-page-dots {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  bottom: 90px;
}

.c-TestimonialsSlider .flickity-page-dots .dot {
  margin: 0 15px;
  transition: all 300ms ease;
}

.c-TestimonialsSlider .flickity-page-dots .dot.is-selected {
  width: 13px;
  height: 13px;
}

/*
	Elements
	========================================================================== */
.c-TestimonialsSlider__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  overflow: hidden;
}

.c-TestimonialsSlider__bg:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

.c-TestimonialsSlider__bg .intrinsic-image {
  height: 124%;
  top: -12%;
}

.c-TestimonialsSlider__bg .intrinsic-image img {
  height: 100%;
}

.c-TestimonialsSlider__content {
  position: relative;
  z-index: 2;
  text-align: center;
}

.c-TestimonialsSlidern__heading {
  position: relative;
}

.c-TestimonialsSlider__slide {
  margin-top: 40px;
  margin-bottom: 40px;
  width: 100%;
  background-color: #fff;
  color: #000;
  position: relative;
  padding-top: calc(0.01667 * 100vw + 40px);
  padding-bottom: calc(0.03333 * 100vw + 60px);
  padding-left: calc(0.02778 * 100vw + 50px);
  padding-right: calc(0.02778 * 100vw + 50px);
}

@media screen and (min-width: 87.5em) {
  .c-TestimonialsSlider__slide {
    padding-top: 70px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-TestimonialsSlider__slide {
    padding-top: 40px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-TestimonialsSlider__slide {
    padding-bottom: 120px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-TestimonialsSlider__slide {
    padding-bottom: 60px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-TestimonialsSlider__slide {
    padding-left: 100px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-TestimonialsSlider__slide {
    padding-left: 50px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-TestimonialsSlider__slide {
    padding-right: 100px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-TestimonialsSlider__slide {
    padding-right: 50px;
  }
}

@media screen and (max-width: 39.9375em) {
  .c-TestimonialsSlider__slide {
    display: block;
  }
}

.c-TestimonialsSlider__slide.is-selected .animate-fade-in-up {
  opacity: 0;
  animation: 3s cubic-bezier(0.19, 1, 0.22, 1) fadeInUp forwards;
}

@media screen and (max-width: 39.9375em) {
  .c-TestimonialsSlider__slide.is-selected .animate-fade-in-up {
    opacity: 1;
    animation: none;
  }
}

.c-TestimonialsSlider__slide.is-selected .intrinsic-image:before {
  max-width: 0;
}

@media screen and (max-width: 39.9375em) {
  .c-TestimonialsSlider__slide.is-selected .intrinsic-image:before {
    display: none;
  }
}

.c-TestimonialsSlider__slide .animate-fade-in-up:nth-child(1) {
  animation-delay: 0.25s;
}

.c-TestimonialsSlider__slide .animate-fade-in-up:nth-child(2) {
  animation-delay: 0.5s;
}

.c-TestimonialsSlider__slide .animate-fade-in-up:nth-child(3) {
  animation-delay: 0.75s;
}

.c-TestimonialsSlider__slide__img {
  position: absolute;
  width: 80px;
  height: 80px;
  top: -40px;
  left: calc(50% - 40px);
  border-radius: 100%;
  overflow: hidden;
}

.c-TestimonialsSlider__slide__name {
  margin-bottom: 5px;
}

.c-TestimonialsSlider__slide__content {
  margin-top: 50px;
  margin-bottom: 0;
}

.c-TestimonialsSlider__button {
  display: block;
  width: 62px;
  height: 62px;
  background-color: #fafafa;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translate(0, calc(-50% - 31px));
  border: 0;
  outline: none;
}

@media screen and (max-width: 39.9375em) {
  .c-TestimonialsSlider__button {
    display: none;
  }
}

.c-TestimonialsSlider__button.prev {
  left: -31px;
}

.c-TestimonialsSlider__button.next {
  right: -31px;
}

/*  ==========================================================================
    Select Substitutes Overlay
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-SelectSubsitutesOverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 14;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: rgba(242, 242, 242, 0.95);
}

.c-SelectSubsitutesOverlay .c-ProductBox {
  background-color: #fff;
}

.c-SelectSubsitutesOverlay .c-ProductBox__wrapper {
  border: 0;
}

/*  ==========================================================================
    Play Button
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-PlayBtn {
  border: 1px solid #fff;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: block;
  position: relative;
  cursor: pointer;
}

.c-PlayBtn:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-left: 20px solid #fff;
  border-bottom: 11px solid transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
}

/*  ==========================================================================
    Video Embed
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-VideoEmbed {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}

.c-VideoEmbed > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  ==========================================================================
    My Allergies
    ========================================================================== */
/*
    Block
    ========================================================================== */
/*
      Elements
      ========================================================================== */
.c-MyAllergies__title {
  margin-bottom: 50px;
  text-transform: capitalize;
  letter-spacing: initial;
}

.c-MyAllergies__form {
  position: relative;
}

.c-MyAllergies__form:before {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  position: absolute;
  top: 0;
  left: 50%;
}

.c-MyAllergies__fields {
  position: relative;
}

.c-MyAllergies__fields .columns:not(:last-child):after {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #ebebeb;
}

/*
      Modifiers
      ========================================================================== */
.c-MyAllergies--box {
  border: 1px solid #adadad;
  padding-left: calc(0.03056 * 100vw + 35px);
  padding-right: calc(0.03056 * 100vw + 35px);
  padding-top: calc(0.01944 * 100vw + 20px);
  padding-bottom: calc(0.01944 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-MyAllergies--box {
    padding-left: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MyAllergies--box {
    padding-left: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-MyAllergies--box {
    padding-right: 90px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MyAllergies--box {
    padding-right: 35px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-MyAllergies--box {
    padding-top: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MyAllergies--box {
    padding-top: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-MyAllergies--box {
    padding-bottom: 55px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-MyAllergies--box {
    padding-bottom: 20px;
  }
}

/*  ==========================================================================
    Meal Thumbs
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-MealThumbs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 10px;
}

/*
    Elements
    ========================================================================== */
.c-MealThumbs_item {
  margin-right: 10px;
  position: relative;
  width: 55px;
  height: 55px;
}

.c-MealThumbs_item--add {
  background-color: #fafafa;
  border: none;
  box-shadow: none;
  outline: none;
}

.c-MealThumbs_item--add:before, .c-MealThumbs_item--add:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 1px;
  background-color: #000;
  border: none;
}

.c-MealThumbs_item--add:before {
  width: 12px;
}

.c-MealThumbs_item--add:after {
  height: 12px;
}

/*
    Modifiers
    ========================================================================== */
/*  ==========================================================================
    Checkbox Circle
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-CheckboxCircle:checked,
.c-CheckboxCircle:not(:checked) {
  position: absolute;
  left: -9999px;
}

.c-CheckboxCircle:checked + label:after,
.c-CheckboxCircle:not(:checked) + label:after {
  z-index: -1;
}

.c-CheckboxCircle:checked + label,
.c-CheckboxCircle:not(:checked) + label {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  width: auto;
  padding-left: 40px;
  height: 20px;
}

.c-CheckboxCircle:not(:checked) + label {
  color: #000;
}

.c-CheckboxCircle:checked + label:before,
.c-CheckboxCircle:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  border: 1px solid;
  border-radius: 100%;
  border-color: #63891B;
  transform: translate(0, -50%);
}

.c-CheckboxCircle:checked + label:before {
  background: #63891B;
}

.c-CheckboxCircle:checked + label:after,
.c-CheckboxCircle:not(:checked) + label:after {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.c-CheckboxCircle + label > strong:before,
.c-CheckboxCircle + label > strong:after {
  content: "";
  display: block;
  background-color: #fff;
  position: absolute;
  width: 2px;
}

.c-CheckboxCircle + label > strong:before {
  height: 9px;
  left: 10px;
  top: 6px;
  transform: rotate(45deg);
}

.c-CheckboxCircle + label > strong:after {
  height: 4px;
  left: 6px;
  top: 10px;
  transform: rotate(135deg);
}

.c-CheckboxCircle:not(:checked) + label > strong:before {
  opacity: 0;
}

.c-CheckboxCircle:checked + label > strong:before {
  opacity: 1;
}

.c-CheckboxCircle + label svg {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
  z-index: 1;
}

/*
    Modifiers
    ========================================================================== */
.c-CheckboxCircle--right:checked + label:before,
.c-CheckboxCircle--right:not(:checked) + label:before {
  left: auto;
  right: 20px;
}

.c-CheckboxCircle--right:checked + label > strong:before {
  left: auto;
  right: 28px;
}

.c-CheckboxCircle--right:checked + label > strong:after {
  left: auto;
  right: 32px;
}

/*  ==========================================================================
    Change for
    ========================================================================== */
/*
    Block
    ========================================================================== */
.c-ChangeFor {
  overflow: hidden;
  margin-top: 20px;
}

/*
			Elements
			========================================================================== */
.c-ChangeFor__options {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.c-ChangeFor__options > li {
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: center;
  margin-left: 20px;
}

.c-ChangeFor__options > li:first-child {
  margin-left: 0;
}

.c-ChangeFor__btn:checked,
.c-ChangeFor__btn:not(:checked) {
  position: absolute;
  left: -9999px;
}

.c-ChangeFor__btn:checked + label:after,
.c-ChangeFor__btn:not(:checked) + label:after {
  z-index: -1;
}

.c-ChangeFor__btn:checked + label,
.c-ChangeFor__btn:not(:checked) + label {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  width: 100%;
  padding: 18px 20px 18px 20px;
}

.c-ChangeFor__btn:checked + label:after,
.c-ChangeFor__btn:not(:checked) + label:after {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  border: 1px solid #adadad;
}

.c-ChangeFor__btn:checked + label:after {
  background: #63891B;
  opacity: .1;
}

/*
			Modifiers
			========================================================================== */
.c-ChangeFor--box {
  border: 1px solid #f3f3f3;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 35px;
  padding-bottom: 35px;
}

.c-ChangeFor--box-first {
  border-bottom: none;
}

.c-ChangeFor--toggle {
  display: none;
}

/*  ==========================================================================
    Product Notification
    ========================================================================== */
/*
    Block
 	========================================================================== */
.c-ProductNotification {
  position: fixed;
  z-index: +1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  right: calc(3% + .625rem);
  top: 0;
  width: 90%;
}

@media screen and (min-width: 640px) {
  .c-ProductNotification {
    width: 100%;
    max-width: 550px;
  }
}

/*
			Elements
	========================================================================== */
.c-ProductNotification__item {
  width: 100%;
  background-color: #fafafa;
  padding-left: calc(0.00278 * 100vw + 20px);
  padding-right: calc(0.00278 * 100vw + 20px);
  padding-top: calc(0.00278 * 100vw + 20px);
  padding-bottom: calc(0.00278 * 100vw + 20px);
  margin-bottom: calc(0.00278 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .c-ProductNotification__item {
    padding-left: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductNotification__item {
    padding-left: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-ProductNotification__item {
    padding-right: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductNotification__item {
    padding-right: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-ProductNotification__item {
    padding-top: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductNotification__item {
    padding-top: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-ProductNotification__item {
    padding-bottom: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductNotification__item {
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 87.5em) {
  .c-ProductNotification__item {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 61.1875em) {
  .c-ProductNotification__item {
    margin-bottom: 20px;
  }
}

.c-ProductNotification__item:last-of-type {
  margin-bottom: 0;
}

.c-ProductNotification__inner {
  width: 100%;
  position: relative;
}

.c-ProductNotification__product-info {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
}

@media screen and (min-width: 640px) {
  .c-ProductNotification__product-info {
    width: 100%;
  }
}

.c-ProductNotification__image {
  width: 35%;
  margin-right: 20px;
  text-align: center;
}

@media screen and (min-width: 640px) {
  .c-ProductNotification__image {
    width: 20%;
  }
}

.c-ProductNotification__close {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 21px;
  right: 20px;
}

#toast-container {
  max-width: 100vw;
  z-index: 9999;
  position: relative;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  #toast-container {
    top: 60px;
  }
}

@media screen and (max-width: 600px) {
  #toast-container {
    padding: 0;
    max-width: 100%;
    left: 10px;
    top: 60px;
  }
}

#toast-container .toast-success, #toast-container .toast-warning {
  background-color: #fff !important;
}

#toast-container .toast {
  opacity: 1;
  width: auto;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  max-height: 80vh;
  max-width: 100%;
  margin-bottom: 20px;
}

#toast-container .toast:hover {
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 600px) {
  #toast-container .toast {
    max-width: 100%;
  }
}

#toast-container .toast.add_product_notification .toast-message .info-bx, #toast-container .toast.remove_product_notification .toast-message .info-bx, #toast-container .toast.delete_product_notification .toast-message .info-bx {
  width: 70%;
  color: #000;
  font-size: 13px;
  line-height: 20px;
  font-weight: 300;
  padding: 0 15px;
}

#toast-container .toast.add_product_notification .toast-message .info-bx span, #toast-container .toast.remove_product_notification .toast-message .info-bx span, #toast-container .toast.delete_product_notification .toast-message .info-bx span {
  color: #BABABA;
}

#toast-container .toast.add_product_notification .toast-message .info-bx .qty-prd, #toast-container .toast.remove_product_notification .toast-message .info-bx .qty-prd, #toast-container .toast.delete_product_notification .toast-message .info-bx .qty-prd {
  color: #63891B;
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 0;
}

#toast-container .toast.add_product_notification .toast-message .info-bx .qty-prd.removed, #toast-container .toast.remove_product_notification .toast-message .info-bx .qty-prd.removed, #toast-container .toast.delete_product_notification .toast-message .info-bx .qty-prd.removed {
  color: #FF5538;
}

#toast-container .toast.add_product_notification .toast-message svg, #toast-container .toast.remove_product_notification .toast-message svg, #toast-container .toast.delete_product_notification .toast-message svg {
  cursor: pointer;
}

#toast-container .toast.stock_limit_reached_error_notification .toast-message, #toast-container .toast.minimum_order_error_notification .toast-message {
  margin-bottom: 0;
  color: #63891B;
  font-weight: 500;
  line-height: 1.25;
  text-align: center;
  -ms-flex-pack: center;
      justify-content: center;
}

#toast-container .toast .toast-message {
  padding: 21px 15px;
  opacity: 1;
  -ms-flex-align: center;
  align-items: center;
  /* background-color: #63891B; */
  color: #000;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
  line-height: 1.25;
  transition: all .3s ease-out;
  width: 540px;
  max-width: 100%;
  font-size: 13px;
}

#toast-container .toast.toast-error .toast-message {
  display: block;
  background: #fff;
}

#toast-container .toast.toast-error .toast-message a {
  text-decoration: underline;
  font-weight: 500;
}

/*  ==========================================================================
    Invoices
    ========================================================================== */
/*
    Block
    ========================================================================== */
.invoice-template-page header,
.invoice-template-page footer,
.invoice-template-page .l-Footer__tertiary_links {
  display: none;
}

.c-Invoice {
  padding-top: 30px;
  padding-bottom: 30px;
  max-width: 980px;
}

.c-Invoice__header {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.c-Invoice__body {
  width: 100%;
  display: block;
}

.c-Invoice__total {
  width: 100%;
}

@media screen and (min-width: 640px) {
  .c-Invoice__total {
    width: 50%;
    margin-left: auto;
  }
}

.c-Invoice__footer {
  width: 100%;
  display: block;
  text-align: center;
  border-top: 1px solid #ebebeb;
}

/*
			Elements
			========================================================================== */
.c-Invoice__invoice-numbers {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.c-Invoice__recipent-details {
  width: 100%;
  background-color: #fafafa;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-Invoice__recipent-details .c-Invoice__recipent-details-block {
  padding-left: 40px;
  padding-top: 30px;
  padding-right: 40px;
  padding-bottom: 30px;
  width: 33.3%;
  border-left: 1px solid #ebebeb;
}

.c-Invoice__recipent-details .c-Invoice__recipent-details-block:nth-child(1), .c-Invoice__recipent-details .c-Invoice__recipent-details-block:nth-child(2), .c-Invoice__recipent-details .c-Invoice__recipent-details-block:nth-child(3) {
  border-bottom: 1px solid #ebebeb;
}

.c-Invoice__recipent-details .c-Invoice__recipent-details-block:nth-child(3n+1) {
  border-left: none;
}

.c-Invoice__deliver-notes {
  padding-left: 40px;
  padding-top: 30px;
  padding-right: 40px;
  padding-bottom: 30px;
  background-color: #fafafa;
}

.c-Invoice__order-grid {
  width: 100%;
}

.c-Invoice__order-grid thead,
.c-Invoice__order-grid tbody {
  width: 100%;
}

.c-Invoice__order-grid thead td,
.c-Invoice__order-grid tbody td {
  height: 37px;
  text-align: center;
}

.c-Invoice__order-grid thead td:nth-child(2),
.c-Invoice__order-grid tbody td:nth-child(2) {
  text-align: left;
  padding-left: 10px;
}

.c-Invoice__order-grid thead td:last-child,
.c-Invoice__order-grid tbody td:last-child {
  text-align: right;
}

.c-Invoice__sub-total,
.c-Invoice__savings,
.c-Invoice__shipping,
.c-Invoice__invoice-total {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.c-Invoice__shipping {
  border-bottom: 1px solid #000;
}

.c-Invoice__note {
  width: 100%;
  border-top: 1px solid #ebebeb;
}

.user-2fa {
  padding-top: 100px;
  min-height: calc(100vh - 100px);
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 600px) {
  .user-2fa {
    background: #fff;
    padding: 0;
  }
}

.user-2fa .two-fa-bx {
  padding: 60px 95px 80px 95px;
  background: #fff;
  width: 100%;
  max-width: 700px;
  border: 1px solid #adadad;
  position: relative;
}

@media screen and (max-width: 600px) {
  .user-2fa .two-fa-bx {
    padding: 30px;
    border: none;
  }
}

@media screen and (max-width: 600px) {
  .user-2fa .two-fa-bx h5, .user-2fa .two-fa-bx p {
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
  .twoFA-popup h5, .twoFactor-user h5 {
    text-align: center;
  }
}

.twoFA-popup .bottom-row.grid, .twoFactor-user .bottom-row.grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 5px;
       column-gap: 5px;
  row-gap: 20px;
  padding-top: 25px;
}

.twoFA-popup .bottom-row.grid .column, .twoFA-popup .bottom-row.grid .columns, .twoFactor-user .bottom-row.grid .column, .twoFactor-user .bottom-row.grid .columns {
  padding: 0 !important;
}

.twoFA-popup .bottom-row.grid .column:last-child, .twoFA-popup .bottom-row.grid .columns:last-child, .twoFactor-user .bottom-row.grid .column:last-child, .twoFactor-user .bottom-row.grid .columns:last-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 15px 0 0;
  grid-area: 2 / 1 / 3 / 3;
}

.twoFA-popup .bottom-row.grid .column .c-Btn, .twoFA-popup .bottom-row.grid .columns .c-Btn, .twoFactor-user .bottom-row.grid .column .c-Btn, .twoFactor-user .bottom-row.grid .columns .c-Btn {
  width: 100%;
}

@media (max-width: 600px) {
  .twoFactor-user .popup-inner {
    padding: 14px;
  }
}

.twoFactor-user > div svg {
  display: block;
  margin: 0 auto 25px;
}

.twoFactor-user > div h5 {
  text-align: center;
}

.twoFactor-user > div p {
  text-align: center;
}

.twoFactor-user > div .c-Btn.green {
  border: 2px solid #63891B;
  color: #63891B;
}

.twoFactor-user > div .c-Btn.green:hover {
  background-color: #63891B;
  color: #fff;
}

.twoFactor-user > div .c-CustomCheckbox {
  color: #9b9b9b;
}

@media (max-width: 800px) {
  .twoFactor-user > div .c-Btn--outline-black {
    font-size: 16px !important;
  }
}

@media (max-width: 600px) {
  .twoFactor-user > div .c-Btn--outline-black {
    font-size: 10px !important;
  }
}

.otp-btn-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
}

@media screen and (max-width: 600px) {
  .otp-btn-group {
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
}

.otp-btn-group .otp-resend.disabled {
  pointer-events: none;
}

.otp-radio-select + label {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  width: 100%;
  border: 1px solid #adadad;
  padding: 18px 0 18px 20px;
  text-transform: none;
  color: #000;
  letter-spacing: 0;
  padding: 18px 20px;
}

@media screen and (max-width: 600px) {
  .otp-radio-select + label {
    text-align: center;
  }
}

.otp-radio-select:checked + label {
  border: 2px solid #63891B;
  color: #63891B;
  padding: 17px 19px;
}

.digit-group {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  -moz-column-gap: 30px;
       column-gap: 30px;
  box-sizing: border-box;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

@media screen and (max-width: 600px) {
  .digit-group {
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
}

.digit-group + .errorlist {
  margin-top: 10px;
}

.digit-group input {
  width: auto;
  height: 50px;
  border: none;
  line-height: 50px;
  text-align: center;
  margin: 0 2px;
  border-color: #F2F2F2;
  padding: 0 !important;
  margin: 0 !important;
}

.digit-group input::-webkit-outer-spin-button,
.digit-group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.digit-group input[type=number] {
  -moz-appearance: textfield;
}

/*  ==========================================================================
    Form Defaults
    ========================================================================== */
/*
    Block
    ========================================================================== */
button {
  outline: none;
}

form label {
  display: block;
  margin-bottom: 10px;
  color: #707070;
  line-height: 1.1;
  font-size: calc(0.00111 * 100vw + 18px);
}

@media screen and (min-width: 87.5em) {
  form label {
    font-size: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  form label {
    font-size: 18px;
  }
}

form input[type=text],
form input[type=email],
form input[type=phone],
form input[type=tel],
form input[type=password],
form input[type=number],
form input[type=search],
form input[type=date],
form .pin-location,
form select {
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  width: 100%;
  padding: 18px;
  border: 1px solid #adadad;
  outline: none;
  border-radius: 0;
  max-height: 55px;
  background-color: #fff;
}

form textarea {
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  width: 100%;
  padding: 18px;
  border: 1px solid #adadad;
  outline: none;
  border-radius: 0;
}

form .pin-location {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  padding: 7px;
}

form .pin-location span {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

form .pin-location img {
  padding: 0 5px;
  max-height: 40px;
}

form .c-PersonalInformation .selectric {
  min-height: 56PX;
  border-radius: 0px;
}

form textarea {
  resize: vertical;
}

form input[type="submit"] {
  border-radius: 0;
}

form small {
  display: inline-block;
  margin-top: 5px;
  color: #707070;
  font-size: 14px;
  line-height: 16px;
}

input[type=file] {
  display: none;
}

input[type=file] + label {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
  color: #000;
}

input[type=file] + label:after {
  content: "Choose file";
  border: 1px solid #adadad;
  padding: 14px 60px;
  display: block;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 18px;
}

.add-type {
  display: inline-block;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding-left: 10px;
  width: auto;
}

@media (max-width: 600px) {
  .add-type {
    width: 100%;
  }
}

.add-type .add-type-btn {
  color: #1A1A1A;
  border-radius: 4px;
  border: 1px solid #BABABA;
  max-height: 44px;
  font-size: 13px;
  line-height: 1;
  padding: 15px 40px;
  font-weight: 500;
  margin-right: 12px;
  float: left;
}

.add-type .add-type-btn.active {
  background-color: #63891B;
  color: #fff;
  border-color: #63891B;
}

@media (max-width: 600px) {
  .add-type .add-type-btn {
    width: 100%;
    text-align: center;
  }
}

.errorlist {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.errorlist li {
  color: red;
}

.s-option-checkout {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: block;
  background-color: #fff;
  border: 1px solid  #F4F4F4;
  width: 100%;
  padding: 15px 20px;
  border-radius: 5px;
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  font-size: 16px;
  font-weight: normal;
}

.s-option-checkout.selected {
  background-color: #F4F4F4;
}

.s-option-checkout.selected svg #Ellipse_207 {
  fill: #124634;
}

.s-option-checkout svg {
  margin-right: 15px;
}

.s-option-checkout svg #Ellipse_207 {
  fill: #fff;
}

.s-option-checkout .delivery-address, .s-option-checkout .sub-txt {
  display: inline-block;
  max-width: 80%;
}

@media screen and (max-width: 380px) {
  .s-option-checkout .delivery-address, .s-option-checkout .sub-txt {
    max-width: 75%;
  }
}

.s-option-checkout .edit-this {
  display: inline-block;
  float: right;
  color: #124634;
  font-weight: 500;
  width: auto;
  text-align: right;
  position: absolute;
  right: 20px;
}

.s-option-checkout .greyed {
  color: #BABABA;
  font-weight: 300;
  display: inline-block;
  margin-left: 10px;
}

.cart-sub .s-card-chcek {
  position: absolute;
  right: 15px;
  top: 14px !important;
}

.smart-banner {
  position: fixed;
  z-index: 99;
  top: 64px;
  left: 0;
  right: 0;
  width: 100%;
  display: none !important;
  background-color: #F6F6F6;
  min-height: 80px;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  visibility: hidden;
  transform: translateY(-150%);
  transition: visibility 0s linear 0s, transform 0.8s cubic-bezier(0.535, 0, 0, 1) 0s;
}

.smart-banner.active {
  transform: translateY(-150%);
}

@media (max-width: 600px) and (orientation: portrait) {
  .smart-banner.active {
    display: -ms-flexbox !important;
    display: flex !important;
    transform: none;
    visibility: visible;
  }
}

.smart-banner .close-smart-banner {
  padding: 15px;
}

@media (max-width: 380px) {
  .smart-banner img {
    width: 55px;
  }
}

.smart-banner .app-icon {
  width: 65px;
  border-radius: 4px;
}

.smart-banner .info {
  padding: 20px 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
}

.smart-banner .info .app-name {
  color: #1A1A1A;
  margin-bottom: 8px;
  line-height: 1;
}

@media (max-width: 380px) {
  .smart-banner .info .app-name {
    font-size: 13px;
  }
}

.smart-banner .info .app-info {
  color: #88878C;
  margin-bottom: 0;
  line-height: 1;
}

@media (max-width: 380px) {
  .smart-banner .info .app-info {
    font-size: 12px;
  }
}

.smart-banner .app-link {
  color: #007AFF;
  text-transform: uppercase;
  margin-right: 25px;
  box-sizing: border-box;
}

/*  ==========================================================================
    Site Global Parts - prefix site-
    ========================================================================== */
.site {
  position: relative;
  z-index: 10;
}

.site--center-vert {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

.site--align-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.site--align-top-bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.site--clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.hide {
  display: none;
}

.sticky,
.wrapper-sticky {
  backface-visibility: hidden;
}

.sticky *,
.wrapper-sticky * {
  backface-visibility: hidden;
}

.js-reveal {
  visibility: hidden;
}

/*  ==========================================================================
    Logo
    ========================================================================== */
/*
    Block
    ========================================================================== */
.site--logo a {
  display: block;
}

/*  ==========================================================================
    Burger
    ========================================================================== */
/*
    Block
    ========================================================================== */
.site--burger {
  width: 25px;
  height: 14px;
  cursor: pointer;
  transition: all 300ms ease;
  backface-visibility: hidden;
}

.pushy-active .site--burger,
.destinations-active .site--burger {
  height: 7px;
  width: 22px;
}

.pushy-active .site--burger span,
.destinations-active .site--burger span {
  width: 24px;
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  top: 50%;
  color: #fff !important;
}

.pushy-active .site--burger span:nth-child(1),
.destinations-active .site--burger span:nth-child(1) {
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: 50% 50%;
}

.pushy-active .site--burger span:nth-child(2),
.destinations-active .site--burger span:nth-child(2) {
  opacity: 0;
}

.site--burger span {
  background: #000;
  height: 2px;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 300ms ease;
  backface-visibility: hidden;
}

.site--burger span:nth-child(2) {
  top: 50%;
  margin-top: -1px;
  width: 100%;
}

.site--burger span:nth-child(3) {
  top: auto;
  bottom: 0;
}

.opaque_header .site--burger span {
  background: #fff;
}

/*  ==========================================================================
    Scroll Lock
    ========================================================================== */
/*
    Block
    ========================================================================== */
html.scroll-lock,
.scroll-lock body {
  margin: 0;
  height: 100%;
  overflow: hidden;
  overflow-y: hidden !important;
}

html.scroll-lock {
  overflow-y: scroll !important;
}

/*  ==========================================================================
    Site Loader
    ========================================================================== */
/*
    Block
    ========================================================================== */
/*  ==========================================================================
    Loading Classes
    ========================================================================== */
/*
    Block
    ========================================================================== */
#app {
  transition: opacity 800ms ease;
  overflow: hidden;
}

.is-exiting #app {
  opacity: 0;
}

.is-loading #app {
  opacity: 0;
}

.is-loaded #app {
  opacity: 1;
}

/*  ==========================================================================
    Main layout styles go here
    ========================================================================== */
/*
    Block
    ========================================================================== */
.l-Main {
  position: relative;
  z-index: 1;
}

/*
    Modifiers
    ========================================================================== */
/*  ==========================================================================
    Header
    ========================================================================== */
/*
    Block
    ========================================================================== */
.l-Header {
  padding: 50px calc(3% + .625rem);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 0 -20px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 105;
  background-color: #fff;
  transition: padding 300ms ease;
  will-change: padding;
}

@media screen and (max-width: 73.75em) {
  .l-Header {
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: calc(3% + .625rem);
    padding-right: calc(3% + .625rem);
    margin: 0;
  }
}

@media screen and (max-width: 73.75em) and (max-width: 39.9375em) {
  .l-Header {
    padding-left: calc(3% + .3125rem);
  }
}

@media screen and (max-width: 73.75em) and (max-width: 39.9375em) {
  .l-Header {
    padding-right: calc(3% + .3125rem);
  }
}

.l-Header:before, .l-Header:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
}

.l-Header:before {
  transform: translate(0, calc(-100% - 16px));
  z-index: 0;
  transition: transform 300ms ease;
  box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 73.75em) {
  .l-Header:before {
    z-index: -2;
  }
}

.l-Header:after {
  left: 0;
  display: none;
  z-index: -1;
}

@media screen and (max-width: 73.75em) {
  .l-Header:after {
    display: block;
  }
}

.l-Header.shrink {
  padding-top: 22px;
  padding-bottom: 22px;
  padding-left: calc(3% + .625rem);
  padding-right: calc(3% + .625rem);
}

@media screen and (max-width: 39.9375em) {
  .l-Header.shrink {
    padding-left: calc(3% + .3125rem);
  }
}

@media screen and (max-width: 39.9375em) {
  .l-Header.shrink {
    padding-right: calc(3% + .3125rem);
  }
}

.l-Header.shrink:before {
  transform: translate(0, 0);
}

.l-Header.shrink .c-Logo {
  max-width: 240px;
  max-height: 55px;
}

@media screen and (max-width: 61.1875em) {
  .l-Header.shrink .c-Logo {
    max-width: 156px;
    max-height: 33px;
  }
}

.l-Header.shrink .dropdown-main {
  padding-top: 68px !important;
}

.l-Header > nav {
  width: calc(50% - 120px);
}

.l-Header .c-Logo {
  z-index: 1;
}

@media screen and (max-width: 61.1875em) {
  .l-Header .c-Logo {
    position: absolute;
    top: 16px;
    left: 50%;
    transform: translate(-50%, 0);
  }
}

/*
    Elements
    ========================================================================== */
@media screen and (max-width: 73.75em) {
  .l-Header__nav {
    display: none;
  }
}

.l-Header__nav > ul > li {
  float: left;
  position: relative;
}

.l-Header__nav > ul > li:after {
  content: "";
  width: 1px;
  height: 11px;
  background-color: #000;
  position: absolute;
  top: 2px;
  right: 0;
  transition: background-color 300ms ease;
}

.l-Header__nav > ul > li:last-child:after {
  display: none;
}

.l-Header__nav .profile-dropdown-menu::before {
  z-index: 10;
  content: "";
  position: absolute;
  top: 0;
  left: 55%;
  border: 9px solid black;
  border-color: transparent transparent #fff #fff;
  transform-origin: 0 0;
  transform: rotate(135deg);
}

.l-Header__nav .profile-dropdown-menu {
  position: absolute;
  float: left;
  min-width: 290px;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  /* border-radius: .25rem; */
  z-index: initial;
  right: -75px;
  left: auto;
  top: 55px;
  border: none;
  box-shadow: none;
  padding: 0px;
  display: none;
  background-color: #ffffff;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.l-Header__nav .profile-dropdown-menu .menu-overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: -1;
}

.l-Header__nav .profile-dropdown-menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.l-Header__nav .profile-dropdown-menu ul li {
  display: inline-block;
  width: 100%;
  float: left;
  border-top: 1px solid #eee;
}

.l-Header__nav .profile-dropdown-menu ul li:first-child {
  border-color: transparent;
}

.l-Header__nav .profile-dropdown-menu ul li:last-child {
  border-color: #000;
}

.l-Header__nav .profile-dropdown-menu ul li h5,
.l-Header__nav .profile-dropdown-menu ul li a {
  padding: 16px 28px;
  width: 100%;
  display: inline-block;
  float: left;
  color: #000000 !important;
  font-size: 18px;
  text-transform: capitalize;
  opacity: 1 !important;
}

.l-Header__nav .profile-dropdown-menu ul li a {
  color: #3D9939;
}

.l-Header__nav .profile-dropdown-menu ul li a.offer {
  color: #E6194E;
}

.l-Header__nav .profile-dropdown-menu ul li a:hover {
  background-color: #EBEBEB;
}

.l-Header__nav-item {
  padding: 0 22px;
  transition: all 300ms ease;
}

@media screen and (max-width: 112.4375em) {
  .l-Header__nav-item {
    padding: 0 18px;
  }
}

.l-Header__nav-item:hover {
  color: #000;
}

.l-Header__nav-item--icon {
  position: relative;
  padding-right: 54px;
}

.l-Header__nav-item--icon svg {
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 22px;
}

.l-Header__nav-item--icon svg path {
  transition: fill 300ms ease;
}

.l-Header__nav-item--icon a {
  transition: all 300ms ease;
}

.dropdown-main {
  position: absolute;
  left: 0px;
  top: 30px;
  transition: opacity 400ms cubic-bezier(0.42, 0, 0.34, 1.01);
  visibility: hidden;
  opacity: 0;
}

.dropdown-main .menu-overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 0;
}

.dropdown-main::before {
  z-index: 10;
  content: "";
  position: absolute;
  top: 0;
  left: 50px;
  border: 7px solid black;
  border-color: transparent transparent #fff #fff;
  transform-origin: 0 0;
  transform: rotate(135deg);
  margin-top: 40px;
}

.dropdown-main .dropdown-menu {
  width: 100vw;
  left: 0;
  right: 0;
  /* top: 10px; */
  background-color: #fff;
  color: #000;
  position: fixed;
  height: calc(100vh - 100px);
  max-height: 800px;
}

@media screen and (min-width: 100em) {
  .dropdown-main .dropdown-menu {
    width: 82vw;
    left: 2vw;
  }
}

@media screen and (max-width: 100em) {
  .dropdown-main .dropdown-menu {
    height: calc(100vh - 100px);
  }
}

.dropdown-main .dropdown-menu .menu-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  height: 100%;
  position: relative;
  width: 100%;
  padding-left: 30px;
}

.dropdown-main .dropdown-menu .level-one {
  position: relative;
  -ms-flex-positive: 1;
      flex-grow: 1;
  overflow: auto;
  padding-top: calc(0.01 * 100vw + 0px);
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  max-width: calc(100% - 350px);
}

.dropdown-main .dropdown-menu .level-one::-webkit-scrollbar {
  display: none;
}

@media (max-width: 1200px) {
  .dropdown-main .dropdown-menu .level-one {
    max-width: 90%;
    min-width: 90%;
  }
}

.dropdown-main .dropdown-menu .level-one .menu-div {
  height: 100%;
  position: relative;
  z-index: 9999;
}

.dropdown-main .dropdown-menu .level-one ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  max-width: 400px;
  padding: 0;
  height: 100%;
  font-weight: normal;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 12px;
  line-height: 1.2;
  border-right: 1px solid #EBEBEB;
  list-style: none;
  padding-left: 1px;
}

@media screen and (max-width: 100em) {
  .dropdown-main .dropdown-menu .level-one ul {
    width: 33%;
  }
}

.dropdown-main .dropdown-menu .level-one ul li {
  color: #8c8c8c;
  width: 100%;
  cursor: pointer;
}

.dropdown-main .dropdown-menu .level-one ul li .arrow-svg {
  opacity: 0;
}

.dropdown-main .dropdown-menu .level-one ul li .level-two {
  width: 280px;
  display: none;
}

.dropdown-main .dropdown-menu .level-one ul li .level-two .menu-div {
  margin: 0;
  position: static;
}

.dropdown-main .dropdown-menu .level-one ul li .level-two ul {
  left: 100%;
  width: 100%;
  height: 100%;
}

.dropdown-main .dropdown-menu .level-one ul li .level-two ul li .arrow-svg {
  opacity: 0;
}

.dropdown-main .dropdown-menu .level-one ul li .level-two ul li .level-three {
  width: 280px;
  display: none;
}

.dropdown-main .dropdown-menu .level-one ul li .level-two ul li .level-three ul {
  left: 100%;
  width: 100%;
  height: 100%;
}

.dropdown-main .dropdown-menu .level-one ul li .level-two ul li .level-three ul li .level-four {
  width: 280px;
  display: none;
}

.dropdown-main .dropdown-menu .level-one ul li .level-two ul li .level-three ul li .arrow-svg {
  opacity: 0;
}

.dropdown-main .dropdown-menu .level-one ul li .level-two ul li .level-three ul li:hover .level-four {
  display: block;
}

.dropdown-main .dropdown-menu .level-one ul li .level-two ul li .level-three ul li:hover .arrow-svg {
  opacity: 1;
}

.dropdown-main .dropdown-menu .level-one ul li .level-two ul li:hover .level-three {
  display: block;
}

.dropdown-main .dropdown-menu .level-one ul li .level-two ul li:hover .arrow-svg {
  opacity: 1;
}

.dropdown-main .dropdown-menu .level-one ul li:hover .level-two {
  display: block;
}

.dropdown-main .dropdown-menu .level-one ul li:hover > a {
  color: #1a1a1a !important;
}

.dropdown-main .dropdown-menu .level-one ul li:hover .arrow-svg {
  opacity: 1;
}

.dropdown-main .dropdown-menu .level-one ul li a {
  display: inline-block;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 60px;
  padding-right: 30px;
  width: 80%;
  color: #ADADAD !important;
  text-transform: capitalize;
  font-size: 18px;
  opacity: 1 !important;
}

@media screen and (max-width: 100em) {
  .dropdown-main .dropdown-menu .level-one ul li a {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
}

.dropdown-main .dropdown-menu .level-one ul li a.menu-offer {
  color: #A5192E !important;
}

.dropdown-main .dropdown-menu .level-one ul li a:hover {
  color: #1a1a1a !important;
}

.dropdown-main .dropdown-menu .megamenu-banner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.dropdown-main .dropdown-menu .megamenu-banner .banner-bx-menu.example {
  background-color: red;
  height: 600px;
  width: 300px;
}

.dropdown-main .dropdown-menu .arrow-svg {
  display: inline-block;
  height: auto;
  width: auto;
  opacity: 0;
}

.dropdown-main .dropdown-menu .arrow-svg svg {
  width: 10px;
  height: 10px;
}

.dropdown-main .dropdown-menu .active > .arrow-svg {
  display: inline-block;
}

.dropdown-main .dropdown-menu .menu_outer {
  height: calc(100vh - 50px);
  overflow: hidden;
  right: 0;
  bottom: 0;
  z-index: 15;
  width: 100%;
  transition: opacity 0.2s;
  position: relative;
}

.dropdown-main .dropdown-menu .menu_outer .mobile_menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  background-color: white;
}

.dropdown-main .dropdown-menu .menu_outer .mobile_menu li {
  color: #1a1a1a;
  font-weight: normal;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 12px;
  width: 100%;
  max-height: 50px;
  height: 100%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fff;
}

.dropdown-main .dropdown-menu .menu_outer .mobile_menu li.static-menu {
  background-color: #fafafa;
  color: #8c8c8c;
  border-top: 1px solid #e6e6e6;
  border-bottom: none;
}

.dropdown-main .dropdown-menu .menu_outer .mobile_menu li:last-of-type, .dropdown-main .dropdown-menu .menu_outer .mobile_menu li.last-main-li {
  border-bottom: none;
}

.dropdown-main .dropdown-menu .menu_outer .mobile_menu li:hover {
  background-color: #e6e6e6;
}

.dropdown-main .dropdown-menu .menu_outer .mobile_menu li a {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 16px;
  width: 100%;
}

.dropdown-main .dropdown-menu .menu_outer .mobile_menu li .arrow-right {
  background: url("/static/img/dist/arrow_gray_right.svg") no-repeat;
  height: 10px;
  width: 6px;
  margin-right: 23px;
}

.dropdown-main .dropdown-menu .menu_outer .mobile_menu div.spacer {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.dropdown-main .dropdown-menu .menu_outer .mobile_menu .active > .submenu {
  right: 0;
}

.dropdown-main .dropdown-menu .menu_outer .mobile_menu .submenu {
  height: 100%;
  background-color: #fff;
  position: absolute;
  right: -100%;
  top: 0;
  transition: all 0.5s ease 0s;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.dropdown-main .dropdown-menu .menu_outer .mobile_menu .submenu:first-of-type {
  z-index: 30;
}

.dropdown-main .dropdown-menu .menu_outer .mobile_menu .submenu:nth-of-type(2) {
  z-index: 45;
}

.dropdown-main .dropdown-menu .menu_outer .mobile_menu .submenu li.select-region {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.dropdown-main .dropdown-menu .menu_outer .mobile_menu .submenu li.select-region img.country-option-flag {
  margin-left: 16px;
}

.dropdown-main .dropdown-menu .menu_visible {
  visibility: visible;
}

.dropdown-main .dropdown-menu .menu_hidden {
  visibility: hidden;
}

.dropdown-main .dropdown-menu .js-menu-bar-store svg.flip {
  transform: scale(1, -1);
}

.dropdown-main .dropdown-menu .mobile-overlay-header .back {
  cursor: pointer;
}

.dropdown-main .dropdown-menu li:hover {
  background-color: #f3f3f3;
}

.dropdown-main.active {
  top: -31px;
  padding-top: 40px;
  width: 100%;
  height: 100%;
  padding-bottom: 30px;
  margin-top: 20px;
  visibility: visible;
  opacity: 1;
}

.dropdown-main .close-mega-menu-drawer2 {
  opacity: 1;
  position: absolute;
  right: 40px;
  top: 30px;
  z-index: 2;
}

.mega-menu-drawer {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  font-size: 18px;
}

.mega-menu-drawer.active {
  display: block;
}

@media screen and (min-width: 73.75em) {
  .mega-menu-drawer.active {
    display: none;
  }
}

.mega-menu-drawer .menu-overlay {
  position: absolute;
  width: 100%;
  z-index: 2;
  background-color: #000;
  opacity: 45%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.mega-menu-drawer .menu-inner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  background-color: #fff;
  width: 64%;
  min-height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  max-width: 450px;
  width: 100vw;
  transform: translatey(100%);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.mega-menu-drawer .menu-inner.active {
  transform: none;
}

.mega-menu-drawer .menu-inner ul {
  list-style: none;
  padding-left: 0;
  width: 100%;
  overflow: visible;
}

.mega-menu-drawer .menu-inner .top-row {
  min-height: 50px;
  border-bottom: 1px solid #E3E3E3;
  width: 100%;
  text-align: center;
  position: relative;
  padding: 10px 10px;
}

.mega-menu-drawer .menu-inner .top-row .close-mega-menu-drawer {
  width: 50px;
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border-right: 1px solid #E3E3E3;
  position: relative;
  z-index: 10;
}

.mega-menu-drawer .menu-inner .top-row .right {
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: 16px;
  width: 100%;
  text-align: center;
  display: -ms-inline-flexbox;
  display: inline-flex;
  left: 0px;
  -ms-flex-pack: center;
      justify-content: center;
}

.mega-menu-drawer .menu-inner .top-row .right .user--register {
  margin-right: 30px;
  min-height: 50px;
  border-left: 1px solid #E3E3E3;
  padding-left: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  color: #1A1A1A;
}

.mega-menu-drawer .menu-inner .top-row .right .user--login {
  min-height: 50px;
  border-left: 1px solid #E3E3E3;
  padding-left: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  color: #1A1A1A;
}

.mega-menu-drawer .menu-inner .top-row .right .user--login img {
  margin-left: 10px;
}

@media screen and (max-width: 600px) {
  .mega-menu-drawer .menu-inner .drawer-lvl-zero {
    height: calc(calc(100vh - 60px) - 200px);
    overflow-y: scroll;
    padding-bottom: 60px;
  }
  .mega-menu-drawer .menu-inner .drawer-lvl-zero::-webkit-scrollbar {
    display: none;
  }
}

.mega-menu-drawer .menu-inner .drawer-lvl-zero .s-nav-item {
  padding: 15px 20px;
  border-bottom: 1px solid #e6e6e6;
  border-color: transparent;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}

@media screen and (max-width: 380px) {
  .mega-menu-drawer .menu-inner .drawer-lvl-zero .s-nav-item {
    padding: 15px 20px;
  }
}

.mega-menu-drawer .menu-inner .drawer-lvl-zero .s-nav-item.open-shop-drawer {
  color: #393939;
}

.mega-menu-drawer .menu-inner .drawer-lvl-zero .s-nav-item.open-shop-drawer > .s-nav-link {
  color: #393939;
}

.mega-menu-drawer .menu-inner .drawer-lvl-zero .s-nav-item.open-shop-drawer > .s-nav-link svg path {
  fill: #393939;
}

.mega-menu-drawer .menu-inner .drawer-lvl-zero .s-nav-item .s-nav-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  font-size: 18px;
  line-height: 1;
  font-weight: normal;
  text-decoration: none;
  color: #393939;
}

.mega-menu-drawer .menu-inner .drawer-lvl-zero .s-nav-item .s-nav-link.sfr {
  color: #A5192E;
}

.mega-menu-drawer .menu-inner .drawer-lvl-zero .s-nav-item .s-nav-link.sfr svg {
  fill: #A5192E;
}

.mega-menu-drawer .menu-inner .drawer-lvl-zero .s-nav-item svg {
  width: 12px !important;
  height: 12px !important;
}

.mega-menu-drawer .menu-inner .drawer-lvl-zero .menu-seperator {
  height: 1px;
  background-color: #E3E3E3;
  width: calc(100% - 40px);
  display: block;
  margin: 25px 20px;
}

.mega-menu-drawer .bottom-row {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  background-color: #fff;
  z-index: 3;
}

.mega-menu-drawer .speak-to-us {
  display: block;
  padding: 25px 20px;
  color: #8C8C8C;
  font-size: 16px;
  font-weight: 300;
}

.mega-menu-drawer .speak-to-us span {
  font-weight: 600;
}

.mega-menu-drawer .speak-to-us a {
  color: inherit;
  text-decoration: none;
}

.mega-menu-drawer .register-trade-account {
  width: 100%;
  display: block;
  padding: 30px 0;
  text-align: center;
  color: #393939;
  background-color: #F2F2F2;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
}

.mega-menu-drawer .register-trade-account h5 {
  color: #393939;
  font-size: 19px;
}

.mega-menu-drawer .drawer-lvl-one, .mega-menu-drawer .drawer-lvl-two, .mega-menu-drawer .drawer-lvl-three {
  display: block;
  width: 100%;
  position: absolute;
  height: calc(100vh - 80px);
  z-index: 10;
  background-color: #fff;
  top: 81px;
  left: 0;
  transform: translatex(-100%);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  overflow-y: scroll;
}

.mega-menu-drawer .drawer-lvl-one.active, .mega-menu-drawer .drawer-lvl-two.active, .mega-menu-drawer .drawer-lvl-three.active {
  transform: none;
}

.mega-menu-drawer .drawer-lvl-one .back-to-prev-cat, .mega-menu-drawer .drawer-lvl-two .back-to-prev-cat, .mega-menu-drawer .drawer-lvl-three .back-to-prev-cat {
  background-color: #fff;
  min-height: 50px;
  max-height: 50px;
  position: absolute;
  top: -70px;
  width: calc(100% - 100px);
  left: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  line-height: 1;
  padding-left: 35px;
}

.mega-menu-drawer .drawer-lvl-one .back-to-prev-cat svg, .mega-menu-drawer .drawer-lvl-two .back-to-prev-cat svg, .mega-menu-drawer .drawer-lvl-three .back-to-prev-cat svg {
  margin-right: 15px;
  cursor: pointer;
}

.mega-menu-drawer .drawer-lvl-one .back-to-prev-cat span, .mega-menu-drawer .drawer-lvl-two .back-to-prev-cat span, .mega-menu-drawer .drawer-lvl-three .back-to-prev-cat span {
  cursor: pointer;
}

.mega-menu-drawer .drawer-lvl-one .s-nav-item, .mega-menu-drawer .drawer-lvl-two .s-nav-item, .mega-menu-drawer .drawer-lvl-three .s-nav-item {
  background-color: #fff !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.mega-menu-drawer .drawer-lvl-one .s-nav-item.offer-link, .mega-menu-drawer .drawer-lvl-two .s-nav-item.offer-link, .mega-menu-drawer .drawer-lvl-three .s-nav-item.offer-link {
  padding-bottom: 20px;
  border-bottom: 1px solid #EBEBEB;
  background-color: #fff;
}

.mega-menu-drawer .drawer-lvl-one .s-nav-item.offer-link .s-nav-link, .mega-menu-drawer .drawer-lvl-two .s-nav-item.offer-link .s-nav-link, .mega-menu-drawer .drawer-lvl-three .s-nav-item.offer-link .s-nav-link {
  color: #D11F52;
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
}

.mega-menu-drawer .drawer-lvl-one .s-nav-item.all-products-link, .mega-menu-drawer .drawer-lvl-two .s-nav-item.all-products-link, .mega-menu-drawer .drawer-lvl-three .s-nav-item.all-products-link {
  padding-top: 20px;
}

.mega-menu-drawer .drawer-lvl-one .s-nav-item.all-products-link .s-nav-link, .mega-menu-drawer .drawer-lvl-two .s-nav-item.all-products-link .s-nav-link, .mega-menu-drawer .drawer-lvl-three .s-nav-item.all-products-link .s-nav-link {
  color: #3D9939;
  font-weight: 500;
  font-size: 18px;
}

.mega-menu-drawer .drawer-lvl-two {
  top: 0;
}

.mega-menu-drawer .drawer-lvl-three {
  top: 0;
}

.mega-menu-drawer .drawer-lvl-two {
  z-index: 11;
}

.mega-menu-drawer .drawer-lvl-three {
  z-index: 12;
}

.mega-menu-drawer .drawer-scrolled {
  max-height: calc(100vh - 145px);
  overflow-y: scroll;
}

.l-Header__cart {
  position: relative;
}

.l-Header__cart:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: 12px;
  height: 12px;
  background-color: #63891B;
  border-radius: 50%;
  top: -6px;
  right: 16px;
  display: none;
}

.l-Header__cart.has-items:before {
  display: block;
}

.l-Header__burger-icon {
  display: block;
  border: 0;
  background: transparent;
  outline: none;
  padding: 0;
  width: 18px;
  height: 14px;
}

@media screen and (min-width: 73.75em) {
  .l-Header__burger-icon {
    display: none;
  }
}

.l-Header__burger-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.l-Header__mobile-ui {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (min-width: 73.75em) {
  .l-Header__mobile-ui {
    display: none;
  }
}

.l-Header__mobile-ui li {
  display: inline-block;
}

.l-Header__mobile-ui svg {
  width: 100%;
  height: 100%;
  display: block;
}

.l-Header__mobile-search-button {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}

.l-Header__mobile-cart-button {
  width: 20px;
  height: 20px;
}

/*
    Modifiers
    ========================================================================== */
.l-Header__nav--right ul {
  float: right;
}

.l-Header--shrink {
  padding-top: 22px;
  padding-bottom: 22px;
  background-color: #fff;
  padding-left: calc(3% + .625rem);
  padding-right: calc(3% + .625rem);
}

@media screen and (max-width: 39.9375em) {
  .l-Header--shrink {
    padding-left: calc(3% + .3125rem);
  }
}

@media screen and (max-width: 39.9375em) {
  .l-Header--shrink {
    padding-right: calc(3% + .3125rem);
  }
}

.l-Header--shrink:before {
  transition: opacity 300ms ease;
  opacity: 0;
  transform: translate(0, 0);
}

.l-Header--shrink.shrink:before {
  opacity: 1;
}

.l-Header--shrink .c-Logo {
  max-width: 240px;
  max-height: 55px;
}

@media screen and (max-width: 61.1875em) {
  .l-Header--shrink .c-Logo {
    max-width: 156px;
    max-height: 33px;
  }
}

.l-Header--transparent {
  background-color: transparent;
}

@media screen and (max-width: 73.75em) {
  .l-Header--transparent {
    background-color: #fff;
  }
}

.l-Header--transparent.shrink .c-Logo svg path {
  fill: #5C8018;
}

.l-Header--transparent.shrink .l-Header__nav ul > li:after {
  background-color: #000;
}

.l-Header--transparent.shrink .l-Header__nav ul > li a {
  color: #000;
}

.l-Header--transparent.shrink .l-Header__nav-item--icon svg path {
  fill: #000;
}

.l-Header--transparent .c-Logo svg path {
  fill: #fff;
}

@media screen and (max-width: 73.75em) {
  .l-Header--transparent .c-Logo svg path {
    fill: #5C8018;
  }
}

.l-Header--transparent .l-Header__nav ul > li:after {
  background-color: #fff;
}

@media screen and (max-width: 73.75em) {
  .l-Header--transparent .l-Header__nav ul > li:after {
    background-color: #000;
  }
}

.l-Header--transparent .l-Header__nav ul > li > a {
  color: #fff;
}

@media screen and (max-width: 73.75em) {
  .l-Header--transparent .l-Header__nav ul > li > a {
    color: #000;
  }
}

.l-Header--transparent .l-Header__nav-item--icon svg path {
  fill: #fff;
}

@media screen and (max-width: 73.75em) {
  .l-Header--transparent .l-Header__nav-item--icon svg path {
    fill: #000;
  }
}

.locked {
  overflow: hidden !important;
}

/*  ==========================================================================
    Footer
    ========================================================================== */
/*
    Block
    ========================================================================== */
.l-Footer {
  position: relative;
  z-index: 0;
  background-color: #fff;
  color: #000;
  padding-top: calc(0.02778 * 100vw + 60px);
  box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.12);
}

@media screen and (min-width: 87.5em) {
  .l-Footer {
    padding-top: 110px;
  }
}

@media screen and (max-width: 61.1875em) {
  .l-Footer {
    padding-top: 60px;
  }
}

.l-Footer a {
  color: #000;
}

.l-Footer a:hover {
  color: #adadad;
}

@media screen and (max-width: 68.6875em) {
  .l-Footer .row > .column:nth-child(1), .l-Footer .row > .columns:nth-child(1),
  .l-Footer .row > .column:nth-child(2),
  .l-Footer .row > .columns:nth-child(2) {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 39.9375em) {
  .l-Footer .row > .column:nth-child(3), .l-Footer .row > .columns:nth-child(3) {
    margin-bottom: 40px;
  }
}

.l-Footer.mobile .c-ArrowBtnCircular, .l-Footer.mobile .js-footer-btn {
  display: none;
}

@media (max-width: 979px) {
  .l-Footer.mobile {
    padding: 0px;
  }
  .l-Footer.mobile .container {
    padding: 0px;
  }
  .l-Footer.mobile .column.medium-20, .l-Footer.mobile .medium-20.columns {
    margin-bottom: 0px !important;
    border-bottom: 1px solid #ebebeb;
  }
  .l-Footer.mobile .column.medium-20 .l-Footer__col-header, .l-Footer.mobile .medium-20.columns .l-Footer__col-header {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0px;
    width: 100%;
    float: left;
    padding-left: 20px;
    background-color: #fbfbfb;
  }
  .l-Footer.mobile .column, .l-Footer.mobile .columns {
    margin-bottom: 0px !important;
  }
  .l-Footer.mobile .u-list--bare {
    display: none;
    width: 100%;
    padding-left: 21px !important;
    float: left;
    padding-top: 10px;
  }
  .l-Footer.mobile .u-list--bare.active {
    display: block;
  }
  .l-Footer.mobile .c-ArrowBtnCircular {
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: right;
    border: 0px;
    height: 20px;
  }
  .l-Footer.mobile .c-ArrowBtnCircular svg {
    transform: rotate(0deg);
  }
  .l-Footer.mobile .c-ArrowBtnCircular.active svg {
    transform: rotate(180deg);
  }
  .l-Footer.mobile .l-Footer__logo {
    display: inherit;
    padding: 20px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .l-Footer.mobile h5 {
    display: none;
  }
  .l-Footer.mobile h5.js-footer-btn {
    display: block;
  }
}

.footer-copy {
  padding-top: 80px;
  display: grid;
  -ms-flex-pack: justify;
      justify-content: space-between;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

@media (max-width: 980px) {
  .footer-copy {
    display: block;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 3px;
  }
}

.footer-copy svg {
  max-width: 110px;
  vertical-align: text-bottom;
}

.footer-copy .text-right {
  text-align: right;
}

@media (max-width: 980px) {
  .footer-copy .text-right {
    text-align: center;
  }
}

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

@media (max-width: 980px) {
  .footer-copy p {
    text-align: center;
    margin-bottom: 10px;
    padding-top: 10px;
  }
}

.footer-copy .app-badge img {
  width: 125px;
  height: 37px;
}

@media (max-width: 980px) {
  .footer-copy .app-badge img {
    width: 105px;
    height: 37px;
  }
}

.footer-copy .app-badge svg.card-data {
  max-width: 32px;
}

.footer-copy .app-badge svg.card-data:not(:last-child) {
  margin-right: 5px;
}

/*
		Elements
			========================================================================== */
.l-Footer__col-header {
  margin-bottom: calc(0.00556 * 100vw + 20px);
}

@media screen and (min-width: 87.5em) {
  .l-Footer__col-header {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 61.1875em) {
  .l-Footer__col-header {
    margin-bottom: 20px;
  }
}

.l-Footer__links > li {
  margin-bottom: calc(0.00278 * 100vw + 15px);
}

@media screen and (min-width: 87.5em) {
  .l-Footer__links > li {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 61.1875em) {
  .l-Footer__links > li {
    margin-bottom: 15px;
  }
}

.l-Footer__links > li > a {
  display: block;
}

.l-Footer__logo {
  display: block;
  width: 310px;
  height: 64px;
  max-width: 100%;
}

@media screen and (max-width: 68.6875em) {
  .l-Footer__logo {
    display: none;
  }
}

.l-Footer__logo > span {
  display: none;
}

.l-Footer__logo svg {
  width: 100%;
  height: 100%;
}

.l-Footer__tertiary_links {
  position: relative;
  z-index: 0;
  clear: both;
  background-color: #f3f3f3;
  padding-top: calc(0.00556 * 100vw + 40px);
  padding-bottom: calc(0.00556 * 100vw + 40px);
  display: none;
}

@media screen and (min-width: 87.5em) {
  .l-Footer__tertiary_links {
    padding-top: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .l-Footer__tertiary_links {
    padding-top: 40px;
  }
}

@media screen and (min-width: 87.5em) {
  .l-Footer__tertiary_links {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .l-Footer__tertiary_links {
    padding-bottom: 40px;
  }
}

.l-Footer__tertiary_links ul {
  display: inline-block;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 39.9375em) {
  .l-Footer__tertiary_links ul {
    text-align: left;
  }
}

.l-Footer__tertiary_links ul li {
  display: inline-block;
}

@media screen and (max-width: 39.9375em) {
  .l-Footer__tertiary_links ul li {
    display: block;
  }
}

.l-Footer__tertiary_links ul li a {
  display: inline-block;
  padding: 10px 1.25rem;
}

@media screen and (max-width: 39.9375em) {
  .l-Footer__tertiary_links ul li a {
    padding: 10px 0;
  }
}

.l-Footer__tertiary_links ul li a:hover {
  color: #707070;
}

/*  ==========================================================================
    Menu
    ========================================================================== */
/*
    Block
    ========================================================================== */
/*
    Block
    ========================================================================== */
/*  ==========================================================================
	Shop Department Header
	========================================================================== */
/*
	Block
	========================================================================== */
.l-ShopDepartmentHeader {
  position: relative;
  width: 100%;
  height: 680px;
}

@media (max-width: 1024px) {
  .l-ShopDepartmentHeader {
    height: 160px;
  }
}

/*
	Elements
	========================================================================== */
.l-ShopDepartmentHeader__overlay {
  z-index: 1;
}

.l-ShopDepartmentHeader__bg {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}

.l-ShopDepartmentHeader__bg .intrinsic-image {
  height: 124%;
  top: -12%;
}

.l-ShopDepartmentHeader__bg .intrinsic-image img {
  height: 100%;
}

.l-ShopDepartmentHeader__content {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
}

.l-ShopDepartmentHeader__heading {
  color: #fff;
  position: relative;
  margin-bottom: 135px;
}

@media (max-width: 1024px) {
  .l-ShopDepartmentHeader__heading {
    margin-bottom: 0;
  }
}

.l-ShopDepartmentHeader__heading:after {
  content: '';
  position: absolute;
  bottom: -35px;
  width: 100%;
  height: 4px;
  left: 0;
  background-color: #fff;
}

@media (max-width: 1024px) {
  .l-ShopDepartmentHeader__heading:after {
    bottom: -20px;
    height: 2px;
  }
}

.l-ShopDepartmentHeader__boxes {
  width: 100%;
}

.l-ShopDepartmentHeader__boxes .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
}

@media (max-width: 1024px) {
  .l-ShopDepartmentHeader__boxes {
    display: none;
  }
}

.l-ShopDepartmentHeader__mobile-cards {
  display: none;
  padding: 40px 3%;
  background-color: #fafafa;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.l-ShopDepartmentHeader__mobile-cards .c-IconTextBox {
  width: calc(50% - 10px);
  margin-bottom: 20px;
}

@media (max-width: 1024px) {
  .l-ShopDepartmentHeader__mobile-cards {
    display: -ms-flexbox;
    display: flex;
  }
}

/*  ==========================================================================
    Product Grid
    ========================================================================== */
/*
    Block
    ========================================================================== */
.l-ProductGrid .column, .l-ProductGrid .columns {
  margin-bottom: calc(0.01111 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .l-ProductGrid .column, .l-ProductGrid .columns {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .l-ProductGrid .column, .l-ProductGrid .columns {
    margin-bottom: 30px;
  }
}

/*  ==========================================================================
    Content Page Layout
    ========================================================================== */
/*
    Block
    ========================================================================== */
.l-ContentPage {
  position: relative;
  background-color: #fafafa;
  padding-bottom: calc(0.02222 * 100vw + 180px);
}

@media screen and (min-width: 87.5em) {
  .l-ContentPage {
    padding-bottom: 220px;
  }
}

@media screen and (max-width: 61.1875em) {
  .l-ContentPage {
    padding-bottom: 180px;
  }
}

@media (max-width: 600px) {
  .l-ContentPage {
    padding-bottom: 50px !important;
  }
}

/*
    Elements
    ========================================================================== */
.l-ContentPage__heading {
  position: relative;
  display: inline-block;
  z-index: 2;
}

.l-ContentPage__heading:after {
  content: '';
  position: absolute;
  width: 160px;
  height: 4px;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #000;
  bottom: calc(-0.00833 * 100vw + -20px);
}

@media screen and (min-width: 87.5em) {
  .l-ContentPage__heading:after {
    bottom: -35px;
  }
}

@media screen and (max-width: 61.1875em) {
  .l-ContentPage__heading:after {
    bottom: -20px;
  }
}

.l-ContentPage__background-image {
  position: fixed;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
    Modifiers
    ========================================================================== */
.l-ContentPage--bg-image {
  background-color: transparent;
  padding-top: calc(0.03333 * 100vw + 220px);
}

@media screen and (min-width: 87.5em) {
  .l-ContentPage--bg-image {
    padding-top: 280px;
  }
}

@media screen and (max-width: 61.1875em) {
  .l-ContentPage--bg-image {
    padding-top: 220px;
  }
}

.l-ContentPage__header--white {
  color: #fff;
}

.l-ContentPage__header--white .l-ContentPage__heading:after {
  background-color: #fff;
}

/*  ==========================================================================
    Article Grid Layout
    ========================================================================== */
/*
    Block
    ========================================================================== */
.l-ArticleGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}

@media (max-width: 980px) {
  .l-ArticleGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 500px) {
  .l-ArticleGrid {
    grid-template-columns: repeat(1, 1fr);
  }
}

/*
    Elements
    ========================================================================== */
.l-ArticleGrid__item {
  margin-bottom: calc(0.01111 * 100vw + 30px);
}

@media screen and (min-width: 87.5em) {
  .l-ArticleGrid__item {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 61.1875em) {
  .l-ArticleGrid__item {
    margin-bottom: 30px;
  }
}

.l-ArticleThumb__play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.product-page .l-Header.shrink:before,
.magazine-article-page .l-Header.shrink:before {
  opacity: 0;
}

/*  ==========================================================================
    Print
    ========================================================================== */
@media print {
  header,
  nav,
  footer {
    display: none;
  }
  img {
    max-width: 500px;
  }
  body {
    font: 12pt Georgia, "Times New Roman", Times, serif;
    line-height: 1.3;
  }
}

.col-block {
  background-color: pink;
  display: block;
  text-align: center;
}

.sg-label {
  display: block;
  color: #adadad;
  margin-bottom: 10px;
}

.sg-row {
  display: block;
  margin-bottom: 40px;
}

.sg-heading {
  display: block;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

.w-recipe-video {
  margin: 0 auto;
  position: relative;
  height: 0;
  width: 90%;
  margin: 0 auto;
  max-height: 80vh;
  padding-bottom: 68%;
  overflow: hidden;
}

.w-recipe-video iframe, .w-recipe-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.player .vp-controls-wrapper, .player .vp-video-wrapper {
  display: none !important;
}

.Extar-margin-b {
  margin-bottom: 180px;
}

@media (max-width: 1860px) {
  .Extar-margin-b {
    margin-bottom: 120px;
  }
}

@media (max-width: 120px) {
  .Extar-margin-b {
    margin-bottom: 60px;
  }
}

.flex-split {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 600px) {
  .flex-split {
    padding-bottom: 60px;
  }
}

@media (max-width: 600px) {
  .flex-split > div {
    -ms-flex: none;
        flex: none;
    width: 100%;
  }
}

@media (max-width: 600px) {
  .flex-split .c-PageContent--split__image {
    min-height: 40vh;
  }
}

@media (max-width: 600px) {
  .c-PageContent {
    padding: 30px 20px !important;
  }
}

.c-CategoryFiltersSection {
  padding: 50px 0px 0px;
}

@media (max-width: 600px) {
  .c-CategoryFiltersSection {
    padding: 0;
  }
}

.c-CategoryFiltersSection.mobile {
  display: none;
}

.c-CategoryFiltersSection.mobile .c-CategoryFilters {
  margin-bottom: 20px;
}

.c-CategoryFiltersSection.mobile .c-SectionHeading {
  padding-bottom: 10px !important;
}

.c-CategoryFiltersSection.mobile .c-SectionHeading .c-SectionHeading__heading {
  width: 100%;
  margin: 0px;
  margin-bottom: 10px;
}

.c-CategoryFiltersSection.mobile .column, .c-CategoryFiltersSection.mobile .columns {
  width: auto;
  padding: 0px;
  border: 1px solid #EBEBEB;
}

@media screen and (max-width: 61.1875em) {
  .c-CategoryFiltersSection.desktop {
    display: none;
  }
  .c-CategoryFiltersSection.mobile {
    padding-top: 90px;
    display: block;
  }
}

.recipe-video-steps {
  padding-bottom: 0 !important;
}

.store-locator {
  padding-top: calc(0.04444 * 100vw + 100px);
  padding-bottom: calc(0.04444 * 100vw + 100px);
}

@media screen and (min-width: 87.5em) {
  .store-locator {
    padding-bottom: 180px;
    padding-top: 180px;
  }
}

@media (max-width: 600px) {
  .store-locator {
    padding-bottom: 0px !important;
    position: relative;
    display: inline-block;
    padding-top: 0px;
  }
}

.user-signin {
  padding-top: 100px;
  min-height: 100vh;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background: #F2F2F2;
}

.user-signin .signin-bx {
  padding: 40px;
  background: #fff;
  width: 100%;
  max-width: 560px;
}

.user-signin .signin-form input {
  font-family: "Gill Sans MT W01 Light", sans-serif;
  line-height: 1.25;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  width: 100%;
  padding: 18px;
  border: 1px solid #ADADAD;
  outline: none;
  border-radius: 0;
  max-height: 55px;
  border: 1px solid #ADADAD;
  margin-bottom: 20px;
}

.user-signin .signin-form input[type="submit"] {
  background-color: transparent;
  border: 1px solid #000;
  color: #000;
  text-align: center;
  font-weight: 600;
}

.user-signin .signin-form input[type="submit"]:hover {
  background-color: #63891B;
  border-color: #63891B;
  color: #fff;
}

.user-signin .signin-form .c-CheckboxCircle:checked + label, .user-signin .signin-form .signin-form .c-CheckboxCircle:not(:checked) + label {
  width: 60%;
}

.override-white {
  color: #fff !important;
  border-bottom-color: #fff !important;
}

.override-white:before, .override-white:after {
  background-color: #fff !important;
}

.pagination-bx {
  width: 100%;
  margin-top: 120px;
  display: block;
}

.pagination-bx .viewed {
  font-family: "Gill Sans MT W01 Medium", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  color: #5C8018;
}

.pagination-bx .viewed b, .pagination-bx .viewed strong {
  font-weight: 500;
}

.pagination-bx .percent-bar {
  background-color: #E6E6E6;
  height: 2px;
  margin-bottom: 2em;
  width: 100%;
}

.pagination-bx .percent-bar div {
  background-color: #5C8018;
  height: 100%;
}

.pagination-bx .page-numbers {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.pagination-bx .page-numbers a {
  color: #1A1A1A;
  text-decoration: none;
}

.pagination-bx .page-numbers .page-no-bx {
  border: 1px solid #EBEBEB;
  border-right: 0;
  padding: 15px 20px;
  line-height: 1;
  cursor: pointer;
  min-height: 48px;
  min-width: 48px;
  font-family: "Gill Sans MT W01 Medium", sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.pagination-bx .page-numbers .page-no-bx.prev {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.pagination-bx .page-numbers .page-no-bx.next {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: 1px solid #EBEBEB;
}

.pagination-bx .page-numbers .page-no-bx.active {
  background-color: #fff;
  color: #5C8018;
}

.pagination-bx .page-numbers .page-no-bx:hover {
  background-color: #fff;
}

.w-recipe-wide, .w-recipe-3block {
  width: 85%;
  margin: 0 auto;
  position: relative;
}

@media (max-width: 600px) {
  .w-recipe-wide, .w-recipe-3block {
    width: 95%;
  }
}

.w-recipe-wide .overlay, .w-recipe-3block .overlay {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 99.5%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.1;
}

.w-recipe-wide .c-ArticleThumb--large, .w-recipe-3block .c-ArticleThumb--large {
  position: absolute;
  z-index: 3;
  top: 80px;
  left: 80px;
  max-width: 30%;
}

@media (max-width: 1700px) {
  .w-recipe-wide .c-ArticleThumb--large, .w-recipe-3block .c-ArticleThumb--large {
    max-width: 40%;
  }
}

@media (max-width: 900px) {
  .w-recipe-wide .c-ArticleThumb--large, .w-recipe-3block .c-ArticleThumb--large {
    max-width: 60%;
  }
}

.w-recipe-wide .c-ArticleThumb--large:hover, .w-recipe-3block .c-ArticleThumb--large:hover {
  box-shadow: none;
}

.w-recipe-wide .c-ArticleThumb--large .c-AdditionalInfo__left, .w-recipe-wide .c-ArticleThumb--large .c-AdditionalInfo__right, .w-recipe-wide .c-ArticleThumb--large .c-ArticleThumb__title, .w-recipe-wide .c-ArticleThumb--large .c-ArticleThumb__desc, .w-recipe-3block .c-ArticleThumb--large .c-AdditionalInfo__left, .w-recipe-3block .c-ArticleThumb--large .c-AdditionalInfo__right, .w-recipe-3block .c-ArticleThumb--large .c-ArticleThumb__title, .w-recipe-3block .c-ArticleThumb--large .c-ArticleThumb__desc {
  color: #fff;
}

.w-recipe-wide .img-bx, .w-recipe-3block .img-bx {
  position: relative;
}

.w-recipe-wide .inner-box, .w-recipe-3block .inner-box {
  padding: 0 10px;
}

@media (max-width: 1200px) {
  .w-recipe-wide {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .w-recipe-wide {
    min-height: 74vh;
  }
  .w-recipe-wide img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
  .w-recipe-wide .inner-box {
    padding: 0;
  }
  .w-recipe-wide .c-ArticleThumb--large {
    top: 40px;
    left: 40px;
    right: 40px;
    max-width: calc(100vw - 120px);
  }
}

.w-recipe-wide .img-bx {
  position: relative;
}

@media (max-width: 600px) {
  .w-recipe-wide .img-bx {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
  }
}

.w-recipe-3block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 100px 0;
}

@media (max-width: 600px) {
  .w-recipe-3block {
    padding-top: calc(0.03889 * 100vw + 60px);
    padding-bottom: calc(0.03889 * 100vw + 60px);
  }
}

.w-recipe-3block.npb {
  padding-bottom: 0;
}

.w-recipe-3block .recipe-box {
  position: relative;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

@media (max-width: 600px) {
  .w-recipe-3block .recipe-box {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }
  .w-recipe-3block .recipe-box:last-child {
    margin-bottom: 0;
  }
}

.w-recipe-3block .recipe-box .inner-box {
  padding: 0 10px;
}

.w-recipe-3block .recipe-box .inner-box.text-top {
  position: relative;
}

.w-recipe-3block .recipe-box .inner-box.text-top .recipe-info {
  top: 40px;
  bottom: auto;
}

.w-recipe-3block .recipe-box .inner-box.text-bottom {
  position: relative;
}

.w-recipe-3block .recipe-box .inner-box.text-bottom .recipe-info {
  top: auto;
  bottom: 40px;
}

.w-recipe-3block .recipe-box .inner-box.text-bottom .recipe-info .c-ArticleThumb__title {
  margin-bottom: 0;
}

.w-recipe-3block .recipe-box .inner-box .c-ArticleThumb--large {
  max-width: 80%;
}

.w-recipe-3block .recipe-box .c-ArticleThumb--large {
  top: 40px;
  left: 40px;
}

.scaled-img {
  transform: scale(1.2);
}

.white-link * {
  color: #fff;
}

.control-img picture img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.inspiration_menu {
  position: relative;
  z-index: 10;
}

.dropdown-main-ins {
  position: absolute;
  left: 0px;
  top: 30px;
  transition: opacity 400ms cubic-bezier(0.42, 0, 0.34, 1.01);
  visibility: hidden;
  opacity: 0;
}

.dropdown-main-ins.active {
  top: -30px;
  padding-top: 40px;
  width: 100%;
  height: 100%;
  padding-bottom: 30px;
  margin-top: 20px;
  visibility: visible;
  opacity: 1;
}

.dropdown-main-ins::before {
  z-index: 10;
  content: "";
  position: absolute;
  top: 1px;
  left: 50%;
  border: 7px solid black;
  border-color: transparent transparent #fff #fff;
  transform-origin: 0 0;
  transform: rotate(135deg);
  margin-top: 40px;
}

.dropdown-main-ins .dropdown-menu {
  width: 100vw;
  left: 0;
  right: 0;
  background-color: #fff;
  color: #000;
  position: fixed;
  min-height: 40vh;
  padding-top: calc(0.02146 * 100vw + 14.12017px);
}

@media screen and (min-width: 100em) {
  .dropdown-main-ins .dropdown-menu {
    width: 80vw;
    left: 5vw;
  }
}

.dropdown-main-ins .dropdown-menu .menu-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
}

.dropdown-main-ins .dropdown-menu .menu-content .left {
  width: 400px;
  max-width: 400px;
  position: absolute;
  height: calc(100% - calc(0.02146 * 100vw + 14.12017px));
}

.dropdown-main-ins .dropdown-menu .menu-content .left ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  max-width: 400px;
  padding: 0;
  height: 100%;
  font-weight: normal;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 12px;
  line-height: 1.2;
  border-right: 1px solid #EBEBEB;
  list-style: none;
  padding-left: 1px;
}

.dropdown-main-ins .dropdown-menu .menu-content .left ul li {
  color: #8c8c8c;
  width: 100%;
  cursor: pointer;
}

.dropdown-main-ins .dropdown-menu .menu-content .left ul li a {
  display: inline-block;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 60px;
  padding-right: 30px;
  width: 80%;
  color: #ADADAD !important;
  text-transform: capitalize;
  font-size: 18px;
  opacity: 1 !important;
}

.dropdown-main-ins .dropdown-menu .menu-content .left ul li a:hover {
  color: #1a1a1a !important;
}

.dropdown-main-ins .dropdown-menu .menu-content .right {
  max-width: calc(100% - 400px);
  width: calc(100% - 400px);
  margin-left: 400px;
}

.dropdown-main-ins .dropdown-menu .menu-content .right .article-menu-block {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 0 50px;
}

.dropdown-main-ins .dropdown-menu .menu-content .right .article-menu-block .c-ArticleThumb {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 15px;
  opacity: 1 !important;
}

.dropdown-main-ins .dropdown-menu .menu-content .right .article-menu-block .c-ArticleThumb:hover {
  box-shadow: none;
}

.dropdown-main-ins .dropdown-menu .menu-content .right .article-menu-block .c-ArticleThumb .c-ArticleThumb__bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.dropdown-main-ins .dropdown-menu .menu-content .right .article-menu-block .c-ArticleThumb .c-ArticleThumb__bottom .c-ArticleThumb__title, .dropdown-main-ins .dropdown-menu .menu-content .right .article-menu-block .c-ArticleThumb .c-ArticleThumb__bottom .c-ArticleThumb__desc, .dropdown-main-ins .dropdown-menu .menu-content .right .article-menu-block .c-ArticleThumb .c-ArticleThumb__bottom .c-Btn {
  text-align: center;
  text-transform: none;
}

.dropdown-main-ins .dropdown-menu .menu-content .right .article-menu-block .c-ArticleThumb .c-ArticleThumb__bottom .c-ArticleThumb__title {
  min-height: 70px;
}

.w-100 {
  width: 100%;
}

.inspiration-mobile {
  padding: 20px;
}

.inspiration-mobile .left {
  margin-bottom: 30px;
  border-bottom: 1px solid #efefef;
  padding-bottom: 20px;
}

.inspiration-mobile .left ul {
  width: 100%;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 12px;
  line-height: 1.2;
  list-style: none;
}

.inspiration-mobile .left ul li {
  color: #8c8c8c;
  width: 100%;
  cursor: pointer;
}

.inspiration-mobile .left ul li a {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 30px;
  width: 100%;
  color: #ADADAD !important;
  text-transform: capitalize;
  font-size: 18px;
  opacity: 1 !important;
}

.inspiration-mobile .left ul li a:hover {
  color: #1a1a1a !important;
}

.inspiration-mobile .right .article-menu-block .c-ArticleThumb:hover {
  box-shadow: none;
}

.inspiration-mobile .right .article-menu-block .c-ArticleThumb .c-ArticleThumb__bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 15px;
}

.inspiration-mobile .right .article-menu-block .c-ArticleThumb .c-ArticleThumb__bottom .c-ArticleThumb__title, .inspiration-mobile .right .article-menu-block .c-ArticleThumb .c-ArticleThumb__bottom .c-ArticleThumb__desc, .inspiration-mobile .right .article-menu-block .c-ArticleThumb .c-ArticleThumb__bottom .c-Btn {
  text-align: center;
  text-transform: none;
}

.inspiration-mobile .right .article-menu-block .c-ArticleThumb .c-ArticleThumb__bottom .c-ArticleThumb__title {
  min-height: 70px;
}

.password-reset {
  min-height: 80vh;
  padding-top: 120px;
  padding-bottom: 120px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.password-reset .reset-bx {
  border: 1px solid #ADADAD;
  width: 780px;
  max-width: 100%;
  padding: 20px;
}

@media (min-width: 1200px) {
  .password-reset .reset-bx {
    padding: 80px;
  }
}

.password-reset .reset-bx h3 {
  font-family: "Gill Sans MT W01 Medium", sans-serif;
  text-align: center;
  font-size: calc(0.00667 * 100vw + 18px);
  line-height: 1.1;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (min-width: 87.5em) {
  .password-reset .reset-bx h3 {
    font-size: 30px;
  }
}

.password-reset .input-holder input[type=submit], .password-reset .form-actions input[type=submit] {
  width: 100%;
  background-color: transparent;
  border: 1px solid #000;
  color: #000;
  text-align: center;
  margin-top: 20px;
  margin-bottom: calc(0.00278 * 100vw + 20px);
  transition: background-color .2s linear, border-color .2s linear;
  outline: none;
  padding: 14px 18px;
}

.password-reset .input-holder input[type=submit]:hover, .password-reset .form-actions input[type=submit]:hover {
  background-color: #63891B;
  border-color: #63891B;
  color: #fff;
}

.password-reset .control-group input {
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  width: 100%;
  padding: 18px;
  border: 1px solid #adadad;
  outline: none;
  border-radius: 0;
  max-height: 55px;
  line-height: 1.25;
  font-family: "Gill Sans MT W01 Light", sans-serif;
  margin-top: 20px;
}

.password-reset .alert-error ul {
  list-style: none;
  padding: 0;
}

.password-reset .last-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.password-reset .selectric-wrapper {
  margin-bottom: 20px;
}

.password-reset form.registration input {
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  width: 100%;
  padding: 18px;
  border: 1px solid #adadad;
  outline: none;
  border-radius: 0;
  max-height: 55px;
  line-height: 1.25;
  font-family: "Gill Sans MT W01 Light", sans-serif;
  margin-bottom: 20px;
}

.password-reset form.registration .helptext {
  position: relative;
  top: -10px;
  margin-bottom: 20px;
  display: block;
}

.password-reset form.registration .form-actions .btn {
  width: 100%;
  background-color: transparent;
  border: 1px solid #000;
  color: #000;
  text-align: center;
  margin-bottom: calc(0.00278 * 100vw + 20px);
  transition: background-color .2s linear, border-color .2s linear;
  outline: none;
  padding: 14px 18px;
}

.password-reset form.registration .form-actions .btn:hover {
  background-color: #63891B;
  border-color: #63891B;
  color: #fff;
}

.account-popup.product-review .popup-inner {
  width: 60%;
  max-width: 100%;
  max-height: 80vh;
  overflow: auto;
}

.account-popup.product-review textarea {
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  width: 100%;
  padding: 18px;
  border: 1px solid #adadad;
  outline: none;
  border-radius: 0;
  overflow: auto;
  vertical-align: top;
  font-family: inherit;
  border-radius: 0 !important;
}

.account-popup.product-review .btn {
  float: right;
}

.account-popup .reviews {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 20px 0 15px;
  border-bottom: 1px solid #ebebeb;
}

.account-popup .reviews .col-left {
  width: 20%;
}

.account-popup .reviews .col-right {
  width: 75%;
}

.product-badges {
  position: absolute;
  z-index: 20;
  top: 20px;
  left: 20px;
  min-width: 25px;
  height: 25px;
}

.product-badges .non-halal-badge, .product-badges .country-of-origin {
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  border: 1px solid #ebebeb;
  border-radius: 50%;
}

.product-badges-right {
  position: absolute;
  z-index: 20;
  top: 20px;
  right: 20px;
  min-width: 25px;
  height: 25px;
}

.product-badges-right #Layer_2 {
  display: none;
}

.product-badges-right.filled #Layer_2 {
  display: block;
}

.product-badges-right .heart {
  max-width: 25px;
  fill: #ccc;
}

.main_overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.45;
  display: none;
}

.main_overlay.active {
  display: block;
}

.wishlist-detail button {
  border: 0;
  padding: 0;
  text-align: center;
  outline: none;
  width: 58px;
  height: 58px;
  transition: border-color .2s linear;
}

.wishlist-detail button:hover {
  background-color: #63891B;
  color: #fff;
}

.banner-bx {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin: 20px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 60px 0;
}

@media screen and (max-width: 600px) {
  .banner-bx {
    padding: 30px 0;
  }
}

.banner-bx img {
  width: 100%;
}

.banner-bx img.desktop {
  margin-bottom: 15px;
  width: 100%;
  max-width: 970px;
  display: block !important;
}

@media screen and (max-width: 600px) {
  .banner-bx img.desktop {
    display: none !important;
  }
}

.banner-bx img.mobile {
  display: none;
}

@media screen and (max-width: 600px) {
  .banner-bx img.mobile {
    display: block;
    max-width: 300px;
    width: 100%;
    margin-bottom: 10px;
  }
}

.banner-bx .banner-title {
  font-weight: normal;
  letter-spacing: 2px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 300;
  color: #CCCCCC;
  margin-bottom: 0;
  line-height: 1;
}

.banner-bx.checkout-page {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  min-height: 120px;
  margin: 0px;
}

@media (max-width: 990px) {
  .banner-bx.checkout-page {
    min-height: 300px;
  }
}

.banner-bx.checkout-page > div {
  position: absolute;
  top: 30px;
}

@media (max-width: 1500px) and (min-width: 980px) {
  .banner-bx.checkout-page > div {
    right: 0px;
  }
}

.banner-bx-catalogue {
  margin-top: 40px;
  margin-bottom: -90px;
  padding-bottom: 0px;
}

@media (max-width: 1200px) {
  .banner-bx-catalogue {
    margin-bottom: -110px;
  }
}

@media (min-width: 990px) {
  .sticky-checkout {
    position: -webkit-sticky;
    position: sticky;
    top: 30px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}

@media (min-width: 990px) {
  .sticky-checkout-left {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 42px;
  }
}

.sticky-checkout-left .s-accordion-container .s-set-tab {
  display: block !important;
}

.l-footer-app {
  display: inline-block;
  width: 100%;
  margin-top: 40px;
  margin-left: 35px;
}

.l-footer-app a {
  display: inline-block;
  max-width: 50%;
}

@media (max-width: 1500px) and (min-width: 1100px) {
  .l-footer-app {
    margin-left: 0px;
  }
  .l-footer-app a {
    max-width: 48%;
  }
}

@media (max-width: 990px) {
  .l-footer-app {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
    text-align: center;
  }
}

@media screen and (max-width: 68.6875em) {
  .l-footer-app {
    display: none;
  }
}

.form-error {
  color: #CC0825 !important;
}

/* recicpe buy all modal  start*/
.ingredient-list {
  margin-bottom: 80px;
}

@media (max-width: 739px) {
  .ingredient-list {
    margin-bottom: 0;
  }
}

@media (max-width: 991px) {
  .ingredient-list .title {
    border-top: none;
    margin-top: 0;
  }
}

@media (min-width: 1672px) {
  .ingredient-list {
    margin-bottom: 80px;
  }
}

.ingredient-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ingredient-list ul li.list-element {
  border-top: 1px solid #e6e6e6;
  position: relative;
}

.ingredient-list ul li.list-element:last-child {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 36px;
}

.ingredient-list ul li.list-element:hover .hover-image {
  visibility: visible;
  right: 0;
}

.ingredient-list .c-ingredient {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
}

.ingredient-list .c-ingredient input {
  display: none;
}

.ingredient-list .c-ingredient input:checked + label .indicator {
  background-color: #63891B;
  border-color: #63891B;
}

.ingredient-list .c-ingredient input:checked + label .indicator .checked svg {
  display: inline;
  fill: #ffffff;
}

.ingredient-list .c-ingredient input:not(:checked) + label:hover .indicator {
  background-color: #63891B;
  border-color: #63891B;
}

.ingredient-list .c-ingredient input:not(:checked) + label:hover .indicator .hover svg {
  display: inline;
  fill: #ffffff;
}

.ingredient-list .c-ingredient label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px;
  width: 52px;
  height: 52px;
  cursor: pointer;
}

.ingredient-list .c-ingredient .indicator {
  width: 32px;
  height: 32px;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.ingredient-list .c-ingredient .indicator svg {
  display: none;
  margin-top: 3px;
  width: 16px;
  height: 16px;
  fill: transparent;
}

.ingredient-list .c-ingredient a {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: initial;
}

.ingredient-list .c-ingredient a:hover {
  color: #bababa;
  text-decoration: none;
}

.ingredient-list .c-ingredient .ingredient-about {
  -ms-flex-align: baseline;
      align-items: baseline;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-left: 5px;
  margin-top: -2px;
  -ms-flex-align: center;
      align-items: center;
  line-height: 50px;
  font-weight: 500;
  font-size: 18px;
}

@media (max-width: 991px) {
  .ingredient-list .c-ingredient .ingredient-about {
    font-size: 16px;
  }
}

.ingredient-list .c-ingredient .ingredient-about .name {
  font-weight: 500;
}

.ingredient-list .c-ingredient .hover-image {
  position: absolute;
  top: -200px;
  right: 2000px;
  z-index: 20;
  visibility: hidden;
  pointer-events: none;
}

@media (max-width: 991px) {
  .ingredient-list .c-ingredient .hover-image {
    display: none;
  }
}

.ingredient-list .c-ingredient .hover-image .image {
  width: 200px;
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.ingredient-list .extra {
  padding-left: 64px;
  padding-top: 10px;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 40px;
}

@media (min-width: 1672px) {
  .ingredient-list .extra {
    margin-bottom: 50px;
  }
}

.ingredient-list .extra h3 {
  color: #bababa;
  font-size: 18px;
  font-weight: 300;
  color: #1a1a1a;
}

@media (min-width: 1672px) {
  .ingredient-list .extra h3 {
    font-size: 20px;
  }
}

.ingredient-overlay {
  position: fixed;
  top: 40px;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.ingredient-overlay.active {
  display: -ms-flexbox;
  display: flex;
  z-index: 100;
}

.ingredient-overlay .overlay-background {
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: pointer;
}

.ingredient-overlay .overlay-modal {
  max-height: 80vh;
  max-width: 80vw;
  width: 100%;
  background-color: #fff;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 4px;
  padding: 20px;
  z-index: 1;
  overflow: hidden;
  display: none;
  max-width: 865px;
}

@media (max-width: 767px) {
  .ingredient-overlay .overlay-modal {
    max-width: 90vw;
  }
}

.ingredient-overlay .overlay-modal.active {
  display: -ms-flexbox;
  display: flex;
}

.ingredient-overlay .overlay-modal .modal-header {
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
  line-height: 1.25;
  letter-spacing: 0.02em;
  padding: 0 0 20px;
  font-size: 20px;
  border-bottom: 1px solid #F4F4F4;
  margin-bottom: 10px;
  padding-bottom: 15px;
}

.ingredient-overlay .overlay-modal .modal-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow-y: auto;
  padding: 0;
  width: 100%;
}

.ingredient-overlay .overlay-modal .modal-body::-webkit-scrollbar {
  width: 8px;
  height: 12px;
}

.ingredient-overlay .overlay-modal .modal-body::-webkit-scrollbar-track {
  box-shadow: none;
  background-color: #F4F4F4;
}

.ingredient-overlay .overlay-modal .modal-body::-webkit-scrollbar-thumb {
  background-color: #bababa;
  outline: none;
}

.ingredient-overlay .overlay-modal .modal-body .product-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: 1px solid #F4F4F4;
  padding: 0 20px 0 0;
  width: 100%;
}

@media (max-width: 767px) {
  .ingredient-overlay .overlay-modal .modal-body .product-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding-bottom: 10px;
    position: relative;
    min-height: 165px;
  }
}

.ingredient-overlay .overlay-modal .modal-body .product-row:last-of-type {
  border-bottom: 0;
}

.ingredient-overlay .overlay-modal .modal-body .product-row.inactive > * {
  opacity: .5;
}

.ingredient-overlay .overlay-modal .modal-body .product-row.inactive .product-info, .ingredient-overlay .overlay-modal .modal-body .product-row.inactive .plus-value-min {
  pointer-events: none;
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-label input {
  position: absolute;
  left: -9999px;
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-label input:checked + label {
  opacity: 1;
  border-color: #63891B;
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-label input:checked + label svg {
  opacity: 1;
  fill: #63891B;
}

@media (max-width: 767px) {
  .ingredient-overlay .overlay-modal .modal-body .product-row .product-label {
    position: absolute;
    z-index: 2;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    top: 0px;
  }
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-label label {
  width: 24px;
  height: 24px;
  border: 1px solid #8c8c8c;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  opacity: 0.3;
  transition: all 0.2s;
  cursor: pointer;
  margin: 0;
}

@media (max-width: 767px) {
  .ingredient-overlay .overlay-modal .modal-body .product-row .product-label label {
    width: 20px;
    height: 20px;
  }
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-label label:hover {
  border-color: #63891B;
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-label label svg {
  transition: all 0.2s;
  opacity: 0;
}

@media (max-width: 767px) {
  .ingredient-overlay .overlay-modal .modal-body .product-row .product-label label svg {
    width: 12px;
  }
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-label label svg * {
  fill: #63891B;
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-image {
  position: relative;
  width: calc(2.146vw + 64.12017px);
  height: calc(2.146vw + 64.12017px);
  margin: 0 10px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

@media (max-width: 767px) {
  .ingredient-overlay .overlay-modal .modal-body .product-row .product-image {
    margin-left: calc((16% - 22px) / 2);
    min-width: 90px;
  }
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-image .img-padding {
  padding-bottom: 100%;
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-image .img-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-image .img-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-info {
  margin-right: 20px;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

@media (max-width: 767px) {
  .ingredient-overlay .overlay-modal .modal-body .product-row .product-info {
    -ms-flex: 1 0 calc(60% - 20px);
        flex: 1 0 calc(60% - 20px);
  }
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .product-name {
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  color: #1A1A1A;
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .product-name a {
  color: inherit;
}

@media (max-width: 600px) {
  .ingredient-overlay .overlay-modal .modal-body .product-row .product-info .product-name a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .product-name .qty {
  color: #BABABA;
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .product-price-m {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin-top: 20px;
  min-width: 100px;
  display: none;
}

@media (max-width: 767px) {
  .ingredient-overlay .overlay-modal .modal-body .product-row .product-info .product-price-m {
    display: inline-block;
  }
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .plus-value-min-m {
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #F4F4F4;
  border-radius: 4px;
  max-height: 42px;
  margin-top: 10px;
  display: none;
}

@media (max-width: 767px) {
  .ingredient-overlay .overlay-modal .modal-body .product-row .product-info .plus-value-min-m {
    display: -ms-flexbox;
    display: flex;
  }
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .plus-value-min-m .value {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 15px;
  max-width: 80px;
  min-width: 33%;
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .plus-value-min-m .value p {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
  display: inline-block;
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .plus-value-min-m .plus, .ingredient-overlay .overlay-modal .modal-body .product-row .product-info .plus-value-min-m .min {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  padding: 15px;
  min-width: 33%;
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .plus-value-min-m .plus img, .ingredient-overlay .overlay-modal .modal-body .product-row .product-info .plus-value-min-m .min img {
  width: 20px;
  height: 20px;
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .plus-value-min-m .plus {
  border-left: 1px solid #F4F4F4;
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-info .plus-value-min-m .min {
  border-right: 1px solid #F4F4F4;
}

.ingredient-overlay .overlay-modal .modal-body .product-row .plus-value-min {
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #F4F4F4;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .ingredient-overlay .overlay-modal .modal-body .product-row .plus-value-min {
    display: none;
  }
}

.ingredient-overlay .overlay-modal .modal-body .product-row .plus-value-min .value {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 15px;
  max-width: 80px;
}

.ingredient-overlay .overlay-modal .modal-body .product-row .plus-value-min .value p {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
  display: inline-block;
}

.ingredient-overlay .overlay-modal .modal-body .product-row .plus-value-min .plus, .ingredient-overlay .overlay-modal .modal-body .product-row .plus-value-min .min {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  padding: 15px;
}

.ingredient-overlay .overlay-modal .modal-body .product-row .plus-value-min .plus img, .ingredient-overlay .overlay-modal .modal-body .product-row .plus-value-min .min img {
  width: 20px;
  height: 20px;
}

.ingredient-overlay .overlay-modal .modal-body .product-row .product-price {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin-left: 10px;
  text-align: right;
  min-width: 100px;
}

@media (max-width: 767px) {
  .ingredient-overlay .overlay-modal .modal-body .product-row .product-price {
    display: none;
  }
}

@media (max-width: 600px) {
  .ingredient-overlay .overlay-modal .modal-body .product-row .c-QuantityButton {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 100%;
  }
}

.ingredient-overlay .overlay-modal .modal-footer {
  width: 100%;
  padding: 0;
  margin-top: 20px;
  height: 50px;
}

.ingredient-overlay .overlay-modal .modal-footer button {
  height: 50px;
  width: 100%;
  transition: all .2s ease;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #63891B;
  border-radius: 4px;
  padding: 0 40px;
  background-color: #63891B;
  cursor: pointer;
  max-height: 44px;
}

@media (max-width: 767px) {
  .ingredient-overlay .overlay-modal .modal-footer button {
    -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    padding-left: 16px;
  }
}

@media (max-width: 480px) {
  .ingredient-overlay .overlay-modal .modal-footer button {
    max-height: 60px !important;
  }
}

.ingredient-overlay .overlay-modal .modal-footer button.inactive {
  pointer-events: none;
  opacity: 0.7;
}

.ingredient-overlay .overlay-modal .modal-footer button:focus {
  outline: none;
  box-shadow: none;
}

.ingredient-overlay .overlay-modal .modal-footer button:hover {
  opacity: 0.7;
}

.ingredient-overlay .overlay-modal .modal-footer button svg {
  margin-right: 8px;
}

@media (max-width: 767px) {
  .ingredient-overlay .overlay-modal .modal-footer button svg {
    display: none;
  }
}

.ingredient-overlay .overlay-modal .modal-footer button span {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .78px;
  line-height: 17px;
  text-transform: uppercase;
}

.ingredient-overlay .overlay-modal .modal-body .product-row .plus-value-min .js-product-quantity {
  border-right: 1px solid #F4F4F4;
  border-left: 1px solid #F4F4F4;
}

.ingredient-overlay .modal-footer {
  position: relative;
}

.ingredient-overlay .modal-footer > span, .ingredient-overlay .modal-footer span.price {
  display: inline-block;
  background-color: #fff;
  color: #1A1A1A;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  padding: 6px 20px;
  border-radius: 4px;
}

.ingredient-overlay .modal-header .close--popup {
  cursor: pointer;
}

.add-to-list {
  width: 100%;
  height: 50px;
}

.add-to-list.bookmark {
  display: none;
}

@media (max-width: 991px) {
  .add-to-list.bookmark {
    display: block;
  }
}

.add-to-list.bookmark span {
  margin-left: -15px;
}

.add-to-list.active a {
  background-color: #63891B;
}

.add-to-list.active a svg {
  fill: #fff;
}

.add-to-list.active a span {
  color: #fff;
}

.add-to-list.active a .add-some {
  display: block;
}

.add-to-list.active a .add-all {
  display: none;
}

.add-to-list a {
  height: 100%;
  width: 100%;
  transition: all .2s ease;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  border: 1px solid #63891B;
  border-radius: 4px;
  padding: 0 40px;
  background-color: transparent;
  cursor: pointer;
  max-height: 44px;
}

.add-to-list a:focus {
  outline: none;
  box-shadow: none;
}

.add-to-list a:hover {
  opacity: 0.7;
}

.add-to-list a svg {
  margin-right: 8px;
}

.add-to-list a span {
  color: #63891B;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .78px;
  line-height: 17px;
  text-transform: uppercase;
}

.add-to-list a .add-some {
  display: none;
}

/* recicpe buy all modal  end*/
.marketting_preferences .marketting_preferences_options {
  display: -ms-flexbox;
  display: flex;
}

.marketting_preferences .marketting_preferences_options label {
  margin-right: 25px;
}

/*  ==========================================================================
    Slideshows
    ========================================================================== */
/*! Flickity v2.0.10
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button:hover {
  background: white;
}

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/*! lightslider - v1.1.6 - 2016-10-25
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2016 Sachin N; Licensed MIT */
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/
.lSSlideOuter {
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lightSlider:before, .lightSlider:after {
  content: " ";
  display: table;
}

.lightSlider {
  overflow: hidden;
  margin: 0;
}

.lSSlideWrapper {
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

.lSSlideWrapper > .lightSlider:after {
  clear: both;
}

.lSSlideWrapper .lSSlide {
  transform: translate(0px, 0px);
  -webkit-transition: all 1s;
  transition-property: transform,height;
  transition-duration: inherit !important;
  transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade {
  position: relative;
}

.lSSlideWrapper .lSFade > * {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 9;
  margin-right: 0;
  width: 100%;
}

.lSSlideWrapper.usingCss .lSFade > * {
  opacity: 0;
  transition-delay: 0s;
  transition-duration: inherit !important;
  transition-property: opacity;
  transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade > *.active {
  z-index: 10;
}

.lSSlideWrapper.usingCss .lSFade > *.active {
  opacity: 1;
}

/** /!!! End of core css Should not edit !!!/**/
/* Pager */
.lSSlideOuter .lSPager.lSpg {
  margin: 10px 0 0;
  padding: 0;
  text-align: center;
}

.lSSlideOuter .lSPager.lSpg > li {
  cursor: pointer;
  display: inline-block;
  padding: 0 5px;
}

.lSSlideOuter .lSPager.lSpg > li a {
  background-color: #222222;
  border-radius: 30px;
  display: inline-block;
  height: 8px;
  overflow: hidden;
  text-indent: -999em;
  width: 8px;
  position: relative;
  z-index: 99;
  transition: all 0.5s linear 0s;
}

.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #428bca;
}

.lSSlideOuter .media {
  opacity: 0.8;
}

.lSSlideOuter .media.active {
  opacity: 1;
}

/* End of pager */
/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
  list-style: none outside none;
  padding-left: 0;
  margin: 0;
  overflow: hidden;
  transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -moz-transition-property: -moz-transform;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lSSlideOuter .lSPager.lSGallery li {
  overflow: hidden;
  transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
  border-radius: 5px;
}

.lSSlideOuter .lSPager.lSGallery img {
  display: block;
  height: auto;
  max-width: 100%;
}

.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
  content: " ";
  display: table;
}

.lSSlideOuter .lSPager.lSGallery:after {
  clear: both;
}

/* End of Gallery*/
/* slider actions */
.lSAction > a {
  width: 32px;
  display: block;
  top: 50%;
  height: 32px;
  cursor: pointer;
  position: absolute;
  z-index: 99;
  margin-top: -16px;
  opacity: 0.5;
  transition: opacity 0.35s linear 0s;
}

.lSAction > a:hover {
  opacity: 1;
}

.lSAction > .lSPrev {
  background-position: 0 0;
  left: 10px;
}

.lSAction > .lSNext {
  background-position: -32px 0;
  right: 10px;
}

.lSAction > a.disabled {
  pointer-events: none;
}

.cS-hidden {
  height: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
}

/* vertical */
.lSSlideOuter.vertical {
  position: relative;
}

.lSSlideOuter.vertical.noPager {
  padding-right: 0px !important;
}

.lSSlideOuter.vertical .lSGallery {
  position: absolute !important;
  right: 0;
  top: 0;
}

.lSSlideOuter.vertical .lightSlider > * {
  width: 100% !important;
  max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
  left: 50%;
  margin-left: -14px;
  margin-top: 0;
}

.lSSlideOuter.vertical .lSAction > .lSNext {
  background-position: 31px -31px;
  bottom: 10px;
  top: auto;
}

.lSSlideOuter.vertical .lSAction > .lSPrev {
  background-position: 0 -31px;
  bottom: auto;
  top: 10px;
}

/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl {
  direction: rtl;
}

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
  padding-left: 0;
  list-style: none outside none;
}

.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
  padding-right: 0;
}

.lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li {
  float: left;
}

.lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li {
  float: right !important;
}

/* Rtl */

@keyframes rightEnd {
  0% {
    left: 0;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}

@keyframes topEnd {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}

@keyframes leftEnd {
  0% {
    left: 0;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0;
  }
}

@keyframes bottomEnd {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -15px;
  }
  100% {
    bottom: 0;
  }
}

.lSSlideOuter .rightEnd {
  animation: rightEnd 0.3s;
  position: relative;
}

.lSSlideOuter .leftEnd {
  animation: leftEnd 0.3s;
  position: relative;
}

.lSSlideOuter.vertical .rightEnd {
  animation: topEnd 0.3s;
  position: relative;
}

.lSSlideOuter.vertical .leftEnd {
  animation: bottomEnd 0.3s;
  position: relative;
}

.lSSlideOuter.lSrtl .rightEnd {
  animation: leftEnd 0.3s;
  position: relative;
}

.lSSlideOuter.lSrtl .leftEnd {
  animation: rightEnd 0.3s;
  position: relative;
}

/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.slideshow * {
  backface-visibility: hidden;
}

.slideshow--overflow-visible .flickity-viewport {
  overflow: visible;
}

/* Menu Appearance */
[data-pushy] {
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  animation: fade 500ms;
  backface-visibility: hidden;
  overflow: hidden;
}

.pushy-left,
.pushy-right {
  opacity: 1;
}

.pushy-left {
  left: 0;
}

.pushy-right {
  right: 0;
}

/* Menu Movement */
.pushy-left {
  transform: translate3d(-100%, 0, 0) !important;
}

@media print, screen and (min-width: 40em) {
  .pushy-left {
    transform: translate3d(-278px, 0, 0) !important;
  }
}

.pushy-left-active .pushy-container {
  transform: translate3d(200px, 0, 0);
}

.pushy-right {
  transform: translate3d(200px, 0, 0);
}

.pushy-right-active .pushy-container {
  transform: translate3d(-200px, 0, 0);
}

.pushy-left-active .pushy-left,
.pushy-right-active .pushy-right {
  transform: translate3d(0, 0, 0) !important;
}

/* Menu Transitions */
.pushy-container,
[data-pushy] {
  transition: transform 500ms cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Body */
.pushy-active {
  overflow-x: hidden;
}

.pushy-active .l-menu ul li {
  opacity: 1;
  transform: translateY(0);
  transform: translateX(0);
}

.pushy-active .headroom--unpinned {
  transform: translateY(0%);
}

/* Site Overlay */
.site-overlay {
  backface-visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 13;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.3);
}

.site-overlay.shop-menu-active {
  background: none;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade_out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*======================================
  Selectric v1.13.0
======================================*/
.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  padding-left: 20px;
  padding-right: 20px;
  border: 1px solid #adadad;
  outline: none;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 16px 38px 16px 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 52px;
  line-height: 52px;
  color: #000;
  text-align: center;
}

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #000;
  border-bottom: none;
}

.selectric-focus .selectric {
  border-color: #aaaaaa;
}

.selectric-hover .selectric {
  border-color: #c4c4c4;
}

.selectric-hover .selectric .button {
  color: #a2a2a2;
}

.selectric-hover .selectric .button:after {
  border-top-color: #a2a2a2;
}

.selectric-open {
  z-index: 9999;
}

.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
}

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 110%;
  left: 0;
  border: 1px solid #adadad;
  z-index: -1;
  border-radius: 3px;
  background-color: #fff;
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}

.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.selectric-items li {
  display: block;
  padding: 10px;
  cursor: pointer;
}

.selectric-items li.selected {
  background: #E0E0E0;
}

.selectric-items li.highlighted {
  background: #D0D0D0;
}

.selectric-items li:hover {
  background: #D5D5D5;
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  color: #444;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-items .selectric-group li {
  padding-left: 25px;
}

@keyframes scrolling-img {
  0% {
    transform: translateY(100vh);
  }
  100% {
    transform: translateY(-100vh);
  }
}

.about-hero {
  padding-top: 80px;
  padding-bottom: 80px;
  overflow: hidden;
}

@media screen and (max-width: 1200px) {
  .about-hero {
    display: none;
  }
}

.about-hero.coming-soon.tab {
  max-width: 100vw;
  overflow: hidden;
  margin: 0 !important;
}

.about-hero.coming-soon.tab .txt-para {
  text-transform: uppercase !important;
}

.about-hero.coming-soon.tab .txt-para span {
  font-weight: 600 !important;
}

.about-hero.coming-soon .hero-text .text-para {
  text-transform: uppercase !important;
  font-size: 126px !important;
  color: #fff !important;
  line-height: 100px !important;
}

@media screen and (max-width: 1300px) {
  .about-hero.coming-soon .hero-text .text-para {
    font-size: 90px !important;
  }
}

.about-hero.coming-soon .hero-text .text-para span {
  font-weight: 600 !important;
  font-size: 120px !important;
}

.about-hero.tab {
  display: block;
  height: 100vh;
  background-position: center bottom;
  background-size: cover;
  position: relative;
  top: 0;
  overflow: hidden;
  margin: 0px -29px;
  margin-bottom: 30px;
  margin-top: -60px;
  display: none;
}

@media screen and (max-width: 1200px) {
  .about-hero.tab {
    display: block;
  }
}

@media screen and (max-width: 900px) {
  .about-hero.tab {
    margin: 0px -16px;
  }
}

@media screen and (max-width: 480px) {
  .about-hero.tab {
    margin: 0 -28px;
  }
}

@media screen and (max-width: 420px) {
  .about-hero.tab {
    margin: 0 -26px;
  }
}

@media screen and (max-width: 375px) {
  .about-hero.tab {
    margin: 0 -25px;
  }
}

@media screen and (max-width: 320px) {
  .about-hero.tab {
    margin: 0 -24px;
  }
}

.about-hero.tab .txt-para {
  font-size: 36px;
  font-weight: 600;
  color: #fff;
  position: absolute;
  bottom: 30px;
  left: 7%;
  right: 7%;
  width: 86%;
}

@media screen and (max-width: 600px) {
  .about-hero.tab .txt-para {
    font-size: 26px;
  }
}

@media screen and (max-width: 360px) {
  .about-hero.tab .txt-para {
    font-size: 18px;
  }
}

.about-hero .about-hero-bx {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}

.about-hero .about-hero-bx .left {
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
  height: 80vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

@media screen and (max-width: 1200px) {
  .about-hero .about-hero-bx .left {
    display: none;
  }
}

.about-hero .about-hero-bx .left .top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  margin-bottom: 30px;
}

.about-hero .about-hero-bx .left .top img {
  width: 50%;
  max-width: 360px;
}

.about-hero .about-hero-bx .left .bottom {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}

.about-hero .about-hero-bx .left .bottom img {
  width: 50%;
  max-width: 360px;
}

.about-hero .about-hero-bx .right {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  height: 80vh;
  max-height: 950px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

@media screen and (max-width: 1200px) {
  .about-hero .about-hero-bx .right {
    display: none;
  }
}

.about-hero .about-hero-bx .right img {
  width: 100%;
}

.about-hero .about-hero-bx .img-anim {
  animation: scrolling-img;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.about-hero .about-hero-bx .hero-text {
  position: absolute;
  bottom: 30px;
  width: 100%;
  left: 0;
  right: 0;
}

@media screen and (max-width: 1200px) {
  .about-hero .about-hero-bx .hero-text {
    display: none;
  }
}

.about-hero .about-hero-bx .hero-text .text-para {
  font-size: 60px;
  font-weight: 500;
  color: #1A1A1A;
  line-height: 70px;
}

@media screen and (max-width: 1600px) {
  .about-hero .about-hero-bx .hero-text .text-para {
    font-size: 42px;
    line-height: 55px;
  }
}

.about-hero .about-hero-bx .tab {
  display: none;
}

@media screen and (max-width: 1200px) {
  .about-hero .about-hero-bx .tab {
    display: block;
  }
}

.userNotice {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  display: none;
}

.userNotice.active {
  display: -ms-flexbox;
  display: flex;
}

.userNotice .overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.65;
  cursor: pointer;
}

.userNotice .notice {
  position: relative;
  z-index: 10;
  width: 50%;
}

@media (max-width: 1200px) {
  .userNotice .notice {
    width: 80%;
  }
}

@media (max-width: 600px) {
  .userNotice .notice {
    width: calc(100% - 60px);
  }
}

.userNotice .notice img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  z-index: 5;
}

.flowerArticle {
  padding: 100px 0;
  box-sizing: border-box;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}

@media (max-width: 600px) {
  .flowerArticle {
    padding: 60px 0 0;
  }
}

.flowerArticle .c-FeaturedArticle > div {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10%;
}

@media (max-width: 1672px) {
  .flowerArticle .c-FeaturedArticle > div {
    padding-left: 5%;
  }
}

@media (max-width: 980px) {
  .flowerArticle .c-FeaturedArticle > div {
    padding-left: 0;
  }
}

.flowerArticle .c-FeaturedArticle > div:first-of-type {
  height: 70vh;
  padding-bottom: 0 !important;
}

@media (max-width: 980px) {
  .flowerArticle .c-FeaturedArticle > div:first-of-type {
    height: 50vh;
  }
}

@media (max-width: 980px) {
  .flowerArticle .c-FeaturedArticle > div:last-child {
    padding: 30px 0;
  }
}

.flowerArticle .c-FeaturedArticle p::before {
  content: "";
}

.flowerArticle .c-FeaturedArticle a {
  display: inline-block;
}

.flowerArticle .c-FeaturedArticle .mb-30 {
  display: block;
  margin: 0 0 30px;
}

.flowerBanner {
  padding-top: 99px;
  box-sizing: border-box;
}

.flowerBanner .img {
  width: 100%;
  min-height: 160px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 2000px) {
  .flowerBanner .img {
    height: 180px;
  }
}

@media (max-width: 1200px) {
  .flowerBanner .img {
    height: 160px;
  }
}

.flowerBanner .img .overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
}

.flowerBanner .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.flowerBanner h1 {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-transform: uppercase;
  color: #fff;
  margin: 0;
  font-weight: 400;
  letter-spacing: 0.2em;
}

.flowerCategories {
  max-width: 100%;
  overflow: hidden;
}

@media (max-width: 1200px) {
  .flowerCategories {
    margin-bottom: 60px;
  }
}

.flowerCategories .gridCat {
  display: block;
}

.flowerCategories .gridCat .swiper-container {
  overflow: visible;
}

.flowerCategories .gridCat a {
  display: block;
  width: 100%;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.flowerCategories .gridCat a:hover {
  background-color: #EBEBEB;
}

.flowerCategories .gridCat a > div {
  border: 1px solid #EBEBEB;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 8px 8px 8px 20px;
  box-sizing: border-box;
}

.flowerCategories .gridCat a .txt p {
  color: #464646;
  margin: 0;
  text-transform: none;
}

.flowerCategories .gridCat a .img {
  width: 92px;
  height: 92px;
}

@media (max-width: 800px) {
  .flowerCategories .gridCat a .img {
    width: 75px;
    height: 75px;
  }
}

.flowerCategories .gridCat a .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.productArticle {
  background-color: #fafafa;
}

@media (max-width: 600px) {
  .productArticle {
    padding-top: 60px;
  }
}

.productArticle .products {
  padding-bottom: 85px;
}

.productArticle .products .container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
}

@media (max-width: 1672px) {
  .productArticle .products .container {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1200px) {
  .productArticle .products .container {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 20px;
  }
}

@media (max-width: 600px) {
  .productArticle .products .container {
    grid-template-columns: 1fr;
  }
}

.productArticle .products .container .c-ProductBox {
  border: 1px solid #EBEBEB;
}

.productArticle .products .container .c-ProductBox .c-ProductBox__wrapper {
  border: 0;
}

.productArticle .products .container .c-ProductBox .c-ProductBox__image .intrinsic-image {
  background-color: #fafafa;
}

.productArticle .products .container .c-ProductBox .c-ProductBox__image .intrinsic-image img {
  mix-blend-mode: multiply;
}

.productArticle .products .container .article {
  position: relative;
}

@media (min-width: 1672px) {
  .productArticle .products .container .article {
    grid-area: 1 / 4 / 2 / 6;
  }
}

.productArticle .products .container .article a {
  display: block;
  width: 100%;
}

@media (max-width: 600px) {
  .productArticle .products .container .article a {
    position: relative;
    padding-top: 100%;
  }
}

.productArticle .products .container .article .img {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media (max-width: 600px) {
  .productArticle .products .container .article .img {
    padding-top: 100%;
    height: auto;
  }
}

.productArticle .products .container .article .img .overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
}

.productArticle .products .container .article .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 600px) {
  .productArticle .products .container .article .img img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
  }
}

.productArticle .products .container .article .txt {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 40px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

@media (max-width: 600px) {
  .productArticle .products .container .article .txt {
    padding-top: 90%;
  }
}

.productArticle .products .container .article .txt p {
  color: #fff;
  margin: 0;
  text-align: center;
}

@media (max-width: 600px) {
  .productArticle .products .container .article .txt p {
    position: absolute;
    z-index: 10;
    top: 40px;
    left: 0;
    width: 100%;
  }
}

.productArticle .products .container .article .txt p:last-child {
  text-transform: none;
  text-decoration: underline;
  text-underline-offset: 2px;
}

@media (max-width: 600px) {
  .productArticle .products .container .article .txt p:last-child {
    top: auto;
    bottom: 40px;
  }
}

.productArticle .products .container .article .txt h3 {
  color: #fff;
  margin: 0;
  max-width: 60%;
  text-align: center;
}

@media (max-width: 1200px) {
  .productArticle .products .container .article .txt h3 {
    max-width: 80%;
  }
}

@media (max-width: 600px) {
  .productArticle .products .container .article .txt h3 {
    max-width: calc(100% - 40px);
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}

.c-recommendedProducts .recommended {
  border: 1px solid #EBEBEB;
}

.c-recommendedProducts .recommended .title {
  padding: 0 30px;
  box-sizing: border-box;
}

.c-recommendedProducts .recommended .title h3 {
  margin: 36px 0 40px;
}

.c-recommendedProducts .recommended .products {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 45px;
  padding: 0 30px 45px;
  box-sizing: border-box;
}

@media (max-width: 2000px) {
  .c-recommendedProducts .recommended .products {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1300px) {
  .c-recommendedProducts .recommended .products {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 800px) {
  .c-recommendedProducts .recommended .products {
    grid-template-columns: 1fr;
  }
}

.c-recommendedProducts .recommended .products .product {
  padding: 0 40px;
  box-sizing: border-box;
}

@media (max-width: 2000px) {
  .c-recommendedProducts .recommended .products .product:last-child {
    display: none;
  }
}

@media (max-width: 1672px) {
  .c-recommendedProducts .recommended .products .product {
    padding: 0 25px;
  }
}

@media (max-width: 800px) {
  .c-recommendedProducts .recommended .products .product:nth-last-child(2) {
    display: none;
  }
}

.c-recommendedProducts .recommended .products .product .inner {
  width: 100%;
}

.c-recommendedProducts .recommended .products .product .img {
  max-width: 280px;
  width: 280px;
  height: auto;
}

@media (max-width: 1672px) {
  .c-recommendedProducts .recommended .products .product .img {
    max-width: 220px;
    width: 220px;
  }
}

@media (max-width: 1200px) {
  .c-recommendedProducts .recommended .products .product .img {
    max-width: 100%;
    width: 80%;
  }
}

@media (max-width: 600px) {
  .c-recommendedProducts .recommended .products .product .img {
    width: 100%;
  }
}

.c-recommendedProducts .recommended .products .product .img img {
  width: 100%;
}

.c-recommendedProducts .recommended .products .product .txt {
  padding: 30px 0 0;
  position: relative;
}

.c-recommendedProducts .recommended .products .product .txt label {
  position: absolute;
  z-index: 10;
  top: 30px;
  left: -40px;
  cursor: pointer;
}

@media (max-width: 1672px) {
  .c-recommendedProducts .recommended .products .product .txt label {
    left: -30px;
  }
}

.c-recommendedProducts .recommended .products .product .txt label input:checked + svg {
  position: relative;
  top: 0;
}

.c-recommendedProducts .recommended .products .product .txt label input:checked + svg .circle {
  fill: #63891b;
}

.c-recommendedProducts .recommended .products .product .txt h5 {
  margin: 0 0 20px;
}

.c-recommendedProducts .recommended .products .product .txt p {
  margin: 0;
}

.c-recommendedProducts .recommended .summary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border-top: 1px solid #EBEBEB;
  padding: 0 30px;
  box-sizing: border-box;
  height: 110px;
}

@media (max-width: 600px) {
  .c-recommendedProducts .recommended .summary {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 15px 20px;
  }
}

.story-block-grid {
  background-color: #fafafa;
  padding: 50px 0;
}

.story-block-grid .swiper-slide {
  background-color: #fff;
}

.story-block-grid .swiper-slide.story {
  border: 1px solid #EBEBEB;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 8px 15px 8px 20px;
  box-sizing: border-box;
}

.story-block-grid .swiper-slide.banner {
  height: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  background-color: #5c8018;
  min-width: 570px;
  max-width: 570px;
}

@media (max-width: 1049px) {
  .story-block-grid .swiper-slide.banner {
    min-width: 375px;
    max-width: 375px;
  }
}

@media (max-width: 599px) {
  .story-block-grid .swiper-slide.banner {
    min-width: 318px;
    max-width: 318px;
  }
}

.story-block-grid .txt {
  width: calc(100% - 100px);
  height: 180px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
}

.story-block-grid .txt p, .story-block-grid .txt a {
  color: #464646;
  margin: 0;
  text-transform: none;
}

.story-block-grid .img {
  width: 180px;
  height: 180px;
}

@media (max-width: 800px) {
  .story-block-grid .img {
    width: 75px;
    height: 75px;
  }
}

.story-block-grid .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.magazine-slider {
  background-color: #fff;
  padding: 100px 0 40px;
}

@media (min-width: 1400px) {
  .magazine-slider {
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media (min-width: 1200px) {
  .magazine-slider {
    padding: 80px 0 50px;
  }
}

@media (max-width: 600px) {
  .magazine-slider {
    overflow: hidden;
    padding: 50px 0;
  }
}

.magazine-slider .hideinTab {
  display: block;
}

@media (max-width: 800px) {
  .magazine-slider .hideinTab {
    display: none;
  }
}

.magazine-slider .showinTab {
  display: none;
}

@media (max-width: 800px) {
  .magazine-slider .showinTab {
    display: block;
  }
}

.magazine-slider .swiper-container {
  padding: 0;
}

.magazine-slider .section-title {
  margin-bottom: 20px;
}

.magazine-slider .swiper-pagination-bullet {
  background-color: #000;
  opacity: 1;
  height: 7px !important;
  width: 7px !important;
  border-radius: 50%;
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.magazine-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 27px !important;
  border-radius: 5px;
}

.magazine-slider .swiper-slide {
  max-width: 100%;
  padding-bottom: 80px;
}

.magazine-slider .img {
  width: 100%;
}

.magazine-slider .img img {
  width: 100%;
  max-width: 100%;
}

.l-ProductGrid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  row-gap: calc(0.01111 * 100vw + 30px);
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
  padding-top: 45px;
}

.l-ProductGrid:before {
  content: "";
  display: none !important;
}

@media (max-width: 2250px) {
  .l-ProductGrid {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 1850px) {
  .l-ProductGrid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1200px) {
  .l-ProductGrid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 900px) {
  .l-ProductGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .l-ProductGrid {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (min-width: 87.5em) {
  .l-ProductGrid {
    row-gap: 50px;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
}

.l-ProductGrid .story-block-grid {
  grid-area: 2 / 1 / 3 / 7;
  margin: 0 -3%;
  width: 106%;
  padding-left: 3%;
  padding-right: 3%;
  box-sizing: border-box;
}

@media (max-width: 2250px) {
  .l-ProductGrid .story-block-grid {
    grid-area: 2 / 1 / 3 / 6;
  }
}

@media (max-width: 1850px) {
  .l-ProductGrid .story-block-grid {
    grid-area: 2 / 1 / 3 / 5;
  }
}

@media (max-width: 1200px) {
  .l-ProductGrid .story-block-grid {
    grid-area: 2 / 1 / 3 / 4;
  }
}

@media (max-width: 900px) {
  .l-ProductGrid .story-block-grid {
    grid-area: 2 / 1 / 3 / 3;
  }
}

@media (max-width: 600px) {
  .l-ProductGrid .story-block-grid {
    grid-area: 3 / 1 / 4 / 2;
    overflow: hidden;
  }
}

.l-ProductGrid .story-block-grid .swiper-container {
  overflow: visible;
}

.l-ProductGrid .banner-landscape-bx {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  grid-area: 4 / 1 / 5 / 7;
}

@media (max-width: 2250px) {
  .l-ProductGrid .banner-landscape-bx {
    grid-area: 4 / 1 / 5 / 6;
  }
}

@media (max-width: 1850px) {
  .l-ProductGrid .banner-landscape-bx {
    grid-area: 4 / 1 / 5 / 5;
  }
}

@media (max-width: 1200px) {
  .l-ProductGrid .banner-landscape-bx {
    grid-area: 4 / 1 / 5 / 4;
  }
}

@media (max-width: 900px) {
  .l-ProductGrid .banner-landscape-bx {
    grid-area: 4 / 1 / 5 / 3;
  }
}

@media (max-width: 600px) {
  .l-ProductGrid .banner-landscape-bx {
    grid-area: 6 / 1 / 7 / 2;
  }
}

.control-flow {
  overflow: hidden;
}

/* Search by list page  */
.searh-by-list-header {
  padding: 40px 0;
  text-align: left;
}

@media screen and (max-width: 39.9375em) {
  .searh-by-list-header {
    text-align: center;
  }
}

.search-view-more-mobile svg {
  margin-left: 10px;
}

@media screen and (min-width: 39.9375em) {
  .search-view-more-mobile {
    display: none;
  }
}

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}
 
 
/* ================================================ 
   |             Unit Price Styling               |
   ================================================*/
.c-ProductInformation__section .unit-price
{
  font-family: "Gill Sans MT W01 Medium", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  color: #8C8C8C;
  line-height: 1 ;
}

/* =============================================================== 
   Add Card Form Styling (Aligned with Personal Information Block)
   ================================================================*/
#add-card-form input.input-field {
  width: 100%;
  padding: 10px 12px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  box-sizing: border-box;
}

#add-card-form input.input-field:read-only {
  background-color: #f9f9f9;
}

#add-card-form label {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 16px;
  font-family: "GT-America", sans-serif;
}

#add-card-form .mb-40-20 {
  margin-bottom: 40px;
}

#add-card-form .second-row-fields {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

#add-card-form .second-row-fields .field-col {
  flex: 1;
  min-width: 0;
}

#add-card-form .second-row-fields .field-col input.input-field {
  width: 100%;
}

#card-error {
  font-size: 14px;
  color: red;
  margin-top: -10px;
  display: none;
}

#add-card-form .button-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

@media screen and (max-width: 768px) {
  #add-card-form .second-row-fields {
    flex-direction: column;
  }

  #add-card-form .second-row-fields .field-col {
    width: 100%;
  }

  #add-card-form .mb-40-20 {
    margin-bottom: 20px;
  }

  #add-card-form .button-row {
    flex-direction: column;
    align-items: stretch;
  }
}