@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap);
@font-face {
  font-family: 'Gilroy';
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  unicode-range: U+000-5FF;
  src: local("Gilroy"), url("/assets/fonts/gilroy-extrabold-webfont.woff2") format("woff2"), url("/assets/fonts/gilroy-extrabold-webfont.woff") format("woff"), url("/assets/fonts/gilroy.ttf") format("truetype"); }

@font-face {
  font-family: 'Autograf';
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  unicode-range: U+000-5FF;
  src: local("Autograf"), url("/assets/fonts/sign.ttf") format("ttf"), url("/assets/fonts/sign.ttf") format("ttf"), url("/assets/fonts/sign.ttf") format("truetype"); }

@font-face {
  font-family: 'Reinata';
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  unicode-range: U+000-5FF;
  src: local("Reinata"), url("/assets/fonts/Reinata.ttf") format("ttf"), url("/assets/fonts/Reinata.ttf") format("ttf"), url("/assets/fonts/Reinata.ttf") format("truetype"); }

html {
  scroll-behavior: smooth; }

html,
body {
  padding: 0;
  margin: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  color: #231F20; }
  html.ReactModal__Body--open,
  body.ReactModal__Body--open {
    overflow: hidden; }

* {
  box-sizing: border-box; }

*:focus {
  outline: none; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

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

h1,
h2,
h3 {
  font-family: 'Gilroy';
  line-height: 1em; }
  h1 span,
  h2 span,
  h3 span {
    color: #7ad7a7; }

h1 {
  font-size: 52px; }
  @media screen and (max-width: 767px) {
    h1 {
      font-size: 42px; } }

h2 {
  font-size: 42px; }
  @media screen and (max-width: 767px) {
    h2 {
      font-size: 32px; } }

h3 {
  font-size: 32px; }
  @media screen and (max-width: 767px) {
    h3 {
      font-size: 26px; } }

p.lead {
  font-size: 26px;
  line-height: 1.2em; }
  @media screen and (max-width: 767px) {
    p.lead {
      font-size: 20px; } }

.container {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px; }

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

.grid {
  display: grid;
  grid-column-gap: 10px;
  grid-row-gap: 10px; }

input {
  padding: 10px 20px;
  border-radius: 30px;
  border: 1px solid silver; }

button,
.btn {
  font-family: 'Gilroy';
  background: #000;
  border-radius: 50px;
  border: none;
  color: #fff;
  padding: 10px 20px;
  font-weight: 600;
  cursor: pointer; }

.btn:hover {
  text-decoration: none; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin: -15px; }
  .row > .col {
    flex: 1 1;
    margin: 15px; }
    @media screen and (max-width: 767px) {
      .row > .col {
        margin: 0 auto; } }
  @media screen and (max-width: 767px) {
    .row {
      flex-direction: column; }
      .row.reverse {
        flex-flow: column-reverse; } }

.text-green {
  color: #7ad7a7; }

.text-yellow {
  color: #FFE06D; }

.text-pink {
  color: #FA9CAD; }

.text-blue {
  color: #59C6E7; }

.only-mobile {
  display: none; }
  @media screen and (max-width: 767px) {
    .only-mobile {
      display: initial; } }

.only-desktop {
  display: initial; }
  @media screen and (max-width: 767px) {
    .only-desktop {
      display: none; } }

.ReactModal__Overlay {
  background-color: rgba(0, 0, 0, 0.8) !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999; }

.ReactModal__Content {
  margin: 0 auto;
  width: 540px;
  height: fit-content;
  background: #ffffff;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  box-sizing: border-box;
  padding: 30px 95px 41px !important; }
  @media screen and (max-width: 767px) {
    .ReactModal__Content {
      padding: 20px !important;
      width: 100%;
      top: 0px !important;
      left: 0px !important;
      right: 0px !important;
      bottom: 0px !important;
      height: 100%;
      box-shadow: none;
      border-radius: 0;
      overflow: hidden !important; } }

.video-responsive {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0; }
  .video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#becomeChef p {
  margin: 0; }

#becomeChef .navbar {
  background-color: #FFFFFF; }

#becomeChef #banner {
  background: url("/assets/images/become-chef/banner-becomechef.jpg") no-repeat center center;
  background-size: cover;
  padding: 147px 0 0 165px;
  height: 510px;
  box-sizing: border-box; }
  #becomeChef #banner h1 {
    font-family: 'Gilroy';
    font-size: 72px;
    line-height: 72px;
    letter-spacing: -2px;
    color: #231F20;
    width: 540px;
    text-transform: none; }
    #becomeChef #banner h1 span {
      color: #a5e974;
      font-family: 'Gilroy'; }
  #becomeChef #banner .box {
    width: 450px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.75);
    margin: 0 auto; }
    #becomeChef #banner .box h2 {
      text-align: center;
      font-size: 2em;
      font-weight: 300;
      letter-spacing: -1px; }
      #becomeChef #banner .box h2 img {
        display: inline-block;
        width: 25px; }
      #becomeChef #banner .box h2 b {
        font-weight: 900; }
      #becomeChef #banner .box h2 i {
        font-style: normal;
        font-weight: 900; }
    #becomeChef #banner .box p {
      padding-top: 10px;
      text-align: center;
      font-size: 1em;
      font-weight: 400; }
      #becomeChef #banner .box p b {
        font-weight: 600; }

#becomeChef #columns {
  width: 1100px;
  margin: 0 auto;
  padding: 143px 0 99px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center; }
  #becomeChef #columns .col-50 {
    width: 540px;
    margin-right: 125px; }
    #becomeChef #columns .col-50 .row-check {
      display: flex;
      align-items: flex-start;
      margin-bottom: 8px; }
      #becomeChef #columns .col-50 .row-check img {
        display: inline;
        margin-right: 12px; }
    #becomeChef #columns .col-50 p {
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 900;
      font-size: 16px;
      line-height: 28px;
      letter-spacing: .2px;
      color: #231F20;
      margin: 0; }
      #becomeChef #columns .col-50 p span {
        font-style: normal;
        font-weight: 900; }
  #becomeChef #columns .col-40 {
    width: 445px; }
    #becomeChef #columns .col-40 h4 {
      font-family: 'Gilroy';
      font-size: 36px;
      line-height: 42px;
      letter-spacing: -0.5px;
      color: #231F20;
      text-transform: none; }
      #becomeChef #columns .col-40 h4 span {
        color: #7ad7a7;
        font-family: 'Gilroy'; }

#becomeChef #form {
  background: #F5F5F5;
  padding: 60px 0px; }
  #becomeChef #form > .row {
    max-width: 1100px;
    margin: 0 auto; }
    #becomeChef #form > .row h2 {
      font-family: 'Gilroy';
      font-size: 36px;
      line-height: 42px;
      letter-spacing: -0.2px;
      color: #231F20;
      text-transform: none;
      margin-bottom: 50px; }
    #becomeChef #form > .row form {
      width: 100%; }
      #becomeChef #form > .row form #uploadFile {
        border: none;
        background: whitesmoke;
        padding: 0; }
      #becomeChef #form > .row form .row-form {
        display: flex;
        justify-content: space-between; }
        #becomeChef #form > .row form .row-form .col-40 {
          width: 445px; }
          #becomeChef #form > .row form .row-form .col-40 .error-msg {
            color: red;
            font-size: 12px;
            margin: 8px 0px; }
          #becomeChef #form > .row form .row-form .col-40 .row .success-message {
            color: #7AD7A7; }
          #becomeChef #form > .row form .row-form .col-40 .row .error-message {
            color: red; }
          #becomeChef #form > .row form .row-form .col-40 .row-add {
            margin-top: 40px;
            display: flex;
            align-items: center;
            justify-content: space-between; }
          #becomeChef #form > .row form .row-form .col-40 .container {
            display: block;
            position: relative;
            padding-left: 35px;
            cursor: pointer;
            font-size: 22px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            font-family: 'Roboto';
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 28px;
            letter-spacing: .2px;
            color: #231F20;
            margin-bottom: 10px; }
            #becomeChef #form > .row form .row-form .col-40 .container p {
              margin-left: 10px; }
            #becomeChef #form > .row form .row-form .col-40 .container p.yes {
              margin-left: 10px;
              margin-right: 23px; }
            #becomeChef #form > .row form .row-form .col-40 .container p.no {
              margin-right: 10px;
              margin-left: 10px; }
          #becomeChef #form > .row form .row-form .col-40 .container-radio {
            margin-bottom: 0;
            width: unset; }
            @media screen and (max-width: 767px) {
              #becomeChef #form > .row form .row-form .col-40 .container-radio {
                margin-bottom: 10px;
                width: 100%; } }
          #becomeChef #form > .row form .row-form .col-40 .container input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0; }
          #becomeChef #form > .row form .row-form .col-40 .checkmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 30px;
            width: 30px;
            background: #FFFFFF;
            border: 1px solid #DDDDDD;
            box-sizing: border-box;
            border-radius: 3px; }
          #becomeChef #form > .row form .row-form .col-40 .checkmark-radio {
            border-radius: 50%; }
          #becomeChef #form > .row form .row-form .col-40 .container input:checked ~ .checkmark {
            background-color: white; }
          #becomeChef #form > .row form .row-form .col-40 .checkmark:after {
            content: "";
            position: absolute;
            display: none; }
          #becomeChef #form > .row form .row-form .col-40 .container input:checked ~ .checkmark:after {
            display: block; }
          #becomeChef #form > .row form .row-form .col-40 .container .checkmark-radio:after {
            top: 10px;
            left: 10px;
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: #7AD7A7; }
          #becomeChef #form > .row form .row-form .col-40 .container .checkmark-check:after {
            left: 9px;
            top: 5px;
            width: 5px;
            height: 10px;
            border: solid #7AD7A7;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
          #becomeChef #form > .row form .row-form .col-40 .row {
            display: flex;
            align-items: center;
            margin: 0; }
            #becomeChef #form > .row form .row-form .col-40 .row label {
              margin-right: 0; }
            #becomeChef #form > .row form .row-form .col-40 .row .radio-column {
              margin-right: 0;
              flex-direction: column;
              display: flex; }
            #becomeChef #form > .row form .row-form .col-40 .row .radio-column:first-child {
              margin-right: 20px; }
              #becomeChef #form > .row form .row-form .col-40 .row .radio-column:first-child label {
                margin: 0 0 10px; }
            #becomeChef #form > .row form .row-form .col-40 .row p {
              font-family: 'Roboto';
              font-style: normal;
              font-size: 16px;
              line-height: 28px;
              letter-spacing: .2px;
              color: #231F20; }
              #becomeChef #form > .row form .row-form .col-40 .row p span {
                font-style: normal;
                font-weight: 900;
                color: #231F20; }
            #becomeChef #form > .row form .row-form .col-40 .row .radio-row {
              display: flex;
              flex-direction: row;
              align-items: center;
              height: 30px;
              margin-bottom: 10px; }
              #becomeChef #form > .row form .row-form .col-40 .row .radio-row label {
                margin-right: 0;
                font-family: 'Roboto';
                font-style: normal;
                font-weight: normal;
                font-size: 16px;
                line-height: 28px;
                letter-spacing: .2px;
                color: #231F20; }
      #becomeChef #form > .row form .col-60 {
        width: 540px; }
        #becomeChef #form > .row form .col-60 .col-30-row {
          display: flex;
          justify-content: space-between; }
        #becomeChef #form > .row form .col-60 .error-msg {
          color: red;
          font-size: 12px;
          margin: 8px 0px; }
      #becomeChef #form > .row form .width-50 {
        width: 255px;
        height: 48px;
        margin-top: 20px;
        font-family: 'Roboto';
        font-style: normal;
        color: #231f20; }
      #becomeChef #form > .row form .width-100 {
        width: 540px; }
      #becomeChef #form > .row form textarea {
        height: 130px;
        padding-top: 20px;
        font-family: 'Roboto';
        font-style: normal;
        color: #231f20; }
      #becomeChef #form > .row form input,
      #becomeChef #form > .row form textarea {
        background: #FFFFFF;
        border: 1px solid #DDDDDD;
        box-sizing: border-box;
        border-radius: 4px;
        padding-left: 30px;
        font-style: normal;
        font-family: 'Roboto';
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        display: flex;
        align-items: center;
        letter-spacing: .2px;
        padding-left: 16px;
        resize: none;
        width: 100%;
        margin-top: 20px; }
      #becomeChef #form > .row form [type="tel"],
      #becomeChef #form > .row form input[type="text"] {
        height: 48px;
        margin-top: 20px;
        font-family: 'Roboto';
        font-style: normal;
        color: #231f20; }
      #becomeChef #form > .row form .col-40 .row {
        margin-bottom: 10px; }
        #becomeChef #form > .row form .col-40 .row span {
          margin-right: 10px;
          font-weight: 300; }
        #becomeChef #form > .row form .col-40 .row input[type="checkbox"] {
          margin-right: 14px; }
        #becomeChef #form > .row form .col-40 .row label {
          font-weight: 300;
          margin-right: 10px;
          cursor: pointer; }
        #becomeChef #form > .row form .col-40 .row b {
          font-weight: 300;
          margin-left: 5px; }
        #becomeChef #form > .row form .col-40 .row input[disabled="disabled"] {
          width: calc(100% - 195px);
          margin-right: 10px;
          border: 0;
          padding: 10px;
          float: left; }
      #becomeChef #form > .row form .col-40 .row-add {
        margin-top: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        #becomeChef #form > .row form .col-40 .row-add .fileUpload {
          position: relative;
          overflow: hidden;
          margin: 0; }
          #becomeChef #form > .row form .col-40 .row-add .fileUpload span {
            font-family: 'Gilroy';
            font-size: 16px;
            line-height: 28px;
            /* identical to box height, or 175% */
            letter-spacing: .2px;
            color: #7AD7A7; }
        #becomeChef #form > .row form .col-40 .row-add .fileUpload input.upload {
          position: absolute;
          top: 0;
          right: 0;
          margin: 0 !important;
          padding: 0;
          font-size: 20px;
          cursor: pointer;
          opacity: 0;
          filter: alpha(opacity=0); }
        #becomeChef #form > .row form .col-40 .row-add .cta {
          font-family: 'Gilroy';
          font-size: 16px;
          line-height: 22px;
          align-items: center;
          text-align: center;
          color: #FFFFFF;
          background: #231F20;
          border-radius: 24px;
          width: 160px;
          border: none;
          text-transform: none;
          display: flex;
          justify-content: center;
          height: 48px;
          box-sizing: border-box; }

#becomeChef #becomed-chefs .col-md-3 {
  cursor: pointer; }

#becomed-chefs {
  width: 1110px;
  padding: 60px 0;
  margin: 0 auto; }
  #becomed-chefs .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin-right: -65px; }
    #becomed-chefs .row .col-20 {
      width: 95px;
      margin-right: 50px; }
      #becomed-chefs .row .col-20 .chef-item {
        background-size: cover; }
  #becomed-chefs h2 {
    font-family: 'Gilroy';
    font-size: 36px;
    line-height: 42px;
    letter-spacing: -0.2px;
    color: #231F20;
    text-transform: none;
    margin-bottom: 100px; }
    #becomed-chefs h2 span {
      color: #fa9cad;
      font-family: 'Gilroy'; }
  #becomed-chefs .row-chef {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  #becomed-chefs .skeleton-circle {
    background: url("/assets/images/skeleton.gif") no-repeat center center fixed;
    background-size: cover;
    height: 95px;
    width: 95px;
    border-radius: 200px;
    margin-right: 50px; }
    @media screen and (max-width: 767px) {
      #becomed-chefs .skeleton-circle {
        margin-right: 14px;
        margin-bottom: 100px; } }
  #becomed-chefs .chef-item {
    position: relative;
    height: 95px;
    width: 95px;
    border-radius: 200px;
    margin-bottom: 100px; }
    #becomed-chefs .chef-item h5 {
      padding: 0px 20px; }
      @media screen and (max-width: 767px) {
        #becomed-chefs .chef-item h5 {
          padding: 0; } }
      #becomed-chefs .chef-item h5 a {
        font-family: 'Reinata';
        font-size: 42px;
        line-height: 38px;
        color: #231F20;
        text-transform: none; }
    #becomed-chefs .chef-item .chef-wrapper {
      background: rgba(0, 0, 0, 0.75);
      opacity: 0;
      height: 100%; }
    #becomed-chefs .chef-item .play {
      position: absolute;
      top: 90px;
      left: 50%;
      margin-left: -30px;
      opacity: 0;
      transition: .5s; }
      #becomed-chefs .chef-item .play img {
        width: 60px;
        margin: 0 auto;
        cursor: pointer; }
    #becomed-chefs .chef-item span {
      position: absolute;
      top: 82px;
      left: 50%;
      margin-left: -22px;
      color: white;
      font-size: 100px;
      text-align: center;
      display: block; }
    #becomed-chefs .chef-item .content-wrapper {
      position: absolute;
      bottom: 10px;
      opacity: 0;
      transition: .5s;
      top: 90px; }
      #becomed-chefs .chef-item .content-wrapper .content {
        display: none; }
    #becomed-chefs .chef-item:hover .play {
      opacity: 1 !important; }
    #becomed-chefs .chef-item:hover .chef-wrapper {
      opacity: .5; }
    #becomed-chefs .chef-item:hover span {
      top: 15px; }
    #becomed-chefs .chef-item:hover .content-wrapper {
      opacity: 1 !important; }
      #becomed-chefs .chef-item:hover .content-wrapper h5 a {
        text-transform: none; }

#becomed-chefs .chef-item:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  transition: opacity .2s;
  border-radius: 50%;
  background: #55a73b;
  cursor: pointer; }

#becomed-chefs .chef-item:hover:before {
  opacity: .5; }

@media screen and (max-width: 767px) {
  #becomed-chefs {
    width: 100%;
    box-sizing: border-box;
    padding: 60px 20px; }
    #becomed-chefs .row {
      margin-right: -25px;
      flex-direction: row; }
    #becomed-chefs h2 {
      margin-bottom: 50px; }
    #becomed-chefs .row .col-20 {
      width: 33%;
      margin-right: 0; }
  .col-md-3 {
    float: left;
    width: 50%; } }

@media screen and (max-width: 767px) {
  #becomeChef #banner {
    background: url("/assets/images/become-chef/banner-mobile.jpg") no-repeat center center;
    background-size: cover;
    height: 375px;
    padding: 68px 20px; }
    #becomeChef #banner h1 {
      font-size: 60px;
      line-height: 60px;
      width: 100%; }
    #becomeChef #banner .box {
      width: 320px; }
  #becomeChef #columns {
    width: 100%;
    flex-direction: column-reverse;
    padding: 60px 20px;
    box-sizing: border-box; }
    #becomeChef #columns .col-50 {
      width: 100%;
      margin-top: 30px;
      margin-right: 0; }
      #becomeChef #columns .col-50 p {
        font-size: 16px;
        line-height: 28px; }
    #becomeChef #columns .col-40 {
      width: 100%; }
      #becomeChef #columns .col-40 h4 {
        font-size: 36px;
        line-height: 42px; }
  #becomeChef #form {
    padding: 70px 20px; }
    #becomeChef #form > .row {
      width: 100%;
      box-sizing: border-box; }
      #becomeChef #form > .row form .width-100,
      #becomeChef #form > .row form .width-50 {
        width: 100%; }
      #becomeChef #form > .row form .row-form {
        flex-direction: column; }
        #becomeChef #form > .row form .row-form .col-40,
        #becomeChef #form > .row form .row-form .col-60 {
          width: 100%; }
          #becomeChef #form > .row form .row-form .col-40 .col-30-row,
          #becomeChef #form > .row form .row-form .col-60 .col-30-row {
            flex-direction: column; }
        #becomeChef #form > .row form .row-form .col-40 {
          margin-top: 52px; }
          #becomeChef #form > .row form .row-form .col-40 .container p.yes {
            margin-left: 0;
            margin-right: 10px; } }
          @media screen and (max-width: 767px) and (max-width: 767px) {
            #becomeChef #form > .row form .row-form .col-40 .container p.yes {
              margin-right: 10px;
              margin-left: 10px; } }

@media screen and (max-width: 767px) {
          #becomeChef #form > .row form .row-form .col-40 .container p.no {
            margin-right: 10px;
            margin-left: 10px; }
          #becomeChef #form > .row form .row-form .col-40 .mobile-radio {
            flex-direction: column;
            align-items: flex-start; }
          #becomeChef #form > .row form .row-form .col-40 .row-check {
            flex-direction: column; }
      #becomeChef #form > .row form b {
        display: block;
        margin-left: 0 !important; }
      #becomeChef #form > .row form input[type="checkbox"] {
        display: block;
        float: left;
        clear: left;
        margin-bottom: 0; }
      #becomeChef #form > .row form label {
        float: left;
        margin-bottom: 0; }
      #becomeChef #form > .row form .col-md-6:last-child .row .cta {
        width: calc(100% - 30px); } }

.chef-page {
  margin: 0 auto;
  max-width: 1280px;
  padding: 30px;
  padding-top: 70px; }
  @media screen and (max-width: 767px) {
    .chef-page {
      padding: 20px;
      padding-top: 50px; } }
  .chef-page .skeleton-row {
    background: url(/assets/images/loading-circles.gif) no-repeat center center;
    background-size: 300px;
    width: 100%;
    height: 800px; }

#deliveryMap #map {
  margin-bottom: 0;
  padding-bottom: 0; }

#deliveryMap h1, #deliveryMap h4 {
  text-transform: none;
  font-family: 'Gilroy';
  text-align: center; }

#deliveryMap .container-delivery {
  display: flex;
  flex-direction: column; }

#deliveryMap .input-email-container {
  top: 196px;
  background: #231F20;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-top: 74px;
  box-sizing: border-box;
  padding-bottom: 60px; }

#deliveryMap .input-mail-b {
  width: 380px;
  height: 48px;
  margin-right: 20px; }

#deliveryMap .button-mail-b {
  width: 140px;
  height: 48px;
  border: 2px solid #FFFFFF;
  padding: 14px; }

#deliveryMap h4 {
  font-size: 36px;
  line-height: 42px;
  letter-spacing: -0.5px;
  color: #FFFFFF;
  margin: 0 0 10px; }

#deliveryMap .input-email-container, #deliveryMap .info-container {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

#deliveryMap .black-info h4, #deliveryMap .black-info p {
  color: #000000; }

#deliveryMap .info-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 0;
  background: #7AD7A7; }
  #deliveryMap .info-container button {
    width: 190px;
    margin: 32px auto;
    height: 36px; }

#deliveryMap .fadeInUp {
  animation-name: fadeInUp;
  padding-top: 74px;
  padding-bottom: 60px; }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(200px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

#deliveryMap .search {
  display: flex;
  justify-content: center; }

#deliveryMap .input-container {
  width: 350px;
  height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 64px rgba(0, 0, 0, 0.08), 0 16px 32px rgba(0, 0, 0, 0.06), 0 8px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.02);
  border-radius: 200px;
  z-index: 2;
  margin-top: -24px;
  padding: 0 8px;
  position: absolute;
  box-sizing: border-box; }

#deliveryMap .text-container {
  margin: 0 auto; }

#deliveryMap .email-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 30px; }

#deliveryMap input {
  font-style: italic;
  background: #FFFFFF;
  font-weight: normal;
  line-height: 24px;
  font-size: 16px;
  align-items: center;
  border: none;
  color: rgba(0, 0, 0, 0.32);
  padding: 14px;
  box-sizing: border-box;
  border-radius: 4px; }

#deliveryMap button {
  height: 36px;
  box-sizing: border-box;
  font-family: 'Gilroy';
  font-size: 14px;
  text-align: center;
  background: #231F20;
  border-radius: 24px;
  color: #FFFFFF;
  padding: 12px;
  align-items: center;
  display: flex;
  justify-content: center; }

#deliveryMap .delivery-title {
  width: 680px;
  margin: 0px auto 84px;
  box-sizing: border-box; }
  #deliveryMap .delivery-title h1 {
    font-size: 72px;
    line-height: 72px;
    margin-bottom: 30px;
    letter-spacing: -2px;
    color: #231F20;
    padding-top: 90px;
    margin-top: 0; }
    @media screen and (max-width: 767px) {
      #deliveryMap .delivery-title h1 {
        margin-bottom: 50px;
        padding-top: 0; } }

#deliveryMap p {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  letter-spacing: .2px;
  color: #231F20;
  margin: 0; }

@media screen and (max-width: 780px) {
  #deliveryMap .delivery-title {
    width: 100%;
    padding: 90px 20px 0; }
    #deliveryMap .delivery-title p {
      line-height: 28px; }
  #deliveryMap .input-email-container {
    padding: 74px 20px 60px; }
  #deliveryMap h4 {
    font-size: 36px;
    line-height: 42px; }
  #deliveryMap .email-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 50px; }
  #deliveryMap .input-mail-b {
    margin-right: 0;
    width: 100%; }
  #deliveryMap .button-mail-b {
    width: 100%;
    margin-top: 20px;
    height: 48px;
    padding: 14px 14px 30px;
    box-sizing: border-box;
    border-radius: 24px; }
  #deliveryMap .input-email-container {
    padding: 74px 20px 85px; }
  #deliveryMap .info-container {
    padding: 74px 28px 60px; }
    #deliveryMap .info-container button {
      width: 100%; }
  #deliveryMap .input-container {
    width: 85%;
    padding: 0 8px; }
  #deliveryMap .text-container {
    width: 95%;
    margin-right: 0; } }

#feedingGiants {
  margin: 0 0 -20px; }
  #feedingGiants .navbar {
    position: absolute;
    padding: 35px 0 0; }
    @media screen and (max-width: 767px) {
      #feedingGiants .navbar {
        position: relative;
        padding: 12px 0; } }
    #feedingGiants .navbar > .container {
      padding: 0; }
    @media (min-width: 767px) and (max-width: 1200px) {
      #feedingGiants .navbar {
        position: relative;
        background-color: #ffffff;
        padding: 12px 0; }
        #feedingGiants .navbar > .container {
          justify-content: center;
          padding: 0; } }
    #feedingGiants .navbar .brand-desktop {
      display: block; }
      @media screen and (max-width: 767px) {
        #feedingGiants .navbar .brand-desktop {
          display: none; } }
      @media (min-width: 767px) and (max-width: 1200px) {
        #feedingGiants .navbar .brand-desktop {
          display: none; } }
    #feedingGiants .navbar .brand-mobile {
      display: none; }
      @media screen and (max-width: 767px) {
        #feedingGiants .navbar .brand-mobile {
          display: block; } }
      @media (min-width: 767px) and (max-width: 1200px) {
        #feedingGiants .navbar .brand-mobile {
          display: block; } }
  #feedingGiants header {
    position: relative;
    display: flex;
    justify-content: center; }
    #feedingGiants header img {
      width: 100%;
      height: auto; }
    #feedingGiants header .hero-desktop {
      display: block;
      height: 100%; }
      @media screen and (max-width: 767px) {
        #feedingGiants header .hero-desktop {
          display: none; } }
    #feedingGiants header .hero-mobile {
      display: none; }
      @media screen and (max-width: 767px) {
        #feedingGiants header .hero-mobile {
          display: block;
          height: auto;
          max-height: 100%; } }
    #feedingGiants header div {
      position: absolute;
      top: 161px;
      width: 100%;
      max-width: 1200px;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        #feedingGiants header div {
          padding: 20px;
          top: 12px; } }
      @media (min-width: 767px) and (max-width: 1200px) {
        #feedingGiants header div {
          top: 20px;
          padding: 35px; } }
      #feedingGiants header div h1 {
        font-family: Gilroy;
        font-style: normal;
        font-weight: 800;
        font-size: 36px;
        line-height: 125%;
        color: #FFFFFF;
        margin: 0;
        font-size: 36px;
        line-height: 1.2em;
        width: 540px; }
        @media (min-width: 767px) and (max-width: 1200px) {
          #feedingGiants header div h1 {
            font-size: 28px;
            width: 400px; } }
        @media screen and (max-width: 767px) {
          #feedingGiants header div h1 {
            font-size: 28px;
            line-height: 125%;
            width: 100%; } }
      #feedingGiants header div p {
        margin-bottom: 30px;
        color: #fff; }
        @media (min-width: 767px) and (max-width: 1200px) {
          #feedingGiants header div p {
            margin-top: 10px; } }
        @media screen and (max-width: 767px) {
          #feedingGiants header div p {
            font-size: 12px;
            line-height: 18px;
            margin-top: 8px;
            margin-bottom: 0; } }
  #feedingGiants p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.2px;
    color: #231F20;
    margin: 0; }
  #feedingGiants section {
    padding: 70px 0; }
    @media screen and (max-width: 767px) {
      #feedingGiants section {
        padding: 40px 0; } }
    #feedingGiants section h2 {
      margin: 0 0 14px;
      font-family: Gilroy;
      font-style: normal;
      font-weight: 800;
      font-size: 36px;
      line-height: 1.2em;
      letter-spacing: -0.5px;
      color: #231F20; }
      @media screen and (max-width: 767px) {
        #feedingGiants section h2 {
          font-size: 29px;
          text-align: left; } }
    #feedingGiants section .p-col {
      max-width: 420px;
      margin-bottom: 30px; }
    #feedingGiants section .text-left {
      text-align: left; }
    #feedingGiants section .text-center {
      text-align: center;
      margin: 0; }
      @media screen and (max-width: 767px) {
        #feedingGiants section .text-center {
          text-align: left; } }
    #feedingGiants section .p-center {
      max-width: 700px;
      text-align: center;
      margin: 14px auto 0; }
      @media screen and (max-width: 767px) {
        #feedingGiants section .p-center {
          text-align: left; } }
    #feedingGiants section .img-chef-center {
      background: #EEEEEE;
      mix-blend-mode: darken;
      margin: 24px auto 0; }
    #feedingGiants section h3 {
      font-family: Gilroy;
      font-style: normal;
      font-weight: 800;
      font-size: 48px;
      line-height: 60px;
      letter-spacing: -0.5px;
      color: #231F20;
      margin: 0; }
      @media screen and (max-width: 767px) {
        #feedingGiants section h3 {
          font-size: 39px; } }
    #feedingGiants section .h2-center {
      margin-bottom: 100px; }
    #feedingGiants section .container .padding-row {
      padding-top: 100px; }
      @media screen and (max-width: 767px) {
        #feedingGiants section .container .padding-row {
          padding: 0; } }
      #feedingGiants section .container .padding-row .col {
        position: relative; }
        @media screen and (max-width: 767px) {
          #feedingGiants section .container .padding-row .col img {
            padding: 40px 0 32px; } }
        #feedingGiants section .container .padding-row .col .draw-1 {
          position: absolute;
          top: 230px;
          right: 56px; }
          @media screen and (max-width: 767px) {
            #feedingGiants section .container .padding-row .col .draw-1 {
              bottom: -27px;
              left: 100px;
              top: unset; } }
        #feedingGiants section .container .padding-row .col .draw-2 {
          bottom: -50px;
          position: absolute;
          left: -100px; }
          @media screen and (max-width: 767px) {
            #feedingGiants section .container .padding-row .col .draw-2 {
              bottom: -27px;
              left: 100px; } }
    #feedingGiants section .container .giants-data {
      margin: 0px 0 -140px -36px;
      justify-content: space-around;
      position: relative; }
      @media screen and (max-width: 767px) {
        #feedingGiants section .container .giants-data {
          margin: -20px 0 -60px -30px;
          justify-content: none; } }
      @media (min-width: 767px) and (max-width: 1200px) {
        #feedingGiants section .container .giants-data {
          flex-direction: row;
          margin: -62px 0 -98px 0px; } }
      #feedingGiants section .container .giants-data .giants-row {
        display: flex;
        align-items: flex-start;
        margin: 0;
        width: 50%; }
        @media screen and (max-width: 767px) {
          #feedingGiants section .container .giants-data .giants-row {
            width: 100%;
            align-items: center; } }
        @media (min-width: 767px) and (max-width: 1200px) {
          #feedingGiants section .container .giants-data .giants-row {
            align-items: center; } }
      #feedingGiants section .container .giants-data img {
        width: 37%;
        height: auto;
        margin-right: 0px; }
        @media screen and (max-width: 767px) {
          #feedingGiants section .container .giants-data img {
            width: 50%;
            height: auto;
            margin-right: -16px; } }
      #feedingGiants section .container .giants-data p {
        width: 300px;
        margin-bottom: 16px;
        margin-top: 16%; }
        @media (min-width: 767px) and (max-width: 1200px) {
          #feedingGiants section .container .giants-data p {
            width: 90%; } }
        @media screen and (max-width: 767px) {
          #feedingGiants section .container .giants-data p {
            max-width: 170px;
            font-size: 14px;
            line-height: 24px;
            margin-top: 0; } }
      #feedingGiants section .container .giants-data span {
        font-family: Gilroy;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 22px;
        color: #231F20;
        display: block; }
    #feedingGiants section .row {
      display: flex;
      align-items: center;
      margin: 0; }
      @media screen and (max-width: 767px) {
        #feedingGiants section .row {
          display: flex;
          align-items: flex-start; } }
    #feedingGiants section .row > .col {
      margin: 0; }

#gratitude .navbar {
  top: 0; }

#gratitude .content {
  padding: 100px 0 100px 0;
  background-image: url("/assets/images/colors-bg.png");
  background-size: cover;
  background-position: 20% 10%; }
  @media screen and (max-width: 767px) {
    #gratitude .content {
      background-position: left; }
      #gratitude .content h2 {
        font-size: 25px; } }

#gratitude .video-responsive {
  box-shadow: 0px 0px 20px -10px;
  border-radius: 6px;
  overflow: hidden;
  padding-top: 0px; }

#chicken-tinga-tacos .navbar {
  top: 0; }

#chicken-tinga-tacos .content {
  padding: 100px 0 100px 0;
  background-image: url("/assets/images/colors-bg.png");
  background-size: cover;
  background-position: 20% 10%; }
  @media screen and (max-width: 767px) {
    #chicken-tinga-tacos .content {
      background-position: left; }
      #chicken-tinga-tacos .content h2 {
        font-size: 25px; } }

#chicken-tinga-tacos .video-responsive {
  box-shadow: 0px 0px 20px -10px;
  border-radius: 6px;
  overflow: hidden;
  padding-top: 0px; }

@keyframes spin {
  100% {
    transform: rotate(360deg); } }

.InputWaitList form button {
  padding: 16px; }

.InputWaitList form .validZipcode {
  width: 100px;
  border: 2px solid #47D178;
  box-sizing: border-box;
  border-radius: 30px;
  font-size: 16px;
  padding: 14px 0px;
  font-family: 'Gilroy';
  text-align: center;
  background-color: white;
  cursor: pointer;
  background-image: url("/assets/images/check.png");
  background-size: 11px;
  background-repeat: no-repeat;
  background-position: 70px 19px; }
  .InputWaitList form .validZipcode:hover {
    border-color: #EE5744;
    background-image: url("/assets/images/red-cross.png");
    background-position: 70px 20px; }
  .InputWaitList form .validZipcode > span {
    margin-right: 15px; }
  @media screen and (max-width: 767px) {
    .InputWaitList form .validZipcode {
      width: 88px;
      font-size: 14px;
      padding: 7px 7px;
      margin: 0 auto;
      margin-bottom: 10px;
      background-position: 62px 11px; } }

.InputWaitList form .grid {
  grid-row-gap: 10px; }
  .InputWaitList form .grid.step1 {
    grid-template-columns: 3fr 3fr; }
    @media screen and (max-width: 767px) {
      .InputWaitList form .grid.step1 {
        grid-template-columns: 1fr; } }
  .InputWaitList form .grid.step2 {
    grid-template-columns: 1fr 3fr 2fr; }
    @media screen and (max-width: 767px) {
      .InputWaitList form .grid.step2 {
        grid-template-columns: 1fr; } }

.InputWaitList .inputContainer {
  transition: all 0.5s ease;
  position: relative; }
  .InputWaitList .inputContainer input {
    width: 100%;
    padding: 16px;
    border-radius: 6px; }
    .InputWaitList .inputContainer input:focus {
      border-color: #000; }
  .InputWaitList .inputContainer .loading-spin {
    width: 21px;
    position: absolute;
    right: 15px;
    top: calc(50% - 10px);
    animation: spin 1s linear infinite; }

#AsSeenAs {
  background-color: #f5f5f5;
  position: relative; }
  #AsSeenAs section {
    min-height: 250px;
    display: flex;
    align-items: center; }
  #AsSeenAs .container {
    padding: 0; }
  #AsSeenAs .testimonial-text {
    padding-bottom: 20px;
    font-style: italic;
    font-size: 20px; }
    @media screen and (max-width: 767px) {
      #AsSeenAs .testimonial-text {
        font-size: 16px;
        max-width: 85%;
        margin: 0 auto; } }
  #AsSeenAs .testimonial-content {
    max-width: 500px;
    margin: 0 auto;
    text-align: center; }
  #AsSeenAs .testimonial-logo {
    margin: 0 auto;
    height: 30px;
    display: none; }
    @media screen and (max-width: 767px) {
      #AsSeenAs .testimonial-logo {
        display: initial; } }
  #AsSeenAs .customNav {
    text-align: center;
    display: block;
    margin-top: -50px;
    position: relative; }
    @media screen and (max-width: 767px) {
      #AsSeenAs .customNav {
        display: none; } }
    #AsSeenAs .customNav .customNav-logo {
      transition: all ease 0.2s;
      margin: 0 20px;
      height: 30px;
      display: inline-block;
      cursor: pointer;
      opacity: 0.3; }
      #AsSeenAs .customNav .customNav-logo:hover {
        opacity: 0.6; }
      #AsSeenAs .customNav .customNav-logo.active {
        opacity: 1; }
  #AsSeenAs .slick-next {
    right: 25px; }
    @media screen and (max-width: 767px) {
      #AsSeenAs .slick-next {
        right: 8px; } }
    #AsSeenAs .slick-next:before {
      color: #333; }
  #AsSeenAs .slick-prev {
    left: 25px; }
    @media screen and (max-width: 767px) {
      #AsSeenAs .slick-prev {
        left: 8px; } }
    #AsSeenAs .slick-prev:before {
      color: #333; }
  #AsSeenAs .slick-dots {
    display: none !important; }
    @media screen and (max-width: 767px) {
      #AsSeenAs .slick-dots {
        display: initial !important;
        bottom: 20px; } }
    #AsSeenAs .slick-dots li {
      width: 5px;
      height: 5px; }
      #AsSeenAs .slick-dots li button:focus:before {
        color: #666; }
      #AsSeenAs .slick-dots li button:before {
        width: auto; }

.quiz {
  display: flex;
  flex-direction: column;
  padding: 15px 0;
  align-items: center;
  width: 100%;
  position: fixed;
  z-index: 9;
  bottom: 0;
  background-color: #fff;
  box-shadow: 0 0 20px -10px #000000; }
  .quiz .black_version_button {
    background: black;
    color: white; }
  .quiz__question_button {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    background: #FFFFFF;
    border: 1px solid #231F20;
    border-radius: 200px;
    padding: 12px 32px;
    cursor: pointer;
    outline: none;
    display: inline-block; }
  .quiz__container {
    text-align: center;
    color: #231F20; }
  .quiz__question {
    padding-top: 10px;
    padding-bottom: 20px; }
  .quiz__message {
    background: #F5F5F5;
    padding: 24px 15px;
    margin-bottom: 20px; }
  .quiz__questions_container {
    max-width: 580px;
    margin: 0 auto;
    padding: 0px 15px; }
  .quiz__questions_counter {
    margin: 5px 0;
    color: #999999;
    font-size: 14px; }
  .quiz__question_title {
    font-family: 'Gilroy';
    font-size: 24px;
    font-weight: 800;
    margin-top: 10px;
    margin-bottom: 30px; }
  .quiz__question_subtitle {
    font-size: 14px;
    margin-top: -20px;
    margin-bottom: 30px; }
  .quiz__options_container {
    text-align: center;
    margin-bottom: 60px; }
    @media screen and (max-width: 767px) {
      .quiz__options_container {
        text-align: left; } }
  .quiz__option_select {
    max-width: 500px;
    margin: 0 auto; }
  .quiz__option_box {
    display: contents; }
    .quiz__option_box > label {
      width: 162px;
      height: 162px;
      border: 1px solid #DDDDDD;
      box-sizing: border-box;
      border-radius: 8px;
      display: inline-table;
      margin: 8px;
      padding: 25px 30px 15px;
      text-align: center;
      font-family: Gilroy;
      font-style: normal;
      font-weight: 800;
      font-size: 14px;
      position: relative;
      overflow: hidden;
      background-color: white;
      cursor: pointer; }
      @media (max-width: 991px) {
        .quiz__option_box > label {
          width: 30%;
          margin: 1.5%;
          font-size: 12px;
          padding: 8px;
          height: 125px; } }
      .quiz__option_box > label > img {
        width: 70px;
        height: 70px;
        display: inline-block; }
        @media (max-width: 991px) {
          .quiz__option_box > label > img {
            width: 60px;
            height: 60px;
            margin-top: 5px; } }
      .quiz__option_box > label > div {
        margin-top: 10px; }
        @media (max-width: 991px) {
          .quiz__option_box > label > div {
            margin-top: 0px; } }
    .quiz__option_box.withoutImage > label {
      height: 54px;
      padding: 6px 30px 15px; }
      @media (max-width: 991px) {
        .quiz__option_box.withoutImage > label {
          padding: 17px 0px 15px; } }
    .quiz__option_box input[type='checkbox'] {
      left: -9999;
      position: absolute;
      visibility: hidden; }
      .quiz__option_box input[type='checkbox']:checked + label {
        border-color: #7AD7A7;
        box-shadow: 0px 8.84488px 8.84488px rgba(35, 31, 32, 0.04), 0px 0px 17.6898px rgba(35, 31, 32, 0.02); }
        .quiz__option_box input[type='checkbox']:checked + label:before {
          content: " ";
          width: 20px;
          height: 20px;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIhSURBVHgBjZW5SwNBFMbfRqLxgsQLNFHUQlEUtRMPkFgINirYWRjBUlD/AvUvUHvBysIqVnYGBI9OBS+wiYoHHjEBr2jQ9X3DbLIx2WQ+2N3ZmZ1fvjfz3oQojXRdd/I1zZefr6Ce0KHsGydV8cfDfIX17AqmA2v/YIv8mEE7+PFIZ2+3dPZ6Q5HYuxivdLioMs9J/WUt5LQXGtPmNU1bSAEybA6D0d8YbT0f097LBWVSl6uB+stbyWGz43WJobNxIMN8/FgFbOU6QPfRMKkIjidrvAZ0hKEbNjkGd8KZKqyuoII+f75p6+nY6FrFZuZId74wr9P63b4SrKnITb7qPtEOhE6pnuEue6GDXx/gcEgMPJ8owRDmaFWniMSYg82T6gOwFi2VUNmFWDOEirXGmkPnnAlSbQC2C+BXREyYqh0QqaEKg8IyrWDOZp6Ej/NzcmnM02vOszhM5zZgkQQgRQBeogGAkTbIJQDQpwIzRXQE4BFazcXuuH0zdMzdQw52vXa7Y+kMGyV1BeC2ABZ5yLwmBhQfZ0t2lKKUX0MyciOIqDcfD2jXVHIIF2Gjrq3UXdJIgxUdaF5ypdTZ+Bbhlwn0eEtbknYYTjPB4N6bcDePm/lwWOLHdJR3OhA6SXJq5QwwWccLbCwZKKHonDPcoRKwdshRCOE3F3t4vd2ilqWWGTZj+cuobT35lLYSDuFhUpUE++Wxbz6l/fLvwZlu3h9C032JJ+57VQAAAABJRU5ErkJggg==);
          position: absolute;
          right: 6px;
          top: 6px;
          border-radius: 50%; }
      .quiz__option_box input[type='checkbox']:disabled + label {
        color: #999999;
        cursor: unset; }
        .quiz__option_box input[type='checkbox']:disabled + label > img {
          opacity: 0.5; }
  .quiz__options_tags {
    margin-top: 20px; }
    .quiz__options_tags > span {
      border: 1px solid;
      padding: 5px 10px;
      margin-right: 10px;
      margin-bottom: 10px;
      border-radius: 5px;
      display: inline-block;
      font-size: 12px;
      font-family: 'Gilroy'; }
      .quiz__options_tags > span > button {
        background: none;
        border: none;
        cursor: pointer;
        position: relative;
        top: -1px;
        right: -5px;
        outline: none; }
  @media (max-width: 720px) {
    .quiz {
      background: #ffffff;
      box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.04), 0px -8px 16px rgba(0, 0, 0, 0.06);
      border-radius: 20px 20px 0px 0px;
      padding: 16px 20px 40px; } }
  @media (max-width: 720px) {
    .quiz button {
      min-width: 100%; } }
  .quiz span {
    margin: 20px 0;
    text-decoration: underline;
    font-size: 14px;
    cursor: pointer; }

.signup__footer_container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 15px 0;
  align-items: center;
  width: 100%;
  position: fixed;
  z-index: 9;
  bottom: 0;
  background-color: #fff;
  box-shadow: 0 0 20px -10px #000000; }
  @media (max-width: 720px) {
    .signup__footer_container {
      background: #ffffff;
      box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.04), 0px -8px 16px rgba(0, 0, 0, 0.06);
      border-radius: 20px 20px 0px 0px;
      padding: 16px 20px 40px; } }
  @media screen and (max-width: 767px) {
    .signup__footer_container button {
      min-width: 50%;
      font-size: 14px;
      padding: 14px 15px; } }
  .signup__footer_container span {
    margin: 20px 0;
    text-decoration: underline;
    font-size: 14px;
    cursor: pointer; }
  .signup__footer_container .quiz__question_footer_buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 30%; }
    @media screen and (max-width: 767px) {
      .signup__footer_container .quiz__question_footer_buttons {
        width: 100%; } }

.ourPlans {
  display: flex;
  flex: 1;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 0 0 80px 0 !important; }
  @media screen and (max-width: 767px) {
    .ourPlans {
      padding: 0 10px 60px 10px !important; } }
  .ourPlans .containerPlans {
    display: flex;
    width: 100%;
    min-height: 344px;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    max-width: 1300px; }
    @media screen and (max-width: 767px) {
      .ourPlans .containerPlans {
        flex-direction: column; } }
    .ourPlans .containerPlans .planItem {
      display: flex;
      width: 19%;
      min-height: 324px;
      flex-direction: row;
      flex-wrap: wrap;
      background-color: white;
      cursor: pointer;
      border-width: 1px;
      border-style: solid;
      border-color: #dddddd;
      border-image: initial;
      transition: max-height 0.3s ease-out 0s;
      border-radius: 8px;
      overflow: hidden; }
      @media screen and (max-width: 767px) {
        .ourPlans .containerPlans .planItem {
          flex-direction: row;
          max-height: 100px;
          width: 100%;
          min-height: 100px;
          margin-bottom: 20px; } }
      .ourPlans .containerPlans .planItem .planHeader {
        width: 100%; }
        @media screen and (max-width: 767px) {
          .ourPlans .containerPlans .planItem .planHeader {
            width: 100px; } }
      .ourPlans .containerPlans .planItem .planData {
        display: flex;
        width: 100%;
        justify-content: center;
        flex-direction: column;
        -webkit-box-pack: center;
        align-items: center;
        text-align: center;
        padding: 14px; }
        @media screen and (max-width: 767px) {
          .ourPlans .containerPlans .planItem .planData {
            width: 220px;
            padding: 20px 2px 20px 16px;
            align-items: flex-start; } }
      .ourPlans .containerPlans .planItem .planDays {
        display: flex;
        flex-direction: column; }
        @media screen and (max-width: 767px) {
          .ourPlans .containerPlans .planItem .planDays {
            flex-direction: row;
            align-items: center; } }
      .ourPlans .containerPlans .planItem .planDays .planTitle {
        font-family: Gilroy;
        font-style: normal;
        font-weight: 800;
        font-size: 48px;
        line-height: 60px;
        text-align: center;
        color: #231f20; }
        @media screen and (max-width: 767px) {
          .ourPlans .containerPlans .planItem .planDays .planTitle {
            line-height: 0;
            font-size: 28px; } }
      .ourPlans .containerPlans .planItem .planDays .planSubtitle {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 22px;
        text-align: center;
        color: #231f20;
        margin: 0px auto; }
        @media screen and (max-width: 767px) {
          .ourPlans .containerPlans .planItem .planDays .planSubtitle {
            margin: 0px 0px 0px 12px; } }
      .ourPlans .containerPlans .planItem .planPrice {
        display: flex;
        flex-direction: row;
        margin-top: 29px;
        -webkit-box-pack: center;
        justify-content: center; }
        @media screen and (max-width: 767px) {
          .ourPlans .containerPlans .planItem .planPrice {
            margin-top: 7px; } }
      .ourPlans .containerPlans .planItem .planPrice .price-meal {
        font-family: Gilroy;
        font-style: normal;
        font-weight: 800;
        font-size: 20px;
        line-height: 24px;
        color: #231f20; }
      .ourPlans .containerPlans .planItem .planPrice .price-meal-txt {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 24px;
        color: #999999;
        margin-left: 4px; }
      .ourPlans .containerPlans .planItem .planPrice .price-dot {
        font-family: Gilroy;
        font-style: normal;
        font-weight: 800;
        font-size: 14px;
        line-height: 24px;
        color: #231f20;
        margin: 0px 10px; }
      .ourPlans .containerPlans .planItem .planPrice .price-weekly {
        font-family: Gilroy;
        font-style: normal;
        font-weight: 800;
        font-size: 14px;
        line-height: 24px;
        color: #231f20; }
    .ourPlans .containerPlans .planItemSelected {
      box-shadow: rgba(0, 0, 0, 0.04) 0 0 32px, rgba(0, 0, 0, 0.06) 0 -8px 16px;
      border-width: 2px;
      border-style: solid;
      border-color: #231f20; }
    .ourPlans .containerPlans .planHeader img {
      width: 100%;
      height: 180px;
      object-fit: cover;
      border-radius: 8px 8px 0 0; }
      @media (max-width: 991px) {
        .ourPlans .containerPlans .planHeader img {
          width: 100px;
          height: 100px;
          object-fit: cover; } }

.navbar_zip {
  width: 100%;
  padding: 35px 0px 0px;
  box-sizing: border-box;
  position: absolute;
  z-index: 1; }
  @media screen and (max-width: 767px) {
    .navbar_zip {
      background-color: #ffffff;
      padding: 14px 0 18px; } }
  .navbar_zip img.brand {
    width: 150px;
    height: 27px; }
    @media screen and (max-width: 767px) {
      .navbar_zip img.brand {
        position: relative;
        left: -15px; } }
  .navbar_zip img.brand-desktop {
    display: block; }
    @media screen and (max-width: 767px) {
      .navbar_zip img.brand-desktop {
        display: none; } }
  .navbar_zip img.brand-mobile {
    display: none; }
    @media screen and (max-width: 767px) {
      .navbar_zip img.brand-mobile {
        display: block; } }
  .navbar_zip .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .navbar_zip .container {
        flex-direction: column; } }
    .navbar_zip .container .row-mobile {
      display: flex;
      width: 100%; }
    @media screen and (max-width: 767px) {
      .navbar_zip .container a {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center; } }
    .navbar_zip .container a.btn {
      border: 1px solid;
      border-radius: 50px;
      padding: 5px 15px; }
      @media screen and (max-width: 767px) {
        .navbar_zip .container a.btn {
          position: relative;
          top: -5px; } }
    .navbar_zip .container .menu-icon {
      display: none; }
      @media screen and (max-width: 767px) {
        .navbar_zip .container .menu-icon {
          display: block;
          width: 24px; } }
    @media screen and (max-width: 767px) {
      .navbar_zip .container .close-navbar {
        display: none; } }
    .navbar_zip .container .ul-navbar {
      list-style: none;
      margin: 0;
      width: 100%; }
      @media screen and (max-width: 767px) {
        .navbar_zip .container .ul-navbar {
          position: relative;
          top: 13px; } }
      .navbar_zip .container .ul-navbar ul {
        list-style: none;
        text-align: right;
        display: flex; }
        .navbar_zip .container .ul-navbar ul li a {
          font-family: 'Gilroy';
          font-size: 14px;
          line-height: 20px;
          color: #231F20;
          margin: 0 15px;
          text-decoration: none; }
      .navbar_zip .container .ul-navbar .aRight {
        display: flex;
        justify-content: flex-end;
        margin: 0;
        height: 100%; }
      .navbar_zip .container .ul-navbar .col-md-3 {
        width: 100%;
        padding: 0;
        display: flex;
        justify-content: flex-end; }
        @media screen and (max-width: 767px) {
          .navbar_zip .container .ul-navbar .col-md-3 {
            justify-content: center; } }
      .navbar_zip .container .ul-navbar .grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        display: flex;
        justify-content: flex-end; }
        .navbar_zip .container .ul-navbar .grid input {
          margin-right: 10px; }

#howItWorks section {
  width: 100%; }

#howItWorks .span-bold {
  font-weight: 900;
  font-family: 'Roboto'; }

#howItWorks .container {
  max-width: 1100px;
  margin: 0 auto; }

#howItWorks .container-padding {
  padding-top: 140px; }

#howItWorks .container-final {
  margin-bottom: 140px;
  align-items: flex-start; }

#howItWorks .col-50 {
  width: 540px;
  text-align: left; }

#howItWorks .p-pack {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 60px;
  font-family: 'Roboto'; }

#howItWorks .col-right {
  width: 445px; }

#howItWorks .button {
  font-family: 'Gilroy';
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
  padding: 9px 20px;
  border: 0;
  border-radius: 100px;
  cursor: pointer;
  background: #221F1F;
  border: 1px solid #221F1F;
  box-sizing: border-box;
  width: 214px;
  display: flex;
  justify-content: center;
  height: 48px;
  margin-top: 60px; }

#howItWorks .button-seven {
  width: 318px; }

#howItWorks .button img {
  margin-left: 20px;
  width: 16px;
  height: 14px; }

#howItWorks h1,
#howItWorks h2,
#howItWorks h3,
#howItWorks h4,
#howItWorks h6 {
  font-family: 'Gilroy';
  text-transform: none;
  color: #231F20;
  letter-spacing: -0.5px; }
  #howItWorks h1 span,
  #howItWorks h2 span,
  #howItWorks h3 span,
  #howItWorks h4 span,
  #howItWorks h6 span {
    font-family: 'Gilroy'; }

#howItWorks h2 {
  font-size: 36px;
  line-height: 42px; }

#howItWorks h3 {
  font-size: 72px;
  line-height: 72px;
  margin-bottom: 32px;
  margin: 0; }

#howItWorks h4 {
  font-size: 36px;
  line-height: 42px; }

#howItWorks h6 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.5px;
  margin: 0 auto; }

#howItWorks .green {
  color: #7AD2A2; }

#howItWorks .blue {
  color: #59c6e7; }

#howItWorks .pink {
  color: pink; }

#howItWorks .yellow {
  color: #FFE06C; }

#howItWorks .row-hiw {
  display: flex;
  flex-direction: row; }

#howItWorks .col-hiw {
  display: flex;
  flex-direction: column; }
  #howItWorks .col-hiw .tag {
    margin: 0 auto; }

#howItWorks .row-hiw-row {
  display: flex;
  flex-direction: row; }

#howItWorks .col-100 {
  width: 1100px;
  margin: 0 auto; }

#howItWorks img.screen-img {
  height: 405px; }

#howItWorks .space-row {
  justify-content: space-between; }

#howItWorks .p-description {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: .2px;
  color: #231F20; }

#howItWorks .tag {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #767676;
  margin: 0 0 16px; }

#howItWorks .p-title {
  font-family: 'Gilroy';
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -0.5px;
  color: #231F20; }

#howItWorks .h3-plate {
  font-size: 48px;
  margin: 16px auto 60px;
  text-align: center; }

#howItWorks .icon-sms {
  width: 20px;
  height: 20px;
  margin-right: 12px; }

#howItWorks .h3-seven {
  width: 590px; }

#howItWorks #hiw-header {
  padding-top: 140px;
  padding-bottom: 60px;
  margin: 0 auto;
  text-align: center;
  background: #FFFFFF; }
  #howItWorks #hiw-header h1 {
    margin-bottom: 100px;
    font-size: 72px;
    line-height: 34px; }
  #howItWorks #hiw-header .reinata {
    font-family: 'Reinata';
    font-size: 256px;
    position: relative;
    line-height: 0;
    font-weight: lighter; }
  #howItWorks #hiw-header p {
    display: block;
    width: 445px;
    font-family: 'Roboto';
    font-style: normal;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .2px;
    color: #231F20; }
  #howItWorks #hiw-header img {
    width: 500px;
    height: 501px;
    box-sizing: border-box;
    margin-top: -90px; }
  #howItWorks #hiw-header .col-100 {
    display: block; }
    #howItWorks #hiw-header .col-100 a {
      margin: 20px auto 0;
      background: #231F20;
      border-radius: 200px;
      width: 48px;
      height: 48px;
      display: flex;
      justify-content: center;
      align-items: center; }
      #howItWorks #hiw-header .col-100 a img {
        width: 16px;
        height: 14px;
        margin: 0; }

#howItWorks .carrousel-nav {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center; }

#howItWorks .heart-icon {
  width: 85px;
  height: 87px;
  margin-right: 10px; }

#howItWorks .star-icon {
  width: 65px;
  height: 61px;
  margin: 0 15px; }

#howItWorks .p-carrousel {
  font-family: 'Gilroy';
  font-size: 16px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #767676;
  margin-right: 40px;
  padding-bottom: 19px;
  cursor: pointer; }

#howItWorks .selected {
  font-family: 'Gilroy';
  font-size: 16px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #231F20;
  box-shadow: 0 4px 0 #231F20; }

#howItWorks .slider-container {
  width: 1100px;
  margin: 0 auto; }

#howItWorks .slick-arrow {
  background: #FFFFFF;
  border-radius: 200px;
  padding: 12px;
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.04), 0 8px 16px rgba(0, 0, 0, 0.06);
  display: block;
  position: absolute;
  z-index: 999;
  top: 50%;
  cursor: pointer; }

#howItWorks .slick-disabled {
  display: none !important; }

#howItWorks .slick-next {
  right: -15px; }

#howItWorks .slick-prev {
  left: -15px; }

#howItWorks .slick-list {
  height: 380px;
  padding: 40px 16px;
  box-sizing: border-box; }

#howItWorks .card-meals {
  min-width: 255px;
  max-width: 255px;
  height: 298px;
  background: #FFFFFF;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 0 32px rgba(0, 0, 0, 0.04);
  border-radius: 12px;
  margin: 0 8px; }
  #howItWorks .card-meals .img-meal {
    height: 190px;
    width: 100%;
    border-radius: 12px 12px 0 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center; }
  #howItWorks .card-meals .tag-color {
    max-width: 74px;
    height: 24px;
    background-color: #7AD7A7;
    border-radius: 4px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    font-size: 11px;
    line-height: 12px;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 6px 8px;
    box-sizing: border-box;
    margin-right: 6px;
    color: #ffffff; }
  #howItWorks .card-meals .p-cal {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04)), #FFFFFF;
    border-radius: 4px;
    font-family: 'Lato';
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 12px;
    padding: 6px 8px;
    box-sizing: border-box;
    width: 51px;
    height: 24px; }
  #howItWorks .card-meals .title-meal {
    font-family: 'Gilroy';
    font-size: 16px;
    line-height: 20px;
    color: #231F20;
    margin-top: 10px; }

#howItWorks #farm {
  background-image: url("/assets/images/how-it-works/farm-hiw.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: initial;
  padding-top: 120px;
  padding-bottom: 134px;
  width: 100%; }
  #howItWorks #farm .farms-icon {
    display: block;
    width: 546px;
    height: 100px;
    margin-top: 60px; }
  #howItWorks #farm .farms-icon-mobile {
    display: none; }

#howItWorks .section-farms img.desktop-farms {
  display: block;
  margin: 0 auto;
  padding: 32px 0;
  width: 913px;
  box-sizing: border-box; }

#howItWorks .section-farms img.mobile-farms {
  display: none; }

#howItWorks #real-chef {
  background: #F5F5F5;
  padding: 120px 0; }
  #howItWorks #real-chef .col-50 {
    height: 344px;
    box-sizing: border-box; }
  #howItWorks #real-chef .col-right p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .2px;
    color: #231F20;
    margin: 24px 0 60px; }

#howItWorks section.steps {
  background: #FFFFFF;
  padding: 140px 0 0; }
  #howItWorks section.steps .col-50.phone-mobile {
    display: none; }
  #howItWorks section.steps .col-100.phone.desktop,
  #howItWorks section.steps .col-50.phone-desktop {
    display: block; }
  #howItWorks section.steps .phone-des {
    height: 780px; }
  #howItWorks section.steps .pack-des {
    height: 523px; }
  #howItWorks section.steps .auto-des {
    height: 452px; }
  #howItWorks section.steps .step-number {
    font-family: 'Gilroy';
    font-size: 160px;
    line-height: 72px;
    display: flex;
    align-items: center;
    letter-spacing: -0.5px;
    color: #F5F5F5;
    width: 1100px;
    margin: 0 auto 40px;
    height: 160px;
    box-sizing: border-box; }
  #howItWorks section.steps .col-100 .col-right .h3-blue {
    width: 620px; }
  #howItWorks section.steps .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    #howItWorks section.steps .container .col-right .row-hiw-row {
      margin-top: 42px; }
    #howItWorks section.steps .container .col-50 .p-title {
      margin-bottom: 24px;
      margin-top: 12px; }
    #howItWorks section.steps .container .col-50 .p-description {
      margin-bottom: 68px; }
    #howItWorks section.steps .container .col-50 .row-hiw-row {
      margin-top: 42px; }
  #howItWorks section.steps .container .col-50 .row-hiw .row-hiw .p-title {
    margin-bottom: 24px;
    margin-top: 12px; }
  #howItWorks section.steps .container .col-100 .row-hiw .row-hiw p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: .2px;
    color: #231F20;
    width: 320px; }
  #howItWorks section.steps .container .col-right .check-label {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .2px;
    color: #231F20;
    margin-bottom: 61px; }
  #howItWorks section.steps .container .col-right .p-recommend {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 28px;
    display: flex;
    align-items: center;
    letter-spacing: .2px;
    color: #231F20;
    margin-left: 25px; }
  #howItWorks section.steps .container .col-right .p-title {
    margin: 0 0 24px; }
  #howItWorks section.steps .container .col-right .p-personalized {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5; }
  #howItWorks section.steps .col-100 .row-hiw .tiny-phone {
    width: 133px;
    height: 152px;
    margin-bottom: 40px;
    background-image: url("/assets/images/how-it-works/sms.gif");
    background-repeat: no-repeat;
    background-size: 289px;
    background-position: center; }
  #howItWorks section.steps .col-100 .row-hiw .row-hiw-row p {
    width: 320px;
    margin: 0 30px 0 0;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .2px;
    color: #231F20; }

#howItWorks #cards {
  background: #F5F5F5;
  padding: 80px 0; }
  #howItWorks #cards .white-box {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 12px;
    width: 350px;
    padding: 24px 32px;
    box-sizing: border-box; }
    #howItWorks #cards .white-box img {
      width: 60px;
      height: 60px;
      margin-bottom: 16px; }
    #howItWorks #cards .white-box .p-card {
      font-family: 'Gilroy';
      font-size: 24px;
      line-height: 36px;
      letter-spacing: -0.5px;
      color: #231F20;
      margin-bottom: 32px; }

@media screen and (max-width: 780px) {
  #howItWorks img.screen-img {
    height: unset; }
  #howItWorks section {
    width: 100%; }
  #howItWorks .slider-container {
    width: 100%; }
  #howItWorks .slick-list {
    padding: 40px !important; }
  #howItWorks .p-carrousel {
    margin-right: 10px; }
  #howItWorks .container-padding {
    padding-top: 100px;
    width: 100%;
    box-sizing: border-box; }
  #howItWorks .tag {
    margin-top: 0; }
  #howItWorks #hiw-header {
    padding: 60px 0;
    width: 100%;
    box-sizing: border-box; }
    #howItWorks #hiw-header h1 {
      font-size: 42px;
      line-height: 16px;
      position: relative;
      z-index: 3;
      margin-bottom: 0; }
    #howItWorks #hiw-header img {
      margin: -4px auto;
      width: 322px;
      height: 322px; }
    #howItWorks #hiw-header .reinata {
      font-size: 170px;
      position: relative;
      line-height: 0;
      font-weight: lighter; }
    #howItWorks #hiw-header p {
      display: none; }
    #howItWorks #hiw-header .col-100 {
      display: none; }
  #howItWorks #real-chef {
    padding: 60px 20px 0;
    box-sizing: border-box;
    width: 100%; }
    #howItWorks #real-chef .col-50 {
      height: unset;
      margin-bottom: 40px;
      box-sizing: border-box; }
  #howItWorks .screen-mobile {
    margin: 100px 0 60px; }
  #howItWorks .padding-img {
    margin-top: 60px; }
  #howItWorks #cards {
    background: #F5F5F5;
    padding: 60px 20px;
    margin-top: 60px;
    box-sizing: border-box;
    width: 100%; }
    #howItWorks #cards .white-box {
      width: 100%;
      margin-bottom: 30px; }
  #howItWorks .section-farms.col-100 {
    width: 100%;
    padding: 34px 70px 32px 40px;
    box-sizing: border-box; }
  #howItWorks .section-farms img.desktop-farms {
    display: none; }
  #howItWorks .section-farms img.mobile-farms {
    display: block;
    margin: 60px auto;
    box-sizing: border-box;
    width: 285px; }
  #howItWorks .row-hiw-row {
    align-items: initial;
    margin-bottom: 24px; }
  #howItWorks .button {
    margin-bottom: 60px; }
  #howItWorks .p-title {
    margin-bottom: 40px; }
  #howItWorks h3 {
    font-size: 36px;
    line-height: 44px; }
  #howItWorks img.col-50 {
    margin-top: 60px; }
  #howItWorks section.steps {
    padding: 100px 20px 0;
    box-sizing: border-box;
    width: 100%; }
    #howItWorks section.steps .col-100 .col-right .h3-blue {
      width: 100%; }
    #howItWorks section.steps .mobile-hiw-steps {
      margin: 20px auto;
      box-sizing: border-box;
      width: 252px; }
    #howItWorks section.steps .col-50.phone-mobile {
      display: block;
      margin-top: 60px; }
    #howItWorks section.steps .col-100.phone-desktop,
    #howItWorks section.steps .col-50.phone-desktop {
      display: none; }
    #howItWorks section.steps .auto-des,
    #howItWorks section.steps .pack-des,
    #howItWorks section.steps .phone-des {
      height: unset; }
    #howItWorks section.steps .col-100 .row-hiw .tiny-phone {
      margin-bottom: 32px; }
    #howItWorks section.steps .col-100 .row-hiw .row-hiw-row p {
      width: 100%;
      margin-right: 0; }
    #howItWorks section.steps .step-number {
      font-size: 80px;
      line-height: 80px;
      width: 100%;
      height: 80px;
      margin: 0 auto 40px; }
    #howItWorks section.steps .container {
      flex-direction: column;
      justify-content: center;
      padding: 0; }
    #howItWorks section.steps .col-50 h3 {
      font-size: 36px;
      line-height: 44px; }
    #howItWorks section.steps .col-50 .row-hiw-row div .p-title {
      margin-bottom: 24px; }
  #howItWorks .carrousel-nav {
    justify-content: flex-start; }
  #howItWorks .col-100-row {
    justify-content: center;
    flex-direction: column; }
  #howItWorks .row-hiw {
    flex-direction: column; }
  #howItWorks .column-reverse {
    flex-direction: column-reverse; }
  #howItWorks section .container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box; }
  #howItWorks .col-100 .col-right .h3-blue {
    width: 100%; }
  #howItWorks .button-seven,
  #howItWorks .col-100,
  #howItWorks .col-50,
  #howItWorks .col-right,
  #howItWorks .h3-blue,
  #howItWorks .h3-seven {
    width: 100%; }
  #howItWorks .button {
    width: 100%;
    padding-right: 28px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end; }
    #howItWorks .button img {
      margin-left: 81px; }
  #howItWorks #farm {
    background-image: url("/assets/images/how-it-works/farm-hiw-mobile.jpg");
    padding: 60px 0; }
    #howItWorks #farm .farms-icon {
      display: none; }
    #howItWorks #farm .farms-icon-mobile {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-top: 60px;
      display: flex;
      justify-content: center;
      flex-direction: column; }
      #howItWorks #farm .farms-icon-mobile img {
        width: 300px;
        height: 100px;
        margin: 0 auto; } }

#home .hero {
  position: relative;
  background-image: url("/assets/images/hero-home.jpg");
  background-position: right; }
  @media screen and (max-width: 767px) {
    #home .hero {
      background-image: url("/assets/images/hero-home-mobile.jpg");
      background-position: center 50px; } }
  #home .hero:after {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    background: transparent;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    top: 0; }
  #home .hero .container {
    z-index: 1;
    position: relative; }

#policy .container-policy {
  max-width: 1230px;
  padding: 20px;
  margin: 0 auto 30px; }
  #policy .container-policy .row-text {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between; }
  #policy .container-policy .col-50 {
    width: 540px; }
  #policy .container-policy a {
    text-decoration: none;
    color: #231F20; }
  #policy .container-policy h1 {
    font-family: 'Gilroy';
    font-size: 72px;
    line-height: 72px;
    letter-spacing: -2px;
    text-transform: none;
    text-align: left;
    margin: 100px 0 50px; }
    #policy .container-policy h1 span {
      color: #7AD7A7;
      font-family: 'Gilroy'; }
  #policy .container-policy h4 {
    font-family: 'Gilroy';
    font-size: 36px;
    line-height: 42px;
    letter-spacing: -0.5px;
    color: #231F20;
    margin: 50px 0 20px;
    text-transform: none; }
    #policy .container-policy h4 span {
      color: #7AD7A7;
      font-family: 'Gilroy'; }
  #policy .container-policy p {
    font-family: 'Roboto';
    font-style: normal;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .2px;
    color: #231F20;
    margin: 12px 0; }
    #policy .container-policy p span {
      font-weight: 900; }

@media screen and (max-width: 780px) {
  #policy .container-policy {
    text-align: left;
    padding: 50px 20px;
    width: 100%;
    margin: 0;
    box-sizing: border-box; }
    #policy .container-policy h1 {
      font-size: 60px;
      line-height: 60px;
      letter-spacing: -2px;
      text-align: left;
      margin-top: 0; }
    #policy .container-policy h4 {
      margin: 25px 0 20px; }
    #policy .container-policy .row-text {
      display: flex;
      flex-direction: column; }
    #policy .container-policy .col-50 {
      width: 100%; } }

#recycle section.header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 35px 70px 0px 85px;
  align-items: center;
  position: absolute;
  z-index: 1;
  box-sizing: border-box; }

@media (max-width: 720px) {
  #recycle section.header {
    display: block;
    text-align: center;
    position: relative;
    padding: 12px; } }

#recycle .logo {
  margin: 0px; }

@media (max-width: 720px) {
  #recycle .logo {
    margin: 0 auto; } }

#recycle .menu-mobile {
  display: flex; }

@media (max-width: 720px) {
  #recycle .menu-mobile {
    display: flex;
    width: 24px; } }

#recycle #hero .navbar {
  padding: 35px 70px 0px 85px; }
  @media screen and (max-width: 767px) {
    #recycle #hero .navbar {
      padding: 12px 0px 12px 0px; } }

#recycle .container-hero {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/assets/images/recycle/header.jpg");
  height: 550px;
  padding-left: 85px; }

@media (max-width: 720px) {
  #recycle .container-hero {
    background-image: url("/assets/images/recycle/header-mobile.jpg");
    height: 375px;
    padding-left: 20px; } }

#recycle .buttons {
  display: flex;
  flex-direction: row; }

@media (max-width: 720px) {
  #recycle .buttons {
    display: none; } }

#recycle .button a {
  font-family: 'Gilroy';
  font-size: 14px;
  line-height: 20px;
  color: #231F20; }

#recycle .button :first-child {
  margin-right: 30px; }

#recycle .text-header {
  width: 640px;
  padding-top: 167px;
  padding-left: 48px; }

#recycle h1 {
  font-family: 'Gilroy';
  font-size: 72px;
  line-height: 72px;
  letter-spacing: -0.5px;
  color: #231F20; }

@media (max-width: 720px) {
  #recycle h1 {
    font-size: 42px;
    line-height: 42px; } }

@media (max-width: 720px) {
  #recycle .text-header {
    width: 100%;
    padding-top: 153px;
    padding-left: 0; } }

#recycle .span-green {
  color: #7AD7A7;
  font-family: 'Gilroy'; }

#recycle #content {
  padding: 150px 0px 140px 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: 'Roboto'; }

@media (max-width: 720px) {
  #recycle #content {
    padding: 100px 20px 50px 20px; } }

#recycle .description {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 1110px;
  margin: 0 auto; }

@media (max-width: 720px) {
  #recycle .description {
    flex-direction: column;
    width: 100%; } }

#recycle .description-text {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.2px;
  color: #231F20;
  width: 445px;
  font-family: 'Roboto'; }

@media (max-width: 720px) {
  #recycle .description-text {
    width: 100%;
    margin-top: 30px; } }

#recycle h3 {
  font-family: 'Gilroy';
  font-size: 36px;
  line-height: 1.2em;
  letter-spacing: -0.5px;
  color: #231F20;
  width: 350px;
  margin-bottom: 0px;
  margin-top: 0px; }

@media (max-width: 720px) {
  #recycle h3 {
    width: 100%;
    margin: 0px; } }

#recycle .h3-last {
  width: 445px;
  margin-bottom: 50px; }

@media (max-width: 720px) {
  #recycle .h3-last {
    display: none; } }

#recycle .h3-last-mobile {
  display: none; }

@media (max-width: 720px) {
  #recycle .h3-last-mobile {
    display: block;
    width: 100%;
    margin-bottom: 30px; } }

#recycle .span-pink {
  color: #fa9cad;
  font-family: 'Gilroy'; }

#recycle .question-image-container {
  margin-top: 150px; }

@media (max-width: 720px) {
  #recycle .question-image-container {
    margin-top: 100px; } }

#recycle .question-text {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  font-family: 'Roboto'; }

@media (max-width: 720px) {
  #recycle .question-text {
    flex-direction: column; } }

#recycle .principal {
  margin-top: 150px; }

@media (max-width: 720px) {
  #recycle .question-text {
    margin-top: 0px; } }

#recycle h4 {
  font-family: 'Gilroy';
  font-size: 36px;
  line-height: 42px;
  letter-spacing: -0.5px;
  color: #231F20;
  margin: 0; }

#recycle .questions {
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.2px;
  color: #231F20;
  width: 445px;
  font-family: 'Roboto';
  margin: 0 0 50px; }

@media (max-width: 720px) {
  #recycle .questions {
    width: 100%; } }

#recycle .answer {
  font-family: 'Roboto';
  margin: 0; }

#recycle .question {
  font-weight: 900;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: 'Roboto';
  font-style: bold; }

#recycle .question-image {
  width: 445px;
  margin-bottom: 50px; }

@media (max-width: 720px) {
  #recycle .question-image {
    width: 100%; } }

#recycle .btn {
  font-weight: bold;
  padding: 3px 10px;
  margin: 0 5px;
  font-size: 14px;
  border: none; }

#recycle .last {
  margin-top: 128px; }

@media (max-width: 720px) {
  #recycle .last {
    margin-top: 0px; } }

#recycle .column-container {
  width: 445px;
  margin: 0px 110px;
  box-sizing: border-box; }

@media (max-width: 720px) {
  #recycle .column-container {
    width: 100%;
    margin: 0px; } }

#recycle .reverse {
  display: flex;
  flex-direction: column; }

@media (max-width: 720px) {
  #recycle .reverse {
    display: flex;
    flex-direction: column-reverse; } }

#recycle .container-links {
  padding: 150px 85px 140px 85px;
  border: 1px solid rgba(35, 31, 32, 0.1); }

@media (max-width: 720px) {
  #recycle .container-links {
    padding: 99px 20px 0px 20px; } }

#recycle .links {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 55px; }

#recycle .link {
  text-decoration: underline;
  line-height: 34px;
  display: block; }

#recycle .links-first {
  margin-right: 30px; }

#recycle #subscribe {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 100px 0px; }
  #recycle #subscribe h4 {
    margin: 0; }

#recycle .container-subscribe {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 50px auto 0 auto; }

@media (max-width: 720px) {
  #recycle .container-subscribe {
    flex-direction: column;
    margin: 50px 0 0 0;
    padding: 0 20px; } }

#recycle .input {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  display: flex;
  align-items: center;
  letter-spacing: 0.2px;
  color: #999999;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  border-radius: 24px;
  padding: 0px 20.57px;
  width: 360px;
  margin-right: 20px;
  height: 48px; }

@media (max-width: 720px) {
  #recycle .input {
    width: 100%;
    margin-bottom: 15px; } }

#recycle .button-subscribe {
  border-width: 0;
  font-family: 'Gilroy';
  font-size: 16px;
  line-height: 28px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: #FFFFFF;
  background: #231F20;
  border-radius: 24px;
  width: 160px;
  height: 48px; }

@media (max-width: 720px) {
  #recycle .button-subscribe {
    width: 100%; } }

#recycle .center {
  align-items: center; }

#recycle a {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.2px;
  color: #231F20; }

#recycle .margin-question {
  margin-bottom: 15px;
  margin-top: 0px;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.2px; }

#recycle .response-msg {
  font-size: 18px;
  color: #7ad7a7;
  padding: 10px 30px;
  margin: 0 auto;
  margin-top: 20px;
  min-width: 49%;
  font-weight: bolder;
  display: none;
  text-align: center; }

.hero {
  background-image: url("/assets/images/meals-and-packs.jpg"); }
  @media screen and (max-width: 767px) {
    .hero {
      background-image: url("/assets/images/meals-and-packs-mobile.jpg"); } }

@media screen and (max-width: 767px) {
  #smscampaign .zipbar h2 {
    font-size: 20px; } }

#smscampaign .hero {
  position: relative;
  background-image: url("/assets/images/hero-home.jpg");
  background-position: center; }
  @media screen and (max-width: 767px) {
    #smscampaign .hero {
      background-image: url("/assets/images/hero-home-mobile.jpg");
      background-position: center 50px;
      min-height: 400px; } }
  #smscampaign .hero:after {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    background: transparent;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    top: 0; }
  #smscampaign .hero .container {
    z-index: 1;
    position: relative; }

#terms .container-terms {
  max-width: 1230px;
  width: 100%;
  padding: 20px;
  margin: 0 auto 30px; }
  #terms .container-terms .row-text {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between; }
  #terms .container-terms .col-50 {
    width: 540px; }
  #terms .container-terms a {
    text-decoration: none;
    color: #231F20; }
  #terms .container-terms h1 {
    font-family: 'Gilroy';
    font-size: 72px;
    line-height: 72px;
    letter-spacing: -2px;
    text-transform: none;
    text-align: left;
    margin-top: 100px; }
    #terms .container-terms h1 span {
      color: #7AD7A7;
      font-family: 'Gilroy'; }
  #terms .container-terms h4 {
    font-family: 'Gilroy';
    font-size: 36px;
    line-height: 42px;
    letter-spacing: -0.5px;
    color: #231F20;
    margin: 50px 0 20px;
    text-transform: none; }
    #terms .container-terms h4 span {
      color: #7AD7A7;
      font-family: 'Gilroy'; }
  #terms .container-terms h3 {
    margin: 72px auto 99px;
    font-weight: bold;
    text-align: center;
    font-family: 'Gilroy';
    font-size: 36px;
    line-height: 42px;
    text-align: center;
    letter-spacing: -0.5px;
    color: #999999;
    padding: 29px 0;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    text-transform: none; }
  #terms .container-terms p {
    font-family: 'Roboto';
    font-style: normal;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: .2px;
    color: #231F20;
    margin: 12px 0; }
    #terms .container-terms p span {
      font-weight: 900; }

@media screen and (max-width: 900px) {
  #terms .container-terms {
    text-align: left;
    padding: 50px 20px;
    width: 100%;
    margin: 0;
    box-sizing: border-box; }
    #terms .container-terms h1 {
      font-size: 60px;
      line-height: 60px;
      letter-spacing: -2px;
      text-align: left;
      margin-top: 0; }
    #terms .container-terms h3 {
      font-size: 36px;
      line-height: 42px;
      letter-spacing: -0.5px;
      text-align: left;
      margin: 49px auto; }
    #terms .container-terms .row-text {
      display: flex;
      flex-direction: column; }
    #terms .container-terms .col-50 {
      width: 100%; } }

#celebChefs section {
  padding: 110px 0 0; }
  @media screen and (max-width: 767px) {
    #celebChefs section {
      padding: 56px 0 0; } }

@keyframes fadeIn {
  from {
    visibility: visible;
    opacity: 0; }
  to {
    visibility: visible;
    opacity: 1; } }

@keyframes fadeInUp {
  from {
    visibility: visible;
    opacity: 0;
    top: 20px; }
  to {
    visibility: visible;
    opacity: 1;
    top: 0; } }

#celebChefs .navbar {
  background: #ffffff;
  border: 1px solid #DDDDDD; }

#celebChefs h1, #celebChefs h2 {
  margin-top: 0; }

#celebChefs h2 {
  margin-bottom: 48px; }
  @media screen and (max-width: 767px) {
    #celebChefs h2 {
      margin-bottom: 24px; } }

#celebChefs h1 span, #celebChefs h2 span, #celebChefs h3 span {
  color: #7be0a7; }

#celebChefs #chefs-hero {
  text-align: center;
  position: relative;
  background-size: 100%;
  width: 100%;
  padding-top: 50px;
  max-height: 600px; }
  @media (min-width: 1600px) {
    #celebChefs #chefs-hero {
      max-height: none; } }
  @media screen and (max-width: 767px) {
    #celebChefs #chefs-hero {
      background-image: none;
      display: block;
      height: auto;
      max-height: none; } }
  #celebChefs #chefs-hero img.heroBgDesktop {
    width: 100%; }
    @media screen and (max-width: 767px) {
      #celebChefs #chefs-hero img.heroBgDesktop {
        display: none; } }
  #celebChefs #chefs-hero img.heroBgMobile {
    width: 100%;
    display: none; }
    @media screen and (max-width: 767px) {
      #celebChefs #chefs-hero img.heroBgMobile {
        display: block; } }
  #celebChefs #chefs-hero h1 {
    position: relative;
    font-size: 48px;
    line-height: 60px;
    margin: 10px 0; }
    @media (max-width: 991px) {
      #celebChefs #chefs-hero h1 {
        font-size: 40px;
        line-height: 1em; } }
    @media (min-width: 735px) and (max-width: 920px) {
      #celebChefs #chefs-hero h1 {
        font-size: 24px;
        margin: 4px 0; } }
  @media screen and (max-width: 767px) {
    #celebChefs #chefs-hero {
      padding: 52px 0px 0px; }
      #celebChefs #chefs-hero h1 {
        font-size: 40px; }
      #celebChefs #chefs-hero .container {
        padding: 0; } }

#celebChefs .chefs-logos {
  position: relative;
  bottom: 0;
  padding: 5px 0;
  background: #ffffff;
  width: 100%; }
  @media screen and (max-width: 767px) {
    #celebChefs .chefs-logos {
      display: none; } }

#celebChefs div.hero-content {
  width: 500px;
  margin: 0 auto;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 24px 24px;
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, 0px); }
  @media (max-width: 991px) {
    #celebChefs div.hero-content {
      top: 40%; } }
  @media screen and (max-width: 767px) {
    #celebChefs div.hero-content {
      width: 100%; } }
  @media (min-width: 735px) and (max-width: 920px) {
    #celebChefs div.hero-content {
      padding: 18px;
      width: 360px;
      top: 46%; } }
  #celebChefs div.hero-content img.lead {
    max-width: 25%;
    margin: 7px auto; }
    @media (min-width: 735px) and (max-width: 920px) {
      #celebChefs div.hero-content img.lead {
        max-width: 18%;
        margin: 4px auto; } }
  #celebChefs div.hero-content p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.5px;
    color: #231F20;
    margin: 0; }
    @media (min-width: 735px) and (max-width: 920px) {
      #celebChefs div.hero-content p {
        font-size: 12px;
        line-height: 16px; } }
  @media screen and (max-width: 767px) {
    #celebChefs div.hero-content {
      position: unset;
      top: 0;
      left: 0;
      transform: none;
      border-radius: 0px;
      padding: 24px 16px; }
      #celebChefs div.hero-content p {
        font-size: 16px;
        line-height: 28px;
        margin: 0; }
      #celebChefs div.hero-content img.lead {
        max-width: 100px; } }

#celebChefs div.text-center {
  max-width: 850px;
  margin: 0 auto; }
  #celebChefs div.text-center p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 46px;
    text-align: center;
    letter-spacing: -0.5px;
    margin: 46px 0 0; }
    @media screen and (max-width: 767px) {
      #celebChefs div.text-center p {
        font-size: 18px;
        line-height: 32px;
        margin: 24px 0 0; } }

#celebChefs section a {
  color: #7be0a7; }

#celebChefs a.button {
  background-color: #ffffff;
  border-radius: 100px;
  padding: 14px 32px;
  font-family: Gilroy;
  font-size: 16px;
  color: #000000;
  transition: 0.3s;
  margin-top: 8px;
  display: inline-block; }
  #celebChefs a.button img {
    display: inline-block;
    position: relative;
    top: 1px;
    left: 0;
    margin-left: 10px;
    transition: 0.3s; }

#celebChefs a.button:hover {
  text-decoration: none;
  opacity: 0.8; }
  #celebChefs a.button:hover img {
    left: 5px; }

@media (min-width: 735px) and (max-width: 920px) {
  #celebChefs #chefSections {
    margin-top: 0; } }

#celebChefs #chefSections section.chef-section {
  padding: 20px 0;
  background-color: #231F20;
  color: #ffffff;
  background-size: auto 100%;
  background-position: right;
  background-repeat: no-repeat;
  position: relative;
  height: 550px;
  align-items: center;
  display: flex; }
  #celebChefs #chefSections section.chef-section:first-child h2.chefName {
    max-width: 500px; }
  @media screen and (max-width: 767px) {
    #celebChefs #chefSections section.chef-section {
      background-position: top right;
      background-size: auto 52%;
      padding-top: 250px;
      padding-bottom: 40px;
      height: auto; } }
  #celebChefs #chefSections section.chef-section .container {
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      #celebChefs #chefSections section.chef-section .container {
        padding: 0 20px; } }
  #celebChefs #chefSections section.chef-section img {
    display: inline-block; }
  #celebChefs #chefSections section.chef-section .by-restaurant {
    display: flex;
    margin-bottom: 32px;
    align-items: center; }
    #celebChefs #chefSections section.chef-section .by-restaurant img {
      margin-left: 10px;
      border-radius: 5px;
      max-width: 88px;
      max-height: 64px; }
  #celebChefs #chefSections section.chef-section h2.chefName {
    display: inline-block;
    font-family: Gilroy;
    font-style: normal;
    font-weight: 800;
    font-size: 60px;
    line-height: 60px;
    letter-spacing: -0.5px;
    color: #FFFFFF;
    margin: 0px 0px 22px;
    max-width: 300px; }
    @media screen and (max-width: 767px) {
      #celebChefs #chefSections section.chef-section h2.chefName {
        max-width: 100%;
        font-size: 32px;
        line-height: 38px; } }
    @media (min-width: 735px) and (max-width: 920px) {
      #celebChefs #chefSections section.chef-section h2.chefName {
        font-size: 40px;
        line-height: 48px; } }
  #celebChefs #chefSections section.chef-section .quote p {
    max-width: 420px;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 40px;
    margin-top: 0; }
    @media screen and (max-width: 767px) {
      #celebChefs #chefSections section.chef-section .quote p {
        max-width: 100%; } }
    @media (min-width: 735px) and (max-width: 920px) {
      #celebChefs #chefSections section.chef-section .quote p {
        max-width: 328px; } }

#celebChefs #chefSections section.chef-section:before {
  content: " ";
  background-image: linear-gradient(90deg, #231F20 10%, rgba(35, 31, 32, 0.838542) 20%, rgba(35, 31, 32, 0) 30%);
  position: absolute;
  top: 0;
  right: 0;
  width: 700px;
  height: 100%; }
  @media screen and (max-width: 767px) {
    #celebChefs #chefSections section.chef-section:before {
      background-position: top;
      background-image: linear-gradient(0deg, #231F20 50%, rgba(35, 31, 32, 0.838542) 60%, rgba(35, 31, 32, 0) 100%);
      width: 100%; } }
  @media (min-width: 735px) and (max-width: 920px) {
    #celebChefs #chefSections section.chef-section:before {
      width: 100%;
      background-image: linear-gradient(90deg, #231F20 21%, rgba(35, 31, 32, 0.838542) 33%, rgba(35, 31, 32, 0) 70%); } }

#celebChefs #chefSections section.chef-section:after {
  content: " ";
  position: absolute;
  height: 100%;
  width: calc(100% - 695px);
  left: 0;
  background-color: #231f20; }
  @media screen and (max-width: 767px) {
    #celebChefs #chefSections section.chef-section:after {
      display: none; } }

#celebChefs #chefSections section.chef-section:nth-child(even) {
  text-align: right;
  background-position: left; }
  #celebChefs #chefSections section.chef-section:nth-child(even) .by-restaurant {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 32px; }
    @media screen and (max-width: 767px) {
      #celebChefs #chefSections section.chef-section:nth-child(even) .by-restaurant {
        justify-content: flex-start;
        background-position: top center; } }
    #celebChefs #chefSections section.chef-section:nth-child(even) .by-restaurant img {
      margin-left: 10px; }
  #celebChefs #chefSections section.chef-section:nth-child(even) .quote {
    display: flex;
    justify-content: flex-end; }
    @media screen and (max-width: 767px) {
      #celebChefs #chefSections section.chef-section:nth-child(even) .quote {
        justify-content: flex-start; } }
    #celebChefs #chefSections section.chef-section:nth-child(even) .quote p {
      max-width: 420px;
      font-style: normal;
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 40px;
      margin-top: 0; }
      @media screen and (max-width: 767px) {
        #celebChefs #chefSections section.chef-section:nth-child(even) .quote p {
          max-width: 100%; } }
      @media (min-width: 735px) and (max-width: 920px) {
        #celebChefs #chefSections section.chef-section:nth-child(even) .quote p {
          max-width: 300px; } }
  @media screen and (max-width: 767px) {
    #celebChefs #chefSections section.chef-section:nth-child(even) {
      text-align: left;
      background-position: top left; } }

#celebChefs #chefSections section.chef-section:nth-child(even):before {
  content: " ";
  background-image: linear-gradient(-90deg, #231F20 10%, rgba(35, 31, 32, 0.838542) 20%, rgba(35, 31, 32, 0) 30%);
  position: absolute;
  top: 0;
  left: 0;
  width: 700px;
  height: 100%; }
  @media screen and (max-width: 767px) {
    #celebChefs #chefSections section.chef-section:nth-child(even):before {
      width: 100%;
      background-image: linear-gradient(0deg, #231F20 60%, rgba(35, 31, 32, 0.838542) 65%, rgba(35, 31, 32, 0) 80%); } }
  @media (min-width: 735px) and (max-width: 920px) {
    #celebChefs #chefSections section.chef-section:nth-child(even):before {
      background-image: linear-gradient(-90deg, #231F20 31%, rgba(35, 31, 32, 0.838542) 39%, rgba(35, 31, 32, 0) 77%);
      width: 100%; } }

#celebChefs #chefSections section.chef-section:nth-child(even):after {
  content: " ";
  position: absolute;
  height: 100%;
  width: calc(100% - 695px);
  right: 0;
  left: unset;
  background-color: #231f20; }
  @media screen and (max-width: 767px) {
    #celebChefs #chefSections section.chef-section:nth-child(even):after {
      display: none; } }

#celebChefs .zip-wrap {
  margin: 0 auto;
  margin-top: 20px;
  position: sticky;
  bottom: 0;
  padding-bottom: 8px;
  background-color: #fff;
  width: 100%;
  z-index: 105;
  padding: 10px; }
  #celebChefs .zip-wrap form {
    max-width: 540px;
    margin: 0 auto; }
  #celebChefs .zip-wrap input, #celebChefs .zip-wrap button {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px; }
  #celebChefs .zip-wrap .grid {
    grid-template-columns: 1fr 1fr; }
    @media screen and (max-width: 767px) {
      #celebChefs .zip-wrap .grid {
        grid-template-columns: 1fr; } }

#celebChefs footer {
  margin-top: 120px; }
  @media screen and (max-width: 767px) {
    #celebChefs footer {
      margin-top: 60px; } }

#whyCookunity {
  font-family: 'Roboto', sans-serif;
  margin: 0; }
  #whyCookunity h1, #whyCookunity h2, #whyCookunity h3, #whyCookunity h5, #whyCookunity h4, #whyCookunity h6 {
    font-family: 'Gilroy';
    color: #231F20; }
  #whyCookunity h3 {
    font-size: 35.4512px;
    line-height: 38px;
    letter-spacing: -0.196863px;
    color: #FFFFFF;
    margin-bottom: 80px;
    text-align: center; }
  #whyCookunity h2 {
    font-size: 34.7404px;
    line-height: 36px;
    letter-spacing: -0.196863px;
    margin: 0 0 32px 0; }
  #whyCookunity h6 {
    font-size: 25px;
    line-height: 31px;
    text-align: center; }
  #whyCookunity h5 {
    font-size: 24.7861px;
    line-height: 50px;
    display: flex;
    align-items: center;
    letter-spacing: -0.140617px;
    margin: 0; }
  #whyCookunity p {
    line-height: 1.5em;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 15.0147px;
    letter-spacing: 0.673733px; }
  #whyCookunity a {
    text-decoration: none; }
  #whyCookunity button {
    font-family: 'Gilroy';
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    padding: 9px 20px;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    background: #221F1F;
    border: 1px solid #221F1F;
    box-sizing: border-box;
    width: 176px;
    display: flex;
    justify-content: center; }
    @media screen and (max-width: 767px) {
      #whyCookunity button {
        max-width: 138px; } }
  #whyCookunity button img {
    margin-left: 20px;
    width: 16px;
    height: 14px; }
  #whyCookunity .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px; }
  #whyCookunity .dishes-section {
    width: 1110px;
    margin: 100.42px auto; }
  #whyCookunity .is-loading {
    display: block; }
    @media screen and (max-width: 767px) {
      #whyCookunity .is-loading {
        display: none; } }
  #whyCookunity .dish-name {
    font-family: 'Gilroy';
    width: 150px;
    text-align: center;
    margin: 24px auto; }
  #whyCookunity .container-dishes {
    margin-top: 35.26px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start; }
  #whyCookunity .skeleton-dish {
    background: url("/assets/images/skeleton.gif") no-repeat center center fixed;
    background-size: cover;
    width: 250px;
    border-radius: 200px;
    height: 250px;
    margin-right: 38px; }
    @media screen and (max-width: 767px) {
      #whyCookunity .skeleton-dish {
        margin: 20px auto; } }
  #whyCookunity .skeleton-row {
    background: url("/assets/images/loading-circles.gif") no-repeat center center;
    background-size: cover;
    width: 600px;
    height: 430px;
    margin: 0 auto 72px; }
    @media screen and (max-width: 767px) {
      #whyCookunity .skeleton-row {
        width: 80%;
        height: 200px;
        margin: -100px auto 0; } }
  #whyCookunity .dish-img {
    margin-right: 38px; }
  #whyCookunity .dish-img div {
    width: 250px;
    border-radius: 200px;
    height: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  #whyCookunity section#realfood {
    background-image: url("/assets/images/why-cookunity/why-image.png");
    height: 640px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: initial;
    padding: 195px 0;
    position: relative;
    display: flex;
    justify-content: center; }
  #whyCookunity .img-icons-realfood {
    display: flex;
    justify-content: center; }
  #whyCookunity section#realfood:before {
    z-index: 0;
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: black;
    mix-blend-mode: normal;
    opacity: 0.68;
    top: 0; }
  #whyCookunity .icons-full {
    display: none; }
  #whyCookunity section {
    padding-top: 140px;
    background-position: center;
    background-size: cover; }
  #whyCookunity h1 {
    font-size: 72px;
    line-height: 1.2em;
    letter-spacing: -2px; }
  #whyCookunity section#header {
    padding-top: 0px; }
  #whyCookunity section#header h1 {
    max-width: 50%; }
  #whyCookunity section.header {
    display: block;
    text-align: center;
    position: relative;
    padding: 12px; }
  #whyCookunity .start-hero {
    font-family: 'Gilroy';
    font-size: 14px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FCFAFC;
    margin: 172px auto 20.84px auto; }
  #whyCookunity .text-green {
    color: #7AD2A2; }
  #whyCookunity .text-pink {
    color: pink; }
  #whyCookunity .bg-silver {
    background-color: #F5F5F5; }
  #whyCookunity .flex-row-w {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: initial;
    width: 1110px;
    margin: 0 auto; }
  #whyCookunity .flex-row-w .col-50 {
    width: 460px;
    text-align: initial; }
    #whyCookunity .flex-row-w .col-50 .grid {
      grid-template-columns: 1fr 1fr;
      margin-top: 35.52px;
      height: 48px; }
  #whyCookunity .flex-row-w .col-50full {
    width: 50%; }
    #whyCookunity .flex-row-w .col-50full .grid {
      grid-template-columns: 1fr 1fr;
      margin-top: 35.52px;
      height: 48px;
      width: 50%; }
      #whyCookunity .flex-row-w .col-50full .grid input {
        margin-right: 10px; }
  #whyCookunity .separator-h {
    border: 1px solid #221F1F;
    box-sizing: border-box;
    width: 462px; }
  #whyCookunity .flex-row-w .col-100 {
    width: 690px;
    margin: 0 41px 0px 0px;
    text-align: initial; }
  #whyCookunity .flex-row-w .col-70 {
    width: 70%; }
  #whyCookunity .flex-row-w .col-30 {
    width: 30%; }
  #whyCookunity .img-50 {
    width: 460px;
    height: 352px;
    object-fit: cover;
    object-position: center; }
  #whyCookunity .img-100 {
    width: 50%;
    background-image: url("/assets/images/why-cookunity/package.jpg");
    margin-right: 41px; }
  #whyCookunity section.landing-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 35px 70px 0px 85px;
    align-items: center;
    position: absolute;
    z-index: 1;
    box-sizing: border-box; }
    #whyCookunity section.landing-header .grid {
      grid-template-columns: 1fr 1fr;
      height: 48px; }
      @media screen and (max-width: 767px) {
        #whyCookunity section.landing-header .grid {
          display: none; } }
  #whyCookunity section.landing-header .menu-icon {
    display: none; }
  #whyCookunity section.landing-header .menu-icon .menu-open {
    display: none; }
  #whyCookunity section.landing-header.open .menu-icon .menu-open {
    display: block; }
  #whyCookunity section.landing-header .menu-icon .menu-close {
    display: block; }
  #whyCookunity section.landing-header.open .menu-icon .menu-close {
    display: none; }
  #whyCookunity section.landing-header .buttons {
    display: flex;
    height: 40px; }
  #whyCookunity section.landing-header .buttons .button-nav {
    font-family: 'Gilroy';
    font-size: 11.999px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.573939px;
    color: #FFFFFF;
    margin-right: 20px; }
  #whyCookunity section.landing-header .buttons .button-white {
    background: rgba(0, 0, 0, 0.0001);
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    width: 125px; }
  #whyCookunity section.landing-header .logo-mobile {
    display: none; }
  #whyCookunity .logo-img {
    width: 140px;
    margin: 0 auto; }
  #whyCookunity .input-code {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 24px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    align-items: center;
    letter-spacing: 0.2px;
    color: #231f20;
    padding-left: 24px;
    width: 165px;
    margin-right: 16px; }
  #whyCookunity .buttons-code {
    display: flex;
    margin-top: 35.52px;
    height: 48px; }
  #whyCookunity section#chefs #chef-slide {
    position: relative; }
  #whyCookunity .buttons-chef {
    display: flex;
    flex-direction: row;
    margin-top: 32px; }
  #whyCookunity .buttons-chef img {
    width: 12.08px;
    height: 23.04px;
    margin: 0px 9.54px; }
  #whyCookunity .buttons-chef p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 27px;
    display: flex;
    align-items: center;
    color: #221F1F;
    margin-left: 28.04px; }
  #whyCookunity .title-section-chef {
    font-family: 'Gilroy';
    font-size: 24.7861px;
    line-height: 36px;
    display: flex;
    align-items: center;
    letter-spacing: -0.140617px;
    color: #221F1F; }
  #whyCookunity section#header {
    background-image: url("/assets/images/why-cookunity/header-wcu.png");
    height: 641px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: initial;
    position: relative; }
  #whyCookunity section#header::before {
    z-index: 0;
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: black;
    mix-blend-mode: normal;
    opacity: 0.68; }
  #whyCookunity .slick-slider {
    margin-bottom: 100px;
    position: relative; }
  #whyCookunity .slick-next.slick-arrow {
    right: 84px; }
  #whyCookunity .slick-prev.slick-arrow {
    left: 84px; }
  #whyCookunity .slick-prev.slick-arrow, #whyCookunity .slick-next.slick-arrow {
    cursor: pointer;
    border: none; }
  #whyCookunity .slick-prev:before, #whyCookunity .slick-next:before {
    content: '' !important; }
  #whyCookunity .slick-arrow img {
    width: 16px;
    height: 14px; }
  #whyCookunity .slick-arrow {
    display: block;
    position: absolute;
    top: 17%;
    width: 48px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 200px;
    box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.06);
    padding: 16px;
    z-index: 1000; }
  #whyCookunity .tag-chef {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: normal;
    font-size: 14px;
    line-height: 27px;
    display: flex;
    align-items: center;
    letter-spacing: 0.28px;
    color: #221F1F;
    margin-left: 10px; }
  #whyCookunity .name-chef {
    font-family: 'Reinata';
    font-size: 70px;
    line-height: 36px;
    display: flex;
    align-items: center;
    letter-spacing: 3.14408px;
    color: #000000;
    margin: 15px; }
  #whyCookunity .text-chef {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 25px;
    display: flex;
    align-items: center;
    letter-spacing: 0.3px;
    margin: 36px 0 74px 0; }
  #whyCookunity .title-container {
    margin-top: 253px;
    position: absolute;
    width: 100%; }
  #whyCookunity .title-container h6 {
    color: #FFFFFF;
    max-width: 732px;
    width: 50%;
    margin: 0 auto; }
  #whyCookunity .chef-description {
    max-height: 350px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.3px;
    padding: 10px 15px;
    padding-top: 20px;
    overflow: hidden; }
  #whyCookunity section#chefs, #whyCookunity .chef-slide {
    width: 100%;
    overflow: hidden; }
  #whyCookunity #chef-slide .slick-slide {
    display: inline-block;
    vertical-align: top;
    padding: 10px; }
  #whyCookunity .slick-prev {
    opacity: 1;
    background-image: url("/assets/images/why-cookunity/left-arrow.png");
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: center;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.07); }
  #whyCookunity .slick-next {
    background-image: url("/assets/images/why-cookunity/right-arrow.png");
    background-repeat: no-repeat;
    right: 12px;
    opacity: 1;
    cursor: pointer;
    background-position: center;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.07);
    right: 12px; }
  #whyCookunity .country-container {
    display: flex;
    justify-content: flex-end;
    width: 42px;
    opacity: 0; }
  #whyCookunity .country-container .country {
    width: 42px;
    height: 24px; }
  @media screen and (max-width: 900px) {
    #whyCookunity .slick-arrow {
      display: none !important; }
    #whyCookunity .flex-row-w {
      flex-direction: column;
      width: 100%; }
    #whyCookunity .w-reverse {
      flex-direction: column-reverse; }
    #whyCookunity .flex-row-w .col-50 {
      width: 100%; }
    #whyCookunity .img-50 {
      width: 100%;
      height: 256px;
      margin: 40px 0; }
    #whyCookunity section#header {
      height: 375px;
      background-position: center; }
    #whyCookunity .title-container {
      margin: 106px 0px; }
    #whyCookunity .title-container h6 {
      width: 80%; }
    #whyCookunity h6 {
      font-size: 20px;
      line-height: 32px; }
    #whyCookunity section {
      padding-top: 60px; }
    #whyCookunity button img {
      margin-left: 14px; }
    #whyCookunity .img-100 {
      width: 100%;
      margin-right: 0; }
    #whyCookunity .flex-row-w .col-50full {
      width: 100%;
      padding: 30px 24px 37px 20px; }
    #whyCookunity .separator-h {
      width: 100%; }
    #whyCookunity h5 {
      font-size: 20px;
      line-height: 60px; }
    #whyCookunity section#realfood {
      width: 100%;
      background-position: center;
      height: 450px;
      padding: 60px 0px; }
    #whyCookunity .icons-full {
      width: 100%;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      justify-content: center; }
    #whyCookunity .start-hero {
      margin: 32px auto 20.84px auto; }
    #whyCookunity section.landing-header {
      display: block;
      text-align: center;
      position: absolute;
      padding: 12px;
      background: #ffffff; }
    #whyCookunity section.landing-header .menu-icon {
      display: block;
      position: absolute;
      left: 13px;
      top: 13px; }
    #whyCookunity section.landing-header .menu-icon img {
      width: 24px; }
    #whyCookunity section.landing-header .logo {
      margin: 0 auto; }
    #whyCookunity section.landing-header .buttons {
      display: none;
      justify-content: center; }
    #whyCookunity section.landing-header.open .buttons {
      display: flex;
      padding-top: 10px; }
    #whyCookunity section.landing-header .logo-mobile {
      display: block;
      margin: 0 auto; }
    #whyCookunity section.landing-header .logo {
      display: none; }
    #whyCookunity section.landing-header .buttons .button-white {
      background: rgba(0, 0, 0, 0.0001);
      border: 1px solid #000000;
      box-sizing: border-box;
      color: #000000;
      margin: 0;
      padding: 6px; }
    #whyCookunity .input-code {
      padding: 6px 24px; }
    #whyCookunity .img-icons-realfood {
      display: none; }
    #whyCookunity h3 {
      font-size: 36px;
      line-height: 44px;
      margin: 0 auto; }
    #whyCookunity .img-top {
      width: 240px;
      height: 83.04px;
      margin: 44px auto 26.58px; }
    #whyCookunity .img-bottom {
      width: 179.11px;
      height: 83.04px;
      margin: 0 auto; }
    #whyCookunity .container-dishes {
      flex-direction: column; }
    #whyCookunity .dish-img {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 12px; }
    #whyCookunity .name-chef {
      font-size: 52px;
      margin: 16px 10px;
      line-height: 42px; }
    #whyCookunity .dishes-section {
      width: 100%;
      margin: 100px auto 0; }
    #whyCookunity .title-section-chef {
      margin-left: 10px; }
    #whyCookunity .country-container {
      width: 335px; } }