/* Global Styles & Utilities */
/**
 * Add custom fonts like this
 *
 * @font-face {
 *   font-family: AvenirNext;
 *   src:  url('https://cdn.shopify.com/s/files/1/0283/3203/2079/files/AvenirNext-Regular.woff?427'),
 *       url('https://cdn.shopify.com/s/files/1/0283/3203/2079/files/AvenirNext-Regular.woff2?427'),
 *       url('https://cdn.shopify.com/s/files/1/0283/3203/2079/files/AvenirNext-Regular.eot?427');
 *   font-weight: 100 400;
 * }
 **/

.product-modal__newsletter {
  display: none;
}

.recipe-filter-wrapper__count {
  display: none;
}

.has-promo-bar #page {
  padding-top: 0px !important;
}

.sold-out-label {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: red;
  color: white;
  padding: 5px 10px;
  font-size: 12px;
}

#vify-gift-card {
  font-family: Poppins, sans-serif !important;
}

@media (max-width: 767px) {
  #vify-gift-card {
    padding-top: 0px !important;
  }
}

.footer__list__title,
.hs-richtext,
.hs-main-font-element,
.hs-field-desc,
.hs-form-d8126d9e-e638-42d5-a213-4284f84826b8_6fab8086-165e-4cd0-a639-3f4d18b788d5 {
  font-family: Poppins, sans-serif !important;
}

.hs-form-d8126d9e-e638-42d5-a213-4284f84826b8_a625ede9-d17f-4362-a3f6-3936660077a5
  .hs-form-field
  label:not(.hs-error-msg) {
  font-family: Poppins, sans-serif !important;
}

.hs-form * {
  box-sizing: border-box;
  font-family: Poppins, sans-serif !important;
}

.hbspt-form {
  font-family: Poppins, sans-serif !important;
}

.rbr-page-container {
  font-family: Poppins, sans-serif;
}

.rbr-hrDesktop {
  margin: 75px 30px !important;
}

.hero-cta__description {
  color: black !important;
}

.rbr-desktop .rbr-bogo__productDetail__container {
  display: none;
}
p {
  margin: 0;
  font-family: Poppins, sans-serif;
}

.columnthree {
  font-family: Poppins, sans-serif !important;
}

#rc_link_container {
  font-family: Poppins, sans-serif;
}

.zoomContainer,
#zoom_mw {
  pointer-events: none;
}

/* Added styles*/
.span.title-script.dark {
  color: #d2d2d1 !important;
}

#relatedblogs {
  margin: 0 auto 5% 25%;
  font-size: 26px;
  font-family: Poppins, sans-serif;
}

/* Google Font */
a {
  color: #0f171a;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
}

#recharge-novum #recharge-te #rc_search,
#recharge-novum #recharge-te .title-bold,
#yotpo-selector .content-title.yotpo-font-bold,
#yotpo-selector .y-label.yotpo-user-name.yotpo-font-bold.pull-left,
#yotpo-selector .yotpo-helpful .vote-btn[data-type="up"],
.b1,
.b2,
.b3,
.b4,
.errors,
.form-field__input form .errors,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h7,
.h8,
.h9,
.rc-widget-injection-parent .rc_widget__option__label,
.rc-widget-injection-parent .rc_widget__option__plans__dropdown,
.search-font,
.style-guide_iconography p,
.title-copy--article-blog .title-copy__title,
.title-copy--page .title-copy__title,
.wysiwyg blockquote,
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6,
.wysiwyg li,
.wysiwyg ol li:before,
.wysiwyg p,
input,
select,
textarea {
  font-family: Poppins, sans-serif;
}

.h1,
.wysiwyg h1 {
  font-size: 5.5rem;
  line-height: 7rem;
  font-weight: 400;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .h1,
  .wysiwyg h1 {
    font-size: 4rem;
    line-height: 3.8rem;
  }
}

.h1--error {
  font-family: Poppins, sans-serif;
  color: #e63500;
  font-weight: 500;
  text-align: center;
}

.h1.how-its-made__header,
.wysiwyg h1.how-its-made__header {
  color: #0f171a;
  text-transform: uppercase;
  padding-top: 50px;
  padding-bottom: 50px;
}

.h1.testimonial-card__quotation-mark,
.wysiwyg h1.testimonial-card__quotation-mark {
  line-height: 5.5rem;
}

.h2,
.title-copy--article-blog .title-copy__title,
.title-copy--page .title-copy__title,
.wysiwyg h2 {
  font-size: 3.25rem;
  line-height: 4.3rem;
  font-weight: 400;
}

@media (max-width: 767px) {
  .h2,
  .title-copy--article-blog .title-copy__title,
  .title-copy--page .title-copy__title,
  .wysiwyg h2 {
    font-size: 2.5rem;
  }
}

.h2--hero-split {
  font-family: Poppins, sans-serif;
}

@media (max-width: 767px) {
  .h2--hero-split {
    font-size: 4.5rem;
    line-height: 4.5rem;
  }
}

@media (max-width: 767px) {
  .title-copy--article-blog .h2,
  .title-copy--page .h2 {
    font-size: 3rem;
    line-height: 3rem;
  }
}

.wysiwyg--page .h2 {
  font-size: 3.5rem;
  line-height: 3.5rem;
}

@media (max-width: 767px) {
  .wysiwyg--page .h2 {
    font-size: 3rem;
    line-height: 3rem;
  }
}

.image-title-copy-card__founders-inner .h2 {
  color: #fff;
  text-align: center;
}

.card-cta .h2 {
  font-size: 3.5rem;
}

.primary-color-swatches .swatch:first-of-type::after {
  content: "--maroon";
}

#yotpo-selector .content-title.yotpo-font-bold,
.h3,
.wysiwyg h3 {
  font-size: 3rem;
  line-height: 1.1em;
  font-weight: var(--regular);
}

@media (max-width: 767px) {
  #yotpo-selector .content-title.yotpo-font-bold,
  .h3,
  .wysiwyg h3 {
    font-size: 3rem;
    line-height: 3rem;
  }
}

@media (max-width: 767px) {
  .wysiwyg--recipe-instructions-left .h3,
  .wysiwyg--recipe-instructions .h3 {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }
}

@media (max-width: 991px) {
  .recipe-ingredients__title-copy .h3 {
    font-size: 3.5rem;
    line-height: 3.5rem;
    font-weight: 800;
  }
}

.sign-up-sign-in .h3 {
  font-size: 3.5rem;
}

@media (max-width: 767px) {
  .sign-up-sign-in .h3 {
    font-size: 3rem;
  }
}

#yotpo-selector .content-title.yotpo-font-bold.how-its-made__subheader,
.h3.how-its-made__subheader,
.wysiwyg h3.how-its-made__subheader {
  color: #0f171a;
  margin-top: 25px;
  padding-bottom: 25px;
}

@media (max-width: 991px) {
  .image-title-copy-card__heading-copy-container .h3 {
    font-size: 4rem;
  }
}

.image-title-copy-card--third .h3 {
  font-size: 3.5rem;
}

@media (max-width: 991px) {
  .image-title-copy-card--row .h3 {
    font-size: 3rem;
  }
}

@media (max-width: 991px) {
  #yotpo-selector .content-title.yotpo-font-bold.image-title-copy-card__header,
  .h3.image-title-copy-card__header,
  .wysiwyg h3.image-title-copy-card__header {
    line-height: 3.3rem;
  }
}

.h4,
.wysiwyg h4 {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
}

@media (max-width: 767px) {
  .h4,
  .wysiwyg h4 {
    font-size: 1.3rem;
    line-height: 1.8rem;
  }
}

.recipe-ingredients__recipe-list .h4 {
  font-family: Poppins, sans-serif;
}

.h5,
.wysiwyg h5 {
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: 600;
}

@media (max-width: 767px) {
  .h5,
  .wysiwyg h5 {
    font-size: 1.3rem;
    line-height: 1.6rem;
  }
}

.search-results-tabs .h5 {
  font-family: Poppins, sans-serif !important;
  font-size: 1.5rem;
  line-height: 1.8rem;
}

@media (max-width: 991px) {
  .search-results-tabs .h5 {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
}

@media (max-width: 767px) {
  .carousel--article-recipe .h5 {
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
}

.errors,
.h7,
.wysiwyg ol li:before {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
}

.recipe-card__title .h7 {
  font-size: 1.5rem;
  line-height: 1.8rem;
  font-weight: 700;
}

@media (max-width: 767px) {
  .recipe-card__title .h7 {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
}

#yotpo-selector .y-label.yotpo-user-name.yotpo-font-bold.pull-left,
.h8 {
  font-size: 1.6rem;
  line-height: 2.1rem;
  font-weight: 700;
}

@media (max-width: 767px) {
  #yotpo-selector .y-label.yotpo-user-name.yotpo-font-bold.pull-left,
  .h8 {
    font-size: 1.3rem;
    line-height: 1.8rem;
  }
}

@media (max-width: 767px) {
  #yotpo-selector
    .y-label.yotpo-user-name.yotpo-font-bold.pull-left.search-results-tabs__button-text,
  .h8.search-results-tabs__button-text {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
}

#yotpo-selector
  .y-label.yotpo-user-name.yotpo-font-bold.pull-left.navigation__menu-item-link,
.h8.navigation__menu-item-link {
  color: #1d1d1b;
  font-size: 1.6rem;
  line-height: 2.1rem;
  text-decoration: none;
  font-weight: 700;
}

#yotpo-selector
  .y-label.yotpo-user-name.yotpo-font-bold.pull-left.navigation__menu-item-link--active,
.h8.navigation__menu-item-link--active {
  color: #ee1c25;
}

.navigation__menu .h8 {
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .navigation__menu .h8 {
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 800;
    text-transform: capitalize;
  }
}

@media (max-width: 767px) {
  .quiz-result .h8 {
    font-size: 1.8rem;
    line-height: 1.8rem;
  }
}

#yotpo-selector
  .y-label.yotpo-user-name.yotpo-font-bold.pull-left
  .product-card__title-variants-link,
.h8 .product-card__title-variants-link,
.product-card__title .h8 {
  font-size: 1.4rem;
  line-height: 2rem;
}

.faq-filter .h8 {
  font-weight: 400;
}

.faq-filter .h8.active {
  font-weight: 800;
}

#yotpo-selector
  .y-label.yotpo-user-name.yotpo-font-bold.pull-left.faq-filter__item,
#yotpo-selector
  .y-label.yotpo-user-name.yotpo-font-bold.pull-left.faq-filter__item--all,
.h8.faq-filter__item,
.h8.faq-filter__item--all {
  font-weight: 700;
  line-height: 2.2rem;
}

.account-nav__wrapper .h8 {
  font-weight: 400;
}

@media (max-width: 991px) {
  #yotpo-selector
    .y-label.yotpo-user-name.yotpo-font-bold.pull-left.cart-sidebar__summary-title,
  .h8.cart-sidebar__summary-title {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
}

.h9 {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
}

@media (max-width: 767px) {
  .h9 {
    font-size: 1.8rem;
    line-height: 1.8rem;
  }
}

#recharge-novum #recharge-te .title-bold,
.b1,
.form-field__input form .errors,
input,
select,
textarea {
  font-size: 1.6rem;
  line-height: 2.5rem;
  font-weight: 500;
}

@media (max-width: 767px) {
  #recharge-novum #recharge-te .title-bold,
  .b1,
  .form-field__input form .errors,
  input,
  select,
  textarea {
    font-size: 1.3rem;
    line-height: 2rem;
  }
}

.arrow-link .b1 {
  font-size: 1.8rem;
  font-family: Josefin Sans, sans-serif;
}

#recharge-novum #recharge-te .title-bold.product-name,
.b1.product-name,
.form-field__input form .errors.product-name,
input.product-name,
select.product-name,
textarea.product-name {
  font-size: 1.8rem;
  font-family: Josefin Sans, sans-serif;
  font-weight: 400;
  color: #b1332a;
}

#recharge-novum #recharge-te .title-bold.product-name:hover,
.b1.product-name:hover,
.form-field__input form .errors.product-name:hover,
input.product-name:hover,
select.product-name:hover,
textarea.product-name:hover {
  text-decoration: underline;
}

.sign-up-sign-in .b1 {
  font-size: 1.3rem;
}

#recharge-novum #recharge-te #rc_search,
#yotpo-selector .yotpo-helpful .vote-btn[data-type="up"],
.b2,
.rc-widget-injection-parent .rc_widget__option__label,
.rc-widget-injection-parent .rc_widget__option__plans__dropdown,
.search-font,
.style-guide_iconography p,
.wysiwyg blockquote,
.wysiwyg li,
.wysiwyg p {
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: 500;
}

@media (max-width: 767px) {
  #recharge-novum #recharge-te #rc_search,
  #yotpo-selector .yotpo-helpful .vote-btn[data-type="up"],
  .b2,
  .rc-widget-injection-parent .rc_widget__option__label,
  .rc-widget-injection-parent .rc_widget__option__plans__dropdown,
  .search-font,
  .style-guide_iconography p,
  .wysiwyg blockquote,
  .wysiwyg li,
  .wysiwyg p {
    font-size: 1.3rem;
    line-height: 1.8rem;
  }
}

@media (max-width: 767px) {
  .quiz-result .b2.product-listing-info__variants {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}

#recharge-novum #recharge-te #rc_search.recipe-card__date,
#yotpo-selector .yotpo-helpful .vote-btn[data-type="up"].recipe-card__date,
.b2.recipe-card__date,
.rc-widget-injection-parent .rc_widget__option__label.recipe-card__date,
.rc-widget-injection-parent
  .rc_widget__option__plans__dropdown.recipe-card__date,
.search-font.recipe-card__date,
.style-guide_iconography p.recipe-card__date,
.wysiwyg blockquote.recipe-card__date,
.wysiwyg li.recipe-card__date,
.wysiwyg p.recipe-card__date {
  color: #1d1d1b;
}

#recharge-novum #recharge-te #rc_search.icon-filter-card__title,
#yotpo-selector
  .yotpo-helpful
  .vote-btn[data-type="up"].icon-filter-card__title,
.b2.icon-filter-card__title,
.rc-widget-injection-parent .rc_widget__option__label.icon-filter-card__title,
.rc-widget-injection-parent
  .rc_widget__option__plans__dropdown.icon-filter-card__title,
.search-font.icon-filter-card__title,
.style-guide_iconography p.icon-filter-card__title,
.wysiwyg blockquote.icon-filter-card__title,
.wysiwyg li.icon-filter-card__title,
.wysiwyg p.icon-filter-card__title {
  font-size: 1rem;
  line-height: 1.1rem;
  color: #1d1d1b;
  text-transform: capitalize;
  text-align: center;
}

@media (max-width: 991px) {
  .faq-filter .b2 {
    line-height: 2rem;
  }
}

#recharge-novum #recharge-te #rc_search.how-its-made__copy,
#yotpo-selector .yotpo-helpful .vote-btn[data-type="up"].how-its-made__copy,
.b2.how-its-made__copy,
.rc-widget-injection-parent .rc_widget__option__label.how-its-made__copy,
.rc-widget-injection-parent
  .rc_widget__option__plans__dropdown.how-its-made__copy,
.search-font.how-its-made__copy,
.style-guide_iconography p.how-its-made__copy,
.wysiwyg blockquote.how-its-made__copy,
.wysiwyg li.how-its-made__copy,
.wysiwyg p.how-its-made__copy {
  color: #0f171a;
}

#recharge-novum #recharge-te #rc_search.navigation__menu-item-link,
#yotpo-selector
  .yotpo-helpful
  .vote-btn[data-type="up"].navigation__menu-item-link,
.b2.navigation__menu-item-link,
.rc-widget-injection-parent
  .rc_widget__option__label.navigation__menu-item-link,
.rc-widget-injection-parent
  .rc_widget__option__plans__dropdown.navigation__menu-item-link,
.search-font.navigation__menu-item-link,
.style-guide_iconography p.navigation__menu-item-link,
.wysiwyg blockquote.navigation__menu-item-link,
.wysiwyg li.navigation__menu-item-link,
.wysiwyg p.navigation__menu-item-link {
  text-transform: uppercase;
}

@media (max-width: 991px) {
  #recharge-novum #recharge-te #rc_search.navigation__menu-item-link,
  #yotpo-selector
    .yotpo-helpful
    .vote-btn[data-type="up"].navigation__menu-item-link,
  .b2.navigation__menu-item-link,
  .rc-widget-injection-parent
    .rc_widget__option__label.navigation__menu-item-link,
  .rc-widget-injection-parent
    .rc_widget__option__plans__dropdown.navigation__menu-item-link,
  .search-font.navigation__menu-item-link,
  .style-guide_iconography p.navigation__menu-item-link,
  .wysiwyg blockquote.navigation__menu-item-link,
  .wysiwyg li.navigation__menu-item-link,
  .wysiwyg p.navigation__menu-item-link {
    font-size: 2.1rem;
  }
}

@media (max-width: 991px) {
  .navigation__submenu-item .b2 {
    font-size: 13px;
    text-transform: uppercase;
  }
}

#recharge-novum #recharge-te #rc_search.testimonial-card__quote,
#yotpo-selector
  .yotpo-helpful
  .vote-btn[data-type="up"].testimonial-card__quote,
.b2.testimonial-card__quote,
.rc-widget-injection-parent .rc_widget__option__label.testimonial-card__quote,
.rc-widget-injection-parent
  .rc_widget__option__plans__dropdown.testimonial-card__quote,
.search-font.testimonial-card__quote,
.style-guide_iconography p.testimonial-card__quote,
.wysiwyg blockquote.testimonial-card__quote,
.wysiwyg li.testimonial-card__quote,
.wysiwyg p.testimonial-card__quote {
  line-height: 2.1rem;
}

.b3 {
  font-size: 1.4rem;
  line-height: 2.2rem;
  font-weight: 500;
}

.b3.recipe-filter__type {
  font-family: Poppins, sans-serif;
  font-weight: 700;
}

@media (max-width: 767px) {
  .quiz-result .b3 {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}

@media (max-width: 767px) {
  .carousel--article-recipe .b3,
  .carousel--featured-products .b3,
  .product-card__price-range .b3 {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
}

@media (max-width: 767px) {
  .search-results-tabs .b3 {
    font-size: 1.3rem;
    line-height: 2rem;
  }
}

.recipe-filter .b3 {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
}

.product-card__title-variants .b3 {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
}

.b4 {
  font-size: 1rem;
  line-height: 4rem;
  font-weight: 500;
}

.link {
  color: #e20613;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}

.link--black {
  color: #0f171a;
}

.link:hover {
  text-decoration: underline;
}

.quote {
  font-family: Poppins, sans-serif;
  font-size: 2.2rem;
  line-height: 2.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 40%;
}

@media (max-width: 767px) {
  .quote {
    width: 100%;
  }
}

.quote__author {
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.8rem;
}

.underline {
  text-decoration: underline;
}

.bold {
  font-weight: 700;
}

.bold--extra {
  font-weight: 800;
}

.search-font {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.83;
  padding-left: 3rem;
  color: #1d1d1b;
}

@media (max-width: 991px) {
  .search-font {
    padding-left: 0;
  }
}

body,
html {
  font-family: var(--raleway);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

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

/* html font-size for rem */
html {
  font-size: 10px;
}

body {
  font-size: 1.9rem;
  /* body font-size default is 19px */
  color: #0f171a;
  margin-top: 90px !important;
}

@media (max-width: 991px) {
  body {
    margin-top: 67px !important;
  }
}

body.template-search {
  background-color: #fff;
}

.has-lightbox body {
  padding-right: 0;
}

img {
  vertical-align: middle;
  border-style: none;
  
}

#page {
  overflow-x: hidden;
  position: relative;
}

@media (max-width: 991px) {
  #page {
    min-height: 100%;
  }
}

.has-promo-bar #page {
  padding-top: 90px;
}

.promo-bar-removed #page {
  padding-top: 0 !important;
}

.container {
  max-width: 1366px;
  padding: 0 25px;
  display: block;
  margin: auto;
  width: 100%;
}

@media (max-width: 991px) and (min-width: 768px) {
  .container {
    padding: 0 80px;
  }
}

.container.blog__events-grid {
  padding: 0;
}

@media (max-width: 991px) and (min-width: 768px) {
  .container--separator {
    padding: 0 80px;
  }
}

.right-container {
  margin-left: auto;
}

@media (min-width: 1200px) {
  .right-container {
    margin-right: calc((100vw - 1366px) / 2 + 25px);
  }
}

.left-container {
  margin-right: auto;
}

@media (min-width: 1200px) {
  .left-container {
    margin-left: calc((100vw - 1366px) / 2 + 25px);
  }
}

#preview-bar-iframe {
  height: 64px;
  -webkit-transform: translateY(70%) !important;
  -ms-transform: translateY(70%) !important;
  transform: translateY(70%) !important;
}

#preview-bar-iframe:hover {
  -webkit-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

p {
  margin: 0;
}

.button:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: #0f171a;
}

a:focus {
  outline-color: #0f171a;
}

ol,
ul {
  margin: 0;
  -webkit-padding-start: 20px;
  padding-inline-start: 20px;
}

.account-content-wrapper,
.account-content-wrapper--refer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 992px) {
  .account-content-wrapper,
  .account-content-wrapper--refer {
    min-height: calc(95vh - 90px);
  }
}

.account-content {
  width: 100%;
}

@media (min-width: 992px) {
  .account-content {
    margin: 30px 0 60px;
    padding: 0 105px;
  }
}

@media (max-width: 991px) {
  .account-content {
    height: 100vh;
    margin: 30px 0 0;
  }
}

.product__back-header {
  margin: 2.5rem 0 0 7rem;
}

@media (max-width: 991px) {
  .product__back-header {
    margin: 1.5rem 0 0;
  }
}

.product__info-container {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.product__info-container,
.product__info-subcontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
}

.product__info-subcontainer {
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 7rem;
}

@media (max-width: 1199px) {
  .product__info-subcontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 991px) {
  .product__info-subcontainer {
    margin-top: 2rem;
  }
}

@media (max-width: 767px) {
  .product__info-subcontainer {
    margin-top: 0;
  }
}

.collection__grid {
  padding-bottom: 1px;
}

@media (max-width: 991px) {
  .collection__grid {
    padding-bottom: 40px;
  }
}

.blog__events-copy {
  margin-top: 15px;
}

@media (max-width: 991px) {
  .blog__events-copy {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 40px;
  }
}

.blog__events-icon-title {
  margin-top: 60px;
}

@media (max-width: 991px) {
  .blog__events-icon-title {
    margin-top: 0;
  }
}

@media (max-width: 991px) {
  .blog__events-icon-title--discover {
    margin-top: 40px;
  }
}

.blog__events-grid {
  margin-bottom: 102px;
}

@media (max-width: 991px) {
  .blog__events-grid {
    margin-top: 60px;
    margin-bottom: 0;
  }
}

@media (max-width: 991px) {
  .blog__events-grid--discover,
  .blog__events-grid--past {
    display: none;
  }
}

.blog__events-carousel {
  margin-bottom: 102px;
}

@media (min-width: 992px) {
  .blog__events-carousel {
    display: none;
  }
}

.article__events {
  max-width: 1024px;
  margin: 0 auto;
}

.blog__recipe-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 28px 0 50px;
  padding-top: 50px;
}

@media (max-width: 991px) {
  .blog__recipe-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 15px;
    padding-top: 0px;
  }
}

.blog__grid {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.blog__grid--recipe {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.blog__recipe-template--content {
  position: relative;
}

.blog__recipe-template--grid {
  width: 93%;
}

@media (max-width: 991px) {
  .blog__recipe-template--grid {
    width: 100%;
    min-height: 20vh;
  }
}

.blog__recipes-color-background {
  position: absolute;
  background: #ee1c25;
  width: 153px;
  height: 100%;
  z-index: -1;
}

@media (max-width: 991px) {
  .blog__recipes-color-background {
    display: none;
  }
}

.article__recipes-print-button {
  position: absolute;
  width: 160px;
  height: 43px;
  margin-right: 30px;
  top: 25px;
  right: 0;
  left: initial;
}

.article__recipes-print-button:hover {
  cursor: pointer;
}

.article__recipes-print-button--bottom {
  top: initial;
  bottom: 0;
}

@media (max-width: 991px) {
  .article__recipes-print-button {
    display: none;
  }
}

.blog__recipe-labels {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 23px;
}

@media (min-width: 992px) {
  .blog__recipe-labels {
    height: 22px;
  }
}

@media (max-width: 991px) {
  .blog__recipe-labels {
    padding: 0 25px;
    margin-bottom: 15px;
  }
}

.separator {
  content: "";
  position: relative;
  max-width: initial;
  background: #1d1d1b;
  width: 100%;
  height: 1px;
  margin: 75px auto 55px;
}

@media (max-width: 767px) {
  .separator {
    margin: 60px 0 35px;
  }
}

.error-msg {
  top: 50%;
  margin: 0 auto;
}

/* recharge customer portal styles */
#recharge-novum {
  font-family: var(--raleway) !important;
  margin-top: 0;
}

#recharge-novum #recharge-te {
  background-color: #fff !important;
}

#recharge-novum #recharge-te .nav--wrapper {
  background-color: var(--maroon) !important;
}

#recharge-novum #recharge-te .nav--wrapper .chosen-title.title-bold,
#recharge-novum #recharge-te .nav--wrapper .nav__list--desktop a,
#recharge-novum #recharge-te .nav--wrapper .nav__list--mobile a {
  color: #fff !important;
}

#recharge-novum #recharge-te .nav__list--mobile li {
  background-color: #ee1c25 !important;
}

#recharge-novum #recharge-te .nav__list--mobile li a {
  color: #0f171a !important;
}

#recharge-novum #recharge-te .order-date,
#recharge-novum #recharge-te .order-details,
#recharge-novum #recharge-te .order-total,
#recharge-novum #recharge-te .text-font-14,
#recharge-novum #recharge-te a,
#recharge-novum #recharge-te h2,
#recharge-novum #recharge-te h3,
#recharge-novum #recharge-te input,
#recharge-novum #recharge-te label,
#recharge-novum #recharge-te p,
#recharge-novum #recharge-te select,
#recharge-novum #recharge-te span {
  font-family: var(--raleway) !important;
}

#recharge-novum #recharge-te h3 {
  font-size: 3.5rem !important;
  line-height: 4.5rem !important;
  font-weight: 800 !important;
}

@media (max-width: 767px) {
  #recharge-novum #recharge-te h3 {
    font-size: 3.5rem !important;
    line-height: 3.5rem !important;
  }
}

#recharge-novum #recharge-te p {
  font-size: 1.3rem !important;
  line-height: 1.8rem !important;
  font-weight: 500 !important;
}

@media (max-width: 767px) {
  #recharge-novum #recharge-te p {
    font-size: 1.3rem !important;
    line-height: 2rem !important;
  }
}

#recharge-novum #rc_te-template-wrapper h2,
#recharge-novum #recharge-te #rc__upsells--container .upsells-title,
#recharge-novum #recharge-te .product-title,
#recharge-novum #recharge-te .rc_add_product_details_container,
#recharge-novum #recharge-te .rc_order_title,
#recharge-novum #recharge-te .te-modal-title,
#recharge-novum #recharge-te h4,
#recharge-novum #recharge-te h5 {
  font-family: var(--roboto-slab) !important;
}

#recharge-novum #rc_te-template-wrapper .upsells--wrapper div,
#recharge-novum #rc_te-template-wrapper h6 {
  font-family: var(--raleway) !important;
}

#recharge-novum .rc_btn {
  background-color: #ee1c25 !important;
  font-size: 14px !important;
}

#recharge-novum .rc_btn:hover {
  background-color: #fff !important;
  border-color: #ee1c25 !important;
  color: #ee1c25 !important;
}

#recharge-novum .rc_btn--secondary {
  border-color: #ee1c25 !important;
  color: #fff !important;
  background-color: #ee1c25 !important;
  font-size: 14px !important;
}

#recharge-novum .rc_btn--secondary--color:hover {
  background-color: #fff !important;
  border-color: #ee1c25 !important;
  color: #ee1c25 !important;
}

@media (min-width: 768px) {
  #recharge-novum .rc_subscription_info_container {
    border-right: 1px solid #0f171a !important;
  }
}

@media (max-width: 767px) {
  #recharge-novum .rc_subscription_info_container {
    border-bottom: 1px solid #0f171a !important;
  }
}

@media (max-width: 767px) {
  #recharge-novum .rc_schedule_wrapper {
    margin: 20px 0 !important;
  }
}

@media (min-width: 768px) {
  #recharge-novum .rc_subscription_card_element_wrapper {
    padding: 75px 75px 40px !important; /*min-height: 350px !important;*/
  }
}

#recharge-novum
  .rc_subscription_card_element_wrapper.rc_subscription_container {
  background-image: url(https://cdn.shopify.com/s/files/1/0538/8160/2223/files/group-29942.svg) !important;
  background-position: 40px 18px !important;
  background-repeat: no-repeat !important;
}

@media (max-width: 767px) {
  #recharge-novum
    .rc_subscription_card_element_wrapper.rc_subscription_container {
    background-position: 20px 20px !important;
  }
}

#recharge-novum
  .rc_subscription_card_element_wrapper.rc_inactive_subscriptions {
  background-image: url(https://cdn.shopify.com/s/files/1/0538/8160/2223/files/group-29995.svg) !important;
  background-position: 40px 18px !important;
  background-repeat: no-repeat !important;
}

@media (max-width: 767px) {
  #recharge-novum
    .rc_subscription_card_element_wrapper.rc_inactive_subscriptions {
    background-position: 20px 20px !important;
  }
}

#recharge-novum .rc_card_container.rc_element_wrapper,
#recharge-novum .rc_inactive_subscriptions,
#recharge-novum .rc_subscription_container {
  border-radius: 6px;
  border: solid 1px #1d1d1b !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#recharge-novum .letter-spacing {
  letter-spacing: normal !important;
}

#recharge-novum .svg-inline--fa.fa-chevron-down.fa-w-14.arrow-down path,
#recharge-novum .svg-inline--fa.fa-chevron-up.fa-w-14.arrow-up path {
  fill: #fff;
}

#rc_login {
  display: none !important;
}

/* Form CSS */
.form-field {
  position: relative;
  margin: -1px 0 20px;
  background-color: transparent;
}

.form-field--no-margin,
.form-search--no-margin .form-field {
  margin: 0;
}

@media (max-width: 767px) {
  .form-field {
    margin: 0;
  }
}

.form-field--hidden {
  display: none;
  visibility: hidden;
}

.form-field--radio *,
.form-field--radio :after,
.form-field--radio :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.post-filter-bar .form-field--select {
  margin: 0;
}

@media (max-width: 767px) {
  .post-filter-bar .form-field--select {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .footer .form-field {
    margin-top: 15px;
  }
}

.plp-filter .form-field,
.post-filter-bar .form-field {
  margin: 0;
}

.form-address .form-field {
  margin: 6px 0 8px;
}

.form-field__radio-input,
.rc-widget-injection-parent .rc-template__legacy-radio .rc-radio__input {
  display: none;
}

.form-field__radio-input + label:before,
.rc-widget-injection-parent
  .rc-template__legacy-radio
  .rc-radio__input
  + label:before {
  content: "";
  display: inline-block;
  width: 15px;
  margin-top: 3px;
  height: 15px;
  padding: 3px;
  background-clip: content-box;
  background-color: #e7e6e7;
  border-radius: 50%;
}

.form-field__radio-input:checked + label:before,
.rc-widget-injection-parent
  .rc-template__legacy-radio
  .rc-radio__input:checked
  + label:before {
  background-color: #000;
}

.form-field__label {
  cursor: text;
  position: relative;
  color: #0f171a;
  text-align: left;
  padding-top: 10px;
}

.form-field__label--container .product-add-to-cart .form-field__label {
  text-transform: lowercase;
}

@media (max-width: 767px) {
  .form-field__label {
    margin-bottom: 0; /*text-align: center;*/
  }
}

.form-field__label--as-placeholder {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 15px;
  margin: 0;
  -webkit-transform: translateY(-57%);
  -ms-transform: translateY(-57%);
  transform: translateY(-57%);
  background-color: #fff;
  -webkit-transition: opacity 0.3s cubic-bezier(0.06, 0.305, 0, 1),
    -webkit-transform 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  transition: opacity 0.3s cubic-bezier(0.06, 0.305, 0, 1),
    -webkit-transform 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  -o-transition: transform 0.3s cubic-bezier(0.06, 0.305, 0, 1),
    opacity 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  transition: transform 0.3s cubic-bezier(0.06, 0.305, 0, 1),
    opacity 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  transition: transform 0.3s cubic-bezier(0.06, 0.305, 0, 1),
    opacity 0.3s cubic-bezier(0.06, 0.305, 0, 1),
    -webkit-transform 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  padding: 0 5px;
}

@media (max-width: 767px) {
  .form-field__label--as-placeholder {
    -webkit-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    transform: translateY(-75%);
    left: 10px;
  }

  .form-field--newsletter .form-field__label--as-placeholder {
    -webkit-transform: translateY(-57%);
    -ms-transform: translateY(-57%);
    transform: translateY(-57%);
  }
}

.field-has-value ~ .form-field__label--as-placeholder,
.form-field__input:focus ~ .form-field__label--as-placeholder {
  -webkit-transform: translate(10%, -57%);
  -ms-transform: translate(10%, -57%);
  transform: translate(10%, -57%);
  opacity: 0;
}

@media (max-width: 767px) {
  .field-has-value ~ .form-field__label--as-placeholder,
  .form-field__input:focus ~ .form-field__label--as-placeholder {
    -webkit-transform: translate(10%, -75%);
    -ms-transform: translate(10%, -75%);
    transform: translate(10%, -75%);
    opacity: 0;
  }
}

.post-filter-bar .form-field__label--as-placeholder {
  padding: 0 0 0 20px;
}

@media (max-width: 991px) {
  .post-filter-bar .form-field__label--as-placeholder {
    padding: 0;
    left: 0;
  }
}

.form-field--inner .form-field__label {
  -webkit-transform: translateY(-55%);
  -ms-transform: translateY(-55%);
  transform: translateY(-55%);
}

@media (max-width: 767px) {
  .footer .form-field__label {
    text-align: center;
  }
}

.form-address .form-field__label {
  margin-bottom: 2.5px;
}

@media (max-width: 767px) {
  .form-field__label-text {
    display: block;
    text-align: center;
  }
}

.form-field__label-radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.form-field__label-radio-text {
  padding-left: 9px;
}

.form-field__input-wrapper {
  background-color: inherit;
  border-radius: 8px;
  width: 100%;
}

.form-field--label-top .form-field__input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.form-field__input-wrapper--email {
  position: relative;
  display: inline-block;
}

.footer .form-field__input-wrapper--email {
  width: 375px;
}

@media (max-width: 767px) {
  .form-field__input-wrapper--email {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .navigation .form-field__input-wrapper {
    border-bottom: 1px solid #0f171a;
    border-radius: 0;
  }
}

.form-field__input {
  -webkit-transition: all 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  transition: all 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  position: relative;
  width: 298px;
  height: 42px;
  padding: 10px 50px 10px 15px;
  -o-object-fit: contain;
  object-fit: contain;
  border: 1px solid #f1f1f1;
  background-color: #fff;
  resize: none;
}

@media (max-width: 767px) {
  .form-field__input {
    margin: 4px 0 12px;
    padding: 13px 15px;
  }
}

.form-field__input:focus {
  outline: none;
  border: 2px solid #0f171a;
}

.form-field--textarea .form-field__input {
  width: 303px;
  height: 118px;
  padding: 9px 14px 67px 15px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 6px;
  border: 1px solid #0f171a;
  background-color: #fff;
}

.form-field--no-margin .form-field__input {
  padding-right: 130px;
  margin: 0;
}

.form-search--nav .form-field__input {
  border: none;
  padding: 0;
  height: 40px;
  margin: 0;
}

@media (max-width: 767px) {
  .form-field--newsletter .form-field__input {
    margin: 0;
  }
}

.form-field__input .button.form-submit {
  display: block;
  cursor: pointer;
  outline: none;
}

.form-field--inner .form-field__input .button.form-submit {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1rem;
  width: 108px;
  height: 32px;
}

@media (min-width: 768px) {
  .form-field__input .form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
  }
}

.form-field__input .form-row--field {
  width: 100%;
}

@media (min-width: 768px) {
  .form-row--2 .form-field__input .form-row--field {
    width: calc(50% - 10px);
  }

  .form-row--2 .form-field__input .form-row--field:nth-of-type(odd) {
    margin-right: 20px;
  }
}

.form-field__input .form-label {
  color: #0f171a;
}

.footer__newsletter-social span.form-field__label-text.h4 {
  font-family: Braisetto;
  font-size: 4rem;
  font-weight: 700;
  line-height: 4rem;
}

/*Errors generated by Shopify forms*/
.form-field__input form .errors {
  margin: 0 0 20px;
  color: red;
}

.form-field__input--email {
  border-radius: 6px;
  -webkit-transition: all 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  transition: all 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  position: relative;
  width: 375px;
  height: 42px;
  padding: 10px 50px 10px 15px;
  -o-object-fit: contain;
  object-fit: contain;
  border: 1px solid rgba(15, 23, 26, 0.2);
  background-color: #fff;
}

.footer .form-field__input--email {
  width: 100%;
  border: 1px solid #01161e;
  background: #f7f4f1;
}

@media (max-width: 767px) {
  .form-field__input--email {
    width: 100%;
  }
}

.form-field__input--account {
  border: 1px solid rgba(15, 23, 26, 0.2);
  border-radius: 6px;
}

.form-field__input--account:focus {
  background: transparent;
}

@media (max-width: 767px) {
  .form-field__input--account {
    width: 100%;
  }
}

.form-field__input--phone {
  border-radius: 6px;
  width: 100%;
  border: 1px solid rgba(15, 23, 26, 0.2);
}

@media (max-width: 767px) {
  .form-field__input--phone {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .post-filter-bar .form-field__input {
    margin: 0;
    padding: 0;
  }
}

.grid-address .form-field__input {
  border-radius: 6px;
  width: 100%;
  border: 1px solid rgba(15, 23, 26, 0.2);
}

@media (max-width: 767px) {
  .grid-address .form-field__input {
    margin: 0 0 3px;
  }
}

.sign-up-sign-in .form-field__input {
  width: 100%;
}

.input-error {
  border: 1px solid #e63500;
}

/* Break Points */
/* We've synchronized @custom-media with bootstrap breakpoints layout */
/* Placeholder styles - to be removed for launch */
.placeholder {
  background-color: #faf6f1;
  padding: 50px 0;
  text-align: center;
  margin: 20px 0;
}

.z0 {
  z-index: 0;
}

.z1 {
  z-index: 100;
}

.z2 {
  z-index: 200;
}

.z3 {
  z-index: 300;
}

.z4 {
  z-index: 400;
}

.z5 {
  z-index: 500;
}

.z6 {
  z-index: 600;
}

.z7 {
  z-index: 700;
}

.z8 {
  z-index: 800;
}

.z9 {
  z-index: 900;
}

.z10 {
  z-index: 1000;
}

/* Lib for Dependencies */
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  -o-transition-property: opacity, filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
  background: url(https://cdn.shopify.com/s/files/1/0538/8160/2223/files/hamburger-bar.svg?v=1620144521);
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  width: 40px;
  height: 4px;
  border-radius: 6px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  background: url(https://cdn.shopify.com/s/files/1/0538/8160/2223/files/hamburger-bar.svg?v=1620144521)
    no-repeat;
}

.hamburger-inner:after,
.hamburger-inner:before {
  content: "";
  display: block;
}

.hamburger-inner:before {
  top: -10px;
}

.hamburger-inner:after {
  bottom: -10px;
}

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
  -webkit-transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1)
      0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner:after,
.hamburger--3dx .hamburger-inner:before {
  -webkit-transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1)
    0.1s;
  transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
  -webkit-transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1)
      0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner:after,
.hamburger--3dx-r .hamburger-inner:before {
  -webkit-transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1)
    0.1s;
  transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
  -webkit-transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1)
      0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner:after,
.hamburger--3dy .hamburger-inner:before {
  -webkit-transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1)
    0.1s;
  transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
  -webkit-transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1)
      0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner:after,
.hamburger--3dy-r .hamburger-inner:before {
  -webkit-transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1)
    0.1s;
  transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
  -webkit-transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1)
      0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner:after,
.hamburger--3dxy .hamburger-inner:before {
  -webkit-transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1)
    0.1s;
  transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateX(180deg) rotateY(180deg);
  transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  -webkit-perspective: 80px;
  perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
  -webkit-transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1)
      0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
    background-color 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner:after,
.hamburger--3dxy-r .hamburger-inner:before {
  -webkit-transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1)
    0.1s;
  transition: -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  -o-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
  transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s,
    -webkit-transform 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  -webkit-transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
  transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(0.7);
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(0.7);
}

.hamburger--arrow.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(0.7);
  transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(0.7);
}

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(0.7);
  transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(0.7);
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(0.7);
  transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(0.7);
}

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner:before {
  -webkit-transition: top 0.1s ease 0.1s,
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s ease 0.1s,
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: top 0.1s 0.1s ease,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s ease 0.1s,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s ease 0.1s,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner:after {
  -webkit-transition: bottom 0.1s ease 0.1s,
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s ease 0.1s,
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: bottom 0.1s 0.1s ease,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s ease 0.1s,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s ease 0.1s,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(0.7);
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(0.7);
  -webkit-transition: top 0.1s ease,
    -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  transition: top 0.1s ease,
    -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  -o-transition: top 0.1s ease,
    transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease,
    transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  transition: top 0.1s ease,
    transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s,
    -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(0.7);
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(0.7);
  -webkit-transition: bottom 0.1s ease,
    -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  transition: bottom 0.1s ease,
    -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  -o-transition: bottom 0.1s ease,
    transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease,
    transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  transition: bottom 0.1s ease,
    transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s,
    -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
}

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner:before {
  -webkit-transition: top 0.1s ease 0.1s,
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s ease 0.1s,
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: top 0.1s 0.1s ease,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s ease 0.1s,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s ease 0.1s,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner:after {
  -webkit-transition: bottom 0.1s ease 0.1s,
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s ease 0.1s,
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: bottom 0.1s 0.1s ease,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s ease 0.1s,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s ease 0.1s,
    transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(0.7);
  transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(0.7);
  -webkit-transition: top 0.1s ease,
    -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  transition: top 0.1s ease,
    -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  -o-transition: top 0.1s ease,
    transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease,
    transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  transition: top 0.1s ease,
    transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s,
    -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(0.7);
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(0.7);
  -webkit-transition: bottom 0.1s ease,
    -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  transition: bottom 0.1s ease,
    -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  -o-transition: bottom 0.1s ease,
    transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease,
    transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
  transition: bottom 0.1s ease,
    transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s,
    -webkit-transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s;
}

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(0.7);
  transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(0.7);
}

.hamburger--arrowturn.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(0.7);
  transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(0.7);
}

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner:before {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(0.7);
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(0.7);
}

.hamburger--arrowturn-r.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(0.7);
  transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(0.7);
}

/*
   * Boring
   */
.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner:after,
.hamburger--boring .hamburger-inner:before {
  -webkit-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
  -o-transition-duration: 0.13s;
  transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
  -o-transition-delay: 0.13s;
  transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner:after {
  top: -20px;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    opacity 0.1s linear;
  -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    opacity 0.1s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner:before {
  -webkit-transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
  -o-transition-delay: 0.22s;
  transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner:after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s linear 0.22s;
  -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s 0.22s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s linear 0.22s;
}

.hamburger--collapse.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  -o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
  -o-transition-duration: 0.13s;
  transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
  -o-transition-delay: 0.13s;
  transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner:after {
  top: -20px;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    opacity 0.1s linear;
  -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    opacity 0.1s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner:before {
  -webkit-transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
  transform: translate3d(0, -10px, 0) rotate(45deg);
  -webkit-transition-delay: 0.22s;
  -o-transition-delay: 0.22s;
  transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s linear 0.22s;
  -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s 0.22s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0.1s linear 0.22s;
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  -o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  -webkit-transition-duration: 0.275s;
  -o-transition-duration: 0.275s;
  transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner:before {
  top: 10px;
  -webkit-transition: opacity 0.125s ease 0.275s;
  -o-transition: opacity 0.125s 0.275s ease;
  transition: opacity 0.125s ease 0.275s;
}

.hamburger--elastic .hamburger-inner:after {
  top: 20px;
  -webkit-transition: -webkit-transform 0.275s
    cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
  transform: translate3d(0, 10px, 0) rotate(135deg);
  -webkit-transition-delay: 75ms;
  -o-transition-delay: 75ms;
  transition-delay: 75ms;
}

.hamburger--elastic.is-active .hamburger-inner:before {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  -webkit-transition-delay: 75ms;
  -o-transition-delay: 75ms;
  transition-delay: 75ms;
}

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  -webkit-transition-duration: 0.275s;
  -o-transition-duration: 0.275s;
  transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner:before {
  top: 10px;
  -webkit-transition: opacity 0.125s ease 0.275s;
  -o-transition: opacity 0.125s 0.275s ease;
  transition: opacity 0.125s ease 0.275s;
}

.hamburger--elastic-r .hamburger-inner:after {
  top: 20px;
  -webkit-transition: -webkit-transform 0.275s
    cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  -webkit-transition-delay: 75ms;
  -o-transition-delay: 75ms;
  transition-delay: 75ms;
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
  transform: translate3d(0, -20px, 0) rotate(270deg);
  -webkit-transition-delay: 75ms;
  -o-transition-delay: 75ms;
  transition-delay: 75ms;
}

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  -webkit-transition: background-color 0.125s ease-in 0.175s;
  -o-transition: background-color 0.125s 0.175s ease-in;
  transition: background-color 0.125s ease-in 0.175s;
}

.hamburger--emphatic .hamburger-inner:before {
  left: 0;
  -webkit-transition: top 0.05s linear 0.125s, left 0.125s ease-in 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s linear 0.125s, left 0.125s ease-in 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  -o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s linear 0.125s, left 0.125s ease-in 0.175s;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s linear 0.125s, left 0.125s ease-in 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic .hamburger-inner:after {
  top: 10px;
  right: 0;
  -webkit-transition: top 0.05s linear 0.125s, right 0.125s ease-in 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s linear 0.125s, right 0.125s ease-in 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  -o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s linear 0.125s, right 0.125s ease-in 0.175s;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s linear 0.125s, right 0.125s ease-in 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic.is-active .hamburger-inner {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic.is-active .hamburger-inner:before {
  left: -80px;
  top: -80px;
  -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
  transform: translate3d(80px, 80px, 0) rotate(45deg);
  -webkit-transition: left 0.125s ease-out, top 0.05s linear 0.125s,
    -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transition: left 0.125s ease-out, top 0.05s linear 0.125s,
    -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  -o-transition: left 0.125s ease-out, top 0.05s 0.125s linear,
    transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s linear 0.125s,
    transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transition: left 0.125s ease-out, top 0.05s linear 0.125s,
    transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
}

.hamburger--emphatic.is-active .hamburger-inner:after {
  right: -80px;
  top: -80px;
  -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  -webkit-transition: right 0.125s ease-out, top 0.05s linear 0.125s,
    -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transition: right 0.125s ease-out, top 0.05s linear 0.125s,
    -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  -o-transition: right 0.125s ease-out, top 0.05s 0.125s linear,
    transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s linear 0.125s,
    transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transition: right 0.125s ease-out, top 0.05s linear 0.125s,
    transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
}

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  -webkit-transition: background-color 0.125s ease-in 0.175s;
  -o-transition: background-color 0.125s 0.175s ease-in;
  transition: background-color 0.125s ease-in 0.175s;
}

.hamburger--emphatic-r .hamburger-inner:before {
  left: 0;
  -webkit-transition: top 0.05s linear 0.125s, left 0.125s ease-in 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s linear 0.125s, left 0.125s ease-in 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  -o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s linear 0.125s, left 0.125s ease-in 0.175s;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s linear 0.125s, left 0.125s ease-in 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic-r .hamburger-inner:after {
  top: 10px;
  right: 0;
  -webkit-transition: top 0.05s linear 0.125s, right 0.125s ease-in 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s linear 0.125s, right 0.125s ease-in 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  -o-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s linear 0.125s, right 0.125s ease-in 0.175s;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335),
    top 0.05s linear 0.125s, right 0.125s ease-in 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic-r.is-active .hamburger-inner:before {
  left: -80px;
  top: 80px;
  -webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
  -webkit-transition: left 0.125s ease-out, top 0.05s linear 0.125s,
    -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transition: left 0.125s ease-out, top 0.05s linear 0.125s,
    -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  -o-transition: left 0.125s ease-out, top 0.05s 0.125s linear,
    transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s linear 0.125s,
    transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transition: left 0.125s ease-out, top 0.05s linear 0.125s,
    transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
  right: -80px;
  top: 80px;
  -webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
  -webkit-transition: right 0.125s ease-out, top 0.05s linear 0.125s,
    -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transition: right 0.125s ease-out, top 0.05s linear 0.125s,
    -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  -o-transition: right 0.125s ease-out, top 0.05s 0.125s linear,
    transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s linear 0.125s,
    transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
  transition: right 0.125s ease-out, top 0.05s linear 0.125s,
    transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s,
    -webkit-transform 0.125s cubic-bezier(0.075, 0.82, 0.165, 1) 0.175s;
}

/*
   * Minus
   */
.hamburger--minus .hamburger-inner:after,
.hamburger--minus .hamburger-inner:before {
  -webkit-transition: bottom 0.08s ease-out 0s, top 0.08s ease-out 0s,
    opacity 0s linear;
  -o-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out,
    opacity 0s linear;
  transition: bottom 0.08s ease-out 0s, top 0.08s ease-out 0s, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner:after,
.hamburger--minus.is-active .hamburger-inner:before {
  opacity: 0;
  -webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out,
    opacity 0s linear 0.08s;
  -o-transition: bottom 0.08s ease-out, top 0.08s ease-out,
    opacity 0s 0.08s linear;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s linear 0.08s;
}

.hamburger--minus.is-active .hamburger-inner:before {
  top: 0;
}

.hamburger--minus.is-active .hamburger-inner:after {
  bottom: 0;
}

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px;
}

.hamburger--slider .hamburger-inner:before {
  top: 10px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner:after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner:before {
  -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px;
}

.hamburger--slider-r .hamburger-inner:before {
  top: 10px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner:after {
  top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner:before {
  -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner:after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  -webkit-transition-duration: 0.22s;
  -o-transition-duration: 0.22s;
  transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner:before {
  -webkit-transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
  -o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner:after {
  -webkit-transition: bottom 0.1s ease-in 0.25s,
    -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s ease-in 0.25s,
    -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: bottom 0.1s 0.25s ease-in,
    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s ease-in 0.25s,
    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s ease-in 0.25s,
    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition-delay: 0.12s;
  -o-transition-delay: 0.12s;
  transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
  -o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
}

.hamburger--spin.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: bottom 0.1s ease-out,
    -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out,
    -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  -o-transition: bottom 0.1s ease-out,
    transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out,
    transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out,
    transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,
    -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
}

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  -webkit-transition-duration: 0.22s;
  -o-transition-duration: 0.22s;
  transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner:before {
  -webkit-transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
  -o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  transition: top 0.1s ease-in 0.25s, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner:after {
  -webkit-transition: bottom 0.1s ease-in 0.25s,
    -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s ease-in 0.25s,
    -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: bottom 0.1s 0.25s ease-in,
    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s ease-in 0.25s,
    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s ease-in 0.25s,
    transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
  -webkit-transition-delay: 0.12s;
  -o-transition-delay: 0.12s;
  transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
  -o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s;
}

.hamburger--spin-r.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: bottom 0.1s ease-out,
    -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out,
    -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  -o-transition: bottom 0.1s ease-out,
    transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out,
    transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 0.1s ease-out,
    transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,
    -webkit-transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
}

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  -webkit-transition: background-color 0s linear 0.13s;
  -o-transition: background-color 0s 0.13s linear;
  transition: background-color 0s linear 0.13s;
}

.hamburger--spring .hamburger-inner:before {
  top: 10px;
  -webkit-transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner:after {
  top: 20px;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  -webkit-transition-delay: 0.22s;
  -o-transition-delay: 0.22s;
  transition-delay: 0.22s;
  background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  -o-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner:after {
  top: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
  -o-transition-duration: 0.13s;
  transition-duration: 0.13s;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner:after {
  top: -20px;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    opacity 0s linear;
  -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    opacity 0s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner:before {
  -webkit-transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
    transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
  -o-transition-delay: 0.22s;
  transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner:after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0s linear 0.22s;
  -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0s 0.22s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    opacity 0s linear 0.22s;
}

.hamburger--spring-r.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  -o-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
    transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s,
    transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s,
    -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s;
}

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  -webkit-transition: background-color 0s linear 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
  transition: background-color 0s linear 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
  -o-transition: transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    background-color 0s 75ms linear;
  transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s,
    background-color 0s linear 75ms;
  transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s,
    background-color 0s linear 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
}

.hamburger--stand .hamburger-inner:before {
  -webkit-transition: top 75ms ease-in 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  transition: top 75ms ease-in 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  -o-transition: top 75ms 75ms ease-in,
    transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 75ms ease-in 75ms,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  transition: top 75ms ease-in 75ms,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}

.hamburger--stand .hamburger-inner:after {
  -webkit-transition: bottom 75ms ease-in 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  transition: bottom 75ms ease-in 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  -o-transition: bottom 75ms 75ms ease-in,
    transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 75ms ease-in 75ms,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  transition: bottom 75ms ease-in 75ms,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}

.hamburger--stand.is-active .hamburger-inner {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: transparent !important;
  -webkit-transition: background-color 0s linear 0.15s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: background-color 0s linear 0.15s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -o-transition: transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1),
    background-color 0s 0.15s linear;
  transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
    background-color 0s linear 0.15s;
  transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
    background-color 0s linear 0.15s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.hamburger--stand.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: top 75ms ease-out 0.1s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: top 75ms ease-out 0.1s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -o-transition: top 75ms 0.1s ease-out,
    transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 75ms ease-out 0.1s,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: top 75ms ease-out 0.1s,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}

.hamburger--stand.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: bottom 75ms ease-out 0.1s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: bottom 75ms ease-out 0.1s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -o-transition: bottom 75ms 0.1s ease-out,
    transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 75ms ease-out 0.1s,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: bottom 75ms ease-out 0.1s,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  -webkit-transition: background-color 0s linear 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
  transition: background-color 0s linear 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
  -o-transition: transform 75ms 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    background-color 0s 75ms linear;
  transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s,
    background-color 0s linear 75ms;
  transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s,
    background-color 0s linear 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
}

.hamburger--stand-r .hamburger-inner:before {
  -webkit-transition: top 75ms ease-in 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  transition: top 75ms ease-in 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  -o-transition: top 75ms 75ms ease-in,
    transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 75ms ease-in 75ms,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  transition: top 75ms ease-in 75ms,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}

.hamburger--stand-r .hamburger-inner:after {
  -webkit-transition: bottom 75ms ease-in 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  transition: bottom 75ms ease-in 75ms,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  -o-transition: bottom 75ms 75ms ease-in,
    transform 75ms 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 75ms ease-in 75ms,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  transition: bottom 75ms ease-in 75ms,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}

.hamburger--stand-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-color: transparent !important;
  -webkit-transition: background-color 0s linear 0.15s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: background-color 0s linear 0.15s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  -o-transition: transform 75ms 0s cubic-bezier(0.215, 0.61, 0.355, 1),
    background-color 0s 0.15s linear;
  transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
    background-color 0s linear 0.15s;
  transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
    background-color 0s linear 0.15s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.hamburger--stand-r.is-active .hamburger-inner:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: top 75ms ease-out 0.1s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: top 75ms ease-out 0.1s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -o-transition: top 75ms 0.1s ease-out,
    transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 75ms ease-out 0.1s,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: top 75ms ease-out 0.1s,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}

.hamburger--stand-r.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: bottom 75ms ease-out 0.1s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: bottom 75ms ease-out 0.1s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -o-transition: bottom 75ms 0.1s ease-out,
    transform 75ms 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 75ms ease-out 0.1s,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: bottom 75ms ease-out 0.1s,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  -webkit-transition-duration: 75ms;
  -o-transition-duration: 75ms;
  transition-duration: 75ms;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner:before {
  -webkit-transition: top 75ms ease 0.12s, opacity 75ms ease;
  -o-transition: top 75ms 0.12s ease, opacity 75ms ease;
  transition: top 75ms ease 0.12s, opacity 75ms ease;
}

.hamburger--squeeze .hamburger-inner:after {
  -webkit-transition: bottom 75ms ease 0.12s,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 75ms ease 0.12s,
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: bottom 75ms 0.12s ease,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 75ms ease 0.12s,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 75ms ease 0.12s,
    transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19),
    -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-delay: 0.12s;
  -o-transition-delay: 0.12s;
  transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 75ms ease, opacity 75ms ease 0.12s;
  -o-transition: top 75ms ease, opacity 75ms 0.12s ease;
  transition: top 75ms ease, opacity 75ms ease 0.12s;
}

.hamburger--squeeze.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: bottom 75ms ease,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 75ms ease,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  -o-transition: bottom 75ms ease,
    transform 75ms 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 75ms ease,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transition: bottom 75ms ease,
    transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s,
    -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
}

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner:after,
.hamburger--vortex .hamburger-inner:before {
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner:before {
  -webkit-transition-property: top, opacity;
  -o-transition-property: top, opacity;
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner:after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  -o-transition-property: bottom, transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform;
}

.hamburger--vortex.is-active .hamburger-inner {
  -webkit-transform: rotate(765deg);
  -ms-transform: rotate(765deg);
  transform: rotate(765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner:after,
.hamburger--vortex.is-active .hamburger-inner:before {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner:after,
.hamburger--vortex-r .hamburger-inner:before {
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner:before {
  -webkit-transition-property: top, opacity;
  -o-transition-property: top, opacity;
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner:after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  -o-transition-property: bottom, transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-765deg);
  -ms-transform: rotate(-765deg);
  transform: rotate(-765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner:after,
.hamburger--vortex-r.is-active .hamburger-inner:before {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/**
 * Swiper 5.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 20, 2020
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
    format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
  --maroon: #800000;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

@media (max-width: 767px) {
  .swiper-container {
    height: fit-content !important;
  }
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.swiper-container-multirow-column > .swiper-wrapper,
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: x mandatory;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: y mandatory;
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #007aff;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 44px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: opacity 0.3s;
  -o-transition: 0.3s opacity;
  transition: opacity 0.3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 0;
  }
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
  background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: top 0.2s, -webkit-transform 0.2s;
  transition: top 0.2s, -webkit-transform 0.2s;
  -o-transition: 0.2s transform, 0.2s top;
  transition: transform 0.2s, top 0.2s;
  transition: transform 0.2s, top 0.2s, -webkit-transform 0.2s;
}

.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  -webkit-transition: left 0.2s, -webkit-transform 0.2s;
  transition: left 0.2s, -webkit-transform 0.2s;
  -o-transition: 0.2s transform, 0.2s left;
  transition: transform 0.2s, left 0.2s;
  transition: transform 0.2s, left 0.2s, -webkit-transform 0.2s;
}

.swiper-container-horizontal.swiper-container-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  -webkit-transition: right 0.2s, -webkit-transform 0.2s;
  transition: right 0.2s, -webkit-transform 0.2s;
  -o-transition: 0.2s transform, 0.2s right;
  transition: transform 0.2s, right 0.2s;
  transition: transform 0.2s, right 0.2s, -webkit-transform 0.2s;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: a 1s infinite linear;
  animation: a 1s infinite linear;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid #007aff;
  border-radius: 50%;
  border-top-color: transparent;
}

@-webkit-keyframes a {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes a {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide,
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*!
	By André Rinas, www.andrerinas.de
	Documentation, www.simplelightbox.de
	Available for use under the MIT License
	Version 2.7.2
*/
body {
  padding-right: 0 !important;
}

body.hidden-scroll {
  overflow: hidden;
}

.sl-overlay {
  right: 0;
  bottom: 0;
  background-color: #f1f1f1;
  opacity: 0.95;
  display: none;
  z-index: 2147483646;
}

.sl-overlay,
.sl-wrapper {
  position: fixed;
  left: 0;
  top: 0;
}

.sl-wrapper {
  width: 100%;
  height: 100%;
  z-index: 2147483647;
}

.sl-wrapper * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sl-wrapper button {
  border: 0 none;
  background: transparent;
  font-size: 28px;
  padding: 0;
  cursor: pointer;
}

.sl-wrapper button:hover {
  opacity: 0.7;
}

.sl-wrapper .sl-close {
  display: none;
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 10060;
  margin-top: -14px;
  margin-right: -14px;
  height: 44px;
  width: 44px;
  line-height: 44px;
  font-family: Arial, Baskerville, monospace;
  color: #000;
  font-size: 3rem;
}

.sl-wrapper .sl-counter {
  display: none;
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 1060;
  color: #000;
  font-size: 1rem;
}

.sl-wrapper .sl-navigation {
  width: 100%;
  display: none;
}

.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  margin-top: -22px;
  height: 44px;
  width: 22px;
  line-height: 44px;
  text-align: center;
  display: block;
  z-index: 10060;
  font-family: Arial, Baskerville, monospace;
  color: #000;
}

.sl-wrapper .sl-navigation button.sl-next {
  right: 5px;
  font-size: 2rem;
}

.sl-wrapper .sl-navigation button.sl-prev {
  left: 5px;
  font-size: 2rem;
}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }

  .sl-wrapper .sl-navigation button.sl-next {
    right: 10px;
    font-size: 3rem;
  }

  .sl-wrapper .sl-navigation button.sl-prev {
    left: 10px;
    font-size: 3rem;
  }
}

@media (min-width: 50em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }

  .sl-wrapper .sl-navigation button.sl-next {
    right: 20px;
    font-size: 3rem;
  }

  .sl-wrapper .sl-navigation button.sl-prev {
    left: 20px;
    font-size: 3rem;
  }
}

.sl-wrapper.sl-dir-rtl .sl-navigation {
  direction: ltr;
}

.sl-wrapper .sl-image {
  position: fixed;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 10000;
}

.sl-wrapper .sl-image img {
  margin: 0;
  padding: 0;
  display: block;
  border: 0 none;
  width: 100%;
  height: auto;
  
}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}

@media (min-width: 50em) {
  .sl-wrapper .sl-image img {
    border: 0 none;
  }
}

.sl-wrapper .sl-image iframe {
  background: #000;
  border: 0 none;
}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}

@media (min-width: 50em) {
  .sl-wrapper .sl-image iframe {
    border: 0 none;
  }
}

.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.sl-wrapper .sl-image .sl-caption.pos-top {
  bottom: auto;
  top: 0;
}

.sl-wrapper .sl-image .sl-caption.pos-outside {
  bottom: auto;
}

.sl-wrapper .sl-image .sl-download {
  display: none;
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #000;
  z-index: 1060;
}

.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: b 1s ease-out infinite;
  animation: b 1s ease-out infinite;
}

.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.sl-transition {
  transition: -ms-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  -webkit-transition: -webkit-transform 0.2s ease;
  -o-transition: transform ease 0.2s;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

@-webkit-keyframes b {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes b {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
}

/**
 * Get Module Styles
 *
 * Any css files within the modules directory are automatically imported.
 * No need to add them here.
 */
/* styles for the accordion module go in this file */
.accordion {
  display: none;
}

.accordion.active {
  display: block;
  border-bottom: 1px solid #0f171a;
}

.accordion.all:not(:last-child) {
  border-bottom: 0;
  margin: 0;
}

.accordion-tabs__content {
  display: block;
}

.accordion-tabs__content.active {
  margin: 15px 0 115px;
  display: block;
}

@media (max-width: 991px) {
  .accordion-tabs__content.active {
    margin-bottom: 40px;
  }
}

.accordion__item {
  position: relative;
  border-top: 1px solid #0f171a;
  padding-top: 2rem;
  cursor: pointer;
  padding-bottom: 2rem;
  min-height: 130px;
}

@media (max-width: 991px) {
  .accordion__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 110px;
  }
}

@media (max-width: 991px) {
  .accordion__item.active {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 35px 0;
  }
}

.accordion__question {
  padding-right: 2rem;
}

@media (min-width: 992px) {
  .accordion__question {
    width: 50%;
    padding-top: 35px;
  }
}

@media (max-width: 991px) {
  .accordion__question {
    padding-right: 50px;
  }
}

.accordion__answer {
  display: none;
  padding-top: 2rem;
}

@media (min-width: 992px) {
  .accordion__answer {
    width: 50%;
    padding-bottom: 35px;
  }
}

@media (max-width: 991px) {
  .accordion__answer {
    padding-right: 50px;
  }
}

.accordion__item.active .accordion__answer {
  display: block;
}

.accordion__icon {
  position: absolute;
  right: 0;
  width: 15px;
  top: 43%;
}

.accordion__icon--open svg path {
  stroke: none;
  fill: #ee1c25;
}

.accordion__icon--close,
.accordion__item.active .accordion__icon--open {
  display: none;
}

.accordion__item.active .accordion__icon--close {
  display: block;
}

/* styles for the account-header module go in this file */
.account-header {
  margin-top: 4rem;
  text-align: left;
  position: relative;
}

@media (max-width: 767px) {
  .account-header {
    margin-top: 0;
  }
}

.account-header__header {
  color: #0f171a;
}

.account-header__log-out-btn {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateY(-150%);
  -ms-transform: translateY(-150%);
  transform: translateY(-150%);
  cursor: pointer;
}

@media (max-width: 991px) {
  .account-header__log-out-btn {
    display: none;
  }
}

/* styles for account-info */
.account-info__title__wrapper {
  margin-bottom: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.account-info__edit-link {
  color: var(--olive);
}

.account-info__title {
  margin-right: 18px;
}

.account-info__wrapper {
  max-width: 610px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 35px;
}

.account-info__block {
  width: calc(50% - 33px);
  margin-bottom: 35px;
}

.account-info__block:nth-of-type(2n) {
  margin-left: 66px;
}

.account-info__block__divider {
  display: block;
  width: 100%;
  height: 1px;
  margin: 10px 0;
  background-color: #bdb1b9;
  opacity: 0.5;
}

.account-info__tab {
  display: none;
}

.account-info__tab.active {
  display: block;
}

@media (max-width: 991px) {
  .account-info__tab.active {
    padding: 40px 0;
  }
}

/* styles for the account-nav module go in this file */
@media (min-width: 992px) {
  .account-nav {
    position: relative; /*height: 55vw;
    min-height: 784px;*/
  }
}

@media (min-width: 992px) {
  .account-nav__color-background {
    position: absolute;
    background: #ee1c25;
    width: 75%;
    height: 100%;
    z-index: -1;
  }
}

.account-nav__wrapper {
  background: #1d1d1b;
  height: 72%;
  min-height: 525px;
  width: 210px;
  margin-left: 80px;
  padding: 10px 45px 10px 10px;
  top: 0;
  border: 1px solid #1d1d1b;
}

@media (max-width: 991px) {
  .account-nav__wrapper {
    display: none;
  }
}

@media (max-width: 991px) {
  .account-nav__wrapper.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 991px) {
  .account-nav__wrapper {
    display: none;
    margin: 0;
    background: #f7f4f1;
    width: 100vw;
    height: calc(100vh - 67px);
    position: fixed;
    top: 50px;
    z-index: 10;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px;
  }
}

.account-nav__wrapper .svg {
  height: 3rem;
}

.account-nav__wrapper .svg--active-nav-container {
  height: 3rem;
  position: relative;
  top: 20px;
  right: 45px;
}

@media (max-width: 991px) {
  .account-nav__wrapper .svg--account-nav,
  .account-nav__wrapper .svg--active-nav-container {
    display: none;
  }
}

.account-nav__mobile-menu-container {
  top: 67px;
  position: fixed;
  height: 3.5rem;
  width: 100%;
  background: #ee1c25;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 1.5rem;
  line-height: 2.2rem;
  font-family: var(--roboto-slab);
  font-weight: 400;
}

@media (min-width: 992px) {
  .account-nav__mobile-menu-container {
    display: none;
  }
}

.account-nav__mobile-menu-container.has-promo-bar {
  margin-top: 45px;
}

.account-nav__mobile-menu-expand {
  position: absolute;
  right: 40px;
  font-size: 27px;
}

.account-nav__list {
  padding: 55px 20px 20px 0;
}

@media (max-width: 991px) {
  .account-nav__list {
    padding: 25px 10px 10px;
  }
}

.account-nav__item-link {
  color: #fff;
  text-decoration: none;
  left: 20px;
  position: relative;
}

@media (max-width: 991px) {
  .account-nav__item-link {
    left: 0;
  }
}

.account-nav__item {
  display: block;
  position: relative;
  margin-top: 20px;
  text-transform: uppercase;
  color: #fff;
  text-align: left;
  font-weight: 500;
}

.account-nav__item--active {
  color: #0f171a;
  font-weight: 700;
}

.account-nav__item--logout {
  margin-top: 50px;
}

@media (max-width: 991px) {
  .account-nav__item {
    border-bottom: solid 0.5px #1d1d1b;
    text-transform: capitalize;
    font-size: 20px;
    padding: 15px;
    margin: 0;
    font-weight: 800;
  }

  .account-nav__item--active {
    color: #1d1d1b;
  }
}

@media (max-width: 991px) {
  .account-nav__mobile-logout {
    width: 100%;
  }
}

.account-nav__back-header {
  padding: 25px 0 0 35px;
}

@media (max-width: 991px) {
  .account-nav__back-header {
    display: none;
  }
}

.account-nav__close {
  display: none;
}

@media (max-width: 991px) {
  .account-nav__close {
    z-index: 1;
    display: block;
    position: absolute;
    right: 25px;
    top: 30px;
  }
}

/* styles for the address-card module go in this file */
.address-card {
  min-width: 180px;
  max-width: 280px;
  width: 87%;
}

.address-card__title-first:first-child {
  display: none;
}

.address-card__container {
  margin-top: 33px;
  padding-right: 10px;
}

@media (max-width: 767px) {
  .address-card__container {
    padding-top: 15px;
    border-top: 1px solid #0f171a;
  }
}

.order-details__address-card-container .address-card__container {
  margin-top: 10px;
}

.address-card__container:first-child {
  margin-top: 15px;
}

@media (max-width: 767px) {
  .address-card__container:first-child {
    padding-top: 0;
    border-top: none;
  }
}

.address-card__container:first-child .address-card__title-first {
  display: block;
}

@media (max-width: 767px) {
  .address-card__container:first-child .address-card__title-first {
    color: #1d1d1b;
  }
}

.address-card__control {
  width: 85px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: auto;
}

@media (max-width: 767px) {
  .address-card__control {
    margin-top: 15px;
  }
}

.address-card__button {
  display: inline-block;
  border: none;
  padding: 0;
  margin: 0;
  background: transparent;
  color: #ee1c25;
  cursor: pointer;
  text-align: center;
  position: relative;
}

.address-card__delete-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* styles for arrow-link */
.arrow-link {
  display: inline-block;
  text-decoration: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0f171a;
}

.arrow-link .svg--arrow-back {
  margin-right: 10px;
}

.arrow-link .svg--arrow-back,
.arrow-link .svg--arrow-forward {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1.5rem;
}

.arrow-link .svg--arrow-forward {
  margin-left: 10px;
}

.arrow-link .svg--email-submit {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 10px;
}

.arrow-link .svg--email-submit,
.arrow-link__wrapper,
.events-arrow-link__wrapper,
.svg--arrow-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* back button alignment */
.arrow-link__wrapper {
  align-items: flex-end !important;
}

/* events page learn more button alignment */
.events-arrow-link__wrapper {
  align-items: center !important;
}

.svg--arrow-left {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 8px;
}

.svg--arrow-left svg {
  width: 5px;
}
/* .svg--arrow-right svg {
  width: 5px !important;
} */
/* styles for the back-header module go in this file */
.back-header {
  margin: 50px 195px 0px 0px;
}

@media (max-width: 767px) {
  .back-header {
    margin: 1.5rem 0;
  }
}

.back-header--article {
  margin: 2.5rem auto 0;
}

@media (max-width: 991px) {
  .back-header--article {
    margin-top: 1.5rem;
  }
}

/* styles for the breadcrumbs module go in this file */
.breadcrumbs {
  margin-top: 65px;
}

@media (max-width: 991px) {
  .breadcrumbs {
    margin-top: 55px;
  }
}

@media (max-width: 767px) {
  .breadcrumbs {
    margin-top: 15px;
  }
}

.recipe-hero .breadcrumbs {
  margin: 0;
}

.breadcrumbs--article-blog {
  max-width: 1250px;
  margin: 0 auto;
}

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

.recipe-hero .breadcrumbs__container {
  padding: 0;
}

.breadcrumbs--article-blog .breadcrumbs__container {
  height: 20px;
  margin-bottom: 65px;
}

@media (max-width: 767px) {
  .breadcrumbs--article-blog .breadcrumbs__container {
    margin-bottom: 20px;
  }
}

.breadcrumbs__seperator {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1rem;
  padding: 0 8px;
}

.breadcrumbs__link {
  color: #0f171a;
  text-decoration: none;
}

.breadcrumbs__link:hover {
  color: #ee1c25;
}

/* styles for button */
.button {
  display: block;
  min-width: 160px;
  height: 45px;
  text-decoration: none;
  background-color: #e20613;
  border: 1px solid #e20613;
  position: relative;
  border-radius: 3px;
  cursor: pointer;
  color: #fff;
}

@media (max-width: 767px) {
  .button {
    min-width: 140px;
  }
}

.button--disabled,
.button:hover {
  background-color: #fff;
  color: #e20613;
  border-radius: 2px;
  border: 1px solid #e20613;
}

.button--secondary {
  background-color: #0f171a;
  color: #fff;
  border: 1px solid #0f171a;
}

.button--secondary:hover {
  background-color: #fff;
  color: #0f171a;
  border: 1px solid #0f171a;
}

.button--black-outline + label {
  min-width: 120px;
  height: 33px;
  margin-right: 10px;
  background-color: transparent;
}

.button--black-outline + label,
.button--black-outline + label:hover {
  border-radius: 6px;
  color: #0f171a;
  border: 1px solid #0f171a;
  margin-bottom: 10px;
  margin-top: 10px;
}

@media (max-width: 767px) {
  .button--black-outline + label {
    min-width: 120px;
  }
}

.button--black-outline:checked + label {
  background-color: #000;
  color: #fff;
  margin-bottom: 10px;
  margin-top: 10px;
}

.button--black-outline[disabled] + label {
  opacity: 0.5;
}

.button--black-outline-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button--black-outline {
  display: none;
}

.button--hero-cta-button {
  display: inline-block;
  padding: 0 18px;
  margin-right: 25px;
}

@media (max-width: 1199px) {
  .button--hero-cta-button {
    margin: 0 0 25px;
    padding: 0 20px;
  }
}

@media (max-width: 767px) {
  .button--hero-cta-button {
    width: 100%;
    margin-right: 0;
  }
}

a.button {
  display: inline-block;
}

.button--mobile-logout {
  width: 90%;
  margin: 0 auto;
  bottom: 20px;
}

@media (min-width: 992px) {
  .button--mobile-logout {
    display: none;
  }
}

@media (max-width: 767px) {
  .form-address__add-footer .button {
    width: 100%;
    min-width: initial;
  }
}

.button-text {
  font-family: Poppins, sans-serif;
  font-weight: 500;
  left: 50%;
  top: 50%;
  -webkit-transition: all 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  transition: all 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 16px;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: center;
}

/* padding: 0 18px; */
.button--inline .button-text {
  position: relative;
  left: auto;
  top: auto;
  -webkit-transform: auto;
  -ms-transform: auto;
  transform: auto;
  color: var(--purple);
}

.button--inline .button-text:after {
  -webkit-transition: all 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  -o-transition: all 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  transition: all 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: transparent;
  bottom: 1px;
  left: 0;
  pointer-events: none;
}

a .button-text {
  display: block;
  position: relative;
}

/* styles for button-jagged */
.button-jagged {
  display: inline-block;
  position: relative;
}

.button-jagged--yellow path {
  fill: var(--yellow-orange);
}

.account-nav__item .button-jagged {
  position: absolute;
  opacity: 1;
  bottom: 0;
  left: -46px;
}

@media (max-width: 991px) {
  .account-nav__item .button-jagged {
    display: none;
  }
}

.button-jagged__btn-text-yellow {
  position: absolute;
  color: #0f171a;
}

.button-jagged__btn-text-vermilion {
  position: absolute;
  color: #fff;
}

.button-jagged--yellow path {
  fill: #b1332a;
  opacity: 1;
}

/* styles for the card-cta module go in this file */
.card-cta {
  text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 40px 35px;
  height: 100%;
  width: 50%;
}

@media (max-width: 991px) {
  .card-cta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 991px) {
  .card-cta--1 {
    margin-top: 45px;
  }
}

.card-cta__image-container.image,
.card-cta__image-container .image__img {
  position: relative;
}

.card-cta__header {
  margin-top: 1.7rem;
}

@media (max-width: 991px) {
  .card-cta__header {
    margin-top: 1.4rem;
    text-align: center;
  }
}

.card-cta__description {
  margin: 0.7rem 0 2.7rem;
}

@media (max-width: 991px) {
  .card-cta__description {
    margin: 0.3rem 0 3.4rem;
    text-align: center;
  }
}

.card-cta__button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

/* styles for the carousel module go in this file */
.carousel {
  position: relative;
  padding-right: 7.5rem;
  padding-left: 7.5rem;
}

@media (max-width: 991px) {
  .carousel {
    padding-right: 5rem;
    padding-left: 5rem;
  }
}

@media (max-width: 767px) {
  .carousel {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}

@media (max-width: 575px) {
  .carousel {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

.carousel--no-padding,
.carousel.carousel-bp {
  padding-right: 0;
  padding-left: 0;
}

.carousel.carousel-bp {
  display: block;
}

@media (max-width: 1199px) {
  .carousel.carousel-bp--xl {
    padding-right: 7.5rem;
    padding-left: 7.5rem;
  }
}

@media (max-width: 991px) {
  .carousel.carousel-bp--xl {
    padding-right: 5rem;
    padding-left: 5rem;
  }
}

@media (max-width: 767px) {
  .carousel.carousel-bp--xl {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}

@media (max-width: 575px) {
  .carousel.carousel-bp--xl {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

@media (max-width: 991px) {
  .carousel.carousel-bp--lg {
    padding-right: 5rem;
    padding-left: 5rem;
  }
}

@media (max-width: 767px) {
  .carousel.carousel-bp--lg {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}

@media (max-width: 575px) {
  .carousel.carousel-bp--lg {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

@media (max-width: 767px) {
  .carousel.carousel-bp--md {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}

@media (max-width: 575px) {
  .carousel.carousel-bp--md,
  .carousel.carousel-bp--sm {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

.carousel--dark-grey-blue:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: -100%;
  width: calc(100vw + 100%);
  height: 100%;
  background-color: #f1f1f1;
}

@media (min-width: 992px) {
  .carousel--article-recipe,
  .carousel--featured-products {
    margin: 50px 0 0;
  }
}

@media (min-width: 992px) {
  .carousel--related {
    margin-top: 55px;
  }
}

@media (min-width: 992px) {
  .carousel--related-recipes {
    margin-bottom: 100px;
  }
}

@media (max-width: 991px) {
  .carousel--related-recipes {
    margin-bottom: 0px;
  }
}

.carousel--article-recipe {
  margin-bottom: 120px;
}

@media (max-width: 767px) {
  .carousel--article-recipe {
    margin-top: 30px;
    margin-bottom: 60px;
  }
}

.carousel--testimonials-feature {
  width: 73vw;
}

@media (min-width: 1200px) {
  .carousel--testimonials-feature {
    min-width: 1224px;
  }
}

@media (max-width: 1199px) {
  .carousel--testimonials-feature {
    width: 835px;
  }
}

@media (max-width: 991px) {
  .carousel--testimonials-feature {
    max-width: 425px;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .carousel--testimonials-feature {
    width: 95vw;
  }
}

@media (min-width: 992px) {
  .carousel--testimonials-feature {
    padding-right: 4rem;
    padding-left: 4rem;
  }
}

.carousel-container {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .carousel-container {
    padding: 0 1rem;
  }
}

.carousel--testimonials-feature .carousel-container {
  padding: 10px;
}

.carousel-wrapper--margin-top {
  margin-top: 6rem;
}

.carousel-next,
.carousel-prev {
  width: 3rem;
  height: 3rem;
  color: #f1f1f1;
  top: 75%;
  -webkit-transform: translateY(-75%);
  -ms-transform: translateY(-75%);
  transform: translateY(-75%);
}

.carousel--cta .carousel-next,
.carousel--cta .carousel-prev {
  top: 63%;
}

.carousel-next svg,
.carousel-prev svg {
  width: 100%;
}

.carousel-next:after,
.carousel-prev:after {
  content: none;
}

.carousel--testimonials-feature .carousel-next,
.carousel--testimonials-feature .carousel-prev {
  top: 56%;
}

@media (max-width: 767px) {
  .carousel--testimonials-feature .carousel-next,
  .carousel--testimonials-feature .carousel-prev {
    top: 55%;
  }
}

@media (min-width: 768px) {
  .carousel--article-recipe .carousel-next,
  .carousel--article-recipe .carousel-prev,
  .carousel--featured-products .carousel-next,
  .carousel--featured-products .carousel-prev {
    display: none;
  }
}

.carousel-next {
  right: -1.2rem;
}

@media (max-width: 1199px) {
  .carousel-next {
    right: 0;
  }
}

@media (max-width: 991px) {
  .carousel-next {
    right: -25px;
  }
}

@media (max-width: 767px) {
  .carousel-next {
    right: 0;
  }

  .wysiwyg ol,
  .wysiwyg ul {
    margin: 20px auto;
    padding: 0 7% 75px;
  }
}

.carousel--dark-grey-blue .carousel-next * {
  opacity: 1;
  fill: #f1f1f1;
}

@media (max-width: 767px) {
  .carousel--article-recipe .carousel-next,
  .carousel--featured-products .carousel-next {
    top: 150px;
    margin-right: 11px;
  }

  .carousel--mobile-product-images .carousel-next {
    top: 50%;
    transform: translateY(0);
  }
}

.carousel-prev {
  left: -1.2rem;
}

@media (max-width: 1199px) {
  .carousel-prev {
    left: 0;
  }
}

@media (max-width: 991px) {
  .carousel-prev {
    left: -25px;
  }
}

@media (max-width: 767px) {
  .carousel-prev {
    left: 0;
  }
}

.carousel--dark-grey-blue .carousel-prev * {
  opacity: 1;
  fill: #f1f1f1;
}

@media (max-width: 767px) {
  .carousel--article-recipe .carousel-prev,
  .carousel--featured-products .carousel-prev {
    top: 150px;
    margin-left: 11px;
  }

  .carousel--mobile-product-images .carousel-prev {
    top: 50%;
    transform: translateY(0);
  }
}

.carousel-pagination.swiper-pagination {
  bottom: 2.5rem;
}

.carousel-pagination.swiper-pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  margin: 0 0.8rem;
  background-color: #f1f1f1;
  opacity: 1;
}

.carousel-pagination.swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0f171a;
}

.carousel-bp {
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 1199px) {
  .carousel-bp--xl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 991px) {
  .carousel-bp--lg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 767px) {
  .carousel-bp--md {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 575px) {
  .carousel-bp--sm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 399px) {
  .carousel-bp--xs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.carousel-slide {
  height: auto;
}

.carousel__cta {
  margin: 75px auto 0;
}

.carousel__cta-container {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* styles for cart */
.cart__empty {
  padding: 35px 55px;
}

@media (max-width: 991px) {
  .cart__empty {
    padding: 40px 10px;
  }
}

/* styles for cart-container */
.cart-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 1366px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 4.5rem;
  margin-bottom: 7rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 991px) {
  .cart-container {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
    margin-top: 4rem;
  }
}

@media (max-width: 767px) {
  .cart-container {
    margin-top: 3.3rem;
  }
}

.cart-container__wrapper-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media (max-width: 991px) {
  .cart-container__wrapper-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 20px;
  }
}

.cart-container__wrapper {
  width: 100%;
}

@media (max-width: 991px) {
  .cart-container__wrapper {
    padding: 0;
  }
}

@media (max-width: 991px) {
  .cart__header {
    margin: 0 30px;
  }
}

@media (min-width: 992px) {
  .cart__title {
    margin-left: 55px;
  }
}

/* styles for cart-item-control */
.cart-items__quantity-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #1d1d1b;
  border-radius: 6px;
  width: 70px;
  height: 43px;
  position: relative;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .cart-items__quantity-container {
    position: relative;
    bottom: -30px;
    left: 20px;
  }
}

.cart-items__quantity-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
  cursor: pointer;
}

.cart-items__quantity-btn--minus {
  padding-right: 3rem;
  padding-left: 3rem;
}

.cart-items__quantity-btn--plus {
  padding-right: 3rem;
}

.cart-items__quantity {
  border: none;
  background: none;
  text-align : center;
}

.cart-items__quantity-submit {
  display: none;
  position: absolute;
  bottom: -1rem;
  left: 0;
  color: #0f171a;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  margin-top: 2rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
}

.cart-items__quantity-submit.active {
  display: block;
}

/* styles for the cart-items module go in this file */
.cart-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 0 55px;
  margin: 30px 0;
}

@media (max-width: 1199px) {
  .cart-items {
    padding: 0 25px;
  }
}

@media (max-width: 767px) {
  .cart-items {
    padding: 0;
  }
}

.cart-items__table {
  border-collapse: collapse;
}

.cart-items__table--mobile {
  display: none;
}

@media (min-width: 768px) {
  .cart-items__table--mobile {
    display: none;
  }
}

.cart-items__th--cart-qty-mobile {
  text-align: left;
  float: left;
}

@media (min-width: 768px) {
  .cart-items__th--cart-qty-mobile {
    display: none;
  }
}

@media (max-width: 767px) {
  .cart-items__th--cart-qty-mobile {
    padding: 0 0 5px 10px;
  }
}

@media (max-width: 767px) {
  .cart-items__th-text {
    display: none;
  }
}

/* styles for cart-items */
.cart-items__th {
  text-align: center;
  border-bottom: 1px solid #0f171a;
  padding-bottom: 7px;
}

@media (max-width: 767px) {
  .cart-items__th {
    padding-bottom: 0;
  }
}

.cart-items__th--purchase-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.cart-items__th--close-btn-mobile {
  text-align: right;
}

.cart-items__purchase-type-row .cart-items__th {
  border-bottom: none;
  padding-top: 30px;
}

@media (max-width: 767px) {
  .cart-items__purchase-type-row .cart-items__th {
    padding: 15px 0;
  }
}

.cart-items__convert-remove-row .cart-items__th {
  border-bottom: 1px solid #1d1d1b;
}

@media (max-width: 767px) {
  .cart-items__convert-remove-row .cart-items__th {
    padding: 30px 0 20px;
  }
}

.cart-items__td-convert-subscription {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px) {
  .cart-items__td-convert-subscription {
    display: none;
  }
}

@media (max-width: 767px) {
  .cart-items__options-title-container {
    position: absolute;
  }
}

.cart-items__options-subscription-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .cart-items__options-subscription-container {
    display: none;
  }
}

.cart-items__convert-svg {
  min-height: 15px;
  min-width: 15px;
  margin-right: 5px;
}

@media (max-width: 767px) {
  .cart-items__convert-svg {
    bottom: 2px;
    position: relative;
  }
}

@media (max-width: 767px) {
  .cart-items__convert-remove-row {
    margin-top: 5px;
  }
}

.cart-items__td {
  padding-bottom: 30px;
}

@media (max-width: 767px) {
  .cart-items__td {
    padding-bottom: 0;
  }

  .custom-field__author p {
    font-family: Poppins, sans-serif;
    font-size: 15px;
  }
}

.cart-items__td--remove-btn {
  color: #0f171a;
  text-align: center;
}

.cart-items__td--image-details {
  width: 40%;
}

@media (max-width: 767px) {
  .cart-items__td--quantity {
    padding-bottom: 0;
  }
}

.cart-items__td--convert-subscription {
  /* display: flex;
    flex-direction: row;
    position: relative; */
  /* @media (--md) {
      display: none;
    } */
}

.cart-items__td-text--purchase-type-desktop {
  min-width: 145px;
}

.cart-items__td-text--purchase-type-desktop-text {
  color: #0f171a;
}

@media (max-width: 767px) {
  .cart-items__td-text--purchase-type-desktop-text {
    display: none;
  }
}

.cart-items__td-text--purchase-type-mobile {
  float: left;
  min-width: 145px;
}

.cart-items__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 30px 0;
}

@media (max-width: 767px) {
  .cart-items__container {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.cart-items__container-subcontainer-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.cart-items__purchase-type {
  color: #0f171a;
  margin-bottom: 1.7rem;
  width: 50%;
}

.cart-items__image-container {
  position: relative;
  min-height: 100px;
  min-width: 100px;
}

@media (max-width: 767px) {
  .cart-items__image-container {
    min-width: 95px;
    min-height: 95px;
  }
}

.cart-items__options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: 15px;
}

@media (max-width: 767px) {
  .cart-items__options {
    padding-bottom: 15px;
    margin: 0;
  }
}

.cart-items__control-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .cart-items__control-container {
    position: absolute;
  }
}

.cart-items__item-price--desktop {
  text-align: center;
}

@media (max-width: 767px) {
  .cart-items__item-price--desktop {
    display: none;
  }
}

.cart-items__item-price--mobile {
  margin-top: auto;
}

@media (min-width: 768px) {
  .cart-items__item-price--mobile {
    display: none;
  }
}

.cart-items__item-price--mobile-text {
  margin-left: auto;
}

.cart-items__subscription-svg {
  height: 2rem;
}

.cart__items-close-btn--desktop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .cart__items-close-btn--desktop {
    display: none;
  }
}

.cart__items-close-btn--mobile {
  color: #0f171a;
  padding: 0 10px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px) {
  .cart__items-close-btn--mobile {
    display: none;
  }
}

.cart__items-close-btn--mobile-text {
  margin-left: auto;
}

/* styles for the cart-sidebar module go in this file */
.cart-sidebar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 400px;
}

@media (max-width: 991px) {
  .cart-sidebar {
    margin-bottom: 60px;
    min-width: 100%;
  }
}

@media (max-width: 767px) {
  .cart-sidebar {
    margin-bottom: 40px;
  }
}

.cart-sidebar__free-shipping-banner-container {
  height: 50px;
  border-radius: 6px;
  background: #f1f1f1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cart-sidebar__summary {
  margin-top: 5px;
  width: 100%;
  border-radius: 6px;
  padding: 35px 40px 45px;
  background-color: #f7f4f1;
}

@media (max-width: 991px) {
  .cart-sidebar__summary {
    padding: 20px;
  }
}

.cart-sidebar__summary-title {
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .cart-sidebar__summary-title {
    margin-bottom: 10px;
  }
}

.cart-sidebar__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 6px 0;
}

@media (max-width: 991px) {
  .cart-sidebar__item {
    padding: 5px 0;
  }
}

.cart-sidebar__separator {
  background-color: #0f171a;
  height: 1px;
  width: 100%;
  margin: 18px 0;
}

@media (max-width: 991px) {
  .cart-sidebar__separator {
    margin: 18px 0 19px;
  }
}

.cart-sidebar__checkout-button {
  width: 100%;
  margin-top: 20px;
}

@media (max-width: 991px) {
  .cart-sidebar__checkout-button {
    margin-top: 20px;
  }
}

.cart-sidebar__payment-method-button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 20px;
}

@media (max-width: 991px) {
  .cart-sidebar__payment-method-button-container {
    margin-top: 10px;
  }
}

.cart-sidebar__payment-method-button {
  width: 150px;
}

@media (max-width: 991px) {
  .cart-sidebar__payment-method-button {
    width: 48%;
  }
}

.cart-sidebar__copy {
  margin: 10px 0 0 40px;
}

@media (max-width: 991px) {
  .cart-sidebar__copy {
    margin: 5px 0 0 18px;
  }
}

/* styles for the contact-section module go in this file */
/* these svg styles will be needed in the future, leaving here for now */
/* &--translucent-block {
  position: absolute;
  bottom: 20rem;
  z-index: -1;
  margin-right: 15rem;

  @media (--lg-max) {
    margin-right: 30rem;
    bottom: 7.5rem;
  }
}
}

.translucent-block-contact {
bottom: 16rem;

@media (--lg-max) {
  bottom: 11rem;
}

@media (--md-max) {
  bottom: 8rem;
} */
.contact-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 992px) {
  .contact-section {
    padding: 80px 163px;
  }
}

@media (max-width: 991px) {
  .contact-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .contact-section__subcontainer {
    width: 50%;
    min-width: 350px;
  }
}

.contact-section__subcontainer--contact-form {
  display: block;
  background: #f7f4f1;
}

@media (min-width: 992px) {
  .contact-section__subcontainer--contact-form {
    position: relative;
    left: 100px;
    bottom: 25px;
    min-width: 610px;
    min-height: 580px;
  }
}

@media (max-width: 991px) {
  .contact-section__subcontainer--contact-form {
    min-width: 100%;
    min-height: 535px;
    margin-top: 25px;
  }
}

form.contact-section__form {
  max-width: 435px;
  margin: 0 auto;
  padding: 80px 30px;
}

@media screen and (max-width: 991px) {
  form.contact-section__form {
    max-width: 435px;
    margin: 0 auto;
    padding: 50px 20px;
  }
}

/* styles for the error-404 module go in this file */
.error-404 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
}

@media (max-width: 767px) {
  .error-404 {
    height: calc(100vh - 67px);
    padding-top: 130px;
  }
}

.error-404__pizza-pie-image-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 17%;
  top: -25px;
  left: 11%;
}

.error-404__pizza-pie-image-container:after {
  content: "";
  padding-top: 100%;
  width: 100%;
  position: relative;
  display: block;
}

@media (max-width: 991px) {
  .error-404__pizza-pie-image-container {
    width: 25%;
  }
}

@media (max-width: 767px) {
  .error-404__pizza-pie-image-container {
    width: 40%;
    top: 10px;
    left: -10px;
  }

  .error-404__pizza-pie-image-container:after {
    padding-top: 80%;
  }
}

.error-404__penne-image-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 15%;
  bottom: 0;
  left: 28%;
}

.error-404__penne-image-container:after {
  content: "";
  padding-top: 100%;
  width: 100%;
  position: relative;
  display: block;
}

@media (max-width: 991px) {
  .error-404__penne-image-container {
    width: 25%;
  }
}

@media (max-width: 767px) {
  .error-404__penne-image-container {
    width: 30%;
    bottom: 0;
    left: 15%;
  }

  .error-404__penne-image-container:after {
    padding-top: 100%;
  }
}

.error-404__pasta-plate-image-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 15%;
  bottom: 22%;
  right: 9%;
}

.error-404__pasta-plate-image-container:after {
  content: "";
  padding-top: 100%;
  width: 100%;
  position: relative;
  display: block;
}

@media (max-width: 991px) {
  .error-404__pasta-plate-image-container {
    width: 25%;
  }
}

@media (max-width: 767px) {
  .error-404__pasta-plate-image-container {
    width: 40%;
    bottom: 18%;
    right: -25px;
  }

  .error-404__pasta-plate-image-container:after {
    padding-top: 100%;
  }
}

.error-404__image-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 30%;
}

.error-404__image-container:after {
  content: "";
  padding-top: 50%;
  width: 100%;
  position: relative;
  display: block;
}

@media (max-width: 767px) {
  .error-404__image-container {
    padding: 0 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  .error-404__image-container:after {
    padding-top: 70%;
  }
}

.error-404__copy-btn-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .error-404__copy-btn-container {
    padding: 0 50px;
  }
}

.error-404__copy {
  width: 60%;
  text-align: center;
  margin-top: 55px;
}

@media (max-width: 767px) {
  .error-404__copy {
    width: 100%;
    margin-top: 35px;
  }
}

.error-404__button {
  margin-top: 55px;
}

@media (max-width: 767px) {
  .error-404__button {
    margin-top: 35px;
  }
}

@media (max-width: 767px) {
  .error-404__button.button {
    min-width: 200px;
  }
}

.error-404__button .button-text {
  position: absolute;
}

/* styles for error-message */
.error-message__container {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  z-index: 2147483647;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0 50px;
}

/* styles for the event-card module go in this file */
.error-message__container,
.event-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.event-card {
  border-radius: 6px;
  border: solid 1px #1d1d1b;
  padding: 35px 40px;
  position: relative;
  background: #fff;
}

@media (max-width: 1199px) {
  .event-card {
    min-width: 578px;
  }
}

@media (max-width: 991px) {
  .event-card {
    min-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 40px 20px;
  }
}

.event-card--upcoming {
  border: solid 1px #ee1c25;
}

.event-card__button-jagged {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: -21px;
  right: -30px;
}

.event-card__button {
  position: relative;
  width: 76%;
}

.event-card__button-text {
  position: absolute;
  z-index: 9999;
  color: #fff;
}

.event-card__info-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%;
  margin-right: 35px;
}

@media (max-width: 991px) {
  .event-card__info-container {
    width: 100%;
    padding-top: 15px;
  }
}

.event-card__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 15px;
}

.event-card__container .svg--location,
.event-card__container .svg--time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
  margin-right: 10px;
}

.event-card__icon-container {
  position: relative;
  margin-bottom: auto;
  margin-right: 8px;
}

.event-card__icon-container--location,
.event-card__icon-container--time {
  width: 16px;
  height: 16px;
}

.event-card__details {
  margin-left: 7px;
}

.event-card__description {
  margin-top: 20px;
}

.event-card__image-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 45%;
}

.event-card__image-container:after {
  content: "";
  padding-top: 110%;
  width: 100%;
  position: relative;
  display: block;
}

@media (max-width: 991px) {
  .event-card__image-container {
    width: 100%;
  }

  .event-card__image-container:after {
    padding-top: 70%;
  }
}

.event-card__link {
  margin-top: auto;
}

@media (max-width: 991px) {
  .event-card__link {
    margin-top: 20px;
  }
}

/* styles for events-illustrations */
.events-illustrations-images {
  position: absolute;
  height: 150px;
  z-index: -1;
}

@media (max-width: 991px) {
  .events-illustrations-images {
    min-width: 135px;
  }
}

.events-illustrations-images--farfalle {
  width: 25%;
  top: -24px;
  right: 28%;
  height: 192px;
}

@media (max-width: 767px) {
  .events-illustrations-images--farfalle {
    width: 42%;
    top: -63px;
    left: 10%;
  }
}

.article__events-illustrations .events-illustrations-images--farfalle {
  top: -2.5%;
  right: 5%;
}

.events-illustrations--article-blog .events-illustrations-images--farfalle {
  width: 22%;
  right: -11%;
  top: 94%;
}

@media (max-width: 767px) {
  .events-illustrations--article-blog .events-illustrations-images--farfalle {
    display: none;
  }
}

.plp-filter .events-illustrations-images--farfalle {
  top: 557px;
  left: 37%;
  height: 192px;
  width: 275px;
}

@media (max-width: 767px) {
  .plp-filter .events-illustrations-images--farfalle {
    width: 51%;
    top: 224px;
    left: 46%;
  }
}

.events-illustrations-images--roll {
  min-width: 110px;
  width: 10%;
  right: 4%;
  bottom: 45%;
}

@media (max-width: 767px) {
  .events-illustrations-images--roll {
    width: 24%;
    right: -14%;
    top: 6.5%;
  }
}

.article__events-illustrations .events-illustrations-images--roll {
  display: none;
}

@media (max-width: 767px) {
  .article__events-illustrations .events-illustrations-images--roll {
    display: block;
    right: -12%;
    top: 7.5%;
  }
}

@media (max-width: 767px) {
  .events-illustrations--article-blog .events-illustrations-images--roll {
    display: none;
  }
}

.plp-filter .events-illustrations-images--roll {
  display: none;
}

.events-illustrations-images--croissant {
  width: 11%;
  left: 0;
  bottom: 33%;
}

@media (max-width: 767px) {
  .events-illustrations-images--croissant {
    width: 33%;
    left: -42px;
    bottom: 54%;
  }
}

@media (max-width: 767px) {
  .events-illustrations--article-blog .events-illustrations-images--croissant {
    display: none;
  }
}

.plp-filter .events-illustrations-images--croissant {
  display: none;
}

.events-illustrations-images--crown {
  width: 18%;
  left: 42%;
  bottom: 2%;
}

@media (max-width: 767px) {
  .events-illustrations-images--crown {
    width: 41%;
    left: 57%;
    bottom: 0;
  }
}

.article__events-illustrations .events-illustrations-images--crown {
  display: none;
}

@media (max-width: 767px) {
  .article__events-illustrations .events-illustrations-images--crown {
    display: block;
    left: 52%;
    bottom: 30%;
  }
}

.events-illustrations--article-blog .events-illustrations-images--crown {
  width: 22%;
  left: -13%;
  top: 38%;
}

@media (max-width: 767px) {
  .events-illustrations--article-blog .events-illustrations-images--crown {
    display: none;
  }
}

.plp-filter .events-illustrations-images--crown {
  width: 18%;
  left: -4.5%;
  top: 51%;
}

@media (max-width: 767px) {
  .plp-filter .events-illustrations-images--crown {
    width: 18%;
    left: -4.5%;
    top: -7%;
  }
}

.events-illustrations-images--pizza {
  min-height: 160px;
  width: 16%;
  left: 31%;
  top: 22%;
}

.events-illustrations--article-blog .events-illustrations-images--pizza {
  width: 17%;
  left: 29%;
  top: -8%;
}

@media (max-width: 767px) {
  .events-illustrations--article-blog .events-illustrations-images--pizza {
    min-width: 105px;
    width: 17%;
    left: 65%;
    top: -7%;
  }
}

.events-illustrations-images--penne {
  display: none;
}

.plp-filter .events-illustrations-images--penne {
  display: block;
  width: 276px;
  right: 6%;
  bottom: 2%;
}

@media (max-width: 767px) {
  .plp-filter .events-illustrations-images--penne {
    right: 6%;
    bottom: -18px;
    width: 188px;
  }
}

/* styles for the faq-filter module go in this file */
.faq-filter {
  width: 70%;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .faq-filter {
    min-width: 855px;
    padding: 0 7px;
    margin-bottom: 115px;
  }
}

@media (max-width: 991px) {
  .faq-filter {
    width: 100%;
    margin-bottom: 40px;
  }

  .faq-filter.mobile-menu {
    padding: 0;
  }
}

.faq-filter__mobile-menu-expand {
  position: relative;
  height: 3.5rem;
  width: 100%;
  background: #ee1c25;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: capitalize;
  color: #fff;
  font-size: 1.5rem;
  line-height: 2.2rem;
  font-family: var(--roboto-slab);
  font-weight: 400;
  margin: 33px 0;
}

@media (min-width: 992px) {
  .faq-filter__mobile-menu-expand {
    display: none;
  }
}

.faq-filter__mobile-menu-text {
  z-index: 1;
}

.faq-filter__plus {
  position: absolute;
  right: 24px;
  font-size: 28px;
}

@media (min-width: 992px) {
  .faq-filter__wrapper {
    display: none;
  }
}

@media (max-width: 991px) {
  .faq-filter__wrapper {
    display: none;
    margin: 0;
    background: #fff;
    width: 100vw;
    height: calc(100vh - 67px);
    position: fixed;
    top: 50px;
    z-index: 10;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px;
  }
}

@media (max-width: 991px) {
  .faq-filter__wrapper.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.faq-filter__wrapper.has-promo-bar {
  top: 112px;
}

.faq-filter__list {
  padding: 55px 20px 20px 0;
}

@media (max-width: 991px) {
  .faq-filter__list {
    list-style: none;
    padding: 10px;
  }
}

.faq-filter__item,
.faq-filter__item--all {
  border-bottom: 0.5px solid #f1f1f1;
  font-size: 20px;
  padding: 15px;
  margin: 0;
  color: #1d1d1b;
  font-weight: 800;
  text-decoration: none;
  text-transform: capitalize;
}

.faq-filter__title-copy {
  margin-top: 25px;
}

.faq-filter__tabs-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  max-width: 1366px;
  margin: 80px auto 18px 0;
}

@media (max-width: 991px) {
  .faq-filter__tabs-container {
    display: none;
  }
}

.faq-filter__tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  cursor: pointer;
  border-radius: 6px;
  text-align: center;
}

@media (max-width: 991px) {
  .faq-filter__tab {
    padding: 0;
  }
}

.faq-filter__button {
  position: relative;
}

.faq-filter__button path {
  fill: none;
}

.faq-filter__button.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.faq-filter__button path {
  stroke: none;
}

.faq-filter__button.active path {
  fill: #ee1c25;
  stroke: #ee1c25;
}

.faq-filter__button-text {
  position: absolute;
  z-index: 9999;
  color: #1d1d1b;
  text-transform: capitalize;
}

.faq-filter__button-text.active {
  color: #fff;
}

/* styles for the featured-products module go in this file */
.featured-products {
  position: relative;
}

.featured_products__button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 70px 0 75px;
}

@media (min-width: 992px) {
  .featured_products__button-container {
    margin-bottom: 23px;
  }
}

@media (max-width: 767px) {
  .featured_products__button-container {
    padding-top: 50px;
  }
}

/* styles for footer */
.footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #f7f4f1;
  padding: 87px 95px 87px 110px;
}

@media (min-width: 1200px) {
  .footer {
    /* height:42.5rem; */
  }
}

@media (max-width: 991px) {
  .footer {
    padding: 36px 60px;
  }
}

@media (max-width: 767px) {
  .footer {
    padding: 36px 22px;
  }
}

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

@media (max-width: 767px) {
  .footer__imported-by {
    display: none;
  }
}

.footer__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .footer__container {
      width: 100%;
      display:flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      align-self: flex-start;
  }

  .footer__newsletter-social-icons{
      display: none;
  }
}

.footer__mobile-social-icons {
display: block;
}

@media (min-width: 768px) {
.footer__mobile-social-icons {
  display: none;
}
}

@media (min-width: 992px) {
  .footer__container--bottom {
    margin-top: 10px;
  }
}

.footer__seperator {
  display: block;
  margin: 20px 0;
  width: 100%;
  height: 1px;
  background-color: #0f171a;
}

@media (max-width: 991px) {
  .footer__seperator {
    margin: 4rem 0 0.8rem;
  }
}

.footer__newsletter-social-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%;
}

@media (max-width: 767px) {
  .footer__newsletter-social-container {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .footer .form-field__input-wrapper--email {
    width: 200px;
  }
}

.footer__newsletter-email-input {
  width: 42rem;
  margin-top: 15px;
}

@media (max-width: 991px) {
  .footer__newsletter-email-input {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .footer__newsletter-email-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.footer__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 39%;
  /* padding-left: 100px; */
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer__list__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 20px;
  margin-left: 35px;
}

@media (max-width: 991px) {
  .footer__list {
    width: 100%;
    padding-left: 0px;
    margin-top:20px;
  }

  .footer__list__item {
    margin-left: 0px;

  }
}

.footer__list__title {
  margin-bottom: 15px;
}

.footer__list__link {
  color: #0f171a;
  text-decoration: none;
  margin-bottom: 15px;
}

.footer__terms-list .footer__list__link {
  margin: 0;
}

.footer__company {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 991px) {
  .footer__company {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.footer__logo-copyright {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 991px) {
  .footer__logo-copyright {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
}

.footer__logo-link {
  height: 54px;
}

@media (max-width: 991px) {
  .footer__logo-link {
    display: none;
  }
}

.footer__logo {
  height: 100%;
}

.footer__copyright {
  vertical-align: middle;
  margin-left: 22px;
}

@media (max-width: 991px) {
  .footer__copyright {
    margin: 0 0 9px;
  }
}

.footer__terms-container {
  overflow: hidden;
}

@media (min-width: 992px) {
  .footer__terms-container {
    margin-right: -9px;
  }
}

@media (max-width: 399px) {
  .footer__terms-container {
    width: 100%;
  }
}

.footer__terms-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: -2px;
  list-style-type: none;
  padding: 0;
  min-width: 320px;
}

@media (max-width: 399px) {
  .footer__terms-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.footer__terms-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.9rem;
  border-left: 1px solid #0f171a;
  text-align: center;
}

@media (max-width: 767px) {
  .footer__terms-link {
    padding: 0 0.6rem;
  }
}

.svg--email-submit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.form-response-message {
  text-align: left;
  margin-bottom: 10px;
}

.form-response-message.error {
  color: #ee1c25;
}

@media (max-width: 767px) {
  .form-response-message {
    text-align: center;
    margin: 20px 0 0;
  }
}

/* styles for the footer-cta module go in this file */
.footer-cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 5.5rem 0 10.5rem;
}

@media (max-width: 991px) {
  .footer-cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 3.9rem 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 767px) {
  .footer-cta {
    padding-bottom: 15px;
  }
}

.footer-cta__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 88%;
}

@media (min-width: 992px) {
  .footer-cta__wrapper {
    margin-top: 10px;
  }
}

@media (max-width: 991px) {
  .footer-cta__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
}

.footer-cta__background-image {
  z-index: -1;
}

.footer-cta__svg-beans {
  z-index: -1;
  position: absolute;
  bottom: 11%;
  right: 7.6%;
  width: 10%;
  min-width: 165px;
}

@media (max-width: 991px) {
  .footer-cta__svg-beans {
    min-width: 125px;
    bottom: 1%;
    right: 3%;
  }
}

/* styles for the form-address module go in this file */
.form-address__title {
  margin-bottom: 15px;
}

.form-address .input-select__select-container {
  width: 100%;
}

.form-address .input-select__select {
  border-radius: 6px;
  width: 100%;
  border: 1px solid rgba(15, 23, 26, 0.2);
}

.form-address.hidden {
  display: none;
  visibility: hidden;
}

@media (min-width: 768px) {
  .form-address__row-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .form-address__row-children {
    width: 49%;
  }
}

.form-address__add-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .form-address__add-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 52px auto 0;
  }
}

@media (max-width: 991px) {
  .form-address__add-footer {
    margin: 55px 0 40px;
  }
}

@media (min-width: 768px) {
  .form-address__add-footer .js-cancel-address-form {
    margin-right: 20px;
  }
}

@media (max-width: 767px) {
  .form-address__add-footer .js-cancel-address-form {
    margin-right: 5px;
  }
}

.form-address__input-select-country {
  display: none;
}

/* styles for the form-create-account module go in this file */
.form-create-account {
  width: 50%;
  background: inherit;
}

@media (max-width: 767px) {
  .form-create-account {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.form-create-account__wrapper {
  width: 90%;
  padding-right: 50px;
  text-align: left;
}

@media (max-width: 1199px) {
  .form-create-account__wrapper {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .form-create-account__wrapper {
    padding: 0 30px;
    text-align: center;
    width: 100%;
  }

  .form-create-account__wrapper:after {
    content: "";
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #1d1d1b;
    display: block;
    height: 1px;
    width: 100%;
    position: relative;
    margin: 40px auto;
  }
}

@media (max-width: 991px) {
  .form-create-account__header {
    margin-bottom: 15px;
  }
}

.form-create-account__header-text {
  margin-bottom: 29px;
}

@media (max-width: 767px) {
  .form-create-account__header-text {
    margin-bottom: 15px;
  }
}

.form-create-account__submit {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .form-create-account__submit {
    margin: 14px auto 0;
  }
}

/* styles for the form-forgot module go in this file */
.form-forgot {
  width: 50%;
  background: inherit;
}

@media (max-width: 767px) {
  .form-forgot {
    width: 100%;
    padding: 150px 0;
  }
}

.form-forgot__subcontainer {
  position: relative;
}

.form-forgot__wrapper {
  width: 90%;
  padding-right: 50px;
  text-align: left;
}

@media (max-width: 1199px) {
  .form-forgot__wrapper {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .form-forgot__wrapper {
    padding: 0 30px;
    text-align: center;
    width: 100%;
  }
}

.form-forgot__header {
  margin: 0 auto 15px;
}

.form-forgot__header-text {
  margin-bottom: 25px;
}

.form-forgot__submit {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .form-forgot__submit {
    margin: 14px auto 0;
  }
}

/* styles for the form-log-in module go in this file */
.form-login {
  width: 50%;
  background: inherit;
}

@media (max-width: 767px) {
  .form-login {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.form-login.hide {
  display: none;
}

.form-login__wrapper {
  width: 90%;
  padding-right: 40px;
  text-align: left;
  min-width: 330px;
}

@media (min-width: 992px) {
  .form-login__wrapper {
    width: 80%;
  }
}

@media (max-width: 767px) {
  .form-login__wrapper {
    padding: 0 30px;
    text-align: center;
  }

  .form-login__wrapper,
  .form-login__wrapper:after {
    width: 100%;
  }

  .form-login__wrapper:after {
    content: "";
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #1d1d1b;
    display: block;
    height: 1px;
    position: relative;
    margin: 40px auto;
  }
}

@media (max-width: 991px) {
  .form-login__header {
    margin-bottom: 15px;
  }
}

.form-login__header-text {
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  .form-login__header-text {
    margin-bottom: 15px;
  }
}

.form-login__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 30px;
}

@media (max-width: 767px) {
  .form-login__footer {
    margin: 0 0 26px;
  }
}

.form-login__footer-forgot {
  cursor: pointer;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .form-login__button {
    margin: 0 auto;
  }
}

.errors ul {
  list-style: none;
  padding: 0 0 15px;
}

/* styles for the form-reset module go in this file */
.form-reset {
  padding-top: 110px;
  padding-bottom: 70px;
  margin-top: 30px;
  margin-bottom: 70px;
  position: relative;
}

.form-reset__header-copy {
  margin: 10px auto 0;
}

.form-reset__header {
  margin: 0 auto 25px;
  text-align: center;
}

.form-reset__form {
  max-width: 500px;
  margin: 0 auto;
}

.form-reset__submit {
  margin-top: 30px;
}

/* styles for the form-search module go in this file */
.form-search {
  margin-top: 70px;
}

@media (max-width: 767px) {
  .form-search {
    margin-top: 40px;
  }
}

.form-search--no-margin {
  margin: 0;
}

.form-search--nav {
  padding: 0;
}

@media (max-width: 1199px) {
  .form-search--nav {
    padding: 0;
  }
}

.form-search-form {
  width: 100%;
  max-width: 500px;
}

.form-search--center .form-search-form {
  margin: 0 auto;
}

.form-search--nav .form-search-form {
  width: 100%;
  max-width: initial;
}

@media (max-width: 1199px) {
  .form-search--nav .form-search-form {
    max-width: 606.5px;
  }
}

.form-search-form--blogs {
  max-width: 450px;
}

.form-search__input .form-field__input {
  padding-left: 3rem;
  padding-right: 2.5rem;
}

.form-search--nav .form-search__input .form-field__input {
  padding-left: 6rem;
  padding-right: 5rem;
}

@media (max-width: 991px) {
  .form-search--nav .form-search__input .form-field__input {
    padding-left: 3rem;
  }
}

@media (max-width: 767px) {
  .form-search--nav .form-search__input .form-field__input {
    padding-left: 1rem;
  }
}

@media (max-width: 991px) {
  .post-filter-bar .form-search__input .form-field__input {
    padding-left: 20px;
  }
}

.form-search__input .form-field__label--as-placeholder {
  left: 20px;
}

.form-search--nav .form-search__input .form-field__label--as-placeholder {
  left: 2rem;
}

@media (max-width: 767px) {
  .form-search--nav .form-search__input .form-field__label--as-placeholder {
    top: 60%;
    left: 0;
  }
}

.form-search-input-container {
  position: relative;
}

@media (max-width: 991px) {
  .post-filter-bar .form-search-input-container {
    margin-top: 25px;
  }
}

.form-search__icon {
  position: absolute;
  width: 20px;
  height: 20px;
  color: #000;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 10px;
}

.form-search--nav .form-search__icon {
  position: relative;
  top: auto;
  left: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.form-search__button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  padding: 0;
  background: none;
  border: none;
  appearance: none;
  cursor: pointer;
  z-index: 3;
}

.form-search--nav .form-search__button {
  left: auto;
  right: 1rem;
}

@media (max-width: 991px) {
  .form-search--nav .form-search__button {
    left: initial;
    right: 2rem;
  }
}

@media (max-width: 767px) {
  .form-search--nav .form-search__button {
    left: initial;
    right: 1rem;
  }
}

@media (min-width: 992px) {
  .form-search__button--blogs-search {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .form-search__button--blogs-search {
    display: none !important;
  }
}

.form-search__button--blogs-close {
  display: none !important;
}

@media (max-width: 767px) {
  .form-search__button--blogs-close {
    display: none !important;
  }
}

.form-search__close {
  position: absolute;
  right: 4rem;
  top: 25%;
}

@media (max-width: 991px) {
  .form-search__close {
    display: none;
  }
}

/* styles for the gallery-sidebar module go in this file */
.gallery-sidebar {
  display: block;
  background-color: #f1f1f1;
  width: 37%;
  margin-left: 40px;
}

@media (max-width: 991px) {
  .gallery-sidebar {
    width: 100%;
    margin-left: 0;
    height: 100%;
    background-color: #f1f1f1;
    border-radius: 6px;
  }
}

@media (min-width: 992px) {
  .gallery-sidebar {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 75px 0 0 45px;
  }
}

@media (max-width: 991px) {
  .gallery-sidebar {
    margin: 0 10px;
  }
}

.gallery-sidebar.hide {
  display: none;
}

.gallery-sidebar__header {
  padding: 35px 25px 15px 50px;
}

@media (max-width: 991px) {
  .gallery-sidebar__header {
    padding: 20px 25px 15px 20px;
  }
}

.gallery-sidebar__anchor {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 45%;
}

.gallery-sidebar__anchor:after {
  content: "";
  padding-top: 63%;
  width: 100%;
  position: relative;
  display: block;
}

@media (max-width: 991px) {
  .gallery-sidebar__anchor {
    width: 100%;
    padding: 0 18px;
  }

  .gallery-sidebar__anchor:after {
    padding-top: 87%;
  }
}

.gallery-sidebar__image,
.gallery-sidebar__image .image__img {
  border-radius: 6px;
}

.gallery-sidebar__load {
  margin: 0 auto 50px;
}

.gallery-sidebar__load:hover {
  background-color: var(--maroon);
  color: #fff;
}

.gallery-sidebar__load .button-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
}

.gallery-sidebar__chevron {
  margin-left: 10px;
}

.gallery-sidebar__chevron path {
  fill: #fff;
}

/* styles for the grid module go in this file */
.grid--with-spacing {
  margin: 85px 0 110px;
}

.grid-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.grid-container,
.grid-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.grid-content {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  padding-bottom: 50px;
}

.grid-content--margin-top {
  margin-top: 6rem;
}

.grid-content--margin-system {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.recipe-filter__grid .grid-content {
  padding: 0;
}

@media (max-width: 991px) {
  .recipe-filter__grid .grid-content {
    max-width: 263px;
  }
}

/*layouts*/
.grid-content--xl > * {
  width: calc(100% / 5 - 26.5px);
}

@media (max-width: 1199px) and (min-width: 992px) {
  .grid-content--xl > * {
    width: calc(100% / 3 - 20px);
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .grid-content--xl > * {
    width: calc(100% / 2 - 15px);
  }
}

@media (max-width: 767px) {
  .grid-content--xl > * {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .grid-content--xl > :nth-child(n + 6) {
    margin-top: 5rem;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .grid-content--xl > :nth-child(n + 4) {
    margin-top: 5rem;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .grid-content--xl > :nth-child(n + 3) {
    margin-top: 3rem;
  }
}

@media (max-width: 767px) {
  .grid-content--xl > :not(:first-child) {
    margin-top: 4rem;
  }
}

.style-guide .grid-content--xl > * {
  height: 100%;
}

.grid-content--lg > * {
  width: calc(100% / 4 - 22.5px);
}

@media (max-width: 1199px) and (min-width: 768px) {
  .grid-content--lg > * {
    width: calc(100% / 2 - 15px);
  }
}

@media (max-width: 767px) {
  .grid-content--lg > * {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .grid-content--lg > :nth-child(n + 5) {
    margin-top: 3rem;
  }
}

@media (max-width: 1199px) and (min-width: 768px) {
  .grid-content--lg > :nth-child(n + 3) {
    margin-top: 3rem;
  }
}

@media (max-width: 767px) {
  .grid-content--lg > :not(:first-child) {
    margin-top: 4rem;
  }
}

@media (max-width: 767px) {
  .quiz .grid-content--lg > * {
    width: calc(100% / 2 - 15px);
  }
}

.grid-content--lg > .grid-content__hidden {
  height: 0;
}

@media (max-width: 991px) {
  .grid-content--lg > .grid-content__hidden {
    display: none;
  }
}

.recipe-filter .grid-content--lg > .grid-content__hidden {
  margin-top: 7px;
}

.blog__grid--recipe .grid-content--lg > .grid-content__hidden {
  margin-top: 0;
}

.grid-content--lg > :after {
  content: "";
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

.grid-content--md > * {
  width: calc(100% / 3 - 37.5px);
}

@media (max-width: 991px) {
  .grid-content--md > * {
    width: calc(100% / 2 - 15px);
  }
}

@media (max-width: 767px) {
  .grid-content--md > * {
    width: 100%;
  }

  .blog__recipe-template--grid .grid-content--md > * {
    width: calc(100% / 2 - 16.5px);
  }
}

@media (min-width: 992px) {
  .grid-content--md > :nth-child(n + 4) {
  }
}

@media (max-width: 991px) {
  .grid-content--md > :nth-child(n + 3) {
  }
}

@media (max-width: 767px) {
  .grid-content--md > :not(:first-child) {
  }
}

@media (min-width: 992px) {
  .blog__grid .grid-content--md > :not(:nth-child(-n + 3)) {
  }
}

@media (max-width: 991px) {
  .blog__grid .grid-content--md > :nth-child(-n + 2) {
    margin-top: 3rem;
  }
}

@media (min-width: 768px) {
  .grid-address .grid-content--md > * .address-card__wrapper {
    border-right: 1px solid #0f171a;
  }
}

.grid-address .grid-content--md > * .address-card__wrapper.no-border {
  border-right: none;
}

@media (min-width: 992px) {
  .grid-address .grid-content--md > :nth-child(3n + 3) .address-card__wrapper {
    border: none;
  }
}

@media (max-width: 991px) {
  .grid-address .grid-content--md > :nth-child(2n + 2) .address-card__wrapper {
    border: none;
  }
}

.gallery-sidebar__grid .grid-content--md > * {
  width: calc(100% / 2 - 10px);
  margin-top: 20px;
}

@media (max-width: 991px) {
  .gallery-sidebar__grid .grid-content--md > * {
    width: calc(100% / 3 - 10px);
  }
}

@media (max-width: 767px) {
  .gallery-sidebar__grid .grid-content--md > * {
    width: calc(100% / 2 - 10px);
  }
}

@media (max-width: 767px) {
  .gallery-sidebar__grid .grid-content--md > :first-child,
  .gallery-sidebar__grid .grid-content--md > :first-child + a {
    margin-top: 0;
  }
}

.gallery-sidebar__grid .grid-content--md > .hidden {
  display: none;
  visibility: hidden;
}

.recipe-filter .grid-content--md > * {
  width: 83px;
  height: 83px;
  margin-top: 6px;
  border-radius: 6px;
  color: #000;
}

@media (max-width: 991px) {
  .blog__recipe-template--grid .grid-content--md > * {
  }
}

@media (max-width: 991px) {
  .blog__recipe-template--grid .grid-content--md > :nth-child(-n + 2) {
    margin-top: 0;
  }
}

.grid-content--md > .post-card {
  margin-top: 3rem;
}

.recipe-filter__grid .grid-content--md:after {
  content: "";
  width: 83px;
}

.grid-content--md.grid-content__hidden {
  height: 0;
}

@media (max-width: 991px) {
  .grid-content--md.grid-content__hidden {
    display: none;
  }
}

.grid-content--sm > * {
  width: calc(50% - 20px);
  margin-bottom: 28px;
}

@media (max-width: 767px) {
  .grid-content--sm > * {
    width: calc(100% / 2 - 15px);
    margin-bottom: 4rem;
  }
  .grid-content--sm > .grid-content__hidden {
    display: none;
    margin-bottom: 0;
  }
}

.grid-content--margin-system > * {
  margin-left: 18.75px;
  margin-right: 18.75px;
}

@media (max-width: 991px) {
  .grid-content--margin-system > * {
    margin-left: 7.5px;
    margin-right: 7.5px;
  }
}

@media (max-width: 767px) {
  .grid-content--margin-system > * {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 1200px) {
  .blog__events-grid .grid-content {
    min-width: 1145px;
  }
}

@media (max-width: 1199px) {
  .blog__events-grid .grid-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (min-width: 992px) {
  .grid-address__address-cards .grid-content {
    padding: 0;
    min-width: 600px;
  }
}

@media (min-width: 768px) {
  .grid-address__address-cards .grid-content {
    padding: 0;
  }
}

.grid-address__address-cards .grid-content.hidden {
  display: none;
  visibility: hidden;
}

@media (min-width: 992px) {
  .blog__recipe-template--grid .grid-content {
    padding: 0;
    min-width: 600px;
  }
}

.blog__recipe-template--grid .grid-content.hidden {
  display: none;
  visibility: hidden;
}

@media (min-width: 1200px) {
  .quiz .grid-content {
    min-height: 288px;
  }
}

.gallery-sidebar__grid .grid-content {
  padding: 0 53px 15px;
}

@media (max-width: 991px) {
  .gallery-sidebar__grid .grid-content {
    padding: 0 18px;
  }
}

.style-guide__grid .grid-content {
  width: 90%;
}

.grid-description {
  max-width: 591px;
  width: 100%;
  margin-top: 70px;
}

.grid-description p {
  text-align: center;
  color: #fff;
}

.grid-cta {
  margin-top: 50px;
}

.recipe-filter__grid .grid-content__hidden {
  display: none;
}

.blog__grid--recipe .grid-content--md > * {
  margin-bottom: 3rem !important;
}

/* styles for grid-address */
.grid-address {
  margin-top: 12px;
}

.grid-address-header {
  display: none;
}

.grid-address__address-cards {
  margin-top: 5px;
}

.grid-address__no-address {
  margin-top: 20px;
}

@media (max-width: 991px) {
  .grid-address__no-address {
    margin-top: 35px;
  }
}

.address-forms {
  width: 64%;
}

@media (min-width: 992px) {
  .address-forms {
    min-width: 585px;
  }
}

@media (max-width: 991px) {
  .address-forms {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .address-forms {
    margin-top: 40px;
  }
}

.address-forms.hidden {
  display: none;
  visibility: hidden;
}

.js-new-address {
  margin: 50px 0;
}

@media (max-width: 991px) {
  .js-new-address {
    margin: 35px 0 50px;
  }
}

@media (max-width: 767px) {
  .js-new-address {
    margin: 0 0 50px;
  }
}

.js-new-address.hidden {
  display: none;
  visibility: hidden;
}

.errors {
  margin-top: 35px;
}

/* styles for the hero module go in this file */
.hero {
  position: relative;
  height: 50rem;
  z-index: 1;
}

@media (max-width: 767px) {
  .hero {
    height: 28rem;
  }
}

@media (min-width: 992px) {
  .hero--small-desktop {
    height: 50vh;
  }
}

.hero--has-overlay:after {
  z-index: -1;
  background-color: #0f171a;
  opacity: 0.5;
}

.hero--has-overlay:after,
.hero--has-secondary-overlay:after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.hero--has-secondary-overlay:after {
  z-index: 1;
  background-color: #1d1d1b;
  opacity: 0.2;
}

.hero--black,
.hero--our-story-secondary {
  height: initial;
}

.hero--black {
  background-color: #0f171a;
}

@media (max-width: 991px) {
  .hero--white {
    margin: 75px 0;
  }
}

.hero-overlay {
  background: #000;
  opacity: 0.3;
}

.hero__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding-bottom: 2rem;
  position: relative;
}

.hero--black .hero__container,
.hero--our-story-secondary .hero__container,
.hero--white .hero__container {
  padding: 75px 0;
}

.hero__bg {
  z-index: -1;
}

.hero__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff;
  margin-bottom: 0.4rem;
  text-align: center;
}

@media (max-width: 767px) {
  .hero__header {
    margin-bottom: 0;
  }
}

.hero--white .hero__header,
.hero__header--black-text {
  color: #0f171a;
}

.hero--black .hero__header {
  color: #fff;
}

.hero__title {
  max-width: 90rem;
  margin-top: 6rem;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .hero__title {
    font-size: 3rem;
    line-height: 3.5rem;
    margin-top: 4rem;
  }

  .blog__recipe-template--grid .recipe-card__title {
    font-size: 12px;
  }
}

.hero--black .hero__title {
  color: #fff;
}

.hero__description {
  max-width: 80rem;
  width: 100%;
  margin: 1rem 0 3rem;
}

@media (max-width: 767px) {
  .hero__description {
    margin-bottom: 1.7rem;
  }
}

.hero--white .hero__description {
  color: #0f171a;
}

.hero--black .hero__description {
  color: #fff;
}

.hero__cta-link-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.hero__cta-link,
.hero__cta-link-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.hero__cta-link {
  text-decoration: none;
}

.hero__cta-link-text {
  color: #fff;
}

.hero__cta-arrow-forward {
  height: 100%;
  width: 2rem;
  margin-left: 10px;
}

.hero__our-story-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  width: 93%;
}

.hero__our-story-image,
.hero__our-story-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
}

.hero__our-story-image {
  position: relative;
  width: 90%;
  margin: 50px auto 0;
}

.hero__our-story-image:after {
  content: "";
  padding-top: 26%;
  position: relative;
  display: block;
}

@media (max-width: 991px) {
  .hero__our-story-image {
    width: 100%;
    margin: 50px auto 40px;
  }
}

.hero--black .hero__our-story-image {
  display: none;
}

/* styles for the hero-cta module go in this file */
.hero-cta {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #0f171a;
}

@media (min-width: 992px) {
  .hero-cta {
    height: 47vw;
    min-height: 750px;
    max-height: 1000px;
  }
}

.hero-cta--product {
  background: #0f171a;
}

.hero-cta--small {
  background: var(--maroon);
}

@media (min-width: 992px) {
  .hero-cta--small {
    height: 40vw;
    min-height: 550px;
    max-height: 800px;
  }
}

@media (max-width: 991px) {
  .hero-cta--small {
    min-height: 625px;
  }
}

.hero-cta--has-secondary-overlay:after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: var(--maroon);
  opacity: 0.95;
  position: absolute;
}

.hero-cta-overlay {
  background: #000;
  opacity: 0.3;
}

.hero-cta__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  position: relative;
}

@media (max-width: 991px) {
  .hero-cta__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.hero-cta--our-story .hero-cta__container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media (max-width: 991px) {
  .hero-cta--our-story .hero-cta__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.hero-cta__translucent-block {
  position: absolute;
  z-index: 2;
  bottom: 32%;
}

@media (min-width: 992px) {
  .hero-cta__translucent-block {
    padding-left: 100px;
  }
}

@media (max-width: 991px) {
  .hero-cta__translucent-block {
    bottom: 2%;
  }
}

@media (max-width: 767px) {
  .hero-cta__translucent-block {
    position: absolute;
    z-index: 2;
    left: -25%;
    bottom: 7%;
  }
}

.hero-cta__svg {
  z-index: 2;
  opacity: 0.2;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  width: 12%;
  position: absolute;
  bottom: 4%;
  right: 17%;
}

.hero-cta__svg:after {
  content: "";
  display: block;
  position: relative;
  padding-top: 100%;
}

@media (max-width: 991px) {
  .hero-cta__svg {
    width: 150px;
    position: absolute;
    bottom: 1%;
    right: 2%;
  }
}

@media (max-width: 767px) {
  .hero-cta__svg {
    width: 40%;
  }
}

.hero-cta__bg {
  z-index: -1;
}

.hero-cta__image-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 47%;
  position: relative;
  margin-left: 55px;
}

.hero-cta__image-container:after {
  content: "";
  display: block;
  position: relative;
  padding-top: 100%;
}

@media (min-width: 992px) {
  .hero-cta__image-container {
    min-width: 400px;
  }
}

@media (max-width: 991px) {
  .hero-cta__image-container {
    width: 75%;
    max-width: 490px;
    margin: 50px 0 0;
  }
}

@media (max-width: 767px) {
  .hero-cta__image-container {
    width: 100%;
  }

  .hero-cta__image-container:after {
    content: "";
    display: block;
    position: relative;
    padding-top: 100%;
  }
}

@media (max-width: 1199px) {
  .hero-cta__image-container--small {
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .hero-cta__image-container--small {
    margin-top: 35px;
  }
}

.hero-cta__image-container--small:after {
  content: "";
  display: block;
  position: relative;
  padding-top: 70%;
}

.hero-cta__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff;
  margin: 0 25px;
  text-align: center;
  width: 50%;
  padding: 0 0 75px 80px;
}

@media (min-width: 992px) {
  .hero-cta__header {
    min-width: 625px;
  }
}

@media (max-width: 1199px) {
  .hero-cta__header {
    margin: 0;
    padding-left: 60px;
  }
}

@media (max-width: 991px) {
  .hero-cta__header {
    padding-left: 0;
    margin: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .hero-cta__header {
    padding-bottom: 60px;
  }
}

.hero-cta__header--black-text {
  color: #0f171a;
}

.hero-cta__header--small {
  min-width: 400px;
}

@media (min-width: 992px) {
  .hero-cta__header--small {
    padding-left: 40px;
  }
}

@media (max-width: 991px) {
  .hero-cta__header--small {
    padding-bottom: 60px;
  }
}

.hero-cta__large-title {
  max-width: 500px;
  margin-top: 20px;
  text-align: left;
}

@media (max-width: 991px) {
  .hero-cta__large-title {
    font-size: 30px;
    line-height: 35px;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .hero-cta__large-title {
    margin-top: 35px;
  }
}

.hero-cta__large-title--small {
  max-width: 100%;
}

.hero-cta__description {
  width: 100%;
  margin: 20px 0 80px;
  text-align: left; /* @media (--lg) {
    max-width: 400px;
  } */
}

@media (max-width: 991px) {
  .hero-cta__description {
    text-align: center;
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .hero-cta__description {
    margin: 45px 0;
  }
}

.hero-cta__description--small {
  max-width: 95%;
}

@media (min-width: 992px) {
  .hero-cta__description--small {
    margin-bottom: 60px;
  }
}

.hero-cta__button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media (min-width: 1200px) {
  .hero-cta__button-container {
    width: 100%;
  }
}

@media (max-width: 1199px) {
  .hero-cta__button-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .hero-cta__button-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.hero-cta__quiz-link {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.hero-cta__container .image__img {
  object-fit: contain;
  
}

.hero-cta__container--row-reverse .hero-cta__image-container {
  margin-right: 55px;
  margin-left: 0;
}

.hero-cta__container--row-reverse .hero-cta__header {
  padding: 0 80px 75px 0;
}

/* styles for the hero-split module go in this file */
.hero-cta__quiz-link,
.hero-split {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.hero-split {
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 992px) {
  .hero-split {
    height: 47vw;
    min-height: 675px;
    max-height: 1000px;
  }
}

@media (max-width: 991px) {
  .hero-split {
    min-height: calc(95vh - 67px);
    padding-bottom: 50px;
  }
}

.hero-split__illustration-image-container {
  width: 25%;
  position: absolute;
  right: 10%;
  bottom: 0;
}

.hero-split__illustration-image-container:after {
  content: "";
  display: block;
  position: relative;
  padding-top: 100%;
}

@media (max-width: 991px) {
  .hero-split__illustration-image-container {
    width: 40%;
    right: 0;
  }

  .hero-split__illustration-image-container:after {
    content: "";
    display: block;
    position: relative;
    padding-top: 100%;
  }
}

@media (max-width: 767px) {
  .hero-split__illustration-image-container {
    width: 60%;
    right: 0;
  }

  .hero-split__illustration-image-container:after {
    content: "";
    display: block;
    position: relative;
    padding-top: 100%;
  }
}

.hero-split__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  position: relative;
  margin-top: 45px;
}

@media (max-width: 991px) {
  .hero-split__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .hero-split__container {
    margin-top: 65px;
  }
}

.hero-split__product-image-wrapper {
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 47%;
  height: 100%;
  margin: 225px 0 0 85px;
  min-width: 600px;
}

@media (max-width: 1199px) {
  .hero-split__product-image-wrapper {
    min-width: 500px;
    margin-left: 130px;
  }
}

@media (max-width: 991px) {
  .hero-split__product-image-wrapper {
    max-width: 630px;
    margin: 0 0 35px 50px;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .hero-split__product-image-wrapper {
    max-width: 330px;
    min-width: 300px;
    margin: 30px 0 40px -20px;
  }
}

.hero-split__product-image-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin-left: 50px;
}

.hero-split__product-image-container:after {
  content: "";
  display: block;
  position: relative;
  padding-top: 100%;
}

@media (max-width: 991px) {
  .hero-split__product-image-container {
    margin: 50px 0;
    width: 75%;
    max-width: 550px;
  }
}

@media (max-width: 767px) {
  .hero-split__product-image-container {
    width: 100%;
    margin: 0;
  }

  .hero-split__product-image-container:after {
    content: "";
    display: block;
    position: relative;
    padding-top: 100%;
  }
}

.hero-split__product-image-container--product-1 {
  top: 5%;
  width: 57%;
  margin-left: -38px;
}

@media (max-width: 767px) {
  .hero-split__product-image-container--product-1 {
    top: 20px;
    margin: 0;
  }
}

.hero-split__product-image-container--product-2 {
  position: absolute;
  width: 70%;
  top: 0;
  right: 0;
  margin-left: auto;
}

@media (max-width: 767px) {
  .hero-split__product-image-container--product-2 {
    right: -20px;
  }
}

.hero-split__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #0f171a;
  text-align: center;
  padding-bottom: 60px;
}

@media (min-width: 992px) {
  .hero-split__header {
    margin-left: -20px;
    min-width: 550px;
  }
}

@media (max-width: 991px) {
  .hero-split__header {
    margin: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0;
    margin-top: 25px;
  }
}

@media (max-width: 767px) {
  .hero-split__header {
    padding: 0;
  }
}

.hero-split__header--black-text {
  color: #0f171a;
}

.hero-split__title {
  width: 80%;
  text-align: left;
}

@media (max-width: 991px) {
  .hero-split__title {
    text-align: center;
    min-width: 100%;
  }
}

.hero-split__description {
  max-width: 400px;
  width: 100%;
  margin: 14px 0 58px;
  text-align: left;
}

@media (max-width: 991px) {
  .hero-split__description {
    text-align: center;
    margin: 10px 0 30px;
  }
}

/* styles for the homepage-hero module go in this file */
.homepage-hero {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 992px) {
  .homepage-hero {
    height: 40vw;
    min-height: 675px;
    max-height: 1000px;
  }
}

@media (max-width: 991px) {
  .homepage-hero {
    min-height: calc(95vh - 67px);
  }
}

.homepage-hero__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  position: relative;
  /* padding-top: 10%; */
}

@media (max-width: 991px) {
  .homepage-hero__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 45px;
  }
}

@media (max-width: 767px) {
  .homepage-hero__container {
    margin: 60px 0 120px;
  }
}

.homepage-hero__image-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin-left: 50px;
  max-width: 575px;
}

.homepage-hero__image-container:after {
  content: "";
  display: block;
  position: relative;
  padding-top: 100%;
}

@media (min-width: 992px) {
  .homepage-hero__image-container {
    min-width: 375px;
  }
}

@media (max-width: 991px) {
  .homepage-hero__image-container {
    margin: 50px 0;
    width: 75%;
    max-width: 550px;
  }
}

@media (max-width: 767px) {
  .homepage-hero__image-container {
    width: 93%;
    margin: 0;
  }
}

.homepage-hero__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #0f171a;
  margin: 0 25px 0 90px;
  text-align: center;
  width: 50%;
  padding: 0 0 60px;
}

@media (min-width: 992px) {
  .homepage-hero__header {
    min-width: 550px;
  }
}

@media (max-width: 1199px) {
  .homepage-hero__header {
    margin-left: 30px;
  }
}

@media (max-width: 991px) {
  .homepage-hero__header {
    margin: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0;
    margin-top: 25px;
  }
}

@media (max-width: 767px) {
  .homepage-hero__header {
    padding: 0;
  }
}

.homepage-hero__header--black-text {
  color: #0f171a;
}

.homepage-hero__title {
  max-width: 550px;
  text-align: left;
}

@media (max-width: 991px) {
  .homepage-hero__title {
    text-align: center;
    min-width: 100%;
  }
}

.homepage-hero__description {
  width: 100%;
  margin: 14px 0 58px;
  text-align: left;
}

@media (max-width: 991px) {
  .homepage-hero__description {
    text-align: center;
    margin: 10px 0 30px;
  }
}

.homepage-hero__button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  min-width: 225px;
}

@media (max-width: 1199px) {
  .homepage-hero__button-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .homepage-hero__button-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.homepage-hero__quiz-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.homepage-hero__translucent-block {
  position: absolute;
  z-index: 2;
  bottom: 32%;
}

@media (min-width: 992px) {
  .homepage-hero__translucent-block {
    padding-left: 100px;
  }
}

@media (max-width: 991px) {
  .homepage-hero__translucent-block {
    bottom: 2%;
  }
}

@media (max-width: 767px) {
  .homepage-hero__translucent-block {
    position: absolute;
    z-index: 2;
    left: -25%;
    bottom: 7%;
  }
  span.hero-script {
  font-family: Braisetto;
  font-size: 7rem;
  float: right;
  line-height: 0.25;
  margin-right: -30px;
    margin-top:50px;
    margin-bottom:20px;
  color: #d2d2d1;
  text-transform: initial;
}
}

span.hero-script {
  font-family: Braisetto;
  font-size: 8rem;
  float: right;
  line-height: 0.25;
  margin-right: -30px;
  color: #d2d2d1;
  text-transform: initial;
}

span.title-script {
  font-family: Braisetto;
  font-size: 6rem;
  line-height: 0;
  color: #d2d2d1;
  display: block;
  margin-right: -18rem;
  position: relative;
  margin-bottom: 4rem;
  text-transform: initial;
  font-weight: bold;
}

.title-copy.selling-propositions__header h1 {
  display: inline-block;
}

span.title-script.dark {
  color: #d2d2d1;
}

span.title-script.right,
.right span.title-script {
  text-align: right;
  margin-right: -2rem;
}

.left span.title-script,
span.title-script.left {
  margin-left: 4rem;
  margin-right: auto;
}

.testimonial-card__quote::-webkit-scrollbar {
  width: 6px;
  background: padding-box #882720;
  border: 2px solid transparent;
  border-radius: 6px;
}

.testimonial-card__quote::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #882720;
}

.testimonial-card__quote::-webkit-scrollbar-thumb:window-inactive {
  background: #882720;
  opacity: 0.5;
}

/* styles for the how-its-made module go in this file */
.how-its-made {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  color: #fff;
  padding: 25px 60px;
  background-color: #f7f4f1;
}

@media (max-width: 767px) {
  .how-its-made {
    padding: 5px 10px;
  }
}

.how-its-made--has-overlay:after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--maroon);
  opacity: 0.8;
  position: absolute;
}

.how-its-made__bg {
  z-index: -1;
}

.how-its-made__header {
  text-align: center;
  margin-top: 12px;
}

.how-its-made__content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
}

@media (max-width: 991px) {
  .how-its-made__content-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .how-its-made__content-wrapper {
    margin-top: 10px;
  }
}

.how-its-made__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 991px) {
  .how-its-made__content {
    margin-top: 0px;
  }
}

.how-its-made__content--alternate {
  padding: 0 35px;
}

.how-its-made__content--main {
  width: 100%;
}

.how-its-made__image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 50%;
}

.how-its-made__image:after {
  content: "";
  padding-top: 89%;
}

@media (max-width: 991px) {
  .how-its-made__image {
    width: 90%;
  }
}

.how-its-made__image--circle {
  max-width: 61px;
  display: none;
}

.how-its-made__image--circle:after {
  content: "";
  padding-top: 78%;
}

.how-its-made__image--arrow {
  position: absolute;
  width: 15%;
  top: -12px;
  right: -65px;
}

@media (max-width: 1199px) {
  .how-its-made__image--arrow {
    display: none;
  }
}

.how-its-made__image--arrow:after {
  content: "";
  padding-top: 78%;
}

.how-its-made__image--process {
  width: 100%;
}

.how-its-made__image--process:after {
  content: "";
  padding-top: 78%;
}

.how-its-made__image-mobile {
  display: none;
}

@media (max-width: 767px) {
  .how-its-made__image-mobile {
    display: block;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 22px;
    margin-top: 25px;
  }
}

.how-its-made__subheader {
  text-align: center;
}

@media (max-width: 767px) {
  .how-its-made__subheader {
    margin-top: 5px;
  }
}

.how-its-made__copy {
  text-align: center;
  padding: 0 20px;
}

@media (max-width: 991px) {
  .how-its-made__copy {
    margin-top: 0;
    padding: 0 15px;
    margin-bottom: 20px;
  }
}

.how-its-made__copy--alternate {
  padding: 0;
  text-align: left;
}


.how-its-made__video-container {
  position: relative;
  width: 90%;
  margin: 65px auto 0;
  padding: 0;
  background: white;
}

.how-its-made__video-container > div {
    margin: 30px;
    display: block;
}

@media (max-width: 767px) {
  .how-its-made__video-container {
    width: 100%;
    margin-top: 30px;
  }
}

.how-its-made__video-container::after {
  content: "";
  display: block;
  padding-top: 56.25%;
  width: 100%;
}

.how-its-made__video {
  position: absolute !important;  /* ✅ Force override */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  border: none;
  margin: 0;
  padding: 0;
  display: block;
}


.how-its-made__underscore {
  position: relative;
  width: 100%;
  padding-top: 2%;
  margin-bottom: 15px;
}

/* styles for the icon-attributes module go in this file */
@media (min-width: 992px) {
  .contact-section .icon-attributes {
    margin-top: 50px;
  }
}

@media (max-width: 991px) {
  .contact-section .icon-attributes {
    margin-top: 20px;
  }
}

.icon-attributes__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 11px;
}

.icon-attributes__container--article {
  padding: 11px 0;
}

.contact-section .icon-attributes__container {
  padding-left: 0;
}

.icon-attributes__icon-container {
  position: relative;
  min-width: 30px;
  margin-bottom: auto;
}

.icon-attributes__icon-container--location {
  width: 16px;
  height: 16px;
}

.icon-attributes__icon-container--message {
  width: 28px;
  height: 16px;
}

.icon-attributes__icon-container--phone,
.icon-attributes__icon-container--time {
  width: 16px;
  height: 16px;
}

.icon-attributes__details-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.icon-attributes__details {
  margin-left: 7px;
}

@media (max-width: 991px) {
  .icon-attributes__details {
    margin: 0;
  }
}

/* styles for the icon-filter-card module go in this file */
.icon-filter-card {
  position: relative;
  cursor: pointer;
  background: #fff;
  -webkit-transition: background-color 0.3s linear 0s, opacity 0.3s linear 0s;
  -o-transition: background-color 0.3s linear 0s, opacity 0.3s linear 0s;
  transition: background-color 0.3s linear 0s, opacity 0.3s linear 0s;
}

.icon-filter-card.active:not(.icon-filter-card__product):not(
    .icon-filter-card__chef
  ):after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: #ee1c25;
  opacity: 1;
  position: absolute;
  border-radius: 6px;
  mix-blend-mode: screen;
}

@media (min-width: 992px) {
  .icon-filter-card:not(.icon-filter-card__product):not(
      .icon-filter-card__chef
    ):hover:after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: #ee1c25;
    opacity: 1;
    position: absolute;
    border-radius: 6px;
    mix-blend-mode: screen;
  }
}

.icon-filter-card__product .icon-filter-card,
.icon-filter-card__chef .icon-filter-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.icon-filter-card__image-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
}

.icon-filter-card__image-container:after {
  content: "";
  padding-top: 100%;
  position: relative;
  display: block;
}

.icon-filter-card__product .icon-filter-card__image-container,
.icon-filter-card__chef .icon-filter-card__image-container {
  width: 55%;
  margin: 10px auto 9px;
}

.icon-filter-card__product:hover .icon-filter-card__title,
.icon-filter-card__chef:hover .icon-filter-card__title {
  color: #ee1c25 !important;
}

.icon-filter-card__title {
  padding: 0 5px;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.icon-filter-card__tooltip {
  position: relative;
  display: inline-block;
}

.icon-filter-card__tooltip .icon-filter-card__tooltiptext {
  width: 120px;
  background-color: #fff;
  color: #ee1c25;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  text-transform: capitalize;
  opacity: 0;
  position: absolute;
  z-index: 1;
  font-size: 1.2rem;
  font-weight: 600;
}

@media (max-width: 991px) {
  .icon-filter-card__tooltip:hover .icon-filter-card__tooltiptext {
    display: none;
  }
}

.icon-filter-card__tooltip:hover .icon-filter-card__tooltiptext {
  visibility: visible;
  opacity: 0.85;
  -webkit-transition: all 0.25s ease;
  -o-transition: 0.25s all ease;
  transition: all 0.25s ease;
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.icon-filter-card:not(.icon-filter-card__product):not(
    .icon-filter-card__chef
  ):hover
  .image,
.icon-filter-card.active:not(.icon-filter-card__product):not(
    .icon-filter-card__chef
  )
  .image {
  mix-blend-mode: exclusion;
}

/* styles for the icon-title module go in this file */
.icon-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 35px;
}

@media (max-width: 767px) {
  .icon-title {
    margin-bottom: 25px;
  }
}

.icon-title__title-text {
  margin-left: 15px;
}

.blog__events-icon-title .icon-title__title-text {
  margin-left: 0;
}

.icon-title__image-container {
  position: relative;
  width: 24.7px;
}

.icon-title__image-container:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.blog__events-icon-title .icon-title__image-container {
  display: none;
}

@media (max-width: 991px) {
  .blog__events-icon-title .icon-title__image-container {
    display: block;
    margin-right: 10px;
  }
}

@media (max-width: 991px) {
  .blog__events-icon-title--discover .icon-title__image-container {
    display: none;
  }
}

/* styles for image */
.image,
.image:not(.no-hover):after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.image:not(.no-hover):after {
  content: "";
  background-color: var(--tan);
  opacity: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  transition: opacity 0.3s cubic-bezier(0.06, 0.305, 0, 1);
}

a:hover .image:not(.no-hover):after:not(.image--no-hover) {
  opacity: 0.5;
}

.image--relative {
  position: relative;
}

.image__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  
}

.image__img.vue-img,
.image__img.zoom-img {
  opacity: 1 !important;
}

.image__zoom .image__img {
  z-index: 1;
}

.image--contain .image__img {
  -o-object-fit: contain;
  object-fit: contain;
}

.image--relative .image__img {
  position: relative;
}

/*Animations*/
.anim--fade .image__img {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.anim--fade .image__img.loaded {
  opacity: 1;
}

.anim--wipe .image__img {
  -webkit-transform: translateY(4%);
  -ms-transform: translateY(4%);
  transform: translateY(4%);
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.06, 0.305, 0, 1);
  transition: -webkit-transform 0.7s cubic-bezier(0.06, 0.305, 0, 1);
  -o-transition: transform 0.7s cubic-bezier(0.06, 0.305, 0, 1);
  transition: transform 0.7s cubic-bezier(0.06, 0.305, 0, 1);
  transition: transform 0.7s cubic-bezier(0.06, 0.305, 0, 1),
    -webkit-transform 0.7s cubic-bezier(0.06, 0.305, 0, 1);
}

.anim--wipe .image__img.loaded {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.image__zoom {
  width: 100%;
  height: 100%;
  loading="lazy" 
}

.js-image-zoom__zoomed-area {
  z-index: 2;
  background-color: #0f171a !important;
}

@media (max-width: 991px) {
  .js-image-zoom__zoomed-area {
    display: none !important;
  }
}

.js-image-zoom__zoomed-image {
  -webkit-box-shadow: 1px 0 12px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 0 12px 2px rgba(0, 0, 0, 0.2);
  z-index: 400;
}

/* styles for the image-copy-illustration-card module go in this file */
.image-copy-illustration-card {
  max-width: 365;
}

.image-copy-illustration-card__image-container {
  position: relative;
  width: 80%;
  margin: 0 auto;
}

.image-copy-illustration-card__image-container:after {
  content: "";
  display: block;
  padding-bottom: 65%;
}

.image-copy-illustration-card__title {
  text-align: center;
  margin-top: 50px;
}

.image-copy-illustration-card__copy {
  margin-top: 13px;
  text-align: center;
}

/* styles for the image-title-copy-card module go in this file */
.image-title-copy-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 37%;
}

@media (min-width: 992px) {
  .image-title-copy-card {
    min-width: 340px;
  }
}

@media (max-width: 991px) {
  .image-title-copy-card {
    width: 100%;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .image-title-copy-card {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .image-title-copy-card--row:first-child {
    padding-bottom: 60px;
  }
}

.image-title-copy-card--row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

@media (min-width: 992px) {
  .image-title-copy-card--row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-bottom: 30px;
  }
}

@media (max-width: 991px) {
  .image-title-copy-card--row {
    margin-top: 20px;
  }
}

@media (min-width: 992px) {
  .image-title-copy-card--row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
}

.hero__our-story-wrapper .image-title-copy-card--row-reverse {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .hero__our-story-wrapper .image-title-copy-card--row-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

@media (max-width: 991px) {
  .image-title-copy-card--row-reverse.image-title-copy-card--origin {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.image-title-copy-card--third {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

@media (min-width: 1200px) {
  .image-title-copy-card--third {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-right: 60px;
  }
}

@media (min-width: 992px) {
  .image-title-copy-card--two-cards {
    padding-top: 60px;
  }
}

@media (max-width: 991px) {
  .image-title-copy-card--two-cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.image-title-copy-card__image-container {
  position: relative;
  width: 100%;
}

.image-title-copy-card__image-container:after {
  content: "";
  display: block;
  padding-bottom: 64%;
}

.hero__our-story-wrapper .image-title-copy-card__image-container {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 75px;
}

.image-title-copy-card--two-cards .image-title-copy-card__image-container {
  display: none;
}

@media (min-width: 992px) {
  .image-title-copy-card--row .image-title-copy-card__image-container {
    width: 100%;
  }
}

.image-title-copy-card__founders {
  display: none;
}

.image-title-copy-card--two-cards .image-title-copy-card__founders {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 50%;
}

@media (max-width: 991px) {
  .image-title-copy-card--two-cards .image-title-copy-card__founders {
    width: 100%;
    margin-top: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.image-title-copy-card__founders-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  margin-left: 95px;
}

@media (max-width: 991px) {
  .image-title-copy-card__founders-inner {
    margin: 0 0 35px;
    width: 50%;
  }
}

.image-title-copy-card__founders-inner .h2 {
  margin-top: 15px;
}

.image-title-copy-card__founders-image {
  position: relative;
  width: 100%;
}

.image-title-copy-card__founders-image:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.image-title-copy-card__heading-copy-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

@media (min-width: 992px) {
  .image-title-copy-card__heading-copy-container {
    margin-top: 15px;
  }
}

.hero--black .image-title-copy-card__heading-copy-container {
  color: #fff;
}

@media (min-width: 992px) {
  .selling-propositions__copy-cards-subcontainer--column
    .image-title-copy-card__heading-copy-container {
    width: 90%;
  }
}

@media (min-width: 992px) {
  .image-title-copy-card--small-title
    .image-title-copy-card__heading-copy-container {
    margin-left: 20px;
  }
}

@media (max-width: 991px) {
  .image-title-copy-card--small-title
    .image-title-copy-card__heading-copy-container {
    /* margin-top: 20px; */
  }
}

.hero--black
  .image-title-copy-card--small-title
  .image-title-copy-card__heading-copy-container {
  color: #fff;
}

@media (max-width: 991px) {
  .image-title-copy-card--third .image-title-copy-card__heading-copy-container {
    margin-top: 20px;
  }
}

.hero__our-story-wrapper .image-title-copy-card__heading-copy-container {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.image-title-copy-card--row .image-title-copy-card__heading-copy-container {
  margin-top: 0;
}

@media (max-width: 991px) {
  .image-title-copy-card--row .image-title-copy-card__heading-copy-container {
    margin-top: 20px;
  }
}

@media (min-width: 992px) {
  .image-title-copy-card--small-title .image-title-copy-card__header {
    text-align: left;
    width: 100%;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
  }
}

.hero--black .image-title-copy-card__header {
  color: #fff;
}

.image-title-copy-card__description {
  margin: 14px 0 58px;
  text-align: left;
}

.image-title-copy-card--small-title .image-title-copy-card__description {
  margin: 1rem 0;
}

.hero--black .image-title-copy-card__description {
  color: #fff;
}

@media (max-width: 991px) {
  .image-title-copy-card__description {
    margin: 11px 0 10px;
    text-align: center;
  }
}

@media (min-width: 992px) {
  .image-title-copy-card--third .image-title-copy-card__description {
    text-align: center;
  }
}

.image-title-copy-card__svg {
  display: none;
}

.hero .image-title-copy-card__svg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  opacity: 0.4;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  width: 45%;
  position: absolute;
  bottom: -55%;
  right: 0;
}

.hero .image-title-copy-card__svg:after {
  content: "";
  display: block;
  position: relative;
  padding-top: 100%;
}

@media (max-width: 991px) {
  .hero .image-title-copy-card__svg {
    width: 150px;
    position: absolute;
    bottom: 1%;
    right: 2%;
  }
}

@media (max-width: 767px) {
  .hero .image-title-copy-card__svg {
    width: 40%;
  }
}

.hero--black .image-title-copy-card__svg {
  display: none;
}

/* styles for input-checkbox */
.form-checkbox-container {
  display: block;
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.form-checkbox__checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.form-checkbox__check-mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 2px;
  border: 0.5px solid #01161e;
  margin: 6px 3px 0 5px;
  background-color: #fff;
}

.form-checkbox__check-mark:active,
.form-checkbox__checkbox:focus ~ .form-checkbox__check-mark {
  border-color: var(--light-purple);
}

.form-checkbox__check-mark:after {
  content: "";
  position: absolute;
  display: none;
  left: 50%;
  top: 50%;
  width: 3px;
  height: 7px;
  border: solid #0f171a;
  border-width: 0 1px 1px 0;
  -webkit-transform: translate(-50%, -60%) rotate(45deg);
  -ms-transform: translate(-50%, -60%) rotate(45deg);
  transform: translate(-50%, -60%) rotate(45deg);
}

.form-checkbox__checkbox:checked ~ .form-checkbox__check-mark:after {
  display: block;
}

/* styles for input-email */
.input-email {
  position: absolute;
  color: #0f171a;
  z-index: 1;
}

.input-email__button {
  position: absolute;
  right: 30px;
  top: 31%;
  border: none;
  cursor: pointer;
}

@media (max-width: 767px) {
  .input-email__button {
    right: 20px;
  }
}

/* styles for input-password */
/* styles for the input-radio module go in this file */
/* styles for input-select */
.input-select__label-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.input-select__label {
  margin-right: 1rem;
}

.input-select__cta {
  margin-left: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: none;
  border: none;
  text-decoration: underline;
  color: var(--purple);
  cursor: pointer;
}

.input-select__select-container {
  position: relative;
  display: inline-block;
  background-color: #fff;
}

@media (max-width: 767px) {
  .input-select__select-container {
    margin: 4px 0 12px;
  }
}

.plp-filter .input-select__select-container,
.post-filter-bar .input-select__select-container {
  margin: 0 0 0 12px;
}

@media (max-width: 767px) {
  .post-filter-bar .input-select__select-container {
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .plp-filter .input-select__select-container {
    margin-left: 0;
  }
}

.input-select__select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  z-index: 2;
  position: relative;
  cursor: pointer;
  width: 200px;
  height: 35px;
  padding: 5px 5.8px 5px 15px;
  -o-object-fit: contain;
  object-fit: contain;
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  background-color: transparent;
}

@media (max-width: 767px) {
  .input-select__select {
    margin: 4px 0 12px;
    padding: 5px 10.8px 5px 15px;
  }
}

.plp-filter .input-select__select,
.post-filter-bar .input-select__select {
  width: 215px;
  border: solid 1px #1d1d1b;
  border-radius: 6px;
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}

@media (max-width: 767px) {
  .plp-filter .input-select__select,
  .post-filter-bar .input-select__select {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .plp-filter .input-select__select {
    width: 255px;
  }
}

.input-select__chevron {
  position: absolute;
  width: 15px;
  right: 1rem;
  top: 41%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

@media (max-width: 767px) {
  .input-select__chevron {
    top: 52%;
  }
}

@media (min-width: 992px) {
  .plp-filter .input-select__chevron {
    width: 15px;
    right: 18px;
    top: 48%;
  }
}

@media (max-width: 991px) {
  .plp-filter .input-select__chevron {
    top: 45%;
    right: 4%;
  }
}

/* styles for input-text */
/* styles for input-textarea */
/* styles for the intro module go in this file */
/* styles for navigation */
.navigation {
  background-color: #fff;
  position: fixed;
  width: 100vw;
  height: 90px;
  top: 0;
  z-index: 999999;
}

.has-promo-bar .navigation {
  top: 45px;
}

.promo-bar-removed .navigation {
  top: 0 !important;
}

@media (max-width: 991px) {
  .navigation {
    height: 67px;
    width: 100%;
  }
}

.navigation:after {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  z-index: 1;
}

.navigation__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 0.9rem 110px;
  position: relative;
  z-index: 2;
  flex-wrap: wrap;
}

.navigation__search.active {
  order: 1;
  justify-content: flex-end;
  max-width: 426px;
  place-self: flex-end;
  margin-top: 9px;
  border: 2px solid !important;
}

.navigation__actions {
  place-items: flex-end;
  justify-content: flex-end;
  width: 396px;
}

.navigation__logo-menu-container {
  width: calc(100% - 396px);
}

@media screen and (max-width: 991px) {
  .navigation__actions {
    place-items: flex-end;
    justify-content: center;
    width: 100px;
  }
  .navigation__logo-menu-container {
    width: auto;
  }
}

@media (max-width: 991px) {
  .navigation__container {
    padding: 0px 19px;
    /* margin: 0; */
    justify-content: space-between;
    /* flex-wrap: nowrap; */
  }
}

@media (max-width: 991px) {
  .navigation__container-shadow {
    display: none;
    position: absolute;
    height: 72px;
    width: 100%;
    background-color: #fff;
  }

  .navigation__container-shadow.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.navigation__logo-menu-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
  z-index: 1;
}

@media (max-width: 991px) {
  .navigation__logo-menu-container {
    height: 51px;
  }
}

.navigation__logo-link {
  height: 70px;
}

@media (max-width: 991px) {
  .navigation__logo-link {
    text-align: center;
    height: 100%;
  }
}

.navigation__logo {
  height: 100%;
}

.navigation__menu-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 50px;
}

@media (max-width: 991px) {
  .navigation__menu-container {
    position: absolute;
    top: 100%;
    display: none;
    left: 0;
    background-color: #fff;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 3px 0 0;
    padding: 2.2rem 2.7rem;
    padding-bottom: 5rem;
    -webkit-box-shadow: 0 5px 6px -2px rgba(0, 0, 0, 0.16);
    box-shadow: 0 5px 6px -2px rgba(0, 0, 0, 0.16);
  }
}

.navigation__menu-container.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.navigation__search {
  background-color: #fff;
  display: none;
  width: 100%;
}

@media (min-width: 1200px) {
  .navigation__search.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 991px) {
  .navigation__search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2;
  }
}

.navigation__menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  list-style-type: none;
  padding: 0;
  /* -webkit-box-pack:justify; */
  /* -webkit-justify-content:space-between; */
  -ms-flex-pack: justify;
  justify-content: flex-start;
  width: 100%;
}

@media (max-width: 1439px) {
  .navigation__menu {
    margin-right: 1.5rem;
  }
}

@media (max-width: 991px) {
  .navigation__menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 606.5px;
    margin: 5rem auto;
    width: 100%;
  }
}

.navigation__menu--right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.navigation__accordion {
  padding: 10px 0;
}

.navigation__accordion:hover {
  cursor: pointer;
}

@media (max-width: 991px) {
  .navigation__accordion {
    padding: 0;
  }
}

.navigation__menu-item {
  position: relative;
  white-space: nowrap;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (min-width: 1440px) {
  .navigation__menu-item {
    margin-left: 2rem;
  }
}

@media (min-width: 1200px) {
  .navigation__menu-item {
    margin-left: 1.2rem;
  }
}

@media (max-width: 1199px) {
  .navigation__menu-item {
    margin-left: 1.5rem;
  }
}

@media (max-width: 991px) {
  .navigation__menu-item {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    margin-left: 0;
  }
}

.navigation__menu-item:after {
  content: "";
  position: absolute;
  bottom: -5px;
  background-color: #0f171a;
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  -o-transition: transform 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  transition: transform 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  transition: transform 0.3s cubic-bezier(0.06, 0.305, 0, 1),
    -webkit-transform 0.3s cubic-bezier(0.06, 0.305, 0, 1);
}

@media (min-width: 992px) {
  .navigation__menu-item:nth-child(3):hover .navigation__submenu,
  .navigation__menu-item:nth-child(5):hover .navigation__submenu {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 32px;
    padding: 32px 0px 25px 0px;
    background: #fff;
    width: 200px;
  }
}

.navigation__submenu {
  display: none;
}

@media (min-width: 992px) {
  .navigation__submenu {
    -webkit-box-shadow: 0 5px 6px -2px rgb(0 0 0 / 16%);
    box-shadow: 0 5px 6px -2px rgb(0 0 0 / 16%);
    z-index: 1;
  }
}

@media (max-width: 991px) {
  .navigation__submenu {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 20px 25px;
    background: #fff;
  }
}

@media (max-width: 991px) {
  .navigation__submenu.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.navigation__menu-item-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.navigation__submenu-item {
  list-style: none;
}

@media (max-width: 991px) {
  .navigation__submenu-item {
    padding: 6px 0;
  }
}

@media (max-width: 991px) {
  .navigation__submenu-item:first-child {
    padding-top: 0 !important;
  }
}

.navigation__menu-item-link {
  display: block;
}

@media (max-width: 991px) {
  .navigation__menu-item-link {
    width: 100%;
    padding-bottom: 1.5rem;
  }
}

@media (max-width: 991px) {
  .navigation__menu-item:not(:first-child) .navigation__menu-item-link {
    padding-top: 2rem;
  }
}

@media (min-width: 992px) {
  .navigation__menu-item-link--active {
    border: 1px solid #000;
    border-image-slice: 0 0 3;
    border-image-width: 0 0 4px;
    border-image-outset: 0 0 4px;
    border-image-source: url(../svg/underscore37d6.svg?v=1632149726);
    color: #ee1c25;
    font-weight: 600;
  }
}

.navigation__menu-item-link--submenu {
  padding: 0;
}

.navigation__chevron {
  width: 15px;
  margin-left: 9px;
  margin-top: -3px;
  z-index: 1;
}

@media (max-width: 991px) {
  .navigation__chevron {
  }
}

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

@media (max-width: 991px) {
  .navigation__actions {
    width: 100px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.navigation__menu-second {
  display: inherit;
  -webkit-box-align: inherit;
  -webkit-align-items: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
}

@media (max-width: 1199px) {
  .navigation__menu-second {
    display: none;
  }
}

.navigation__action {
  color: #0f171a;
  height: 21px;
  position: relative;
}

.navigation__action--search {
  width: 17px;
  background: none;
  cursor: pointer;
  border: none;
}

@media (max-width: 1199px) {
  .navigation__action--search {
    display: none;
  }
}

.navigation__action--search.hide {
  display: none;
}

.navigation__action--user {
  width: 18px;
}

.navigation__action--user.active {
  width: 19px;
  height: 25px;
}

.navigation__action--cart {
  width: 23px;
}

.navigation__action--cart.active {
  width: 24px;
  height: 25px;
}

@media (max-width: 991px) {
  .navigation__action--cart {
    margin-right: 10px;
  }
}

.navigation__action:not(:first-child) {
  margin-left: 2rem;
}

@media (max-width: 767px) {
  .navigation__action:not(:first-child) {
    margin-left: 1.6rem;
  }
}

.navigation__action--arrow-forward {
  margin-left: 1rem;
}

.navigation__action.active {
  border: 1px solid #000;
  border-image-slice: 0 0 3;
  border-image-width: 0 0 4px;
  border-image-outset: 0 0 5px;
  border-image-source: url(../svg/underscore37d6.svg?v=1632149726);
}

.navigation__cart-count {
  position: relative;
  top: -8px;
  right: -14px;
  background-color: #1d1d1b;
  color: #fff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
}

.navigation__mobile-menu {
  padding: 0;
  height: 17px;
}

@media (min-width: 992px) {
  .navigation__mobile-menu {
    display: none;
  }
}

.navigation__mobile-menu .hamburger-box {
  height: 16px;
  width: 100px;
}

.navigation__mobile-menu .hamburger-inner {
  height: 3px;
  border-radius: 0;
  width: 24px;
}

.navigation__mobile-menu .hamburger-inner:before {
  height: 3px;
  top: -6px;
  border-radius: 0;
  width: 24px;
}

.navigation__mobile-menu .hamburger-inner:after {
  height: 3px;
  bottom: -6px;
  border-radius: 0;
  width: 24px;
}

.navigation__buy {
  height: 45px;
}

.navigation__accordion .svg .chevron-down {
  transition: 0.2s;
}

.navigation__logo-menu-container nav > ul > li {
  margin: 0 1vw !important;
}

.navigation__logo-menu-container nav > ul li li {
  padding: 10px 20px !important;
}

/* styles for the order-details module go in this file */
.order-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 0 55px;
  margin: 30px 0;
}

@media (max-width: 1199px) {
  .order-details {
    padding: 0 25px;
  }
}

@media (max-width: 767px) {
  .order-details {
    padding: 0;
    margin-top: 60px;
  }
}

.order-details__table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 35px;
}

@media (max-width: 767px) {
  .order-details__table {
    margin-top: 65px;
  }
}

.order-details__table--mobile {
  display: none;
}

@media (min-width: 768px) {
  .order-details__table--mobile {
    display: none;
  }
}

.order-details__th {
  text-align: center;
  border-bottom: 1px solid #0f171a;
  padding-bottom: 7px;
}

@media (max-width: 767px) {
  .order-details__th {
    padding-bottom: 0;
  }
}

.order-details__th--total {
  padding-right: 20px;
  text-align: right;
}

@media (max-width: 767px) {
  .order-details__th-text {
    display: none;
  }
}

.order-details__heading-row {
  margin-bottom: 30px;
}

.order-details__address-card-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .order-details__address-card-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .order-details__address {
    margin-top: 25px;
  }
}

.order-details__bottom-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .order-details__bottom-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.order-details__payment-info-container {
  width: 150px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media (max-width: 767px) {
  .order-details__payment-info-container {
    margin: 0 30px 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.order-details__payment-amount,
.order-details__payment-category {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* styles for order-details-list-item */
.order-details-list-item__td {
  padding: 30px 0 25px;
  text-align: center;
  border-bottom: 1px solid #f1f1f1;
}

.order-details-list-item__td--image-details {
  width: 45%;
}

@media (max-width: 767px) {
  .order-details-list-item__td--image-details {
    width: 100%;
  }
}

.order-details-list-item__td--price,
.order-details-list-item__td--quantity {
  padding-top: 0;
}

.order-details-list-item__td--total {
  padding-top: 0;
  padding-right: 20px;
  text-align: right;
  width: 15%;
}

.order-details-list-item__container-subcontainer-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.order-details-list-item__image-container {
  position: relative;
  min-height: 100px;
  min-width: 100px;
}

@media (max-width: 767px) {
  .order-details-list-item__image-container {
    min-height: 115px;
    min-width: 115px;
  }
}

.order-details-list__options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: 15px;
}

@media (max-width: 767px) {
  .order-details-list__options {
    padding-bottom: 15px;
    margin: 0;
  }
}

@media (max-width: 767px) {
  .order-details-list-item__td-text {
    display: none;
  }
}

.order-details-list-item__td-text--purchase-type-desktop {
  color: #0f171a;
}

@media (max-width: 767px) {
  .order-details-list-item__td-text--purchase-type-desktop {
    display: none;
  }
}

.order-details-list-item__td-text--purchase-type-text-mobile {
  float: left;
}

.order-details-list-item__options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.order-details-list-item__options-title-container {
  text-align: left;
}

/* styles for the order-history module go in this file */
.order-history {
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .order-history {
    padding: 40px 0;
  }
}

.order-history__table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 35px;
}

@media (max-width: 767px) {
  .order-history__table {
    margin-top: 30px;
  }
}

.order-history__th {
  border-bottom: 1px solid #0f171a;
  padding-bottom: 7.5px;
}

.order-history__th--order-number {
  text-align: left;
}

@media (max-width: 767px) {
  .order-history__th--order-status,
  .order-history__th--order-total,
  .order-history__th--tracking-number {
    display: none;
  }
}

@media (min-width: 768px) {
  .order-history__td {
    padding: 20px 0;
  }
}

.order-history__list-row {
  position: relative;
}

@media (max-width: 767px) {
  .order-history__list-row {
    padding: 20px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid #ddd;
  }
}

@media (max-width: 767px) {
  .order-history__list-row--recent {
    border-top: none;
    padding: 0 0 20px;
  }
}

.order-history__no-orders-message {
  margin-top: 50px;
}

/* styles for order-history-item */
.order-history-item {
  border-bottom: 1px solid #1d1d1b;
  height: 65px;
}

.order-history-item__order-number-link {
  text-decoration: none;
}

.order-history-item__td {
  text-align: center;
}

.order-history-item__td--order-number {
  text-align: left;
}

@media (max-width: 767px) {
  .order-history-item__td--order-status,
  .order-history-item__td--order-total,
  .order-history-item__td--tracking-number {
    display: none;
  }
}

/* styles for the our-vision module go in this file */
/* styles for the pagination module go in this file */
.pagination {
  margin-bottom: 85px;
}

@media (max-width: 991px) {
  .pagination {
    margin-bottom: 40px;
  }
}

.pagination--blog {
  margin-top: 75px;
}

@media (max-width: 991px) {
  .pagination--blog {
    margin-top: 40px;
  }
}

.pagination__container {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pagination__container,
.pagination__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pagination__nav {
  text-decoration: none;
}

.pagination__nav--next {
  margin-left: 25px;
}

.pagination__nav--prev {
  margin-right: 25px;
}

.pagination__svg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
}

.pagination__svg path {
  fill: #0f171a;
}

.pagination__pages {
  margin-bottom: 4px;
}

.pagination__page {
  color: #0f171a;
  text-decoration: none;
}

.pagination__page:not(:first-child) {
  margin-left: 2rem;
}

.pagination__page--current {
  cursor: text;
  color: #ee1c25;
}

.pagination__arrow {
  position: absolute;
}

.pagination__arrow--prev {
  left: 25px;
}

.pagination__arrow--next {
  right: 25px;
}

/* styles for the plp-filter module go in this file */
.plp-filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 60px auto 70px;
}

@media (min-width: 992px) {
  .plp-filter {
    padding: 0 65px;
  }
}

@media (max-width: 991px) {
  .plp-filter {
    margin: 18px auto 35px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.plp-filter__product-qty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 992px) {
  .plp-filter__product-qty {
    padding-left: 15px;
  }
}

.plp-filter__category {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 991px) {
  .plp-filter__category {
    margin-top: 20px;
    padding: 5px;
  }
}

.plp-filter__illustrations {
  position: aboslute;
}

/* styles for the post-card module go in this file */
.post-card__image-container {
  position: relative;
  width: 100%;
}

.post-card__image-container:after {
  content: "";
  padding-top: 68%;
  position: relative;
  display: block;
}

@media (max-width: 991px) {
  .post-card__image-container {
    width: 100%;
  }

  .post-card__image-container:after {
    padding-top: 70%;
  }
}

.post-card__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 1.5rem;
}

@media (max-width: 767px) {
  .post-card__title {
    margin-top: 1rem;
  }
}

.post-card__excerpt {
  text-align: left;
  padding: 13px 0 5px;
}

@media (max-width: 767px) {
  .post-card__excerpt {
    display: none;
  }
}

.post-card__date {
  padding: 5px 0;
  color: #1d1d1b;
}

@media (max-width: 767px) {
  .post-card__date {
    padding-top: 0;
  }
}

/* styles for the post-filter-bar module go in this file */
.post-filter-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (min-width: 992px) {
  .post-filter-bar {
    margin: 60px auto 40px;
  }
}

@media (max-width: 991px) {
  .post-filter-bar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 30px;
  }
}

.post-filter-bar__filter-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 991px) {
  .post-filter-bar__filter-container {
    width: 100%;
    margin: 30px 0 0;
  }
}

@media (max-width: 767px) {
  .post-filter-bar__filter-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.post-filter-bar__sort-text {
  white-space: nowrap;
}

@media (max-width: 991px) {
  .post-filter-bar__close {
    position: absolute;
    right: 0.75rem;  /* bring closer to input */
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    fill: #000; /* or white if needed */
    cursor: pointer;
  }
}

.post-filter-bar__close path {
  fill: #1d1d1b;
}

@media (max-width: 991px) {
  .post-filter-bar__filter {
    width: 100%;
    max-width: 401px;
    padding-left: 15px;
  }
}

/* styles for the post-navigation module go in this file */
.post-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 55px;
}

.post-navigation--blog-article {
  max-width: 1250px;
  margin: 80px auto 55px;
}

.post-navigation__link {
  color: #0f171a;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.post-navigation__link-prev {
  margin-right: auto;
}

.post-navigation__link-next {
  margin-left: auto;
}

.post-navigation__arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 9px;
  width: 9px;
  margin-bottom: 2px;
}

.post-navigation__arrow path {
  fill: #0f171a;
}

.post-navigation__arrow--prev {
  margin-right: 18px;
}
.post-navigation__arrow--next {
  margin-left: 18px;
}

@media (max-width: 767px) {
  .post-navigation__arrow--prev {
    margin-right: 5px;
  }
  .post-navigation__arrow--next {
    margin-right: 5px;
  }
}


/* styles for the procedure module go in this file */
.procedure {
  width: 987.66px;
  position: relative;
}

@media (min-width: 992px) {
  .procedure {
    margin-top: 38px;
    margin-bottom: 100px;
  }
}

@media (max-width: 991px) {
  .procedure {
    width: 100%;
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

.procedure__illustration--tomato {
  position: absolute;
  right: -42px;
  top: 21px;
  opacity: 0.3;
  width: 22%;
  padding-top: 19.25%;
}

.procedure__illustration--marzano {
  position: absolute;
  left: -87px;
  top: 54%;
  opacity: 0.3;
  width: 25%;
  padding-top: 14.25%;
}

.procedure__illustration--slice {
  position: absolute;
  right: 74px;
  bottom: 12%;
  opacity: 0.3;
  width: 10%;
  padding-top: 12.25%;
}

.procedure__illustration--leafless {
  position: absolute;
  right: -147px;
  bottom: 12%;
  opacity: 0.3;
  width: 25%;
  padding-top: 13.25%;
}

/* styles for the procedure-card module go in this file */
.procedure-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.procedure-card:nth-child(2) .procedure-card__dots-row {
  width: 27%;
}

@media (max-width: 991px) {
  .procedure-card:nth-child(2) .procedure-card__dots-row {
    width: 0;
  }
}

.procedure-card:nth-child(3) .procedure-card__dots-row {
  width: 35%;
}

@media (max-width: 991px) {
  .procedure-card:nth-child(3) .procedure-card__dots-row {
    width: 0;
  }
}

.procedure-card:nth-child(4) .procedure-card__dots-row {
  width: 39%;
}

@media (max-width: 991px) {
  .procedure-card:nth-child(4) .procedure-card__dots-row {
    width: 0;
  }
}

.procedure-card:nth-child(5) .procedure-card__dots-row {
  width: 32%;
}

@media (max-width: 991px) {
  .procedure-card:nth-child(5) .procedure-card__dots-row {
    width: 0;
  }
}

.procedure-card:nth-child(6) .procedure-card__dots-row {
  width: 26%;
}

@media (max-width: 991px) {
  .procedure-card:nth-child(6) .procedure-card__dots-row {
    width: 0;
  }
}

.procedure-card:nth-child(7) .procedure-card__dots-row {
  width: 44%;
}

@media (max-width: 991px) {
  .procedure-card:nth-child(7) .procedure-card__dots-row {
    width: 0;
  }
}

.procedure-card:nth-child(8) .procedure-card__dots-row {
  width: 27%;
}

@media (max-width: 991px) {
  .procedure-card:nth-child(8) .procedure-card__dots-row {
    width: 0;
  }
}

.procedure-card:nth-child(9) .procedure-card__dots-row {
  width: 27%;
}

@media (max-width: 991px) {
  .procedure-card:nth-child(9) .procedure-card__dots-row {
    width: 0;
  }
}

.procedure-card:nth-child(10) .procedure-card__dots-row {
  width: 18%;
}

@media (max-width: 991px) {
  .procedure-card:nth-child(10) .procedure-card__dots-row {
    width: 0;
  }
}

@media (max-width: 991px) {
  .procedure-card:nth-child(2n) .procedure-card__copy,
  .procedure-card:nth-child(2n) .procedure-card__title {
    text-align: left;
  }
}

@media (max-width: 991px) {
  .procedure-card:nth-child(odd) .procedure-card__copy,
  .procedure-card:nth-child(odd) .procedure-card__title {
    text-align: right;
  }
}

@media (max-width: 991px) {
  .procedure-card {
    text-align: center;
  }
}

.procedure-card__title {
  margin-top: 80px;
}

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

@media (max-width: 991px) {
  .procedure-card__title--right {
    text-align: center;
  }
}

@media (max-width: 991px) {
  .procedure-card__title {
    margin-top: 10px;
  }
}

.procedure-card__copy--right {
  padding-left: 20px;
  text-align: right;
}

@media (max-width: 991px) {
  .procedure-card__copy--right {
    text-align: center;
    padding: 0;
  }
}

.procedure-card__copy--left {
  padding-right: 20px;
}

@media (max-width: 991px) {
  .procedure-card__copy--left {
    text-align: center;
    padding: 0;
  }
}

.procedure-card__wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.procedure-card__inner,
.procedure-card__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.procedure-card__inner {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}

.procedure-card__inner--right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media (max-width: 991px) {
  .procedure-card__inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.procedure-card__dots-row {
  position: relative;
  height: 7px;
}

.procedure-card__dots-row--left {
  margin-left: 80px;
}

.procedure-card__dots-row--right {
  margin-right: 80px;
  background-position: 100%;
}

.procedure-card__dots-row--hide {
  display: none;
}

@media (max-width: 991px) {
  .procedure-card__dots-row {
    display: none;
  }
}

.procedure-card__dots-row--mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 992px) {
  .procedure-card__dots-row--mobile {
    display: none;
  }
}

@media (max-width: 991px) {
  .procedure-card__dots-row-image {
    display: none;
  }
}

.procedure-card__dots-column {
  position: absolute;
  height: 70px;
  width: 6px;
  margin: 6px 0 0 -1px;
  background-repeat: no-repeat;
  top: 10px;
}

.procedure-card__dots-column--left {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.procedure-card__dots-column--right {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  right: 0;
}

.procedure-card__dots-column--mobile {
  position: relative;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .procedure-card__dots-column--mobile {
    display: none;
  }
}

/* styles for process-card */
/* styles for the product-add-to-cart module go in this file */
@media (min-width: 1200px) {
  .product-add-to-cart {
    width: 43%;
  }
}

.primary-color-swatches .swatch:nth-of-type(3),
.rc-widget-injection-parent,
.rc-widget-injection-parent .rc_widget__option--active {
  background-color: #f7f4f1;
}

.rc-widget-injection-parent .rc_container {
  margin-bottom: 0;
}

.rc-widget-injection-parent .rc_widget__option {
  padding: 15px 30px;
}

.rc-widget-injection-parent .rc_widget__option--active {
  background-color: #f7f4f1;
}

.order-details__table--mobile,
.product-add-to-cart-tabs__container,
.rc-widget-injection-parent .rc_popup {
  display: none;
}

.rc-widget-injection-parent .rc_widget__option__input {
  width: 11px;
}

.rc-widget-injection-parent
  .rc_widget__option__input:checked
  + .rc_widget__option__label:before {
  background-color: #000;
  -webkit-box-shadow: inset 0 0 0 4px;
  box-shadow: inset 0 0 0 4px;
}

.rc-widget-injection-parent .rc-template__legacy-radio {
  /* padding: 15px 30px; */
}

.rc-widget-injection-parent .rc-template__legacy-radio .rc-option--active {
  background-color: transparent !important;
}

.rc-widget-injection-parent .rc-template__legacy-radio .rc-radio {
  /* display: block; */
  /* white-space: nowrap; */
  /* padding: 8px; */
}

.rc-widget-injection-parent
  .rc-template__legacy-radio
  .rc-radio__input
  + label:before {
  height: 3px;
  width: 3px;
  margin-right: 9px;
  background-clip: initial;
  display: none;
}

/* styles for product-add-to-cart-tabs */
.product-add-to-cart-tabs {
  width: 100%;
}

.product-add-to-cart .product-add-to-cart-tabs {
  margin-top: 10px;
}

.product-modal .product-add-to-cart-tabs {
  margin-top: 10px;
  padding-bottom: 30px;
}

.product-add-to-cart-tabs__tabs-container {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 45px;
}

.product-add-to-cart-tabs__tab,
.product-add-to-cart-tabs__tabs-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product-add-to-cart-tabs__tab {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  cursor: pointer;
  border-radius: 6px;
  text-align: center;
}

/*.product-add-to-cart-tabs__tab.active {
 background: #f7f4f1;
}*/

@media (min-width: 992px) {
  .product-add-to-cart-tabs__tab {
    min-width: 150px;
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 991px) {
  .product-add-to-cart-tabs__tab--one-time {
    width: 50%;
  }
}

@media (max-width: 991px) {
  .product-add-to-cart-tabs__tab--bundles {
    width: 50%;
  }
  .bundle-link {
    width: 100%;
  }
}

.product-add-to-cart-tabs__container {
  display: none;
}

.product-add-to-cart-tabs__container.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex !important;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  /*background: #f7f4f1;*/
  padding: 0 30px;
}

.product-add-to-cart-tabs__add-to-cart-button {
  margin-left: 20px;
}

.product-add-to-cart-tabs__input-select {
  padding-bottom: 15px;
}

.product-add-to-cart-tabs__input-select .input-select__chevron {
  top: 45%;
}

.product-add-to-cart-tabs__input-select .input-select__select {
  width: 85px;
  height: 43px;
  border-radius: 3px;
  border: 1px solid #1d1d1b;
}

@media (max-width: 767px) {
  .product-add-to-cart-tabs__input-select .input-select__select {
    width: 63px;
    height: 43px;
    margin: 0;
  }
}

/* styles for the product-card module go in this file */
@media (min-width: 992px) {
  .product-card--collections {
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 0 !important;
    margin-bottom: 3rem;
  }
}

@media (max-width: 767px) {
  .search-results-tabs .product-card__link {
    width: 45%;
  }
}

.product-card__image {
  position: relative;
  margin: 0 auto;
  width: 75%;
  cursor: pointer;
}

.product-card__image:after {
  content: "";
  padding-top: 100%;
  position: relative;
  display: block;
}

@media (max-width: 991px) {
  .product-card__image {
    width: 84%;
    margin: 0 auto;
  }
}

.product-card__image {
  /*@media (--md-max) {
    max-width: 260px;
  }*/
  overflow: hidden;
}

@media (max-width: 991px) {
  .product-card__details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    width: 90%;
  }
}

@media (max-width: 767px) {
  .product-card__details {
    width: 100%;
  }
}

.search-results-tabs .product-card__details {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .search-results-tabs .product-card__details {
    margin-top: 10px;
    width: 55%;
  }
}

.product-card__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 2.6rem;
  overflow: hidden;
  cursor: pointer;
}

@media (max-width: 767px) {
  .search-results-tabs .product-card__title {
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.product-card__title-variants-container {
  overflow: hidden;
  cursor: pointer;
  min-width: 78px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 767px) {
  .product-card__title-variants-container {
    min-width: 82px;
  }
}

.product-card__title-variants-subcontainer {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: -5px;
  list-style-type: none;
  padding: 0;
}

.product-card__title-variants,
.product-card__title-variants-subcontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product-card__title-variants {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  padding: 0 0.5rem;
  text-align: center;
  border-right: 1px solid #0f171a;
}

.product-card__title-variants:last-child {
  border-right: 0;
}

@media (max-width: 767px) {
  .search-results-tabs .product-card__title-variants:first-child {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .search-results-tabs .product-card__title-variants {
    margin-top: 5px;
  }
}

.product-card__title-variants-link {
  text-decoration: none;
  color: #0f171a;
}

.product-card__price-range {
  margin-top: 4px;
  text-align: left;
}

@media (max-width: 767px) {
  .search-results-tabs .product-card__price-range {
    margin: 0;
  }
}

.product-card__reviews {
  text-align: left;
  margin-top: 6px;
}

.search-results-tabs .product-card__reviews {
  margin-top: 5px;
}

/* styles for product-detail-tabs */
.product-detail-tabs {
  width: 100%;
  margin-top: 35px;
}

.product-detail-tabs__tabs-container {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 45px;
}

.product-detail-tabs__tab,
.product-detail-tabs__tabs-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product-detail-tabs__tab {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30%;
  height: 90%;
  background: #fff;
  cursor: pointer;
  border-radius: 6px;
  text-align: center;
  color: #1d1d1b;
  position: relative;
}

.product-detail-tabs__tab.active {
  color: #fff;
}

@media (max-width: 767px) {
  .product-detail-tabs__tab {
    width: 33%;
    height: 70%;
  }
}

.product-detail-tabs__tab--jagged {
  display: none;
}

@media (min-width: 768px) {
  .product-detail-tabs__tab--jagged.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.product-detail-tabs__tab--jagged-mobile {
  display: none;
}

@media (max-width: 767px) {
  .product-detail-tabs__tab--jagged-mobile.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.product-detail-tabs__tab-text {
  position: absolute;
  z-index: 9999;
}

.product-detail-tabs__tab-text.active {
  color: #fff;
}

.product-detail-tabs__container {
  display: none;
}

.product-detail-tabs__container.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-detail-tabs__subcontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 25px 0 20px;
}

/*
.product-detail-tabs__product-details {

}

.product-detail-tabs__product-ingredients {

} */
.product-detail-tabs__product-ingredients-heading {
  padding: 15px 0;
}

.product-detail-tabs__detail-button {
  margin-left: 20px;
}

/* styles for product-listing-info */
.product-listing-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 991px) {
  .product-listing-info {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .product-add-to-cart .product-listing-info {
    padding-left: 0;
  }
}

.product-modal__content .product-listing-info {
  width: 100%;
}

@media (max-width: 991px) {
  .product-modal__content .product-listing-info {
    width: 100%;
  }
}

.product-listing-info__title-price-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-listing-info__product-reviews {
  color: #1d1d1b;
  margin: 10px 0;
}

@media (max-width: 767px) {
  .product-listing-info__product-reviews {
    margin: 5px 0 15px;
  }
}

.product-listing-info__product-description {
  /* display: -webkit-box; */
  /* -webkit-line-clamp: 3; */
  /* -webkit-box-orient: vertical; */
}

.product-listing-info__product-details-link-container {
  display: none;
}

.product-modal__product-listing-info
  .product-listing-info__product-details-link-container {
  text-align: right;
  margin-top: 1rem;
  display: block;
}

.product-listing-info__product-details-link {
  color: #0f171a;
}

.product-listing-info__variant-size-title {
  padding: 18px 0 5px;
}

.product-modal__product-listing-info .product-listing-info__variant-size-title {
  padding-top: 0;
}

.product-listing-info__variant-button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.quiz-result .product-listing-info__variant-button-container {
  margin-top: 15px;
}

@media (max-width: 767px) {
  .quiz-result .product-listing-info__variant-button-container {
    margin-top: 5px;
  }
}

.product-listing-info__variant-button {
  margin-right: 1rem;
}

.product-listing-info__separator {
  display: block;
  margin: 20px 0 15px;
  width: 100%;
  height: 1px;
  background-color: #000;
}

.product-listing-info__variants-container {
  overflow: hidden;
}

.product-listing-info__variants-subcontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: -5px;
  list-style-type: none;
  padding: 0;
}

.product-listing-info__variants {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  padding: 0 0.5rem;
  text-align: center;
  border-left: 1px solid #0f171a;
}

/* styles for the product-modal module go in this file */
.product-modal,
.quiz-result .product-listing-info__purchase-header {
  display: none;
}

.product-modal__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  position: fixed;
  top: 90px;
  left: 0;
  width: 100%;
  height: calc(100vh - 90px);
  z-index: 9999;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-modal__container:before {
  content: "";
  height: 100%;
  background-color: #1d1d1b;
  opacity: 0.9;
  width: 100%;
  z-index: -1;
  position: absolute;
}

@media (max-width: 991px) {
  .product-modal__container {
    top: 67px;
    height: calc(100vh - 67px);
  }
}

@media (max-width: 767px) {
  .product-modal__container {
    top: 67px;
    height: calc(100vh - 67px);
  }
}

.has-promo-bar .product-modal__container {
  padding-top: 45px;
}

.product-modal__image-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.product-modal__image-container:after {
  content: "";
  padding-top: 100%;
  position: relative;
  display: block;
}

@media (min-width: 992px) {
  .product-modal__image-container {
    min-width: 450px;
    max-height: 540px;
  }
}

@media (max-width: 991px) {
  .product-modal__image-container {
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto;
    width: 75%;
    height: 100%;
    margin-bottom: 25px;
  }

  .product-modal__image-container:after {
    padding-top: 80%;
  }
}

@media (max-width: 767px) {
  .product-modal__image-container {
    width: 90%;
    margin-top: 10px;
    margin-bottom: 0;
  }
}

.product-modal__content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 76.5%;
  height: 85%;
  max-height: 630px;
  max-width: 1090px;
  margin: 0 auto;
  padding: 9rem 12rem 6rem 2rem;
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  overflow-y: auto;
}

@media (max-width: 1439px) {
  .product-modal__content {
    padding: 9rem 12rem 9rem 2rem;
  }
}

@media (min-width: 992px) {
  .product-modal__content {
    min-width: 900px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

@media (max-width: 991px) {
  .product-modal__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 80%;
    padding: 3rem;
  }
}

@media (max-width: 767px) {
  .product-modal__content {
    width: 90%;
    height: 95%;
    padding: 2rem;
  }
}

.product-modal__close-btn {
  position: absolute;
  top: 29px;
  right: 23px;
}

.product-modal__close-btn:focus,
.product-modal__close-btn:hover {
  color: #0f171a;
  text-decoration: none;
  cursor: pointer;
}

@media (max-width: 767px) {
  .product-modal__close-btn {
    top: 17px;
    right: 10px;
  }
}

.product-modal__info-tabs {
  width: 50%;
}

@media (max-width: 991px) {
  .product-modal__info-tabs {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .product-modal__info-tabs {
    margin-top: 25px;
    width: 100%;
  }
}

/* styles for the product-photo-viewer module go in this file */
.product-photo-viewer {
  width: 55%;
  position: relative;
  padding: 0 0 1rem;
}

@media (max-width: 1199px) {
  .product-photo-viewer {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .product-photo-viewer {
    width: 100%;
  }
}

.product-photo-viewer__carousels {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}

@media (min-width: 992px) {
  .product-photo-viewer__carousels {
    margin: 0 7rem 7.2rem;
  }
}

@media (max-width: 991px) {
  .product-photo-viewer__carousels {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.product-photo-viewer__nav {
  max-height: 570px;
  width: 100px;
}

@media (min-width: 992px) {
  .product-photo-viewer__nav--overflow {
    overflow-y: scroll;
  }
}

@media (max-width: 1199px) {
  .product-photo-viewer__nav {
    width: 120px;
  }
}

@media (max-width: 991px) {
  .product-photo-viewer__nav {
    margin-top: 1rem;
    width: 100%;
    padding: 0 25px;
  }
}

.product-photo-viewer__carousel {
  width: 100%;
  position: relative;
}

@media (max-width: 991px) {
  .product-photo-viewer__carousel {
    height: 525px;
    width: calc(100% - 50px);
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .product-photo-viewer__carousel {
    height: 230px;
    padding-bottom: 25px;
  }
}

.product-photo-viewer__arrow {
  width: 53px;
  height: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.06, 0.305, 0, 1),
    -webkit-transform 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  transition: opacity 0.3s cubic-bezier(0.06, 0.305, 0, 1),
    -webkit-transform 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.06, 0.305, 0, 1),
    transform 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  transition: opacity 0.3s cubic-bezier(0.06, 0.305, 0, 1),
    transform 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  transition: opacity 0.3s cubic-bezier(0.06, 0.305, 0, 1),
    transform 0.3s cubic-bezier(0.06, 0.305, 0, 1),
    -webkit-transform 0.3s cubic-bezier(0.06, 0.305, 0, 1);
}

@media (min-width: 992px) {
  .product-photo-viewer__arrow {
    display: none;
  }
}

@media (max-width: 767px) {
  .product-photo-viewer__arrow {
    width: 30px;
    height: 23px;
  }
}

.product-photo-viewer__arrow path {
  -webkit-transition: fill 0.3s cubic-bezier(0.06, 0.305, 0, 1),
    stroke 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  -o-transition: fill 0.3s cubic-bezier(0.06, 0.305, 0, 1),
    stroke 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  transition: fill 0.3s cubic-bezier(0.06, 0.305, 0, 1),
    stroke 0.3s cubic-bezier(0.06, 0.305, 0, 1);
}

.product-photo-viewer__arrow:hover path {
  fill: #ee1c25;
  stroke: #ee1c25;
}

.product-photo-viewer__arrow--prev {
  left: 0.5rem;
  -webkit-transform: translateX(-1rem);
  -ms-transform: translateX(-1rem);
  transform: translateX(-1rem);
}

.product-photo-viewer__arrow--next {
  right: -1.5rem;
  -webkit-transform: translateX(1rem);
  -ms-transform: translateX(1rem);
  transform: translateX(1rem);
}

.product-photo-viewer__arrow.swiper-button-disabled {
  display: none;
}

.product-photo-viewer:hover .product-photo-viewer__arrow {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.product-photo-viewer__nav__image-container {
  position: relative;
  cursor: pointer;
  border-radius: 6px;
  border: 1px solid rgba(15, 23, 26, 0.2);
}

@media (max-width: 1199px) {
  .product-photo-viewer__nav__image-container {
    width: 104px;
  }
}

@media (max-width: 991px) {
  .product-photo-viewer__nav__image-container {
    display: none;
  }
}

.product-photo-viewer__nav__image-container:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.product-photo-viewer__nav__image-container.active:after {
  background-color: #f1f1f1;
  opacity: 0.45;
}

.product-photo-viewer__carousel__image-container {
  position: relative;
  width: 100%;
  max-height: 570px;
}

.product-photo-viewer__carousel__image-container:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

@media (max-width: 991px) {
  .product-photo-viewer__carousel__image-container {
    max-height: 500px;
  }
}

.product-photo-viewer__carousel__image-subcontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 1199px) {
  .product-photo-viewer__carousel__image-subcontainer {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .product-photo-viewer__carousel__image-subcontainer {
    width: 100%;
  }
}

.product-photo-viewer__carousel__image {
  position: relative;
  width: 500px;
}

.product-photo-viewer__carousel__pagination {
  bottom: 0;
}

@media (min-width: 992px) {
  .product-photo-viewer__carousel__pagination {
    display: none;
  }
}

@media (max-width: 767px) {
  .product-photo-viewer__carousel__pagination {
    bottom: -3px;
  }
}

/* styles for the product-reviews module go in this file */
#yotpo-selector .yotpo-small-box {
  display: none;
}

#yotpo-selector .yotpo-stars-and-sum-reviews {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

#yotpo-selector .based-on {
  padding-top: 0;
}

#yotpo-selector .star-clickable {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#yotpo-selector .yotpo-icon-star {
  font-size: 14px;
  padding-right: 3px;
}

#yotpo-selector .yotpo-stars {
  padding-right: 5px;
}

#yotpo-selector .font-color-gray.based-on,
#yotpo-selector .text-m {
  font-family: var(--raleway) !important;
  color: #1d1d1b !important;
  font-weight: 500 !important;
  font-size: 10px !important;
  letter-spacing: 0.25px !important;
}

#yotpo-selector .yotpo-bottomline-2-boxes.yotpo-bottomline-empty-state {
  border-top: none;
  padding: 35px 0 50px;
}

#yotpo-selector
  .yotpo-bottomline-2-boxes.yotpo-bottomline-empty-state
  .yotpo-icon-star {
  font-size: 17px;
  padding-right: 5.5px;
}

#yotpo-selector
  .yotpo-bottomline-2-boxes.yotpo-bottomline-empty-state
  .yotpo-sum-reviews {
  padding-top: 3px;
}

#yotpo-selector .yotpo-bottomline-box-1.yotpo-stars-and-sum-reviews {
  padding-left: 35px;
}

@media (max-width: 991px) {
  #yotpo-selector .yotpo-bottomline-box-1.yotpo-stars-and-sum-reviews {
    padding-left: 0;
  }
}

#yotpo-selector .y-label.yotpo-user-name.yotpo-font-bold.pull-left {
  margin-bottom: 7px;
}

#yotpo-selector .y-label.yotpo-user-title.yotpo-action-hover {
  display: none;
}

#yotpo-selector .yotpo-review.yotpo-regular-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 125px 55px;
  border-top: 1px solid #1d1d1b;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 1199px) {
  #yotpo-selector .yotpo-review.yotpo-regular-box {
    padding: 25px 0;
  }
}

#yotpo-selector .yotpo-review.yotpo-regular-box .yotpo-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 115px;
  width: 60%;
}

@media (max-width: 991px) {
  #yotpo-selector .yotpo-review.yotpo-regular-box .yotpo-main {
    width: 40%;
    margin-left: 20px;
  }
}

@media (max-width: 575px) {
  #yotpo-selector .yotpo-review.yotpo-regular-box .yotpo-main {
    width: 45%;
  }
}

#yotpo-selector
  .yotpo-review.yotpo-regular-box
  .yotpo-main
  .yotpo-review-stars
  .yotpo-icon-star {
  font-size: 17px;
  padding-right: 5.5px;
  color: #000;
}

#yotpo-selector .y-label.label-helpful,
#yotpo-selector .y-label.yotpo-review-date,
#yotpo-selector .yotpo-helpful .y-label.yotpo-sum.vote-sum {
  display: none;
}

#yotpo-selector .yotpo-helpful .vote-btn[data-type="up"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#yotpo-selector .yotpo-helpful .vote-btn[data-type="up"]:before {
  content: "I would recommend it.";
  color: #0f171a;
  margin-left: 7px;
}

#yotpo-selector .yotpo-helpful .vote-btn[data-type="down"] {
  display: none;
}

#yotpo-selector .content-title.yotpo-font-bold {
  margin-top: 10px;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  color: #0f171a;
}

#yotpo-selector .yotpo-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 200px;
}

@media (max-width: 991px) {
  #yotpo-selector .yotpo-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: initial;
    width: 45%;
  }
}

@media (max-width: 575px) {
  #yotpo-selector .yotpo-header {
    width: 40%;
  }
}

#yotpo-selector .yotpo-icon-profile.yotpo-header-element {
  min-height: 110px;
  min-width: 110px;
  border-radius: 6px;
  margin-right: 22px;
}

@media (max-width: 991px) {
  #yotpo-selector .yotpo-icon-profile.yotpo-header-element {
    margin-right: 0;
  }
}

#yotpo-selector .yotpo-icon.yotpo-icon-circle-checkmark.yotpo-action-hover,
#yotpo-selector .yotpo-user-letter {
  display: none;
}

#yotpo-selector .yotpo-review-wrapper {
  margin-top: 7px;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

#yotpo-selector .yotpo-review-wrapper .content-review {
  color: #0f171a;
}

#yotpo-selector .yotpo-review-stars {
  min-width: 85px;
  margin-right: 10px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

#yotpo-selector .yotpo-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  margin-top: 15px;
  margin-left: 335px;
}

@media (max-width: 991px) {
  #yotpo-selector .yotpo-footer {
    margin-left: auto;
    width: 53%;
  }
}

@media (max-width: 575px) {
  #yotpo-selector .yotpo-footer {
    width: 57%;
  }
}

#yotpo-selector .yotpo-footer .footer-actions {
  display: none;
}

#yotpo-selector .yotpo .yotpo-icon-thumbs-up:before {
  content: url(https://cdn.shopify.com/s/files/1/0538/8160/2223/files/thumbs-up.svg?v=1619469417);
}

/* styles for promo-bar */
#yotpo-selector .write-review-button,
.promo-bar {
  display: none;
}

.promo-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2000;
}

.has-promo-bar .promo-bar {
  display: block;
}

.promo-bar__container {
  background-color: #0f171a;
  width: 100%;
  text-align: center;
  padding-left: 2.5rem;
  padding-right: 5rem;
}

@media (max-width: 399px) {
  .promo-bar__container {
    padding: 0;
  }
}

.promo-bar__content {
  color: #fff;
  margin: 0;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 45px;
  padding: 1rem 7rem;
}

@media (max-width: 767px) {
  .promo-bar__content {
    padding: 1rem 0;
  }
}

.promo-bar__text {
  margin-bottom: 0;
}

.promo-bar__link {
  color: #fff;
}

.promo-bar__link,
.promo-bar__link .promo-bar__svg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.promo-bar__link .promo-bar__svg {
  margin-left: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .promo-bar__link .promo-bar__svg {
    display: none;
  }
}

.promo-bar__close {
  position: absolute;
  top: 50%;
  right: 50px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  width: 10px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .promo-bar__close {
    right: 2.5rem;
  }
}

@media (max-width: 399px) {
  .promo-bar__close {
    display: none;
  }
}

/* styles for quiz */
.quiz {
  display: none;
  height: 100%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.quiz__close {
  display: inline-block;
  width: 100%;
  padding: 25px 95px 9px;
}

@media (max-width: 767px) {
  .quiz__close {
    padding: 17px 20px 9px;
  }
}

.quiz__close-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #1d1d1b;
}

.quiz__close-button:hover {
  cursor: pointer;
}

.quiz__close-text {
  margin-right: 11px;
}

.quiz__svg-close {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px) {
  .quiz__wrapper {
    margin: 0 auto 80px;
    min-width: 620px;
    width: 47%;
  }
}

.quiz__question {
  text-align: center;
  margin-top: 30px;
}

.quiz__response {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
  text-align: center;
}

.quiz__card-grid {
  margin-top: 20px;
}

.quiz__response-text {
  padding: 5px;
  border: 1px solid transparent;
}

.quiz__response-text.active,
.quiz__response-text:hover {
  background-color: var(--maroon);
  color: #fff;
  border: 1px solid #000;
  border-image-slice: 3;
  border-image-width: 15px;
  border-image-outset: 5px;
  border-image-repeat: round round;
  border-image-source: url(https://cdn.shopify.com/s/files/1/0538/8160/2223/files/Testimonial-Card-Border.svg?v=1614969275);
}

.quiz__button {
  margin: 0 40px 0 auto;
}

@media (max-width: 1199px) {
  .quiz__button {
    margin: 60px auto 40px;
  }
}

.quiz__progress-gray {
  height: 2px;
  width: 205px;
  background-color: #f1f1f1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin: 30px auto;
}

@media (max-width: 767px) {
  .quiz__progress-gray {
    margin: 14px auto;
  }
}

.quiz__progress-bar {
  height: 100%;
  position: absolute;
}

.quiz__progress-bar.active {
  width: 50%;
  background: var(--maroon);
}

.quiz__progress-bar.complete {
  width: 100%;
}

.quiz__progress-node {
  height: 10px;
  width: 10px;
  background-color: #f1f1f1;
  border-radius: 50%;
  display: inline-block;
}

.quiz__progress-node.active,
.quiz__progress-node:first-child {
  background-color: var(--maroon);
}

/* styles for the quiz-card module go in this file */
.quiz-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  padding: 0 8px 12px;
  width: 129px;
  height: 129px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.quiz-card.active,
.quiz-card:hover {
  background-color: var(--maroon);
}

.quiz-card:hover {
  cursor: pointer;
}

.quiz-card__image-container {
  width: 95%;
  height: 100%;
}

.quiz-card__image-container,
.quiz-card__text-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.quiz-card__text {
  color: #1d1d1b;
  margin: 0 auto;
  z-index: 1;
}

.active .quiz-card__text {
  color: #fff;
}

.quiz-card__banner {
  position: absolute;
  left: -17px;
  top: -3px;
}

/* styles for the quiz-result module go in this file */
.quiz-result {
  margin-top: 50px;
}

@media (max-width: 767px) {
  .quiz-result {
    padding: 25px 20px;
    margin-top: 22px;
  }
}

.quiz-result__wrapper {
  width: 71.5rem;
  border: 1px solid rgba(15, 23, 26, 0.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  border-radius: 6px;
  padding: 25px 60px 60px 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .quiz-result__wrapper {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 10px;
  }
}

.quiz-result__product-image-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 85%;
  margin: 5px 0 0 15px;
}

.quiz-result__product-image-container:after {
  content: "";
  padding-top: 100%;
  position: relative;
  display: block;
}

@media (max-width: 767px) {
  .quiz-result__product-image-container:after {
    padding-top: 110%;
  }
}

@media (max-width: 767px) {
  .quiz-result__product-image-container {
    width: 65%;
    margin: 10px auto;
  }
}

.quiz-result__subcontainer {
  width: 100%;
}

.quiz-result__subcontainer-button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .quiz-result__subcontainer-button-container .button {
    min-width: 150px;
    margin: 2.5px;
  }
}

@media (max-width: 767px) {
  .quiz-result__subcontainer-button-container {
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin-top: 20px;
  }
}

.product-listing-info.quiz-result__product-listing-info {
  padding: 43px 5px 37px;
  width: 100%;
}

@media (max-width: 767px) {
  .product-listing-info.quiz-result__product-listing-info {
    padding: 15px 10px 0;
  }
}

.quiz-result__product-listing-info .product-listing-info__product-details-link,
.quiz-result__product-listing-info .product-listing-info__separator,
.quiz-result__product-listing-info .product-listing-info__variant-size-title {
  display: none;
}

.quiz-result__reset {
  margin: 48px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .quiz-result__reset {
    margin: 0 auto 25px;
  }
}

/* styles for quote */
.quote__sub-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 20px;
}

/* styles for the recipe-card module go in this file */
@media (max-width: 767px) {
  .carousel .recipe-card,
  .search-results-tabs .recipe-card {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .search-results-tabs .recipe-card__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}

.recipe-card__image-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
}

.recipe-card__image-container:after {
  content: "";
  padding-top: 68%;
  position: relative;
  display: block;
}

.recipe-card__image-container .image__img {
  border-radius: 6px;
}

.search-results-tabs__grid .recipe-card__image-container {
  width: 77%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .search-results-tabs__grid .recipe-card__image-container {
    width: 38%;
  }
}

@media (max-width: 991px) {
  .blog__recipe-template--grid .recipe-card__image-container {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .carousel--article-recipe .recipe-card__image-container {
    max-width: 280px;
    margin: 0 auto;
  }
}

.recipe-card__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 2.6rem;
  overflow: hidden;
}

.carousel .recipe-card__title,
.search-results-tabs .recipe-card__title {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .carousel .recipe-card__title,
  .search-results-tabs .recipe-card__title {
    margin: 20px auto auto;
    width: 50%;
  }
  .carousel .recipe-card__title {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .search-results-tabs__grid .recipe-card__title {
    margin: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
  }
}

.blog__recipe-template--grid .recipe-card__title {
  margin-top: 7px;
}

.article__recipes-carousel-card .recipe-card__title {
  -webkit-box-pack: initial;
  -webkit-justify-content: initial;
  -ms-flex-pack: initial;
  justify-content: initial;
  margin-top: 20px;
}

@media (max-width: 767px) {
  .article__recipes-carousel-card .recipe-card__title {
    margin: 20px 0 0;
    width: 100%;
  }
}

.recipe-card__date {
  text-align: left;
  padding: 5px 0;
  opacity: 0.6;
}

@media (max-width: 767px) {
  .carousel--article-recipe .recipe-card__date {
    padding-top: 10px;
  }
}

.recipe-card__time-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.recipe-card__icon-container {
  position: relative;
}

.recipe-card__icon-container--time {
  width: 16px;
  height: 16px;
}

.recipe-card__icon-image-container {
  position: relative;
  height: 14px;
  width: 14px;
}

.recipe-card__time {
  margin-left: 5px;
}

/* styles for the recipe-content-header module go in this file */
@media (max-width: 991px) {
  .recipe-content-header {
    padding: 0 25px;
    margin-top: 14px;
  }
  section.recipe-content-header {
    display: block !important;
  }
}

.recipe-content-header__text {
  display: inline-block;
  margin: 65px 0 0 180px;
}

@media (max-width: 991px) {
  .recipe-content-header__text {
    margin: 30px 0 0;
  }
}

.recipe-content-header__filter-container {
  display: none;
}

@media (max-width: 991px) {
  .recipe-content-header__filter-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.recipe-content-header__subcontainer {
  margin-left: auto;
}

.recipe-content-header__filter-image,
.recipe-content-header__subcontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.recipe-content-header__filter-image:after {
  content: "";
  padding-top: 100%;
  width: 100%;
  position: relative;
  display: block;
}

@media (min-width: 992px) {
  .recipe-content-header__filter-image {
    display: none;
  }
}

.recipe-content-header__filter-text {
  padding-left: 10px;
}

/* styles for the recipe-filter module go in this file */
.recipe-filter__wrapper {
  padding: 20px 30px;
  background: #f7f4f1;
  min-height: 570px;
  width: 325px;
  margin: 50px 0 0 80px;
  top: 0;
  border: 1px solid #000;
  background: #0f171a;
  color: #fff;
}

@media (max-width: 1199px) {
  .recipe-filter__wrapper {
    margin-left: 50px;
  }
}

@media (max-width: 991px) {
  .recipe-filter__wrapper {
    display: none;
    margin: 0;
    width: 100%;
    border: none;
  }

  .recipe-filter__wrapper.active {
    display: block;
    position: fixed;
    padding: 32px 20px;
    top: 112px;
    overflow-y: auto;
    z-index: 2147483647;
    height: calc(100vh - 67px);
  }

  .recipe-filter__wrapper.has-promo-bar {
    top: 112px;
  }
}

.recipe-filter__header-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.recipe-filter__header {
  margin-bottom: 20px;
  font-size: 2.2rem;
  font-weight: 600;
}

@media (min-width: 992px) {
  .recipe-filter__close {
    display: none;
  }
}

.recipe-filter__type {
  margin-top: 15px;
}

@media (max-width: 991px) {
  .recipe-filter__type--category {
    margin: 2px 0 0 10px;
  }
}

@media (max-width: 991px) {
  .recipe-filter__type--product {
    
  }
}

@media (max-width: 991px) {
  .recipe-filter__close svg,
  .recipe-filter__close path {
    fill: white !important;
    stroke: white !important;
    color: white !important;
  }
  .recipe-filter__close {
    margin-right: 10px;
    color: white !important;
  }
  .recipe-filter__wrapper.active {
  background: #0f171a; /* good dark background */
  }
}

.recipe-filter__grid {
  margin-top: 10px;
}

/* styles for recipe-filter-label */
.recipe-filter-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

@media (max-width: 991px) {
  .recipe-filter-label {
    margin-right: 32px;
  }
}

.recipe-filter-label__label {
  z-index: -1;
  text-transform: capitalize;
}

/* styles for recipe-filter-wrapper */
.recipe-filter-wrapper {
  position: relative;
}

@media (min-width: 992px) {
  .recipe-filter-wrapper {
    padding-bottom: 50px;
    margin-top: -30px;
  }
}

.recipe-filter-wrapper__count {
  position: absolute;
  left: 0;
  margin-left: 180px;
}

@media (max-width: 991px) {
  .recipe-filter-wrapper__count {
    margin-left: 0;
    position: relative;
    top: 60px;
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: 400;
    font-family: Poppins, sans-serif;
  }
  .recipe-filter-wrapper__count, .recipe-filter-wrapper__count-mobile {
    display: none;
  }

  .recipe-filter-wrapper__count.recipe-card__date {
    undefinedcolor: #1d1d1b;
  }

  .recipe-filter-wrapper__count.icon-filter-card__title {
    undefinedfont-size: 1rem;
    undefinedline-height: 1.1rem;
    undefinedcolor: #1d1d1b;
    undefinedtext-transform: capitalize;
    undefinedtext-align: center;
  }

  .recipe-filter-wrapper__count.how-its-made__copy {
    undefinedcolor: #0f171a;
  }

  .recipe-filter-wrapper__count.navigation__menu-item-link {
    undefinedtext-transform: uppercase;
  }

  .recipe-filter-wrapper__count.testimonial-card__quote {
    undefinedline-height: 2.1rem;
  }
}

/* styles for the recipe-hero module go in this file */
.recipe-hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

@media (min-width: 992px) {
  .recipe-hero {
    height: 40vw;
    min-height: 750px;
    max-height: 1000px;
  }
}

@media (max-width: 991px) {
  .recipe-hero {
    top: 67px;
    min-height: 850px;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

@media (max-width: 767px) {
  .recipe-hero {
    min-height: 725px;
    height: 89vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.recipe-hero__illustration {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 17%;
  bottom: 27%;
  left: 32%;
}

.recipe-hero__illustration:after {
  content: "";
  padding-top: 100%;
  width: 100%;
  position: relative;
  display: block;
}

@media (max-width: 991px) {
  .recipe-hero__illustration {
    width: 30%;
    bottom: 20%;
    left: 10%;
  }
}

@media (max-width: 767px) {
  .recipe-hero__illustration {
    width: 38%;
    bottom: 24%;
    left: 4%;
  }
}

.recipe-hero__subcontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

@media (min-width: 992px) {
  .recipe-hero__subcontainer {
    -webkit-box-flex: 1.05;
    -webkit-flex: 1.05;
    -ms-flex: 1.05;
    flex: 1.05;
    border: 1px solid #000;
    border-image-slice: 0 42 0;
    border-image-width: 0 42px 0;
    border-image-outset: 7px;
    border-image-repeat: round round;
    border-image-source: url(https://cdn.shopify.com/s/files/1/0538/8160/2223/files/white-border.svg?v=1616620624);
  }
}

@media (max-width: 991px) {
  .recipe-hero__subcontainer {
    width: 100%;
    border: 1px solid #000;
    border-image-slice: 42 0 0;
    border-image-width: 42px 0 0;
    border-image-outset: 7px;
    border-image-repeat: round round;
    border-image-source: url(https://cdn.shopify.com/s/files/1/0538/8160/2223/files/white-border.svg?v=1616620624);
  }
}

.recipe-hero__recipe-info-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 30px;
  max-width: 770px;
  min-width: 575px;
  min-height: 290px;
}

@media (max-width: 991px) {
  .recipe-hero__recipe-info-wrapper {
    margin: 88px 0 35px;
    max-width: 450px;
    min-width: 575px;
  }
}

@media (max-width: 767px) {
  .recipe-hero__recipe-info-wrapper {
    margin: 35px 0 25px;
    width: 100%;
    min-width: initial;
    max-width: initial;
  }
}

.recipe-hero__recipe-info-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #b1332a;
  height: auto;
  padding: 10px 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: -1px;
  border: 1px solid #b1332a;
  border-image-slice: 5;
  border-image-width: 4px;
  border-image-outset: 3px;
  border-image-repeat: round round;
  /* border-image-source: url(https://cdn.shopify.com/s/files/1/0538/8160/2223/files/border-rectangle.svg?v=1621521415);*/
}

@media (min-width: 992px) {
  .recipe-hero__recipe-info-container {
    min-width: 252px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: -10px;
  }
}
.recipe-hero__recipe-info {
  width: 100%;
}
@media (max-width: 991px) {
  .recipe-hero__recipe-info-container {
    width: 100%;
    height: 70px;
  }
}

.recipe-hero__recipe-info-list {
  list-style: none;
}

@media (min-width: 1440px) {
  .recipe-hero__recipe-info-list {
    padding-left: 65px;
    padding-right: 25px;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .recipe-hero__recipe-info-list {
    padding-left: 50px;
  }
}

@media (max-width: 767px) {
  .recipe-hero__recipe-info-list {
    padding-left: 20px;
  }
}

.recipe-hero__recipe-info-list-item {
  color: #fff;
}

.recipe-hero__recipe-info-images-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 45px;
  margin-left: -125px;
  -webkit-box-flex: 1.6;
  -webkit-flex: 1.6;
  -ms-flex: 1.6;
  flex: 1.6;
}

@media (max-width: 991px) {
  .recipe-hero__recipe-info-images-wrapper {
    padding: 0;
    margin-left: -50px;
  }
}

@media (max-width: 767px) {
  .recipe-hero__recipe-info-images-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 5px 0 -75px;
  }
}

/* @media (max-width: 399px) {
  .recipe-hero__recipe-info-images-wrapper {
    margin-left: -50px;
  }
} */

.recipe-hero__recipe-info-image-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 65%;
  min-width: 145px;
  height: 100%;
  margin-left: 2px;
  margin-top: 50px;
}

.recipe-hero__recipe-info-image-container:after {
  content: "";
  padding-top: 115%;
  position: relative;
  display: block;
}

@media (max-width: 991px) {
  .recipe-hero__recipe-info-image-container {
    width: 100%;
    margin-top: 0px;
    /* margin-left: -10px; */
    /* margin:0 -35px; */
  }

  .recipe-hero__recipe-info-image-container:after {
    padding-top: 100%;
  }

  .recipe-hero__recipe-info-image-container:not(:nth-child(-n + 2)) {
    display: none;
  }
}

@media (max-width: 767px) {
  .recipe-hero__recipe-info-image-container {
  }
}

.recipe-hero__recipe-info-image-container.small {
  margin: 0 -30px;
}

@media (max-width: 991px) {
  .recipe-hero__recipe-info-image-container.small {
    margin: 0 -55px;
  }
}

@media (max-width: 767px) {
  .recipe-hero__recipe-info-image-container.small {
    margin: 0 -35px;
  }
}

.recipe-hero__hero-copy-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 110px 0 0 110px;
  width: 70%;
  text-align: left;
}

@media (max-width: 991px) {
  .recipe-hero__hero-copy-container {
    text-align: center;
    margin: 11px 0 0;
    width: 100%;
    padding: 0 30px;
  }
}

.recipe-hero__header {
  margin-top: 75px;
}

@media (max-width: 991px) {
  .recipe-hero__header {
    margin-top: 35px;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .recipe-hero__header {
    margin-top: 20px;
  }
}

.recipe-hero__copy {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .recipe-hero__copy {
    margin-top: 18px;
  }
}

.recipe-hero__image-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: -1;
}

.recipe-hero__image-container:after {
  content: "";
  padding-top: 100%;
  width: 100%;
  position: relative;
  display: block;
}

@media (min-width: 992px) {
  .recipe-hero__image-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.recipe-hero__image-container {
  /*@media (--lg-max) {
    height: 40%;
  }*/
}

@media (max-width: 767px) {
  .recipe-hero__image-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  .recipe-hero__image-container:after {
    padding-top: 100%;
  }
}

/* styles for the recipe-ingredients module go in this file */
.recipe-ingredients {
  background: #f7f4f1;
  position: relative;
}

@media (min-width: 992px) {
  .recipe-ingredients {
    min-height: 475px;
    padding-bottom: 75px;
  }
}

.recipe-ingredients__title-copy {
  padding: 110px 0 0 110px;
}

.recipe-ingredients__recipe-list-wrapper {
  height: 100%;
  width: 69%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 50px auto 0;
  position: relative;
}

@media (min-width: 992px) {
  .recipe-ingredients__recipe-list-wrapper {
    min-width: 990px;
  }
}

@media (max-width: 991px) {
  .recipe-ingredients__recipe-list-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 30px;
    width: 50%;
  }

  .recipe-ingredients__recipe-list-wrapper:after {
    display: none;
  }
}

.recipe-ingredients__recipe-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 991px) {
  .recipe-ingredients__recipe-list--first-list 
  .recipe-ingredients__recipe-list--firs-list{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (min-width: 992px) {
  .recipe-ingredients__recipe-list--second-list:before {
    content: "";
    /* position: absolute;
    right: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1px;
    background-color: #1d1d1b;
    display: block;
    height: 100%; */
  }
}

@media (max-width: 991px) {
  .recipe-ingredients__recipe-list--second-list:before {
    content: "";
    /* position: relative;
    bottom: 50%;
    background-color: #1d1d1b;
    height: 1px;
    width: 100%;
    margin: 20px 0 35px; */
  }
}

@media (max-width: 991px) {
  .recipe-ingredients__recipe-list {
    width: 80%;
  }
}

.recipe-ingredients__recipe-list-header {
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  .recipe-ingredients__recipe-list-header {
    margin-left: -15px;
  }
}

.recipe-ingredients__recipe-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}

.recipe-ingredients__checkbox {
  margin-right: 20px;
}

@media screen and (min-width: 992px) {
  .recipe-ingredients__recipe-list {
    padding: 0 50px;
    width: 50%;
  }
}

.cls-1 {
  fill: #c74928;
  stroke: #c74928;
}

span.recipe-ingredients__recipe-list-header.h4 {
  font-size: 2.2rem;
  font-weight: bold;
}

/* styles for the referral module go in this file */
@media (min-width: 992px) {
  .referral {
    margin: 30px 0 60px;
  }
}

.friendbuy-eKa-tN9 {
  position: relative;
  width: 630px;
  top: -25px;
}

@media (max-width: 991px) {
  .friendbuy-eKa-tN9 {
    width: initial;
    top: 25px;
    margin: 75px 0;
  }
}

@media (max-width: 767px) {
  .friendbuy-eKa-tN9 {
    margin: 120px 0;
  }
}

/* styles for the search-results-tabs module go in this file */
.search-results-tabs {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 40px;
}

.search-results-tabs__header {
  text-align: center;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .search-results-tabs__header {
    display: none;
  }
}

.search-results-tabs__tabs-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  max-width: 1366px;
  padding: 0 25px;
  margin-right: auto;
  padding-left: 110px;
}

@media (max-width: 991px) {
  .search-results-tabs__tabs-container {
    margin-right: 0;
    padding: 0 80px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

.search-results-tabs__tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  cursor: pointer;
  width: 50%;
  border-radius: 6px;
  text-align: center;
}

@media (max-width: 991px) {
  .search-results-tabs__tab {
    padding: 0;
  }
}

.search-results-tabs__content {
  margin: 45px 0 85px;
  display: none;
}

.search-results-tabs__content.active {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.search-results-tabs__no-results {
  margin: 0 auto;
}

.search-results-tabs__grid {
  height: 100%;
  width: 100%;
}

@media (min-width: 1200px) {
  .search-results-tabs__grid {
    padding: 0 200px;
  }
}

.search-results-tabs__product-card {
  margin: 0;
}

@media (max-width: 767px) {
  .search-results-tabs__product-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.search-results-tabs__button {
  position: relative;
}

.search-results-tabs__button path {
  fill: none;
}

.search-results-tabs__button.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.search-results-tabs__button.active path {
  fill: #ee1c25;
}

.search-results-tabs__button-text {
  position: absolute;
  z-index: 9999;
  margin-bottom: 5px;
}

.search-results-tabs__button-text.active {
  color: #fff;
}

/* styles for the selling-propositions module go in this file */
.selling-propositions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background: #f7f4f1;
}

@media (min-width: 768px) {
  .selling-propositions {
    width: 100%;
    margin: 0 auto;
  }
}

@media (max-width: 991px) {
  .selling-propositions {
    padding: 50px 0 40px;
  }
}

.selling-propositions__hero-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding-bottom: 2rem;
  position: relative;
}

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

.selling-propositions__copy-cards-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

@media (min-width: 992px) {
  .selling-propositions__copy-cards-container {
    padding-bottom: 100px;
    margin-top: 35px;
  }
}

@media (max-width: 991px) {
  .selling-propositions__copy-cards-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 25px;
  }
}

.selling-propositions__copy-cards-subcontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

@media (min-width: 992px) {
  .selling-propositions__copy-cards-subcontainer {
    width: 51%;
  }
}

@media (min-width: 1200px) {
  .selling-propositions__copy-cards-subcontainer {
    margin-left: 40px;
  }
}

@media (min-width: 992px) {
  .selling-propositions__copy-cards-subcontainer--column {
    width: 47%;
  }
}

.selling-propositions__background {
  z-index: -1;
}

.selling-propositions__copy-cards-container .h1 {
  font-size: 3.5rem !important;
  line-height: 1.1;
  text-transform: initial;
}

/* styles for the sign-up-sign-in module go in this file */
.sign-up-sign-in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 140px 195px;
  background: #fff;
  padding: 0;
}

@media (max-width: 1199px) {
  .sign-up-sign-in {
    margin: 140px 160px;
  }
}

@media (max-width: 991px) {
  .sign-up-sign-in {
    margin: 140px 75px;
  }
}

@media (max-width: 767px) {
  .sign-up-sign-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 100px 0 75px;
  }
}

.sign-up-sign-in__form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media (max-width: 767px) {
  .sign-up-sign-in__form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.sign-up-sign-in__form--create-account,
.sign-up-sign-in__form--login {
  position: relative;
}

.sign-up-sign-in__form--reset {
  width: 100%;
  display: none;
}

.sign-up-sign-in__form--reset:after {
  display: none;
}

.sign-up-sign-in__form--reset.active {
  display: block;
}

.sign-up-sign-in__form--reset .back-header {
  position: absolute;
  top: 11.5%;
  left: 0;
}

@media (max-width: 767px) {
  .sign-up-sign-in__form--reset .back-header {
    top: 8%;
    left: 0;
  }
}

.sign-up-sign-in__form.hide {
  display: none;
}

.sign-up-sign-in__form:after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1px;
  background-color: #0f171a;
  display: block;
  height: 100%;
}

@media (max-width: 767px) {
  .sign-up-sign-in__form:after {
    display: none;
  }
}

/* styles for social-icons */
.social-icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 25px !important;
}

@media (max-width: 767px) {
  .social-icons {
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    margin-top: 20px;
  }
}

.social-icons__icon {
  height: 24px;
  color: #0f171a;
}

@media (max-width: 767px) {
  .social-icons__icon {
    height: 100%;
  }
}

.social-icons {
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 5px;
}

.social-icons__icon {
  height: 24px;
  color: #0f171a;
}

.social-icons__icon--facebook,
.social-icons__icon--instagram {
  width: 24px;
}

@media (max-width: 767px) {
  .social-icons__icon--facebook {
    height: 24px;
  }
}

@media (max-width: 767px) {
  .social-icons__icon--instagram {
    width: 17px;
    height: 17px;
    margin-top: 5px;
  }

  .footercta {
    display: none;
  }
}

@media (max-width: 767px) {
  .social-icons__icon--youtube {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 767px) {
  .social-icons__icon--twitter {
    height: 19px;
  }
}

.social-icons__link:not(:last-of-type) {
  margin-right: 10px;
}

/* styles for the social-share module go in this file */
/* styles for the store-locator module go in this file */
/* styles for styleguide */
.styleguide {
  padding: 20px 0;
}

.primary-color-swatches {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.primary-color-swatches .swatch {
  height: 10rem;
  width: 10rem;
  margin-right: 2rem;
  margin-bottom: 2rem;
  position: relative;
}

.primary-color-swatches .swatch:after {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  font-size: 15px;
}

.primary-color-swatches .swatch:first-of-type {
  background-color: #e20613;
}

.primary-color-swatches .swatch:first-of-type::after {
  content: "--bright-red";
}

.primary-color-swatches .swatch:nth-of-type(2) {
  background-color: #0f171a;
}

.primary-color-swatches .swatch:nth-of-type(2):after {
  content: "--black";
}

.secondary-color-swatches {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.secondary-color-swatches .swatch {
  height: 10rem;
  width: 10rem;
  margin-right: 2rem;
  margin-bottom: 2rem;
  position: relative;
}

.secondary-color-swatches .swatch:after {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  font-size: 15px;
}

.secondary-color-swatches .swatch:first-of-type {
  background-color: #b1332a;
}

.secondary-color-swatches .swatch:first-of-type::after {
  content: "--dark-red";
}

.secondary-color-swatches .swatch:nth-of-type(2) {
  background-color: #f7f4f1;
}

.secondary-color-swatches .swatch:nth-of-type(2):after {
  content: "--light-beige";
}

.style-guide-accordion-btns,
.style-guide-arrows {
  width: 60px;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.style-guide-accordion-btns,
.style-guide-arrows,
.style-guide_iconography {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
}

.style-guide_iconography {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 200px;
}

.style-guide_iconography p {
  margin-top: 15px;
}

.style-guide__illustrations {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.style-guide__illustrations-item {
  margin: 10px;
}

.style-guide__photos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  margin: 0 auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.style-guide__photos div {
  padding: 15px;
}

.style-guide__subcontainer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.style-guide__photo-container,
.style-guide__subcontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.style-guide__photo-container {
  margin-top: 15px;
  position: relative;
}

.style-guide__photo-container:after {
  content: "";
  padding-top: 110%;
  width: 100%;
  position: relative;
  display: block;
}

@media (max-width: 991px) {
  .style-guide__photo-container {
    width: 100%;
  }

  .style-guide__photo-container:after {
    padding-top: 70%;
  }
}

/* styles for svg */
.testimonials-feature .svg--arrow-left,
.testimonials-feature .svg--arrow-right {
  height: 22px;
}

@media (max-width: 767px) {
  .testimonials-feature .svg--arrow-left svg,
  .testimonials-feature .svg--arrow-right svg {
    margin-right: 5px;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    padding: 6px 0 0 11px;
    background: #fff;
    color: #0f171a;
    text-align: center;
    font: 32px Arial, sans-serif;
  }
}

@media (max-width: 767px) {
  .svg--arrow-left {
    margin-top: 5px;
  }
}

.svg--button-jagged {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.svg--close path {
  fill: #000;
}

.svg--close.product-modal__close-btn svg {
  height: 25px;
  width: 25px;
}

.svg--close.grid-address__close-btn {
  display: inline-block;
  position: absolute;
  right: 93px;
  top: 26px;
}

.svg--close.grid-address__close-btn svg {
  height: 27px;
  width: 28px;
}

.svg--close.hidden {
  display: none;
  visibility: hidden;
}

.recipe-filter-label .svg--close {
  z-index: -1;
  margin-left: 6px;
}

.recipe-filter-label .svg--close svg {
  height: 10px;
}

.recipe-filter-label .svg--close svg path {
  fill: #e20613;
}

.recipe-filter__header-container .svg--close svg {
  width: 25px;
  height: 25px;
}

.carousel .svg {
  height: 22px;
}

.promo-bar .svg path {
  fill: #fff;
}

.product-add-to-cart-tabs .svg path {
  fill: #ee1c25;
}

.product-modal__close-btn .svg svg {
  height: 25px;
  width: 25px;
}

.product-modal__close-btn .svg path {
  fill: #1d1d1b;
}

.plp-filter .svg svg,
.post-filter-bar__filter .svg svg {
  height: 11px;
  width: 16px;
}

@media (min-width: 992px) {
  .plp-filter .svg svg,
  .post-filter-bar__filter .svg svg {
    width: 11px;
  }
}

.plp-filter .svg path,
.post-filter-bar__filter .svg path {
  fill: #ee1c25;
}

.navigation__accordion:hover .svg .chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* styles for the testimonial-card module go in this file */
.testimonial-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  background: #b1332a;
  color: #fff;
  text-align: left;
  padding: 40px;
}

.testimonial-card.swiper-slide {
  width: 80%;
}

@media (max-width: 991px) {
  .testimonial-card {
    height: 500px;
    padding: 40px 40px 0px;
  }
}

.testimonial-card__image-container {
  position: relative;
  min-height: 110px;
  width: 110px;
}

@media (max-width: 767px) {
  .testimonial-card__image-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 115px;
    width: 115px;
  }
}

.testimonial-card__name-title {
  margin-top: 5px;
}

@media (max-width: 991px) {
  .testimonial-card__name-title {
    margin-top: 5px;
  }
}

.testimonial-card__quotation-mark {
  position: absolute;
  top: 215px;
  left: 20px;
  font-family: "Braisetto";
  font-size: 8rem;
  font-weight: bold;
}

.testimonial-card__back-quotation-mark {
  font-family: "Braisetto";
  font-size: 8rem;
  font-weight: bold;
  padding-top: 16px;
  text-align: right;
}

@media (max-width: 991px) {
  .testimonial-card__quotation-mark {
    top: 210px;
    left: 25px;
  }
}

.testimonial-card__quote {
  overflow: auto;
  position: relative;
  margin-top: 35px;
}

@media (max-width: 767px) {
  .testimonial-card__quote {
    top: 0;
  }
}

/* styles for the testimonials-feature module go in this file */
.testimonials-feature {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  background: #f7f4f1;
}

@media (min-width: 992px) {
  .testimonials-feature {
    padding-bottom: 100px;
  }
}

.testimonials-feature__header {
  margin-top: 10px;
  text-align: center;
}

.testimonials-feature__copy {
  margin: 14px 0;
  text-align: center;
  width: 65%;
}

@media (max-width: 991px) {
  .testimonials-feature__copy {
    margin: 20px 0 35px;
    width: 100%;
    padding: 0 80px;
  }
}

@media (max-width: 767px) {
  .testimonials-feature__copy {
    padding: 0 25px;
  }
}

.testimonials-feature__testimonial-cards-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 45px;
}

@media (max-width: 1199px) {
  .title-copy-hero--our-story .title-copy {
    padding: 85px 0;
  }
}

@media (max-width: 991px) {
  .testimonials-feature__testimonial-cards-container {
    margin: 0 0 60px;
  }
}

/* styles for the title-copy module go in this file */
@media (min-width: 992px) {
  .title-copy--pdp {
    text-align: left;
    padding-left: 7rem;
    padding-right: 7rem;
    padding-top: 8rem;
  }
  .title-copy.wysiwyg--recipe-instructions-left {
    padding-top: 25px;
  }
  .title-copy.blog__events-title-copy {
    padding-top: 11.5rem;
  }
  .contact-section .title-copy {
    padding-top: 0;
  }

  .selling-propositions .title-copy {
    padding-top: 95px;
  }
  

}

.featured-products .title-copy {
  text-align: center;
  position: relative;
}

@media (min-width: 992px) {
  .featured-products .title-copy,
  .testimonials-feature .title-copy {
    padding-top: 95px;
  }
}

@media (max-width: 991px) {
  .testimonials-feature .title-copy {
    margin-top: 40px;
  }
}

.image-copy-illustration-card-container .title-copy {
  margin-bottom: 65px;
}

@media (max-width: 991px) {
  .article__events .title-copy {
    padding-top: 1.5rem;
  }
}

.title-copy--article-blog,
.title-copy--page {
  max-width: 1250px;
  margin: 0 auto;
  padding-top: 0;
}

@media (max-width: 767px) {
  .wysiwyg--blog-article .title-copy--article-blog {
    padding: 0 5px;
  }
  span.title-script {
    font-family: Braisetto;
    font-size: 4rem;
    line-height: 0;
    color: #d2d2d1;
    display: block;
    margin-right: -3rem;
    position: relative;
    margin-bottom: 2rem;
    text-transform: initial;
    font-weight: bold;
    margin-top: 5px;

  }
}

@media (max-width: 767px) {
  .title-copy--page {
    margin-top: 20px;
  }
}

.quiz .title-copy {
  padding-top: 4.5rem;
}

@media (max-width: 767px) {
  .quiz .title-copy {
    padding-top: 1rem;
  }
}

@media (max-width: 991px) {
  .faq-filter .title-copy {
    padding-top: 0;
    margin-top: 35px;
  }
}

.title-copy.recipe-ingredients__title-copy {
  padding: 25px 0 0 7rem;
}

@media (max-width: 991px) {
  .title-copy.recipe-ingredients__title-copy {
    padding: 35px 0 0;
    text-align: center;
  }
  .title-copy-hero--our-story .title-copy {
    padding: 45px 0;
  }
}



.title-copy-cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  text-align: left;
  background: inherit;
  padding-left: 50px;
}

@media (max-width: 767px) {
  .title-copy-cta {
    width: 100vw;
    padding: 0 0 60px;
  }
}

@media (max-width: 767px) {
  .title-copy-cta__container {
    padding: 0 30px;
    text-align: center;
    width: 100%;
  }

  .card-cta__image-container.image {
    position: relative;
    height: 250px !important;
  }
}

.title-copy-header {
  margin-bottom: 20px;
}

.title-copy-header__text {
  margin-bottom: 30px;
}

.title-copy__title {
  color: #0f171a;
  padding-bottom: 25px;
  padding-top: 25px;
}

@media (max-width: 991px) {
  .blog__events-title-copy .title-copy__title,
  .title-copy--pdp .title-copy__title {
    text-align: center;
  }

  .blog__events-title-copy .title-copy__title {
    padding-top: 50px;
  }
}

@media (max-width: 767px) {
  .grid-address--title-copy .title-copy__title {
    width: 75%;
  }
}

.quiz .title-copy__title {
  text-align: center;
}

@media (max-width: 991px) {
  .faq-filter .title-copy__title {
    text-align: center;
  }
}

.title-copy-hero--how-its-made-2 .title-copy__title {
  color: #fff;
  text-transform: uppercase;
}

.testimonials-feature .title-copy__title {
  text-transform: uppercase;
}

.title-copy__description {
  margin: 30px auto 0;
  width: 65%;
}

@media (max-width: 1199px) {
  .title-copy__description {
    width: 75%;
  }
}

@media (max-width: 991px) {
  .title-copy__description {
    margin-top: 15px;
    width: 100%;
    padding: 0 5px;
  }
}

@media (max-width: 767px) {
  .title-copy__description {
    text-align: center;
    margin-bottom: 25px;
  }
}

.contact-section .title-copy__description {
  margin: 15px 0 0;
  width: 100%;
}

@media (max-width: 991px) {
  .contact-section .title-copy__description {
    text-align: left;
  }
}

.article__events .title-copy__description {
  margin: 30px 0 24px;
  width: 100%;
  padding: 0;
}

@media (max-width: 991px) {
  .article__events .title-copy__description {
    text-align: left;
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .wysiwyg--recipe-instructions-left .title-copy__description {
    text-align: left;
    padding-left: 30px;
  }
}

@media (max-width: 767px) {
  .wysiwyg--recipe-instructions .title-copy__description {
    width: 85%;
    margin: 0 auto;
  }
}

.faq-filter .title-copy__description {
  margin: 14px 0 0;
  width: 100%;
}

.search-results-tabs .title-copy__description {
  width: 100%;
  text-align: center;
}

.quiz .title-copy__description {
  text-align: center;
  margin-top: 15px;
}

@media (min-width: 992px) {
  .quiz .title-copy__description {
    width: 34%;
  }
}

.title-copy-hero--how-its-made-2 .title-copy__description {
  color: #fff;
}

/* styles for the title-copy-cta module go in this file */
.title-copy-cta__header {
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  .sign-up-sign-in .title-copy-cta__header {
    margin: 0;
  }
}

.title-copy-cta__header-text {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .title-copy-cta__button {
    margin: 0 auto;
  }
}

/* styles for the title-copy-hero module go in this file */
.title-copy-hero {
  position: relative;
  height: 22vw;
  background-color: #f7f4f1;
}

@media (min-width: 992px) {
  .title-copy-hero {
    min-height: 485px;
  }
}

@media (max-width: 991px) {
  .title-copy-hero {
    height: initial;
  }
}

@media (max-width: 767px) {
  .title-copy-hero {
    max-height: 510px;
  }
}

.title-copy-hero--large {
  height: 55vw;
  min-height: 790px;
  max-height: 1000px;
}

@media (max-width: 767px) {
  .title-copy-hero--large {
    min-height: 750px;
  }
}

.title-copy-hero--has-overlay:after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #f7f4f1;
  opacity: 0.7;
  position: absolute;
}

.title-copy-hero--how-its-made-2 {
  background-color: #0f171a;
}

@media (min-width: 992px) {
  .title-copy-hero--how-its-made-2 {
    min-height: 602px;
  }
}

@media (max-width: 991px) {
  .title-copy-hero--how-its-made-2 {
    padding: 45px 0 20px;
  }
}

.title-copy-hero__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  position: relative;
}

@media (max-width: 991px) {
  .title-copy-hero__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.title-copy-hero__title {
  text-align: center;
}

.title-copy-hero__description {
  margin-top: 30px;
  width: 65%;
}

@media (max-width: 1199px) {
  .title-copy-hero__description {
    width: 75%;
  }
}

@media (max-width: 991px) {
  .title-copy-hero__description {
    margin-top: 15px;
    width: 100%;
    padding: 0 5px;
  }
}

@media (max-width: 767px) {
  .title-copy-hero__description {
    text-align: center;
    margin-bottom: 25px;
  }
}

/* styles for ambient-video */
.video {
  /* note that the sizing of this module is intended to fill the sizing of it's parent element UNLESS the "player" class is used */
  background-color: #0f171a;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  -webkit-transition: background-color 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  -o-transition: background-color 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  transition: background-color 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  width: 100%;
}

.video.player {
  position: relative;
}

.video--has-overlay:after {
  content: "";
  background-color: #0f171a;
  opacity: 0.1;
  z-index: 300;
}

.video--has-overlay:after,
.video__el {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video__el {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  visibility: hidden;
  -o-object-fit: cover;
  object-fit: cover;
}

.no-fallback .video__el,
.video__el {
  display: block;
}

.is-loaded .video__el {
  opacity: 1;
  visibility: visible;
}

.video__el.hide {
  opacity: 0;
}

.pos-center .video__el {
  -o-object-fit: cover;
  object-fit: cover;
}

.pos-top .video__el {
  -o-object-position: top;
  object-position: top;
}

.pos-bottom .video__el {
  -o-object-position: bottom;
  object-position: bottom;
}

body.no-object-fit .video__el {
  width: auto;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.video__fallback {
  opacity: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  -o-transition: opacity 0.3s cubic-bezier(0.06, 0.305, 0, 1);
  transition: opacity 0.3s cubic-bezier(0.06, 0.305, 0, 1);
}

@media (max-width: 767px) {
  .video__fallback {
    display: none;
  }
}

.video__fallback--mobile {
  display: block;
}

@media (min-width: 768px) {
  .video__fallback--mobile {
    display: none;
  }
}

.video__fallback.active {
  opacity: 1;
}

.is-loaded .video__loader {
  opacity: 0;
  visibility: hidden;
}

.video__mute {
  position: absolute;
  bottom: 25px;
  right: 25px;
}

@media (min-width: 992px) {
  .video--sub-hero-bottom .video__mute {
    bottom: 90px;
  }
}

@media (min-width: 1240px) {
  .video--sub-hero-bottom .video__mute {
    bottom: 25px;
  }
}

.video__mute-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin: 0 0 0 auto;
  color: #fff;
  border: none;
}

.video__mute-button:focus,
.video__mute-button:hover {
  background: none;
}

.video__mute-button:focus {
  outline: 1px auto #0f171a;
}

.video__mute-icon {
  width: 25px;
  height: 23px;
}

.video__mute-icon--muted {
  height: 20px;
}

.video__mute-button--muted .video__mute-icon:not(.video__mute-icon--muted),
.video__mute-button:not(.video__mute-button--muted) .video__mute-icon--muted {
  display: none;
}

/* Overrides for video player */
.plyr--video {
  position: relative;
  z-index: 200; /* we might want to remove this to inherit sizing of parent container depending on how we use it */
}

.plyr--video:after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}

.plyr--full-ui input[type="range"] {
  color: var(--green);
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded="true"],
.plyr__control--overlaid {
  background: var(--green);
}

.plyr__control--overlaid {
  opacity: 0.75;
  z-index: 400;
  border-radius: 8px;
}

.plyr__control--overlaid:hover {
  opacity: 1;
}

.plyr--video,
.plyr__video-wrapper {
  background: transparent;
}

.plyr--video .plyr__controls {
  background: -webkit-linear-gradient(
    top,
    transparent 1%,
    transparent 6%,
    rgba(0, 0, 0, 0.65) 100%
  );
  z-index: 400;
}

/* styles for the what-we-do module go in this file */
/* styles for wysiwyg */
.wysiwyg__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1250px;
  margin: 0 auto;
  margin-top: 6.5rem;
  position: relative;
}

@media (max-width: 991px) {
  .wysiwyg__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1.5rem;
  }
}

@media (min-width: 992px) {
  .wysiwyg__wrapper--blog-article {
    padding-right: 0;
  }
}

@media (min-width: 992px) {
  .wysiwyg__wrapper--recipe-article {
    margin-bottom: 50px;
    margin-top: 1.5rem;
  }
}

.wysiwyg {
  max-width: 1024px;
}

.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6,
.wysiwyg p {
  margin-top: 0;
  margin-bottom: 15px;
}

.wysiwyg ol,
.wysiwyg ul {
  margin: 20px auto;
  padding: 0 7% 15px;
}

.wysiwyg--article ol {
  padding: 0;
}

.wysiwyg ol li {
  position: relative;
  padding: 10px 0 10px 50px;
  list-style: none;
  counter-increment: a;
  background-repeat: no-repeat;
  background-image: url(https://cdn.shopify.com/s/files/1/0538/8160/2223/files/list-circle.svg?v=1619023686);
  background-position: 5px 8px;
}

@media (max-width: 767px) {
  .wysiwyg ol li {
    padding: 8px 0 10px 40px;
  }
}

.wysiwyg ol li:before {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 8px;
  left: 5px;
  text-align: center;
  content: counter(a) " ";
  font-weight: 700;
  color: #ee1c25;
  width: 26px;
  height: 26px;
}

.wysiwyg--recipe-article li > img,
.wysiwyg--recipe-article p > img {
  min-width: 322px;
  margin: 25px 15px 15px auto;
}

@media (max-width: 767px) {
  .wysiwyg--recipe-article li > img,
  .wysiwyg--recipe-article p > img {
    min-width: initial;
    margin: 15px 15px 15px auto;
  }
}

.wysiwyg a {
  color: #ee1c25;
  text-decoration: none;
}

.wysiwyg a.breadcrumbs__link {
  color: #0f171a;
}

/**
    * Imported image styles from wordpress
    * @see https://codex.wordpress.org/Styling_Images_in_Posts_and_Pages*/
.wysiwyg img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

.wysiwyg img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

.wysiwyg img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wysiwyg a img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

.wysiwyg a img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

.wysiwyg a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wysiwyg form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 45px 0 0 -20px;
  max-width: 800px;
}

.wysiwyg form .wpcf7-list-item {
  margin-left: 0;
}

/*responsive images to not break the page content if the image is top wide*/
.wysiwyg img {
  max-width: 100%;
  height: auto;
  margin: 20px auto;
  
}

.wysiwyg li:not(:last-of-type) {
  margin-bottom: 15px;
}

.wysiwyg ol li:not(:last-of-type) {
  padding-bottom: 16px;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .wysiwyg ol li:not(:last-of-type) {
    padding-right: 5px;
    font-size: 13px;
  }
}

.wysiwyg--pad-bot {
  padding-bottom: 7rem;
}

.wysiwyg--blog-article {
  margin-top: 0;
}

@media (min-width: 992px) {
  .wysiwyg--blog-article {
    -webkit-box-flex: 1.55;
    -webkit-flex: 1.55;
    -ms-flex: 1.55;
    flex: 1.55;
  }
}

@media (max-width: 991px) {
  .wysiwyg--blog-article {
    width: 100%;
  }
}

.wysiwyg--margin-top {
  margin-top: 80px;
}

@media (max-width: 767px) {
  .wysiwyg--margin-top {
    margin-top: 50px;
  }
}

.wysiwyg--margin-bottom {
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .wysiwyg--margin-bottom {
    margin-bottom: 50px;
  }
}

.wysiwyg--page {
  margin-top: 25px;
}

@media (max-width: 767px) {
  .wysiwyg--page {
    margin-top: 0;
  }
}

.terms-container {
  margin: 100px auto;
}

/* styles for the affiliates module go in this file */
.our-affiliates {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  padding: 75px 110px 75px;
}

@media (max-width: 767px) {
  .our-affiliates {
    padding: 90px 40px 22px;
  }
}

p.our-affiliates__copy {
  max-width: 700px;
}

.school-card__image,
.partner-card__image {
  position: relative;
  margin: 0 auto;
  width: 75%;
}

.carousel.carousel--our_affiliates__schools,
.carousel.carousel--our_affiliates__partners {
  margin-top: 55px;
}

.school-card__image:after,
.partner-card__image:after {
  content: "";
  padding-top: 100%;
  position: relative;
  display: block;
}

.our_affiliates__schools,
.our_affiliates__partners {
  padding: 90px 110px;
}

@media (max-width: 767px) {
  .our_affiliates__schools,
  .our_affiliates__partners {
    padding: 40px 40px;
  }
  .carousel.carousel--our_affiliates__schools,
  .carousel.carousel--our_affiliates__partners {
    margin-top: 20px;
    margin-bottom: 35px;
  }
}

.our-affiliates .image:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(transparent 80%, #fff 100%);
  display: block;
  z-index: 1;
}

.our_affiliates__partners {
  background: #ffffff;
}

.our_affiliates__partners .title-copy__title {
  color: #000;
  text-align: center;
}

/* styles for the sustainability page go in this file */
section.hero-cta.hero-cta--sustainability {
  background: #f7f4f1;
}

.hero-cta--sustainability span.title-script.dark {
  color: #d2d2d1 !important;
}

@media screen and (min-width: 992px) {
  .hero--sustainability-secondary
    .image-title-copy-card__heading-copy-container,
  .hero--sustainability-secondary .image-title-copy-card__image-container {
    width: 50%;
  }

  .hero--sustainability-secondary
    .image-title-copy-card--row-reverse
    .image-title-copy-card__heading-copy-container {
    margin-left: 55px;
  }

  .hero--sustainability-secondary
    .image-title-copy-card--row
    .image-title-copy-card__heading-copy-container {
    margin-right: 55px;
    margin-left: 0;
  }
}

/* styles for the women in pizza page go in this file */
section.hero-cta.hero-cta--mission.hero-cta--padding-bottom {
  background: #fff;
}

.hero-cta--mission span.title-script.dark {
  color: #d2d2d1 !important;
}

.hero-cta--our-vision {
  background: #ffffff;
}

@media screen and (min-width: 992px) {
  .hero-cta__container--row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  section.hero-cta.hero-cta--mission.hero-cta--padding-bottom {
    height: 37vw;
    min-height: 600px;
  }
}

body#recharge-novum {
  margin-top: 0 !important;
}

.product-modal__content > div {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  padding-right: 4rem;
}

.product-modal__content > div > div {
  width: 50%;
}

.product-modal__content {
  display: flex;
  width: 100% !important;
  padding: 2rem;
  align-items: initial;
  justify-content: center;
  flex-wrap: wrap;
}

.product-modal__content > div.product-modal__newsletter {
  /* width: 100% !important; */
  margin: auto !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #f7f4f1;
  height: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.product-modal__content > div.product-modal__newsletter form {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px;
}

label.form-field__label {
  margin: 0;
}

.footer__newsletter-email-input {
  margin: 0;
  margin-left: 20px;
}

a.product-listing-info__product-details-link {
  margin-top: 10px !important;
  display: inline-block;
  margin-bottom: 10px;
  text-decoration: underline;
}

.product-card:not(.swiper-slide):not(.search-results-tabs__product-card)
  a.product-card__link {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}

a.product-card__modal-link.product-modal-btn {
  position: absolute;
  z-index: 1;
  background: #ee1c25;
  color: white;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 5px;
  transition: all 0.3s ease;
  opacity: 0;
}

.product-card__image:hover a.product-card__modal-link.product-modal-btn {
  opacity: 1;
}

.recipe-ingredients .hero-cta__button-container {
  justify-content: center;
  margin-top: 5rem;
}

p.recipe-hero__copy.b2 + section {
  margin-top: 20px;
}

.how-its-made + .how-its-made {
  padding-top: 0;
}

.how-its-made__video-container iframe {
  z-index: 1;
  position: relative;
}

.rc-legacy-radio:not(.rc-option--active) {
  display: none !important;
}

.rc-radio.rc-option.rc_widget__option {
  background: transparent;
}

.rc-legacy-radio {
  padding: 30px 26px 10px !important;
}

.rc-radio__input {
  display: none !important;
}

span.rc-option__text {
  padding: 0 !important;
  display: none;
}

label.rc-radio__label.rc_widget__option__label {
  display: block;
  margin: 0 !important;
  vertical-align: baseline !important;
}

span.rc-option__discount.rc_widget__option__discount:before {
  content: "Discount: ";
}

span.rc-option__discount.rc_widget__option__discount {
  background: #e20613;
  padding: 1px 10px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  border-radius: 4px;
  margin-left: -4px;
}

span.rc-option__price.rc_widget__price {
  padding: 4px;
  margin-top: 4px;
  margin-bottom: 8px;
}

.rc-selling-plans.rc_widget__option__plans {
  padding: 15px 4px 0 !important;
}

label.form-field__label {
}

.input-select__label-container label span {
  font-size: 12px !important;
  font-weight: bold;
}

.input-select__label-container label {
  margin-bottom: 3px;
}

.rc-selling-plans__dropdown {
  height: 43px;
  border-radius: 6px;
  border: 1px solid #bdb1b9;
  cursor: pointer;
  padding: 10px 10.8px 10px 15px;
}

.rc-selling-plans.rc_widget__option__plans:before {
  content: "Ship it";
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
}

.rc_widget__option__selector {
  display: block;
}

span.rc-option__price.rc_widget__price.rc_widget__price--onetime {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.cart-items__item-recurring.b3 {
  opacity: 0.7;
  margin-top: 1rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
}

.rbr-desktop.rbr-hrDesktop {
  max-width: none;
}

.rbr-hrDesktop > div {
  padding: 0 !important;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 48px;
  grid-template-areas:
    "bundle1 bundle2 bundle3"
    "bogo bogo bogo";
}
.rbr-hrDesktop > div > div {
  padding: 0px !important;
}
.rbr-hrDesktop > div > :nth-child(0) {
  grid-area: bundle1;
}
.rbr-hrDesktop > div > :nth-child(1) {
  grid-area: bundle2;
}
.rbr-hrDesktop > div > :nth-child(2) {
  grid-area: bundle3;
}
.rbr-hrDesktop > div > :nth-child(4) {
  grid-area: bogo;
}

.prodict-listing-info__product-price {
  display: none;
}

.bundles {
  font-family: Roboto Slab, sans-serif;
  padding: 7rem;
  background-color: #f7f4f1;
}
.bundle-link {
  background: #c74928;

  cursor: pointer;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
}
.bundle-link a {
  color: white;
}
.bundles h2 {
  text-align: center;
  margin-bottom: 5rem;
}

.title-copy__title {
  font-weight: bold;
}

.rbr-disOptHeader__title label {
  font-weight: bold;
}

.recipe-ingredients .hero-cta__button-container {
  justify-content: center;
  margin-top: 5rem;
}

p.recipe-hero__copy.b2 + section {
  margin-top: 20px;
}

.product-detail-tabs__tab--jagged .svg.svg--button-jagged svg,
.product-detail-tabs__tab--jagged .svg.svg--button-jagged {
  width: 100%;
  height: 100%;
}

.product-detail-tabs__tab--jagged.button-jagged a {
  width: 100%;
}

.product-detail-tabs__container .b2 {
  font-size: 14px;
}

.bundles-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.bundles-wrapper > div {
  width: 100%;
}

.rbr-desktop > div {
  margin: 0 !important;
}

.combos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  order: -1;
}

.rbr-standard-bundle__description {
  font-size: 13px !important;
  line-height: 1.4 !important;
}

.product-photo-viewer__nav--overflow::-webkit-scrollbar {
  width: 5px;
  background: #f1f1f1;
}

.product-photo-viewer__nav--overflow {
  padding-left: 5px;
  direction: rtl;
}

.product-photo-viewer__nav--overflow::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #e20613;
}

.product-photo-viewer__nav--overflow::-webkit-scrollbar-thumb:window-inactive {
  background: #e20613;
  opacity: 0.5;
}

span.orig-price {
  text-decoration: line-through;
  text-decoration-color: #e20613;
  text-decoration-thickness: 3px;
}

.cart-items__item-price--desktop.b2 {
  position: relative;
}
.account-info__wrapper .form-forgot {
  margin-top: 7rem;
  width: 100%;
}

.account-info__wrapper .form-address {
  width: 100% !important;
}

.account-info__wrapper {
}

.account-info__wrapper .form-address__row-container {
  width: 100% !important;
}

.account-info__wrapper form {
  width: 100%;
}

.account-info__wrapper .form-forgot__wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
}

.navigation__menu.mobile {
  display: none;
}

@media screen and (max-width: 991px) {
  .navigation__menu:not(.mobile) {
    margin-bottom: 0;
  }
  .navigation__menu.mobile {
    display: block;
    width: 100%;
    margin-top: 2rem;
  }
  .navigation__submenu.mobile-open {
    display: block;
  }

  .navigation__menu-item-wrapper {
    width: 100%;
  }

  .navigation__menu-item {
    align-items: flex-start !important;
  }

  .navigation__chevron {
    padding: 2rem;
    width: 15px !important;
  }

  .navigation__menu-second {
    display: none;
  }
}

.product-add-to-cart-tabs__price {
  display: block;
  width: 100%;
  font-weight: bold;
  padding: 20px 0 10px;
}

.product-add-to-cart-tabs__container.active {
  flex-wrap: wrap;
  display: flex !important;
}

body.template-search {
  margin-top: 90px;
}

span.product-add-to-cart-tabs__tab.disabled {
  display: none;
  justify-content: center;
}

.how-its-made__video-container {
  padding: 0px;
  display: block;
  margin: 30px auto 0;
}

.how-its-made__video-container > div {
  margin: 30px;
  display: block;
}

.how-its-made__video-container iframe {
  position: relative;
  padding: 15px;
}

.how-its-made__content-wrapper {
  margin: 0;
}

.procedure + .how-its-made {
  padding-bottom: 0;
}

@media screen and (max-width: 991px) {
  .navigation__accordion.active .navigation__submenu {
    display: block !important;
  }
}

@media screen and (max-width: 1390px) {
  .navigation__menu-item-link {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 1300px) {
  .navigation__menu-item-link {
    font-size: 13px !important;
  }

  .navigation__logo-menu-container nav > ul > li {
    margin: 0 0.75vw !important;
  }

  .navigation__chevron {
    margin-left: 4px;
    width: 11px;
    position: relative;
    margin-top: -4px;
  }

  .navigation__menu-item {
    margin-left: 0.75vw !important;
  }

  .navigation__chevron svg {
    transform: scale(0.75);
  }
  .navigation__accordion:hover .svg .chevron-down {
    transform: scale(0.75) rotate(180deg);
  }
}

@media screen and (min-width: 981px) {
  .search-results-tabs__grid {
    padding: 0 5% !important;
  }

  .search-results-tabs__grid .container.grid-content.grid-content--md {
    width: 100%;
    max-width: none;
    column-gap: 56px;
    row-gap: 37.5px;
    justify-content: center;
  }

  .search-results-tabs__grid .recipe-card__image-container {
    padding-top: 30%;
    width: 100%;
  }

  .search-results-tabs .recipe-card__title {
    margin-top: 2rem;
  }
}

@media screen and (max-width: 991px) {
  .search-results-tabs__tabs-container {
    flex-wrap: wrap;
    padding: 0 20px 40px 0 !important;
    margin-bottom: 30px;
  }
  .recipe-hero__hero-copy-container {
    margin: 11px 0 0 !important;
  }

  .recipe-ingredients__recipe-list-wrapper {
    width: 100%;
  }
}

.product-add-to-cart-tabs__add-to-cart-button.disabled {
  opacity: 0.5;
  background-color: #0f171a;
  border-color: #0f171a;
  color: #fff;
}

.stock-sticker {
  position: absolute;
  z-index: 9;
  background: #0f171a;
  padding: 4px 9px;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 4px;
  width: 100%;
  text-align: center;
  transform: rotate(-45deg) translate(-50%, 200%);
  top: 0;
  left: 0;
  transform-origin: top left;
}

.product-card__image img.image__img {
  width: 100%;
  
}

.product-listing-info .product-add-to-cart-tabs__add-to-cart-button {
  margin-left: 0;
}

.demo-trigger img.image__img.sized-img.loaded {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.3s ease-in-out;
  cursor: pointer;
  
}
.thumbnail-container:hover {
  transform: scale(3);
}

/* 
  .thumbnail-container:hover img {
    transform: scale(2);
} */
/* Product Card Image Switch 11-1-24 - Pablo-*/
/* Container for product images */
.product-card__image {
  position: relative;
  width: 100%;
}

/* Primary Image (displayed by default) */
.primary-image {
  display: block;
  z-index: 1;
  width: 100%;
  height: auto;
  object-fit: contain; /* Ensures the image is fully contained */
}

/* Secondary Image (displayed on hover) */
.secondary-image {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 95%;
  height: auto;
  object-fit: contain; /* Ensures the secondary image is fully contained */
}

/* On hover, swap the images */
.product-card__image:hover .primary-image {
  display: none;
}

.product-card__image:hover .secondary-image {
  display: block;
}

/* Product details below image (title, price, variants) */
.product-card__details {
  position: relative;
  text-align: center;
  margin-top: 10px;
}

.product-card__title {
  margin-bottom: 5px;
}

/* Quick View button */
.product-card__modal-link {
  display: block;
  margin-top: 10px;
  padding: 10px;
  background-color: #333;
  color: white;
  text-align: center;
  cursor: pointer;
  border: none;
  text-decoration: none;
}

.product-card__modal-link:hover {
  background-color: #555;
}

/* Ensure the title and button stay in place during hover */
.product-card__details h2,
.product-card__modal-link {
  position: relative;
  z-index: 2;
}
.product-card:not(.swiper-slide):not(.search-results-tabs__product-card) a.product-card__link {
    width: 76%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.template-collection #page {
  padding-top: 100px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-bottom: 100px !important;
  background: no-repeat url(../png/caputo-backgroundnew56a2.png?v=1680723627);
  background-position: top center;
  font-family: Roboto Slab, sans-serif;
}
.product-card__image {
  position: relative;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;

}

.primary-image {
  display: block;
  z-index: 1;
  width: 100%;
  height: auto;
  object-fit: contain;
}



.product-card__image:hover .primary-image {
  display: none;
}

.product-card__image:hover .secondary-image {
  display: block;
}

.product-card__details {
  margin-top: 10px;
  text-align: left;
}

.product-card__title {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}

.product-card__price {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #666;
}

.product-card__modal-btn {
  padding: 10px;
  background-color: #333;
  color: #fff;
  cursor: pointer;
  border: none;
  text-align: center;
}

.product-card__modal-btn:hover {
  background-color: #555;
}

.product-card__image:after {
  content: "";
  padding-top: 100%;
  position: relative;
  display: block;
}

.primary-image {
  display: block;
  z-index: 1;
  width: 100%;
  height: 100%    ;
  object-fit: contain;
}