/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/* flickity-fade */

.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

@charset "UTF-8";
/* =================== !GRID */
.container {
  max-width: 1284px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}
@media (max-width: 736px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.grid {
  display: grid;
  gap: 24px;
  margin: 0 auto;
  max-width: 1912px;
  padding-left: 24px;
  padding-right: 24px;
  grid-template-columns: repeat(12, 1fr);
  position: relative;
}
@media (max-width: 736px) {
  .grid {
    padding-left: 20px;
    padding-right: 20px;
  }
}

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

.g, .recipeModal form,
.recycleModal form, .familySocial__form form, .contact__content form {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}

.g__col {
  padding-left: 12px;
  padding-left: 12px;
}

.w-25 {
  width: 25%;
}

.w-33 {
  width: 33.33%;
}

.w-40 {
  width: 40%;
}

.w-50 {
  width: 50%;
}

.w-60 {
  width: 60%;
}

.w-66 {
  width: 66.66%;
}

.w-70 {
  width: 70%;
}

.w-75 {
  width: 75%;
}

.w-100 {
  width: 100%;
}

@media (max-width: 1024px) {
  .mdw-25 {
    width: 25%;
  }
  .mdw-33 {
    width: 33.33%;
  }
  .mdw-40 {
    width: 40%;
  }
  .mdw-50 {
    width: 50%;
  }
  .mdw-60 {
    width: 60%;
  }
  .mdw-66 {
    width: 66.66%;
  }
  .mdw-75 {
    width: 75%;
  }
  .mdw-100 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .md-25 {
    width: 25%;
  }
  .md-33 {
    width: 33.33%;
  }
  .md-40 {
    width: 40%;
  }
  .md-50 {
    width: 50%;
  }
  .md-60 {
    width: 60%;
  }
  .md-66 {
    width: 66.66%;
  }
  .md-75 {
    width: 75%;
  }
  .md-100 {
    width: 100%;
  }
}
@media (max-width: 736px) {
  .smw-25 {
    width: 25%;
  }
  .smw-33 {
    width: 33.33%;
  }
  .smw-40 {
    width: 40%;
  }
  .smw-50 {
    width: 50%;
  }
  .smw-60 {
    width: 60%;
  }
  .smw-66 {
    width: 66.66%;
  }
  .smw-75 {
    width: 75%;
  }
  .smw-100 {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .sm-25 {
    width: 25%;
  }
  .sm-33 {
    width: 33.33%;
  }
  .sm-40 {
    width: 40%;
  }
  .sm-50 {
    width: 50%;
  }
  .sm-60 {
    width: 60%;
  }
  .sm-66 {
    width: 66.66%;
  }
  .sm-75 {
    width: 75%;
  }
  .sm-100 {
    width: 100%;
  }
}
/* =================== !LAYOUT */
.f {
  display: flex;
}

.f--wrap {
  flex-wrap: wrap;
}

.f--col {
  display: flex;
  flex-direction: column;
}

.f--top {
  align-items: flex-start;
}

.f--middle {
  align-items: center;
}

.f--bottom {
  align-items: flex-end;
}

.f--start {
  justify-content: flex-start;
}

.f--center {
  justify-content: center;
}

.f--between {
  justify-content: space-between;
}

.f--around {
  justify-content: space-around;
}

.f--end {
  justify-content: flex-end;
}

@media (max-width: 736px) {
  .f--direction-col-rev-m {
    flex-direction: column-reverse;
  }
}

.t--center {
  text-align: center;
}

/* =================== !COLORS */
.c--current {
  color: currentColor;
}

.c--white {
  color: #fff;
}

.c--black {
  color: #000;
}

.c--brand {
  color: #00388E;
}

.c--dark {
  color: #192F50;
}

.bg--white {
  background-color: #fff;
}

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

.bg--light {
  background-color: #F4F4F4;
}

.bg--brand {
  background-color: #00388E;
}

.bg--dark {
  background-color: #192F50;
}

/* =================== !FX */
[class*=fx--] {
  transition-property: opacity, transform, clip-path;
  transition-duration: 2s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.fx--in {
  opacity: 0;
  transition-timing-function: linear;
}

.fx--in-up {
  transform: translateY(40px);
  opacity: 0;
}

.fx--in-left {
  transform: translateX(-20px);
  opacity: 0;
}

.fx--in-right {
  transform: translateX(20px);
  opacity: 0;
}

.fx--in-out {
  transform: scale(0.95);
  transform-origin: center;
  opacity: 0;
}

[class*=fx--].s--revealed,
.s--revealed [class*=fx--] {
  transform: translateZ(0);
  opacity: 1;
}

.delay--1 {
  transition-delay: 0.1s;
}

.delay--2 {
  transition-delay: 0.2s;
}

.delay--3 {
  transition-delay: 0.3s;
}

.delay--4 {
  transition-delay: 0.4s;
}

.delay--5 {
  transition-delay: 0.5s;
}

.delay--6 {
  transition-delay: 0.6s;
}

.delay--7 {
  transition-delay: 0.7s;
}

.delay--8 {
  transition-delay: 0.8s;
}

.delay--9 {
  transition-delay: 0.9s;
}

.delay--10 {
  transition-delay: 1s;
}

.delay--11 {
  transition-delay: 1.1s;
}

.delay--12 {
  transition-delay: 1.2s;
}

.delay--13 {
  transition-delay: 1.3s;
}

.delay--14 {
  transition-delay: 1.4s;
}

.delay--15 {
  transition-delay: 1.5s;
}

.delay--16 {
  transition-delay: 1.6s;
}

.delay--17 {
  transition-delay: 1.7s;
}

.delay--18 {
  transition-delay: 1.8s;
}

.delay--19 {
  transition-delay: 1.9s;
}

.delay--20 {
  transition-delay: 2s;
}

/* =================== !KEYFRAMES */
@keyframes bounce {
  0%, 50%, 100% {
    transform: translateY(0) scale(1, 1);
  }
  25% {
    transform: translateY(10px) scale(1.2, 1);
  }
  75% {
    transform: translateY(5px) scale(1.1, 1);
  }
}
@keyframes bounceWait {
  80%, 90%, 100% {
    transform: translateY(0) scale(1, 1);
  }
  85% {
    transform: translateY(10px) scale(1.2, 1);
  }
  95% {
    transform: translateY(5px) scale(1.1, 1);
  }
}
@keyframes bounceWaitX {
  80%, 90%, 100% {
    transform: translateX(0) scale(1, 1);
  }
  85% {
    transform: translateX(10px) scale(1.2, 1);
  }
  95% {
    transform: translateX(5px) scale(1.1, 1);
  }
}
@keyframes float {
  0% {
    transform: translate(0px, 0px);
  }
  25% {
    transform: translate(0px, -10px);
  }
  50% {
    transform: translate(0px, -5px);
  }
  75% {
    transform: translate(0px, -10px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes float2 {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  25% {
    transform: translate(-5px, -10px) rotate(5deg);
  }
  50% {
    transform: translate(-10px, -5px) rotate(-3deg);
  }
  75% {
    transform: translate(0px, -10px) rotate(2deg);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}
@keyframes shadow {
  0%, 100% {
    transform: scale(1) rotateY(0deg);
  }
  25% {
    transform: scale(1.2) rotateY(50deg);
  }
  50% {
    transform: scale(1.1) rotateY(25deg);
  }
  75% {
    transform: scale(1.2) rotateY(50deg);
  }
}
/* =================== !VUE-TRANSITIONS */
.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s linear;
}

/* =================== !MISC */
.fit {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.relative {
  position: relative;
}

.z--back {
  z-index: -1;
}

.z--front {
  z-index: 2;
}

.s--loading {
  position: relative;
  color: transparent !important;
}
.s--loading:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background-color: transparent;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  border: 6px solid #00388E;
  opacity: 1;
  border-right-color: #fff;
  border-bottom-color: #fff;
  animation: loader 1.5s infinite ease;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* =================== !MIXINS */
/*
* Converts pixels values to rem
*/
/*
* Breakpoints
*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html[lang] {
  margin-top: 0 !important;
  overflow-x: hidden;
  overflow-y: scroll;
}
html[lang]::-webkit-scrollbar-button {
  display: none;
}
html[lang]::-webkit-scrollbar-thumb {
  background-color: #00388E;
  border-radius: 6px;
}
html[lang]::-webkit-scrollbar-thumb:hover {
  background-color: #192F50;
}
html[lang]::-webkit-scrollbar-track {
  background-color: #F4F4F4;
  border-radius: 6px;
}
html[lang]::-webkit-scrollbar {
  width: 8px;
  border-radius: 6px;
}
@media (max-width: 736px) {
  html[lang]::-webkit-scrollbar {
    width: 8px;
  }
}

body.s--nav-open {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
}

[v-cloak] {
  display: none;
}

main {
  position: relative;
  overflow: hidden;
  transition: filter 0.2s 0.3s linear;
}
.s--nav-open main, .s--modal-open main {
  transition-delay: 0s;
  filter: blur(10px);
}

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

svg {
  display: inline-block;
  overflow: visible;
}

ul {
  list-style-type: none;
}

button {
  border: 0;
  outline: 0;
  color: currentColor;
  background-color: transparent;
  cursor: pointer;
}

button:active,
button:focus {
  outline: 0;
}

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

@font-face {
  font-family: "Food Truck Signage";
  src: url("fonts/FoodTruckSignage-Regular.woff2") format("woff2"), url("fonts/FoodTruckSignage-Regular.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Janda Safe and Sound Solid";
  src: url("fonts/JandaSafeandSoundSolid.woff2") format("woff2"), url("fonts/JandaSafeandSoundSolid.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "VAG Rounded Std";
  src: url("fonts/VAGRoundedStd-Bold.woff2") format("woff2"), url("fonts/VAGRoundedStd-Bold.woff") format("woff");
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: "VAG Rounded Std";
  src: url("fonts/VAGRoundedStd-Light.woff2") format("woff2"), url("fonts/VAGRoundedStd-Light.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}
[type=checkbox],
[type=radio],
[type=text],
[type=email],
[type=tel],
[type=number],
[type=date],
select,
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  background-color: transparent;
  border: 1px solid #192F50;
  font-size: 18px;
  color: #00388E;
  font-family: "VAG Rounded Std", sans-serif;
  outline: 0;
  transition: 0.2s linear;
  border-radius: 20px;
}
@media (max-width: 736px) {
  [type=checkbox],
[type=radio],
[type=text],
[type=email],
[type=tel],
[type=number],
[type=date],
select,
textarea {
    font-size: 16px;
    border-radius: 12px;
  }
}
[type=checkbox]:hover,
[type=radio]:hover,
[type=text]:hover,
[type=email]:hover,
[type=tel]:hover,
[type=number]:hover,
[type=date]:hover,
select:hover,
textarea:hover {
  border-color: rgba(0, 56, 142, 0.2);
}
[type=checkbox]:focus,
[type=radio]:focus,
[type=text]:focus,
[type=email]:focus,
[type=tel]:focus,
[type=number]:focus,
[type=date]:focus,
select:focus,
textarea:focus {
  border-color: rgba(0, 56, 142, 0.5);
}
[type=checkbox]::-webkit-input-placeholder,
[type=radio]::-webkit-input-placeholder,
[type=text]::-webkit-input-placeholder,
[type=email]::-webkit-input-placeholder,
[type=tel]::-webkit-input-placeholder,
[type=number]::-webkit-input-placeholder,
[type=date]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #B9B9B9;
}
[type=checkbox]:-moz-placeholder,
[type=radio]:-moz-placeholder,
[type=text]:-moz-placeholder,
[type=email]:-moz-placeholder,
[type=tel]:-moz-placeholder,
[type=number]:-moz-placeholder,
[type=date]:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
  color: #B9B9B9;
}
[type=checkbox]::-moz-placeholder,
[type=radio]::-moz-placeholder,
[type=text]::-moz-placeholder,
[type=email]::-moz-placeholder,
[type=tel]::-moz-placeholder,
[type=number]::-moz-placeholder,
[type=date]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
  color: #B9B9B9;
}
[type=checkbox]:-ms-input-placeholder,
[type=radio]:-ms-input-placeholder,
[type=text]:-ms-input-placeholder,
[type=email]:-ms-input-placeholder,
[type=tel]:-ms-input-placeholder,
[type=number]:-ms-input-placeholder,
[type=date]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #B9B9B9;
}

[type=text],
[type=email],
[type=tel],
[type=number],
[type=date],
select,
textarea {
  display: block;
  width: 100%;
  padding: 16px 27px 13px;
  line-height: 1.2;
}
@media (max-width: 736px) {
  [type=text],
[type=email],
[type=tel],
[type=number],
[type=date],
select,
textarea {
    padding: 16px 20px 13px;
  }
}

select {
  color: #B9B9B9;
}

[type=checkbox],
[type=radio] {
  width: 21px;
  height: 21px;
  border-radius: 5px;
  background-color: #F4F4F4;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
[type=checkbox]:checked,
[type=radio]:checked {
  background-color: #00388E;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.8' height='8.5' viewBox='0 0 11.8 8.5'%3E%3Cpath d='M0 5.2l.6-.7 2.8 2.7L10.7 0l1.1.6-8.2 7.8h-.1z' fill='%23fff'/%3E%3C/svg%3E");
  border-color: #00388E;
  box-shadow: none;
}

[type=radio] {
  border-radius: 50%;
}

.wpcf7-form .checkbox {
  display: flex;
  align-items: center;
  font-size: 18px;
}
@media (max-width: 736px) {
  .wpcf7-form .checkbox {
    font-size: 14px;
  }
}
.wpcf7-form .checkbox a {
  text-decoration: underline;
}
.wpcf7-form p {
  margin-bottom: 21px;
  display: flex;
  align-items: center;
}
.wpcf7-form span {
  display: block;
}
.wpcf7-form .wpcf7-list-item {
  margin: 0;
  margin-bottom: 21px;
}
.wpcf7-form .wpcf7-list-item.last {
  margin-bottom: 0;
}
.wpcf7-form .wpcf7-list-item label {
  display: flex;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
}
.wpcf7-form .wpcf7-list-item [type=checkbox] {
  margin-right: 15px;
}
.wpcf7-form button,
.wpcf7-form [type=submit] {
  font-family: "Food Truck Signage", sans-serif !important;
  text-transform: uppercase;
  padding-bottom: 12px !important;
  font-size: 20px;
  min-width: 185px;
  margin: 0 auto;
}

span.wpcf7-not-valid-tip {
  font-size: 12px;
  display: block;
  padding-top: 5px;
  color: #fb6969;
  position: absolute;
  white-space: nowrap;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ok {
  border: 0;
  padding: 0;
}

div.wpcf7-mail-sent-ok {
  font-size: 22px;
  font-weight: 600;
}

.grecaptcha-badge {
  opacity: 0;
  pointer-events: none;
}

html {
  -webkit-font-smoothing: antialiased;
}

body {
  line-height: 1.2;
  font-size: 20px;
  font-family: "VAG Rounded Std", sans-serif;
  font-weight: 300;
  color: #192F50;
}
@media (max-width: 1280px) {
  body {
    font-size: 18px;
  }
}

.h, .notfound p, .modal__close, h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  font-family: "Food Truck Signage", sans-serif;
  text-transform: uppercase;
  font-weight: normal;
}
[class*=c--] .h, [class*=c--] .notfound p, .notfound [class*=c--] p, [class*=c--] .modal__close, [class*=c--] h1, [class*=c--] h2, [class*=c--] h3, [class*=c--] h4, [class*=c--] h5, [class*=c--] h6 {
  color: currentColor;
}

h1, .h1 {
  font-size: 72px;
  line-height: 0.83;
}
@media (max-width: 1280px) {
  h1, .h1 {
    font-size: 64px;
  }
}

h2, .h2 {
  font-size: 32px;
}

h3, .h3, .editor blockquote {
  font-size: 32px;
  line-height: 0.88;
}
@media (max-width: 1280px) {
  h3, .h3, .editor blockquote {
    font-size: 28px;
  }
}
@media (max-width: 736px) {
  h3, .h3, .editor blockquote {
    font-size: 24px;
  }
}

h4, .h4, .notfound p {
  font-size: 24px;
}
@media (max-width: 1280px) {
  h4, .h4, .notfound p {
    font-size: 20px;
  }
}
@media (max-width: 736px) {
  h4, .h4, .notfound p {
    font-size: 18px;
  }
}

h5, .h5 {
  font-size: 18px;
}

h6, .h6 {
  font-size: 14px;
}

p {
  line-height: 1.6;
}

a {
  color: currentColor;
  text-decoration: none;
  transition: 0.1s linear;
  transition-property: opacity, color;
}

a[href^=mailto] {
  word-break: break-all;
}

address {
  font-style: normal;
}

table {
  table-layout: fixed;
}

.editor {
  color: #192F50;
}
.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 {
  margin-bottom: 1em;
  margin-top: 1em;
  color: #00388E;
}
.editor h1:first-child, .editor h2:first-child, .editor h3:first-child, .editor h4:first-child, .editor h5:first-child, .editor h6:first-child {
  margin-top: 0;
}
.editor p, .editor ul, .editor ol {
  font-size: 18px;
  line-height: 1.56;
  margin-bottom: 1.5em;
}
@media (max-width: 736px) {
  .editor p, .editor ul, .editor ol {
    font-size: 16px;
  }
}
.editor p:last-child, .editor ul:last-child, .editor ol:last-child {
  margin-bottom: 0;
}
.editor ul {
  list-style-type: disc;
}
.editor ul, .editor ol {
  margin-top: 1em;
  padding-left: 1em;
  padding-left: 60px;
}
@media (max-width: 736px) {
  .editor ul, .editor ol {
    padding-left: 30px;
  }
}
.editor ul ul, .editor ul ol, .editor ol ul, .editor ol ol {
  padding-left: 1em;
}
.editor li {
  padding-bottom: 0.5em;
}
.editor a {
  text-decoration: underline;
  color: #00388E;
}
.editor a:hover {
  text-decoration: none;
  color: rgba(0, 56, 142, 0.5);
}
.editor blockquote {
  line-height: 1.27;
  margin: 88px 0;
  color: #192F50;
}
.editor blockquote p {
  line-height: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  margin-bottom: 0;
}
.editor blockquote cite {
  font-size: 18px;
}
.editor figure {
  margin-bottom: 2em;
}
.editor figcaption {
  display: block;
  padding-top: 0.5em;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
}

.adimoModal {
  position: relative;
  z-index: 6;
}
.adimoModal .modal__container {
  max-height: 80vh;
}
.adimoModal .modal__content {
  width: 100%;
  height: 100%;
}
.adimoModal iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.adimoModal iframe::-webkit-scrollbar-button {
  display: none;
}
.adimoModal iframe::-webkit-scrollbar-thumb {
  background-color: #00388E;
  border-radius: 6px;
}
.adimoModal iframe::-webkit-scrollbar-thumb:hover {
  background-color: #192F50;
}
.adimoModal iframe::-webkit-scrollbar-track {
  background-color: #F4F4F4;
  border-radius: 6px;
}
.adimoModal iframe::-webkit-scrollbar {
  width: 8px;
  border-radius: 6px;
}
@media (max-width: 736px) {
  .adimoModal iframe::-webkit-scrollbar {
    width: 8px;
  }
}

.btn, .recipeModal .file > span:last-child:before,
.recycleModal .file > span:last-child:before, .wpcf7-form button,
.wpcf7-form [type=submit] {
  font-family: "VAG Rounded Std", sans-serif;
  font-size: 18px;
  color: currentColor;
  padding: 12px 25px 10px;
  line-height: 1;
  border: 1px solid currentColor;
  background-color: transparent;
  cursor: pointer;
  border-radius: 100px;
  transition: 0.15s linear;
  pointer-events: all;
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
@media (max-width: 736px) {
  .btn, .recipeModal .file > span:last-child:before,
.recycleModal .file > span:last-child:before, .wpcf7-form button,
.wpcf7-form [type=submit] {
    font-size: 14px;
  }
}
.btn:hover, .recipeModal .file > span:hover:last-child:before,
.recycleModal .file > span:hover:last-child:before, .wpcf7-form button:hover,
.wpcf7-form [type=submit]:hover {
  background-color: #fff;
  border-color: #fff;
  color: #192F50;
}
.btn svg, .recipeModal .file > span:last-child:before svg,
.recycleModal .file > span:last-child:before svg, .wpcf7-form button svg,
.wpcf7-form [type=submit] svg {
  margin-right: 9px;
  position: relative;
  top: -2px;
}

.btn--dark-outline {
  border-color: #192F50;
  color: #192F50;
}
.btn--dark-outline:hover {
  border-color: #192F50;
  background-color: #192F50;
  color: #fff;
}

.btn--brand-outline, .recipeModal .file > span:last-child:before,
.recycleModal .file > span:last-child:before {
  border-color: #00388E;
  color: #00388E;
}
.btn--brand-outline:hover, .recipeModal .file > span:hover:last-child:before,
.recycleModal .file > span:hover:last-child:before {
  border-color: #00388E;
  background-color: #00388E;
  color: #fff;
}

.btn--white {
  background-color: #fff;
  border-color: #fff;
  color: #192F50;
}

.btn--brand, .wpcf7-form button,
.wpcf7-form [type=submit] {
  background-color: #00388E;
  border-color: #00388E;
  color: #fff;
}
.btn--brand:hover, .wpcf7-form button:hover,
.wpcf7-form [type=submit]:hover {
  border-color: #00388E;
  background-color: #fff;
  color: #00388E;
}

.comments {
  padding-top: 20px;
}

.comments__list {
  list-style-type: none;
}
.comments__list > li {
  padding-bottom: 20px;
}
.comments__list ol {
  list-style-type: none;
  padding-left: 20px;
  padding-top: 10px;
}
@media (max-width: 736px) {
  .comments__list ol {
    padding-left: 15px;
  }
}
.comments__list .comment-meta {
  display: flex;
  justify-content: space-between;
}
.comments__list .comment-author {
  padding-right: 20px;
  font-size: 16px;
}
.comments__list .comment-metadata {
  font-size: 16px;
  color: #B9B9B9;
}
.comments__list .comment-metadata a {
  pointer-events: none;
}
.comments__list .comment-metadata .edit-link {
  display: none;
}
.comments__list .comment-content {
  max-width: 700px;
  margin-left: 20px;
  padding-top: 10px;
  border-bottom: 1px solid #F4F4F4;
  color: #192F50;
}
@media (max-width: 736px) {
  .comments__list .comment-content {
    margin-left: 0;
  }
}
.comments__list .reply {
  display: none;
}

.comments__accordion.s--open {
  display: none;
}

.comments__form {
  max-width: 700px;
  height: 0;
  overflow: hidden;
}
.comments__form form {
  padding-top: 40px;
}
.comments__form .g__col {
  padding-bottom: 20px;
}
.comments__form button {
  padding-left: 45px;
  padding-right: 45px;
}

.time {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 5px;
  font-size: 14px;
  font-family: "Janda Safe and Sound Solid", sans-serif;
}
.time svg {
  position: relative;
  top: -2px;
  margin-right: 5px;
}

.decor {
  position: absolute;
}
.decor img,
.decor span {
  display: block;
  width: 100%;
  height: 100%;
}
.decor span {
  animation-delay: inherit;
}
.decor div {
  animation: float 8s infinite ease-in-out;
  animation-delay: inherit;
}
.decor img {
  max-width: none;
}

.anchor-offset {
  display: block;
  height: 200px;
  margin-top: -200px;
  visibility: hidden;
  pointer-events: none;
}

.flickity-prev-next-button.flickity-prev-next-button {
  background-color: transparent;
  transition: 0.15s linear;
}
.flickity-prev-next-button.flickity-prev-next-button:hover {
  background-color: #fff;
}
.flickity-prev-next-button.flickity-prev-next-button.previous {
  left: -50px;
}
@media (max-width: 1300px) {
  .flickity-prev-next-button.flickity-prev-next-button.previous {
    left: 0;
  }
}
.flickity-prev-next-button.flickity-prev-next-button.next {
  right: -50px;
}
@media (max-width: 1300px) {
  .flickity-prev-next-button.flickity-prev-next-button.next {
    right: 0;
  }
}
.flickity-prev-next-button.flickity-prev-next-button svg {
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.flickity-prev-next-button.flickity-prev-next-button path {
  fill: #00388E;
}

.cookieBar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  z-index: 10;
  color: #fff;
  background-color: #192F50;
  opacity: 0;
  transform: translateY(100%);
  display: none;
}

.cookieBar__content p {
  margin-bottom: 10px;
  font-size: 14px;
}
.cookieBar__content a {
  text-decoration: underline;
}
.cookieBar__content a:hover {
  text-decoration: none;
}
.cookieBar__content button:hover {
  background-color: transparent;
  color: #fff;
}

.footer {
  padding-top: 8%;
  margin-top: -8%;
  overflow: hidden;
  position: relative;
  transition: filter 0.2s 0.3s linear;
  pointer-events: none;
  z-index: 9;
}
@media (max-width: 736px) {
  .footer {
    padding-top: 10%;
    margin-top: -10%;
  }
}
.s--nav-open .footer, .s--modal-open .footer {
  transition-delay: 0s;
  filter: blur(10px);
}

.footer__newsletter {
  position: relative;
  pointer-events: visible;
}
.footer__newsletter .container {
  padding-bottom: 90px;
}

.footer__newsletterWave {
  padding-top: 6.6666666667%;
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: -2px;
}
@media (max-width: 736px) {
  .footer__newsletterWave {
    padding-top: 9.92%;
  }
}
@media (max-width: 736px) {
  .footer__newsletterWave svg {
    display: none;
  }
}
.footer__newsletterWave svg:last-child {
  display: none;
}
@media (max-width: 736px) {
  .footer__newsletterWave svg:last-child {
    display: block;
  }
}

.footer__newsletterText {
  max-width: 502px;
  margin-left: auto;
  text-align: center;
  margin-top: -20px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.footer__newsletterText:hover i {
  animation: bounce 1.5s infinite ease;
}
.footer__newsletterText.s--open i {
  animation: none;
}
.footer__newsletterText.s--open h3 {
  color: transparent;
}
.footer__newsletterText.s--open h3:before {
  transition-delay: 0.15s;
  opacity: 1;
}
.footer__newsletterText.s--open svg {
  transform: rotate(0deg);
}
@media (max-width: 736px) {
  .footer__newsletterText {
    margin-top: 0;
  }
}
.footer__newsletterText h3 {
  transition: 0.15s 0.15s linear;
}
.footer__newsletterText h3:before {
  content: "Close Newsletter";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  opacity: 0;
  transition: 0.15s linear;
}
@media (max-width: 736px) {
  .footer__newsletterText h3 {
    font-size: 32px;
  }
}
.footer__newsletterText i {
  display: inline-block;
}
.footer__newsletterText svg {
  display: inline-block;
  margin-top: 12px;
  transform: rotate(180deg);
  transition: 0.35s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

.footer__newsletterForm {
  height: 0;
  overflow: hidden;
}
.footer__newsletterForm form {
  padding-top: 50px;
  max-width: 1000px;
  margin: 0 auto;
}
.footer__newsletterForm .g__col {
  margin-bottom: 30px;
}
@media (max-width: 736px) {
  .footer__newsletterForm .g__col {
    width: 100%;
    margin-bottom: 15px;
  }
}
.footer__newsletterForm .w-100 {
  display: flex;
}
@media (max-width: 736px) {
  .footer__newsletterForm .w-100 {
    flex-direction: column;
  }
}
.footer__newsletterForm label {
  padding-right: 40px;
}
@media (max-width: 736px) {
  .footer__newsletterForm label {
    padding-right: 0;
  }
}
.footer__newsletterForm label a {
  text-decoration: underline;
}
.footer__newsletterForm label a:hover {
  text-decoration: none;
}
.footer__newsletterForm [type=submit] {
  background-color: #fff;
  color: #00388E;
  margin-left: auto;
  margin-right: 0;
  box-shadow: none;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (max-width: 736px) {
  .footer__newsletterForm [type=submit] {
    width: 100%;
    font-size: 18px;
  }
}
.footer__newsletterForm [type=submit]:hover {
  opacity: 0.7;
}
.footer__newsletterForm .checkbox span.wpcf7-not-valid-tip {
  display: none;
}
.footer__newsletterForm [type=checkbox] {
  border-color: #fff;
}
.footer__newsletterForm [type=text], .footer__newsletterForm [type=email] {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
}
.footer__newsletterForm [type=text]:hover, .footer__newsletterForm [type=text]:active, .footer__newsletterForm [type=email]:hover, .footer__newsletterForm [type=email]:active {
  border-color: #fff;
}
.footer__newsletterForm [type=text]::-webkit-input-placeholder, .footer__newsletterForm [type=email]::-webkit-input-placeholder {
  color: #fff;
}
.footer__newsletterForm [type=text]:-moz-placeholder, .footer__newsletterForm [type=email]:-moz-placeholder {
  color: #fff;
}
.footer__newsletterForm [type=text]::-moz-placeholder, .footer__newsletterForm [type=email]::-moz-placeholder {
  color: #fff;
}
.footer__newsletterForm [type=text]:-ms-input-placeholder, .footer__newsletterForm [type=email]:-ms-input-placeholder {
  color: #fff;
}
.footer__newsletterForm .wpcf7-response-output,
.footer__newsletterForm .div.wpcf7-mail-sent-ok {
  width: 100%;
  text-align: center;
  padding: 0 20px;
}
@media (max-width: 736px) {
  .footer__newsletterForm span.wpcf7-not-valid-tip {
    position: relative;
  }
}

.footer__main {
  position: relative;
  color: #00388E;
  pointer-events: visible;
}

.footer__mainWave.footer__mainWave {
  padding-top: 2.8976452294%;
  position: absolute;
  bottom: 100%;
  left: -1px;
  width: calc(100% + 1px);
  margin-bottom: -2px;
  overflow: hidden;
}
@media (max-width: 736px) {
  .footer__mainWave.footer__mainWave {
    height: 18px;
    padding-top: 0;
  }
}
@media (max-width: 736px) {
  .footer__mainWave.footer__mainWave svg {
    width: 620px;
    height: auto;
  }
}

.footer__logo {
  position: absolute;
  bottom: 100%;
}
@media (max-width: 736px) {
  .footer__logo {
    left: 0;
    right: 0;
    margin: auto;
    width: 118px;
    height: 38px;
  }
  .footer__logo svg {
    display: block;
    width: 100%;
    height: 100%;
  }
}

.footer__nav {
  padding-top: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 736px) {
  .footer__nav {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    padding-top: 24px;
  }
}
.footer__nav ul {
  display: flex;
}
@media (max-width: 736px) {
  .footer__nav ul {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.footer__nav a {
  display: inline-block;
  font-family: "Food Truck Signage", sans-serif;
  text-transform: uppercase;
  margin-right: 54px;
}
@media (max-width: 736px) {
  .footer__nav a {
    margin: 5px 0;
    font-size: 20px;
  }
}

a.footer__action {
  margin-right: 0;
  display: inline-flex;
  align-items: center;
}
a.footer__action svg {
  margin-right: 12px;
  position: relative;
  top: -1px;
}
@media (max-width: 736px) {
  a.footer__action svg {
    display: none;
  }
}

.footer__nav ul a,
.footer__action span {
  position: relative;
  display: inline-block;
  padding-bottom: 3px;
}
.footer__nav ul a:before,
.footer__action span:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  opacity: 0;
  transition: 0.15s linear;
}

.footer__nav a:hover:before,
.footer__action:hover span:before {
  opacity: 1;
}

.footer__social {
  padding-top: 38px;
  padding-bottom: 38px;
  display: flex;
  align-items: center;
}
@media (max-width: 736px) {
  .footer__social {
    justify-content: center;
    padding-top: 35px;
  }
}
.footer__social a {
  margin-right: 38px;
}
@media (max-width: 736px) {
  .footer__social a {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.footer__social a:hover {
  color: rgba(0, 56, 142, 0.6);
}
.footer__social svg {
  display: inline-block;
}

.footer__legal {
  color: rgba(25, 47, 80, 0.4);
  font-size: 14px;
  display: flex;
  align-items: center;
  padding-bottom: 30px;
}
@media (max-width: 736px) {
  .footer__legal {
    flex-direction: column;
    justify-content: center;
    padding-bottom: 70px;
  }
}
.footer__legal ul {
  display: flex;
  align-items: center;
}
@media (max-width: 736px) {
  .footer__legal ul {
    flex-direction: column;
    justify-content: center;
  }
}
.footer__legal a {
  display: inline-block;
  margin-right: 35px;
}
.footer__legal a.bgn {
  font-weight: bold;
  color: #00388E;
}
@media (max-width: 736px) {
  .footer__legal a {
    margin: 0;
    margin-bottom: 10px;
  }
}
.footer__legal a:hover {
  color: #00388E;
}

.footer__back {
  margin-left: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  z-index: 1;
}
[data-ua*="rv:11"] .footer__back {
  display: none;
}
@media (max-width: 736px) {
  .footer__back {
    right: 50%;
    transform: translateX(50%);
  }
}
.footer__back svg {
  display: block;
}
.footer__back span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
  margin-left: -7px;
}

.footer__wave {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100vw;
}
[data-ua*="rv:11"] .footer__wave {
  display: none;
}
.footer__wave svg {
  width: 100vw;
  height: auto;
  display: block;
  min-width: 2300px;
}

.header {
  padding-top: 16px;
  padding-bottom: 16px;
  color: #00388E;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
}
.page-template-page--supper-club .header, .morocco-green .header {
  color: #fff;
}
.s--light .header, .s--nav-open .header {
  color: #fff;
}
.header a {
  display: inline-block;
  padding: 3px 0;
  text-transform: uppercase;
  font-family: "Food Truck Signage", sans-serif;
}

.header__logo {
  padding: 0;
  order: 2;
  flex-shrink: 0;
  transition: 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (max-width: 736px) {
  .header__logo {
    width: 118px;
    height: 38px;
  }
  .header__logo svg {
    display: block;
    width: 100%;
    height: 100%;
  }
}
.header__logo:hover {
  transform: scale(1.1);
}

.header__toggle {
  margin-right: auto;
  order: 1;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header__toggle > div {
  display: flex;
  align-items: center;
  font-family: "Food Truck Signage", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  cursor: pointer;
}
.header__toggle i {
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-content: space-between;
  margin-right: 5px;
  height: 13px;
  position: relative;
  transition: 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (max-width: 736px) {
  .header__toggle i {
    width: 30px;
    height: 20px;
  }
}
.header__toggle i svg {
  transition: 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (max-width: 736px) {
  .header__toggle i svg {
    width: 100%;
    height: auto;
  }
}
.header__toggle i > :nth-child(2) {
  transform: scaleX(-1);
}
@media (min-width: 737px) {
  .header__toggle > div:hover i {
    transform: translateY(-5px);
  }
  .header__toggle > div:hover i > :first-child {
    transform: translateY(-2px) rotate(-4deg);
  }
  .header__toggle > div:hover i > :nth-child(2) {
    transform: scaleX(-1) rotate(-4deg);
  }
  .header__toggle > div:hover i > :last-child {
    transform: translateY(2px) rotate(-4deg);
  }
}
.s--nav-open .header__toggle i > :first-child {
  transform: translateY(5px) rotate(-45deg);
}
@media (max-width: 736px) {
  .s--nav-open .header__toggle i > :first-child {
    transform: translateY(8px) rotate(-45deg);
  }
}
.s--nav-open .header__toggle i > :nth-child(2) {
  transform: scaleX(-1) rotate(-135deg);
}
.s--nav-open .header__toggle i > :last-child {
  transform: translateY(-5px) rotate(45deg);
}
@media (max-width: 736px) {
  .s--nav-open .header__toggle i > :last-child {
    transform: translateY(-8px) rotate(45deg);
  }
}
.header__toggle span {
  display: inline-flex;
}
@media (max-width: 736px) {
  .header__toggle span {
    display: none;
  }
}

.header__actions {
  flex: 1;
  order: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header__actions div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header__actions svg {
  margin-right: 6px;
  position: relative;
  transition: 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
  top: -1px;
}
@media (max-width: 736px) {
  .header__actions svg {
    margin-right: 0;
    width: 20px;
    height: 18px;
  }
}
.header__actions div:hover svg {
  transform: translateY(-5px) scale(1.5);
}
.header__actions a {
  margin-left: 20px;
}
.header__actions a > span {
  display: inline-flex;
}
@media (max-width: 736px) {
  .header__actions a > span {
    display: none;
  }
}

.kiddos-banner {
  min-height: 100vh;
  padding: 206px 0;
  position: relative;
  text-align: center;
  background-color: #B7E2FA;
  font-size: min(20px, 0.833vw); /* REM 16px at 1920px. Maximum of 1.25× larger. */
  z-index: 8;
}
@media (max-width: 1200px) {
  .kiddos-banner {
    font-size: min(20px, 1.333vw); /* REM 16px at 1200px. Maximum of 1.25× larger. */
    overflow: hidden;
  }
}
@media (max-width: 650px) {
  .kiddos-banner {
    font-size: min(18px, 3.865vw); /* REM 16px at 414px. Maximum of 1.125× larger. */
  }
}
.kiddos-banner__wave {
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  height: auto;
  color: #8BBE82;
  z-index: 2;
}
@media (max-width: 1200px) {
  .kiddos-banner__wave {
    bottom: 0;
  }
}
.kiddos-banner__header {
  position: relative;
  width: 34.375em;
  height: auto;
  z-index: 2;
}
@media (max-width: 1200px) {
  .kiddos-banner__header {
    width: 28.125em;
  }
}
@media (max-width: 650px) {
  .kiddos-banner__header {
    width: 20em;
  }
}
.kiddos-banner__clouds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
}
.kiddos-banner__image {
  position: relative;
  width: 64em;
  margin: 0 auto;
  display: block;
  z-index: 5;
}
@media (max-width: 1200px) {
  .kiddos-banner__image {
    width: 46.875em;
  }
}
@media (max-width: 650px) {
  .kiddos-banner__image {
    width: 24.375em;
  }
}
.kiddos-banner__image-pack {
  width: 100%;
  height: auto;
}
.kiddos-banner__image-product {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 25.4375em;
  height: auto;
}
@media (max-width: 1200px) {
  .kiddos-banner__image-product {
    width: 19.375em;
  }
}
@media (max-width: 650px) {
  .kiddos-banner__image-product {
    width: 10em;
  }
}
.kiddos-banner__blueberry {
  height: auto;
  position: absolute;
  z-index: 1;
}
.kiddos-banner__blueberry img {
  width: 100%;
  height: auto;
}
.kiddos-banner__blueberry--1 {
  width: 25.5em;
  bottom: 5.625em;
  right: 6.25em;
  z-index: 2;
}
@media (max-width: 1200px) {
  .kiddos-banner__blueberry--1 {
    width: 12.5em;
    right: 0;
  }
}
@media (max-width: 650px) {
  .kiddos-banner__blueberry--1 {
    width: 9.375em;
    bottom: 1.25em;
  }
}
.kiddos-banner__blueberry--2 {
  top: 14.375em;
  left: 15.9375em;
  width: 7.1875em;
}
@media (max-width: 650px) {
  .kiddos-banner__blueberry--2 {
    display: none;
  }
}
.kiddos-banner__blueberry--3 {
  top: 10em;
  right: 24.0625em;
  width: 2.8125em;
}
.kiddos-banner__blueberry--4 {
  top: 19.875em;
  right: 14.375em;
  width: 12.8125em;
}
@media (max-width: 1200px) {
  .kiddos-banner__blueberry--4 {
    width: 6.25em;
    right: 0;
  }
}
.kiddos-banner__blueberry--5 {
  bottom: 0;
  left: 0;
  width: 32.1875em;
  z-index: 0;
}
@media (max-width: 1200px) {
  .kiddos-banner__blueberry--5 {
    width: 18.75em;
  }
}
@media (max-width: 650px) {
  .kiddos-banner__blueberry--5 {
    width: 9.375em;
    bottom: -1.875em;
    left: -3.125em;
  }
}
.kiddos-banner__blueberry--6 {
  bottom: -15em;
  right: -25em;
  width: 69.375em;
  rotate: 24deg;
  clip-path: polygon(100% 60%, 0% 100%, 1% 0%, 70% -10%);
}
@media (max-width: 1200px) {
  .kiddos-banner__blueberry--6 {
    width: 58.125em;
  }
}
@media (max-width: 650px) {
  .kiddos-banner__blueberry--6 {
    width: 21.25em;
    right: -3.125em;
    bottom: -5em;
  }
}
.kiddos-banner__blueberry--7 {
  width: 9.375em;
  top: 25em;
  right: 32.5em;
}
.kiddos-banner__blueberry--8 {
  width: 9em;
  top: 37.5em;
  right: 1.25em;
}
.kiddos-banner__blueberry--9 {
  width: 16.375em;
  top: 75em;
  right: 15.625em;
}
.kiddos-banner__raspberry {
  height: auto;
  position: absolute;
  z-index: 1;
}
.kiddos-banner__raspberry img {
  width: 100%;
  height: auto;
}
.kiddos-banner__raspberry--1 {
  width: 25.5em;
  bottom: 0;
  left: 12.5em;
  scale: -1 1;
  z-index: 3;
}
@media (max-width: 1200px) {
  .kiddos-banner__raspberry--1 {
    left: 0;
    bottom: 0;
    width: 18.75em;
  }
}
@media (max-width: 650px) {
  .kiddos-banner__raspberry--1 {
    right: 0;
    left: auto;
    width: 10em;
  }
}
.kiddos-banner__raspberry--2 {
  top: -18.125em;
  right: 13.75em;
  width: 34.375em;
  rotate: 66deg;
}
@media (max-width: 1200px) {
  .kiddos-banner__raspberry--2 {
    top: -9.375em;
    left: -9.375em;
    width: 31.25em;
  }
}
@media (max-width: 650px) {
  .kiddos-banner__raspberry--2 {
    width: 9.375em;
    top: -3.125em;
    left: -3.125em;
  }
}
.kiddos-banner__raspberry--3 {
  top: 35em;
  left: 6.875em;
  width: 20.875em;
  z-index: 0;
}
@media (max-width: 1200px) {
  .kiddos-banner__raspberry--3 {
    width: 12.5em;
  }
}
@media (max-width: 650px) {
  .kiddos-banner__raspberry--3 {
    bottom: 0;
    left: -6.25em;
    width: 12.5em;
  }
}
.kiddos-banner__raspberry--4 {
  bottom: 2.5em;
  right: -23.125em;
  width: 50em;
  rotate: 61deg;
  z-index: 0;
}
@media (max-width: 1200px) {
  .kiddos-banner__raspberry--4 {
    width: 37.5em;
  }
}
@media (max-width: 650px) {
  .kiddos-banner__raspberry--4 {
    display: none;
  }
}
.kiddos-banner__raspberry--5 {
  top: 12.5em;
  left: 22.25em;
  width: 10.75em;
  scale: -1 1;
}
@media (max-width: 1200px) {
  .kiddos-banner__raspberry--5 {
    width: 7.5em;
  }
}
@media (max-width: 650px) {
  .kiddos-banner__raspberry--5 {
    display: none;
  }
}
.kiddos-banner__raspberry--6 {
  top: 17.875em;
  right: 15.25em;
  width: 10.75em;
}
@media (max-width: 1200px) {
  .kiddos-banner__raspberry--6 {
    top: 12.5em;
    right: 6.25em;
    width: 7.5em;
  }
}
@media (max-width: 650px) {
  .kiddos-banner__raspberry--6 {
    top: 6.25em;
    right: 3.125em;
    width: 4.6875em;
  }
}
.kiddos-banner__raspberry--7 {
  bottom: 21.25em;
  left: 3.375em;
  width: 10.75em;
  scale: -1 1;
}
@media (max-width: 650px) {
  .kiddos-banner__raspberry--7 {
    right: 0;
    left: auto;
    bottom: 3.125em;
    width: 4.6875em;
  }
}
.kiddos-banner__path-container {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 3;
}
@media screen and (max-width: 1715px) {
  .kiddos-banner__path-container {
    min-width: 1650px;
  }
}
@media (max-width: 1200px) {
  .kiddos-banner__path-container {
    display: none;
  }
}
.kiddos-banner__path-container-inner {
  position: absolute;
  top: 69.375em;
  right: 6.875em;
  width: 65.625em;
  pointer-events: none;
}
.kiddos-banner__path {
  height: auto;
}
.kiddos-banner__bush {
  position: absolute;
  bottom: 0;
  left: 6.25em;
}
@media screen and (min-width: 1800px) {
  .kiddos-banner__bush {
    left: 26.25em;
  }
}
@media screen and (max-width: 1715px) {
  .kiddos-banner__bush {
    left: 210px;
    min-width: 955px;
  }
}
.kiddos-banner__path-to-follow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.kiddos-body {
  padding: 100px 0 250px;
  background-color: #8BBE82;
  position: relative;
  z-index: 2;
}
@media (max-width: 650px) {
  .kiddos-body {
    padding: 100px 0 150px;
  }
}
.kiddos-body__ingredients, .kiddos-body__benefits, .kiddos-body__nutrition {
  position: relative;
  grid-column: 2/span 6;
  text-align: center;
  margin: 0 0 64px;
  padding: 0 40px 0 0;
  z-index: 2;
}
@media (max-width: 1200px) {
  .kiddos-body__ingredients, .kiddos-body__benefits, .kiddos-body__nutrition {
    grid-column: 2/-2;
    padding: 0;
  }
}
@media (max-width: 1024px) {
  .kiddos-body__ingredients, .kiddos-body__benefits, .kiddos-body__nutrition {
    grid-column: 1/-1;
  }
}
.kiddos-body__ingredients-list {
  display: inline-grid;
  align-items: center;
  grid-template-columns: repeat(3, 1fr);
  max-width: 700px;
}
@media (max-width: 650px) {
  .kiddos-body__ingredients-list {
    gap: 90px;
    grid-template-columns: repeat(1, 1fr);
  }
}
.kiddos-body__ingredients-item {
  width: 100%;
  font-size: 45px;
  margin: 0 0 32px;
  color: #20419A;
  font-family: "Food Truck Signage", sans-serif;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  counter-increment: section;
  line-height: 0.9;
}
.kiddos-body__ingredients-item--long {
  font-size: 36px;
}
.kiddos-body__ingredients-item--long span {
  display: block;
  max-width: 210px;
  margin: 0 auto;
}
.kiddos-body__ingredients-item:before {
  display: block;
  content: counter(section) ".";
  font-size: 45px;
}
.kiddos-body__ingredients-item:after {
  content: "";
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 65%;
  height: auto;
  aspect-ratio: 119/150;
  background-image: url("data:image/svg+xml,%3Csvg height='148.41' viewBox='0 0 96.4 148.41' width='96.4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m62.51 0c-.85.11-1.2.26-1.95.96l-.9.85-1.33 4.67c-1.45 5.06-1.9 7.67-2.1 11.73-.14 2.38.04 3.63.5 4.22.23.31.38.32 1.05 0 .86-.34 2.15-2.01 4.01-5.15 2.01-3.38 2.89-5.44 4.01-9.21 1.16-3.85 1.17-4.44.41-6.01-.34-.74-1.53-1.77-2.23-1.97-.23-.08-.89-.09-1.43-.01l-.04-.08zm-36.39 5.93c-.51.7-.63 1.05-.64 2.06v1.25s2.39 4.2 2.39 4.2c2.63 4.55 4.16 6.67 6.96 9.63 1.65 1.73 2.61 2.48 3.35 2.53.39 0 .47-.07.71-.74.32-.86.03-2.97-.94-6.49-1.01-3.8-1.88-5.87-3.82-9.29-1.98-3.49-2.36-3.93-4.03-4.45-.77-.24-2.33-.1-2.99.25-.23.11-.67.58-1.02 1.04h.04zm-23.18 8.05c-2.99.6-3.92 4.26-1.74 6.97 1.42 1.73 8.43 6.99 14.6 10.91 3.97 2.54 9.3 4.81 10.63 4.55.51-.11.7-.58.52-1.32-.15-.74-2.71-4.36-4.86-6.92-1.96-2.32-2.38-2.72-8.53-7.97-5.08-4.34-6.23-5.17-8.13-5.85-1.28-.48-1.62-.52-2.48-.37zm90.02-7.41c3.06.18 4.42 3.67 2.65 6.66-1.14 1.9-7.42 8.05-13.01 12.8-3.6 3.05-8.6 6.05-9.92 5.96-.54 0-.77-.48-.68-1.26.05-.74 2.1-4.71 3.88-7.54 1.66-2.56 1.97-3.03 7.43-9.03 4.47-5 5.53-5.96 7.29-6.88 1.21-.65 1.56-.73 2.41-.72h-.04zm-59.37 136.38c.84.1 1.22 0 2.08-.55l1.07-.61 2.36-4.3c2.54-4.66 3.61-7.1 4.69-11.04.65-2.35.82-3.56.49-4.22-.17-.37-.28-.4-.99-.26-.91.17-2.51 1.54-5.02 4.21-2.72 2.86-4.02 4.72-5.96 8.19-2 3.54-2.15 4.11-1.76 5.83.17.82 1.06 2.02 1.7 2.43.2.13.84.26 1.37.32h-.04zm30.37 2.8c.67-.56.85-.92 1.12-1.91l.34-1.22-1.38-4.63c-1.47-5.02-2.46-7.44-4.48-10.9-1.18-2.06-1.95-2.99-2.64-3.21-.37-.1-.46-.04-.87.59-.54.8-.72 2.91-.58 6.57.1 3.94.45 6.14 1.54 9.93 1.11 3.87 1.38 4.35 2.88 5.23.68.42 2.22.58 2.95.36.25-.06.8-.44 1.21-.78l-.07-.02zm25.72 2.61c3.05.06 4.76-3.39 3.31-6.5-.96-2.01-6.53-8.66-11.59-13.86-3.26-3.34-7.9-6.72-9.21-6.74-.51-.01-.79.41-.82 1.22-.01.77 1.64 4.89 3.08 7.88 1.36 2.73 1.67 3.18 6.42 9.65 3.9 5.35 4.84 6.42 6.49 7.5 1.11.74 1.47.87 2.34.9l-.03-.05zm-85.43-11.84c-2.91-.84-3.43-4.56-1.01-7.12 1.56-1.63 9.03-6.38 15.55-9.86 4.2-2.25 9.68-4.13 10.97-3.76.52.14.63.61.38 1.36-.2.72-3.14 4.2-5.52 6.6-2.2 2.2-2.61 2.54-9.24 7.3-5.46 3.96-6.7 4.7-8.64 5.26-1.3.4-1.66.39-2.52.2h.04z' fill='%23fff0d8' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.kiddos-body__title-image {
  margin: 0 0 64px;
}
.kiddos-body__title-image img {
  width: 290px;
  height: auto;
}
@media (max-width: 650px) {
  .kiddos-body__title-image img {
    width: 220px;
  }
}
.kiddos-body__title {
  display: inline-block;
  padding: 6px 16px;
  font-size: 48px;
  line-height: 0.8;
  margin: 0 0 64px;
  color: #FFF0D8;
  background: #20419A;
  font-family: "Food Truck Signage", sans-serif;
  text-align: center;
  text-transform: uppercase;
  transform: rotate(-2deg);
}
@media (max-width: 650px) {
  .kiddos-body__title {
    font-size: 36px;
  }
}
.kiddos-body__title--benefits {
  transform: rotate(2deg);
}
.kiddos-body__text p {
  margin: 0 0 32px;
}
.kiddos-body__benefits-list {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 650px) {
  .kiddos-body__benefits-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.kiddos-body__benefits-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.kiddos-body__benefits-item img {
  width: 90px;
  height: auto;
  margin: 0 0 32px;
}
.kiddos-body__benefits-item span {
  font-size: 20px;
  line-height: 0.8;
  color: #20419A;
  font-family: "Food Truck Signage", sans-serif;
  text-align: center;
  text-transform: uppercase;
  max-width: 120px;
}
.kiddos-body__nutrition .productInfo__fullNutrition {
  max-height: 0;
  transition: max-height 0.5s ease-in-out;
}
.kiddos-body__nutrition .productInfo__fullNutrition.s--active {
  max-height: 1000px;
}
.kiddos-body__flowers {
  position: absolute;
  top: 0;
  left: 32px;
  right: 32px;
  width: calc(100% - 64px);
  pointer-events: none;
  height: auto;
}
.kiddos-body__grass {
  position: relative;
  top: -60px;
  width: 100%;
  margin: -100px 0 0;
  z-index: 8;
}
@media (max-width: 650px) {
  .kiddos-body__grass {
    display: none;
  }
}

.kiddos-range {
  padding: 50px 0 250px;
  position: relative;
  background-color: #B7E2FA;
  z-index: 9;
}
@media (max-width: 650px) {
  .kiddos-range {
    padding: 64px 0 125px;
  }
}
.kiddos-range:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg height='126' viewBox='0 0 1918 126' width='1918' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1918 32.2s-28.29-31.53-105.2-32.2c-133.82.51-296.79 26.47-430.06 34.24-133.27 7.76-191.53-3.06-357.74-2.66s-215.42-2.6-401.5-2.7c-68.47 0-174.45 15.27-279.21 15.31s-215.25-19.7-286.56-20.6c-48.92-.61-57.26 6.78-57.71 7.99-.04 0 0 81.41 0 81.41v13.01h1917.97v-93.8z' fill='%23B7E2FA'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-position: center;
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  aspect-ratio: 1918/126;
  transform: translateY(-100%);
}
.kiddos-range:after {
  content: "";
  position: absolute;
  bottom: -150px;
  left: 0;
  display: block;
  width: 100%;
  height: 550px;
  background-color: #AAD9F4;
}
@media (max-width: 650px) {
  .kiddos-range:after {
    bottom: -320px;
  }
}
.kiddos-range__title {
  font-size: 72px;
  text-align: center;
  grid-column: 3/-3;
  max-width: 500px;
  margin: 0 auto 64px;
  position: relative;
  z-index: 2;
}
@media (max-width: 650px) {
  .kiddos-range__title {
    font-size: 36px;
  }
}
.kiddos-range__products {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-column: 3/-3;
  position: relative;
  z-index: 2;
}
.kiddos-range__product {
  text-align: center;
  max-width: 550px;
}
.kiddos-range__product a {
  display: inline-block;
}
.kiddos-range__product-title {
  font-size: 30px;
  margin: 32px 0 0;
}
.kiddos-range__clouds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
}
.kiddos-range__grass {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 2;
}
@media (max-width: 650px) {
  .kiddos-range__grass {
    min-width: 800px;
  }
}

.kiddos-retailers {
  position: relative;
  text-align: center;
  padding: 32px 0 225px;
  z-index: 8;
}
@media (max-width: 650px) {
  .kiddos-retailers {
    padding: 64px 0 125px;
  }
}
.kiddos-retailers:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg height='126' viewBox='0 0 1918 126' width='1918' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1918 32.2s-28.29-31.53-105.2-32.2c-133.82.51-296.79 26.47-430.06 34.24-133.27 7.76-191.53-3.06-357.74-2.66s-215.42-2.6-401.5-2.7c-68.47 0-174.45 15.27-279.21 15.31s-215.25-19.7-286.56-20.6c-48.92-.61-57.26 6.78-57.71 7.99-.04 0 0 81.41 0 81.41v13.01h1917.97v-93.8z' fill='%23bdafd6'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-position: center;
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  aspect-ratio: 1918/126;
  transform: translateY(-100%);
}
.kiddos-retailers--blueberry {
  background: #BDAFD6;
}
.kiddos-retailers--raspberry {
  background: #F7ACB4;
}
.kiddos-retailers--raspberry:before {
  background-image: url("data:image/svg+xml,%3Csvg height='126' viewBox='0 0 1918 126' width='1918' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1918 32.2s-28.29-31.53-105.2-32.2c-133.82.51-296.79 26.47-430.06 34.24-133.27 7.76-191.53-3.06-357.74-2.66s-215.42-2.6-401.5-2.7c-68.47 0-174.45 15.27-279.21 15.31s-215.25-19.7-286.56-20.6c-48.92-.61-57.26 6.78-57.71 7.99-.04 0 0 81.41 0 81.41v13.01h1917.97v-93.8z' fill='%23F7ACB4'/%3E%3C/svg%3E");
}
.kiddos-retailers__title {
  display: inline-block;
  padding: 6px 16px;
  font-size: 48px;
  line-height: 0.8;
  margin: 0 0 32px;
  color: #FFF0D8;
  background: #20419A;
  font-family: "Food Truck Signage", sans-serif;
  text-align: center;
  text-transform: uppercase;
  transform: rotate(-5deg);
}
@media (max-width: 650px) {
  .kiddos-retailers__title {
    font-size: 36px;
  }
}
.kiddos-retailers__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  gap: 24px;
  z-index: 2;
}
.kiddos-retailers__item {
  width: 37.5%;
}
@media (max-width: 650px) {
  .kiddos-retailers__item {
    width: 80%;
  }
}
.kiddos-retailers__item a {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg height='396' viewBox='0 0 474 396' width='474' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m471.55 334.61c-.15-2.03-.48-4.04-1-6-1-5-3-10-7-16-3-6-7-11-12-17-12-17-26-36-29-59v-1l-4-22c-1.24-7.61-1.91-15.29-2-23 .15-3.68.48-7.35 1-11 1.04-8.86 3.06-17.58 6-26l10-27c8-18 15-36 18-54 .09-1.33.09-2.67 0-4-.13-4.17-1.15-8.26-3-12-1.62-3.78-4.01-7.18-7-10-3.13-3.09-6.88-5.47-11-7-3.26-.86-6.63-1.2-10-1-1.33-.08-2.67-.08-4 0-8 1-17 4-27 7-13 5-28 11-45 11h-3c-3.66.23-7.34.23-11 0-5.05-.72-10.06-1.72-15-3l-32-10c-19-6-39-13-59-14h-3c-5.73-.06-11.44.61-17 2l-20 7-23 7c-3.6.99-7.28 1.66-11 2h-2c-3.03 0-6.04-.34-9-1-9-2-19-6-30-12l-29-17c-9-6-18-12-27-16-1.57-.72-3.28-1.07-5-1.01-1.81.24-3.52.93-5 2-2.9 1.66-4.77 4.67-5 8-.06.67-.06 1.33 0 2 1 7 4 15 8 24 12.37 28.84 19.48 59.66 21 91-.14 10.73-1.14 21.43-3 32l-7 35-8 42c-5.53 44.74-13.55 89.14-24 133-.14 1-.14 2 0 3-.06 1.72.28 3.43 1 5 1.02 1.61 2.39 2.98 4 4 1.77 1.41 3.81 2.44 6 3 1 .1 2 .1 3 0 1.33.18 2.67.18 4 0l28-10c21-9 46-19 74-23 6.94-1.21 13.96-1.88 21-2l32 2c20.62 1.75 41.33 2.08 62 1 5.05.71 10.06 1.71 15 3l30 8c31 8 30 30 46 32 11 0 14-26 37-31 5.29-.85 10.65-1.18 16-1 7.75.18 15.46 1.18 23 3 3.27.81 6.64 1.15 10 1 2.03-.15 4.03-.49 6-1 5.05-.95 9.83-3 14-6 4.1-2.88 7.52-6.64 10-11 1.28-2.21 2.28-4.56 3-7 .67-2.61 1.01-5.3 1-8zm-248 32c-13-13-46-15-57-15h-5c22 7 33 10 42 27 4 7 10 10 15 10 6 0 11-4 11-9 0-4-2-8-6-13zm107-311c-12-7-19-11-23-24-1-6-5-9-9-9-1.06.1-2.09.44-3 1-3 1-5 6-1 14 8 13 36 18 36 18zm-318 255c-19 7-14 26-1 26 4 0 7-1 12-4 16-11 21-75 21-75-9 26-14 45-32 53zm452-206c-3.2.26-6.28 1.29-9 3-18 9-29 48-29 48 11-16 17-25 34-29 9-2 13-8 13-13s-3-9-9-9zm-9 32c-.67-.04-1.33-.04-2 0-13 1-18 13-18 13l7-2 10 1c.33.01.67.01 1 0 6 0 9-4 9-7s-2-5-7-5z' fill='%23fff0d8'/%3E%3C/svg%3E");
}
.kiddos-retailers__item img {
  display: block;
  width: 50%;
  height: 50%;
  -o-object-fit: contain;
     object-fit: contain;
}
.kiddos-retailers__decoration {
  position: absolute;
  pointer-events: none;
}
.kiddos-retailers__decoration img {
  width: 100%;
  height: auto;
}
.kiddos-retailers__decoration--1 {
  top: -200px;
  left: 0;
  width: 100%;
  height: auto;
}
@media (max-width: 650px) {
  .kiddos-retailers__decoration--1 {
    top: 0;
  }
}
.kiddos-retailers--raspberry .kiddos-retailers__decoration--1 {
  top: 0;
}
.kiddos-retailers__decoration--2 {
  top: 22px;
  left: 110px;
  width: 3%;
}
.kiddos-retailers__decoration--3 {
  top: 10px;
  right: 458px;
  width: 3%;
}
.kiddos-retailers__decoration--4 {
  top: 380px;
  left: 256px;
  width: 6%;
}
.kiddos-retailers__decoration--5 {
  width: 7%;
  top: 180px;
  right: 100px;
  transform: scaleX(-1);
}
.kiddos-retailers__decoration--6 {
  left: 544px;
  bottom: 94px;
  width: 3%;
}
.kiddos-retailers__decoration--7 {
  width: 14%;
  right: 250px;
  bottom: 100px;
  transform: scaleX(-1);
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
}
@media (max-width: 736px) {
  .modal__overlay {
    padding-top: 2.5vh;
    padding-bottom: 2.5vh;
  }
}

.modal__container {
  background-color: #fff;
  padding: 14px 20px 40px;
  max-width: 95vw;
  width: 1026px;
  height: 100vh;
  max-height: calc(100vh - 50px);
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 736px) {
  .modal__container {
    max-height: 95vh;
    padding: 14px;
    padding-bottom: 30px;
  }
}

.modal__content {
  max-height: calc(100% - 22px);
  overflow-y: auto;
  padding: 0 22px;
  width: 100%;
}
@media (max-width: 736px) {
  .modal__content {
    padding: 0;
  }
}
.modal__content::-webkit-scrollbar-button {
  display: none;
}
.modal__content::-webkit-scrollbar-thumb {
  background-color: #00388E;
  border-radius: 6px;
}
.modal__content::-webkit-scrollbar-thumb:hover {
  background-color: #192F50;
}
.modal__content::-webkit-scrollbar-track {
  background-color: #F4F4F4;
  border-radius: 6px;
}
.modal__content::-webkit-scrollbar {
  width: 8px;
  border-radius: 6px;
}
@media (max-width: 736px) {
  .modal__content::-webkit-scrollbar {
    width: 8px;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes scaleIn {
  from {
    transform: scale(1.05);
  }
  to {
    transform: translateY(1);
  }
}
@keyframes scaleOut {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.95);
  }
}
.modal {
  display: none;
}

.modal__close {
  margin-left: auto;
  color: #00388E;
  display: inline-flex;
  align-items: center;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 20px;
}
.modal__close:hover {
  color: #192F50;
}
.modal__close:hover svg {
  transform: rotate(90deg);
}
.modal__close svg {
  margin-right: 7px;
  position: relative;
  transition: 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.modal.is-open {
  display: block;
  position: relative;
  z-index: 10;
}

.modal[aria-hidden=false] .modal__container {
  animation: scaleIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.modal[aria-hidden=true] .modal__container {
  animation: scaleOut 0.2s cubic-bezier(0.36, 0, 0.66, -0.56);
}

.modal[aria-hidden=false] .modal__overlay {
  animation: fadeIn 0.3s linear;
}

.modal[aria-hidden=true] .modal__overlay {
  animation: fadeOut 0.2s 0.1s linear;
}

.navOverlay {
  background-color: #5C5C5C;
  mix-blend-mode: multiply;
  z-index: 6;
  opacity: 0;
  transition: 0.2s 0.3s linear;
}
.s--nav-open .navOverlay {
  transition-delay: 0s;
  opacity: 1;
}

.nav,
.navOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}

.nav {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 6;
  will-change: transform;
  opacity: 0;
}
[data-ua*="rv:11"] .nav {
  justify-content: space-around;
}
.s--nav-open .nav {
  opacity: 1;
  pointer-events: all;
}

.nav .menu {
  max-width: 806px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 736px) {
  .nav .menu {
    max-width: 375px;
    transform: scale(0.7);
    transform-origin: top;
  }
}
.nav .menu li {
  margin: 16px;
  transform: scale(0.4);
  opacity: 0;
  transition: 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
  pointer-events: none;
}
.s--nav-open .nav .menu li {
  opacity: 1;
  transform: scale(1);
  pointer-events: all;
}
@media (max-width: 768px) {
  .nav .menu div {
    transform: scale(1);
  }
}
.nav .menu a {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 103%;
  color: #00388E;
  text-transform: uppercase;
  font-family: "Food Truck Signage", sans-serif;
  line-height: 0.75;
  will-change: transform;
}
@media (max-width: 736px) {
  .nav .menu a {
    animation: none;
  }
}
.nav .menu a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(images/bg--nav.svg);
  background-size: 100% 100%;
}
.nav .menu li:nth-child(1) {
  width: 364px;
  font-size: 80px;
  transition-delay: 0.1s;
  margin-top: 80px;
}
@media (max-width: 736px) {
  .nav .menu li:nth-child(1) {
    width: 266px;
    font-size: 54px;
    margin-left: -40px;
    margin-top: 100px;
    font-size: 49px;
    width: 226px;
  }
}
.nav .menu li:nth-child(2) {
  width: 180px;
  font-size: 40px;
  margin-top: 40px;
  transition-delay: 0.15s;
}
@media (max-width: 736px) {
  .nav .menu li:nth-child(2) {
    width: 158px;
    font-size: 33px;
    margin-top: 20px;
  }
}
.nav .menu li:nth-child(2) a {
  animation-delay: -2s;
}
.nav .menu li:nth-child(2) a:before {
  transform: rotate(68deg);
}
.nav .menu li:nth-child(3) {
  width: 208px;
  font-size: 32px;
  margin-left: 0;
  margin-top: -40px;
  transition-delay: 0.2s;
}
@media (max-width: 736px) {
  .nav .menu li:nth-child(3) {
    width: 154px;
    font-size: 26px;
    margin-top: -30px;
  }
}
.nav .menu li:nth-child(3) a {
  animation-delay: -4s;
}
.nav .menu li:nth-child(3) a:before {
  transform: rotate(-68deg);
}
.nav .menu li:nth-child(4) {
  width: 208px;
  font-size: 50px;
  margin-left: 0;
  margin-top: 0px;
  transition-delay: 0.2s;
}
@media (max-width: 736px) {
  .nav .menu li:nth-child(4) {
    width: 154px;
    font-size: 32px;
    margin-left: 120px;
    margin-top: -65px;
  }
}
.nav .menu li:nth-child(4) a {
  animation-delay: -4s;
}
.nav .menu li:nth-child(4) a:before {
  transform: rotate(-68deg);
}
.nav .menu li:nth-child(5) {
  width: 284px;
  font-size: 60px;
  margin-left: 0;
  margin-top: -210px;
  transition-delay: 0.3s;
}
@media (max-width: 736px) {
  .nav .menu li:nth-child(5) {
    width: 223px;
    font-size: 46px;
    margin-top: -44px;
    margin-left: -70px;
    margin-right: 80px;
  }
}
.nav .menu li:nth-child(5) a {
  animation-delay: -8s;
}
.nav .menu li:nth-child(5) a:before {
  transform: rotate(160deg);
}
.nav .menu span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  will-change: transform;
}

@keyframes orbit {
  from {
    transform: rotate(0deg) translateX(10px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(10px) rotate(-360deg);
  }
}
.pageAction {
  padding-top: 60px;
  padding-bottom: 260px;
}
@media (max-width: 768px) {
  .pageAction {
    padding-bottom: 130px;
  }
}
@media (max-width: 736px) {
  .pageAction {
    padding-top: 40px;
    padding-bottom: 100px;
  }
}

.pageAction__content {
  max-width: 680px;
  margin: 0 auto;
  position: relative;
}
.pageAction--contact .pageAction__content {
  max-width: 892px;
}
.pageAction__content h3 {
  margin-bottom: 37px;
}
@media (max-width: 736px) {
  .pageAction__content h3 {
    font-size: 32px;
  }
}
.pageAction__content a {
  min-width: 187px;
  margin: 0 auto;
}
.pageAction__content svg {
  position: absolute;
  right: 0;
  bottom: -5px;
}
@media (max-width: 736px) {
  .pageAction__content svg {
    display: none;
  }
}
.pageAction--contact .pageAction__content svg {
  right: auto;
  left: 0;
}

.pageHero {
  background-color: #EFF8FA;
  padding-top: 120px;
  padding-bottom: 300px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .pageHero {
    padding-top: 90px;
  }
}
@media (max-width: 768px) {
  .pageHero {
    padding-bottom: 150px;
  }
}
@media (max-width: 736px) {
  .pageHero {
    padding-top: 97px;
  }
}
.pageHero--contact {
  padding-bottom: 270px;
}
@media (max-width: 768px) {
  .pageHero--contact {
    padding-bottom: 150px;
  }
}
@media (max-width: 736px) {
  .pageHero--contact {
    padding-top: 97px;
  }
}
.pageHero .container {
  min-height: 410px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pageHero--general {
  padding-bottom: 100px;
}
@media (max-width: 736px) {
  .pageHero--general {
    padding-bottom: 50px;
  }
}
@media (max-width: 768px) {
  .pageHero--general .container {
    min-height: 280px;
  }
}
@media (max-width: 736px) {
  .pageHero--general .container {
    min-height: 550px;
  }
}
.pageHero--shop {
  padding-top: 160px;
  padding-bottom: 120px;
}
@media (max-width: 736px) {
  .pageHero--shop {
    padding-bottom: 30px;
  }
}
.pageHero--shop .container {
  min-height: 0;
}
.pageHero--shop span {
  color: #7B7B7B;
  margin-bottom: 20px;
  font-size: 16px;
}

.splash-video {
  background: pink;
  width: 66vw;
  max-width: 960px;
  background-size: cover;
  clip-path: url(#my-clip-path);
}
@media (max-width: 736px) {
  .splash-video {
    width: 95vw;
    max-height: 520px;
  }
}
.splash-video:before {
  content: " ";
  padding: 0 0 66%;
  display: block;
}
@media (max-width: 736px) {
  .splash-video:before {
    padding: 0 0 130%;
    max-height: 400px;
  }
}
.splash-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}

.pageHero__splash {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.pageHero__splash svg {
  max-width: 95vw;
}
html:not([data-ua*="rv:11"]) .pageHero__splash svg {
  height: auto;
}
@media (max-width: 736px) {
  .pageHero__splash svg {
    max-width: 105vw;
    display: none;
  }
}
.pageHero__splash svg:last-child {
  display: none;
}
@media (max-width: 736px) {
  .pageHero__splash svg:last-child {
    display: block;
  }
}
.pageHero--contact .pageHero__splash, .page-id-3 .pageHero__splash {
  transform: translateX(-50%) scaleX(-1);
}

.pageHero__content {
  padding-top: 90px;
  z-index: 2;
}
@media (max-width: 768px) {
  .pageHero__content {
    padding-top: 40px;
  }
}
@media (max-width: 736px) {
  .pageHero__content {
    padding-top: 64px;
  }
}
@media (max-width: 736px) {
  .pageHero--contact .pageHero__content, .page-template-default .pageHero__content {
    padding-top: 115px;
  }
}
.pageHero--general .pageHero__content, .pageHero--shop .pageHero__content {
  padding-top: 0;
}
[data-ua*="rv:11"] .pageHero--general .pageHero__content, [data-ua*="rv:11"] .pageHero--shop .pageHero__content {
  padding-top: 120px;
}
.pageHero__content span {
  opacity: 0.5;
  display: inline-block;
}
.pageHero__content h1 {
  max-width: 724px;
  margin: 0 auto 47px;
}
@media (max-width: 768px) {
  .pageHero__content h1 {
    font-size: 60px;
  }
}
@media (min-width: 1000px) {
  .page-template-page--sustainability .pageHero__content h1 {
    font-size: 118px;
    margin: 6px auto 47px;
  }
}
@media (max-width: 736px) {
  .pageHero__content h1 {
    margin-bottom: 30px;
    max-width: 300px;
  }
}
.pageHero--contact .pageHero__content h1, .page-template-default .pageHero__content h1 {
  max-width: 422px;
}
@media (max-width: 736px) {
  .pageHero--contact .pageHero__content h1, .page-template-default .pageHero__content h1 {
    max-width: 300px;
  }
}
.pageHero__content p {
  line-height: 1.21;
  max-width: 606px;
  margin: 0 auto;
}
@media (max-width: 736px) {
  .pageHero__content p {
    max-width: 270px;
  }
}
.pageHero__content a {
  text-decoration: underline;
}
.pageHero__content a:hover {
  text-decoration: none;
}

.pageHero__banner {
  width: 60%;
  margin: 0 auto;
  max-width: 640px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1600px) {
  .pageHero__banner {
    width: 75%;
  }
}
.pageHero__banner svg {
  width: 100%;
  height: auto;
  display: block;
}

.pageHero__lower {
  margin: 100px auto 0;
  text-align: center;
  max-width: 550px;
  width: calc(100% - 40px);
}
.pageHero__lower p {
  color: #00388E;
}

.pageHero__wave.pageHero__wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 11.6062751631%;
}
@media (max-width: 736px) {
  .pageHero__wave.pageHero__wave {
    width: 1440px;
    height: auto;
    padding: 0;
  }
  .pageHero__wave.pageHero__wave svg {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
  }
}
@media (max-width: 736px) {
  .pageHero--shop .pageHero__wave.pageHero__wave {
    top: 80%;
    bottom: auto;
  }
}

.pageHero__decor {
  position: absolute;
  right: 886px;
  top: 100%;
  margin-top: -125px;
  transform: rotate(200deg);
  z-index: 2;
}
@media (max-width: 1280px) {
  .pageHero__decor {
    right: 946px;
    margin-top: -160px;
  }
}
@media (max-width: 736px) {
  .pageHero__decor {
    width: 80px;
    height: 157px;
    right: auto;
    left: -5px;
    display: none;
  }
  .pageHero__decor svg {
    display: block;
    width: 100%;
    height: auto;
  }
}
.pageHero--general .pageHero__decor {
  top: auto;
  bottom: 0;
  margin: 0;
}
.pageHero--contact .pageHero__decor, .page-id-3 .pageHero__decor {
  margin-top: -175px;
  right: auto;
  left: 934px;
  transform: rotate(-27deg) scaleY(-1);
}
@media (max-width: 1280px) {
  .pageHero--contact .pageHero__decor, .page-id-3 .pageHero__decor {
    margin-top: -160px;
    left: 883px;
  }
}

/* SAP Marketing Cloud Form Runtime Styles (11.18.2) */
.sapCpWidget.sapCpWidgetHidden {
  display: none;
}

.sapCpWidgetMandatoryMissing input {
  border-color: #b00 !important;
}

.sapCpMissingMandatoryFieldLabel {
  display: none;
}
.sapCpMissingMandatoryField .sapCpMissingMandatoryFieldLabel {
  display: block;
}

.sapCpErrorMessageText {
  display: none;
}
.sapCpErrorMessageText .sapCpSubmitError {
  display: block;
}

.sapCpSuccessMessageLabel {
  display: none;
  margin-top: 20px;
}
.sapCpSubmitCompleted .sapCpSuccessMessageLabel {
  display: block;
}

.sapCpButtonWidget.sapCpButtonWidgetLoading button {
  cursor: wait;
}

/* Label */
.sapCpLabel {
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sapCpLabelRequiredBefore {
  padding-left: 10px;
}

.sapCpLabel:not(.sapCpLabelRequiredBefore):after {
  content: "*";
  visibility: hidden;
}

.sapCpWidgetContentLeft .sapCpLabel:not(.sapCpLabelRequiredBefore):after {
  position: absolute;
}

.sapCpLabel:not(.sapCpLabelRequiredBefore).sapCpLabelRequired:after {
  visibility: visible;
}

.sapCpLabel.sapCpLabelRequiredBefore:before {
  content: "*";
  visibility: hidden;
  position: absolute;
  left: 1px;
  top: -2px;
}

.sapCpLabel.sapCpLabelRequiredBefore.sapCpLabelRequired:before {
  visibility: visible;
}

.sapCpCheckBox + .sapCpLabel {
  display: block;
}

.sapCpCheckBoxElementWidget .sapCpWidgetContent {
  display: flex;
}
.sapCpCheckBoxElementWidget .sapCpWidgetContent input {
  margin-right: 10px;
}
.sapCpCheckBoxElementWidget .sapCpWidgetContent label {
  font-size: 14px;
}

.sapCpButton {
  display: block;
  margin-left: auto;
  min-width: 33%;
}

.wave {
  height: 0;
  width: 100%;
  display: block;
}
.wave svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 101%;
  height: 101%;
}

.waveBlock {
  display: block;
  width: 100%;
  height: auto;
}
[data-ua*="rv:11"] .waveBlock {
  display: none;
}

/* Stories Hero */
.story-hero {
  position: relative;
  z-index: 1;
  height: 614px;
  width: 100%;
  background: #192F50;
}
@media (max-width: 768px) {
  .story-hero {
    height: 635px;
  }
}
.story-hero .container {
  position: relative;
  display: flex;
  height: 100%;
}
.story-hero__title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-width: 498px;
  width: 100%;
}
@media (max-width: 768px) {
  .story-hero__title {
    top: 176px;
    max-width: 298px;
    transform: translateY(0%);
  }
}
@media (max-width: 736px) {
  .story-hero__title {
    top: 106px;
  }
}
.story-hero__title h1 {
  font-size: 136px;
  line-height: 104px;
  color: #fff;
  opacity: 0;
  transform: translateX(-100%);
}
@media (max-width: 768px) {
  .story-hero__title h1 {
    font-size: 64px;
    line-height: 50px;
  }
}
.story-hero__moon {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
@media (max-width: 736px) {
  .story-hero__moon {
    top: 200px;
    right: auto;
  }
}
.story-hero__moon .moon {
  position: relative;
  transform-origin: top;
}
.story-hero__moon .moon:hover {
  animation: rockMoon 3s infinite cubic-bezier(0.65, 0, 0.35, 1);
}
.story-hero__moon svg {
  position: absolute;
}
.story-hero__moon .moon-blur {
  filter: blur(14px);
}
.story-hero__stars {
  position: absolute;
  top: 80px;
  right: 0;
  width: 350px;
  height: 200px;
  opacity: 0;
}
@media (max-width: 736px) {
  .story-hero__stars {
    top: 240px;
  }
}
.story-hero__stars svg {
  position: absolute;
}
.story-hero__stars .star-blur {
  filter: blur(5px);
}
.story-hero__cloud {
  position: absolute;
  right: 0;
  margin-top: 307px;
  transform: scale(0);
}
.story-hero__cloud svg {
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .story-hero__cloud svg {
    transform: scale(0.9);
  }
}
@media (max-width: 736px) {
  .story-hero__cloud svg {
    width: 100%;
    transform: scale(1.1);
  }
}
.story-hero__cloud [data-draw-line-scroll] {
  position: absolute;
  z-index: 1;
  left: -25px;
  bottom: -330px;
  margin: auto;
}
@media (max-width: 1024px) {
  .story-hero__cloud [data-draw-line-scroll] {
    left: -6px;
    bottom: -349px;
  }
}
@media (max-width: 768px) {
  .story-hero__cloud [data-draw-line-scroll] {
    display: none;
    transform: scaleX(-1);
    left: 0;
  }
}
@media (max-width: 736px) {
  .story-hero__cloud [data-draw-line-scroll] {
    display: none;
  }
}
.story-hero__cloud-inner {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin: auto;
  max-width: 501px;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.story-hero__cloud-inner h2 {
  font-size: 72px;
  line-height: 60px;
  color: #00388E;
  padding: 0 60px;
  margin-bottom: 34px;
  transform: translateX(100%);
}
@media (max-width: 736px) {
  .story-hero__cloud-inner h2 {
    font-size: 32px;
    line-height: 28px;
    padding: 0 80px;
    margin-bottom: 10px;
  }
}
.story-hero__cloud-inner p {
  padding: 0 40px;
  transform: translateX(100%);
}
@media (max-width: 736px) {
  .story-hero__cloud-inner p {
    font-size: 16px;
    line-height: 24px;
  }
}

@keyframes rockMoon {
  0% {
    transform: rotate(0deg);
  }
  33% {
    transform: rotate(25deg);
  }
  66% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/* Page Global */
.page-template-page--about-us {
  overflow-x: hidden;
  transition: background 1s linear;
  background: #CCD7E8;
}
.page-template-page--about-us .header__toggle i svg path,
.page-template-page--about-us .header__actions svg path {
  fill: #fff;
}
.page-template-page--about-us .header__toggle span,
.page-template-page--about-us .header__actions a > span {
  color: #fff;
}

/* Process Grid */
.process-grid {
  position: relative;
  z-index: 0;
  padding-top: 220px;
}
.process-grid::before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  background: #00388E;
  width: 100%;
  height: 500px;
}
.process-grid .g, .process-grid .recipeModal form, .recipeModal .process-grid form,
.process-grid .recycleModal form,
.recycleModal .process-grid form, .process-grid .familySocial__form form, .familySocial__form .process-grid form, .process-grid .contact__content form, .contact__content .process-grid form {
  width: 100%;
}
@media (max-width: 768px) {
  .process-grid .g__col {
    width: 100%;
  }
}
.process-grid__inner {
  position: relative;
  z-index: 0;
  background: #F4F6F8;
  width: 100%;
}
.process-grid__splash {
  position: relative;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
}
.process-grid__splash svg {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (max-width: 736px) {
  .process-grid__splash svg {
    transform: scale(1.5);
    margin-left: 20px;
    height: 100%;
  }
}
.process-grid__splash p {
  font-size: 24px;
  line-height: 34px;
  color: #00388E;
  margin: 0;
  padding: 0 30px;
}
@media (max-width: 1024px) {
  .process-grid__splash p {
    font-size: 16px;
    line-height: 24px;
    padding: 0;
  }
}
@media (max-width: 768px) {
  .process-grid__splash p {
    font-size: 24px;
    line-height: 34px;
    padding: 0 30px;
  }
}
@media (max-width: 736px) {
  .process-grid__splash p {
    font-size: 16px;
    line-height: 24px;
    padding: 0;
  }
}
.process-grid__splash #plate-pot {
  position: absolute;
  top: -100px;
}
@media (max-width: 736px) {
  .process-grid__splash #plate-pot {
    position: relative;
    top: 0;
  }
}
@media (max-width: 736px) {
  .process-grid__splash .plate-pot-bg {
    display: none;
  }
}
.process-grid__splash [data-draw-line-scroll] {
  position: absolute;
  bottom: -285px;
}
@media (max-width: 1024px) {
  .process-grid__splash [data-draw-line-scroll] {
    bottom: -230px;
  }
}
@media (max-width: 768px) {
  .process-grid__splash [data-draw-line-scroll] {
    right: 0;
    bottom: -380px;
    width: auto;
    height: 175px;
  }
}
@media (max-width: 736px) {
  .process-grid__splash [data-draw-line-scroll] {
    right: -46px;
    bottom: -481px;
  }
}
.process-grid__splash .btn, .process-grid__splash .recipeModal .file > span:last-child:before, .recipeModal .process-grid__splash .file > span:last-child:before,
.process-grid__splash .recycleModal .file > span:last-child:before,
.recycleModal .process-grid__splash .file > span:last-child:before, .process-grid__splash .wpcf7-form button, .wpcf7-form .process-grid__splash button,
.process-grid__splash .wpcf7-form [type=submit],
.wpcf7-form .process-grid__splash [type=submit] {
  margin-top: 169px;
}
@media (max-width: 736px) {
  .process-grid__splash .btn, .process-grid__splash .recipeModal .file > span:last-child:before, .recipeModal .process-grid__splash .file > span:last-child:before,
.process-grid__splash .recycleModal .file > span:last-child:before,
.recycleModal .process-grid__splash .file > span:last-child:before, .process-grid__splash .wpcf7-form button, .wpcf7-form .process-grid__splash button,
.process-grid__splash .wpcf7-form [type=submit],
.wpcf7-form .process-grid__splash [type=submit] {
    margin-top: 20px;
  }
}
.process-grid__splash-inner {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  width: 100%;
  padding: 0 70px;
  text-align: center;
}
@media (max-width: 736px) {
  .process-grid__splash-inner {
    padding-left: 30px;
    padding-right: 0;
  }
}
.process-grid__splash-inner p {
  font-size: 24px;
  line-height: 34px;
  color: #00388E;
  margin: 0;
}
@media (max-width: 1024px) {
  .process-grid__splash-inner p {
    font-size: 16px;
    line-height: 24px;
    padding: 0;
  }
}
@media (max-width: 768px) {
  .process-grid__splash-inner p {
    font-size: 24px;
    line-height: 34px;
    padding: 0 30px;
  }
}
@media (max-width: 736px) {
  .process-grid__splash-inner p {
    font-size: 16px;
    line-height: 24px;
    padding: 0;
  }
}
.process-grid__img {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}
.process-grid__img.bowl-spoon {
  text-align: right;
}
.process-grid__wave {
  position: relative;
  margin-bottom: -40px;
}
.process-grid__wave svg {
  width: 100%;
  height: 100%;
}
.process-grid__wave.base {
  transform: rotate(180deg);
  margin-top: -30px;
  margin-bottom: auto;
}

.about-plax {
  position: relative;
  padding-top: 400px;
  padding-bottom: 400px;
}
@media (max-width: 736px) {
  .about-plax {
    padding-top: 300px;
    padding-bottom: 300px;
  }
}
.about-plax__inner {
  max-width: 716px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.about-plax__inner .btn, .about-plax__inner .recipeModal .file > span:last-child:before, .recipeModal .about-plax__inner .file > span:last-child:before,
.about-plax__inner .recycleModal .file > span:last-child:before,
.recycleModal .about-plax__inner .file > span:last-child:before, .about-plax__inner .wpcf7-form button, .wpcf7-form .about-plax__inner button,
.about-plax__inner .wpcf7-form [type=submit],
.wpcf7-form .about-plax__inner [type=submit] {
  margin-top: 76px;
}
.about-plax [data-draw-line-scroll] {
  position: absolute;
  z-index: 2;
  left: 8%;
  bottom: -150px;
}
@media (max-width: 1024px) {
  .about-plax [data-draw-line-scroll] {
    left: 20px;
  }
}
@media (max-width: 768px) {
  .about-plax [data-draw-line-scroll] {
    bottom: -87px;
    height: 300px;
    transform: rotate(29deg);
  }
}
@media (max-width: 736px) {
  .about-plax [data-draw-line-scroll] {
    display: none;
  }
}

#bowl-spoon {
  margin-top: -200px;
}
@media (max-width: 736px) {
  #bowl-spoon {
    margin-top: 0;
  }
}

.aboutDecor {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  z-index: 3;
}
.aboutDecor img {
  transform: scale(1.4);
}
.aboutDecor .decor--1 {
  left: 0%;
  top: -329px;
  width: 319px;
  height: 183px;
}
@media (max-width: 736px) {
  .aboutDecor .decor--1 {
    display: none;
  }
}
.aboutDecor .decor--2 {
  left: 29%;
  top: -209px;
  width: 132px;
  height: 179px;
}
@media (max-width: 736px) {
  .aboutDecor .decor--2 {
    left: 10%;
  }
}
.aboutDecor .decor--3 {
  left: 49%;
  top: -249px;
  width: 106px;
  height: 124px;
}
.aboutDecor .decor--4 {
  left: 69%;
  top: -239px;
  width: 237px;
  height: 136px;
}
@media (max-width: 736px) {
  .aboutDecor .decor--4 {
    display: none;
  }
}
.aboutDecor .decor--5 {
  left: 89%;
  top: -399px;
  width: 144px;
  height: 137px;
}
@media (max-width: 736px) {
  .aboutDecor .decor--5 {
    display: none;
  }
}
.aboutDecor .decor--6 {
  left: 4%;
  top: 130px;
  width: 88px;
  height: 90px;
}
@media (max-width: 736px) {
  .aboutDecor .decor--6 {
    display: none;
  }
}
.aboutDecor .decor--7 {
  left: 17%;
  top: 210px;
  width: 187px;
  height: 169px;
}
@media (max-width: 736px) {
  .aboutDecor .decor--7 {
    display: none;
  }
}
.aboutDecor .decor--8 {
  left: 34%;
  top: 340px;
  width: 187px;
  height: 169px;
}
@media (max-width: 736px) {
  .aboutDecor .decor--8 {
    left: 24%;
  }
}
.aboutDecor .decor--9 {
  left: 64%;
  top: 220px;
  width: 114px;
  height: 114px;
}
@media (max-width: 736px) {
  .aboutDecor .decor--9 {
    left: 74%;
  }
}
.aboutDecor .decor--10 {
  left: 88%;
  top: 120px;
  width: 210px;
  height: 258px;
}
@media (max-width: 736px) {
  .aboutDecor .decor--10 {
    display: none;
  }
}

.splash-cta {
  position: relative;
  max-width: 816px;
  width: 100%;
  margin: 0 auto 125px auto;
}
.splash-cta__inner {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
  text-align: center;
  padding: 0 100px;
}
@media (max-width: 736px) {
  .splash-cta__inner {
    padding: 0 50px;
  }
}
.splash-cta__inner p {
  font-size: 32px;
  line-height: 28px;
  color: #fff;
}
@media (max-width: 736px) {
  .splash-cta__inner p {
    font-size: 24px;
    line-height: 20px;
  }
}
.splash-cta svg {
  position: relative;
}
@media (max-width: 736px) {
  .splash-cta svg {
    width: 100%;
    height: 100%;
    transform: scale(1.3);
  }
}

/* Features */
.features {
  position: relative;
  overflow: hidden;
  padding-top: 200px;
  padding-bottom: 60px;
}
@media (max-width: 768px) {
  .features .g__col {
    width: 50%;
  }
}
@media (max-width: 736px) {
  .features .g__col {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .features {
    padding-top: 60px;
    padding-bottom: 100px;
  }
}
.features .card {
  background: #fff;
  border-radius: 20px;
  width: 100%;
  padding: 57px 25px;
  text-align: center;
}
.features .card-wrap {
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .features .card-wrap {
    margin-bottom: 40px;
  }
}
.features .card-wrap img {
  margin-top: -30px;
  margin-left: 55%;
}
.features .card-wrap.grains {
  position: relative;
}
.features .card-wrap.grains img {
  position: absolute;
  margin: 0;
  top: -61px;
  right: -22px;
  max-width: 155px;
}
.features .card-wrap.grains img:nth-child(2) {
  top: -35px;
  left: -30px;
  right: auto;
  bottom: auto;
  max-width: 87px;
}
.features .card-wrap.grains img:nth-child(3) {
  top: 198px;
  left: -36px;
  right: auto;
  max-width: 100px;
}
.features .card-wrap.grains img:nth-child(4) {
  top: 200px;
  right: 0;
  left: 0;
  margin: auto;
  max-width: 100px;
}
.features .card-wrap.pot {
  position: relative;
}
.features .card-wrap.pot img {
  max-width: 113px;
}
@media (max-width: 736px) {
  .features .card-wrap.pot img {
    margin-bottom: -20px;
  }
}
.features .card-wrap.cont {
  position: relative;
}
.features .card-wrap.cont img {
  position: absolute;
  top: -75px;
  right: -25px;
  margin: auto;
  max-width: 149px;
}
@media (max-width: 768px) {
  .features .card-wrap.cont img {
    top: auto;
    right: 0;
    bottom: -77px;
  }
}

.orange {
  color: #F09613;
}
.orange p {
  color: inherit;
}

.pink {
  color: #E58FAC;
}
.pink p {
  color: inherit;
}

.blue {
  color: #00388E;
}
.blue p {
  color: inherit;
}

.green {
  color: #88B654;
}
.green p {
  color: inherit;
}

/* Quote */
.quote {
  position: relative;
  padding-top: 200px;
  padding-bottom: 300px;
}
@media (max-width: 736px) {
  .quote {
    padding-top: 130px;
    padding-bottom: 120px;
  }
}
.quote__inner {
  position: relative;
  max-width: 719px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}
.quote__inner::before {
  position: absolute;
  content: "";
  top: -50px;
  left: -35px;
  background-image: url("/wp-content/themes/onken-2020/_src/images/quote-marks@2x.png");
  background-size: cover;
  width: 50px;
  height: 50px;
}
@media (max-width: 768px) {
  .quote__inner::before {
    left: 20px;
    width: 23px;
    height: 23px;
  }
}
.quote__inner::after {
  position: absolute;
  content: "";
  bottom: -50px;
  right: -35px;
  background-image: url("/wp-content/themes/onken-2020/_src/images/quote-marks@2x.png");
  background-size: cover;
  width: 50px;
  height: 50px;
  transform: rotate(180deg);
}
@media (max-width: 768px) {
  .quote__inner::after {
    right: 20px;
    bottom: 50px;
    width: 23px;
    height: 23px;
  }
}
.quote__inner p {
  font-size: 24px;
  line-height: 29px;
  color: #00388E;
  margin-bottom: 65px;
}
@media (max-width: 736px) {
  .quote__inner p {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 736px) {
  .desktop {
    display: none;
  }
}

@media (min-width: 737px) and (min-width: 768px) {
  .tablet {
    display: block;
  }
}
@media (min-width: 769px) {
  .tablet {
    display: none;
  }
}

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

.contact {
  margin-top: -60px;
  padding-bottom: 60px;
}
@media (max-width: 736px) {
  .contact {
    margin-top: 0;
    padding-bottom: 30px;
  }
}

.contact__dropdown {
  position: relative;
  margin-bottom: 20px;
}
.contact__dropdown h3 {
  padding: 16px 24px 10px;
  border-radius: 20px;
  margin-bottom: 10px;
  background-color: #F4F4F4;
  border: 1px solid transparent;
  cursor: pointer;
  color: #00388E;
  font-family: "Food Truck Signage", sans-serif;
  text-transform: uppercase;
  font-size: 24px;
  padding-top: 10px;
  transition: 0.15s linear;
  position: relative;
}
.contact__dropdown h3:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.8' height='7.1' viewBox='0 0 11.8 7.1'%3E%3Cpath d='M1 .5l5.6 5.8-.7.7L.2 1.6z' fill='%2300388e'/%3E%3Cpath d='M5 6.2l5.5-6 1 .6L6.1 7z' fill='%2300388e'/%3E%3C/svg%3E");
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 12px;
  height: 7px;
  transform: translateY(-50%);
  transition: 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.contact__dropdown h3.s--open:before {
  transform: translateY(-50%) rotate(180deg);
}
.contact__dropdown h3:hover {
  border-color: #00388E;
}
.contact__dropdown > div {
  height: 0;
  overflow: hidden;
  background-color: #F4F4F4;
  border-radius: 20px;
}
.contact__dropdown ul {
  padding-top: 10px;
  padding-bottom: 10px;
}
.contact__dropdown li {
  padding: 10px 20px;
}
.contact__dropdown a {
  display: block;
}
.contact__dropdown a:hover {
  color: #00388E;
}

.screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}

.wpcf7-form-control-wrap {
  position: relative;
}

.wpcf7-display-none {
  display: none;
}

.wpcf7 .ajax-loader.is-active {
  visibility: visible;
}

.wpcf7 .ajax-error {
  display: none;
}

.contact__content {
  max-width: 816px;
  margin: 0 auto;
}
.contact__content .g__col {
  margin-bottom: 20px;
}
@media (max-width: 736px) {
  .contact__content .g__col {
    width: 100%;
  }
}
.contact__content p {
  font-size: 18px;
  line-height: 1.5;
  color: #B9B9B9;
  margin-bottom: 0;
  font-weight: normal;
  margin-top: 10px;
}
@media (max-width: 736px) {
  .contact__content p {
    font-size: 16px;
  }
}
.contact__content [type=submit] {
  margin-top: 30px;
  padding-top: 12px !important;
}
.contact__content .ajax-loader {
  position: relative;
  right: -10px;
  top: -3px;
}
.contact__content .wpcf7-not-valid-tip {
  display: none !important;
}
.contact__content .wpcf7-not-valid,
.contact__content .wpcf7-not-valid input {
  border-color: #b00;
}
.contact__content .wpcf7-mail-sent-ok,
.contact__content .wpcf7-validation-errors {
  text-align: center;
  font-size: 18px;
  color: #b00;
  width: 100%;
  padding-top: 40px;
}
.contact__content .wpcf7-mail-sent-ok {
  font-size: 22px;
  color: #00388E;
}

.page-template-page--family-recipe .footer__newsletter {
  display: none;
}

.familyHero {
  padding-top: 127px;
  padding-bottom: 10px;
  background-image: linear-gradient(to bottom, #00388E, #0949AC);
}
@media (max-width: 736px) {
  .familyHero {
    padding-top: 80px;
    text-align: center;
  }
}
.familyHero h2 {
  font-size: 72px;
  line-height: 0.833;
  text-align: center;
  max-width: 910px;
  margin: 0 auto;
  color: #fff;
}
@media (max-width: 1024px) {
  .familyHero h2 {
    font-size: 52px;
  }
}
@media (max-width: 736px) {
  .familyHero h2 {
    font-size: 42px;
    margin-bottom: 24px;
  }
}
@media (max-width: 480px) {
  .familyHero h2 br {
    display: none;
  }
}

.familyHero__image {
  text-align: center;
  position: relative;
  width: 100%;
  max-width: 1090px;
  margin: 0 auto 15px;
}
.familyHero__image > svg {
  display: block;
  width: 100%;
  height: auto;
}
.familyHero__image h1 {
  color: #00388E;
  padding: 15px 53px 10px;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: -5px;
  transform: translateX(-50%);
  z-index: 1;
  font-size: 45px;
  white-space: nowrap;
}
@media (max-width: 736px) {
  .familyHero__image h1 {
    top: 0;
    font-size: 24px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.familyHero__image h1 svg {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateY(-50%);
  z-index: -1;
}

.familyHero__wave {
  display: block;
  width: 100%;
  height: auto;
  margin-top: -2px;
  position: relative;
  z-index: 1;
}

.familySteps {
  position: relative;
  z-index: 1;
  background-color: #E5ECF7;
  background-image: url(images/img--family-recipe-bg.png);
  background-size: cover;
  text-align: center;
}
.familySteps p {
  font-size: 24px;
  line-height: 1.208;
  max-width: 930px;
  padding-top: 30px;
  margin: 0 auto 85px;
}
@media (max-width: 736px) {
  .familySteps p {
    font-size: 20px;
  }
}
.familySteps h3 {
  position: relative;
  display: inline-block;
  padding: 0px 25px 5px;
  margin-bottom: 30px;
}
@media (max-width: 736px) {
  .familySteps h3 {
    margin-bottom: 50px;
  }
}
.familySteps h3 svg {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  transform: translateY(-50%) rotate(180deg);
  z-index: -1;
}
.familySteps .recipeMethod {
  max-width: 816px;
  margin: 0 auto;
}
.familySteps .recipeMethod__step {
  text-align: left;
  background-color: #fff;
}

.familySteps__link {
  display: block;
  width: 100%;
  margin: 80px auto;
  padding: 100px 80px;
  position: relative;
  color: #00388E;
  font-family: "Food Truck Signage", sans-serif;
  font-size: 32px;
  line-height: 1;
}
@media (max-width: 1024px) {
  .familySteps__link {
    max-width: 65vw;
    margin-bottom: 0;
  }
}
@media (max-width: 736px) {
  .familySteps__link {
    font-size: 20px;
    max-width: 95vw;
    padding: 30px 40px;
  }
  .g__col:last-child .familySteps__link {
    margin-bottom: 60px;
  }
}
.familySteps__link svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  max-width: 100%;
}
@media (max-width: 1024px) {
  .familySteps__link svg {
    max-width: 95vw;
  }
}
.familySteps__link:hover svg {
  transform: translate(-50%, -50%) scale(1.1);
}

.familySteps__wave {
  display: block;
  width: 100%;
  height: auto;
  transform: scaleY(-1);
  margin-bottom: -1px;
}

.familySocial {
  background-image: linear-gradient(to bottom, #00388E, #0949AC);
  color: #fff;
  text-align: center;
  padding-top: 75px;
  position: relative;
  z-index: 2;
  margin-top: -2px;
}
.familySocial h3 {
  margin-bottom: 31px;
  font-size: 32px;
}
@media (max-width: 736px) {
  .familySocial h3 {
    margin-bottom: 0;
  }
}
.familySocial h2 {
  margin-top: 90px;
  margin-bottom: 27px;
  font-size: 58px;
}
@media (max-width: 736px) {
  .familySocial h2 {
    font-size: 32px;
  }
}
.familySocial .g__col {
  margin-bottom: 120px;
}
@media (max-width: 736px) {
  .familySocial .g__col {
    margin-bottom: 40px;
  }
}

.familySocial__post {
  display: block;
}
.familySocial__post img {
  border-radius: 12px;
  display: block;
  width: 100%;
  height: auto;
  transition: 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.familySocial__post:hover img {
  transform: scale(1.1);
}

.familySocial__wave {
  width: 100%;
  height: auto;
  display: block;
}

.familySocial__tcs {
  position: relative;
  z-index: 20;
  padding-bottom: 80px;
  background-color: #00388E;
}
@media (max-width: 736px) {
  .familySocial__tcs {
    padding-top: 40px;
  }
}
.familySocial__tcs .container {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
@media (max-width: 736px) {
  .familySocial__tcs .container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.familySocial__tcs p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  font-family: "Food Truck Signage", sans-serif;
  line-height: 1;
  margin-left: 100px;
}
@media (max-width: 736px) {
  .familySocial__tcs p {
    margin-left: 0;
    font-size: 20px;
    flex: 1;
  }
  .familySocial__tcs p:first-child {
    margin-left: 0;
    margin-bottom: 30px;
  }
}
.familySocial__tcs p a {
  display: inline-block;
  margin-top: 20px;
  minw: 187px;
}
@media (max-width: 736px) {
  .familySocial__tcs p a {
    margin-top: 10px;
  }
}

.familySocial__form form {
  padding-top: 50px;
}
.familySocial__form .g__col {
  margin-bottom: 30px;
}
@media (max-width: 736px) {
  .familySocial__form .g__col {
    width: 100%;
    margin-bottom: 15px;
  }
}
.familySocial__form .w-100 {
  display: flex;
}
@media (max-width: 736px) {
  .familySocial__form .w-100 {
    flex-direction: column;
  }
}
.familySocial__form label {
  padding-right: 40px;
}
@media (max-width: 736px) {
  .familySocial__form label {
    padding-right: 0;
  }
}
.familySocial__form [type=submit] {
  background-color: #fff;
  color: #00388E;
  margin-left: auto;
  margin-right: 0;
  box-shadow: none;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (max-width: 736px) {
  .familySocial__form [type=submit] {
    width: 100%;
    font-size: 18px;
  }
}
.familySocial__form [type=submit]:hover {
  opacity: 0.7;
}
.familySocial__form .checkbox span.wpcf7-not-valid-tip {
  display: none;
}
.familySocial__form [type=checkbox] {
  border-color: #fff;
}
.familySocial__form [type=text], .familySocial__form [type=email] {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
}
.familySocial__form [type=text]:hover, .familySocial__form [type=text]:active, .familySocial__form [type=email]:hover, .familySocial__form [type=email]:active {
  border-color: #fff;
}
.familySocial__form [type=text]::-webkit-input-placeholder, .familySocial__form [type=email]::-webkit-input-placeholder {
  color: #fff;
}
.familySocial__form [type=text]:-moz-placeholder, .familySocial__form [type=email]:-moz-placeholder {
  color: #fff;
}
.familySocial__form [type=text]::-moz-placeholder, .familySocial__form [type=email]::-moz-placeholder {
  color: #fff;
}
.familySocial__form [type=text]:-ms-input-placeholder, .familySocial__form [type=email]:-ms-input-placeholder {
  color: #fff;
}
.familySocial__form .wpcf7-response-output,
.familySocial__form .div.wpcf7-mail-sent-ok {
  width: 100%;
  text-align: center;
  padding: 0 20px;
}
@media (max-width: 736px) {
  .familySocial__form span.wpcf7-not-valid-tip {
    position: relative;
  }
}

.faqs {
  margin-top: -60px;
  padding-bottom: 60px;
}
@media (max-width: 768px) {
  .faqs {
    margin-top: -30px;
  }
}
@media (max-width: 736px) {
  .faqs {
    padding-bottom: 30px;
  }
}

.faqs__list {
  max-width: 815px;
  margin: 0 auto;
}

.faqs__item {
  padding-top: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 56, 142, 0.1);
}

.faqs__question {
  position: relative;
  padding-right: 30px;
  color: #00388E;
  cursor: pointer;
  transition: 0.15s linear;
}
@media (max-width: 736px) {
  .faqs__question {
    font-size: 20px;
  }
}
.faqs__question:hover {
  color: rgba(0, 56, 142, 0.6);
}
.faqs__question:before, .faqs__question:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 12px;
  height: 1px;
  background-color: currentColor;
  transition: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.faqs__question:before {
  transform: rotate(90deg);
}
.faqs__question.s--open:before {
  transform: rotate(225deg);
}
.faqs__question.s--open:after {
  transform: rotate(135deg);
}

.faqs__answer {
  height: 0;
  overflow: hidden;
}
.faqs__answer > div {
  padding-top: 27px;
  padding-bottom: 6px;
}

.happiness-hub-banner {
  background: #35897a;
  position: relative;
  z-index: 2;
}
.happiness-hub-banner:before {
  content: " ";
  padding: 0 0 56.25%;
  display: block;
}
@media (max-width: 1024px) {
  .happiness-hub-banner:before {
    padding: 0 0 80%;
  }
}
.happiness-hub-banner .banner-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}
.happiness-hub-banner video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.happiness-hub-banner video.desktop-video {
  display: block;
}
.happiness-hub-banner video.mobile-video {
  display: none;
}
@media (max-width: 736px) {
  .happiness-hub-banner video.desktop-video {
    display: none;
  }
  .happiness-hub-banner video.mobile-video {
    display: block;
  }
}
.happiness-hub-banner .wave-divide {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: auto;
  outline: none;
  transform: scaleY(-1);
}
.happiness-hub-banner .wave-divide .wave-divide-fill {
  fill: #4DA999;
}
.happiness-hub-banner .graphic {
  position: absolute;
  top: 100%;
  left: 50%;
  width: calc(100% - 80px);
  max-width: 1500px;
  transform: translate(-50%, -60%);
}
@media (max-width: 1024px) {
  .happiness-hub-banner .graphic {
    transform: translate(-50%, -55%);
    width: 130%;
  }
}

.happiness-hub-videos-banner {
  background: #CCD7E8;
  color: #4C3987;
  position: relative;
  padding: 140px 0 260px;
  z-index: 1;
}
@media (max-width: 1024px) {
  .happiness-hub-videos-banner {
    padding: 140px 0 80px;
  }
}
.happiness-hub-videos-banner .slides {
  width: calc(100% - 40px);
  max-width: 928px;
  margin: 0 auto;
}
.happiness-hub-videos-banner .happiness-hub-slide {
  width: calc(33.3% - 13.3px);
}
@media (max-width: 736px) {
  .happiness-hub-videos-banner .happiness-hub-slide {
    width: 100%;
  }
}
.happiness-hub-videos-banner .wave-divide {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: auto;
  outline: none;
  transform: scaleY(-1);
}
.happiness-hub-videos-banner .wave-divide .wave-divide-fill {
  fill: #4DA999;
}
.happiness-hub-videos-banner .flickity-button {
  display: none;
}
.happiness-hub-videos-banner .graphic {
  position: absolute;
  top: 100%;
  left: 50%;
  width: calc(100% - 80px);
  max-width: 1500px;
  transform: translate(-50%, -60%);
}
@media (max-width: 1024px) {
  .happiness-hub-videos-banner .graphic {
    transform: translate(-50%, -55%);
    width: 130%;
  }
}

.happiness-hub-bts {
  background-image: url(images/bg--strokes.png);
  background-color: #D5DCE9;
  background-size: cover;
  position: relative;
  padding: 240px 0 220px;
}
@media (max-width: 768px) {
  .happiness-hub-bts {
    padding: 140px 0;
  }
}
.happiness-hub-bts .wave-divide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.happiness-hub-bts .upper {
  width: calc(100% - 40px);
  max-width: 520px;
  text-align: center;
  margin: 0 auto;
}
.happiness-hub-bts .upper h2 {
  font-size: 48px;
  color: #00388E;
}
.happiness-hub-bts .upper p {
  font-size: 18px;
  color: #00388E;
  margin: 15px 0 0;
}
.happiness-hub-bts .images {
  display: grid;
  grid-template-columns: 24fr 42fr 34fr;
  grid-template-rows: 1fr 1fr;
  gap: 25px;
  height: 600px;
  max-width: 1240px;
  margin: 60px auto 0;
  width: calc(100% - 40px);
}
@media (max-width: 1024px) {
  .happiness-hub-bts .images {
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 2fr 1fr;
  }
}
.happiness-hub-bts .images .image {
  position: relative;
  background: #c3ccdc;
  border-radius: 20px;
  overflow: hidden;
}
.happiness-hub-bts .images .image:nth-child(2) {
  grid-row: 2;
}
@media (max-width: 1024px) {
  .happiness-hub-bts .images .image:nth-child(2) {
    grid-row: auto;
  }
}
.happiness-hub-bts .images .image:nth-child(3) {
  grid-row: span 2;
}
@media (max-width: 1024px) {
  .happiness-hub-bts .images .image:nth-child(3) {
    grid-row: auto;
    grid-column: span 2;
  }
}
.happiness-hub-bts .images img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}

.happiness-hub-form {
  position: relative;
  background: #4DA999;
  padding: 220px 0 60px;
}
@media (max-width: 1024px) {
  .happiness-hub-form {
    padding: 1px 0 60px;
  }
}
.happiness-hub-form .wave-divide {
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: auto;
  display: block;
}
.happiness-hub-form .graphic {
  position: absolute;
  width: 40%;
  height: auto;
  top: -120px;
  left: 0;
  display: block;
}
@media (max-width: 1024px) {
  .happiness-hub-form .graphic {
    position: relative;
    width: 100%;
    max-width: 400px;
    top: auto;
    left: auto;
    margin: -60px 0 0;
  }
}
.happiness-hub-form .inner {
  width: calc(100% - 40px);
  max-width: 1240px;
  margin: 0 auto;
}
.happiness-hub-form .content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 66.6%;
  margin: 0 0 0 auto;
}
@media (max-width: 1024px) {
  .happiness-hub-form .content {
    width: 100%;
  }
}
.happiness-hub-form h2 {
  font-size: 48px;
  color: #FFFFFF;
  margin: 0 0 30px;
}
.happiness-hub-form .text {
  width: calc(50% - 12.5px);
}
@media (max-width: 480px) {
  .happiness-hub-form .text {
    width: 100%;
  }
}
.happiness-hub-form .text p {
  font-size: 18px;
  color: #FFFFFF;
}
.happiness-hub-form .text p:nth-child(n+2) {
  margin: 25px 0 0;
}
.happiness-hub-form .wpcf7 {
  width: calc(50% - 12.5px);
}
@media (max-width: 480px) {
  .happiness-hub-form .wpcf7 {
    width: 100%;
    margin: 30px 0 0;
  }
}
.happiness-hub-form .wpcf7 label {
  display: none;
}
.happiness-hub-form .wpcf7 input[type=email],
.happiness-hub-form .wpcf7 input[type=text] {
  background: #FFFFFF;
  border: 0;
}
.happiness-hub-form .wpcf7 ::-moz-placeholder {
  color: #B9B9B9;
}
.happiness-hub-form .wpcf7 ::placeholder {
  color: #B9B9B9;
}
.happiness-hub-form .wpcf7 textarea {
  background: #FFFFFF;
  height: 110px;
  border: 0;
}
.happiness-hub-form .wpcf7 br {
  display: none;
}
.happiness-hub-form .wpcf7 .row + .row {
  margin: 15px 0 0;
}

.happiness-hub-introduction {
  background: #4DA999;
  position: relative;
  padding: 180px 0 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 480px) {
  .happiness-hub-introduction {
    padding: 70px 0 90px;
  }
}
.happiness-hub-introduction .detail {
  width: calc(100% - 40px);
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.happiness-hub-introduction .detail p {
  font-size: 22px;
  color: #FFFFFF;
}
@media (max-width: 1280px) {
  .happiness-hub-introduction .detail p {
    font-size: 18px;
  }
}
.happiness-hub-introduction .detail p:nth-child(n+2) {
  margin: 25px 0 0;
}
.happiness-hub-introduction .detail p strong {
  font-weight: bold;
}
.happiness-hub-introduction .graphic {
  width: calc(100% - 40px);
  max-width: 720px;
  margin: 60px auto 0;
}
.happiness-hub-introduction .swirl {
  position: absolute;
}
@media (max-width: 1024px) {
  .happiness-hub-introduction .swirl {
    display: none;
  }
}
.happiness-hub-introduction .swirl.left {
  top: 40%;
  left: 10%;
  width: 200px;
}
.happiness-hub-introduction .swirl.right {
  top: 40%;
  right: 10%;
  width: 200px;
}

.happiness-hub-links {
  position: relative;
  background: #00388E;
  display: flex;
}
@media (max-width: 1024px) {
  .happiness-hub-links {
    display: block;
  }
}
.happiness-hub-links .wave-divide {
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: auto;
  display: block;
}
.happiness-hub-links .inner {
  position: relative;
  padding: 135px 0 40px;
  max-width: 1240px;
  width: calc(100% - 40px);
  margin: 0 auto;
}
.happiness-hub-links h2 {
  font-size: 72px;
  color: white;
}
@media (max-width: 736px) {
  .happiness-hub-links h2 {
    font-size: 48px;
  }
  .happiness-hub-links h2 br {
    display: none;
  }
}
.happiness-hub-links .links {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 550px;
  max-width: calc(100% - 520px);
}
@media (max-width: 1024px) {
  .happiness-hub-links .links {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    max-width: 540px;
    margin: 30px 0 0;
  }
}
.happiness-hub-links .links:hover .link {
  opacity: 0.4;
}
.happiness-hub-links .links:before {
  content: " ";
  padding: 0 0 75%;
  display: block;
}
.happiness-hub-links .links .link {
  position: absolute;
  transition: transform 0.5s cubic-bezier(0.155, 1.65, 0.63, 1), opacity 0.5s;
}
.happiness-hub-links .links .link:hover {
  opacity: 1;
  transform: scale(1.1);
}
.happiness-hub-links .links .link:before {
  content: " ";
  padding: 0 0 100%;
  display: block;
  background-image: url(images/bg--nav.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.happiness-hub-links .links .link:nth-child(1) {
  width: 54%;
  top: 5%;
  left: 0;
}
.happiness-hub-links .links .link:nth-child(1) span {
  font-size: 60px;
}
@media (max-width: 736px) {
  .happiness-hub-links .links .link:nth-child(1) span {
    font-size: 40px;
  }
}
.happiness-hub-links .links .link:nth-child(2) {
  width: 41%;
  top: 0;
  right: 0;
}
.happiness-hub-links .links .link:nth-child(2) span {
  font-size: 48px;
}
@media (max-width: 736px) {
  .happiness-hub-links .links .link:nth-child(2) span {
    font-size: 32px;
  }
}
.happiness-hub-links .links .link:nth-child(3) {
  width: 32%;
  bottom: 0;
  right: 20%;
}
.happiness-hub-links .links .link:nth-child(3) span {
  font-size: 36px;
}
@media (max-width: 736px) {
  .happiness-hub-links .links .link:nth-child(3) span {
    font-size: 24px;
  }
}
.happiness-hub-links .links span {
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: "Food Truck Signage", sans-serif;
  color: #00388E;
  transform: translate(-50%, -35%);
  white-space: nowrap;
}

.happiness-hub-pop-up {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  z-index: 9990;
}
.happiness-hub-pop-up[data-pop-up-status=active] {
  display: block;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
  pointer-events: auto;
}
.happiness-hub-pop-up .video {
  width: calc(100% - 40px);
  max-width: 1200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.happiness-hub-pop-up .video:before {
  content: " ";
  padding: 0 0 56.25%;
  display: block;
}
.happiness-hub-pop-up iframe,
.happiness-hub-pop-up embed,
.happiness-hub-pop-up video {
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.happiness-hub-pop-up .close {
  background-position: center;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2300388E' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
  background-color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.happiness-hub-section {
  position: relative;
  padding: 200px 0 160px;
}
@media (max-width: 1024px) {
  .happiness-hub-section {
    padding: 80px 0;
  }
}
.happiness-hub-section.parenting-hacks {
  background: #00388E;
  color: #FFFFFF;
}
.happiness-hub-section.everyday-hacks {
  background: #7E1F3B;
  color: #FFFFFF;
}
.happiness-hub-section.food-hacks {
  background: #B9ABD3;
  color: #4C3987;
}
.happiness-hub-section .wave-divide {
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: auto;
  display: block;
}
.happiness-hub-section .decoration {
  position: absolute;
  display: block;
}
@media (max-width: 736px) {
  .happiness-hub-section .decoration {
    display: none;
  }
}
.happiness-hub-section .decoration.hoover {
  width: 314px;
  left: 5%;
  top: 230px;
}
.happiness-hub-section .decoration.controller {
  right: 10%;
  bottom: 0;
  width: 202px;
}
.happiness-hub-section .decoration.paws {
  left: 20%;
  bottom: -100px;
  width: 220px;
}
.happiness-hub-section .decoration.zz {
  right: 5%;
  top: 230px;
  width: 140px;
}
.happiness-hub-section .decoration.cooking {
  left: 5%;
  top: 180px;
  width: 320px;
}
.happiness-hub-section .introduction {
  position: relative;
  max-width: 900px;
  width: calc(100% - 40px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 736px) {
  .happiness-hub-section .introduction {
    display: block;
  }
}
.happiness-hub-section .introduction h2 {
  font-size: 48px;
}
.happiness-hub-section .introduction p {
  font-size: 18px;
  margin: 20px 0 0;
}
.happiness-hub-section .slides {
  max-width: 1240px;
  width: calc(100% - 40px);
  margin: 40px auto 0;
}
@media (max-width: 1024px) {
  .happiness-hub-section .slides {
    margin: 40px auto 0;
  }
}
.happiness-hub-section .happiness-hub-slide {
  width: calc(25% - 15px);
}
@media (max-width: 1024px) {
  .happiness-hub-section .happiness-hub-slide {
    width: calc(50% - 10px);
  }
}
@media (max-width: 736px) {
  .happiness-hub-section .happiness-hub-slide {
    width: 100%;
  }
}
.happiness-hub-section .flickity-button {
  background: #FFFFFF;
}
@media (max-width: 736px) {
  .happiness-hub-section .flickity-button.previous {
    left: -20px;
  }
}
@media (max-width: 736px) {
  .happiness-hub-section .flickity-button.next {
    right: -20px;
  }
}
.happiness-hub-section .flickity-page-dots {
  display: none;
}

.happiness-hub-slide {
  cursor: pointer;
}
.happiness-hub-slide:nth-child(n+2) {
  margin: 0 0 0 20px;
}
.happiness-hub-slide .media {
  position: relative;
  background: #a6b4cb;
  border-radius: 20px;
  overflow: hidden;
}
.portrait .happiness-hub-slide .media:before {
  padding: 0 0 178%;
}
.landscape .happiness-hub-slide .media:before {
  padding: 0 0 56.25%;
}
.happiness-hub-slide .media:before {
  content: " ";
  padding: 0 0 178%;
  display: block;
}
.happiness-hub-slide .media .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: opacity 0.3s;
}
.happiness-hub-slide .media .image:after {
  content: " ";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46.094' height='52.682' viewBox='0 0 46.094 52.682'%3E%3Cpath d='M43.667,22.09,7.449.678A4.911,4.911,0,0,0,0,4.927V47.74A4.934,4.934,0,0,0,7.449,51.99l36.218-21.4a4.934,4.934,0,0,0,0-8.5Z' transform='translate(0 -0.002)' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 40px;
  height: 40px;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  display: block;
  transition: transform 0.4s cubic-bezier(0.155, 1.65, 0.63, 1);
}
.happiness-hub-slide .media .image:hover:after {
  transform: scale(1.3) rotate(-3deg);
}
.happiness-hub-slide .media .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}
.happiness-hub-slide .media .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
  z-index: 4;
}
.happiness-hub-slide .media .video video {
  background: black;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  z-index: 4;
}
.happiness-hub-slide h3 {
  font-size: 32px;
  margin: 20px 0 0;
}
.happiness-hub-slide p {
  font-size: 18px;
  margin: 10px 0 0;
}

.happiness-hub-outer {
  overflow: hidden;
}

.happiness-hub-introduction + section .wave-divide-fill {
  fill: #4DA999;
}
.parenting-hacks + section .wave-divide-fill {
  fill: #00388E;
}
.everyday-hacks + section .wave-divide-fill {
  fill: #7E1F3B;
}
.food-hacks + section .wave-divide-fill {
  fill: #B9ABD3;
}
.happiness-hub-form + section .wave-divide-fill {
  fill: #4DA999;
}
.happiness-hub-bts + section .wave-divide-fill {
  fill: #D5DCE9;
}

.hero {
  position: relative;
  height: 760px;
  width: 100%;
  background: #CFE7F5;
}
@media (max-width: 736px) {
  .hero {
    height: 555px;
  }
}
.hero__title {
  position: absolute;
  z-index: 20;
  top: calc(50% - 100px);
  transform: translateY(-50%);
  max-width: 816px;
  width: 100%;
}
@media (max-width: 736px) {
  .hero__title {
    top: 115px;
    transform: translateY(0);
    text-align: center;
    width: auto;
  }
}
.hero__title h1 {
  font-size: 120px;
  line-height: 90px;
  color: #fff;
  opacity: 0;
  transform: translateX(-100%);
}
@media (max-width: 768px) {
  .hero__title h1 {
    font-size: 90px;
    line-height: 90px;
  }
}
@media (max-width: 736px) {
  .hero__title h1 {
    font-size: 48px;
    line-height: 40px;
  }
}
.hero__title .excerpt {
  opacity: 0;
  transform: translateX(-100%);
}
.hero__img {
  position: absolute;
  z-index: 10;
  top: 10vw;
  left: 0;
  right: 0;
  transform: scale(0);
  opacity: 0;
  text-align: right;
}
@media (max-width: 736px) {
  .hero__img {
    top: auto;
    right: auto;
    bottom: 0;
    padding: 20px;
  }
}
.hero__img svg {
  overflow: visible;
}
.hero__img svg html:not([data-ua*="rv:23"]) {
  height: auto;
}
@media (max-width: 736px) {
  .hero__img svg {
    display: none;
  }
}
.hero__img svg:last-child {
  display: none;
}
@media (max-width: 736px) {
  .hero__img svg:last-child {
    display: block;
    width: 100%;
    height: 100%;
  }
}
.hero__wave {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100px;
  transform: rotate(180deg);
}
@media (max-width: 768px) {
  .hero__wave {
    bottom: -50px;
  }
}
@media (max-width: 736px) {
  .hero__wave {
    bottom: -40px;
  }
}
.hero__wave svg {
  width: 100%;
  height: 100%;
}
.hero__wave svg path {
  fill: #CFE7F5;
}
.hero__arrow {
  position: absolute;
  z-index: 50;
  margin-left: 100px;
  bottom: -280px;
  height: 400px;
}
@media (max-width: 768px) {
  .hero__arrow {
    margin-left: -55px;
    bottom: -130px;
    height: 200px;
    transform: rotate(45deg);
  }
}
.hero__arrow svg {
  width: 100%;
  height: 100%;
}

.page-template-page--happy-cows {
  background: #F4F6F8;
  overflow-x: hidden;
}
@media (max-width: 736px) {
  .page-template-page--happy-cows .g__col {
    width: 100%;
  }
}

.splash-center {
  position: relative;
  z-index: 20;
  max-width: 884px;
  widows: 100%;
  margin: 80px auto 0 auto;
  display: flex;
  align-items: center;
}
.splash-center.low-margin {
  margin: 80px auto 100px auto;
  z-index: 10;
}
@media (max-width: 736px) {
  .splash-center.low-margin {
    margin: 200px auto 100px auto;
  }
}
.splash-center.low-margin .splash-center__inner {
  top: auto;
}
@media (max-width: 736px) {
  .splash-center.low-margin svg {
    transform: scale(3);
  }
}
.splash-center.quote {
  padding-top: 0;
  padding-bottom: 0;
}
.splash-center.quote h2 {
  margin-bottom: 20px;
}
.splash-center__inner {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 150px;
  text-align: center;
}
@media (max-width: 736px) {
  .splash-center__inner {
    padding: 0 60px;
  }
}
.splash-center__inner h2 {
  font-size: 32px;
  line-height: 28px;
  color: #00388E;
}
@media (max-width: 736px) {
  .splash-center__inner h2 {
    font-size: 24px;
    line-height: 20px;
  }
}
.splash-center__inner p {
  color: #00388E;
  margin-bottom: 40px;
}
.splash-center svg {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (max-width: 736px) {
  .splash-center svg {
    transform: scale(2);
  }
}

.highlight-block {
  position: relative;
  border-radius: 20px;
  background: #F09613;
  padding: 61px 81px;
  margin: 80px 0;
  text-align: center;
}
.highlight-block.alt {
  background: #ab074a;
}
@media (max-width: 768px) {
  .highlight-block {
    padding: 30px 20px;
    margin: 40px 0;
  }
}
.highlight-block.img {
  background: transparent;
  padding: 0;
  margin: 0;
}
@media (max-width: 736px) {
  .highlight-block.img {
    margin-top: 40px;
  }
  .highlight-block.img svg.mobile {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
  }
}
.highlight-block__title {
  position: absolute;
  top: -22px;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.highlight-block__title h2 {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  color: #00388E;
}
.highlight-block__title svg {
  position: relative;
}
.highlight-block__arrow {
  position: absolute;
  z-index: 20;
}
.highlight-block__arrow svg {
  height: 100%;
}
.highlight-block__arrow.arrow-1 {
  margin-top: -40px;
  margin-left: -35px;
  height: 340px;
}
@media (max-width: 768px) {
  .highlight-block__arrow.arrow-1 {
    height: 175px;
    width: 199px;
    margin-top: 15px;
  }
}
.highlight-block__arrow.arrow-2 {
  right: 40px;
  height: 320px;
}
@media (max-width: 768px) {
  .highlight-block__arrow.arrow-2 {
    height: 175px;
    width: 199px;
  }
}
.highlight-block p {
  color: #fff;
  font-size: 24px;
  line-height: 29px;
}
@media (max-width: 736px) {
  .highlight-block p {
    font-size: 16px;
    line-height: 24px;
  }
}

.page-template-page--home main {
  overflow: hidden;
}

.homeHero {
  background-color: currentColor;
  position: relative;
  z-index: 1;
  pointer-events: visible !important;
}
.homeHero[data-current-slide-index="0"] {
  overflow: hidden;
}
.homeHero .flickity-viewport {
  overflow: visible;
}
.homeHero .flickity-prev-next-button {
  display: none;
  top: 160px;
  transform: none;
  pointer-events: none;
}
@media (max-width: 736px) {
  .homeHero .flickity-prev-next-button {
    display: flex;
    top: 280px;
  }
}
.homeHero .flickity-prev-next-button.previous {
  left: -20px;
}
.homeHero .flickity-prev-next-button.next {
  right: -20px;
}
.homeHero .flickity-prev-next-button:hover {
  background: transparent;
}
.homeHero .flickity-prev-next-button path {
  fill: #fff;
}
.homeHero .flickity-page-dots {
  width: 50%;
  left: auto;
  right: 0;
  bottom: 50px;
}
@media (max-width: 736px) {
  .homeHero .flickity-page-dots {
    display: none;
    bottom: auto;
    top: 400px;
    width: 100%;
  }
}
.homeHero .dot {
  width: 8px;
  height: 8px;
  margin: 0 4px;
  background-color: transparent;
  border: 1px solid #fff;
  opacity: 1;
  transition: 0.25s linear;
  position: relative;
}
.homeHero .dot:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: -8px;
}
.homeHero .dot.is-selected, .homeHero .dot:hover {
  background-color: #fff;
}

.homeHero__slides.s--ready {
  padding-top: 200px;
  padding-bottom: 50px;
}
@media (max-width: 736px) {
  .homeHero__slides.s--ready {
    padding-top: 170px;
    padding-bottom: 15px;
  }
}
.homeHero__slides.s--ready .flickity-slider {
  display: flex;
}
@media (max-width: 736px) {
  .homeHero__slides.s--ready .flickity-slider {
    align-items: flex-start;
  }
}

.homeHero__slide {
  width: 100%;
  opacity: 0;
  transition: opacity 0.3s linear;
}
@media (max-width: 736px) {
  .homeHero__slide {
    flex-direction: column-reverse;
    align-items: center;
    padding: 0 0 20vw;
  }
}
.homeHero__slide.is-selected {
  opacity: 1;
}
.homeHero__slide.homeHero__slide-supper {
  height: 100%;
}
@media (max-width: 736px) {
  .homeHero__slide.homeHero__slide-supper {
    display: block;
    flex-direction: unset;
    align-items: unset;
    height: 700px;
  }
}
.homeHero__slide .headline-title-only {
  display: none;
}
@media (max-width: 736px) {
  .homeHero__slide .headline-title-only {
    order: 10;
    z-index: 10;
    aspect-ratio: 1/0.72;
    display: block;
    width: 100%;
    height: auto;
    max-width: 420px;
    margin: -90px auto 120px;
  }
}
.homeHero__slide .headline-tagline-only {
  display: none;
}
@media (max-width: 736px) {
  .homeHero__slide .headline-tagline-only {
    z-index: 10;
    display: block;
    width: 80%;
    height: auto;
    aspect-ratio: 1/0.56;
    max-width: 300px;
    margin: -120px auto 0;
    transform: translateX(15%);
  }
}
.homeHero__slide .foodie-image-decoration {
  position: absolute;
  left: 0;
  top: 50%;
  width: 120vh;
  width: 1600px;
  transform: translate(-55%, -53%);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.homeHero__slide .foodie-image-decoration svg {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 736px) {
  .homeHero__slide .foodie-image-decoration {
    display: none;
  }
}
.homeHero__slide .supper-image-decoration {
  position: absolute;
  width: 100vw;
  left: 50%;
  top: -200px;
  height: calc(100% + 200px + 3vw);
  transform: translateX(-50%);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
@media (max-width: 1280px) {
  .homeHero__slide .supper-image-decoration {
    height: calc(100% + 200px + 5vw);
  }
}
@media (max-width: 1024px) {
  .homeHero__slide .supper-image-decoration {
    height: calc(100% + 200px + 7vw);
  }
}
@media (max-width: 736px) {
  .homeHero__slide .supper-image-decoration {
    top: -170px;
    height: auto;
  }
}
.homeHero__slide .supper-image-decoration img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 600vw;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  transform: translateX(-50%);
  max-width: none;
}
@media (max-width: 736px) {
  .homeHero__slide .supper-image-decoration img {
    width: 1200px;
    height: auto;
    -o-object-position: top center;
       object-position: top center;
  }
}

.homeHero__text {
  padding-bottom: 40px;
  max-width: 750px;
  position: relative;
  z-index: 2;
  align-self: flex-end;
}
.homeHero__slide-supper .homeHero__text {
  align-self: flex-start;
}
@media (max-width: 736px) {
  .homeHero__slide-supper .homeHero__text {
    margin: 0;
    padding: 210px 0 0;
  }
}
@media (max-width: 736px) {
  .homeHero__text {
    margin-top: 10px;
    text-align: center;
    padding-bottom: 0;
    width: 100%;
  }
}
.homeHero__text.naked {
  color: #056836;
}
.homeHero__text .headline {
  font-size: 126px;
  line-height: 0.76;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .homeHero__text .headline {
    font-size: 80px;
  }
}
@media (max-width: 736px) {
  .homeHero__text .headline {
    font-size: 52px;
    margin-bottom: 25px;
  }
}
.homeHero__text .graphic-tagline {
  width: 700px;
  display: block;
  height: auto;
  margin: -80px 0 0 -140px;
  max-width: 100%;
}
@media (max-width: 768px) {
  .homeHero__text .graphic-tagline {
    margin: 0 auto;
  }
}
.homeHero__text p.h4 strong, .homeHero__text .notfound p strong, .notfound .homeHero__text p strong {
  font-family: "Food Truck Signage", sans-serif;
  text-transform: uppercase;
}
.homeHero__text p.h4 .number, .homeHero__text .notfound p .number, .notfound .homeHero__text p .number {
  background: #056836;
  color: #FFFFFF;
  width: 22px;
  height: 22px;
  border-radius: 50px;
  line-height: 22px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  vertical-align: text-top;
}
.homeHero__text .supper-club-title-image {
  display: block;
  margin: -120px 0 0 -20px;
}
@media (max-width: 736px) {
  .homeHero__text .supper-club-title-image {
    margin: 0;
  }
}
.homeHero__text .supper-club-title-image img {
  width: 420px;
  max-width: none;
  height: auto;
  display: block;
}
@media (max-width: 736px) {
  .homeHero__text .supper-club-title-image img {
    margin: 0 auto;
    width: 100%;
    max-width: none;
  }
}
.homeHero__text .supper-club-subtitle {
  font-family: "Food Truck Signage", sans-serif;
  font-size: 26px;
  text-transform: uppercase;
  color: #fff;
  max-width: 400px;
  line-height: 1.1;
  margin: 15px 0;
  display: block;
  max-width: 400px;
}
.homeHero__text .supper-club-subtitle span {
  display: inline-block;
}
@media (max-width: 768px) {
  .homeHero__text .supper-club-subtitle {
    max-width: none;
  }
}
.homeHero__text .headline-image {
  display: block;
  width: 100vw;
}
@media (max-width: 736px) {
  .homeHero__text .headline-image {
    display: none;
  }
}
.homeHero__text .headline-image img {
  width: 680px;
  max-width: none;
  height: auto;
  display: block;
  transform: translateY(-50px);
}
.homeHero__text .headline-image + a {
  margin-left: 40px;
}
@media (max-width: 736px) {
  .homeHero__text .headline-image + a {
    margin-top: 20px;
    margin-left: 0;
    margin-bottom: 80px;
  }
}
.homeHero__text p {
  max-width: 425px;
  line-height: 1.21;
  margin-bottom: 95px;
}
@media (max-width: 736px) {
  .homeHero__text p {
    margin-bottom: 25px;
  }
}
.homeHero__text a {
  font-size: 20px;
  font-family: "Food Truck Signage", sans-serif;
  text-transform: uppercase;
  padding: 13px 23px 12px;
}
.homeHero__text a:hover {
  border-color: #fff;
  background-color: transparent;
  color: #fff !important;
}
@media (max-width: 736px) {
  .homeHero__text a {
    margin-bottom: 40px;
  }
}

.homeHero__slide-moopops {
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media (max-width: 736px) {
  .homeHero__slide-moopops {
    flex-direction: column;
    align-items: center;
  }
}
.homeHero__slide-moopops .moopops-decoration {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: none;
}
.homeHero__slide-moopops .moopops-image {
  position: absolute;
  top: 50%;
  left: 0;
  width: 70%;
  height: auto;
  display: block;
  transform: translate(-30%, -45%);
}
.homeHero__slide-moopops .moopops-image img {
  width: 100%;
  height: auto;
  display: block;
  animation: float 8s infinite ease-in-out;
}
@media (max-width: 736px) {
  .homeHero__slide-moopops .moopops-image {
    position: relative;
    top: auto;
    left: auto;
    width: 130%;
    margin: -30px 0 0;
    transform: translateX(-4%);
    max-width: none;
  }
}
.homeHero__slide-moopops .homeHero__text {
  text-align: center;
  transform: translateX(70px);
  max-width: 750px;
  width: 60%;
}
@media (max-width: 736px) {
  .homeHero__slide-moopops .homeHero__text {
    width: auto;
  }
}
@media (max-width: 1280px) {
  .homeHero__slide-moopops .homeHero__text {
    transform: translateX(0);
  }
}
.homeHero__slide-moopops .homeHero__text .moopops-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 120px;
  display: block;
  transform: translate(35%, -70%);
}
@media (max-width: 736px) {
  .homeHero__slide-moopops .homeHero__text .moopops-icon {
    width: 90px;
    height: 90px;
    right: 50%;
    transform: translate(50%, -110%);
  }
}
.homeHero__slide-moopops .homeHero__text .headline {
  font-size: 92px;
  text-align: center;
  color: #00388E;
  margin-bottom: 28px;
}
@media (max-width: 736px) {
  .homeHero__slide-moopops .homeHero__text .headline {
    font-size: 60px;
  }
}
.homeHero__slide-moopops .homeHero__text p {
  width: 100%;
  max-width: none;
  text-align: center;
  color: #00388E;
  margin: 0 0 20px;
}
.homeHero__slide-moopops .homeHero__text a {
  color: #00388E !important;
}
.homeHero__slide-moopops .homeHero__text a:hover {
  background: #00388E !important;
  border-color: #00388E !important;
  color: #FFFFFF !important;
}

.homeHero__slide-kiddos {
  padding: 0 0 200px;
}
@media (max-width: 736px) {
  .homeHero__slide-kiddos {
    padding: 0 0 100px;
  }
}
.homeHero__slide-kiddos .btn, .homeHero__slide-kiddos .recipeModal .file > span:last-child:before, .recipeModal .homeHero__slide-kiddos .file > span:last-child:before,
.homeHero__slide-kiddos .recycleModal .file > span:last-child:before,
.recycleModal .homeHero__slide-kiddos .file > span:last-child:before, .homeHero__slide-kiddos .wpcf7-form button, .wpcf7-form .homeHero__slide-kiddos button,
.homeHero__slide-kiddos .wpcf7-form [type=submit],
.wpcf7-form .homeHero__slide-kiddos [type=submit] {
  color: #fff !important;
}
.homeHero__slide-kiddos .kiddos-decoration {
  position: absolute;
  bottom: 0;
}
.homeHero__slide-kiddos .kiddos-decoration--1 {
  left: 0;
}
@media (max-width: 736px) {
  .homeHero__slide-kiddos .kiddos-decoration--1 {
    display: none;
  }
}
.homeHero__slide-kiddos .kiddos-decoration--2 {
  left: 400px;
}
@media (max-width: 736px) {
  .homeHero__slide-kiddos .kiddos-decoration--2 {
    display: none;
  }
}
.homeHero__slide-kiddos .kiddos-decoration--3 {
  left: 50%;
  bottom: -230px;
  min-width: 1920px !important;
  transform: translateX(-50%);
  clip-path: inset(0 0 50% 0);
  height: auto;
  z-index: -1;
}
@media (min-width: 1920px) {
  .homeHero__slide-kiddos .kiddos-decoration--3 {
    min-width: 100vw !important;
  }
}
.homeHero__slide-kiddos .kiddos-decoration--4 {
  top: -200px;
  left: 50%;
  bottom: auto;
  min-width: 100vw;
  height: auto;
  transform: translateX(-50%);
}
@media (max-width: 736px) {
  .homeHero__slide-kiddos .homeHero__product {
    top: 0;
    max-width: 70%;
  }
}
.homeHero__slide-kiddos .homeHero__image {
  width: 600px;
  height: 420px;
  right: -100px;
}
@media (max-width: 736px) {
  .homeHero__slide-kiddos .homeHero__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    right: 0;
  }
}
.homeHero__slide-kiddos .homeHero__image .homeHero__product span:first-child {
  margin: 40px 0 0;
}
.homeHero__slide-kiddos .homeHero__image .homeHero__product span:nth-child(2) {
  width: 425px;
  margin: -150px 0 0 -50px;
}
@media (max-width: 736px) {
  .homeHero__slide-kiddos .homeHero__image .homeHero__product span:nth-child(2) {
    width: 50%;
    margin: -10% 0 0 0;
  }
}
@media (max-width: 736px) {
  .homeHero__slide-kiddos .homeHero__splash svg {
    top: -60px;
    max-width: 70vw;
    position: relative;
  }
}
.homeHero__slide-kiddos.is-selected .homeHero__product span:nth-child(2) {
  transform: translateY(-100px) rotate(-5deg);
}

.homeHero__image-decoration {
  position: absolute;
  height: auto;
  pointer-events: none;
}
.homeHero__image-decoration--1 {
  top: -50px;
  left: -130px;
  width: 24% !important;
}
@media (max-width: 736px) {
  .homeHero__image-decoration--1 {
    top: 0;
    left: -20px;
  }
}
.homeHero__image-decoration--2 {
  bottom: 116px;
  right: 15px;
  width: 9.5% !important;
  animation-delay: -1s;
}
.homeHero__image-decoration--3 {
  right: 110px;
  bottom: -100px;
  width: 23% !important;
  animation-delay: -2s;
}
@media (max-width: 736px) {
  .homeHero__image-decoration--3 {
    display: none;
  }
}
.homeHero__image-decoration--4 {
  top: -120px;
  right: -70px;
  width: 30% !important;
  animation-delay: -3s;
}
.homeHero__image-decoration--5 {
  bottom: -30px;
  left: -50px;
  width: 30% !important;
  scale: -1 1;
  animation-delay: -4s;
}
.homeHero__image-decoration--6 {
  top: -10px;
  left: -30px;
  width: 30% !important;
}
.homeHero__image-decoration--7 {
  top: -40px;
  right: -100px;
  width: 36% !important;
  animation-delay: -3s;
}
.homeHero__image-decoration--8 {
  bottom: 100px;
  left: -60px;
  width: 40% !important;
  scale: -1 1;
  rotate: -60deg;
  animation-delay: -4s;
}
.homeHero__image-decoration img {
  width: 100%;
  height: 100%;
}

.homeHero__image {
  position: relative;
}
.homeHero__image .drink-flow {
  position: absolute;
  width: 360%;
  left: -108%;
  bottom: 98%;
  display: block;
  max-width: none;
  margin-bottom: 0;
}

.homeHero__product {
  position: relative;
  z-index: 1;
}
@media (max-width: 736px) {
  .homeHero__product {
    max-width: 227px;
    margin: 0 auto;
    top: -30px;
  }
}
.homeHero__product--naked-range {
  scale: 1.4;
  translate: -9% 18%;
}
.homeHero__product--naked-range i {
  display: none;
}
.homeHero__product.placeholder-only {
  opacity: 0 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.homeHero__product span {
  display: block;
  transition: 0.5s 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transform-origin: bottom;
}
.is-selected .homeHero__product span {
  transform: translateY(-100px) rotate(5deg);
}
@media (max-width: 768px) {
  .is-selected .homeHero__product span {
    transform: translateY(-40px) rotate(5deg);
  }
}
.homeHero__product i {
  transition: 0.5s 0.1s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.is-selected .homeHero__product i {
  transform: scaleX(0.9);
}

.homeHero__splash {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.homeHero__splash .clip-svg {
  width: 0 !important;
  height: 0 !important;
}
.homeHero__splash .mobile-only {
  display: none;
  width: 95vw;
}
@media (max-width: 768px) {
  .homeHero__splash .mobile-only {
    display: block;
  }
}
.homeHero__splash .desktop-only {
  display: block;
  width: 95vw;
}
@media (max-width: 768px) {
  .homeHero__splash .desktop-only {
    display: none;
  }
}
.homeHero__slide-kiddos .homeHero__splash path {
  fill: #00388E;
}
@media (max-width: 768px) {
  .homeHero__splash svg {
    max-width: 60vw;
    height: auto;
  }
}
@media (max-width: 736px) {
  .homeHero__splash svg {
    max-width: 103vw;
    height: auto;
    margin-left: 20px;
  }
}

.homeHero__decor {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
}
.homeHero__decor .decor--1 {
  top: -145px;
  left: -50px;
  width: 129px;
  height: 130px;
}
@media (max-width: 736px) {
  .homeHero__decor .decor--1 {
    top: -75px;
    left: -20px;
  }
}
.homeHero__decor .decor--1 img {
  transform: rotate(210deg);
}
.homeHero__decor .decor--2 {
  top: 280px;
  right: -123px;
  width: 307px;
  height: 176px;
}
@media (max-width: 736px) {
  .homeHero__decor .decor--2 {
    top: 30px;
    right: -163px;
  }
}
.homeHero__decor .decor--3 {
  bottom: -10px;
  left: -188px;
  width: 195px;
  height: 263px;
}
@media (max-width: 736px) {
  .homeHero__decor .decor--3 {
    bottom: -80px;
    left: -148px;
  }
}
.homeHero__decor .decor--3 img {
  transform: rotate(-33deg);
}
.homeHero__decor .decor--4 {
  bottom: -15px;
  left: 371px;
  width: 164px;
  height: 166px;
}
@media (max-width: 736px) {
  .homeHero__decor .decor--4 {
    bottom: -5px;
    left: 211px;
  }
}
.homeHero__decor .decor--4 img {
  transform: rotate(100deg);
}

.homeHero__shelf {
  height: 132px;
  background-color: currentColor;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
@media (max-width: 736px) {
  .homeHero__shelf {
    display: none;
  }
}

.homeHero__wave {
  position: absolute;
  top: 100%;
  margin-top: -1px;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 2;
  padding-top: 5.034965035%;
  transform: translateY(-50%) scaleY(-1);
}
@media (max-width: 736px) {
  .homeHero__wave svg {
    width: 1440px;
    height: auto;
  }
}

.homeHero__next {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
  transform: translate(-50%, -50%);
  color: #fff;
}
.homeHero__next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 101px;
  height: 102px;
  margin-top: -51px;
  margin-left: -50px;
  background-image: url(images/bg--home-next.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: rotate 8s linear infinite;
}
.homeHero__next svg {
  display: block;
  transition: 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.s--left .homeHero__next svg {
  transform: rotate(180deg);
}
@media (max-width: 736px) {
  .homeHero__next {
    display: none;
  }
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
.homeRange {
  padding-top: 135px;
  padding-bottom: 170px;
  text-align: center;
  position: relative;
  background-color: #F0F7F9;
}
@media (max-width: 736px) {
  .homeRange {
    padding-top: 170px;
    padding-bottom: 90px;
  }
}
.homeRange h2 {
  color: #00388E;
  margin-bottom: 90px;
  display: inline-block;
  position: relative;
  z-index: 0;
  padding: 10px 50px;
}
@media (max-width: 736px) {
  .homeRange h2 {
    font-size: 24px;
    margin-bottom: 40px;
  }
}
.homeRange h2 svg {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  z-index: -1;
  color: #fff;
}

.homeRange__scroller {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.homeRange__scroller .g__col {
  max-width: 40vw;
}
@media (max-width: 736px) {
  .homeRange__scroller .g__col {
    max-width: none;
  }
}
.homeRange__scroller .productPreview {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #7B7B7B;
  transition: 0.15s linear;
  min-width: 142px;
  margin: 0 20px;
}
.homeRange__scroller .productPreview:hover {
  color: #00388E;
}
.homeRange__scroller .productPreview:hover .productPreview__text:before {
  transition-delay: 0.2s;
  opacity: 1;
  transform: translateY(0);
}
.homeRange__scroller .productPreview__image {
  z-index: 1;
}
.homeRange__scroller .productPreview__image img {
  margin-bottom: 10px;
}
.homeRange__scroller .productPreview__text {
  position: relative;
}
.homeRange__scroller .productPreview__text:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -4px;
  margin-top: 7px;
  background-color: currentColor;
  transform: translateY(100%);
  opacity: 0;
  transition: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-property: opacity, transform;
  pointer-events: none;
}

.homeRange__outro {
  max-width: 797px;
  margin: 0 auto;
  color: #00388E;
  padding-top: 60px;
}
.homeRange__outro p {
  margin-bottom: 20px;
}

.homeRecipes.recipesHero {
  padding-top: 40px;
  padding-bottom: 56px;
  position: relative;
  overflow: visible;
}
@media (max-width: 736px) {
  .homeRecipes.recipesHero {
    padding-bottom: 20px;
  }
}
@media (max-width: 736px) {
  .homeRecipes.recipesHero .recipesHero__slide {
    margin-bottom: 40px;
  }
}
.homeRecipes.recipesHero .recipesHero__image {
  margin-right: -80px;
}
@media (max-width: 736px) {
  .homeRecipes.recipesHero .recipesHero__image {
    margin-right: 0;
  }
}
.homeRecipes.recipesHero .flickity-prev-next-button.next.next {
  right: -80px;
}
@media (max-width: 1400px) {
  .homeRecipes.recipesHero .flickity-prev-next-button.next.next {
    right: -20px;
  }
}
@media (max-width: 736px) {
  .homeRecipes.recipesHero .recipeHero__title {
    font-size: 24px;
  }
}

.homeRecipes__wave {
  position: absolute;
  bottom: 100%;
  width: 100%;
  left: 0;
  height: 0;
  padding-top: 4.7569444444%;
}
@media (max-width: 736px) {
  .homeRecipes__wave {
    height: auto;
    padding: 0;
    overflow: hidden;
  }
  .homeRecipes__wave svg {
    position: relative;
    display: block;
    width: 1440px;
    height: auto;
  }
}

.homeShop.productShop {
  padding-bottom: 100px;
}
.homeShop.productShop .productShop__content {
  margin: auto;
}
.homeShop.productShop h4 {
  color: #00388E;
}

.triple-image {
  position: relative;
}
.triple-image.triple-image-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}
.triple-image.triple-image-2 {
  position: relative;
  top: 0;
  left: -50%;
  scale: 0.8;
  z-index: 2;
}
.triple-image.triple-image-3 {
  position: absolute;
  top: 0;
  right: -50%;
  scale: 0.8;
  z-index: 2;
}

.homeHero__slide-zero {
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 736px) {
  .homeHero__slide-zero {
    flex-direction: column;
    align-items: center;
    margin-top: -70px;
  }
}
.homeHero__slide-zero .homeHero__splash svg {
  max-width: 90vw;
}
@media (max-width: 1024px) {
  .homeHero__slide-zero .homeHero__splash svg {
    max-width: 400px;
  }
}
@media (max-width: 736px) {
  .homeHero__slide-zero .homeHero__splash svg {
    max-width: 480px;
  }
}
@media (max-width: 736px) {
  .homeHero__slide-zero .homeHero__text {
    margin-bottom: 40px;
  }
}
@media (max-width: 1024px) {
  .homeHero__slide-zero .homeHero__text .headline {
    font-size: 106px;
  }
}
@media (max-width: 768px) {
  .homeHero__slide-zero .homeHero__text .headline {
    font-size: 72px;
  }
}
@media (max-width: 736px) {
  .homeHero__slide-zero .homeHero__text p {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

.house {
  background-color: #D3E6F2;
  padding-top: 157px;
  margin-bottom: 155px;
  z-index: 0;
  position: relative;
  overflow: hidden;
}
@media (max-width: 736px) {
  .house {
    padding-top: 92px;
    margin-bottom: 94px;
  }
}

.house__skyline {
  position: absolute;
  top: 157px;
  left: -18px;
  right: -96px;
}
@media (max-width: 736px) {
  .house__skyline {
    left: -2px;
    right: -2px;
    top: 408px;
  }
}
.house__skyline svg {
  width: 100%;
  height: auto;
  max-width: none;
}

.house__roof {
  max-width: 1159px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 736px) {
  .house__roof {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.house__roof img {
  display: block;
  margin: -45px 0 auto;
}
@media (max-width: 736px) {
  .house__roof img {
    min-width: 437px;
  }
}

.house__bubbles {
  position: relative;
  display: flex;
}
.house__bubbles > svg {
  margin-top: 243px;
  margin-left: 14px;
}
@media (max-width: 768px) {
  .house__bubbles > svg {
    display: none;
  }
}

.house__intro {
  display: inline-block;
  padding: 80px;
  position: relative;
  text-align: center;
  color: #00388E;
  z-index: 0;
}
@media (max-width: 736px) {
  .house__intro {
    padding: 80px 14px 60px;
    margin-bottom: 124px;
  }
}
.house__intro svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media (max-width: 736px) {
  .house__intro svg {
    max-width: 443px;
  }
}
.house__intro h1 {
  font-size: 54px;
  max-width: 318px;
  margin: 0 auto 23px;
}
@media (max-width: 736px) {
  .house__intro h1 {
    font-size: 37px;
    margin-bottom: 15px;
  }
}
.house__intro p {
  max-width: 376px;
  margin: 0 auto;
}
@media (max-width: 736px) {
  .house__intro p {
    font-size: 16px;
  }
}

.house__main {
  max-width: 1046px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  padding-top: 82px;
}
@media (max-width: 736px) {
  .house__main {
    padding-top: 38px;
  }
}

.house__wall {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 736px) {
  .house__wall {
    min-width: 394px;
    left: -36px;
    right: -36px;
    width: auto;
  }
}
.house__wall img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.house__mainArrow {
  position: absolute;
  top: -53px;
  right: 41%;
}
@media (max-width: 736px) {
  .house__mainArrow {
    display: none;
  }
}

.house__window {
  position: relative;
  width: 100%;
  max-width: 222px;
  height: 290px;
  margin: 0 auto 51px;
}
@media (max-width: 736px) {
  .house__window {
    max-width: 78px;
    height: 110px;
    margin: 0 auto 29px;
  }
}
.house__window:before, .house__window:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 27px;
  border: 2px solid #fff;
  background-color: #267493;
}
@media (max-width: 736px) {
  .house__window:before, .house__window:after {
    height: 10px;
  }
}
.house__window:after {
  top: auto;
  bottom: -2px;
  height: 20px;
  left: -20px;
  right: -20px;
  background-color: transparent;
}
@media (max-width: 736px) {
  .house__window:after {
    height: 10px;
    left: -10px;
    right: -10px;
  }
}
.g__col:nth-child(1) .house__window, .g__col:nth-child(2) .house__window {
  margin-bottom: 167px;
}
@media (max-width: 736px) {
  .g__col:nth-child(1) .house__window, .g__col:nth-child(2) .house__window {
    margin-bottom: 85px;
  }
}

.house__frame {
  position: absolute;
  top: 27px;
  left: 0;
  right: 0;
  bottom: 20px;
  position: absolute;
  perspective: 1000px;
  z-index: 1;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #192F50;
}
@media (max-width: 736px) {
  .house__frame {
    top: 10px;
    bottom: 10px;
  }
}
.house__frame:hover .house__door {
  transform: rotateY(-25deg);
}
.house__frame:hover .house__door + .house__door {
  transform: rotateY(25deg);
}

.house__door {
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0;
  width: calc(50% + 1px);
  border: 2px solid #fff;
  background-color: #267493;
  transform-origin: left;
  transition: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  z-index: 2;
}
.house__door:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  height: 2px;
  background-color: #fff;
  margin-top: -1px;
  width: 25px;
}
@media (max-width: 736px) {
  .house__door:before {
    width: 9px;
  }
}
.house__door + .house__door {
  left: auto;
  right: 0;
  transform-origin: right;
}
.house__door + .house__door:before {
  right: auto;
  left: 0;
}

.house__banner {
  text-align: center;
  position: relative;
  margin-bottom: 48px;
}
@media (max-width: 736px) {
  .house__banner {
    margin-bottom: 32px;
  }
}
.house__banner h2 {
  font-size: 76px;
  letter-spacing: 0.086em;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 20px;
  text-shadow: 0 7px 0px #192F50;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  display: inline-block;
}
@media (max-width: 736px) {
  .house__banner h2 {
    font-size: 27px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-shadow: 0 2px 0px #192F50;
  }
}

.house__bannerArrow {
  position: absolute;
  right: 30%;
  top: 100%;
  margin-top: -2px;
}
@media (max-width: 736px) {
  .house__bannerArrow {
    display: none;
  }
}

.house__front {
  position: relative;
  width: 190px;
  height: 290px;
  margin: 0 auto;
}
@media (max-width: 736px) {
  .house__front {
    width: 72px;
    height: 110px;
  }
}
.house__front .house__frame {
  top: 0;
  bottom: 0;
}
.house__front .house__door:before {
  display: none;
}

.house__step {
  width: 235px;
  border: 2px solid #fff;
  height: 37px;
  margin: -2px auto 0;
  background-color: #267493;
  position: relative;
}
@media (max-width: 736px) {
  .house__step {
    height: 15px;
    width: 95px;
  }
}
.house__step + .house__step {
  width: 290px;
}
@media (max-width: 736px) {
  .house__step + .house__step {
    width: 110px;
  }
}
.house__step + .house__step + .house__step {
  width: 325px;
}
@media (max-width: 736px) {
  .house__step + .house__step + .house__step {
    width: 122px;
  }
}

.house__path {
  height: 51px;
  margin-top: -2px;
  position: relative;
  z-index: 1;
  background-color: #267493;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-position: center center;
  background-image: repeating-linear-gradient(90deg, transparent, transparent 25%, #fff 25%, #fff calc(25% + 2px));
}
@media (max-width: 736px) {
  .house__path {
    height: 20px;
  }
}

.house__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 780px;
  width: 100%;
  z-index: 0;
  background-color: #fff;
  z-index: -1;
}
@media (max-width: 736px) {
  .house__bg {
    display: none;
  }
}
.house__bg svg {
  position: absolute;
  bottom: 100%;
  left: -2px;
  right: -2px;
  width: calc(100% + 4px);
  height: auto;
  transform: scaleY(-1);
}

.house__trees {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 736px) {
  .house__trees {
    z-index: 2;
    bottom: 18px;
  }
}
@media (max-width: 736px) {
  .house__trees [stroke-width] {
    stroke-width: 6;
  }
}
.house__trees > :first-child {
  margin-left: 57px;
}
@media (max-width: 736px) {
  .house__trees > :first-child {
    width: 30px;
    height: auto;
  }
}
.house__trees > :last-child {
  margin-right: 16px;
}
@media (max-width: 736px) {
  .house__trees > :last-child {
    width: 85px;
    height: auto;
  }
}

.houseHeader {
  padding-top: 112px;
  text-align: center;
  position: relative;
  margin-bottom: 70px;
}
@media (max-width: 736px) {
  .houseHeader {
    padding-top: 88px;
    margin-bottom: 54px;
  }
}
.houseHeader a {
  display: inline-flex;
  font-size: 16px;
  align-items: center;
  position: absolute;
  left: 0;
}
@media (max-width: 736px) {
  .houseHeader a {
    opacity: 0.5;
    margin-top: 10px;
  }
}
.houseHeader a:hover svg {
  transform: rotate(90deg) translateY(5px);
}
.houseHeader a svg {
  margin-right: 4px;
  width: 10px;
  height: 6px;
  transform: rotate(90deg);
  position: relative;
  top: -2px;
  transition: 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.houseHeader h1 {
  color: #00388E;
  padding: 5px 18px 0;
  display: inline-block;
  position: relative;
  z-index: 1;
  margin-top: 20px;
}
@media (max-width: 736px) {
  .houseHeader h1 {
    margin-top: 0;
  }
}
.houseHeader h1 svg {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  z-index: -1;
}

.houseMore.houseMore {
  padding-bottom: 140px;
  overflow: hidden;
  margin-top: -120px;
  position: relative;
  z-index: 3;
  background-color: #fff;
}
@media (max-width: 736px) {
  .houseMore.houseMore {
    padding-bottom: 80px;
  }
}
.houseMore.houseMore h2 {
  max-width: 695px;
  margin: 0 auto 80px;
  text-transform: none;
  font-size: 70px;
}
@media (max-width: 736px) {
  .houseMore.houseMore h2 {
    font-size: 34px;
  }
}

.houseMore__wave {
  position: absolute;
  top: 0;
  margin-bottom: -1px;
  left: -2px;
  right: -2px;
  width: calc(100% + 4px);
  height: auto;
  z-index: 1;
}

.houseMore__arrow {
  position: absolute;
  top: 80px;
  right: 100px;
  transform: rotate(12deg);
}
@media (max-width: 1024px) {
  .houseMore__arrow {
    right: 30px;
  }
}
@media (max-width: 768px) {
  .houseMore__arrow {
    display: none;
  }
}
.houseMore__arrow h4 {
  text-transform: none;
  text-align: right;
}
.houseMore__arrow svg {
  position: absolute;
  top: 100%;
  right: 0;
  left: -40px;
  margin: 10px auto;
  width: 60px;
  height: auto;
}

.houseFront {
  overflow: hidden;
  background-color: #305A9B;
  position: relative;
  padding-top: 109px;
}
@media (max-width: 768px) {
  .houseFront {
    padding-top: 100px;
  }
}
.houseFront:before, .houseFront:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(images/bg--strokes.png);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.25;
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 736px) {
  .houseFront:before, .houseFront:after {
    background-size: 200%;
  }
}

.houseFront__back {
  display: inline-flex;
  font-size: 16px;
  align-items: center;
  position: absolute;
  left: 0;
}
@media (max-width: 736px) {
  .houseFront__back {
    opacity: 0.5;
  }
}
.houseFront__back:hover svg {
  transform: rotate(90deg) translateY(5px);
}
.houseFront__back svg {
  margin-right: 4px;
  width: 10px;
  height: 6px;
  transform: rotate(90deg);
  position: relative;
  top: -2px;
  transition: 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.houseFront__header {
  text-align: center;
  padding-top: 20px;
}
@media (max-width: 768px) {
  .houseFront__header {
    padding-top: 33px;
  }
}
.houseFront__header h1 {
  max-width: 695px;
  margin: 0 auto 35px;
  text-transform: none;
}
@media (max-width: 736px) {
  .houseFront__header h1 {
    font-size: 37px;
  }
}
.houseFront__header p {
  font-size: 20px;
  line-height: 1.2;
  max-width: 995px;
  margin: 0 auto 75px;
}
@media (max-width: 768px) {
  .houseFront__header p {
    margin-bottom: 0;
    max-width: 80%;
  }
}
@media (max-width: 736px) {
  .houseFront__header p {
    font-size: 18px;
    max-width: 336px;
  }
}
@media (max-width: 768px) {
  .houseFront__header span {
    display: none;
  }
}

.houseFront__outro {
  max-width: 80%;
  margin: 0 auto;
  padding-top: 39px;
  text-align: center;
  display: none;
}
@media (max-width: 768px) {
  .houseFront__outro {
    display: block;
  }
}
@media (max-width: 736px) {
  .houseFront__outro {
    max-width: 336px;
  }
}

.houseFront__more {
  position: relative;
  z-index: 2;
}
.houseFront__more .productMore {
  margin-top: 0;
  padding-top: 80px;
}
.houseFront__more .productMore:before,
.houseFront__more .productMore:after {
  display: none;
}
.houseFront__more .houseMore__wave {
  display: none;
}

.houseFront__wave {
  transform: scaleY(-1);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  display: block;
  z-index: 4;
  margin-bottom: -22px;
}
@media (max-width: 736px) {
  .houseFront__wave {
    width: 200%;
  }
}

.houseFront__stage {
  padding-top: 634px;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 736px) {
  .houseFront__stage {
    padding-top: 304px;
    margin-bottom: 40px;
  }
  .houseFront__stage:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    z-index: 2;
  }
}
.houseFront__stage > * {
  position: absolute;
  bottom: 0;
}
.houseFront__stage svg {
  display: block;
}
@media (max-width: 736px) {
  .houseFront__stage [stroke] {
    stroke-width: 4px;
  }
}

.houseFront__lamp {
  left: 57px;
}
@media (max-width: 1024px) {
  .houseFront__lamp {
    left: -20px;
  }
}
@media (max-width: 768px) {
  .houseFront__lamp {
    display: none;
  }
}
@media (max-width: 736px) {
  .houseFront__lamp {
    display: block;
    left: auto;
    right: 30px;
  }
  .houseFront__lamp svg {
    max-width: 45px;
    height: auto;
    display: block;
  }
}

.houseFront__fridge {
  left: 262px;
  perspective: 1000px;
  z-index: 3;
}
@media (max-width: 1024px) {
  .houseFront__fridge {
    left: 80px;
  }
}
@media (max-width: 736px) {
  .houseFront__fridge {
    left: 175px;
    background-color: #305A9B;
  }
  .houseFront__fridge > svg {
    max-width: 82px;
    height: auto;
    display: block;
  }
}
.houseFront__fridge .houseFront__label {
  top: -47px;
  left: -228px;
}
@media (max-width: 1024px) {
  .houseFront__fridge .houseFront__label {
    left: auto;
    top: -70px;
    right: -200px;
  }
}
@media (max-width: 736px) {
  .houseFront__fridge .houseFront__label {
    left: auto;
    top: -55px;
    right: -95px;
  }
}
.houseFront__fridge .houseFront__label h6 {
  transform: rotate(-8deg);
  white-space: nowrap;
}
@media (max-width: 736px) {
  .houseFront__fridge .houseFront__label h6 {
    transform: rotate(4deg);
  }
}
.houseFront__fridge .houseFront__label svg {
  margin-left: 70px;
  margin-top: 10px;
}
@media (max-width: 1024px) {
  .houseFront__fridge .houseFront__label svg {
    transform: scaleX(-1);
  }
}
@media (max-width: 736px) {
  .houseFront__fridge .houseFront__label svg {
    width: 50px;
    height: auto;
    margin-top: 0;
    margin-left: 30px;
  }
  .houseFront__fridge .houseFront__label svg [stroke] {
    stroke-width: 2px;
  }
}
.houseFront__fridge img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  transition: 0.3s 0.1s cubic-bezier(0.34, 1.56, 0.64, 1);
  opacity: 0;
}
@media (max-width: 736px) {
  .houseFront__fridge img {
    max-width: 30px;
    height: auto;
  }
}
.houseFront__fridge:hover {
  cursor: pointer;
}
.houseFront__fridge:hover .houseFront__door {
  transition: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  transform: rotateY(160deg);
}
.houseFront__fridge:hover img {
  opacity: 1;
  transform: translate(-50%, -80%);
}

.houseFront__door {
  position: absolute;
  top: 24.5%;
  right: 0;
  bottom: 0;
  width: 100%;
  border: 4px solid #fff;
  background-color: #305A9B;
  transition: 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transform-origin: right;
}
@media (max-width: 736px) {
  .houseFront__door {
    border-width: 1px;
    top: 25%;
  }
}
.houseFront__door:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 14px;
  width: 8px;
  height: 40px;
  border: 4px solid #fff;
  border-radius: 6px;
}
@media (max-width: 736px) {
  .houseFront__door:before {
    top: 8px;
    left: 7px;
    width: 3px;
    height: 16px;
    border-width: 1px;
  }
}

.houseFront__tv {
  left: 548px;
  z-index: 2;
}
@media (max-width: 1024px) {
  .houseFront__tv {
    left: 380px;
  }
}
@media (max-width: 736px) {
  .houseFront__tv {
    left: 34px;
  }
  .houseFront__tv > svg {
    width: 99px;
    height: auto;
  }
}
.houseFront__tv .houseFront__label {
  top: -135px;
  right: -165px;
}
@media (max-width: 768px) {
  .houseFront__tv .houseFront__label {
    right: -80px;
  }
}
@media (max-width: 736px) {
  .houseFront__tv .houseFront__label {
    top: -40px;
    right: 0;
    white-space: nowrap;
  }
}
.houseFront__tv .houseFront__label h6 {
  transform: rotate(5deg);
}
@media (max-width: 736px) {
  .houseFront__tv .houseFront__label h6 {
    transform: rotate(10deg);
  }
}
.houseFront__tv .houseFront__label svg {
  right: 0;
  margin-top: 15px;
  margin-right: 50px;
  transform: scaleX(-1);
}
@media (max-width: 736px) {
  .houseFront__tv .houseFront__label svg {
    margin-top: 0;
    margin-right: 70px;
    width: 40px;
    height: 50px;
    transform: rotate(25deg);
  }
}
.houseFront__tv:hover {
  cursor: pointer;
}
.houseFront__tv:hover img {
  opacity: 1;
  transform: scale(1);
}

.houseFront__screen {
  position: absolute;
  top: 32%;
  left: 12.01%;
  width: 61.484%;
  height: 35%;
  border-radius: 28px;
  overflow: hidden;
}
@media (max-width: 736px) {
  .houseFront__screen {
    top: 33%;
    border-radius: 12px;
  }
}
.houseFront__screen:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(images/img--house-tv.jpg);
  background-size: cover;
  mix-blend-mode: luminosity;
  animation: 2s steps(10) infinite noise;
}
.houseFront__screen img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  transform: scale(0);
  transition: 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  border-radius: 28px;
  will-change: transform;
}
@media (max-width: 736px) {
  .houseFront__screen img {
    border-radius: 12px;
  }
}

@keyframes noise {
  0%, 100% {
    background-position: 0 0;
  }
  10% {
    background-position: -5% -10%;
  }
  20% {
    background-position: -15% 5%;
  }
  30% {
    background-position: 7% -25%;
  }
  40% {
    background-position: 20% 25%;
  }
  50% {
    background-position: -25% 10%;
  }
  60% {
    background-position: 15% 5%;
  }
  70% {
    background-position: 0% 15%;
  }
  80% {
    background-position: 25% 35%;
  }
  90% {
    background-position: -10% 10%;
  }
}
.houseFront__plant {
  right: 443px;
  z-index: 1;
}
@media (max-width: 1024px) {
  .houseFront__plant {
    display: none;
  }
}

.houseFront__sofa {
  right: -119px;
}
@media (max-width: 1024px) {
  .houseFront__sofa {
    right: -220px;
  }
}
@media (max-width: 1024px) {
  .houseFront__sofa {
    display: none;
  }
}

.houseFront__steps.houseFront__steps {
  right: -174px;
  bottom: 305px;
}
@media (max-width: 1024px) {
  .houseFront__steps.houseFront__steps {
    display: none;
  }
}
@media (max-width: 736px) {
  .houseFront__steps.houseFront__steps {
    display: block;
    right: auto;
    left: -56px;
    transform: scaleX(-1);
    bottom: 160px;
  }
  .houseFront__steps.houseFront__steps svg {
    max-width: 245px;
    height: auto;
  }
}

.houseFront__frames.houseFront__frames {
  right: 50px;
  bottom: 380px;
}
@media (max-width: 1024px) {
  .houseFront__frames.houseFront__frames {
    display: none;
  }
}

.houseFront__cat {
  right: 27px;
  bottom: 104px;
}
@media (max-width: 1024px) {
  .houseFront__cat {
    display: none;
  }
}

.houseFront__label {
  position: absolute;
}
.houseFront__label h6 {
  font-size: 32px;
  text-transform: none;
  color: #F8CFD7;
}
@media (max-width: 736px) {
  .houseFront__label h6 {
    font-size: 15px;
  }
}
.houseFront__label svg {
  position: absolute;
}

.houseFront__mobile-top {
  display: none;
  margin-left: auto;
  margin-right: -72px;
}
@media (max-width: 768px) {
  .houseFront__mobile-top {
    display: block;
  }
}
@media (max-width: 736px) {
  .houseFront__mobile-top {
    max-width: 429px;
    margin-top: -50px;
  }
}

.houseCat {
  overflow: hidden;
  background-color: #305A9B;
  position: relative;
}
.houseCat:before, .houseCat:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(images/bg--strokes.png);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.25;
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 736px) {
  .houseCat:before, .houseCat:after {
    background-size: 200%;
  }
}
.houseCat h1 {
  display: none;
}
.houseCat .houseHeader {
  position: relative;
  z-index: 4;
}
@media (max-width: 736px) {
  .houseCat .houseHeader {
    margin-bottom: 10px;
  }
}

.houseCat__frame {
  position: absolute;
  top: -90px;
  right: 290px;
  pointer-events: none;
  transform: rotate(8deg);
}
@media (max-width: 768px) {
  .houseCat__frame {
    top: 110px;
    right: 38px;
    width: 67px;
  }
  .houseCat__frame svg {
    width: 100%;
    height: auto;
  }
}

.houseCat__plant {
  position: absolute;
  bottom: -64px;
  left: -90px;
}
@media (max-width: 768px) {
  .houseCat__plant {
    width: 86px;
    bottom: -10px;
    left: -22px;
  }
  .houseCat__plant svg {
    width: 100%;
    height: auto;
  }
}

.houseCat__sofa {
  position: absolute;
  bottom: -99px;
  left: 192px;
}
@media (max-width: 768px) {
  .houseCat__sofa {
    width: 498px;
    left: 82px;
    bottom: -10px;
  }
  .houseCat__sofa svg {
    width: 100%;
    height: auto;
  }
}

.houseCat__cat {
  display: flex;
  position: relative;
  z-index: 2;
  margin-left: auto;
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  .houseCat__cat {
    flex-direction: column;
    align-items: center;
    padding-bottom: 67px;
  }
}
.houseCat__cat img {
  margin-right: -126px;
}
@media (max-width: 768px) {
  .houseCat__cat img {
    width: 250px;
    margin-right: -150px;
    margin-top: -70px;
  }
}

.houseCat__bubbles {
  margin-left: auto;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  margin-top: -90px;
}
@media (max-width: 768px) {
  .houseCat__bubbles {
    margin-left: 0;
    margin-right: 210px;
  }
}
@media (max-width: 736px) {
  .houseCat__bubbles {
    margin-right: 0;
    margin-top: -40px;
  }
}
.houseCat__bubbles > svg {
  margin-right: -41px;
  margin-top: -71px;
  transform: rotate(-13deg);
}
@media (max-width: 768px) {
  .houseCat__bubbles > svg {
    width: 54px;
    height: auto;
    margin-right: 40px;
    margin-top: 15px;
    transform: rotate(34deg);
  }
}

.houseCat__bubble {
  position: relative;
  padding: 96px 65px 86px;
  margin-left: auto;
  max-width: 470px;
  width: 100%;
  text-align: center;
  color: #00388E;
  font-size: 48px;
  line-height: 0.9375;
  font-family: "Food Truck Signage", sans-serif;
  z-index: 0;
}
@media (max-width: 768px) {
  .houseCat__bubble {
    font-size: 29px;
    max-width: 270px;
    padding: 50px 40px 43px;
  }
}
.houseCat__bubble svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: -1;
}

.houseCat__more {
  position: relative;
  z-index: 2;
}
.houseCat__more .productMore {
  margin-top: 0;
  padding-top: 80px;
}
.houseCat__more .productMore:before,
.houseCat__more .productMore:after {
  display: none;
}
.houseCat__more .houseMore__wave {
  display: none;
}

.houseCat__wave {
  transform: scaleY(-1);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  display: block;
  z-index: 2;
  margin-bottom: -2px;
}

.houseVideo {
  overflow: hidden;
  padding-bottom: 100px;
  background-color: #D3E6F2;
  position: relative;
}
.houseVideo:before, .houseVideo:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(images/bg--strokes.png);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.25;
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 736px) {
  .houseVideo:before, .houseVideo:after {
    background-size: 200%;
  }
}
.houseVideo .houseHeader a {
  margin-top: 50px;
}

.houseVideo__main {
  margin-top: -80px;
  position: relative;
}
@media (max-width: 736px) {
  .houseVideo__main {
    margin-top: 120px;
  }
}

.houseVideo__plant {
  position: absolute;
  bottom: 65px;
  left: 60px;
}
@media (max-width: 736px) {
  .houseVideo__plant {
    display: none;
  }
}

.houseVideo__stairs {
  position: absolute;
  top: -34px;
  right: -196px;
}
@media (max-width: 736px) {
  .houseVideo__stairs {
    width: 309px;
    height: auto;
    right: -12px;
    top: -140px;
  }
}

.houseVideo__media {
  margin-top: -55px;
  position: relative;
  z-index: 1;
}
@media (max-width: 736px) {
  .houseVideo__media {
    margin-top: -35px;
  }
}
.houseVideo__media button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  opacity: 0.75;
  transition: 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.houseVideo__media button:hover {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}
@media (max-width: 736px) {
  .houseVideo__media button {
    opacity: 1;
  }
  .houseVideo__media button svg {
    width: 25px;
    height: 28px;
  }
}

.houseVideo__image {
  display: flex;
  justify-content: center;
  width: 998px;
  max-width: 95vw;
  margin: 0 auto;
}
@media (max-width: 1280px) {
  .houseVideo__image {
    max-width: 65vw;
  }
}
@media (max-width: 1024px) {
  .houseVideo__image {
    max-width: 95vw;
  }
}
.houseVideo__image svg {
  display: block;
  width: 100%;
}
html:not([data-ua*="rv:11"]) .houseVideo__image svg {
  height: auto;
}

.houseVideo__modal .modal__container {
  height: auto;
  padding: 0;
}
.houseVideo__modal .modal__close {
  position: absolute;
  top: 0;
  left: 100%;
}
.houseVideo__modal .modal__content {
  padding: 0;
  overflow: hidden;
}
.houseVideo__modal .modal__content div {
  width: 100.1%;
  height: 0;
  padding-top: 56.35%;
  position: relative;
}
.houseVideo__modal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.houseVideo__decor .decor--1 {
  top: 135px;
  left: 20px;
  opacity: 0.6;
}
@media (max-width: 736px) {
  .houseVideo__decor .decor--1 {
    top: -28px;
    left: 30px;
    max-width: 112px;
  }
}
.houseVideo__decor .decor--1 img {
  transform: rotate(-90deg);
}
.houseVideo__decor .decor--2 {
  top: 20px;
  right: 20px;
  opacity: 0.9;
}
@media (max-width: 736px) {
  .houseVideo__decor .decor--2 {
    top: -68px;
    right: 16px;
    max-width: 90px;
  }
}
.houseVideo__decor .decor--3 {
  bottom: -173px;
  left: -61px;
  z-index: 1;
}
@media (max-width: 768px) {
  .houseVideo__decor .decor--3 {
    max-width: 153px;
  }
}
@media (max-width: 768px) {
  .houseVideo__decor .decor--3 {
    left: 25px;
    bottom: -200px;
    max-width: 93px;
  }
}
.houseVideo__decor .decor--3 img {
  transform: rotate(79deg);
}
.houseVideo__decor .decor--4 {
  bottom: -273px;
  right: -61px;
  z-index: 2;
}
@media (max-width: 768px) {
  .houseVideo__decor .decor--4 {
    max-width: 153px;
  }
}
@media (max-width: 736px) {
  .houseVideo__decor .decor--4 {
    display: none;
  }
}
.houseVideo__decor .decor--4 img {
  transform: rotate(179deg);
}

.houseVideo__intro {
  padding-top: 20px;
  padding-bottom: 42px;
  text-align: center;
}
@media (max-width: 768px) {
  .houseVideo__intro {
    padding-top: 60px;
  }
}
@media (max-width: 736px) {
  .houseVideo__intro {
    padding-top: 90px;
  }
}
.houseVideo__intro p {
  font-size: 24px;
  line-height: 1.2;
  max-width: 694px;
  margin: 0 auto 58px;
  color: #00388E;
}
@media (max-width: 736px) {
  .houseVideo__intro p {
    font-size: 18px;
    max-width: 336px;
    margin-bottom: 30px;
    line-height: 1.33;
  }
}

.houseVideo__share {
  margin-top: 18px;
  margin-left: -15px;
  margin-right: -15px;
  justify-content: center;
}
.houseVideo__share a {
  margin-left: 15px;
  margin-right: 15px;
  width: 20px;
}
.houseVideo__share a:hover {
  color: #004cc1;
}
.houseVideo__share a svg {
  width: 100%;
  height: auto;
}

.houseVideo__wave {
  transform: scaleY(-1);
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: -2px;
  margin-top: -60px;
}

.houseIG {
  position: relative;
  overflow: hidden;
}

.houseIG__top {
  padding-bottom: 100px;
  background-color: #D3E6F2;
  position: relative;
}
.houseIG__top:before, .houseIG__top:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(images/bg--strokes.png);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.25;
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 736px) {
  .houseIG__top:before, .houseIG__top:after {
    background-size: 200%;
  }
}

.houseIG__bottom .g__col {
  margin-top: -100px;
  margin-bottom: 124px;
}
@media (max-width: 736px) {
  .houseIG__bottom .g__col {
    margin-bottom: 100px;
  }
}

.houseIG__wave {
  position: absolute;
  bottom: 100%;
  margin-bottom: -1px;
  left: -2px;
  right: -2px;
  width: calc(100% + 4px);
  height: auto;
  z-index: 1;
  transform: scaleY(-1);
}

.houseIG__bg {
  background-color: #F4F6F8;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.houseIG__bottom {
  position: relative;
  z-index: 1;
}

.houseIG__item {
  position: relative;
  margin-bottom: 72px;
  display: block;
  transform: rotate(-6deg);
  text-align: center;
}
.houseIG__item div {
  display: inline-block;
  border-radius: 20px;
  max-width: 324px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  transform: rotate(0deg);
}
.houseIG__item div:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #525252;
  mix-blend-mode: multiply;
  z-index: 2;
  opacity: 0;
  transition: 0.2s linear;
}
.houseIG__item div:after {
  content: "View Post";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -30%) scale(0.4);
  color: #fff;
  font-family: "Food Truck Signage", sans-serif;
  font-size: 32px;
  z-index: 3;
  opacity: 0;
  transition: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  will-change: transform;
}
.houseIG__item div img {
  will-change: filter;
  filter: blur(0px);
  display: block;
  transition: 0.2s linear;
}
.houseIG__item:hover div:before {
  opacity: 1;
}
.houseIG__item:hover div:after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.houseIG__item:hover img {
  filter: blur(2px);
}
.houseIG__bottom .houseIG__item {
  transform: rotate(0deg);
}
.g__col:nth-child(1) .houseIG__item {
  margin-top: 80px;
}
.houseIG__bottom .g__col:nth-child(1) .houseIG__item {
  margin-top: 0;
}
.g__col:nth-child(2n) .houseIG__item {
  transform: rotate(0deg);
  margin-top: 50px;
  z-index: 2;
}
.houseIG__bottom .g__col:nth-child(2n) .houseIG__item {
  margin-top: -110px;
  transform: rotate(-4deg);
}
@media (max-width: 736px) {
  .houseIG__bottom .g__col:nth-child(2n) .houseIG__item {
    margin-top: 0;
  }
}
.g__col:nth-child(3n) .houseIG__item {
  transform: rotate(5deg);
}
.houseIG__bottom .g__col:nth-child(3n) .houseIG__item {
  margin-top: 0;
}
.houseIG__bottom .g__col:nth-child(4n) .houseIG__item {
  margin-top: 0;
  transform: rotate(2deg);
}
.houseIG__bottom .g__col:nth-child(5n) .houseIG__item {
  margin-top: 65px;
  transform: rotate(-4deg);
}
.houseIG__bottom .g__col:nth-child(6n) .houseIG__item {
  margin-top: 0;
  transform: rotate(0deg);
}
.houseIG__item svg {
  position: absolute;
  top: 293px;
  left: 363px;
  transform: rotate(-72deg);
  z-index: -1;
  pointer-events: none;
}
@media (max-width: 736px) {
  .houseIG__item svg {
    display: none;
  }
}
.houseIG__bottom .houseIG__item svg {
  transform: rotate(9deg);
  top: 300px;
  left: -40px;
}

.houseRecipes {
  position: relative;
  overflow: hidden;
}

.houseRecipes__top {
  padding-bottom: 100px;
}

.houseRecipes__bottom .g__col {
  margin-top: -100px;
  margin-bottom: 124px;
}
@media (max-width: 736px) {
  .houseRecipes__bottom .g__col {
    margin-bottom: 100px;
  }
}

.houseRecipes__wave {
  position: absolute;
  top: 0;
  margin-top: -1px;
  left: -2px;
  right: -2px;
  width: calc(100% + 4px);
  height: auto;
  z-index: 1;
}

.houseRecipes__bg {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.houseRecipes__item {
  max-width: 354px;
  margin: 0 auto 105px;
  transform: rotate(-8deg);
  text-align: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .houseRecipes__item {
    max-width: 240px;
  }
}
@media (max-width: 736px) {
  .houseRecipes__item {
    transform: rotate(-4deg);
    margin-bottom: 60px;
  }
}
.g__col:nth-child(even) .houseRecipes__item {
  transform: rotate(8deg);
}
@media (max-width: 736px) {
  .g__col:nth-child(even) .houseRecipes__item {
    transform: rotate(4deg);
  }
}
.houseRecipes__item .productRecipe__image {
  height: 354px;
}
@media (max-width: 768px) {
  .houseRecipes__item .productRecipe__image {
    height: 240px;
  }
}
.houseRecipes__item .productRecipe__image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.houseRecipes__item .decor--1 {
  top: 18px;
  left: -163px;
}
.g__col:nth-child(even) .houseRecipes__item .decor--1 {
  display: none;
}
.houseRecipes__item .decor--1 img {
  transform: rotate(60deg);
}
.houseRecipes__item .decor--2 {
  top: 24px;
  right: -174px;
}
.g__col:nth-child(even) .houseRecipes__item .decor--2 {
  top: 157px;
  right: -157px;
}
.houseRecipes__item .decor--2 img {
  transform: rotate(20deg);
}

.houseRecipes__more {
  margin-top: -100px;
}

.blog .recipeHero {
  pointer-events: all !important;
}
.blog .recipeHero__head {
  position: relative;
  z-index: 2;
  text-align: center;
}
.blog .recipeHero__head .recipeHero__title {
  font-size: 32px;
  line-height: 22px;
  margin: 0 auto;
  transform: translateY(14px);
}
@media (max-width: 736px) {
  .blog .recipeHero__head .recipeHero__title {
    transform: translateY(-5px);
  }
}
.blog .recipeHero__head svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.blog .recipeHero__media {
  margin-top: 0;
}
.blog .recipeHero__content {
  text-align: left;
  padding-top: 60px;
  padding-bottom: 120px;
}
@media (max-width: 768px) {
  .blog .recipeHero__content {
    text-align: center;
  }
}
@media (max-width: 736px) {
  .blog .recipeHero__content {
    padding-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .blog .recipeHero__content .g__col {
    width: 100%;
  }
}
.blog .recipeHero__content h2 {
  font-size: 70px;
  line-height: 60px;
}
@media (max-width: 768px) {
  .blog .recipeHero__content h2 {
    font-size: 50px;
    line-height: 45px;
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .blog .recipeHero__content .date.desktop {
    display: none;
  }
}
.blog .recipeHero__content .excerpt {
  margin-bottom: 40px;
}
.blog .recipesList__preview {
  display: flex;
  flex-direction: column;
  text-align: left;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}
.blog .recipesList__preview h3 {
  margin-bottom: 20px;
  color: #00388E;
}
.blog.recipesList__image {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 25px;
}
.blog.recipesList__image img {
  display: block;
  width: 100%;
}

.date {
  color: rgba(0, 56, 142, 0.5);
  margin-bottom: 20px;
}

.excerpt {
  display: block;
  color: #00388E;
}

.single {
  color: #00388E;
}
@media (max-width: 736px) {
  .single .g__col.w-60 {
    width: 100%;
  }
}
@media (max-width: 736px) {
  .single .recipeComments {
    text-align: center;
  }
}
.single .recipeActions__wrap {
  padding-top: 60px;
  padding-bottom: 60px;
}
.single .recipeActions__wrap h4 {
  color: #F09613;
}
.single .recipeMore {
  background: transparent;
  padding-top: 60px;
  padding-bottom: 200px;
}
.single .recipeMore__items {
  max-width: none;
}
.single .hero {
  height: 630px;
  margin-bottom: 100px;
}
@media (max-width: 736px) {
  .single .hero {
    height: 750px;
  }
}
.single .hero__title {
  top: 50%;
  width: 33.33%;
}
@media (max-width: 736px) {
  .single .hero__title {
    width: 100%;
    top: auto;
    left: 0;
    bottom: -50px;
  }
}
.single .hero__title h1 {
  font-size: 60px;
  line-height: 55px;
  color: #00388E;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .single .hero__title h1 {
    font-size: 50px;
    line-height: 45px;
  }
}
.single .hero__title .excerpt {
  max-width: 291px;
  width: 100%;
}
@media (max-width: 736px) {
  .single .hero__title .excerpt {
    display: none;
  }
}
.single .hero__img {
  top: 0;
  right: 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  .single .hero__img {
    margin-top: -100px;
  }
}
@media (max-width: 736px) {
  .single .hero__img {
    width: 100%;
  }
}
.single .hero__img svg {
  max-width: 918px;
  width: 100%;
  float: right;
  margin-right: -60px;
}
@media (max-width: 736px) {
  .single .hero__img svg {
    width: 100%;
    float: none;
    margin-right: 0;
    transform: scale(0.9);
  }
}
.single .hero__arrow {
  margin-left: 0;
  bottom: -320px;
}
@media (max-width: 768px) {
  .single .hero__arrow {
    display: none;
  }
}

.flexi-block {
  padding-top: 60px;
  padding-bottom: 60px;
}
.flexi-block h2, .flexi-block h3, .flexi-block h4, .flexi-block h5, .flexi-block h6 {
  margin-bottom: 30px;
}
.flexi-block img {
  display: block;
  margin: 0 auto;
}

.error404 .header {
  color: #fff;
}

.notfound {
  min-height: 960px;
  text-align: center;
  background-color: #37B1C9;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (max-width: 736px) {
  .notfound {
    min-height: 100vh;
  }
}
.notfound:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 50%;
  width: 100%;
  background-color: #56BCD2;
}
.notfound h1 {
  font-size: 136px;
  margin-bottom: 44px;
  margin-top: 150px;
}
@media (max-width: 1024px) {
  .notfound h1 {
    font-size: 100px;
  }
}
@media (max-width: 768px) {
  .notfound h1 {
    font-size: 80px;
  }
}
@media (max-width: 736px) {
  .notfound h1 {
    font-size: 40px;
    margin-bottom: 20px;
  }
}
.notfound p {
  max-width: 736px;
  margin: 0 auto 20px;
}
.notfound a {
  display: inline-block;
  padding-bottom: 3px;
  border-bottom: 2px solid currentColor;
  transition: 0.15s linear;
}
.notfound a:hover {
  border-bottom-color: transparent;
}

.notfound__image {
  position: absolute;
  top: 0;
  left: 9%;
  width: 40%;
  height: auto;
  transform: translateY(-24%);
}
@media (max-width: 1024px) {
  .notfound__image {
    width: 50%;
    top: 40px;
  }
}
@media (max-width: 768px) {
  .notfound__image {
    width: 60%;
    top: 70px;
    left: 0;
  }
}
.notfound__image:before, .notfound__image:after {
  content: "";
  position: absolute;
  background-image: url(images/bg--product-bounce-1.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 9%;
  height: 0;
  padding-top: 9%;
  transition: 0.3s cubic-bezier(0.36, 0, 0.66, -0.56);
  pointer-events: none;
  top: 70%;
  transform: rotate(65deg);
  left: 93%;
}
.notfound__image:before {
  background-image: url(images/bg--product-bounce-2.svg);
  top: 86%;
  left: 28%;
  transform: rotate(40deg);
}
.notfound__image i {
  position: absolute;
  top: 110%;
  left: 35%;
  width: 80%;
  opacity: 0.4;
  padding-top: 21%;
  background-image: url(images/img--hero-shadow.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.defaultPage {
  position: relative;
  margin-top: -110px;
  padding-bottom: 280px;
}
@media (max-width: 768px) {
  .defaultPage {
    margin-top: -60px;
    padding-bottom: 140px;
  }
}
@media (max-width: 736px) {
  .defaultPage {
    margin-top: -30px;
    padding-bottom: 60px;
  }
}

.defaultPage__content {
  max-width: 816px;
  margin: 0 auto;
}

.processSection {
  position: relative;
  overflow: hidden;
}
.processSection > svg {
  display: block;
  width: 100%;
  height: auto;
}
.processSection--border {
  padding-bottom: 4.513vw;
}
.processSection--border:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5vw;
  z-index: 3;
  background-color: #00388E;
}

.processHero {
  background-color: #fff;
  background-image: linear-gradient(rgba(57, 175, 199, 0.6), #fff 50%);
}

.processHead {
  padding-bottom: 100px;
  text-align: center;
  font-family: "Food Truck Signage", sans-serif;
  font-size: 36px;
  color: #1A4288;
  max-width: 980px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .processHead {
    font-size: 24px;
    max-width: 90%;
  }
}
@media (max-width: 736px) {
  .processHead {
    font-size: 20px;
    padding-bottom: 0;
    max-width: 100%;
  }
}
.processHead--intro {
  padding-bottom: 20px;
}
@media (max-width: 736px) {
  .processHead--intro {
    padding-bottom: 40px;
  }
}
.processHead .processHead__wrap {
  padding-top: 240px;
  padding-bottom: 80px;
}
@media (max-width: 768px) {
  .processHead .processHead__wrap {
    padding-top: 120px;
  }
}
@media (max-width: 736px) {
  .processHead .processHead__wrap {
    overflow-x: auto;
  }
}
.processHead p {
  padding-top: 150px;
}
@media (max-width: 736px) {
  .processHead p {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1.2;
    display: none;
  }
}
.processHead ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
}
.processHead li {
  position: relative;
  padding: 0 30px;
  z-index: 0;
}
@media (max-width: 736px) {
  .processHead li:first-child {
    padding-left: 33vw;
  }
  .processHead li:last-child {
    padding-right: 33vw;
  }
}
.processHead li a {
  position: relative;
  display: block;
  opacity: 0.5;
}
.processHead li a:hover {
  opacity: 1;
}
.processHead span {
  display: inline-block;
}
.processHead li svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: -1;
}
@media (max-width: 768px) {
  .processHead li svg {
    transform: translate(-50%, -50%) scale(0.7);
  }
}
@media (max-width: 736px) {
  .processHead li svg {
    transform: translate(-50%, -50%) scale(0.6);
  }
}
.processHead li:first-child svg {
  left: 42%;
}
.processHead li:nth-child(2) svg {
  transform: translate(-52%, -50%) rotate(0deg);
}
@media (max-width: 768px) {
  .processHead li:nth-child(2) svg {
    transform: translate(-52%, -50%) rotate(0deg) scale(0.7);
  }
}
@media (max-width: 736px) {
  .processHead li:nth-child(2) svg {
    transform: translate(-52%, -50%) rotate(0deg) scale(0.6);
  }
}
.processHead li:last-child svg {
  transform: translate(-55%, -50%) rotate(2deg);
}
@media (max-width: 768px) {
  .processHead li:last-child svg {
    transform: translate(-55%, -50%) rotate(2deg) scale(0.7);
  }
}
@media (max-width: 736px) {
  .processHead li:last-child svg {
    transform: translate(-53%, -50%) rotate(2deg) scale(0.6);
  }
}
.processHead [data-current] {
  font-size: 43px;
}
@media (max-width: 768px) {
  .processHead [data-current] {
    font-size: 24px;
  }
}
.processHead [data-current]:first-child span {
  transform: rotate(-5deg);
}
.processHead [data-current]:nth-child(2) span {
  transform: rotate(7deg);
}
.processHead [data-current]:last-child span {
  transform: rotate(7deg);
}
.processHead [data-current] a {
  color: #fff;
  opacity: 1;
}
.processHead [data-current] svg {
  pointer-events: none;
  opacity: 1;
}

.processHead__arrows {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
  padding: 0 20px;
  display: none;
  pointer-events: none;
}
@media (max-width: 736px) {
  .processHead__arrows {
    display: flex;
  }
}
.processHead__arrows a {
  transform: rotate(90deg);
  opacity: 0.25;
}
.processHead__arrows a[href] {
  opacity: 1;
  pointer-events: all;
}
.processHead__arrows a:last-child {
  transform: rotate(-90deg);
}

.processBox {
  padding: 1.805vw 1.388vw;
  background-color: #fff;
  color: #00388E;
  position: absolute;
  text-align: center;
}
.processBox:before, .processBox:after,
.processBox p:before,
.processBox p:after {
  content: "";
  position: absolute;
  width: 0.972vw;
  height: 0.972vw;
  border-radius: 50%;
  background-color: #EE9413;
}
.processBox:before, .processBox p:before {
  left: 0.972vw;
}
.processBox:before, .processBox:after {
  top: 0.572vw;
}
.processBox p:before, .processBox :after {
  bottom: 0.572vw;
}
.processBox:after, .processBox p:after {
  right: 0.972vw;
}
.processBox--blue {
  color: #fff;
  background-color: #80BAD0;
}
.processBox--blue:before, .processBox--blue:after,
.processBox--blue p:before,
.processBox--blue p:after {
  background-color: #EDC65B;
}
.processBox h3 {
  position: absolute;
  bottom: 100%;
  margin-bottom: -1.388vw;
  left: 0.549vw;
  background-color: #EE9413;
  color: #fff;
  transform: rotate(-6deg);
  padding: 1.4vw 1.11vw;
  font-size: 2.847vw;
  text-transform: none;
}
@media (max-width: 736px) {
  .processBox h3 {
    font-size: 5vw;
    margin-bottom: 0;
  }
}
.processBox p {
  font-size: 2.847vw;
  line-height: 1.195;
  font-family: "Food Truck Signage", sans-serif;
}
@media (max-width: 736px) {
  .processBox p {
    line-height: 1;
    font-size: 4.5vw;
  }
}
.processBox img {
  position: absolute;
  left: 50%;
  bottom: 110%;
  transform: translate(-50%, 1.388vw);
}

.fruitedSection--1 {
  z-index: 3;
  overflow: visible;
}
.fruitedSection--1 .processBox--1 {
  top: 50%;
  left: 1.944vw;
  width: 32.5%;
}
@media (max-width: 736px) {
  .fruitedSection--1 .processBox--1 {
    top: 40%;
  }
}
.fruitedSection--1 .processBox--2 {
  top: 41.979%;
  right: 1.944vw;
  width: 29%;
}
@media (max-width: 736px) {
  .fruitedSection--1 .processBox--2 {
    top: 30%;
  }
}
.fruitedSection--1 .processBox--2 img {
  transform: translate(-50%, 1.388vw) rotate(-5deg);
  width: 5.138vw;
}
.page-template-page--natural-process .fruitedSection--1 .processBox--2 img {
  width: 7.138vw;
}
@media (max-width: 736px) {
  .fruitedSection--1 .processBox--2 img {
    width: 9vw;
    transform: translate(-50%, 2.2vw) rotate(-5deg);
  }
}
.fruitedSection--1 .processBox--3 {
  top: 75.654%;
  right: 1.944vw;
  width: 29%;
}
@media (max-width: 736px) {
  .fruitedSection--1 .processBox--3 {
    top: 80%;
    z-index: 3;
  }
}
.fruitedSection--1 .processBox--3 img {
  transform: translate(-50%, 1.388vw) rotate(10deg);
  width: 5.694vw;
}
.page-template-page--natural-process .fruitedSection--1 .processBox--3 img {
  width: 6.694vw;
}
@media (max-width: 736px) {
  .fruitedSection--1 .processBox--3 img {
    transform: translate(-50%, 2.2vw) rotate(10deg);
    width: 9vw;
  }
}

.fruitedSection--2 {
  z-index: 0;
  background-color: #ffdd6d;
}
.fruitedSection--2 > svg {
  position: relative;
  z-index: 2;
}
.fruitedSection--2 .processBox--1 {
  top: 25.708%;
  left: 50%;
  transform: translateX(-50%);
  width: 50.97%;
  z-index: 1;
}
.fruitedSection--2 .processBox--1 h3 {
  background-color: #00388E;
  margin-bottom: 4.166vw;
  transform: rotate(-3deg);
}
.fruitedSection--2 .processBox--2 {
  top: 56.2155%;
  right: 3.75vw;
  width: 42.638%;
  z-index: 2;
}
.fruitedSection--2 .processBox--3 {
  top: 80.2155%;
  right: 3.75vw;
  width: 36.638%;
  z-index: 2;
}
@media (max-width: 736px) {
  .fruitedSection--2 .processBox--3 {
    top: 78.2155%;
  }
}

.fruitedSection__beam {
  position: absolute;
  top: 31%;
  width: 48.19%;
  left: 26.0416%;
}
.fruitedSection__beam img {
  position: absolute;
  top: 400px;
}
.fruitedSection__beam img:nth-child(1) {
  top: 4%;
  width: 9.4444vw;
}
.fruitedSection__beam img:nth-child(2) {
  top: -2%;
  right: 5%;
  width: 13.9583vw;
}
.fruitedSection__beam img:nth-child(3) {
  top: 18%;
  left: 35%;
  width: 6.527vw;
}
.fruitedSection__beam img:nth-child(4) {
  top: 42%;
  left: 18%;
  width: 6.527vw;
}
.fruitedSection__beam img:nth-child(5) {
  top: 36%;
  right: 22%;
  width: 5.833vw;
}
.fruitedSection__beam img:nth-child(6) {
  top: 60%;
  left: 39%;
  width: 5.833vw;
}
.fruitedSection__beam img:nth-child(7) {
  top: 73%;
  left: 8%;
  width: 12.1527vw;
}
.fruitedSection__beam img:nth-child(8) {
  top: 90%;
  right: 5%;
  width: 10.0694vw;
}
.fruitedSection__beam svg {
  width: 100%;
  height: auto;
  z-index: -1;
}

.fruitedSection--3 {
  background-color: #bff0f4;
}
.fruitedSection--3 > svg {
  position: relative;
  z-index: 0;
}
.fruitedSection--3 .processBox--1 {
  top: 16.7821%;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  z-index: 1;
}
.fruitedSection--3 .processBox--1 h3 {
  background-color: #00388E;
  transform: rotate(18deg);
  left: auto;
  right: -4.166vw;
  z-index: 2;
  min-width: 11.3888vw;
}

.processProducts {
  position: absolute;
  left: 0;
  display: flex;
  top: 57.5%;
  align-items: flex-end;
}
.processProducts img {
  width: 8vw;
  margin-right: 7.555vw;
}
.processProducts img:nth-child(4) {
  position: relative;
  z-index: 4;
}
.processProducts--natural-set {
  top: 54%;
  z-index: 2;
}
.processProducts--natural-set img {
  width: 9.9305vw;
  margin-right: 5vw;
}
.processProducts--natural-set img:first-child {
  margin-left: -5vw;
}
.processProducts--natural-set img:nth-child(odd) {
  width: 12.4305vw;
}
.processProducts--natural-set img:nth-child(even) {
  position: relative;
}
.processProducts--natural-set img:nth-child(4) {
  position: relative;
  z-index: 4;
}
.processProducts--natural {
  top: 56.5%;
}
.processProducts--natural img {
  width: 10vw;
  margin-right: 6.652vw;
}
.processProducts--natural img:first-child {
  margin-left: -5vw;
}
.processProducts--natural img:nth-child(4) {
  position: relative;
  z-index: 4;
}

.setSection--1 .processBox--1 {
  top: 50%;
  left: 1.944vw;
  width: 32.5%;
}

.setSection--2 {
  background-color: #bff0f4;
}
.setSection--2 > svg {
  position: relative;
  z-index: 1;
}
.setSection--2 .processBox--1 {
  top: 16.7821%;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  z-index: 1;
}
.setSection--2 .processBox--1 h3 {
  transform: rotate(18deg);
  left: auto;
  right: -4.166vw;
  z-index: 2;
  min-width: 11.3888vw;
}

.setSection--3 {
  margin-bottom: 8.9444vw;
}
.setSection--3 .processBox--1 {
  top: 16.041%;
  left: 17.5vw;
  width: 74.09722vw;
}
.setSection--3 .processBox--1 h3 {
  left: auto;
  right: -6.18vw;
  transform: rotate(8deg);
  margin-bottom: 0;
}

.setSection__lamps {
  top: 42.5%;
  left: 5.55vw;
  width: 89.375vw;
  overflow: hidden;
  position: absolute;
  background-color: #e6ffff;
}
.setSection__lamps svg {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
.setSection__lamps .processProducts {
  top: 49%;
  z-index: 2;
}
.setSection__lamps .processProducts img {
  margin-right: 3.3vw;
}
.setSection__lamps .processProducts img:nth-child(4) {
  transform: none;
  z-index: 1;
}
.setSection__lamps .processProducts img:nth-child(1) {
  margin-left: -5vw;
}

.naturalSection--2 {
  z-index: 0;
  background-color: #ffdd6d;
}
.naturalSection--2 > svg {
  position: relative;
  z-index: 2;
}
.naturalSection--2 .processBox--1 {
  top: 28%;
  left: 50%;
  transform: translateX(-50%);
  width: 41.1111%;
  z-index: 1;
}
.naturalSection--2 .processBox--1 h3 {
  background-color: #00388E;
  margin-bottom: 3.166vw;
  transform: translateX(-50%) rotate(-3deg);
  left: 50%;
  white-space: nowrap;
  padding-left: 2vw;
  padding-right: 2vw;
}
.naturalSection--2 .processBox--2 {
  top: 48%;
  right: 3.75vw;
  width: 41vw;
  z-index: 2;
}

.naturalSection--3 {
  background-color: #bff0f4;
  margin-bottom: 8.9444vw;
}
.naturalSection--3:before {
  background-color: #235FB7;
}
.naturalSection--3 > svg {
  position: relative;
  z-index: 1;
  pointer-events: none;
}
.naturalSection--3 .processProducts {
  z-index: 2;
}
.naturalSection--3 .processBox--1 {
  top: 16.7821%;
  left: 50%;
  transform: translateX(-50%);
  width: 54%;
  z-index: 1;
}
.naturalSection--3 .processBox--1 h3 {
  transform: rotate(18deg);
  left: auto;
  right: -4.166vw;
  z-index: 2;
  min-width: 11.3888vw;
}
.naturalSection--3 .processProducts--natural img:nth-child(4) {
  margin-left: -0.5vw;
}

.postid-133 .productHero,
.postid-133 .productShop {
  background-image: none !important;
  background-color: rgba(255, 224, 127, 0.2);
  color: #5F422C;
}
.postid-133 .product-hero-bg,
.postid-133 .productHero__splash svg > path {
  fill: #FFE07F;
}
.postid-133 .productInfo svg,
.postid-133 .productInfo h2,
.postid-133 .productRecipes h2,
.postid-133 .productRecipe__preview .time {
  color: #FFE07F;
}
.postid-133 .productRecipe__preview p {
  color: rgba(255, 224, 127, 0.5);
}

.single-product main {
  overflow: hidden;
}

.productDecor {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  z-index: 3;
}
@media (max-width: 736px) {
  .productDecor {
    display: none;
  }
}
.productDecor .decor--1 {
  left: 54%;
  top: 118px;
  width: 146px;
  height: 203px;
}
.productDecor .decor--2 {
  left: 59%;
  top: 540px;
  width: 146px;
  height: 203px;
}

.productHero {
  padding-top: 158px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 2;
  position: relative;
}
@media (max-width: 1280px) {
  .productHero {
    padding-top: 120px;
  }
}
@media (max-width: 736px) {
  .productHero {
    padding-top: 70px;
    min-height: 0;
  }
}
.productHero .container {
  margin: auto;
}
@media (max-width: 1280px) {
  .productHero .container {
    max-width: 1080px;
  }
}

.productHero__splash {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  min-width: 1160px;
  max-width: 95vw;
  width: 100vw;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1280px) {
  .productHero__splash {
    max-width: 1160px;
  }
}
@media (max-width: 1024px) {
  .productHero__splash {
    max-width: 105vw;
    width: 105vw;
    min-width: 0;
  }
}
@media (max-width: 768px) {
  .productHero__splash {
    max-width: 195vw;
    width: 195vw;
  }
}
@media (max-width: 736px) {
  .productHero__splash {
    top: -20px;
    max-width: 105vw;
    width: 105vw;
    transform: translateX(-50%);
  }
}
.productHero__splash svg {
  display: block;
  width: 100%;
  max-width: 1388px;
}
html:not([data-ua*="rv:11"]) .productHero__splash svg {
  height: auto;
}
@media (max-width: 736px) {
  .productHero__splash svg {
    display: none;
  }
}
.productHero__splash svg:last-child {
  display: none;
}
@media (max-width: 736px) {
  .productHero__splash svg:last-child {
    display: block;
  }
}

@media (max-width: 736px) {
  .productHero__grid {
    flex-direction: column-reverse;
  }
  .productHero__grid .g__col {
    width: 100%;
  }
}

.productHero__intro {
  text-align: center;
  max-width: 332px;
  margin: 0 auto;
}
.productHero__intro.onken-naked-raspberry p .number {
  background: #FFFFFF;
  color: #53061B;
}
.productHero__intro.onken-naked-mango p .number {
  background: #056836;
  color: #FFFFFF;
}
@media (max-width: 736px) {
  .productHero__intro {
    padding-top: 40vw;
  }
}
.productHero__intro h1 {
  margin-bottom: 20px;
}
.page-template-page--recycle .productHero__intro h1 {
  font-size: 48px;
}
@media (max-width: 736px) {
  .productHero__intro h1 {
    margin-bottom: 30px;
  }
}
@media (min-width: 737px) {
  .productHero__intro h1 {
    color: inherit !important;
  }
}
.productHero__intro p {
  line-height: 1.21;
}
.page-template-page--recycle .productHero__intro p {
  font-size: 18px;
  line-height: 1.2;
}
@media (min-width: 737px) {
  .productHero__intro p {
    color: inherit !important;
  }
}
@media (max-width: 736px) {
  .productHero__intro p {
    max-width: 276px;
    margin: 0 auto;
  }
}
.productHero__intro p .number {
  width: 22px;
  height: 22px;
  border-radius: 50px;
  line-height: 22px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  vertical-align: text-top;
}

.productHero__image {
  width: 120%;
  margin-left: -10%;
  pointer-events: none;
}
@media (max-width: 736px) {
  .productHero__image {
    opacity: 1 !important;
    width: 80%;
    margin: auto;
    margin-top: 60px;
  }
}
.productHero__image i {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  z-index: -1;
  padding-top: 21.0248681%;
}
@media (max-width: 768px) {
  .productHero__image i {
    top: 130%;
  }
}
@media (max-width: 768px) {
  .productHero__image i {
    top: 90%;
  }
}
.productHero__image i:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(images/img--hero-shadow.png);
  background-size: 100%;
  background-repeat: no-repeat;
  animation: shadow 8s infinite ease-in-out;
  opacity: 0.7;
}
.s--transitioning .productHero__image i:before {
  animation-name: none;
}
.s--transitioned .productHero__image i:before {
  animation-name: shadow;
}
.productHero__image img {
  display: block;
  margin: auto;
  margin-top: 40px;
}
.s--transitioning .productHero__image img {
  animation-name: none;
}
.productHero__image.s--floating {
  margin-left: 0;
  opacity: 0;
  z-index: 3;
  transition: filter 0.2s 0.3s linear;
}
@media (max-width: 736px) {
  .productHero__image.s--floating {
    display: none !important;
  }
}
.s--nav-open .productHero__image.s--floating {
  transition-delay: 0s;
  filter: blur(10px);
}
.productHero__image.s--floating img {
  margin-top: -56px;
}
@media (max-width: 1280px) {
  .productHero__image.s--floating img {
    margin-top: 0;
  }
}

.productHero__stamp {
  position: absolute;
  bottom: -90px;
  right: 100%;
  margin-right: -60px;
}
@media (max-width: 768px) {
  .productHero__stamp {
    bottom: -250px;
    margin-right: -130px;
  }
}
@media (max-width: 736px) {
  .productHero__stamp {
    display: none;
  }
}
.productHero__stamp--top {
  bottom: auto;
  top: -30px;
  right: auto;
  left: 100%;
  margin-right: auto;
  margin-left: -20px;
}
@media (max-width: 1280px) {
  .productHero__stamp--top {
    top: -50px;
  }
}
@media (max-width: 768px) {
  .productHero__stamp--top {
    top: -150px;
  }
}
.productHero__stamp--top-left {
  left: -180px;
  top: -30px;
}
@media (max-width: 1280px) {
  .productHero__stamp--top-left {
    top: -50px;
  }
}
@media (max-width: 768px) {
  .productHero__stamp--top-left {
    top: -150px;
  }
}
.productHero__stamp--top-left img {
  max-width: 120px;
}
.productHero__stamp img {
  width: auto;
  max-width: none;
}

.recycle-features-grid {
  flex-wrap: unset;
}
@media (max-width: 736px) {
  .recycle-features-grid .g__col:nth-child(1) {
    order: 2;
  }
  .recycle-features-grid .g__col:nth-child(2) {
    order: 3;
    transform: scale(1.02);
  }
  .recycle-features-grid .g__col:nth-child(3) {
    order: 1;
  }
  .recycle-features-grid .g__col i {
    transform: scale(1.02);
  }
  .recycle-features-grid .productHero__feat {
    display: block;
    color: #9fcb74;
  }
  .recycle-features-grid .productHero__feat svg {
    margin: 0 0 10px;
  }
  .recycle-features-grid .productHero__feat path,
.recycle-features-grid .productHero__feat text {
    fill: #9fcb74;
  }
}

.productHero__feat {
  text-align: center;
  max-width: 225px;
  margin: 0 auto;
}
@media (max-width: 736px) {
  .productHero__feat {
    display: none;
  }
  .productHero__feat .page-template-page--recycle {
    display: block;
  }
}
.productHero__feat li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 18px 0;
}
.productHero__feat li.combined svg {
  width: 150%;
  height: auto;
}

.productHero__wave {
  display: block;
  width: 100%;
  position: relative;
  margin-top: 80px;
}
[data-ua*="rv:11"] .productHero__wave {
  display: none;
}
@media (max-width: 1280px) {
  .productHero__wave {
    margin-top: 40px;
  }
}
.productHero__wave svg {
  display: block;
  width: 100%;
  height: auto;
}
.productHero__wave a {
  width: 18px;
  height: 10px;
  position: absolute;
  top: 57px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  pointer-events: all;
}
@media (min-width: 737px) {
  .productHero__wave a {
    color: inherit !important;
  }
}
@media (max-width: 1280px) {
  .productHero__wave a {
    top: 50px;
  }
}
@media (max-width: 736px) {
  .productHero__wave a {
    top: -33px;
  }
}
.productHero__wave a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
}
.productHero__wave a svg {
  animation: bounceWait 5s infinite ease;
}
.productHero__wave a:hover {
  color: rgba(255, 255, 255, 0.5);
}

.productHero__ingredientsBadge {
  position: absolute;
  top: -80px;
  left: calc(50% - 350px);
  width: 146px;
  display: block;
  z-index: 10;
}
@media (max-width: 736px) {
  .productHero__ingredientsBadge {
    top: 70vw;
    left: auto;
    right: 20px;
    width: 110px;
  }
}
.productHero__ingredientsBadge img {
  width: 100%;
  height: auto;
  display: block;
}

.productHero__decor {
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
  bottom: 0;
  z-index: -1;
}
.productHero__decor.onken-naked-raspberry .decor--2, .productHero__decor.onken-naked-mango .decor--2 {
  display: none;
}
.productHero__decor.increase-size i {
  scale: 1.4;
}
.productHero__decor .decor--1 {
  top: -35px;
  right: 91%;
}
@media (max-width: 736px) {
  .productHero__decor .decor--1 {
    display: none;
  }
}
.productHero__decor .decor--1 img {
  transform: rotate(-43deg);
}
.productHero__decor .decor--2 {
  top: -142px;
  right: 62%;
}
@media (max-width: 736px) {
  .productHero__decor .decor--2 {
    top: 28px;
  }
}
.productHero__decor .decor--2 img {
  transform: rotate(27deg);
}
.productHero__decor .decor--3 {
  top: 414px;
  left: 63%;
}
@media (max-width: 736px) {
  .productHero__decor .decor--3 {
    top: 234px;
  }
}
.productHero__decor .decor--3 img {
  transform: rotate(217deg) scaleX(-1);
}
.productHero__decor .decor--4 {
  top: -124px;
  left: 72%;
}
@media (max-width: 736px) {
  .productHero__decor .decor--4 {
    display: none;
  }
}
.productHero__decor .decor--5 {
  top: 445px;
  right: 93%;
}
@media (max-width: 736px) {
  .productHero__decor .decor--5 {
    top: 555px;
    right: 92%;
  }
}
.productHero__decor .decor--5 img {
  transform: rotate(90deg);
}
@media (max-width: 736px) {
  .productHero__decor .decor--5 img {
    transform: rotate(120deg);
  }
}
.productHero__decor .decor--6 {
  top: 491px;
  right: 82%;
}
@media (max-width: 736px) {
  .productHero__decor .decor--6 {
    top: 340px;
  }
}
.productHero__decor .decor--7 {
  top: 492px;
  left: 80%;
}
@media (max-width: 736px) {
  .productHero__decor .decor--7 {
    top: 662px;
  }
}
.productHero__decor .decor--7 img {
  transform: rotate(129deg) scaleY(-1);
}
.productHero__decor .decor--8 {
  top: 297px;
  left: 96%;
}
@media (max-width: 736px) {
  .productHero__decor .decor--8 {
    display: none;
  }
}
.productHero__decor .decor--8 img {
  transform: rotate(-31deg);
}

.productInfo {
  padding-top: 188px;
  padding-bottom: 110px;
  margin-top: -2px;
  text-align: center;
  z-index: 1;
}
@media (max-width: 736px) {
  .productInfo {
    padding-top: 20px;
    padding-bottom: 50px;
  }
  .productInfo .g__col {
    width: 100%;
  }
}
.productInfo h2 {
  max-width: 325px;
  margin: 0 auto 60px;
}
@media (max-width: 736px) {
  .productInfo h2 {
    max-width: 220px;
    margin-bottom: 40px;
    font-size: 48px;
  }
}
.productInfo h4 {
  display: inline-block;
  position: relative;
  z-index: 0;
  padding: 5px 14px 0;
  margin-bottom: 28px;
}
@media (max-width: 736px) {
  .productInfo h4 {
    font-size: 21px;
    padding: 5px 14px;
  }
}
.productInfo h4 svg {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  z-index: -1;
  color: #fff;
}
html:not([data-ua*="rv:11"]) .productInfo h4 svg {
  height: auto;
}
.productInfo p {
  margin-bottom: 30px;
}
@media (max-width: 736px) {
  .productInfo p {
    font-size: 16px;
  }
}

@media (max-width: 736px) {
  .productInfo__product {
    display: none;
  }
}

.productInfo__intro {
  display: none;
  padding-bottom: 45px;
}
.productInfo__intro ul {
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.productInfo__intro li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 10px;
  width: 33.33%;
}
.productInfo__intro li.combined {
  width: 100%;
}
.productInfo__intro li.combined svg {
  max-width: 300px;
  margin: 0 auto 28px;
}
.productInfo__intro svg {
  margin: 0;
  margin-bottom: 12px;
}
@media (max-width: 736px) {
  .productInfo__intro {
    display: block;
  }
}

.productInfo__pairings {
  display: flex;
  justify-content: space-around;
  margin: 0 0 50px;
}
.productInfo__pairings img {
  width: auto;
  height: 70px;
  margin: 0 0 12px;
}
@media (max-width: 736px) {
  .productInfo__pairings img {
    height: 40px;
  }
}

.productInfo__request {
  text-align: left;
  padding: 0 0 0 80px;
  color: #00388E;
}
@media (max-width: 736px) {
  .productInfo__request {
    padding: 60px 0 0;
    text-align: center;
  }
}
.productInfo__request h2 {
  margin: 0 0 60px;
  max-width: none;
}
@media (max-width: 736px) {
  .productInfo__request h2 {
    margin: 0 0 30px;
  }
}
.productInfo__request .btn.btn--brand:hover, .productInfo__request .recipeModal .file > span.btn--brand:hover:last-child:before, .recipeModal .productInfo__request .file > span.btn--brand:hover:last-child:before,
.productInfo__request .recycleModal .file > span.btn--brand:hover:last-child:before,
.recycleModal .productInfo__request .file > span.btn--brand:hover:last-child:before, .productInfo__request .wpcf7-form button:hover, .wpcf7-form .productInfo__request button:hover,
.productInfo__request .wpcf7-form [type=submit]:hover,
.wpcf7-form .productInfo__request [type=submit]:hover {
  background: #9fcb74;
}

@media (max-width: 736px) {
  .productInfo__nutrition h2 {
    display: none;
  }
}
.productInfo__nutrition h4 {
  padding: 5px 23px;
}
.productInfo__nutrition span {
  display: inline-block;
}

.productInfo__highlights {
  width: 100%;
  margin-bottom: 18px;
}
.productInfo__highlights th {
  font-weight: normal;
  padding-bottom: 9px;
}
.productInfo__highlights tr {
  vertical-align: top;
}
.productInfo__highlights th,
.productInfo__highlights td {
  width: 25%;
}
.productInfo__highlights td em {
  margin: 0;
  font-size: 16px;
  display: block;
  font-style: normal;
}

.productInfo__fullNutrition {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}
@media (max-width: 736px) {
  .productInfo__fullNutrition {
    height: 0;
    overflow: hidden;
  }
}
.productInfo__fullNutrition table {
  width: 100%;
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 20px 25px 40px;
  font-size: 18px;
  opacity: 0;
  margin-bottom: 30px;
}
.productInfo__fullNutrition th {
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.productInfo__fullNutrition td {
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 736px) {
  .productInfo__fullNutrition td {
    font-size: 16px;
  }
}
.productInfo__fullNutrition tr > :last-child {
  width: 120px;
}
.productInfo__fullNutrition span {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  width: 100%;
  max-width: 155px;
  transform-origin: center;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 736px) {
  .productInfo__fullNutrition span {
    bottom: 30px;
  }
}
.productInfo__fullNutrition em {
  margin: 0;
  font-size: 16px;
  display: block;
  font-style: normal;
}
.productInfo__fullNutrition.s--active span {
  pointer-events: all;
}
.productInfo__fullNutrition button {
  width: 100%;
}

.product_envelope_repos {
  z-index: 100;
}

.product_envelope {
  position: absolute;
  display: block;
}
@media (max-width: 736px) {
  .product_envelope {
    display: none;
  }
}
.product_envelope.top {
  bottom: 160px;
  left: 20px;
  width: 46%;
}
.product_envelope.bottom {
  bottom: 80px;
  left: 20px;
  width: 46%;
}
.product_envelope img {
  width: 100%;
  height: auto;
  display: block;
}

.productInfo__decor {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 736px) {
  .productInfo__decor {
    display: none;
  }
}
.productInfo__decor .decor--1 {
  top: -106px;
  right: 56%;
  width: 152px;
  height: 233px;
  z-index: 2;
}
.productInfo__decor .decor--1 img {
  transform: rotate(153deg) scaleY(-1);
}
.productInfo__decor .decor--2 {
  top: 196px;
  left: 91%;
  width: 231px;
  height: 165px;
}
.productInfo__decor .decor--3 {
  top: 192px;
  right: 48%;
  width: 178px;
  height: 125px;
}
.productInfo__decor .decor--4 {
  top: 248px;
  right: 44%;
  width: 120px;
  height: 166px;
}
.productInfo__decor .decor--4 img {
  transform: rotate(50deg);
}
.productInfo__decor .decor--5 {
  top: 295px;
  right: 92%;
  width: 145px;
  height: 236px;
}
.productInfo__decor .decor--5 img {
  transform: rotate(-31deg);
}
.productInfo__decor .decor--6 {
  bottom: 32px;
  right: 55%;
  width: 322px;
  height: 144px;
  z-index: 2;
}
.productInfo__decor .decor--100 {
  bottom: 450px;
  right: 91%;
  width: 110px;
  height: 144px;
  z-index: 2;
}
.productInfo__decor .decor--101 {
  bottom: 450px;
  right: 54%;
  width: 110px;
  height: 144px;
  z-index: 2;
}
.productInfo__decor .decor--102 {
  bottom: 70px;
  right: 102%;
  width: 130px;
  height: 144px;
  z-index: 2;
}

.productShop {
  position: relative;
  z-index: 3;
  margin-top: -2px;
}

[data-ua*="rv:11"] .productShop__wave {
  display: none;
}
.productShop__wave svg {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 736px) {
  .productShop__wave svg {
    width: 1440px;
    height: auto;
  }
}
.productShop__wave > div {
  height: 130px;
  width: 100%;
  margin-top: -2px;
}
@media (max-width: 736px) {
  .productShop__wave > div {
    height: 30px;
  }
}

.productShop__content {
  padding-top: 140px;
  padding-bottom: 135px;
  max-width: 1026px;
  text-align: center;
  pointer-events: all;
  position: relative;
  z-index: 100;
}
@media (max-width: 736px) {
  .productShop__content {
    padding-top: 77px;
    padding-bottom: 80px;
  }
}
.productShop__content h4 {
  padding: 5px 68px 0;
  margin-bottom: 5px;
  display: inline-block;
  position: relative;
  z-index: 0;
  color: #fff;
}
.productShop__content h4 svg {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  z-index: -1;
}
.productShop__content ul {
  margin-bottom: 28px;
  flex-wrap: wrap;
}
@media (max-width: 736px) {
  .productShop__content ul {
    margin-bottom: 15px;
  }
}
.productShop__content li {
  padding: 0 19px;
}
@media (max-width: 736px) {
  .productShop__content li {
    padding: 0 15px;
    width: 33.33%;
    text-align: center;
  }
}
.productShop__content button {
  padding-left: 40px;
  padding-right: 40px;
}

.productShop__productTub {
  position: absolute;
  bottom: -80px;
  right: -180px;
  width: 450px;
  max-width: none;
  transform: rotate(-15deg);
  z-index: 1;
}
@media (max-width: 1024px) {
  .productShop__productTub {
    width: 400px;
  }
}
@media (max-width: 736px) {
  .productShop__productTub {
    display: none;
  }
}
.productShop__productTub img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .productShop__productTub img {
    max-width: none;
  }
}

.productShop__image {
  position: absolute;
  bottom: 140px;
  left: 100%;
  margin-left: -262px;
  max-width: none;
  transform: translateX(100%) rotate(90deg);
  opacity: 0;
  z-index: 3;
}
.productShop__image.greek-style-natural-set-yogurt {
  top: -300px;
  bottom: auto;
  margin-left: 0;
  right: 0;
  left: auto;
  width: 734px;
}
@media (max-width: 1024px) {
  .productShop__image.greek-style-natural-set-yogurt {
    width: 400px;
  }
}
@media (max-width: 736px) {
  .productShop__image.greek-style-natural-set-yogurt {
    top: auto;
    bottom: 30px;
    width: 300px;
    margin: 0;
    transform: none;
    opacity: 1;
  }
}
.productShop__image.greek-style-natural-set-yogurt img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .productShop__image.greek-style-natural-set-yogurt img {
    max-width: none;
  }
}
@media (max-width: 1024px) {
  .productShop__image {
    top: 300px;
  }
}
@media (max-width: 736px) {
  .productShop__image {
    top: -170px;
    left: auto;
    right: -130px;
    margin: 0;
    transform: none;
    opacity: 1;
  }
}
.productShop__image img {
  max-width: none;
}
@media (max-width: 768px) {
  .productShop__image img {
    max-width: 300px;
  }
}

.productShop__decor {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.productShop__decor .decor--1 {
  top: -200px;
  left: 52%;
  width: 148px;
  height: 197px;
  z-index: 2;
}
@media (max-width: 736px) {
  .productShop__decor .decor--1 {
    display: none;
  }
}
.productShop__decor .decor--1 img {
  transform: rotate(251deg);
}
@media (max-width: 736px) {
  .productShop__decor .decor--1 img {
    transform: rotate(111deg) scaleY(-1);
  }
}
.productShop__decor .decor--2 {
  top: -70px;
  right: 86%;
  width: 110px;
  height: 146px;
}
@media (max-width: 736px) {
  .productShop__decor .decor--2 {
    top: -100px;
    right: 76%;
  }
}
.productShop__decor .decor--2 img {
  transform: rotate(47deg) scaleY(-1);
}
.productShop__decor .decor--3 {
  top: -26px;
  left: 65%;
  width: 134px;
  height: 186px;
}
@media (max-width: 736px) {
  .productShop__decor .decor--3 {
    display: none;
  }
}
.productShop__decor .decor--3 img {
  transform: rotate(50deg);
}
.productShop__decor .decor--4 {
  top: -433px;
  left: 77%;
  width: 218px;
  height: 153px;
  transition: left 0.7s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: none;
}
@media (max-width: 736px) {
  .productShop__decor .decor--4 {
    display: none;
  }
}
.s--nutri-open .productShop__decor .decor--4 {
  transition-delay: 0s;
  left: 96%;
}
.productShop__decor .decor--4 img {
  transform: rotate(-67deg) scaleY(-1);
}
.productShop__decor .decor--5 {
  top: 333px;
  right: 83%;
  width: 161px;
  height: 248px;
}
@media (max-width: 736px) {
  .productShop__decor .decor--5 {
    right: 85%;
  }
}
.productShop__decor .decor--5 img {
  transform: rotate(160deg) scaleY(-1);
}
.productShop__decor .decor--6 {
  bottom: -153px;
  left: 63%;
  width: 322px;
  height: 144px;
  z-index: 2;
}
@media (max-width: 736px) {
  .productShop__decor .decor--6 {
    bottom: -83px;
    left: 70%;
  }
}
.productShop__decor .decor--7 {
  bottom: -130px;
  left: 98%;
  width: 110px;
  height: 146px;
}
@media (max-width: 736px) {
  .productShop__decor .decor--7 {
    display: none;
  }
}
.productShop__decor .decor--7 img {
  transform: scaleY(-1);
}

.productRecipes {
  margin-top: -5px;
  padding-top: 20px;
  min-height: 50px;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 2;
}
.productRecipes .container {
  padding-bottom: 135px;
}
.productRecipes .g, .productRecipes .recipeModal form, .recipeModal .productRecipes form,
.productRecipes .recycleModal form,
.recycleModal .productRecipes form, .productRecipes .contact__content form, .contact__content .productRecipes form, .productRecipes .familySocial__form form, .familySocial__form .productRecipes form {
  min-width: calc(100% + 24px);
  justify-content: center;
}
@media (max-width: 736px) {
  .productRecipes .g, .productRecipes .recipeModal form, .recipeModal .productRecipes form,
.productRecipes .recycleModal form,
.recycleModal .productRecipes form, .productRecipes .contact__content form, .contact__content .productRecipes form, .productRecipes .familySocial__form form, .familySocial__form .productRecipes form {
    min-width: 0;
    flex-shrink: 0;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }
}
@media (max-width: 736px) {
  .productRecipes .g__col {
    width: 247px;
  }
}
.productRecipes h2 {
  margin-bottom: 40px;
  line-height: 0.83;
}
@media (max-width: 736px) {
  .productRecipes h2 {
    font-size: 48px;
  }
}

.productRecipe__preview {
  display: block;
  perspective: 300px;
  pointer-events: all;
}
.productRecipe__preview p {
  font-size: 16px;
  opacity: 0.5;
}
.productRecipe__preview h3 {
  margin-bottom: 10px;
}
.productRecipe__preview span {
  opacity: 0.8;
}

.productRecipe__image {
  margin-bottom: 12px;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.productRecipe__image img {
  display: block;
  width: 100%;
}

.productRecipes__wave {
  padding-top: 5.034965035%;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  margin-top: -2px;
}

.productRecipes__decor {
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
  bottom: 0;
}
.productRecipes__decor .decor--1 {
  bottom: -42px;
  left: -32px;
  width: 146px;
  height: 203px;
  z-index: 2;
}
.productRecipes__decor .decor--2 {
  bottom: -123px;
  left: 253px;
  width: 186px;
  height: 285px;
  z-index: 2;
}
@media (max-width: 736px) {
  .productRecipes__decor .decor--2 {
    display: none;
  }
}
.productRecipes__decor .decor--3 {
  bottom: -150px;
  right: -70px;
  width: 178px;
  height: 125px;
}
@media (max-width: 736px) {
  .productRecipes__decor .decor--3 {
    display: none;
  }
}

.productRecipes__scroller .g__col {
  margin: 0 0 100px;
}
@media (max-width: 736px) {
  .productRecipes__scroller .g__col {
    margin: 0;
  }
}

.productMore {
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding: 262px 0 350px;
  margin-bottom: -6.6666666667%;
  text-align: center;
  color: #00388E;
  background-image: linear-gradient(180deg, rgba(0, 56, 142, 0.4), #fff);
}
@media (max-width: 736px) {
  .productMore {
    padding: 80px 0 100px;
  }
}
[data-decent] .productMore:before, [data-decent] .productMore:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(images/bg--tile.png);
  background-repeat: repeat;
  z-index: 0;
  mix-blend-mode: color-burn;
  opacity: 0.025;
  pointer-events: none;
}
@media (max-width: 736px) {
  [data-decent] .productMore:before, [data-decent] .productMore:after {
    background-size: 200%;
  }
}
.productMore .g, .productMore .recipeModal form, .recipeModal .productMore form,
.productMore .recycleModal form,
.recycleModal .productMore form, .productMore .contact__content form, .contact__content .productMore form, .productMore .familySocial__form form, .familySocial__form .productMore form {
  position: relative;
  z-index: 2 !important;
  flex-wrap: nowrap;
}
.productMore .s--center .g, .productMore .s--center .recipeModal form, .recipeModal .productMore .s--center form,
.productMore .s--center .recycleModal form,
.recycleModal .productMore .s--center form, .productMore .s--center .contact__content form, .contact__content .productMore .s--center form, .productMore .s--center .familySocial__form form, .familySocial__form .productMore .s--center form {
  justify-content: center;
  width: 100%;
}
.productMore .g__col {
  min-width: 265px;
}
@media (max-width: 736px) {
  .productMore .g__col {
    margin-bottom: 30px;
  }
}
.productMore h2 {
  margin-bottom: 64px;
}
@media (max-width: 736px) {
  .productMore h2 {
    font-size: 48px;
  }
}

.productMore__arrow {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  z-index: 1003;
  transition: 0.15s linear;
  cursor: pointer;
}
.productMore__arrow--prev {
  left: -30px;
}
@media (max-width: 1440px) {
  .productMore__arrow--prev {
    left: 0;
  }
}
.s--atstart .productMore__arrow--prev {
  opacity: 0;
  pointer-events: none;
}
.productMore__arrow--prev svg {
  transform: scaleX(-1);
}
.productMore__arrow--next {
  right: -100px;
}
@media (max-width: 1440px) {
  .productMore__arrow--next {
    right: 180px;
  }
}
@media (max-width: 1024px) {
  .productMore__arrow--next {
    right: 160px;
  }
}
@media (max-width: 736px) {
  .productMore__arrow--next {
    right: 20px;
  }
}
.s--atend .productMore__arrow--next {
  opacity: 0;
  pointer-events: none;
}
.productMore__arrow:hover {
  transform: translateY(-50%) scale(1.2);
}

.productPreview {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  position: relative;
  height: 100%;
}
.productPreview h4 {
  max-width: 290px;
  margin: 0 auto 5px;
}
@media (max-width: 736px) {
  .productPreview h4 {
    font-size: 24px;
  }
}
.productPreview span {
  font-family: "Janda Safe and Sound Solid", sans-serif;
  display: inline-block;
  font-size: 14px;
}

.productPreview__image {
  position: relative;
  display: inline-block;
}
.productPreview__image span {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.productPreview__image img {
  display: inline-block;
  margin-bottom: 14px;
  animation: float 8s infinite ease-in-out;
  animation-delay: inherit;
  position: relative;
  z-index: 1;
}
.productPreview__image i {
  position: absolute;
  bottom: 10px;
  left: -10%;
  width: 120%;
  height: 0;
  padding-top: 25.23%;
  z-index: -1;
  will-change: transform;
}
.productPreview__image i:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(closest-side, rgba(0, 0, 0, 0.4), transparent);
  opacity: 0.4;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: shadow 8s infinite ease-in-out;
  will-change: transform;
  z-index: 0;
}

.productPreview__image-kiddos img {
  width: 230px;
}

.productShop__call-out {
  position: absolute;
  left: 180px;
  width: 160px;
  text-align: left;
  margin-top: -100px;
}
@media (max-width: 768px) {
  .productShop__call-out {
    left: 70px;
  }
}
@media (max-width: 736px) {
  .productShop__call-out {
    position: relative;
    width: auto;
    left: 0;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px;
  }
}
.productShop__call-out span {
  font-family: "Food Truck Signage", sans-serif;
  color: #00388E;
  font-size: 24px;
  line-height: 24px;
}
@media (max-width: 736px) {
  .productShop__call-out span {
    font-size: 16px;
  }
}
.productShop__arrow {
  position: absolute;
  right: 0;
  top: 45px;
}
@media (max-width: 736px) {
  .productShop__arrow {
    position: absolute;
    left: 25px;
    top: 0;
    transform: rotate(100deg);
  }
}
@media screen and (max-width: 320px) {
  .productShop__arrow {
    display: none;
  }
}

.page-template-page--products main {
  overflow: hidden;
}

.productsDock {
  position: fixed;
  bottom: 24px;
  left: auto;
  right: auto;
  margin: auto;
  z-index: 6;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 20px;
  pointer-events: none;
  transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width: 736px) {
  .productsDock {
    width: 260px;
    overflow: hidden;
    justify-content: flex-start;
    background-color: #fff;
    border-radius: 100px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.07);
    padding: 0;
    left: 0;
    right: 0;
  }
}
.s--transitioning .productsDock, .s--nodock .productsDock {
  transition-delay: 0.2s;
  transform: translateY(100%) translateY(30px) scale(0.9);
}
.s--nodock .productsDock {
  transition-delay: 0s;
}

.productsDock__nav {
  display: none;
  justify-content: center;
  align-items: center;
  color: #CACACA;
  padding: 16px;
  pointer-events: all;
}
.productsDock__nav svg {
  width: 11px;
  height: 7px;
}
.productsDock__nav:first-child {
  transform: scaleY(-1);
  padding-right: 8px;
}
.productsDock__nav:last-child {
  padding-left: 8px;
}
@media (max-width: 736px) {
  .productsDock__nav {
    display: inline-flex;
  }
}

.productsDock__wrap {
  flex: 1;
  display: inline-flex;
  justify-content: center;
}
@media (max-width: 736px) {
  .productsDock__wrap {
    overflow: hidden;
    justify-content: flex-start;
  }
}

.productsDock__panel {
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.07);
  padding: 0 42px;
  padding-right: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  position: relative;
  color: #7B7B7B;
}
@media (min-width: 737px) {
  .productsDock__panel {
    transform: none !important;
  }
}
@media (max-width: 736px) {
  .productsDock__panel {
    justify-content: flex-start;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    transition: transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
.productsDock__panel a {
  padding: 10px 24px 14px;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Food Truck Signage", sans-serif;
  color: currentColor;
  opacity: 0.4;
  position: relative;
  white-space: nowrap;
}
@media (max-width: 736px) {
  .productsDock__panel a {
    font-size: 16px;
    padding: 11px 15px 17px;
  }
  .productsDock__panel a:first-child {
    padding-left: 8px;
  }
  .productsDock__panel a:last-child {
    padding-right: 8px;
  }
}
.productsDock__panel a:before {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  margin: auto;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  transform: translateY(10px) scale(0);
  transition: 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
  background-color: currentColor;
}
.productsDock__panel a:hover, .productsDock__panel a.current {
  opacity: 1;
  color: #00388E;
}
.productsDock__panel a.current:before {
  transform: translateY(0) scale(1);
}
.productsDock__panel.s--search-active a {
  opacity: 0;
}

@media (max-width: 1024px) {
  .productsDock__search {
    display: none;
  }
}
.productsDock__search input {
  position: absolute;
  border: none;
  top: 0;
  left: 0;
  width: calc(100% - 50px);
  height: 100%;
  border-radius: 100px;
  background-color: #fff;
  transition: 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
  transform-origin: right;
  opacity: 0;
  transform: scaleX(0.9);
  pointer-events: none;
}
.s--search-active .productsDock__search input {
  opacity: 1;
  transform: scaleX(1);
  pointer-events: all;
}
.productsDock__search button {
  padding: 12px 7px 12px;
  display: inline-block;
  transition: 0.15s linear;
}
.productsDock__search button:hover, .s--search-active .productsDock__search button {
  color: #00388E;
}
.productsDock__search svg {
  display: block;
  position: relative;
  top: 1px;
}

.productsDock__results {
  position: absolute;
  bottom: 100%;
  margin-bottom: 5px;
  left: 0;
  width: 100%;
  border-radius: 20px;
  background-color: #fff;
  padding: 10px 20px;
}
.productsDock__results li {
  padding: 10px 0;
  transition: 0.15s linear;
  line-height: 1;
}
.productsDock__results li:last-child {
  padding-bottom: 5px;
}
.productsDock__results li[data-result] {
  cursor: pointer;
}
.productsDock__results li[data-result]:hover {
  color: #00388E;
}

.results-enter,
.results-leave-to {
  opacity: 0;
  transform: scale(0.9);
}

.results-enter-active {
  z-index: 1;
  transition: 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.results-leave-active {
  position: absolute;
  transition: 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.productsRange {
  position: relative;
  z-index: 0;
  background-color: currentColor;
  min-height: 720px;
  height: 100vh;
}
@media (max-width: 736px) {
  .productsRange {
    height: 670px;
    min-height: 0;
  }
}
.s--transitioning .productsRange {
  transform: none !important;
  transform-style: unset !important;
}
.productsRange.s--front {
  z-index: 4;
}
.productsRange.s--rebuilt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.productsRange > .container {
  pointer-events: all;
}
@media (max-width: 736px) {
  .productsRange > .container {
    justify-content: flex-start;
  }
  .productsRange > .container.solo {
    justify-content: center;
  }
}

.productsRange__clouds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.productsRange__grass {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
@media (max-width: 650px) {
  .productsRange__grass {
    min-width: 170vw;
    bottom: 30px;
  }
}

.productsRange__decoration {
  position: absolute;
  height: auto;
}
@media (max-width: 650px) {
  .productsRange__decoration {
    display: none;
  }
}
.productsRange__decoration--1 {
  width: 10em;
  left: 6.25em;
  bottom: 5.625em;
  z-index: 1;
}
@media (max-width: 1400px) {
  .productsRange__decoration--1 {
    left: -4.375em;
  }
}
.productsRange__decoration--2 {
  width: 12.5em;
  right: 6.25em;
  bottom: 5.625em;
  z-index: 1;
}
@media (max-width: 1400px) {
  .productsRange__decoration--2 {
    right: -4.375em;
  }
}

.productsRange__grid {
  align-items: flex-end;
  justify-content: center;
  position: relative;
  z-index: 2;
  flex-wrap: nowrap;
}
.s--transitioning .productsRange__grid {
  transform: none !important;
  transform-style: unset !important;
}

.productsRange__arrow {
  position: absolute;
  top: 80%;
  transform: translateY(-50%);
  z-index: 1200;
  transition: 0.15s linear;
  cursor: pointer;
}
.productsRange__arrow:hover {
  transform: translateY(-50%) scale(1.2);
}
.productsRange__arrow--next {
  right: 24px;
}
.s--atend .productsRange__arrow--next {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 736px) {
  .productsRange__arrow--next {
    right: 90px;
  }
}
.productsRange__arrow--prev {
  left: 24px;
}
.productsRange__arrow--prev svg {
  transform: scaleX(-1);
}
.s--atstart .productsRange__arrow--prev {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 736px) {
  .productsRange__arrow--prev {
    left: 10px;
  }
}

.productsRange__col {
  padding-top: calc(100vh - 485px);
  min-width: 305px;
  position: relative;
}
@media (max-height: 720px) {
  .productsRange__col {
    padding-top: 172px;
  }
}
@media (max-width: 736px) {
  .productsRange__col {
    padding-top: 220px;
    min-width: 68vw;
  }
}
#range-kiddos .productsRange__col {
  top: calc(80vh - 485px);
  padding-top: 0;
}
@media (max-height: 720px) {
  #range-kiddos .productsRange__col {
    top: 172px;
  }
}
@media (max-width: 736px) {
  #range-kiddos .productsRange__col {
    top: 220px;
  }
}
.productsRange__col .decor {
  z-index: -2;
  pointer-events: none;
}
.s--transitioning .productsRange__col .decor {
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translateY(-100px);
  opacity: 0;
}
.productsRange__col .decor img {
  opacity: 0.2;
  transition: opacity 0.2s linear;
}
@media (min-width: 1025px) {
  .productsRange__col:hover .decor img {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .productsRange__col[data-current] .decor img {
    opacity: 1;
  }
}
.productsRange__col .decor--1 {
  top: 150px;
  left: -150px;
}
@media (max-width: 736px) {
  .productsRange__col .decor--1 {
    top: 90px;
    left: 20px;
  }
}
.productsRange__col:nth-child(even) .decor--1 {
  top: 200px;
  left: -40px;
}
.productsRange__col .decor--2 {
  top: 60px;
  right: 0px;
}
@media (max-width: 736px) {
  .productsRange__col .decor--2 {
    top: 30px;
    right: -60px;
  }
}
.productsRange__col:nth-child(even) .decor--2 {
  top: 10px;
  right: -70px;
}
@media (max-width: 736px) {
  .productsRange__col:nth-child(even) .decor--2 {
    top: 50px;
    right: 20px;
  }
}
.productsRange__col:nth-child(even) .decor--2 img {
  transform: scaleX(-1);
}
.productsRange__col .decor--3 {
  top: 260px;
  right: -170px;
}
.productsRange__col .decor--4 {
  top: 0px;
  left: -360px;
}
.productsRange__col .decor--5 {
  top: 150px;
  right: -530px;
}
.productsRange__col .decor--6 {
  top: -20px;
  left: -50px;
}
.productsRange__col .decor--7 {
  top: 60px;
  right: -260px;
}
.productsRange__col .decor--8 {
  top: 60px;
  left: -470px;
}
.productsRange__col:before {
  content: "";
  position: absolute;
  bottom: -100px;
  top: 0;
  width: 100%;
}

.productsRange__shelf {
  height: 250px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
@media (max-height: 720px) {
  .productsRange__shelf {
    height: 320px;
  }
}
@media (max-width: 736px) {
  .productsRange__shelf {
    height: 258px;
    min-height: 0;
  }
}
#range-kiddos .productsRange__shelf {
  height: 500px;
}
@media (max-height: 720px) {
  #range-kiddos .productsRange__shelf {
    height: 320px;
  }
}
@media (max-width: 736px) {
  #range-kiddos .productsRange__shelf {
    height: 258px;
  }
}
.s--transitioning .productsRange__shelf {
  transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translateY(200%);
}

.productsRange__wave {
  position: absolute;
  bottom: 100%;
  margin-bottom: -2px;
  left: 0;
  width: 100%;
}
[data-ua*="rv:11"] .productsRange__wave {
  display: none;
}
.s--transitioning .productsRange__wave {
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translateY(100%);
  opacity: 0;
}
.productsRange__wave svg {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 736px) {
  .productsRange__wave svg {
    width: 1440px;
  }
}
.productsRange__wave > div {
  height: 130px;
  width: 100%;
}

.productsRange__bg {
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
}
.s--transitioning .productsRange__bg {
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: translateY(-100px);
  opacity: 0;
}
.productsRange__bg .decor img {
  opacity: 0.2;
  transition: opacity 0.2s linear;
}
.productsRange__bg .decor--1 {
  top: 171px;
  right: 98%;
  width: 297px;
  height: 171px;
}
.productsRange__bg .decor--1 img {
  transform: rotate(-6deg);
}
.productsRange__bg .decor--2 {
  top: 64px;
  right: 83%;
  width: 153px;
  height: 72px;
}
.productsRange__bg .decor--2 img {
  transform: rotate(59deg);
}
.productsRange__bg .decor--3 {
  top: 221px;
  right: 72%;
  width: 114px;
  height: 114px;
}
.productsRange__bg .decor--4 {
  top: 126px;
  right: 67%;
  width: 81px;
  height: 80px;
}
.productsRange__bg .decor--5 {
  top: 183px;
  right: 54%;
  width: 106px;
  height: 124px;
}
.productsRange__bg .decor--6 {
  top: 116px;
  left: 60%;
  width: 81px;
  height: 81px;
}
.productsRange__bg .decor--6 img {
  transform: rotate(-112deg);
}
.productsRange__bg .decor--7 {
  top: 11px;
  left: 47%;
  width: 188px;
  height: 170px;
}
.productsRange__bg .decor--7 img {
  transform: rotate(-97deg);
}
.productsRange__bg .decor--8 {
  top: 91px;
  left: 84%;
  width: 92px;
  height: 90px;
}
.productsRange__bg .decor--8 img {
  transform: rotate(245deg);
}
.productsRange__bg .decor--9 {
  top: 105px;
  left: 95%;
  width: 169px;
  height: 229px;
}
.productsRange__bg .decor--9 img {
  transform: rotate(-11deg);
}

[data-cell="0"] [data-shelf-idx="0"] img,
[data-cell="1"] [data-shelf-idx="1"] img,
[data-cell="2"] [data-shelf-idx="2"] img,
[data-cell="3"] [data-shelf-idx="3"] img {
  opacity: 1;
}

.productsPreview {
  width: 89%;
  margin: auto;
  position: relative;
  display: block;
  color: #fff;
  pointer-events: all;
}
@media (max-width: 736px) {
  .productsPreview {
    max-width: 220px;
  }
}
.s--transitioning .productsPreview {
  opacity: 0;
  pointer-events: none;
}
.productsPreview:hover {
  opacity: 1;
}
.productsPreview:hover:before {
  transition-delay: 0.15s;
  opacity: 0;
}
.productsPreview:before {
  content: "";
  position: absolute;
  width: 101%;
  height: 88%;
  bottom: -5px;
  left: -39px;
  background-image: url(images/bg--shelf-shadow.png);
  background-size: 100% 100%;
  z-index: -1;
  transition: 0.15s linear;
  pointer-events: none;
  opacity: 0.8;
}
.s--transitioning .productsPreview:before {
  transition-delay: 0s;
  opacity: 0;
}

.productsPreview__image {
  position: relative;
  animation-delay: inherit;
  z-index: 2;
}
.productsPreview__image span {
  position: relative;
  z-index: 2;
}
.productsPreview__image span:before {
  content: "";
  position: absolute;
  top: -30px;
  left: -30px;
  width: 100%;
  height: 100%;
  background-image: url(images/bg--product-shadow.png);
  background-size: 100% 100%;
  pointer-events: none;
  transition: 0.15s linear;
  opacity: 0;
}
.productsPreview:hover .productsPreview__image span:before {
  transition-delay: 0.15s;
  opacity: 0.8;
}
.s--transitioning .productsPreview__image span:before {
  transition-delay: 0s;
  opacity: 0;
}
.productsPreview__image img, .productsPreview__image span {
  display: block;
  animation-delay: inherit;
}
.productsPreview:hover .productsPreview__image img {
  animation: float 8s infinite ease-in-out;
}
.productsPreview__image:before, .productsPreview__image:after {
  content: "";
  position: absolute;
  background-image: url(images/bg--product-bounce-1.svg);
  background-size: cover;
  width: 50px;
  height: 51px;
  transition: 0.3s cubic-bezier(0.36, 0, 0.66, -0.56);
  transform: scale(0);
  pointer-events: none;
}
.productsPreview--dark .productsPreview__image:before, .productsPreview--dark .productsPreview__image:after {
  background-image: url(images/bg--product-bounce-1-dark.svg);
}
.productsPreview--133 .productsPreview__image:before, .productsPreview--133 .productsPreview__image:after {
  background-image: url(images/bg--product-bounce-1.svg);
}
.productsPreview:hover .productsPreview__image:before, .productsPreview:hover .productsPreview__image:after {
  transition-delay: 0.35s;
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}
.s--transitioning .productsPreview__image:before, .s--transitioning .productsPreview__image:after {
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.36, 0, 0.66, -0.56);
  transform: scale(0);
  opacity: 0;
}
.productsPreview__image:before {
  top: 0;
  right: 0;
}
.productsPreview:hover .productsPreview__image:before {
  transform: scale(1) translate(50%, -125%);
}
.g__col:nth-child(odd) .productsPreview:hover .productsPreview__image:before {
  transform: scale(1) translate(-50%, -125%) scaleX(-1);
}
.s--transitioning .g__col:nth-child(odd) .productsPreview:hover .productsPreview__image:before {
  transform: scale(0) scaleX(-1);
  opacity: 0;
}
.g__col:nth-child(odd) .productsPreview__image:before {
  right: auto;
  left: 0;
  transform: scale(0) scaleX(-1);
}
.productsPreview__image:after {
  bottom: 10px;
  left: -10px;
  background-image: url(images/bg--product-bounce-2.svg);
  width: 75px;
  height: 64px;
}
.productsPreview--dark .productsPreview__image:after {
  background-image: url(images/bg--product-bounce-2-dark.svg);
}
.productsPreview--133 .productsPreview__image:after {
  background-image: url(images/bg--product-bounce-2.svg);
}
.productsPreview:hover .productsPreview__image:after {
  transform: scale(1) translate(-25%, 25%);
}
.s--transitioning .productsPreview:hover .productsPreview__image:after {
  transform: scale(0);
  opacity: 0;
}
.g__col:nth-child(odd) .productsPreview:hover .productsPreview__image:after {
  transform: scale(1) translate(25%, 25%) scaleX(-1);
}
.s--transitioning .g__col:nth-child(odd) .productsPreview:hover .productsPreview__image:after {
  transform: scale(0) scaleX(-1);
  opacity: 0;
}
.g__col:nth-child(odd) .productsPreview__image:after {
  left: auto;
  right: -10px;
  transform: scale(0) scaleX(-1);
}

.productsPreview__shadow {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-top: 21.0248681%;
  z-index: -1;
  animation-delay: inherit;
  will-change: transform;
}
.productsPreview__shadow:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(images/img--preview-shadow.png);
  background-size: cover;
  background-repeat: no-repeat;
  animation: shadow 8s infinite ease-in-out;
  animation-delay: inherit;
  z-index: 0;
  will-change: transform;
}

.productsPreview__text {
  text-align: center;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
.productsPreview--dark .productsPreview__text {
  color: #00388E;
}
.productsPreview--133 .productsPreview__text {
  color: #5F422C;
}
@media (max-width: 1024px) {
  .productsPreview__text {
    padding-top: 30px;
  }
}
.s--transitioning .productsPreview__text {
  transition: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transform: translateY(40px) scale(0.9);
  opacity: 0;
}
.productsPreview__text h4 {
  margin-bottom: 5px;
  transition: 0.3s 0.1s cubic-bezier(0.34, 1.56, 0.64, 1);
  transform: translateY(10px) scale(0.9);
  opacity: 0;
}
@media (max-width: 1024px) {
  .productsPreview__text h4 {
    opacity: 1;
    transform: none;
  }
}
.productsPreview:hover .productsPreview__text h4 {
  transform: translateY(0px) scale(1);
  opacity: 1;
}
@media (max-width: 736px) {
  .productsPreview__text h4 {
    font-size: 24px;
  }
}
.productsPreview__text span {
  font-family: "Janda Safe and Sound Solid", sans-serif;
  display: inline-block;
  font-size: 14px;
  transition: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transform: translateY(10px) scale(0.9);
  opacity: 0;
}
@media (max-width: 1024px) {
  .productsPreview__text span {
    opacity: 1;
    transform: none;
  }
}
.productsPreview:hover .productsPreview__text span {
  transition-delay: 0.05s;
  transform: translateY(0px) scale(1);
  opacity: 1;
}

.productsPreview__splash {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: 0.25s cubic-bezier(0.36, 0, 0.66, -0.56);
  z-index: -1;
  pointer-events: none;
  min-width: 1160px;
  max-width: 95vw;
  width: 100vw;
  margin-top: -6px;
  height: auto;
}
@media (max-width: 1280px) {
  .productsPreview__splash {
    max-width: 1160px;
  }
}
.productsPreview:hover .productsPreview__splash, .s--transitioning .productsPreview__splash {
  transform: translate(-50%, -50%) scale(1);
  transition-delay: 0.2s;
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}
.s--transitioning .productsPreview__splash {
  transition-delay: 0.6s !important;
  top: 50%;
}
.productsPreview__splash svg {
  display: block;
  width: 100%;
  margin: auto;
  height: auto;
  max-width: 1388px;
}
[data-ua*="rv:11"] .productsPreview__splash svg {
  display: none;
}

.recipeWrap {
  overflow: hidden;
}

.recipeHero {
  padding-top: 112px;
}

.recipeHero__head {
  margin: 50px 0 100px;
}

.recipeHero__back {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  opacity: 0.5;
  font-size: 16px;
  pointer-events: all;
}
.recipeHero__back:hover {
  opacity: 1;
}
@media (max-width: 736px) {
  .recipeHero__back span {
    display: none;
  }
}
.recipeHero__back svg {
  width: 10px;
  height: 6px;
  transform: rotate(90deg);
  position: relative;
  top: -2px;
  margin-right: 5px;
}

.recipeHero__course {
  display: inline-block;
  opacity: 0.5;
  font-size: 16px;
}

.recipeHero__title {
  max-width: 705px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
@media (max-width: 736px) {
  .recipeHero__title {
    font-size: 60px;
    padding-top: 20px;
  }
}

.recipeHero__media {
  margin-top: -55px;
  position: relative;
  z-index: 1;
}
@media (max-width: 736px) {
  .recipeHero__media {
    margin-top: -35px;
  }
}

.recipeHero__image {
  display: flex;
  justify-content: center;
  width: 998px;
  max-width: 95vw;
  margin: 0 auto;
}
@media (max-width: 1280px) {
  .recipeHero__image {
    max-width: 65vw;
  }
}
@media (max-width: 1024px) {
  .recipeHero__image {
    max-width: 95vw;
  }
}
.recipeHero__image svg {
  display: block;
  width: 100%;
}
html:not([data-ua*="rv:11"]) .recipeHero__image svg {
  height: auto;
}
@media (max-width: 736px) {
  .recipeHero__image svg {
    display: none;
  }
}
.recipeHero__image svg:last-child {
  display: none;
}
@media (max-width: 736px) {
  .recipeHero__image svg:last-child {
    display: block;
  }
}

.recipeHero__wave {
  margin-top: -80px;
}
[data-ua*="rv:11"] .recipeHero__wave {
  display: none;
}
@media (max-width: 736px) {
  .recipeHero__wave {
    margin: 0;
  }
}
.recipeHero__wave svg {
  display: block;
  width: 100%;
  height: auto;
}

.recipeHero__decor {
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
  bottom: 0;
  pointer-events: none;
}
@media (max-width: 736px) {
  .recipeHero__decor {
    z-index: -1;
  }
}
.recipeHero__decor .decor--1 {
  top: 39px;
  left: 91%;
  width: 129px;
  height: 130px;
  z-index: 2;
}
@media (max-width: 736px) {
  .recipeHero__decor .decor--1 {
    top: -21px;
    left: 96%;
  }
}
.recipeHero__decor .decor--1 img {
  transform: rotate(102deg);
}
.recipeHero__decor .decor--2 {
  top: 288px;
  right: 95%;
  width: 111px;
  height: 111px;
}
.recipeHero__decor .decor--3 {
  bottom: -73px;
  right: 95%;
  width: 165px;
  height: 223px;
}
@media (max-width: 736px) {
  .recipeHero__decor .decor--3 {
    display: none;
  }
}
.recipeHero__decor .decor--4 {
  bottom: -58px;
  left: 85%;
  width: 222px;
  height: 127px;
}
@media (max-width: 736px) {
  .recipeHero__decor .decor--4 {
    bottom: -38px;
  }
}

.recipeMeta {
  position: relative;
  padding-top: 20px;
}
@media (max-width: 768px) {
  .recipeMeta {
    padding-top: 80px;
  }
}
@media (max-width: 736px) {
  .recipeMeta {
    padding-top: 30px;
  }
}
.recipeMeta h4 {
  margin-bottom: 19px;
}

.recipeMeta__intro {
  max-width: 694px;
  margin: 0 auto 21px;
  font-size: 24px;
  line-height: 1.21;
}
@media (max-width: 1280px) {
  .recipeMeta__intro {
    font-size: 20px;
  }
}
@media (max-width: 736px) {
  .recipeMeta__intro {
    font-size: 18px;
  }
}

@media (max-width: 736px) {
  .recipeMeta__items {
    flex-wrap: wrap;
  }
}

.recipeMeta__block {
  margin: 0 30px;
  font-size: 20px;
  color: #192F50;
}
@media (max-width: 736px) {
  .recipeMeta__block {
    width: 50%;
    margin: 0;
    padding: 0 20px 20px;
  }
}
@media (max-width: 736px) {
  .recipeMeta__block[data-share] {
    order: 2;
  }
}

@media (max-width: 736px) {
  .recipeMeta__share {
    justify-content: space-around;
  }
}
.recipeMeta__share a {
  width: 18px;
  height: 18px;
  margin: 0 15px;
}
@media (max-width: 736px) {
  .recipeMeta__share a {
    margin: auto;
  }
}
.recipeMeta__share a:hover {
  color: #00388E;
}
.recipeMeta__share svg {
  display: block;
  width: 100%;
  height: 100%;
}

.recipeMain {
  padding-top: 80px;
  padding-bottom: 42px;
}
@media (max-width: 736px) {
  .recipeMain {
    padding-top: 20px;
  }
}
.recipeMain h3 {
  margin-bottom: 34px;
  display: inline-block;
  position: relative;
  z-index: 0;
  padding: 5px 24px 2px 20px;
  color: #fff;
}
@media (max-width: 1024px) {
  .recipeMain h3 {
    font-size: 24px;
  }
}
@media (max-width: 736px) {
  .recipeMain h3 {
    margin-bottom: 24px;
  }
}
.recipeMain h3 svg {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  z-index: -1;
}
@media (max-width: 736px) {
  .recipeMain [data-method] {
    display: none;
  }
}

.recipeTabs {
  display: none;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 26px;
}
@media (max-width: 736px) {
  .recipeTabs {
    display: flex;
  }
}
.recipeTabs span {
  border: 0;
  flex: 1;
  margin-left: 10px;
  margin-right: 10px;
  color: #fff;
  font-family: "Food Truck Signage", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
}

.recipeMain__aside {
  position: sticky;
  top: 40px;
}
@media (max-width: 736px) {
  .recipeMain__aside {
    position: static;
    text-align: center;
  }
}

.recipeIngredients {
  padding: 8px 0 20px;
  position: relative;
  margin-bottom: 67px;
}
@media (max-width: 736px) {
  .recipeIngredients {
    text-align: left;
  }
}
.recipeIngredients ul {
  margin-bottom: 18px;
}
.recipeIngredients i {
  display: block;
  height: 15px;
  width: 100%;
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: -2px;
}
.recipeIngredients i + i {
  top: 100%;
  margin-top: -2px;
  bottom: auto;
  margin-bottom: auto;
  transform: scaleY(-1);
}
.recipeIngredients li {
  font-size: 20px;
  line-height: 1.4;
  padding: 18px 33px 10px 48px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.4' height='11'%3E%3Cpath data-name='Path 425' d='M10 9a3 3 0 01-2 1l-3 1-4-2a3 3 0 01-1-2 17 17 0 010-2 8 8 0 012-3 6 6 0 013-2 11 11 0 013 1 5 5 0 012 2 21 21 0 010 4 7 7 0 010 2z' fill='rgba(25,47,80,0.4)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 18px 22px;
  position: relative;
  border-bottom: 1px dotted rgba(25, 47, 80, 0.4);
}
@media (max-width: 1280px) {
  .recipeIngredients li {
    font-size: 18px;
  }
}
@media (max-width: 736px) {
  .recipeIngredients li {
    font-size: 16px;
  }
}
.recipeIngredients li.is-heading {
  background-image: none;
  font-weight: bold;
  padding: 18px 33px 10px 18px;
}
.recipeIngredients li a {
  border-bottom: 1px solid currentColor;
  transition: 0.1s linear;
}
.recipeIngredients li a:hover {
  border-bottom-color: transparent;
}

.recipeIngredients__shop {
  color: #fff;
  border: 0;
  font-size: 20px;
  font-family: "Food Truck Signage", sans-serif;
  text-transform: uppercase;
  line-height: 1;
  padding: 8px 25px;
}
.recipeIngredients__shop:hover {
  background-color: #fff !important;
}
.recipeIngredients__shop svg {
  margin-right: 9px;
  position: relative;
}

@media (max-width: 736px) {
  .recipeProduct {
    display: none;
  }
}

@media (max-width: 736px) {
  .recipeMain__method {
    text-align: center;
  }
}
.recipeMain__method h3 {
  padding-right: 53px;
}
@media (max-width: 736px) {
  .recipeMain__method h3 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.recipeMethod {
  margin-bottom: 53px;
}
@media (max-width: 736px) {
  .recipeMethod {
    margin-bottom: 33px;
  }
}
.recipeMethod ol {
  list-style: none;
}
.recipeMethod li {
  position: relative;
  margin-bottom: 25px;
  border-radius: 20px;
  padding: 31px 51px 23px;
}
@media (max-width: 736px) {
  .recipeMethod li {
    margin-top: 10px;
    margin-bottom: 38px;
    font-size: 16px;
    padding: 15px;
    padding-top: 35px;
  }
}
.recipeMethod li:last-child {
  margin-bottom: 0;
}

.recipeMethod__icon {
  font-style: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-family: "Janda Safe and Sound Solid", sans-serif;
  line-height: 1;
  position: absolute;
  top: -10px;
  left: -9px;
  color: #fff;
  width: 52px;
  height: 55px;
  z-index: 0;
  padding-top: 5px;
}
@media (max-width: 736px) {
  .recipeMethod__icon {
    top: 0;
    left: 50%;
    margin-left: -26px;
    margin-top: -26px;
  }
}
.recipeMethod__icon span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.recipeMethod__step:nth-child(2n) .recipeMethod__icon span {
  transform: rotate(90deg);
}
.recipeMethod__step:nth-child(3n) .recipeMethod__icon span {
  transform: rotate(180deg);
}
.recipeMethod__step:nth-child(4n) .recipeMethod__icon span {
  transform: rotate(270deg);
}
.recipeMethod__icon svg {
  display: block;
}

.recipeMethod__icon--optional {
  font-size: 10px;
  transform: rotate(-22.5deg);
}

.recipeActions {
  padding-bottom: 39px;
  border-bottom: 1px solid rgba(0, 56, 142, 0.1);
}
@media (max-width: 768px) {
  .recipeActions {
    flex-direction: column;
  }
}
@media (max-width: 736px) {
  .recipeActions {
    border-bottom: 0;
    padding-bottom: 20px;
  }
}
.recipeActions h4 {
  position: relative;
}
@media (max-width: 1024px) {
  .recipeActions h4 {
    top: -10px;
  }
}
@media (max-width: 736px) {
  .recipeActions h4 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}

@media (max-width: 736px) {
  .recipeActions__buttons {
    margin-left: -10px;
    margin-right: -10px;
    width: calc(100% + 20px);
  }
}
.recipeActions__buttons button {
  padding-left: 36px;
  padding-right: 36px;
  margin-right: 24px;
}
@media (max-width: 768px) {
  .recipeActions__buttons button {
    padding-left: 12px;
    padding-right: 12px;
    margin-right: 12px;
  }
}
@media (max-width: 736px) {
  .recipeActions__buttons button {
    margin-left: 10px;
    margin-right: 10px;
    flex: 1;
  }
}
.recipeActions__buttons button svg {
  margin-right: 9px;
  position: relative;
  top: -2px;
}

@media (max-width: 1024px) {
  .recipeActions__wrap {
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
  }
}
@media (max-width: 768px) {
  .recipeActions__wrap {
    padding-top: 27px;
  }
}
@media (max-width: 736px) {
  .recipeActions__wrap {
    padding-top: 40px;
    align-items: center;
    text-align: center;
  }
}

.recipeActions__share a {
  width: 18px;
  height: 18px;
  margin-left: 24px;
}
@media (max-width: 736px) {
  .recipeActions__share a {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.recipeActions__share a:hover {
  opacity: 0.5;
}
.recipeActions__share svg {
  display: block;
  width: 100%;
  height: 100%;
}

.recipeComments {
  padding-top: 42px;
}
.recipeComments h3 {
  padding: 0;
  margin-bottom: 9px;
  color: #00388E;
}
@media (max-width: 736px) {
  .recipeComments h3 {
    font-size: 32px;
  }
}
.recipeComments p {
  margin-bottom: 10px;
  font-size: 18px;
}

.recipeMore {
  background-image: linear-gradient(180deg, rgba(0, 56, 142, 0.2), rgba(0, 56, 142, 0));
  padding-bottom: 80px;
}
.recipeMore h2 {
  padding-top: 60px;
  margin-bottom: 44px;
}

.recipeMore__wave {
  display: block;
  width: 100%;
  overflow: hidden;
}
[data-ua*="rv:11"] .recipeMore__wave {
  display: none;
}
.recipeMore__wave svg {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 736px) {
  .recipeMore__wave svg {
    width: 590px;
    height: auto;
  }
}

.recipeMore__items {
  max-width: 920px;
  margin: 0 auto;
}
@media (max-width: 736px) {
  .recipeMore__items .g__col {
    width: 50%;
  }
  .recipeMore__items .g__col:last-child {
    display: none;
  }
}

@media (max-width: 736px) {
  .recipeSubmit__waveWrap {
    overflow: hidden;
  }
}

.recipeSubmit {
  padding-top: 1px;
  padding-bottom: 20px;
}
.recipeSubmit h3 {
  margin-bottom: 30px;
}
.recipeSubmit button {
  padding-left: 44px;
  padding-right: 44px;
}
[data-ua*="rv:11"] .recipeSubmit svg {
  display: none;
}

.recipeSubmit__wrap {
  overflow: hidden;
}

@media (max-width: 736px) {
  .recipeSubmit__wave {
    margin-left: -12px;
    margin-right: -12px;
  }
  .recipeSubmit__wave svg {
    width: 100%;
  }
  html:not([data-ua*="rv:11"]) .recipeSubmit__wave svg {
    height: auto;
  }
}
.recipeSubmit__wave .waveBlock {
  margin-top: -2px;
}

.recipeNext {
  padding-top: 30px;
  margin-top: -2px;
}
.recipeNext h3 {
  margin-bottom: 7px;
}
.recipeNext svg {
  transform: scaleY(-1);
}
[data-ua*="rv:11"] .recipeNext svg {
  display: none;
}

.recipeModal,
.recycleModal {
  color: #00388E;
}
.recipeModal form,
.recycleModal form {
  max-width: 870px;
  margin: 0 auto;
  padding-bottom: 40px;
}
.recipeModal .g__col,
.recycleModal .g__col {
  margin-bottom: 25px;
}
@media (max-width: 736px) {
  .recipeModal .g__col,
.recycleModal .g__col {
    width: 100%;
    margin-bottom: 10px;
  }
}
.recipeModal h3,
.recycleModal h3 {
  margin-top: 30px;
  margin-bottom: 0;
}
@media (max-width: 736px) {
  .recipeModal h3,
.recycleModal h3 {
    margin-top: 15px;
  }
}
.recipeModal h4,
.recycleModal h4 {
  font-family: "VAG Rounded Std", sans-serif;
  text-transform: none;
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 0;
}
.recipeModal p,
.recycleModal p {
  font-size: 18px;
  line-height: 1.22;
  color: #B9B9B9;
  margin-bottom: 0;
}
@media (max-width: 736px) {
  .recipeModal p,
.recycleModal p {
    font-size: 16px;
  }
}
.recipeModal .wpcf7-file,
.recycleModal .wpcf7-file {
  margin-bottom: 20px;
}
.recipeModal .checkbox span,
.recycleModal .checkbox span {
  color: #192F50;
}
.recipeModal a:hover,
.recycleModal a:hover {
  text-decoration: none;
  color: #00388E;
}
.recipeModal .file,
.recycleModal .file {
  display: flex;
  align-items: center;
  margin-bottom: 29px;
}
.recipeModal .file input,
.recycleModal .file input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.recipeModal .file > span:last-child,
.recycleModal .file > span:last-child {
  font-size: 18px;
  color: #B9B9B9;
}
@media (max-width: 736px) {
  .recipeModal .file > span:last-child,
.recycleModal .file > span:last-child {
    font-size: 16px;
  }
}
.recipeModal .file > span:last-child:before,
.recycleModal .file > span:last-child:before {
  content: "Choose file";
  margin-right: 23px;
}
.recipeModal .file .wpcf7-not-valid-tip,
.recycleModal .file .wpcf7-not-valid-tip {
  top: 20px;
}
.recipeModal .wpcf7-not-valid-tip,
.recycleModal .wpcf7-not-valid-tip {
  color: #b00 !important;
}

.recipeModal__intro,
.recycleModal__intro {
  text-align: center;
}
.recipeModal__intro h2,
.recycleModal__intro h2 {
  max-width: 526px;
  margin: 0 auto 40px;
}
@media (max-width: 736px) {
  .recipeModal__intro h2,
.recycleModal__intro h2 {
    font-size: 32px;
  }
}
.recipeModal__intro p,
.recycleModal__intro p {
  max-width: 720px;
  margin: 0 auto 20px;
  font-size: 20px;
  color: #00388E;
}
@media (max-width: 736px) {
  .recipeModal__intro p,
.recycleModal__intro p {
    font-size: 16px;
  }
}

.recipeTop {
  position: fixed;
  bottom: 80px;
  right: 10px;
  width: 50px;
  height: 50px;
  border-radius: 4px;
  background-color: #00388E;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 4;
  transform: scale(0);
  pointer-events: none;
  transition: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.s--showback .recipeTop {
  transition: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transform: scale(1);
  pointer-events: all;
}
.recipeTop svg {
  margin-bottom: 5px;
}
.recipeTop:hover {
  background-color: #192F50;
}

.recipeVideo {
  padding-top: 39px;
}
.recipeVideo .player-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.recipeVideo .player-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.recipesHero {
  padding-top: 150px;
  padding-bottom: 10px;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
@media (max-width: 1280px) {
  .recipesHero {
    padding-top: 120px;
  }
}
@media (max-width: 736px) {
  .recipesHero {
    padding-top: 87px;
    padding-bottom: 80px;
  }
}
.recipesHero .flickity-viewport {
  overflow: visible;
}
.recipesHero .flickity-prev-next-button.flickity-prev-next-button {
  left: -20px;
}
@media (max-width: 736px) {
  .recipesHero .flickity-prev-next-button.flickity-prev-next-button {
    top: 200px;
  }
}
.recipesHero .flickity-prev-next-button.flickity-prev-next-button.next {
  left: auto;
  right: -20px;
}
.recipesHero .productPreview__image {
  margin-top: 20px;
}

.recipesHero__heading {
  padding: 5px 18px 0;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.recipesHero__heading svg {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  z-index: -1;
}

.recipesHero__slides {
  margin-top: -50px;
  padding-top: 1px;
}
@media (max-width: 1280px) {
  .recipesHero__slides {
    margin-top: -100px;
  }
}
@media (max-width: 736px) {
  .recipesHero__slides {
    margin-top: -20px;
  }
}

.recipesHero__slide {
  width: 100%;
  opacity: 0;
  perspective: 1000px;
}
@media (max-width: 736px) {
  .recipesHero__slide {
    flex-direction: column-reverse;
  }
}
.recipesHero__slide.is-selected {
  opacity: 1;
}

.recipesHero__info {
  width: 290px;
  flex-shrink: 0;
  margin-right: 18px;
}
@media (max-width: 736px) {
  .recipesHero__info {
    margin-right: 0;
    margin-top: 12px;
  }
}
@media (max-width: 736px) {
  .recipesHero__info .productPreview__image {
    display: none;
  }
}

.recipesHero__course {
  opacity: 0.5;
  font-size: 16px;
  display: inline-block;
  margin-bottom: 13px;
}
@media (max-width: 736px) {
  .recipesHero__course {
    margin-bottom: 8px;
  }
}

.recipesHero__title {
  margin-bottom: 10px;
}
@media (max-width: 736px) {
  .recipesHero__title {
    max-width: 260px;
    margin: 0 auto 10px;
  }
}

.recipesHero__intro {
  line-height: 1.4;
}
@media (max-width: 736px) {
  .recipesHero__intro {
    display: none;
  }
}

.recipesHero__image {
  margin-right: -78px;
  flex: 1;
  position: relative;
  z-index: 5;
}
@media (max-width: 1280px) {
  .recipesHero__image {
    max-width: 80vw;
  }
}
@media (max-width: 736px) {
  .recipesHero__image {
    margin: 0;
    max-width: 100%;
  }
}
.recipesHero__image svg {
  display: block;
  width: 100%;
  overflow: visible;
}
.recipesHero__image svg html:not([data-ua*="rv:11"]) {
  height: auto;
}
@media (max-width: 736px) {
  .recipesHero__image svg {
    display: none;
  }
}
.recipesHero__image svg:last-child {
  display: none;
}
@media (max-width: 736px) {
  .recipesHero__image svg:last-child {
    display: block;
  }
}

.recipesWave {
  background-color: #fff;
  position: relative;
  left: 0;
  width: 100%;
  height: 0;
  padding-top: 8.8888888889%;
  margin-top: -8.8888888889%;
  z-index: -1;
}
[data-ua*="rv:11"] .recipesWave {
  display: none;
}
@media (max-width: 736px) {
  .recipesWave {
    margin: 0;
    padding: 0;
    height: auto;
    background-color: transparent;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.recipesWave svg {
  top: auto;
  bottom: 100%;
  margin-bottom: -2px;
}
@media (max-width: 736px) {
  .recipesWave svg {
    display: block;
    width: 1440px;
    height: auto;
  }
}

.recipesMain {
  position: relative;
  padding-bottom: 254px;
  background-color: #fff;
  margin-top: -5px;
}
@media (max-width: 736px) {
  .recipesMain {
    padding-bottom: 100px;
  }
}
.recipesMain:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 100px;
}

@media (max-width: 736px) {
  .recipesMain__list {
    padding-top: 15px;
  }
}

.recipesMain__aside {
  padding-top: 20px;
  position: sticky;
  top: 20px;
}
@media (max-width: 736px) {
  .recipesMain__aside {
    position: relative;
    top: 0;
  }
}
.recipesMain__aside h1 {
  margin-bottom: 55px;
  position: relative;
}
@media (max-width: 736px) {
  .recipesMain__aside h1 {
    text-align: center;
    margin-bottom: 37px;
  }
}
.recipesMain__aside > p {
  font-size: 14px;
  font-family: "Janda Safe and Sound Solid", sans-serif;
  opacity: 0.4;
  margin-bottom: 10px;
}
@media (max-width: 736px) {
  .recipesMain__aside > p {
    display: none;
  }
}
.recipesMain__aside i {
  position: absolute;
  top: 50%;
  right: 24px;
  opacity: 0;
}
.recipes--loading .recipesMain__aside i {
  opacity: 1;
}

.recipeFilters {
  max-height: calc(100vh - 180px);
  overflow-x: hidden;
  overflow-y: auto;
}
.recipeFilters::-webkit-scrollbar-button {
  display: none;
}
.recipeFilters::-webkit-scrollbar-thumb {
  background-color: #00388E;
  border-radius: 6px;
}
.recipeFilters::-webkit-scrollbar-thumb:hover {
  background-color: #192F50;
}
.recipeFilters::-webkit-scrollbar-track {
  background-color: #F4F4F4;
  border-radius: 6px;
}
.recipeFilters::-webkit-scrollbar {
  width: 8px;
  border-radius: 6px;
}
@media (max-width: 736px) {
  .recipeFilters::-webkit-scrollbar {
    width: 8px;
  }
}
@media (max-width: 736px) {
  .recipeFilters {
    height: 0;
    overflow: hidden;
  }
}

@media (max-width: 736px) {
  .recipeFilters__wrap {
    opacity: 0;
    padding-bottom: 20px;
  }
}

.recipesFilter {
  padding: 15px 0;
  border-bottom: 1px solid rgba(0, 56, 142, 0.1);
  transition: opacity 0.2s linear;
}
.recipes--loading .recipesFilter {
  opacity: 0.4;
  pointer-events: none;
}
.recipesFilter h4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: 0.15s linear;
}
.recipesFilter h4:hover {
  opacity: 0.6;
}
.recipesFilter h4.s--open + div {
  min-height: 10px;
}
.recipesFilter h4 svg {
  width: 12px;
  height: 12px;
  position: relative;
  margin-left: 20px;
  transition: 0.3s cubic-bezier(0.86, 0, 0.07, 1);
}
.recipesFilter h4.s--open svg {
  transform: rotate(45deg);
}

.recipesFilter__dropdown {
  height: 0;
  min-height: 0;
  transition: min-height 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  overflow: hidden;
}
.recipesFilter__dropdown ul {
  padding-top: 10px;
}
.recipesFilter__dropdown li {
  color: #192F50;
  padding: 8px 0;
  line-height: 1;
}
.recipesFilter__dropdown li:last-child {
  padding-bottom: 0;
}
.recipesFilter__dropdown label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.recipesFilter__dropdown label:hover {
  color: #00388E;
}
.recipesFilter__dropdown label:hover input {
  border-color: #00388E;
}
.recipesFilter__dropdown input {
  pointer-events: none;
}

.recipesMain__head {
  position: relative;
  z-index: 5;
  padding-bottom: 45px;
  transition: opacity 0.2s linear;
}
@media (max-width: 736px) {
  .recipesMain__head {
    display: none;
  }
}
.recipes--loading .recipesMain__head {
  opacity: 0.4;
  pointer-events: none;
}

.recipesSearch {
  position: relative;
  width: 100%;
  max-width: 500px;
}
.recipesSearch svg {
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translate(0, -50%);
  pointer-events: none;
  color: #00388E;
}
@media (max-width: 736px) {
  .recipesSearch svg {
    left: 14px;
  }
}
.recipesSearch input {
  display: block;
  width: 100%;
  background-color: #F4F4F4;
  border-radius: 20px;
  font-family: "VAG Rounded Std", sans-serif;
  color: #00388E;
  padding: 17px 55px 13px;
  line-height: 1.1;
  font-size: 18px;
  border: 0;
}
@media (max-width: 736px) {
  .recipesSearch input {
    padding: 14px 10px 10px 35px;
    font-size: 16px;
  }
}
.recipesSearch input:hover::-webkit-input-placeholder {
  color: rgba(0, 56, 142, 0.5);
}
.recipesSearch input:hover:-moz-placeholder {
  color: rgba(0, 56, 142, 0.5);
}
.recipesSearch input:hover::-moz-placeholder {
  color: rgba(0, 56, 142, 0.5);
}
.recipesSearch input:hover:-ms-input-placeholder {
  color: rgba(0, 56, 142, 0.5);
}
.recipesSearch input::-webkit-input-placeholder {
  -webkit-transition: 0.15s linear;
  transition: 0.15s linear;
  font-size: 18px;
  line-height: 1.1;
  font-family: "VAG Rounded Std", sans-serif;
  color: #B9B9B9;
}
.recipesSearch input:-moz-placeholder {
  -moz-transition: 0.15s linear;
  transition: 0.15s linear;
  font-size: 18px;
  line-height: 1.1;
  font-family: "VAG Rounded Std", sans-serif;
  color: #B9B9B9;
}
.recipesSearch input::-moz-placeholder {
  -moz-transition: 0.15s linear;
  transition: 0.15s linear;
  font-size: 18px;
  line-height: 1.1;
  font-family: "VAG Rounded Std", sans-serif;
  color: #B9B9B9;
}
.recipesSearch input:-ms-input-placeholder {
  -ms-transition: 0.15s linear;
  transition: 0.15s linear;
  font-size: 18px;
  line-height: 1.1;
  font-family: "VAG Rounded Std", sans-serif;
  color: #B9B9B9;
}

.recipesMain__mobile {
  display: none;
  padding-bottom: 20px;
}
@media (max-width: 736px) {
  .recipesMain__mobile {
    display: flex;
  }
}

.recipesToggle {
  display: inline-flex;
  margin-left: 15px;
  position: relative;
  transition: 0.25s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.recipesToggle.s--open {
  transform: rotate(90deg);
}
.recipesToggle.s--open svg:first-child {
  opacity: 0;
}
.recipesToggle.s--open svg:last-child {
  opacity: 1;
}
.recipesToggle svg {
  display: block;
  transition: 0.2s linear;
}
.recipesToggle svg:last-child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.recipesSorting {
  font-size: 18px;
  position: relative;
  flex-shrink: 0;
  margin-left: 20px;
}
.recipesSorting p {
  color: rgba(255, 255, 255, 0.6);
  background-color: #00388E;
  border-radius: 100px;
  padding: 10px 17px 8px;
  line-height: 1;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.recipesSorting span {
  color: #fff;
}
.recipesSorting svg {
  color: #fff;
  margin-left: 26px;
  width: 12px;
  height: 7px;
  position: relative;
  top: -1px;
  transition: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.recipesSorting .s--open svg {
  transform: rotate(180deg);
}
.recipesSorting div {
  height: 0;
  overflow: hidden;
  color: #fff;
  position: absolute;
  background-color: #00388E;
  top: 50%;
  left: 0;
  width: 100%;
  border-radius: 0 0 20px 20px;
}
.recipesSorting ul li {
  padding: 8px 17px;
}
.recipesSorting ul li:first-child {
  padding-top: 26px;
}
.recipesSorting ul li:last-child {
  padding-bottom: 20px;
}
.recipesSorting label {
  display: block;
  cursor: pointer;
  transition: 0.15s linear;
}
.recipesSorting label:hover {
  opacity: 0.6;
}
.recipesSorting input {
  visibility: hidden;
}

.recipesList {
  list-style-type: none;
  position: relative;
  transition: opacity 0.2s linear;
}
.recipes--loading .recipesList {
  opacity: 0.4;
  pointer-events: none;
}

.recipesList__preview {
  display: flex;
  flex-direction: column;
  text-align: center;
  height: 100%;
}
[data-ua*="rv:11"] .recipesList__preview {
  display: block;
}

.recipesList__image {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 12px;
}
.recipesList__image img {
  display: block;
  width: 100%;
}

.recipeList__text {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}
.recipeList__text h5 {
  margin-bottom: 10px;
}
.recipeList__text .time {
  margin-top: auto;
  justify-content: center;
  margin-bottom: 5px;
}

.recipesList__course {
  font-size: 16px;
  opacity: 0.5;
  margin-bottom: 5px;
}

.recipesList__intro {
  line-height: 1.1;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .recipesList__intro {
    display: none;
  }
}

.recipesLoad {
  padding-left: 50px;
  padding-right: 50px;
}

.recipesList__item {
  transition: 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  transition-property: opacity, transform;
  margin-bottom: 64px;
  z-index: 1;
}
@media (max-width: 736px) {
  .recipesList__item {
    margin-bottom: 34px;
  }
}

.recipe-group-move {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.recipe-group-enter {
  transform: scale(0.8);
}

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

.recipe-group-leave-active {
  transition: opacity 0.4s linear;
  z-index: 0;
}

.recipesDownload {
  margin-top: -60px;
  margin-bottom: 55px;
}
@media (max-width: 1024px) {
  .recipesDownload {
    margin-top: 30px;
  }
}
.recipesDownload .infobox {
  position: relative;
  background: #b9e8f6;
  text-align: center;
  padding: 35px 0 35px 380px;
  text-align: center;
  border-radius: 20px;
}
@media (max-width: 1024px) {
  .recipesDownload .infobox {
    padding: 0 35px 35px;
  }
}
.recipesDownload img {
  position: absolute;
  width: 350px;
  max-width: 100%;
  height: auto;
  display: block;
  top: 50%;
  left: 220px;
  transform: translate(-50%, -50%);
}
@media (max-width: 1024px) {
  .recipesDownload img {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    display: inline-block;
    margin-top: -70px;
  }
}
.recipesDownload h2 {
  margin-bottom: 30px;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .recipesDownload h2 {
    white-space: normal;
  }
}
.recipesDownload svg {
  position: absolute;
  width: 180px;
  right: calc((100% - 380px) / 2 + 145px);
  top: 45px;
  height: auto;
}
@media (max-width: 1024px) {
  .recipesDownload svg {
    display: none;
  }
}

.retailers__page {
  background-color: #D3E6F2;
}

.retailers__title {
  padding: 220px 0 100px;
  max-width: none;
}
.retailers__title h1 {
  font-size: 120px;
  text-align: center;
  color: #00388E;
}
@media (max-width: 768px) {
  .retailers__title h1 {
    font-size: 72px;
  }
}

.retailers__list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 180px;
}
.retailers__list--item {
  position: relative;
  width: calc(33.2% - 16px);
  margin: 0 25px 75px 0;
}
.retailers__list--item:nth-child(3n) {
  margin: 0 0 75px;
}
@media (max-width: 768px) {
  .retailers__list--item:nth-child(3n) {
    margin: 0 25px 75px 0;
  }
}
@media (max-width: 480px) {
  .retailers__list--item:nth-child(3n) {
    margin: 0 0 50px;
  }
}
@media (max-width: 768px) {
  .retailers__list--item:nth-child(2n) {
    margin: 0 0 75px;
  }
}
@media (max-width: 480px) {
  .retailers__list--item:nth-child(2n) {
    margin: 0 0 50px;
  }
}
@media (max-width: 768px) {
  .retailers__list--item {
    width: calc(50% - 12.5px);
  }
}
@media (max-width: 480px) {
  .retailers__list--item {
    width: 100%;
    margin: 0 0 50px;
  }
}
.retailers__list .inner {
  background: #fff;
  border-radius: 18px;
  height: 175px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 20px 40px;
}
.retailers__list img {
  width: 235px;
  height: 60px;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.retailers__list .btn, .retailers__list .wpcf7-form button, .wpcf7-form .retailers__list button,
.retailers__list .wpcf7-form [type=submit],
.wpcf7-form .retailers__list [type=submit], .retailers__list .recipeModal .file > span:last-child:before, .recipeModal .retailers__list .file > span:last-child:before,
.retailers__list .recycleModal .file > span:last-child:before,
.recycleModal .retailers__list .file > span:last-child:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  white-space: nowrap;
  transform: translate(-50%, 50%);
}

.adimo-iframe-outer {
  overflow: hidden;
  margin-bottom: 50px;
  position: relative;
}

.adimo-iframe-inner {
  margin-top: -100px !important;
}

.adimo-iframe {
  width: 100%;
  border: none;
  min-height: 500px;
  opacity: 0;
  transition: 0.5s 2s linear;
  will-change: opacity;
}
.adimo-iframe-outer[style] .adimo-iframe {
  opacity: 1;
}

.adimo-loader {
  position: absolute;
  top: 100px;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  transition: 0.5s 1s linear;
}
.adimo-iframe-outer[style] .adimo-loader {
  opacity: 0;
}
.adimo-loader i {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
}

.page-template-page--store-locator .pageHero--general .pageHero__decor {
  top: 125px;
  bottom: auto;
  right: 945px;
  transform: rotate(235deg);
  height: 250px;
}
@media (max-width: 1024px) {
  .page-template-page--store-locator .pageHero--general .pageHero__decor {
    right: 760px;
  }
}
.page-template-page--store-locator .footer {
  margin-top: 5%;
}

.store-locator #storepoint-tag-dropdown ul {
  height: 500px;
  overflow: scroll;
}
.store-locator [data-dropdown=search-by-retailer]#storepoint-tag-dropdown ul {
  height: 180px;
  overflow: scroll;
}

.blob {
  position: absolute;
  z-index: 10;
  top: 195px;
  right: 0;
  display: flex;
  align-self: center;
  transform: rotate(12deg);
  margin-bottom: 120px;
}
@media (max-width: 768px) {
  .blob {
    top: 90px;
    right: -30px;
    transform: scale(0.6) rotate(12deg);
  }
}
@media (max-width: 736px) {
  .blob {
    top: auto;
    left: 0;
    right: 0;
    bottom: -60px;
    margin: 0;
    transform: scale(0.6) rotate(-12deg);
  }
}
@media (max-width: 300px) {
  .blob {
    display: none;
  }
}
.blob__msg {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  color: #fff;
  text-align: center;
  padding: 0 70px;
}
.blob__msg h2 {
  font-size: 36px;
  line-height: 18px;
  margin: 0 0 20px 0;
}
.blob__msg p {
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 10px 0;
}
.blob svg {
  position: relative;
  width: 100%;
  height: 100%;
}

.supper-club-archive .supper-club-archive-item {
  position: relative;
  background: #00388E;
  padding: 120px 0 calc(120px + 5vw);
}
.supper-club-archive .supper-club-archive-item:nth-child(2n) .inner {
  flex-direction: row-reverse;
}
@media (max-width: 1024px) {
  .supper-club-archive .supper-club-archive-item:nth-child(2n) .inner {
    flex-direction: column;
  }
}
.supper-club-archive .supper-club-archive-item.india {
  background: #E79B3A;
}
.supper-club-archive .supper-club-archive-item.india .wave-divide {
  fill: #E79B3A;
}
.supper-club-archive .supper-club-archive-item.turkey {
  background: #E23D52;
}
.supper-club-archive .supper-club-archive-item.turkey .wave-divide {
  fill: #E23D52;
}
.supper-club-archive .supper-club-archive-item.morocco {
  background: #206030;
}
.supper-club-archive .supper-club-archive-item.morocco .wave-divide {
  fill: #206030;
}
.supper-club-archive .supper-club-archive-item.italy {
  background: #82BED9;
}
.supper-club-archive .supper-club-archive-item.italy .wave-divide {
  fill: #82BED9;
}
.supper-club-archive .supper-club-archive-item.mexico {
  background: #ABC54A;
}
.supper-club-archive .supper-club-archive-item.mexico .wave-divide {
  fill: #ABC54A;
}
.supper-club-archive .prompt-text {
  font-family: "Food Truck Signage", sans-serif;
  font-size: 48px;
  color: #fff;
  text-align: center;
  line-height: 1;
  text-shadow: 4px 4px 0 #00388E;
  display: block;
  margin: -100px 0 100px;
}
@media (max-width: 768px) {
  .supper-club-archive .prompt-text {
    margin: -50px 0 50px;
  }
}
.supper-club-archive .wave-divide {
  position: absolute;
  bottom: calc(100% - 2px);
  left: 0;
  width: 100%;
  height: auto;
  display: block;
  transform: scaleY(-1);
}
.supper-club-archive .inner {
  width: calc(100% - 200px);
  max-width: 1080px;
  display: flex;
  position: relative;
  grid-gap: 30px;
  margin-inline: auto;
}
@media (max-width: 1024px) {
  .supper-club-archive .inner {
    flex-direction: column;
    width: calc(100% - 40px);
  }
}
.supper-club-archive .image {
  position: relative;
  width: 50%;
  display: block;
}
@media (max-width: 1024px) {
  .supper-club-archive .image {
    width: 100%;
  }
}
.supper-club-archive .image img {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 14px;
}
.supper-club-archive .content {
  position: relative;
  width: 50%;
}
@media (max-width: 1024px) {
  .supper-club-archive .content {
    width: 100%;
  }
}
.supper-club-archive h2 {
  font-size: 100px;
  color: #fff;
}
@media (max-width: 1024px) {
  .supper-club-archive h2 {
    font-size: 90px;
  }
}
.supper-club-archive p {
  font-size: 18px;
  color: #fff;
  margin: 5px 0 0;
}
.supper-club-archive .dishes {
  margin: 30px 0 0;
}
.supper-club-archive .dishes .dish {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.supper-club-archive .dishes .dish:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.supper-club-archive .dishes .dish .link {
  font-size: 18px;
  line-height: 1.2;
  display: block;
  padding: 15px 0;
  color: #fff;
}
.supper-club-archive .btn, .supper-club-archive .wpcf7-form button, .wpcf7-form .supper-club-archive button,
.supper-club-archive .wpcf7-form [type=submit],
.wpcf7-form .supper-club-archive [type=submit], .supper-club-archive .recipeModal .file > span:last-child:before, .recipeModal .supper-club-archive .file > span:last-child:before,
.supper-club-archive .recycleModal .file > span:last-child:before,
.recycleModal .supper-club-archive .file > span:last-child:before {
  margin: 20px 0 0;
}
.supper-club-archive .btn:hover, .supper-club-archive .wpcf7-form button:hover, .wpcf7-form .supper-club-archive button:hover,
.supper-club-archive .wpcf7-form [type=submit]:hover,
.wpcf7-form .supper-club-archive [type=submit]:hover, .supper-club-archive .recipeModal .file > span:hover:last-child:before, .recipeModal .supper-club-archive .file > span:hover:last-child:before,
.supper-club-archive .recycleModal .file > span:hover:last-child:before,
.recycleModal .supper-club-archive .file > span:hover:last-child:before {
  background: #00388E;
  color: #fff;
  border-color: #00388E;
}

.supper-club-banner {
  background: #0042a8;
  position: relative;
  height: 52vw;
  overflow: hidden;
}
@media (max-width: 1260px) {
  .supper-club-banner {
    height: 62vw;
  }
}
@media (max-width: 960px) {
  .supper-club-banner {
    height: 80vw;
  }
}
@media (max-width: 768px) {
  .supper-club-banner {
    min-height: 0;
    height: auto;
  }
}
.supper-club-banner .desktop-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .supper-club-banner .desktop-image {
    position: relative;
    top: auto;
    left: auto;
    height: 400px;
  }
}
.supper-club-banner .desktop-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
  display: block;
}
.supper-club-banner .inner {
  position: relative;
  height: 100%;
  width: calc(100% - 200px);
  max-width: 1240px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .supper-club-banner .inner {
    height: auto;
    width: calc(100% - 40px);
  }
}
.supper-club-banner .content {
  padding: 70px 0;
}
@media (min-width: 1600px) {
  .supper-club-banner .content {
    padding: 120px 0;
  }
}
@media (max-width: 768px) {
  .supper-club-banner .content {
    padding: 0 0 100px;
    margin: -15vw 0 0;
    text-align: center;
  }
}
.supper-club-banner .content h1 {
  width: 100%;
  max-width: 360px;
  position: relative;
  z-index: 2;
}
@media (min-width: 1600px) {
  .supper-club-banner .content h1 {
    max-width: 420px;
  }
}
@media (max-width: 768px) {
  .supper-club-banner .content h1 {
    margin: 0 auto;
  }
}
.supper-club-banner .content h1 img {
  width: 100%;
  height: auto;
  display: block;
  transform: translate(-30px);
}
@media (max-width: 768px) {
  .supper-club-banner .content h1 img {
    transform: none;
  }
}
.supper-club-banner .content p {
  font-family: "Food Truck Signage", sans-serif;
  font-size: 32px;
  color: #fff;
  max-width: 450px;
  line-height: 1.1;
  margin: 10px 0 0;
}
@media (max-width: 1600px) {
  .supper-club-banner .content p {
    font-size: 26px;
    max-width: 400px;
  }
}
@media (max-width: 768px) {
  .supper-club-banner .content p {
    max-width: none;
  }
}

.supper-club-ctas {
  position: relative;
  padding: 100px 0 250px;
  transition: background 0.3s;
}
@media (max-width: 1024px) {
  .supper-club-ctas {
    padding: 100px 0 120px;
  }
}
.supper-club-ctas + .supper-club-ctas {
  background: #EFEFEF;
}
.supper-club-ctas + .supper-club-ctas .wave-divide-fill {
  fill: #EFEFEF;
  transition: fill 0.3s;
}
.supper-club-ctas[data-supper-club-cta-block=india] {
  background: #E79B3A;
}
.supper-club-ctas[data-supper-club-cta-block=india] .wave-divide-fill {
  fill: #E79B3A;
}
.supper-club-ctas[data-supper-club-cta-block=turkey] {
  background: #E23D52;
}
.supper-club-ctas[data-supper-club-cta-block=turkey] .wave-divide-fill {
  fill: #E23D52;
}
.supper-club-ctas[data-supper-club-cta-block=morocco] {
  background: #206030;
}
.supper-club-ctas[data-supper-club-cta-block=morocco] .wave-divide-fill {
  fill: #206030;
}
.supper-club-ctas[data-supper-club-cta-block=morocco] h2 {
  color: #fff;
}
.supper-club-ctas[data-supper-club-cta-block=morocco] .item h3 {
  color: #fff;
}
.supper-club-ctas[data-supper-club-cta-block=morocco] .item .dishes .dish {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
}
.supper-club-ctas[data-supper-club-cta-block=italy] {
  background: #82BED9;
}
.supper-club-ctas[data-supper-club-cta-block=italy] .wave-divide-fill {
  fill: #82BED9;
}
.supper-club-ctas[data-supper-club-cta-block=mexico] {
  background: #ABC54A;
}
.supper-club-ctas[data-supper-club-cta-block=mexico] .wave-divide-fill {
  fill: #ABC54A;
}
.supper-club-ctas .wave-divide {
  position: absolute;
  bottom: calc(100% - 2px);
  left: 0;
  width: 100%;
  height: auto;
  display: block;
  transform: scaleY(-1);
}
.supper-club-ctas .layout {
  width: calc(100% - 200px);
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .supper-club-ctas .layout {
    width: calc(100% - 40px);
  }
}
.supper-club-ctas .layout + .layout {
  margin: 100px auto 0;
}
.supper-club-ctas h2 {
  font-size: 32px;
  color: #00388E;
  margin: 0 0 30px;
}
.supper-club-ctas .items {
  display: grid;
  gap: 20px;
}
.supper-club-ctas .items.double {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .supper-club-ctas .items.double {
    grid-template-columns: 1fr;
  }
}
.supper-club-ctas .items.double .item .image img {
  aspect-ratio: 4/3;
}
.supper-club-ctas .items.triple {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
  .supper-club-ctas .items.triple {
    grid-template-columns: 1fr;
  }
}
.supper-club-ctas .items.triple .item .image img {
  height: 220px;
}
.supper-club-ctas .items.triple-tips {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
  .supper-club-ctas .items.triple-tips {
    grid-template-columns: 1fr;
  }
}
.supper-club-ctas .items.triple-tips .item .image img {
  height: auto;
}
.supper-club-ctas .items.quad {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
  .supper-club-ctas .items.quad {
    grid-template-columns: 1fr;
  }
}
.supper-club-ctas .items.quad .item .image img {
  height: 220px;
}
.supper-club-ctas .item .link {
  display: block;
}
.supper-club-ctas .item .image img {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 14px;
}
.supper-club-ctas .item h3 {
  font-family: "Food Truck Signage", sans-serif;
  font-size: 24px;
  color: #00388E;
  margin: 20px 0 0;
}
.supper-club-ctas .item p {
  color: #00388E;
  margin: 15px 0 0;
}
.supper-club-ctas .item .dishes {
  margin: 5px 0 0;
}
.supper-club-ctas .item .dishes .dish {
  padding: 15px 0;
  border-bottom: 1px solid rgba(0, 56, 142, 0.3);
}
.supper-club-ctas .item .dishes .dish .link {
  display: block;
  color: #00388E;
}
.supper-club-ctas .item .btn, .supper-club-ctas .item .wpcf7-form button, .wpcf7-form .supper-club-ctas .item button,
.supper-club-ctas .item .wpcf7-form [type=submit],
.wpcf7-form .supper-club-ctas .item [type=submit], .supper-club-ctas .item .recipeModal .file > span:last-child:before, .recipeModal .supper-club-ctas .item .file > span:last-child:before,
.supper-club-ctas .item .recycleModal .file > span:last-child:before,
.recycleModal .supper-club-ctas .item .file > span:last-child:before {
  margin: 20px 0 0;
}
.supper-club-ctas .item .btn:hover, .supper-club-ctas .item .wpcf7-form button:hover, .wpcf7-form .supper-club-ctas .item button:hover,
.supper-club-ctas .item .wpcf7-form [type=submit]:hover,
.wpcf7-form .supper-club-ctas .item [type=submit]:hover, .supper-club-ctas .item .recipeModal .file > span:hover:last-child:before, .recipeModal .supper-club-ctas .item .file > span:hover:last-child:before,
.supper-club-ctas .item .recycleModal .file > span:hover:last-child:before,
.recycleModal .supper-club-ctas .item .file > span:hover:last-child:before {
  background: #00388E;
  border-color: #00388E;
  color: #fff;
}

.supper-club-decoration-outer {
  position: absolute;
  top: 20vh;
  left: 0;
  right: 0;
  bottom: 20vh;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 1024px) {
  .supper-club-decoration-outer {
    display: none;
  }
}

.supper-club-decoration {
  position: absolute;
  width: 160px;
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  animation: floating 12s infinite ease-in-out;
}
@media (max-width: 1024px) {
  .supper-club-decoration {
    width: 120px;
    height: 120px;
  }
}
.supper-club-decoration.position-1 {
  top: 20%;
  right: 100%;
}
@media (max-width: 1024px) {
  .supper-club-decoration.position-1 {
    top: 40%;
    right: 0;
  }
}
.supper-club-decoration.position-2 {
  top: 80%;
  right: 0;
}
@media (max-width: 1024px) {
  .supper-club-decoration.position-2 {
    top: 80%;
    right: 80%;
  }
}
.supper-club-decoration.position-3 {
  top: 90%;
  left: 75%;
}
@media (max-width: 1024px) {
  .supper-club-decoration.position-3 {
    top: 90%;
    left: 75%;
  }
}
.supper-club-decoration.position-4 {
  top: -10%;
  right: 100%;
}
@media (max-width: 1024px) {
  .supper-club-decoration.position-4 {
    top: 40%;
    right: -10%;
  }
}
.supper-club-decoration.position-5 {
  top: 70%;
  left: 101%;
}
@media (max-width: 1024px) {
  .supper-club-decoration.position-5 {
    top: 70%;
    left: 70%;
  }
}
.supper-club-decoration.position-6 {
  top: 90%;
  left: 30%;
}
@media (max-width: 1024px) {
  .supper-club-decoration.position-6 {
    top: 100%;
    left: 20%;
  }
}
.supper-club-decoration:nth-child(2) {
  animation-delay: -4s;
}
.supper-club-decoration:nth-child(3) {
  animation-delay: -8s;
}

@keyframes floating {
  0% {
    transform: translateY(0) rotate(0);
  }
  25% {
    transform: translateY(-40px) rotate(6deg);
  }
  50% {
    transform: translateY(0) rotate(0);
  }
  75% {
    transform: translateY(-40px) rotate(-6deg);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
.supper-club-destination-banner {
  position: relative;
  background: #00388E;
}
.supper-club-destination-banner.india {
  background: #E79B3A;
}
.supper-club-destination-banner.india .tip {
  background: #d4821a;
}
.supper-club-destination-banner.turkey {
  background: #E23D52;
}
.supper-club-destination-banner.turkey .tip {
  background: #cd1f35;
}
.supper-club-destination-banner.morocco {
  background: #206030;
}
.supper-club-destination-banner.morocco .tip {
  background: #133a1d;
}
.supper-club-destination-banner.italy {
  background: #82BED9;
}
.supper-club-destination-banner.italy .tip {
  background: #5baacd;
}
.supper-club-destination-banner.mexico {
  background: #ABC54A;
}
.supper-club-destination-banner.mexico .tip {
  background: #8fa735;
}
.supper-club-destination-banner .inner {
  min-height: 560px;
  max-height: 1000px;
  width: calc(100% - 200px);
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
  padding: 120px 0 0;
}
@media (max-width: 1024px) {
  .supper-club-destination-banner .inner {
    height: auto;
    max-height: none;
    display: flex;
    flex-direction: column-reverse;
    width: calc(100% - 40px);
    padding: 80px 0 120px;
  }
}
.supper-club-destination-banner .wave-divide {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: auto;
  transform: scaleY(-1);
}
.supper-club-destination-banner .content {
  position: relative;
  padding: 0 0 120px;
  width: calc(50% - 50px);
}
@media (max-width: 1024px) {
  .supper-club-destination-banner .content {
    width: 100%;
    padding: 0;
  }
}
.supper-club-destination-banner .back-link {
  font-size: 18px;
  color: rgba(0, 56, 142, 0.6);
  display: inline-block;
  margin: 0 0 10px;
  position: relative;
  z-index: 2;
  transition: color 0.2s;
}
.morocco-green .supper-club-destination-banner .back-link {
  color: rgba(255, 255, 255, 0.3);
}
.morocco-green .supper-club-destination-banner .back-link:hover {
  color: #fff;
}
.supper-club-destination-banner .back-link:before {
  content: "←";
  display: inline-block;
  margin: 0 4px 0 0;
}
.supper-club-destination-banner .back-link:hover {
  color: #00388E;
}
.supper-club-destination-banner .media {
  position: relative;
  width: 50%;
}
.supper-club-destination-banner .media.mobile {
  display: none;
}
@media (max-width: 1024px) {
  .supper-club-destination-banner .media {
    width: 100%;
    height: 66vw;
    margin: 20px 0;
  }
  .supper-club-destination-banner .media.desktop {
    display: none;
  }
  .supper-club-destination-banner .media.mobile {
    display: block;
  }
}
.supper-club-destination-banner .media iframe {
  position: absolute;
  bottom: 30px;
  left: 30px;
  width: calc(100% - 60px);
  display: block;
}
@media (max-width: 1024px) {
  .supper-club-destination-banner .media iframe {
    bottom: 15px;
    left: 15px;
    width: calc(100% - 30px);
  }
}
.supper-club-destination-banner .media img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 14px;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.supper-club-destination-banner h1 {
  font-size: 140px;
  color: #fff;
  text-shadow: 4px 4px 0 #00388E;
}
@media (max-width: 1024px) {
  .supper-club-destination-banner h1 {
    font-size: 90px;
  }
}
.supper-club-destination-banner .tagline {
  font-family: "Food Truck Signage", sans-serif;
  font-size: 48px;
  line-height: 0.9;
  margin: 10px 0 0;
  display: block;
  color: #fff;
  text-shadow: 4px 4px 0 #00388E;
}
.supper-club-destination-banner p {
  font-size: 18px;
  line-height: 1.2;
  color: #fff;
  margin: 20px 0 0;
}
.supper-club-destination-banner h2 {
  font-size: 22px;
  color: #fff;
}
.supper-club-destination-banner h2.div {
  margin: 20px 0 0;
}
.supper-club-destination-banner .notes {
  margin: 15px 0 0;
}
.supper-club-destination-banner .notes .note {
  font-size: 18px;
  line-height: 1.2;
  display: block;
  padding: 15px 0;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.supper-club-destination-banner .notes .note:first-child {
  padding: 0 0 15px;
}
.supper-club-destination-banner .notes .note:last-child {
  padding: 15px 0 0;
  border-bottom: 0;
}
.supper-club-destination-banner .tip {
  padding: 20px;
  border-radius: 10px;
  margin: 20px 0 -120px;
}
.supper-club-destination-banner .tip p {
  margin: 5px 0 0;
}

.supper-club-dish-banner {
  position: relative;
  background: #00388E;
  margin: 0 0 100px;
}
.supper-club-dish-banner.india {
  background: #E79B3A;
}
.supper-club-dish-banner.india .sub-nav .btn.current, .supper-club-dish-banner.india .sub-nav .wpcf7-form button.current, .wpcf7-form .supper-club-dish-banner.india .sub-nav button.current,
.supper-club-dish-banner.india .sub-nav .wpcf7-form .current[type=submit],
.wpcf7-form .supper-club-dish-banner.india .sub-nav .current[type=submit], .supper-club-dish-banner.india .sub-nav .recipeModal .file > span.current:last-child:before, .recipeModal .supper-club-dish-banner.india .sub-nav .file > span.current:last-child:before,
.supper-club-dish-banner.india .sub-nav .recycleModal .file > span.current:last-child:before,
.recycleModal .supper-club-dish-banner.india .sub-nav .file > span.current:last-child:before {
  color: #E79B3A;
}
.supper-club-dish-banner.turkey {
  background: #E23D52;
}
.supper-club-dish-banner.turkey .sub-nav .btn.current, .supper-club-dish-banner.turkey .sub-nav .wpcf7-form button.current, .wpcf7-form .supper-club-dish-banner.turkey .sub-nav button.current,
.supper-club-dish-banner.turkey .sub-nav .wpcf7-form .current[type=submit],
.wpcf7-form .supper-club-dish-banner.turkey .sub-nav .current[type=submit], .supper-club-dish-banner.turkey .sub-nav .recipeModal .file > span.current:last-child:before, .recipeModal .supper-club-dish-banner.turkey .sub-nav .file > span.current:last-child:before,
.supper-club-dish-banner.turkey .sub-nav .recycleModal .file > span.current:last-child:before,
.recycleModal .supper-club-dish-banner.turkey .sub-nav .file > span.current:last-child:before {
  color: #E23D52;
}
.supper-club-dish-banner.morocco {
  background: #206030;
}
.supper-club-dish-banner.morocco .sub-nav .btn, .supper-club-dish-banner.morocco .sub-nav .wpcf7-form button, .wpcf7-form .supper-club-dish-banner.morocco .sub-nav button,
.supper-club-dish-banner.morocco .sub-nav .wpcf7-form [type=submit],
.wpcf7-form .supper-club-dish-banner.morocco .sub-nav [type=submit], .supper-club-dish-banner.morocco .sub-nav .recipeModal .file > span:last-child:before, .recipeModal .supper-club-dish-banner.morocco .sub-nav .file > span:last-child:before,
.supper-club-dish-banner.morocco .sub-nav .recycleModal .file > span:last-child:before,
.recycleModal .supper-club-dish-banner.morocco .sub-nav .file > span:last-child:before {
  border-color: #fff;
  color: #fff;
}
.supper-club-dish-banner.morocco .sub-nav .btn:hover, .supper-club-dish-banner.morocco .sub-nav .wpcf7-form button:hover, .wpcf7-form .supper-club-dish-banner.morocco .sub-nav button:hover,
.supper-club-dish-banner.morocco .sub-nav .wpcf7-form [type=submit]:hover,
.wpcf7-form .supper-club-dish-banner.morocco .sub-nav [type=submit]:hover, .supper-club-dish-banner.morocco .sub-nav .recipeModal .file > span:hover:last-child:before, .recipeModal .supper-club-dish-banner.morocco .sub-nav .file > span:hover:last-child:before,
.supper-club-dish-banner.morocco .sub-nav .recycleModal .file > span:hover:last-child:before,
.recycleModal .supper-club-dish-banner.morocco .sub-nav .file > span:hover:last-child:before {
  color: #00388E;
  border-color: #fff;
}
.supper-club-dish-banner.morocco .sub-nav .btn.current, .supper-club-dish-banner.morocco .sub-nav .wpcf7-form button.current, .wpcf7-form .supper-club-dish-banner.morocco .sub-nav button.current,
.supper-club-dish-banner.morocco .sub-nav .wpcf7-form .current[type=submit],
.wpcf7-form .supper-club-dish-banner.morocco .sub-nav .current[type=submit], .supper-club-dish-banner.morocco .sub-nav .recipeModal .file > span.current:last-child:before, .recipeModal .supper-club-dish-banner.morocco .sub-nav .file > span.current:last-child:before,
.supper-club-dish-banner.morocco .sub-nav .recycleModal .file > span.current:last-child:before,
.recycleModal .supper-club-dish-banner.morocco .sub-nav .file > span.current:last-child:before {
  background: #fff;
  color: #00388E;
}
.supper-club-dish-banner.morocco .meta .item {
  color: #fff;
}
.supper-club-dish-banner.italy {
  background: #82BED9;
}
.supper-club-dish-banner.italy .sub-nav .btn.current, .supper-club-dish-banner.italy .sub-nav .wpcf7-form button.current, .wpcf7-form .supper-club-dish-banner.italy .sub-nav button.current,
.supper-club-dish-banner.italy .sub-nav .wpcf7-form .current[type=submit],
.wpcf7-form .supper-club-dish-banner.italy .sub-nav .current[type=submit], .supper-club-dish-banner.italy .sub-nav .recipeModal .file > span.current:last-child:before, .recipeModal .supper-club-dish-banner.italy .sub-nav .file > span.current:last-child:before,
.supper-club-dish-banner.italy .sub-nav .recycleModal .file > span.current:last-child:before,
.recycleModal .supper-club-dish-banner.italy .sub-nav .file > span.current:last-child:before {
  color: #82BED9;
}
.supper-club-dish-banner.mexico {
  background: #ABC54A;
}
.supper-club-dish-banner.mexico .sub-nav .btn.current, .supper-club-dish-banner.mexico .sub-nav .wpcf7-form button.current, .wpcf7-form .supper-club-dish-banner.mexico .sub-nav button.current,
.supper-club-dish-banner.mexico .sub-nav .wpcf7-form .current[type=submit],
.wpcf7-form .supper-club-dish-banner.mexico .sub-nav .current[type=submit], .supper-club-dish-banner.mexico .sub-nav .recipeModal .file > span.current:last-child:before, .recipeModal .supper-club-dish-banner.mexico .sub-nav .file > span.current:last-child:before,
.supper-club-dish-banner.mexico .sub-nav .recycleModal .file > span.current:last-child:before,
.recycleModal .supper-club-dish-banner.mexico .sub-nav .file > span.current:last-child:before {
  color: #ABC54A;
}
.supper-club-dish-banner .inner {
  min-height: 560px;
  width: calc(100% - 200px);
  max-width: 1240px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  position: relative;
  justify-content: space-between;
  padding: 140px 0 0;
}
@media (max-width: 1024px) {
  .supper-club-dish-banner .inner {
    height: auto;
    max-height: none;
    gap: 0;
    flex-direction: column-reverse;
    width: calc(100% - 40px);
    padding: 80px 0 120px;
  }
}
.supper-club-dish-banner .wave-divide {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: auto;
  transform: scaleY(-1);
}
.supper-club-dish-banner .content {
  position: relative;
  padding: 0 0 120px;
  width: calc(50% - 50px);
}
@media (max-width: 1024px) {
  .supper-club-dish-banner .content {
    padding: 0;
    width: 100%;
  }
}
@media (min-width: 2700px) {
  .supper-club-dish-banner .content {
    padding: 0 0 160px;
  }
}
.supper-club-dish-banner .back-link {
  font-size: 18px;
  color: rgba(0, 56, 142, 0.6);
  display: inline-block;
  margin: 0 0 25px;
  position: relative;
  z-index: 2;
  transition: color 0.2s;
}
.morocco-green .supper-club-dish-banner .back-link {
  color: rgba(255, 255, 255, 0.3);
}
.morocco-green .supper-club-dish-banner .back-link:hover {
  color: #fff;
}
.supper-club-dish-banner .back-link:before {
  content: "←";
  display: inline-block;
  margin: 0 4px 0 0;
}
.supper-club-dish-banner .back-link:hover {
  color: #00388E;
}
.supper-club-dish-banner .media {
  position: relative;
  width: 50%;
}
.supper-club-dish-banner .media.mobile {
  display: none;
}
@media (max-width: 1024px) {
  .supper-club-dish-banner .media {
    height: auto;
    width: 100%;
    margin: 0 0 20px;
  }
  .supper-club-dish-banner .media.desktop {
    display: none;
  }
  .supper-club-dish-banner .media.mobile {
    display: block;
  }
}
.supper-club-dish-banner .media iframe {
  position: absolute;
  bottom: 30px;
  left: 30px;
  width: calc(100% - 60px);
  display: block;
}
.supper-club-dish-banner .media img {
  border-radius: 14px;
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  aspect-ratio: 4/3;
}
.supper-club-dish-banner .sub-nav {
  margin: 0 0 40px;
}
@media (max-width: 1024px) {
  .supper-club-dish-banner .sub-nav {
    margin: 0 0 20px;
  }
}
.supper-club-dish-banner .sub-nav h2 {
  font-family: "Food Truck Signage", sans-serif;
  font-size: 32px;
  display: block;
  color: #fff;
  text-transform: lowercase;
  margin: 0 0 10px;
}
.supper-club-dish-banner .sub-nav .links {
  display: flex;
  gap: 5px;
}
.supper-club-dish-banner .sub-nav .btn, .supper-club-dish-banner .sub-nav .wpcf7-form button, .wpcf7-form .supper-club-dish-banner .sub-nav button,
.supper-club-dish-banner .sub-nav .wpcf7-form [type=submit],
.wpcf7-form .supper-club-dish-banner .sub-nav [type=submit], .supper-club-dish-banner .sub-nav .recipeModal .file > span:last-child:before, .recipeModal .supper-club-dish-banner .sub-nav .file > span:last-child:before,
.supper-club-dish-banner .sub-nav .recycleModal .file > span:last-child:before,
.recycleModal .supper-club-dish-banner .sub-nav .file > span:last-child:before {
  font-family: "Food Truck Signage", sans-serif;
  font-size: 24px;
  padding: 10px 26px 8px;
}
.supper-club-dish-banner .sub-nav .btn:hover, .supper-club-dish-banner .sub-nav .wpcf7-form button:hover, .wpcf7-form .supper-club-dish-banner .sub-nav button:hover,
.supper-club-dish-banner .sub-nav .wpcf7-form [type=submit]:hover,
.wpcf7-form .supper-club-dish-banner .sub-nav [type=submit]:hover, .supper-club-dish-banner .sub-nav .recipeModal .file > span:hover:last-child:before, .recipeModal .supper-club-dish-banner .sub-nav .file > span:hover:last-child:before,
.supper-club-dish-banner .sub-nav .recycleModal .file > span:hover:last-child:before,
.recycleModal .supper-club-dish-banner .sub-nav .file > span:hover:last-child:before {
  color: #00388E;
}
.supper-club-dish-banner .sub-nav .btn.current, .supper-club-dish-banner .sub-nav .wpcf7-form button.current, .wpcf7-form .supper-club-dish-banner .sub-nav button.current,
.supper-club-dish-banner .sub-nav .wpcf7-form .current[type=submit],
.wpcf7-form .supper-club-dish-banner .sub-nav .current[type=submit], .supper-club-dish-banner .sub-nav .recipeModal .file > span.current:last-child:before, .recipeModal .supper-club-dish-banner .sub-nav .file > span.current:last-child:before,
.supper-club-dish-banner .sub-nav .recycleModal .file > span.current:last-child:before,
.recycleModal .supper-club-dish-banner .sub-nav .file > span.current:last-child:before {
  background: #00388E;
}
.supper-club-dish-banner .sub-nav .btn.current:hover, .supper-club-dish-banner .sub-nav .wpcf7-form button.current:hover, .wpcf7-form .supper-club-dish-banner .sub-nav button.current:hover,
.supper-club-dish-banner .sub-nav .wpcf7-form .current[type=submit]:hover,
.wpcf7-form .supper-club-dish-banner .sub-nav .current[type=submit]:hover, .supper-club-dish-banner .sub-nav .recipeModal .file > span.current:hover:last-child:before, .recipeModal .supper-club-dish-banner .sub-nav .file > span.current:hover:last-child:before,
.supper-club-dish-banner .sub-nav .recycleModal .file > span.current:hover:last-child:before,
.recycleModal .supper-club-dish-banner .sub-nav .file > span.current:hover:last-child:before {
  background: #fff;
  color: #00388E;
}
.supper-club-dish-banner .meta {
  display: flex;
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 12px;
}
.supper-club-dish-banner .meta .item {
  color: #00388E;
  margin: 0 40px 0 0;
}
.supper-club-dish-banner .meta .item:last-child {
  margin: 0;
}
.supper-club-dish-banner h1 {
  font-size: 64px;
  color: #fff;
}
.supper-club-dish-banner h2 {
  font-size: 32px;
  color: #fff;
}
.supper-club-dish-banner h2.div {
  margin: 20px 0 0;
}
.supper-club-dish-banner p {
  font-size: 18px;
  line-height: 1.2;
  color: #fff;
  margin: 20px 0 0;
}
.supper-club-dish-banner .notes {
  margin: 15px 0 0;
}
.supper-club-dish-banner .notes .note {
  font-size: 18px;
  line-height: 1.2;
  display: block;
  padding: 15px 0;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.supper-club-dish-banner .notes .note:first-child {
  padding: 0 0 15px;
}
.supper-club-dish-banner .notes .note:last-child {
  padding: 15px 0 0;
  border-bottom: 0;
}

.supper-club-dish-details {
  display: flex;
  width: calc(100% - 200px);
  max-width: 1240px;
  margin: 0 auto;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .supper-club-dish-details {
    width: calc(100% - 40px);
    flex-direction: column;
  }
}

.supper-club-dish-ingredients {
  width: calc(50% - 100px);
  position: relative;
}
@media (max-width: 1024px) {
  .supper-club-dish-ingredients {
    width: 100%;
  }
}
.supper-club-dish-ingredients h2 {
  font-size: 32px;
  margin: 0 0 30px;
  text-transform: none;
}
.supper-club-dish-ingredients .serves-gadget-outer {
  position: absolute;
  top: -2px;
  right: 50px;
  display: flex;
}
@media (max-width: 1024px) {
  .supper-club-dish-ingredients .serves-gadget-outer {
    right: 0;
  }
}
.supper-club-dish-ingredients .serves-gadget-outer .serves {
  font-family: "Food Truck Signage", sans-serif;
  font-size: 24px;
  margin: 0 15px 0 0;
  line-height: 38px;
}
.supper-club-dish-ingredients .serves-gadget-outer .gadget {
  border: 1px solid rgba(0, 56, 142, 0.4);
  border-radius: 8px;
  display: flex;
  overflow: hidden;
}
.supper-club-dish-ingredients .serves-gadget-outer button {
  width: 36px;
  height: 36px;
  border: 0;
  font-size: 32px;
  background: #F4F4F4;
  line-height: 36px;
  color: rgba(0, 56, 142, 0.4);
  transition: background 0.3s, color 0.3s;
}
.supper-club-dish-ingredients .serves-gadget-outer button:hover {
  background: rgba(0, 56, 142, 0.4);
  color: #00388E;
}
.supper-club-dish-ingredients .serves-gadget-outer button[data-serves-decrease]:before {
  content: "-";
}
.supper-club-dish-ingredients .serves-gadget-outer button[data-serves-increase]:before {
  content: "+";
}
.supper-club-dish-ingredients .serves-gadget-outer button span {
  display: none;
}
.supper-club-dish-ingredients .serves-gadget-outer .number {
  width: 40px;
  height: 36px;
  line-height: 36px;
  font-family: "Food Truck Signage", sans-serif;
  font-size: 24px;
  text-align: center;
}
.supper-club-dish-ingredients .serves-gadget-outer .number:before {
  content: attr(data-serves-number);
}
.supper-club-dish-ingredients .dish-component {
  margin: 40px 0;
}
.supper-club-dish-ingredients h3 {
  font-size: 24px;
  text-transform: none;
  margin: 0 0 10px;
}
.supper-club-dish-ingredients .row {
  border-bottom: 1px solid rgba(0, 56, 142, 0.4);
  padding: 14px 0 12px;
}
.supper-club-dish-ingredients .alternative {
  display: block;
  background: #d0dbea;
  font-size: 16px;
  line-height: 1.5;
  margin: 8px 0 0;
  border-radius: 12px;
  padding: 18px 20px 16px;
}
.supper-club-dish-ingredients .buttons {
  background: rgba(0, 56, 142, 0.1);
  border-radius: 8px;
  display: flex;
  gap: 5px;
  padding: 20px;
}
.supper-club-dish-ingredients .buttons .button {
  width: 50%;
}
.supper-club-dish-ingredients .buttons .btn, .supper-club-dish-ingredients .buttons .wpcf7-form button, .wpcf7-form .supper-club-dish-ingredients .buttons button,
.supper-club-dish-ingredients .buttons .wpcf7-form [type=submit],
.wpcf7-form .supper-club-dish-ingredients .buttons [type=submit], .supper-club-dish-ingredients .buttons .recipeModal .file > span:last-child:before, .recipeModal .supper-club-dish-ingredients .buttons .file > span:last-child:before,
.supper-club-dish-ingredients .buttons .recycleModal .file > span:last-child:before,
.recycleModal .supper-club-dish-ingredients .buttons .file > span:last-child:before {
  width: 100%;
}
.supper-club-dish-ingredients .buttons .btn:hover, .supper-club-dish-ingredients .buttons .wpcf7-form button:hover, .wpcf7-form .supper-club-dish-ingredients .buttons button:hover,
.supper-club-dish-ingredients .buttons .wpcf7-form [type=submit]:hover,
.wpcf7-form .supper-club-dish-ingredients .buttons [type=submit]:hover, .supper-club-dish-ingredients .buttons .recipeModal .file > span:hover:last-child:before, .recipeModal .supper-club-dish-ingredients .buttons .file > span:hover:last-child:before,
.supper-club-dish-ingredients .buttons .recycleModal .file > span:hover:last-child:before,
.recycleModal .supper-club-dish-ingredients .buttons .file > span:hover:last-child:before {
  background: #00388E;
  color: #fff;
}
.supper-club-dish-ingredients .print-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.supper-club-dish-ingredients .print-buttons svg {
  margin: 0 9px 0 0;
}

.supper-club-dish-instructions {
  width: 50%;
}
@media (max-width: 1024px) {
  .supper-club-dish-instructions {
    width: 100%;
    margin: 60px 0 0;
  }
}
.supper-club-dish-instructions h2 {
  font-size: 32px;
  text-transform: none;
  margin: 0 0 30px;
}
.supper-club-dish-instructions .step {
  margin: 30px 0;
}
.supper-club-dish-instructions .step h3 {
  font-size: 24px;
  text-transform: none;
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid rgba(0, 56, 142, 0.4);
}
.supper-club-dish-instructions .tip {
  margin: 30px 0;
  border-radius: 12px;
  padding: 25px 25px 22px;
}
.supper-club-dish-instructions .tip.india {
  background: #E79B3A;
}
.supper-club-dish-instructions .tip.turkey {
  background: #E23D52;
}
.supper-club-dish-instructions .tip.morocco {
  background: #206030;
}
.supper-club-dish-instructions .tip.italy {
  background: #82BED9;
}
.supper-club-dish-instructions .tip.mexico {
  background: #ABC54A;
}
.supper-club-dish-instructions .tip p {
  font-size: 18px;
  color: #fff;
  line-height: 1.4;
}
.supper-club-dish-instructions .tip p span {
  font-weight: bold;
}

.supper-club-flight-path {
  position: relative;
  height: 0;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  z-index: 3;
  width: calc(100% - 200px);
  max-width: 1080px;
  margin: 0 auto;
  transform: translateY(-390px);
}
.supper-club-flight-path svg {
  margin: 0 0 0 -220px;
  width: calc(100% + 440px);
  height: auto;
  display: block;
}
@media (max-width: 1024px) {
  .supper-club-flight-path {
    display: none;
  }
}

.supper-club-guide {
  background: #4EADD6;
  padding: 40px 0 calc(60px + 5vw);
  position: relative;
}
.supper-club-guide .wave-divide {
  position: absolute;
  bottom: calc(100% - 2.8vw);
  left: 0;
  width: 100%;
  height: auto;
  display: block;
  transform: scaleY(-1);
}
.supper-club-guide .wave-divide .wave-divide-fill {
  fill: #4EADD6;
}
.supper-club-guide .inner {
  position: relative;
  text-align: center;
  width: calc(100% - 200px);
  max-width: 720px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .supper-club-guide .inner {
    width: calc(100% - 40px);
  }
}
.supper-club-guide h2 {
  font-size: 48px;
  color: #fff;
  margin: 20px 0 0;
  text-shadow: 4px 4px 0 #00388E;
  word-wrap: nowrap;
}
@media (max-width: 768px) {
  .supper-club-guide h2 {
    font-size: 34px;
  }
}
.supper-club-guide p {
  color: #fff;
}

.supper-club-nav-link {
  position: fixed;
  top: calc(50vh - 150px);
  font-family: "Food Truck Signage", sans-serif;
  font-size: 22px;
  color: #00388E;
  padding: 16px 0 18px;
  text-align: center;
  width: 250px;
  line-height: 1;
  background: #fff;
  border: 0;
  cursor: pointer;
  border-radius: 10px 10px 0 0;
  transition: 0.15s linear;
  pointer-events: all;
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  z-index: 20;
}
@media (max-width: 1024px) {
  .supper-club-nav-link {
    display: none;
  }
}
.supper-club-nav-link.inactive {
  opacity: 0.3;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.supper-club-nav-link.next {
  right: 0;
  transform-origin: bottom right;
  transform: rotate(-90deg);
}
.supper-club-nav-link.prev {
  left: 0;
  transform-origin: bottom left;
  transform: rotate(90deg);
}
.supper-club-nav-link:hover {
  background-color: #00388E;
  color: #fff;
}

.sustainability-annotations {
  background: #00B19C;
  position: relative;
  padding: 0 0 100px;
  margin: -2px 0 0;
}
.sustainability-annotations .top-wave {
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
}
.sustainability-annotations .top-wave:before {
  content: " ";
  background: #F1F7F9;
  width: 100%;
  padding: 0 0 160px;
  display: block;
}
@media (max-width: 1600px) {
  .sustainability-annotations .top-wave:before {
    padding: 0 0 10%;
  }
}
@media (max-width: 1000px) {
  .sustainability-annotations .top-wave:before {
    padding: 0 0 30%;
  }
}
@media (max-width: 600px) {
  .sustainability-annotations .top-wave:before {
    padding: 0 0 45%;
  }
}
.sustainability-annotations .top-wave svg {
  width: 100%;
  height: auto;
  display: block;
  margin: -2px 0 0;
}
.sustainability-annotations .upper {
  position: relative;
  max-width: 620px;
  width: 54%;
  margin: 0 auto;
}
@media (max-width: 600px) {
  .sustainability-annotations .upper {
    width: 80%;
  }
}
@media (max-width: 1000px) {
  .sustainability-annotations .upper .image {
    margin: 30px 0;
  }
}
.sustainability-annotations .upper .image img {
  width: 100%;
  height: auto;
  display: block;
}
.sustainability-annotations .upper .annotation.first {
  top: 20%;
  right: calc(100% - 30px);
}
@media (max-width: 1000px) {
  .sustainability-annotations .upper .annotation.first {
    top: auto;
    right: auto;
  }
}
.sustainability-annotations .upper .annotation.first:before {
  top: 100%;
  left: calc(100% - 110px);
  width: 200px;
  height: 106px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='242.877' height='128.62' viewBox='0 0 242.877 128.62'%3E%3Cg id='Group_615' data-name='Group 615' transform='matrix(0.995, -0.105, 0.105, 0.995, -682.645, -1789.213)'%3E%3Cpath id='Path_537' data-name='Path 537' d='M-14742.888-9073.206s69.166,137.825,219.342,91.525' transform='translate(15235 10950)' fill='none' stroke='%2300388e' stroke-linecap='round' stroke-width='4'/%3E%3Cpath id='Path_538' data-name='Path 538' d='M0,14.541,14.541,0l14.54,14.541' transform='translate(710.137 1953.566) rotate(73)' fill='none' stroke='%2300388e' stroke-linecap='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media (max-width: 1000px) {
  .sustainability-annotations .upper .annotation.first:before {
    width: 140px;
    height: 86px;
    left: -40px;
    top: calc(100% + 40px);
    transform: rotate(55deg);
  }
}
.sustainability-annotations .upper .annotation.second {
  top: 0;
  left: calc(100% - 60px);
}
@media (max-width: 1000px) {
  .sustainability-annotations .upper .annotation.second {
    top: auto;
    left: auto;
  }
}
.sustainability-annotations .upper .annotation.second:before {
  bottom: calc(100% - 60px);
  right: calc(100% - 40px);
  width: 220px;
  height: 166px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='257.063' height='190.712' viewBox='0 0 257.063 190.712'%3E%3Cg id='Group_665' data-name='Group 665' transform='translate(1492.669 1587.502) rotate(155)'%3E%3Cpath id='Path_537' data-name='Path 537' d='M-14742.888-9073.206s69.166,137.825,219.342,91.525' transform='translate(15235 10950)' fill='none' stroke='%2300388e' stroke-linecap='round' stroke-width='4'/%3E%3Cpath id='Path_538' data-name='Path 538' d='M0,14.541,14.541,0l14.54,14.541' transform='translate(710.137 1953.566) rotate(73)' fill='none' stroke='%2300388e' stroke-linecap='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media (max-width: 1000px) {
  .sustainability-annotations .upper .annotation.second:before {
    width: 146px;
    height: 110px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='257.063' height='190.712' viewBox='0 0 257.063 190.712'%3E%3Cg id='Group_665' data-name='Group 665' transform='translate(1492.669 1587.502) rotate(155)'%3E%3Cpath id='Path_537' data-name='Path 537' d='M-14742.888-9073.206s69.166,137.825,219.342,91.525' transform='translate(15235 10950)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='4'/%3E%3Cpath id='Path_538' data-name='Path 538' d='M0,14.541,14.541,0l14.54,14.541' transform='translate(710.137 1953.566) rotate(73)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E%0A");
    transform: rotate(75deg);
    bottom: calc(100% + 40px);
    right: -30px;
  }
}
@media (max-width: 1000px) {
  .sustainability-annotations .upper .annotation.second p {
    color: #fff;
  }
}
.sustainability-annotations .upper .annotation p {
  font-size: 20px;
  color: #00388E;
}
.sustainability-annotations .lower {
  position: relative;
  max-width: 956px;
  width: 80%;
  margin: 80px auto 0;
}
.sustainability-annotations .lower .image {
  transform: translateX(-40%);
}
@media (max-width: 1000px) {
  .sustainability-annotations .lower .image {
    transform: none;
    margin: 20px 0 0;
  }
}
.sustainability-annotations .lower .image img {
  width: 100%;
  height: auto;
  display: block;
}
.sustainability-annotations .lower .annotation.first {
  top: 25%;
  left: 75%;
}
@media (max-width: 1000px) {
  .sustainability-annotations .lower .annotation.first {
    top: auto;
    left: auto;
  }
}
.sustainability-annotations .lower .annotation.first:before {
  top: calc(100% + 30px);
  right: 50%;
  width: 210px;
  height: 130px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='243.438' height='163.265' viewBox='0 0 243.438 163.265'%3E%3Cg id='Group_616' data-name='Group 616' transform='translate(242.232 108.855) rotate(166)'%3E%3Cpath id='Path_537' data-name='Path 537' d='M0,101.034S69.166-36.791,219.343,9.509' transform='translate(0 7.799)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='4'/%3E%3Cpath id='Path_538' data-name='Path 538' d='M0,0,14.541,14.541,29.081,0' transform='translate(204.119 27.81) rotate(-73)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media (max-width: 1000px) {
  .sustainability-annotations .lower .annotation.first:before {
    width: 140px;
    height: 86px;
    transform: rotate(-55deg);
    right: -75px;
    top: 100%;
  }
}
.sustainability-annotations .lower .annotation p {
  font-size: 20px;
  color: #fff;
}
.sustainability-annotations .annotation {
  position: absolute;
  width: 260px;
}
@media (max-width: 1000px) {
  .sustainability-annotations .annotation {
    position: relative;
    width: 100%;
  }
}
.sustainability-annotations .annotation:before {
  content: " ";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.sustainability-annotations .annotation p {
  text-align: center;
  font-size: 16px;
}
.sustainability-annotations .grass {
  position: absolute;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.sustainability-annotations .grass.first {
  top: 80%;
  right: -116px;
  width: 98px;
  height: 106px;
  background-image: url("../dist/images/grass-1.png");
}
@media (max-width: 1000px) {
  .sustainability-annotations .grass.first {
    width: 49px;
    height: 53px;
  }
}
@media (max-width: 600px) {
  .sustainability-annotations .grass.first {
    right: -10%;
    top: 38%;
  }
}
.sustainability-annotations .grass.second {
  top: 60%;
  left: -168px;
  width: 68px;
  height: 58px;
  background-image: url("../dist/images/grass-2.png");
}
@media (max-width: 1000px) {
  .sustainability-annotations .grass.second {
    width: 34px;
    height: 29px;
  }
}
@media (max-width: 600px) {
  .sustainability-annotations .grass.second {
    top: 64%;
    left: 0;
  }
}
.sustainability-annotations .grass.third {
  top: 60%;
  right: -168px;
  width: 68px;
  height: 58px;
  background-image: url("../dist/images/grass-2.png");
}
@media (max-width: 1000px) {
  .sustainability-annotations .grass.third {
    display: none;
  }
}

.sustainability-flyby {
  background: #F1F7F9;
  padding: 260px 0 200px;
  position: relative;
}
@media (max-width: 1000px) {
  .sustainability-flyby {
    padding: 120px 0 140px;
  }
}
.sustainability-flyby .group {
  display: flex;
  align-items: center;
  width: 70vw;
  animation: flyby 15s infinite linear;
  max-width: 1000px;
}
@media (max-width: 1000px) {
  .sustainability-flyby .group {
    width: 200vw;
  }
}
.sustainability-flyby .plane {
  width: 28%;
}
.sustainability-flyby .banner {
  width: 72%;
}

@keyframes flyby {
  from {
    transform: translateX(100vw);
  }
  to {
    transform: translateX(-100%);
  }
}
.sustainability-tips {
  background: #F1F7F9;
  margin: -2px 0 0;
  padding: 1px 0;
  position: relative;
}
.sustainability-tips .inner {
  width: calc(100% - 200px);
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 1000px) {
  .sustainability-tips .inner {
    width: calc(100% - 40px);
    max-width: 600px;
  }
}
.sustainability-tips .pin {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media (max-width: 1000px) {
  .sustainability-tips .pin {
    display: block;
  }
}
.sustainability-tips .content {
  position: relative;
  z-index: 2;
  width: 28%;
}
@media (max-width: 1000px) {
  .sustainability-tips .content {
    width: 100%;
    text-align: center;
  }
}
.sustainability-tips .content h2 {
  color: #00B19C;
}
.sustainability-tips .content p {
  color: #00B19C;
  margin: 20px 0 0;
}
.sustainability-tips .content:after {
  content: " ";
  position: absolute;
  top: calc(100% - 100px);
  left: calc(100% + 70px);
  width: 240px;
  height: 185px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256.741' height='198.762' viewBox='0 0 256.741 198.762'%3E%3Cg id='Group_668' data-name='Group 668' transform='translate(-1311.979 -1319.559) rotate(-28)'%3E%3Cpath id='Path_537' data-name='Path 537' d='M-14742.888-9073.206s69.166,137.825,219.342,91.525' transform='translate(15235 10950)' fill='none' stroke='%2300b19c' stroke-linecap='round' stroke-width='4'/%3E%3Cpath id='Path_538' data-name='Path 538' d='M0,14.541,14.541,0l14.54,14.541' transform='translate(710.137 1953.566) rotate(73)' fill='none' stroke='%2300b19c' stroke-linecap='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 1000px) {
  .sustainability-tips .content:after {
    display: none;
  }
}
.sustainability-tips .slides {
  position: relative;
  width: 55%;
}
@media (max-width: 1000px) {
  .sustainability-tips .slides {
    width: 100%;
    margin: 40px 0 0;
  }
}
.sustainability-tips .slides:before {
  position: absolute;
  content: " ";
  width: 100%;
  padding: 0 0 91%;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='767.828' height='696.612' viewBox='0 0 767.828 696.612'%3E%3Cg id='Group_638' data-name='Group 638' transform='translate(0 696.612) rotate(-90)'%3E%3Cpath id='Path_377' data-name='Path 377' d='M613.052,39.794c-.5-31.427-5.059-45.06-42.416-37.951S379.487,55.437,269.56,51.614,72.839,10.571,24.93,14.871s-7.693,62.64,16.879,184.878,4.952,201.377-5.35,263.488S-9.9,584.467,2.6,635.329s51.056,50.294,94.412,33.2,103.334-15.892,156.409-5.382,75.983,43.672,150.477,16.412,130.666-42.11,171.534-11.995,94.419-2.521,55.755-115.935S588.6,331.954,590.721,252.694,613.554,71.221,613.052,39.794Z' transform='matrix(-0.998, -0.07, 0.07, -0.998, 642.976, 751.209)' fill='%23fff'/%3E%3Cg id='Group_559' data-name='Group 559' transform='translate(99.186 0)'%3E%3Cpath id='Path_382' data-name='Path 382' d='M0,51.033C21.967,40.273,33.4,34.845,40.607,14.14,49.084-10.2,79.684-.442,63.864,23.151,49.538,44.515,0,51.033,0,51.033Z' transform='translate(458.717 29.439) rotate(4)' fill='%23fff'/%3E%3Cpath id='Path_380' data-name='Path 380' d='M.867,24.135c-5.668,20.306,18.3,20.074,18.488.947C19.506,9.779,18.4,10.808,24.367,0,24.367,0,6,5.747.867,24.135Z' transform='translate(464.596 87.122) rotate(-167)' fill='%23fff'/%3E%3Cpath id='Path_379' data-name='Path 379' d='M54.422,57.291c-19.967-23.625-14.166-17.143-22.476-41C22.18-11.751-13.078-.51,5.15,26.674,20.637,49.341,54.422,57.291,54.422,57.291Z' transform='translate(2.998 0) rotate(3)' fill='%23fff'/%3E%3Cpath id='Path_383' data-name='Path 383' d='M7.813,35.031C-17.859,1.445,26.7-15.865,41.528,19.505c12.618,30.089,30.093,37.1,63.712,51.058C105.241,70.563,31.06,65.445,7.813,35.031Z' transform='matrix(-0.998, -0.07, 0.07, -0.998, 417.162, 767.828)' fill='%23fff'/%3E%3Cpath id='Path_381' data-name='Path 381' d='M34.036,84.764C-5.753,51.754.334,0,.334,0,20.455,26.7,19.139,22.823,56.8,40.107,103.878,61.71,77.971,121.214,34.036,84.764Z' transform='translate(515.556 459.22)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
}
.sustainability-tips .slide {
  width: 100%;
}
.sustainability-tips .slide.is-selected .slide-inner {
  opacity: 1;
}
.sustainability-tips .slide.is-selected .slide-inner .image {
  transform: translateY(0) scale(1, 1);
}
.sustainability-tips .slide .slide-inner {
  opacity: 0;
  transition: opacity 0.2s;
}
.sustainability-tips .slide .image {
  position: relative;
  transform: translateY(10%) scale(1, 0.8);
  transform-origin: center bottom;
  transition: transform 0.7s 0.5s cubic-bezier(0.3, 2, 0.6, 1);
}
.sustainability-tips .slide .image:before {
  content: " ";
  padding: 0 0 91%;
  display: block;
}
.sustainability-tips .slide .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  animation: floating 5s infinite forwards;
}
.sustainability-tips .slide .lower {
  text-align: center;
  margin: -20px 0 0;
}
.sustainability-tips .slide .lower .number {
  color: rgba(0, 177, 156, 0.8);
  font-size: 16px;
}
.sustainability-tips .slide .lower h3 {
  color: #00B19C;
  margin: 12px auto 0;
}
.sustainability-tips .slide .lower p {
  color: #00B19C;
  max-width: 260px;
  margin: 12px auto 0;
}
.sustainability-tips .slide .lower p a {
  text-decoration: underline;
}
.sustainability-tips .flickity-page-dots {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 73% 0 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.sustainability-tips .flickity-page-dots .dot {
  width: 8px;
  height: 8px;
  margin: 0 3px;
  background: transparent;
  border: 1px solid #00388E;
}
.sustainability-tips .flickity-page-dots .dot.is-selected {
  background: #00388E;
}

@keyframes floating {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(3%);
  }
  100% {
    transform: translateY(0%);
  }
}
.page-template-page--sustainability .pageHero--general {
  padding-bottom: 125px;
}
.page-template-page--sustainability .pageHero {
  padding-bottom: 100px;
}
@media (min-width: 1000px) {
  .page-template-page--sustainability .pageHero {
    padding-top: 170px;
  }
}
.page-template-page--sustainability .pageHero__decor {
  top: 370px;
  right: 1000px;
  transform: rotate(360deg);
}

.scene {
  position: relative;
  z-index: 1;
  top: -200px;
}
.scene__product {
  position: relative;
  max-width: 1050px !important;
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  overflow: visible !important;
}
@media (max-width: 768px) {
  .scene__product {
    max-width: none;
  }
}
.scene__usp {
  position: absolute !important;
  display: flex;
  align-self: center;
  color: #fff;
  transform: scale(1.1) !important;
}
.scene__usp svg {
  position: relative;
  widows: 100%;
  height: 100%;
}
.scene__usp-msg {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #fff;
  padding: 0 44px;
  text-align: center;
}

.usp--1 {
  z-index: 3;
  right: 105px;
  bottom: 45px;
}
@media (max-width: 736px) {
  .usp--1 {
    right: 20px;
    bottom: -150px;
  }
}
.usp--1 svg.arrow {
  position: absolute;
  bottom: -110px;
  left: -206px;
}

.usp--2 {
  z-index: 3;
  left: -10px;
  top: 160px;
}
@media (max-width: 736px) {
  .usp--2 {
    top: auto;
    left: 20px;
    bottom: -150px;
  }
}
.usp--2 svg.arrow {
  position: absolute;
  bottom: -111px;
  left: 43px;
}

.usp--3 {
  z-index: 3;
  right: 19px;
  top: 0;
}
@media (max-width: 736px) {
  .usp--3 {
    top: -200px;
    right: 20px;
  }
}
.usp--3 svg.arrow {
  position: absolute;
  top: -72px;
  right: 237px;
}

.usp--4 {
  z-index: 2;
  left: 23px;
  top: 28px;
}
@media (max-width: 736px) {
  .usp--4 {
    top: -200px;
    left: 20px;
    right: auto;
  }
}
.usp--4 svg.arrow {
  position: absolute;
  top: -70px;
  left: 218px;
}

@media (max-width: 736px) {
  .usp--1 svg.arrow,
.usp--2 svg.arrow,
.usp--3 svg.arrow,
.usp--4 svg.arrow {
    display: none;
  }
}