@charset "UTF-8";
/*
*
* Verts Mediterranean Grill website proudly made by
*
      _                                                    _ _                                     
  ___(_)_ __ ___  _ __ ___   ___ _ __   _ __ ___   ___  __| (_) __ _    __ _ _ __ ___  _   _ _ __  
 / __| | '_ ` _ \| '_ ` _ \ / _ \ '__| | '_ ` _ \ / _ \/ _` | |/ _` |  / _` | '__/ _ \| | | | '_ \ 
 \__ \ | | | | | | | | | | |  __/ |    | | | | | |  __/ (_| | | (_| | | (_| | | | (_) | |_| | |_) |
 |___/_|_| |_| |_|_| |_| |_|\___|_|    |_| |_| |_|\___|\__,_|_|\__,_|  \__, |_|  \___/ \__,_| .__/ 
                                                                       |___/                |_|    

*
* www.simmermediagroup.com
* Design: Saralee Gordon, Ariel Duong
* Development: Arkadiusz Wisniewski
*
*/
/**
 * @license
 * MyFonts Webfont Build ID 3236799, 2016-06-22T12:24:33-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Veneer by Yellow Design Studio
 * URL: http://www.myfonts.com/fonts/yellow-design/veneer/regular/
 * Copyright: Copyright (c) 2012 by Yellow Design Studio. All rights reserved.
 * Licensed pageviews: 500,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3236799
 * 
 * © 2016 MyFonts Inc
*/
@import url("//hello.myfonts.net/count/3163bf");
@font-face {
  font-family: 'Veneer';
  src: url("/fonts/veneer/3163BF_0_0.eot");
  src: url("/fonts/veneer/3163BF_0_0.eot?#iefix") format("embedded-opentype"), url("/fonts/veneer/3163BF_0_0.woff2") format("woff2"), url("/fonts/veneer/3163BF_0_0.woff") format("woff"), url("/fonts/veneer/3163BF_0_0.ttf") format("truetype"), url("/fonts/veneer/3163BF_0_0.svg#wf") format("svg"); }

html.wf-loading {
  opacity: 0; }

html.wf-active {
  opacity: 1;
  transition: opacity 500ms, background 500ms 500ms; }

body {
  font-size: 62.5%;
  min-width: 32em;
  background: #fff;
  color: #000;
  font-family: "pragmatica-web", sans-serif;
  font-weight: 300;
  text-transform: lowercase;
  overflow-x: hidden; }
  body.noscroll {
    overflow-y: scroll; }

.wrap {
  position: relative;
  min-width: 32em;
  min-height: 100%;
  left: 0;
  transition: left 500ms; }
  .wrap.shift {
    left: 23em;
    position: fixed;
    top: 0;
    width: 100%; }
    .wrap.shift .overlay {
      z-index: 900; }
    .wrap.shift .socialblock {
      left: 23em; }

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1; }

p, h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
  margin-top: 0;
  font-weight: 300; }

h1, h2, h3, h4, h5, h6 {
  font-weight: inherit; }

p {
  font-size: 1.4em; }
  p:last-child {
    margin-bottom: 0; }

a, a:hover, a:visited {
  color: inherit; }

b span {
  font-weight: inherit; }

ul, ol {
  font-size: inherit;
  list-style: none;
  margin: 0; }
  ul li ul, ul li ol, ol li ul, ol li ol {
    margin: 0; }

img {
  outline: none; }

.bold {
  font-weight: 700; }

.center {
  text-align: center; }

.relative {
  position: relative; }

.justify {
  text-align: justify;
  font-size: 0px;
  text-justify: distribute-all-lines; }
  .justify:after {
    content: "";
    width: 100%;
    display: inline-block; }
  .justify > * {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 10px; }

.table {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%; }
  .table .trow {
    display: table-row; }
  .table .cell {
    display: table-cell;
    vertical-align: middle;
    height: 100%; }

.page, section {
  position: relative; }

.row {
  max-width: 79.313rem; }
  .row .row {
    margin-left: -1em;
    margin-right: -1em; }

.columns {
  min-height: 1px;
  padding-left: 1em;
  padding-right: 1em; }

@media only screen and (max-width: 767px) {
  .row .row {
    margin-left: -2em;
    margin-right: -2em; }
  .columns {
    padding-left: 2em;
    padding-right: 2em; } }

.responsive .tablet, .responsive .mobile {
  display: none; }

@media only screen and (max-width: 1024px) {
  .responsive .tablet {
    display: block; } }

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

.bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-size: cover;
  z-index: 0; }
  .bg.pattern {
    opacity: 0.1; }

.slick-slide {
  outline: none; }

.slick-list, .slick-track {
  height: 100%; }

.button {
  display: inline-block;
  vertical-align: middle;
  transition: background 250ms, color 250ms, border-color 250ms; }
  .button a {
    display: block;
    padding: 1.5em 6em; }
  .button span {
    font-size: 2.2em; }
  .button.greenl {
    background: #7ac141;
    color: #fff; }
  .button.greend {
    background: #1d5632;
    color: #fff; }
  .button.orange {
    background: #ffa409;
    color: #fff; }
  .button.white {
    background: #fff;
    color: #1d5632; }

@media only screen and (max-width: 767px) {
  .button a {
    padding: 1.5em 4em; }
  .button span {
    font-size: 2em; } }

.hero {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden; }
  .hero .wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .hero .show {
    height: 100%; }
  .hero .slide {
    background-position: center;
    background-size: cover;
    height: 100%; }
  .hero .prev, .hero .next {
    position: absolute;
    top: 9em;
    bottom: 0;
    width: 2em;
    display: inline-block; }
    .hero .prev img, .hero .next img {
      position: absolute;
      top: 50%;
      height: 4em;
      margin-top: -2em;
      cursor: pointer; }
    .hero .prev.hide, .hero .next.hide {
      display: none; }
  .hero .prev {
    left: 5%; }
  .hero .next {
    right: 5%; }
    .hero .next img {
      transform: rotate(-180deg); }
  .hero .slick-dots {
    position: absolute;
    bottom: 2.5em;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1; }
    .hero .slick-dots li {
      display: inline-block;
      vertical-align: middle;
      width: 1.2em;
      height: 1.2em;
      border: 1px solid #fff;
      border-radius: 50%;
      margin: 0 1em;
      background: transparent;
      cursor: pointer;
      transition: background 250ms; }
      .hero .slick-dots li.slick-active {
        background: #fff; }
  .hero .over {
    text-align: center;
    padding-top: 8.9em; }
    .hero .over.singular {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .hero .over .cell.top {
      vertical-align: top; }
    .hero .over .cell.middle {
      vertical-align: middle; }
    .hero .over .cell.bottom {
      vertical-align: bottom; }
    .hero .over .cell.left {
      text-align: left; }
    .hero .over .cell.center {
      text-align: center; }
    .hero .over .cell.right {
      text-align: right; }
    .hero .over .row {
      padding: 5em; }
    .hero .over .content {
      display: inline-block; }
    .hero .over p {
      font-size: 9.5em;
      font-family: "Veneer";
      line-height: 1;
      margin-bottom: 0;
      text-shadow: 2px 2px 14.4px rgba(0, 0, 0, 0.56);
      color: #fff; }
      .hero .over p.left {
        text-align: left; }
      .hero .over p.center {
        text-align: center; }
      .hero .over p.right {
        text-align: right; }
    .hero .over p + .button {
      margin-top: 2rem; }
    .hero .over .button {
      box-shadow: 2px 2px 14.4px rgba(0, 0, 0, 0.56); }
  .hero a.full {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.hero.small {
  padding-top: 0;
  height: auto; }
  .hero.small .content {
    padding: 23em 0 7em; }
    .hero.small .content p {
      font-family: "Veneer";
      margin-bottom: 0;
      line-height: 0.9;
      text-shadow: 2px 2px 14.4px rgba(0, 0, 0, 0.56);
      color: #fff; }
    .hero.small .content .big {
      font-size: 13em; }
    .hero.small .content .small {
      font-size: 9.2em; }

.hero.video {
  background: #000;
  padding-top: 56.25%; }
  .hero.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }
  .hero.video .poster {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-size: cover;
    opacity: 1;
    visibility: visible;
    transition: opacity 1000ms; }
    .hero.video .poster.played {
      opacity: 0; }
    .hero.video .poster.hide {
      visibility: hidden; }
    .hero.video .poster .play {
      width: 12em;
      position: absolute;
      top: 50%;
      left: 50%;
      cursor: pointer;
      transform: translate(-50%, -50%); }

@media only screen and (min-width: 1580px) {
  .hero {
    padding-top: 0;
    height: 87.6em; }
  .hero.video {
    padding-top: 0;
    height: 87.6em; }
    .hero.video .wrapper {
      width: 156.2em;
      margin: 0 auto; } }

@media only screen and (max-width: 1024px) {
  .hero {
    padding-top: 75%; }
    .hero .prev {
      left: 7em; }
    .hero .next {
      right: 7em; }
    .hero .over {
      padding-top: 6.9em; }
      .hero .over p {
        font-size: 8em; }
      .hero .over p + .button {
        margin-top: 1rem; }
      .hero .over .button a {
        padding: 1em 4em; }
  .hero.video {
    margin-top: 6.9em; } }

@media only screen and (max-width: 767px) {
  .hero {
    padding-top: 0;
    height: 48em; }
    .hero .prev, .hero .next {
      display: none !important; }
    .hero .over {
      padding-top: 6.3em; }
      .hero .over .row {
        padding: 5em 2em; }
      .hero .over p {
        font-size: 4.2em; }
      .hero .over .button a {
        padding: 1em 3em; }
  .hero.video {
    height: auto;
    margin-top: 10.8em; } }

@media only screen and (max-width: 600px) {
  .hero {
    padding-top: 0;
    height: 38em; } }

.socialblock {
  position: fixed;
  top: 12em;
  right: 0;
  background: #7ac141;
  padding: 2.5em 1.5em;
  border-bottom-left-radius: 1.7em;
  border-top-left-radius: 1.7em;
  z-index: 500;
  transition: right 500ms; }
  .socialblock.hide {
    right: -6em; }
  .socialblock a {
    display: block;
    text-align: center;
    margin-bottom: 2em; }
    .socialblock a:last-child {
      margin-bottom: 0; }
  .socialblock img {
    height: 2em;
    max-width: 2em; }

@media only screen and (max-width: 767px) {
  .socialblock {
    left: -4em;
    right: auto;
    top: 13em;
    padding: 2.5em 1em;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 1.7em;
    border-top-right-radius: 1.7em;
    transition: left 500ms; }
    .socialblock.hide {
      right: auto; } }

.carrotop {
  position: fixed;
  bottom: 12em;
  right: -6em;
  background: rgba(255, 255, 255, 0.85);
  padding: 2em 1.25em;
  border-bottom-left-radius: 1.7em;
  border-top-left-radius: 1.7em;
  z-index: 500;
  cursor: pointer;
  box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.28);
  transition: right 500ms; }
  .carrotop.show {
    right: 0em; }
  .carrotop.snutri {
    bottom: 32em; }
  .carrotop a {
    display: block;
    text-align: center;
    margin-bottom: 2em; }
    .carrotop a:last-child {
      margin-bottom: 0; }
  .carrotop img {
    width: 2.5em; }

@media only screen and (max-width: 1024px) {
  .carrotop.snutri {
    bottom: 26em; }
  .carrotop img {
    width: 2em; } }

@media only screen and (max-width: 767px) {
  .carrotop {
    padding: 1.5em 1em;
    bottom: 6em; }
    .carrotop.snutri {
      bottom: 8em; }
    .carrotop img {
      width: 2em; } }

.textbreak {
  padding: 8em 0;
  color: #fff;
  text-align: center; }
  .textbreak .bg.contain {
    background-size: contain; }
  .textbreak .header {
    margin-bottom: 3em; }
    .textbreak .header p {
      font-size: 5.2em;
      text-transform: uppercase;
      line-height: 1;
      font-family: "Veneer"; }
  .textbreak .copy {
    margin-bottom: 3em; }
    .textbreak .copy p {
      font-size: 2.4em; }
      .textbreak .copy p a {
        text-decoration: underline; }
    .textbreak .copy .heading {
      margin-bottom: 1rem;
      font-weight: 700; }
    .textbreak .copy .heading + .lists {
      margin-bottom: 3em; }
  .textbreak .lists {
    text-align: center; }
    .textbreak .lists br {
      display: none; }
  .textbreak ul {
    margin: 0 3em 1.25rem;
    text-align: left;
    display: inline-block;
    vertical-align: top; }
    .textbreak ul:last-child {
      margin-bottom: 0; }
    .textbreak ul li {
      margin-bottom: 2em; }
      .textbreak ul li p {
        display: inline-block;
        position: relative;
        line-height: 1; }
      .textbreak ul li p:before {
        content: "\2022";
        color: #fff;
        font-size: 1em;
        line-height: 1;
        position: absolute;
        left: -1rem;
        top: 0; }
  .textbreak .header:last-child,
  .textbreak .copy:last-child {
    margin-bottom: 0; }
  .textbreak.greenl {
    background: #7ac141; }
  .textbreak.greend {
    background: #1d5632; }
  .textbreak.white {
    color: #1d5632; }
  .textbreak.orange {
    background: #ffa409; }

@media only screen and (max-width: 1024px) {
  .textbreak .header p {
    font-size: 5em; } }

@media only screen and (max-width: 767px) {
  .textbreak {
    padding: 5em 0; }
    .textbreak .header {
      margin-bottom: 2em; }
      .textbreak .header p {
        font-size: 4.2em; }
    .textbreak .copy {
      margin-bottom: 2em; }
      .textbreak .copy p {
        font-size: 2em; }
    .textbreak .lists {
      display: inline-block;
      text-align: left; }
      .textbreak .lists br {
        display: block; }
    .textbreak ul {
      max-width: 40em;
      margin-bottom: 0; }
      .textbreak ul .empty {
        display: none; } }

.photobreak {
  text-align: center; }
  .photobreak .header {
    margin-bottom: 4em; }
    .photobreak .header p {
      font-size: 6.2em;
      text-transform: uppercase;
      line-height: 1;
      font-family: "Veneer"; }
  .photobreak .copy {
    margin-bottom: 4em; }
    .photobreak .copy p {
      font-size: 2.9em; }
  .photobreak .header:last-child,
  .photobreak .copy:last-child {
    margin-bottom: 0; }
  .photobreak.filled {
    padding: 15em 0; }
  .photobreak.empty {
    padding-top: 45%; }
  .photobreak.greend {
    color: #1d5632; }

@media only screen and (max-width: 767px) {
  .photobreak .header {
    margin-bottom: 2em; }
    .photobreak .header p {
      font-size: 4.2em; }
  .photobreak .copy {
    margin-bottom: 2em; }
    .photobreak .copy p {
      font-size: 2em; }
  .photobreak.filled {
    padding: 5em 0; } }

.videobreak {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  background: #000; }
  .videobreak .wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .videobreak iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }
  .videobreak .poster {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center;
    background-size: cover;
    opacity: 1;
    visibility: visible;
    transition: opacity 1000ms; }
    .videobreak .poster.played {
      opacity: 0; }
    .videobreak .poster.hide {
      visibility: hidden; }
    .videobreak .poster .play {
      width: 12em;
      position: absolute;
      top: 50%;
      left: 50%;
      cursor: pointer;
      transform: translate(-50%, -50%); }

@media only screen and (min-width: 1580px) {
  .videobreak {
    padding-top: 0;
    height: 87.6em; }
    .videobreak .wrapper {
      width: 156.2em;
      margin: 0 auto; } }

.parallax {
  background-attachment: fixed; }

@media only screen and (max-width: 1024px) {
  .parallax {
    background-attachment: initial; } }

.backtotop {
  padding: 5em 0;
  text-align: center; }
  .backtotop .bg {
    background-image: url("/images/photos/home_block2.jpg"); }
  .backtotop .content {
    display: inline-block;
    cursor: pointer; }
  .backtotop .arrow {
    height: 5em; }
  .backtotop p {
    font-family: "Veneer";
    color: #fff;
    font-size: 6.2em;
    text-shadow: 2px 2px 14.4px rgba(0, 0, 0, 0.56); }

header.default {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 32em;
  background: rgba(255, 255, 255, 0.85);
  z-index: 1000;
  box-shadow: 3px 0px 8px 0px rgba(0, 0, 0, 0.28);
  transition: left 500ms; }
  header.default.shift {
    left: 23em; }
  header.default .logo {
    position: absolute;
    bottom: 1.7em;
    left: 50%;
    transform: translate(-50%, 0%); }
    header.default .logo a {
      display: block; }
    header.default .logo img {
      width: 19em; }
  header.default nav {
    width: 50%;
    display: inline-block;
    vertical-align: middle; }
    header.default nav.left {
      padding-right: 11%;
      padding-left: 16%;
      text-align: right; }
    header.default nav.right {
      padding-left: 11%;
      padding-right: 16%; }
    header.default nav li {
      display: inline-block;
      vertical-align: middle;
      padding: 5em 0 2em; }
    header.default nav .active span {
      color: #ffa409; }
    header.default nav a {
      display: block; }
    header.default nav span {
      font-size: 1.8em;
      line-height: 1;
      color: #1d5632;
      transition: color 250ms; }
      header.default nav span:hover {
        color: #ffa409; }
  header.default .order {
    position: absolute;
    bottom: 0;
    right: 1.5em;
    background: #ffa409;
    border-top-left-radius: 1.7em;
    border-top-right-radius: 1.7em; }
    header.default .order a {
      padding: 1.5em 1.5em 2em;
      display: block; }
    header.default .order span {
      color: #fff;
      font-size: 1.8em;
      line-height: 1; }
  header.default .mobile {
    display: none;
    position: absolute;
    left: 2em;
    top: 50%;
    width: 2.75em;
    cursor: pointer;
    transform: translateY(-50%); }
    header.default .mobile a {
      height: 2.1em;
      display: block; }
    header.default .mobile span, header.default .mobile span:before, header.default .mobile span:after {
      font-size: 10px;
      width: 100%;
      height: 0.3em;
      background: #1d5632;
      position: absolute;
      left: 0;
      display: block;
      transition: transform 500ms, background 250ms; }
    header.default .mobile span {
      top: 50%;
      transform: translate(0, -1px); }
    header.default .mobile span:before {
      content: "";
      top: -9px; }
    header.default .mobile span:after {
      content: "";
      bottom: -9px; }
    header.default .mobile.active span {
      background: transparent; }
    header.default .mobile.active span:before {
      transform: translateY(9px) rotate(45deg); }
    header.default .mobile.active span:after {
      transform: translateY(-9px) rotate(-45deg); }

@media only screen and (max-width: 1024px) {
  header.default .logo {
    bottom: 1.4em; }
    header.default .logo img {
      width: 14em; }
  header.default nav.left {
    padding-left: 7.5%; }
  header.default nav.right {
    padding-right: 7.5%; }
  header.default nav li {
    padding: 3.5em 0 1.5em; }
  header.default .order {
    right: auto;
    top: 100%;
    bottom: auto;
    left: 50%;
    width: 14em;
    text-align: center;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 1.7em;
    border-bottom-right-radius: 1.7em;
    transform: translateX(-50%); }
    header.default .order a {
      padding: 1em 1.5em 1.25em; } }

@media only screen and (max-width: 767px) {
  header.default .logo {
    padding: 1em 0;
    display: inline-block;
    position: relative;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0); }
  header.default nav {
    display: none; }
  header.default .order {
    border-radius: 0;
    left: 0;
    width: 100%;
    transform: translateX(0); }
    header.default .order a {
      padding: 1em; }
    header.default .order span {
      font-family: "Veneer";
      font-size: 2.5em; }
  header.default .mobile {
    display: block; } }

header.blog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.75);
  z-index: 1000;
  padding: 2.5em 2em;
  box-shadow: 3px 0px 8px 0px rgba(0, 0, 0, 0.28); }
  header.blog .logo p {
    font-size: 4em;
    color: #1d5632;
    line-height: 1;
    padding-bottom: 0.5rem; }
  header.blog nav li {
    display: inline-block;
    vertical-align: bottom; }
  header.blog nav .logo {
    border-bottom: 4px solid #7ac141; }
    header.blog nav .logo span {
      font-size: 4em;
      color: #1d5632;
      line-height: 1;
      padding-bottom: 0.5rem;
      display: block; }
  header.blog nav a {
    display: block; }
  header.blog nav span {
    font-size: 1.8em;
    line-height: 1;
    color: #1d5632;
    transition: color 250ms; }
    header.blog nav span:hover {
      color: #ffa409; }
  header.blog nav .search img {
    width: 1.7em; }

footer {
  background: #fff;
  padding: 4em 0;
  position: relative;
  z-index: 100; }
  footer nav {
    text-align: center;
    padding: 0 20% 3em;
    margin-bottom: 3em;
    border-bottom: 3px solid #1d5632; }
    footer nav li {
      display: inline-block;
      vertical-align: middle; }
    footer nav a {
      display: block; }
    footer nav span {
      font-size: 1.8em;
      color: #1d5632; }
  footer .form {
    text-align: center;
    margin-bottom: 2em; }
    footer .form .copy {
      margin-bottom: 2em; }
      footer .form .copy p {
        margin-bottom: 0.25rem;
        color: #1d5632;
        line-height: 1; }
      footer .form .copy .big {
        font-size: 2.9em; }
      footer .form .copy .small {
        font-size: 1.8em; }
    footer .form #mc_embed_signup_scroll > * {
      display: inline-block;
      vertical-align: middle; }
    footer .form input {
      border: none;
      outline: 0;
      box-shadow: none;
      margin: 0;
      display: inline-block;
      vertical-align: middle; }
    footer .form input[type=email] {
      text-align: center;
      font-size: 1.8em;
      padding: 10px;
      width: 360px;
      color: #1d5632;
      border: 1px solid #a6a6a6; }
    footer .form input[type=submit] {
      font-size: 1.5em;
      padding: 13px 35px;
      background: #7ac141;
      color: #fff; }
  footer .bottom {
    text-align: center; }
    footer .bottom div {
      display: inline-block;
      vertical-align: middle; }
    footer .bottom .social a {
      display: inline-block;
      vertical-align: middle;
      margin-right: 2em; }
    footer .bottom .social img {
      height: 2.5em; }
    footer .bottom p {
      font-size: 1.7em;
      color: #7ac141;
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 0; }
    footer .bottom p + p {
      margin-left: 20px; }
    footer .bottom .simmer {
      text-transform: uppercase; }

::-webkit-input-placeholder {
  color: #1d5632; }

::-moz-placeholder {
  color: #1d5632; }

:-ms-input-placeholder {
  color: #1d5632; }

:-moz-placeholder {
  color: #1d5632; }

@media only screen and (max-width: 767px) {
  footer {
    padding: 3em 0 2em; }
    footer nav {
      border-width: 2px; }
      footer nav li {
        display: block !important;
        margin-bottom: 1em; }
        footer nav li:last-child {
          margin-bottom: 0; }
      footer nav a {
        text-align: center; }
    footer .form {
      margin-bottom: 3em; }
      footer .form form {
        width: 28em;
        margin: 0 auto; }
      footer .form #mc_embed_signup_scroll > * {
        width: 100%;
        display: block; }
      footer .form input {
        width: 100% !important;
        margin-bottom: 10px; }
    footer .bottom .social {
      display: block;
      margin-bottom: 2em; }
    footer .bottom p {
      margin-bottom: 0.25rem; } }

section.search {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.87);
  z-index: 1001;
  top: -999em;
  opacity: 0;
  overflow: hidden;
  transition: opacity 500ms, top 0ms 500ms; }
  section.search.active {
    opacity: 1;
    top: 0;
    transition: opacity 500ms, top 0ms; }
  section.search .wrapper {
    padding-top: 50%; }
  section.search .row {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  section.search .columns {
    height: 100%; }
  section.search .close {
    width: 3em;
    position: absolute;
    right: -5em;
    top: 13em;
    cursor: pointer; }
  section.search form {
    padding-top: 15em; }
    section.search form input {
      width: 100%;
      font-size: 6.7em;
      color: #7ac141;
      padding: 20px;
      line-height: 1;
      outline: 0;
      box-shadow: none;
      border: 0;
      background: transparent;
      border-bottom: 5px solid #1d5632; }
    section.search form ::-webkit-input-placeholder {
      color: #7ac141; }
    section.search form ::-moz-placeholder {
      color: #7ac141; }
    section.search form :-ms-input-placeholder {
      color: #7ac141; }
    section.search form :-moz-placeholder {
      color: #7ac141; }

@media only screen and (min-width: 1580px) {
  section.search .wrapper {
    padding-top: 0;
    height: 78em; } }

@media only screen and (max-width: 600px) {
  section.search .wrapper {
    padding-top: 0;
    height: 32em; } }

section.mobile {
  background: #fff;
  position: fixed;
  top: 0;
  bottom: 0;
  left: -23em;
  width: 23em;
  z-index: 1000;
  box-shadow: 3px 0px 13px 0px rgba(0, 0, 0, 0.16);
  transition: left 500ms; }
  section.mobile.shift {
    left: 0; }
  section.mobile .relative {
    overflow: hidden;
    height: 100%; }
  section.mobile .over {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    right: -3em;
    overflow-y: scroll;
    overflow-x: hidden; }
  section.mobile .content {
    width: 23em;
    padding-bottom: 5em; }
  section.mobile .logo {
    padding: 3em;
    text-align: center; }
    section.mobile .logo a {
      display: block; }
    section.mobile .logo img {
      width: 14em; }
  section.mobile nav a {
    display: block; }
  section.mobile .big {
    margin-bottom: 3em; }
    section.mobile .big .order {
      background: #ffa409; }
      section.mobile .big .order span {
        color: #fff; }
    section.mobile .big li {
      padding: 1em 1.5em; }
    section.mobile .big span {
      font-size: 3.7em;
      font-family: "Veneer";
      color: #1d5632; }
  section.mobile .small li {
    padding: 0.5em 1.5em; }
  section.mobile .small span {
    font-size: 2.1em;
    color: #1d5632; }

.page.index .photobreak.filled {
  padding: 0; }
  .page.index .photobreak.filled .table {
    min-height: 70em;
    padding: 15em 0; }

.page.index .popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
  opacity: 0;
  transition: opacity 500ms; }
  .page.index .popup.show {
    opacity: 1; }
  .page.index .popup.ahead {
    z-index: 1001; }
  .page.index .popup .table {
    padding: 2em; }
  .page.index .popup .box {
    background: #fff;
    display: inline-block;
    max-width: 50em;
    box-shadow: 0px 10px 5.5px 4.5px rgba(40, 40, 40, 0.29); }
  .page.index .popup .top {
    background: #7ac141;
    position: relative;
    padding-top: 4em; }
    .page.index .popup .top .logo {
      max-width: 25em;
      margin-bottom: -0.5em; }
    .page.index .popup .top .close {
      position: absolute;
      width: 2.5em;
      height: 2.5em;
      background: #fff;
      top: 1em;
      right: 1em;
      border-radius: 50%;
      cursor: pointer; }
      .page.index .popup .top .close img {
        width: 50%;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute; }
  .page.index .popup .bottom {
    padding: 2em 4.5em; }
    .page.index .popup .bottom p {
      font-size: 1.8em;
      margin-bottom: 0.5rem; }
    .page.index .popup .bottom .button {
      max-width: 100%;
      margin-top: 1em; }
      .page.index .popup .bottom .button a {
        padding: 1em 2.5em; }
      .page.index .popup .bottom .button span {
        font-size: 1.6em; }
    .page.index .popup .bottom form input {
      border: none;
      outline: 0;
      box-shadow: none; }
    .page.index .popup .bottom form input[type=email] {
      font-size: 1.8em;
      text-align: center;
      border-bottom: 1px solid;
      width: 80%;
      margin-bottom: 20px;
      padding: 10px; }
    .page.index .popup .bottom form input[type=submit] {
      font-size: 1.6em;
      padding: 10px 25px;
      background: #7ac141;
      color: #fff; }

.page.index .feed {
  position: relative;
  border-top: 1em solid #fff;
  border-bottom: 1em solid #fff; }
  .page.index .feed #feed .box {
    position: relative;
    float: none;
    display: inline-block;
    vertical-align: middle; }
    .page.index .feed #feed .box .inside {
      position: relative;
      padding-top: 100%;
      overflow: hidden; }
    .page.index .feed #feed .box a {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background-position: center;
      background-size: cover; }
  .page.index .feed #feed .shadow {
    position: absolute;
    bottom: 0;
    height: 30%;
    left: 0;
    right: 0;
    opacity: 0.9;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 3%, rgba(0, 0, 0, 0.09) 16%, rgba(0, 0, 0, 0.64) 98%, rgba(0, 0, 0, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    /* IE6-9 */ }
  .page.index .feed #feed .description {
    position: absolute;
    bottom: 2em;
    left: 2em;
    right: 2em;
    text-align: center; }
    .page.index .feed #feed .description .likes, .page.index .feed #feed .description .comments {
      display: inline-block;
      vertical-align: middle; }
      .page.index .feed #feed .description .likes:last-child, .page.index .feed #feed .description .comments:last-child {
        margin-left: 2.5em; }
    .page.index .feed #feed .description img, .page.index .feed #feed .description span {
      display: inline-block;
      vertical-align: middle; }
    .page.index .feed #feed .description img {
      height: 1.8em;
      margin-right: 0.5em; }
    .page.index .feed #feed .description span {
      font-size: 1.9em;
      color: #fff; }

@media only screen and (max-width: 1024px) {
  .page.index .photobreak.filled .table {
    min-height: 55em; } }

@media only screen and (max-width: 950px) {
  .page.index .feed #feed .description {
    bottom: 1em; } }

@media only screen and (max-width: 767px) {
  .page.index .popup .box {
    max-width: 40em; }
  .page.index .popup .top .logo {
    max-width: 20em; }
  .page.index .popup .bottom {
    padding: 2em 1.5em; }
    .page.index .popup .bottom p {
      font-size: 1.6em; }
    .page.index .popup .bottom form input[type=email] {
      font-size: 1.6em;
      width: 100%; } }

@media only screen and (max-width: 550px) {
  .page.index .feed #feed .description {
    bottom: 0.5em; }
    .page.index .feed #feed .description .comments:last-child {
      margin-left: 1em; } }

.page.rewards .hero {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  padding: 0; }

.page.rewards .content {
  background: #7ac141;
  display: inline-block;
  width: 60em;
  color: #fff;
  margin-top: 8.9em;
  padding: 8em 3em;
  text-align: center; }

.page.rewards .header {
  margin-bottom: 1em; }
  .page.rewards .header p {
    font-size: 4.2em;
    font-family: "Veneer";
    line-height: 1; }

.page.rewards .copy {
  margin-bottom: 3em; }
  .page.rewards .copy p {
    font-size: 2.1em; }
  .page.rewards .copy img {
    max-width: 12.5rem; }

.page.rewards .links {
  margin-top: 5em; }
  .page.rewards .links a {
    display: inline-block;
    vertical-align: middle; }
    .page.rewards .links a:first-child {
      margin-right: 1em; }
    .page.rewards .links a:last-child {
      margin-left: 1em; }
  .page.rewards .links img {
    width: 21.5em; }

@media only screen and (max-width: 1024px) {
  .page.rewards .content {
    margin-top: 6.9em; } }

@media only screen and (max-width: 767px) {
  .page.rewards .hero {
    position: relative;
    height: 38em; }
  .page.rewards .rewards .columns {
    padding: 0; }
  .page.rewards .content {
    margin-top: 0;
    width: 100%;
    padding: 5em 2em; }
  .page.rewards .copy p {
    font-size: 2em; }
  .page.rewards .copy img {
    width: 14em; }
  .page.rewards .links {
    margin-top: 4em; }
    .page.rewards .links a {
      margin: 0 1em 1em; }
    .page.rewards .links img {
      width: 16em; } }

.page.contact .hero .over p {
  color: #fff; }

.page.contact .hero .over p:first-child {
  font-size: 19em; }

.page.contact .hero .over p:last-child {
  font-size: 10.5em; }

.page.contact .form {
  background: #7ac141;
  padding: 5em 0; }
  .page.contact .form form {
    max-width: 60em;
    margin: 0 auto; }
  .page.contact .form .line {
    margin-bottom: 2em; }
    .page.contact .form .line:last-child {
      margin-bottom: 0;
      margin-top: 5em; }
  .page.contact .form label {
    display: block;
    font-size: 2.1em;
    color: #fff;
    margin-bottom: 0.25rem;
    transition: color 250ms; }
  .page.contact .form input[type=text], .page.contact .form input[type=email], .page.contact .form textarea {
    width: 100%;
    border: 2px solid #fff;
    outline: 0;
    box-shadow: none;
    margin: 0;
    font-size: 1.8em;
    color: #1d5632;
    padding: 10px 20px;
    transition: border-color 250ms; }
  .page.contact .form textarea {
    resize: none; }
  .page.contact .form input[type=submit] {
    font-size: 2.4em;
    background: #1d5632;
    color: #fff;
    border: none;
    outline: 0;
    box-shadow: none;
    padding: 15px 70px; }
    .page.contact .form input[type=submit].disabled {
      opacity: 0.5;
      cursor: no-drop; }
  .page.contact .form .file {
    font-size: 10px; }
    .page.contact .form .file input[type=file] {
      width: 0.1px;
      height: 0.1px;
      opacity: 0;
      overflow: hidden;
      position: absolute;
      z-index: -1; }
    .page.contact .form .file span {
      display: inline-block;
      vertical-align: middle;
      line-height: 1; }
    .page.contact .form .file .type {
      font-size: 1.8em; }
    .page.contact .form .file .btn {
      font-size: 1.8em;
      color: #1d5632;
      background: #fff;
      padding: 7px 10px;
      cursor: pointer;
      margin-right: 10px;
      transition: all 250ms; }
      .page.contact .form .file .btn:hover {
        color: #fff;
        background: #1d5632; }
  .page.contact .form select {
    display: none; }
  .page.contact .form .dropdown {
    position: relative;
    border: 2px solid #fff;
    transition: border-color 250ms; }
    .page.contact .form .dropdown.open .options {
      height: auto; }
    .page.contact .form .dropdown.open .visible .bar {
      opacity: 0; }
    .page.contact .form .dropdown.open .visible .close {
      opacity: 1; }
    .page.contact .form .dropdown .visible {
      padding: 1em 2em;
      background: #fff; }
      .page.contact .form .dropdown .visible span {
        color: #fff;
        font-size: 2em; }
      .page.contact .form .dropdown .visible.show span {
        color: #1d5632; }
      .page.contact .form .dropdown .visible img {
        position: absolute;
        right: 2em;
        top: 50%;
        transform: translate(0, -50%);
        max-width: 2.3em;
        max-height: 1.7em;
        opacity: 0; }
        .page.contact .form .dropdown .visible img.bar {
          opacity: 1; }
    .page.contact .form .dropdown .options {
      position: absolute;
      top: 100%;
      left: -2px;
      right: -2px;
      background: #1d5632;
      height: 0;
      overflow: hidden; }
    .page.contact .form .dropdown li {
      font-size: 2em;
      color: #fff;
      background: transparent;
      cursor: pointer;
      padding: 10px 20px 10px 38px;
      transition: all 250ms; }
      .page.contact .form .dropdown li.active {
        font-weight: 300;
        color: #ffa409; }
      .page.contact .form .dropdown li:hover {
        background: #7ac141;
        color: #fff; }
  .page.contact .form .nano {
    width: 100%;
    height: 20em; }
    .page.contact .form .nano .nano-pane {
      left: 1.5em;
      top: 1em;
      bottom: 1em;
      width: 3px;
      background: transparent;
      border-radius: 0; }
      .page.contact .form .nano .nano-pane .nano-slider {
        background: #fff;
        margin: 0;
        border-radius: 0; }
  .page.contact .form .error label {
    color: #1d5632; }
  .page.contact .form .error input, .page.contact .form .error textarea, .page.contact .form .error .dropdown {
    border-color: #1d5632; }
  .page.contact .form .msg {
    position: relative;
    margin-top: 2em; }
    .page.contact .form .msg p {
      display: none;
      text-align: center;
      font-size: 1.8em;
      margin-bottom: 0;
      color: #1d5632;
      transition: opacity 500ms; }
      .page.contact .form .msg p.show {
        display: block; }

@media only screen and (max-width: 1024px) {
  .page.contact .hero .over p:first-child {
    font-size: 13em; }
  .page.contact .hero .over p:last-child {
    font-size: 7em; }
  .page.contact .form {
    padding: 5em 0 5em; } }

@media only screen and (max-width: 767px) {
  .page.contact .hero .over p:first-child {
    font-size: 6em; }
  .page.contact .hero .over p:last-child {
    font-size: 3.3em; }
  .page.contact .form {
    padding: 3em 2em; }
    .page.contact .form label {
      font-size: 2em; }
    .page.contact .form input[type=text], .page.contact .form input[type=email], .page.contact .form textarea {
      font-size: 1.8em;
      padding: 10px; }
    .page.contact .form input[type=submit] {
      font-size: 2em;
      padding: 15px 50px; }
    .page.contact .form .dropdown li {
      font-size: 1.8em;
      padding-left: 30px; }
    .page.contact .form .dropdown .visible {
      padding: 1em; }
      .page.contact .form .dropdown .visible span {
        font-size: 1.8em; }
      .page.contact .form .dropdown .visible img {
        right: 1em; } }

.page.careers .benefits {
  background: #ffa409;
  color: #fff;
  padding: 8em 0; }
  .page.careers .benefits .header {
    margin-bottom: 5em; }
    .page.careers .benefits .header p {
      font-size: 6.2em;
      font-family: "Veneer"; }
  .page.careers .benefits .boxes {
    margin: 0 auto;
    max-width: 1200px; }
  .page.careers .benefits .box {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    text-align: center;
    margin-bottom: 4em; }
    .page.careers .benefits .box:nth-last-child(-n+3) {
      margin-bottom: 0; }
  .page.careers .benefits img {
    max-height: 10em;
    margin-bottom: 2em; }
  .page.careers .benefits p.title {
    font-size: 3.7em;
    font-family: "Veneer";
    margin-bottom: 1rem;
    line-height: 1; }
  .page.careers .benefits p {
    font-size: 2.2em; }

@media only screen and (max-width: 1024px) {
  .page.careers .benefits .boxes {
    max-width: 700px;
    margin: 0 auto; }
  .page.careers .benefits .box {
    width: 47%; }
    .page.careers .benefits .box.empty {
      display: none; } }

@media only screen and (max-width: 767px) {
  .page.careers .benefits .boxes {
    max-width: 400px; }
  .page.careers .benefits img {
    margin-bottom: 1em; }
  .page.careers .benefits p {
    font-size: 2em; }
  .page.careers .benefits p.title {
    font-size: 3.5em;
    margin-bottom: 0.5rem; }
  .page.careers .benefits .box {
    width: 100%; } }

.page.catering .hero .over p {
  color: #fff; }

.page.catering .hero .over p:first-child {
  font-size: 10em; }

.page.catering .hero .over p:last-child {
  font-size: 19.5em; }

.page.catering .quotes {
  background: #a6a6a6;
  color: #fff;
  text-align: center;
  overflow: hidden; }
  .page.catering .quotes .color {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 9999em; }
    .page.catering .quotes .color .bg {
      background-size: contain; }
    .page.catering .quotes .color.left {
      right: 50%; }
      .page.catering .quotes .color.left .bg.default {
        background: #1d5632; }
    .page.catering .quotes .color.right {
      left: 50%; }
      .page.catering .quotes .color.right .bg.default {
        background: #ffa409; }
  .page.catering .quotes .columns {
    padding: 9em 4em 7em;
    z-index: 2; }
  .page.catering .quotes .header {
    margin-bottom: 2em; }
    .page.catering .quotes .header p {
      font-family: "Veneer";
      font-size: 5.2em;
      line-height: 1; }
  .page.catering .quotes .copy p {
    font-size: 2.4em; }

.page.catering .textbreak .copy + .header {
  margin-top: 10em; }

.page.catering .textbreak .button {
  margin-bottom: 3em; }

.page.catering .form .formobile {
  display: none;
  margin-top: 4em; }

@media only screen and (max-width: 1024px) {
  .page.catering .hero .over p:first-child {
    font-size: 7em; }
  .page.catering .hero .over p:last-child {
    font-size: 13.5em; }
  .page.catering .quotes .columns {
    padding: 7em 2em 5em; }
  .page.catering .quotes .header p {
    font-size: 5em; }
  .page.catering .quotes .copy p {
    font-size: 2.5em; } }

@media only screen and (max-width: 767px) {
  .page.catering .hero .over p:first-child {
    font-size: 4.2em; }
  .page.catering .hero .over p:last-child {
    font-size: 8.1em; }
  .page.catering .quotes .bg {
    z-index: 5; }
  .page.catering .quotes .color {
    display: none; }
  .page.catering .quotes .columns {
    padding: 4em 2em 3em; }
    .page.catering .quotes .columns.left {
      background: #1d5632; }
    .page.catering .quotes .columns.right {
      background: #ffa409; }
  .page.catering .quotes .header p {
    font-size: 4.2em; }
  .page.catering .quotes .copy p {
    font-size: 2em; }
  .page.catering .form .typeform {
    display: none; }
  .page.catering .form .formobile {
    display: block; } }

.page.about .collage {
  position: relative;
  overflow: hidden; }
  .page.about .collage .show, .page.about .collage .show2 {
    height: 100%; }
  .page.about .collage.big .slide {
    height: 100%; }
    .page.about .collage.big .slide div {
      display: inline-block;
      vertical-align: bottom;
      width: 50%;
      padding-top: 32.5%;
      background-position: center;
      background-size: cover; }
  .page.about .collage.small {
    padding-top: 65%;
    overflow: hidden;
    display: none; }
    .page.about .collage.small .wrapper {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .page.about .collage.small .slide {
      background-position: center;
      background-size: cover;
      height: 100%; }

.page.about .charities .slide {
  display: inline-block;
  vertical-align: middle;
  float: none; }

.page.about .charities .logos {
  margin-top: 3em; }
  .page.about .charities .logos .slide {
    display: inline-block;
    vertical-align: middle;
    float: none;
    cursor: pointer;
    position: relative; }
    .page.about .charities .logos .slide:nth-child(-n+3) {
      margin-top: 0; }
    .page.about .charities .logos .slide:nth-last-child(-n+3) {
      margin-bottom: 0; }
    .page.about .charities .logos .slide.orange img.on {
      opacity: 1; }
    .page.about .charities .logos .slide.orange img.off {
      opacity: 0; }
  .page.about .charities .logos img {
    display: inline-block;
    max-width: 20em;
    max-height: 12em;
    transition: opacity 500ms; }
    .page.about .charities .logos img.off {
      opacity: 1; }
    .page.about .charities .logos img.on {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      opacity: 0; }
  .page.about .charities .logos .prev, .page.about .charities .logos .next {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4em;
    z-index: 5;
    display: none; }
    .page.about .charities .logos .prev img, .page.about .charities .logos .next img {
      position: absolute;
      top: 50%;
      height: 3em;
      margin-top: -1.5em;
      cursor: pointer; }
  .page.about .charities .logos .prev {
    left: -2em; }
    .page.about .charities .logos .prev img {
      left: 50%;
      transform: translateX(-50%); }
  .page.about .charities .logos .next {
    right: -2em; }
    .page.about .charities .logos .next img {
      right: 50%;
      transform: rotate(-180deg) translateX(-50%); }
  .page.about .charities .logos .current {
    position: absolute;
    left: 50%;
    top: 100%;
    margin-top: 2em;
    margin-left: -0.75em;
    width: 1.5em;
    transform: rotate(90deg);
    transition: left 500ms; }

.page.about .textbreak .lists ul {
  display: block;
  text-align: center; }

.page.about .textbreak .lists li {
  display: inline-block;
  width: 33.3334%;
  text-align: center;
  padding: 0 1em; }
  .page.about .textbreak .lists li a {
    display: block; }
  .page.about .textbreak .lists li div {
    max-width: 20em;
    margin: 0 auto; }
  .page.about .textbreak .lists li img {
    max-height: 11em; }

@media only screen and (max-width: 1024px) {
  .page.about .charities .logos img {
    max-width: 18em;
    max-height: 10em; } }

@media only screen and (max-width: 767px) {
  .page.about .charities .logos img.off {
    opacity: 0; }
  .page.about .charities .logos img.on {
    opacity: 1; }
  .page.about .charities .logos .prev, .page.about .charities .logos .next {
    display: block; }
  .page.about .charities .logos .prev {
    left: 50%;
    margin-left: -15em; }
  .page.about .charities .logos .next {
    right: 50%;
    margin-right: -15em; }
  .page.about .charities .logos .current {
    display: none; }
  .page.about .textbreak .lists li {
    width: 50%; }
    .page.about .textbreak .lists li div {
      max-width: 13em; }
    .page.about .textbreak .lists li img {
      max-height: 7em; } }

@media only screen and (max-width: 767px) {
  .page.about .collage.big {
    display: none; }
  .page.about .collage.small {
    display: block; } }

.page.locations .map {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%; }
  .page.locations .map .actual {
    height: 100%; }
  .page.locations .map .legend {
    position: absolute;
    top: 11em;
    left: 52em;
    z-index: 100;
    display: none; }
    .page.locations .map .legend img {
      width: 16em; }
    .page.locations .map .legend.show {
      display: block; }

.page.locations .results {
  display: inline-block;
  width: 50em;
  height: 100%;
  position: relative;
  z-index: 10; }
  .page.locations .results .arrow {
    position: absolute;
    left: 100%;
    top: 20em;
    width: 2em;
    z-index: 1;
    opacity: 0; }
    .page.locations .results .arrow.show {
      opacity: 1; }
  .page.locations .results .wrapper {
    position: absolute;
    top: 8.9em;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.75);
    box-shadow: 3px 0px 13px 0px rgba(0, 0, 0, 0.13);
    padding: 4em 0; }
  .page.locations .results .nano .nano-content {
    left: 0;
    outline: 0; }
  .page.locations .results .nano .nano-pane {
    left: 6em;
    border-radius: 0;
    width: 6px;
    background: transparent; }
    .page.locations .results .nano .nano-pane .nano-slider {
      background: #e0e0e0;
      border-radius: 0; }
  .page.locations .results .location {
    position: relative;
    margin-bottom: 3em;
    overflow: hidden; }
    .page.locations .results .location:last-child {
      margin-bottom: 0; }
    .page.locations .results .location.active {
      background: #1d5632; }
      .page.locations .results .location.active .padded {
        padding-top: 2em;
        padding-bottom: 3em; }
      .page.locations .results .location.active .name {
        margin-bottom: 2em; }
        .page.locations .results .location.active .name p {
          color: #fff; }
      .page.locations .results .location.active .info {
        height: auto; }
    .page.locations .results .location .padded {
      padding-left: 8.5em;
      padding-right: 2em; }
    .page.locations .results .location .name {
      padding-right: 3em; }
    .page.locations .results .location .close {
      position: absolute;
      width: 1.8em;
      top: 2.5em;
      right: 2em;
      cursor: pointer; }
    .page.locations .results .location .info {
      height: 0;
      overflow: hidden;
      color: #fff; }
      .page.locations .results .location .info p {
        margin-bottom: 0;
        font-size: 1.6em; }
      .page.locations .results .location .info .address {
        margin-bottom: 2em; }
      .page.locations .results .location .info .blocks:last-child {
        margin-bottom: 0; }
      .page.locations .results .location .info .blocks .block {
        display: inline-block;
        vertical-align: top;
        width: 18em; }
        .page.locations .results .location .info .blocks .block:first-child {
          margin-right: 2em; }
      .page.locations .results .location .info .blocks .title {
        font-family: "Veneer";
        font-size: 2.5em; }
      .page.locations .results .location .info .buttons .button {
        width: 18em;
        text-align: center;
        margin-top: 4em; }
        .page.locations .results .location .info .buttons .button a {
          padding: 1em 1.5em; }
        .page.locations .results .location .info .buttons .button span {
          font-size: 2em; }
        .page.locations .results .location .info .buttons .button:first-child {
          margin-right: 2em; }
      .page.locations .results .location .info .buttons .noshow {
        display: none; }
  .page.locations .results .name {
    cursor: pointer; }
    .page.locations .results .name p {
      font-size: 3.2em;
      font-family: "Veneer";
      line-height: 1;
      color: #7ac141; }

.page.locations .gallery {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  padding-left: 50em; }
  .page.locations .gallery.visible {
    height: 38em; }
  .page.locations .gallery .wrapper {
    background: #fff;
    height: 100%;
    overflow: hidden; }
  .page.locations .gallery .show {
    height: 100%; }
  .page.locations .gallery .slide {
    background-position: center;
    background-size: cover;
    height: 100%; }

@media only screen and (max-width: 1024px) {
  .page.locations .results {
    width: 40em; }
    .page.locations .results .wrapper {
      top: 6.9em;
      padding-bottom: 2em; }
    .page.locations .results .nano .nano-pane {
      left: 2em; }
    .page.locations .results .location .padded {
      padding-left: 5em; }
    .page.locations .results .location .info .buttons .button {
      width: 15em;
      margin-top: 3em; }
    .page.locations .results .name p {
      font-size: 3em; }
  .page.locations .gallery {
    padding-left: 40em; } }

@media only screen and (max-width: 767px) {
  .page.locations {
    height: auto !important; }
    .page.locations .map {
      display: none; }
    .page.locations .results {
      width: 100%;
      height: auto; }
      .page.locations .results .wrapper {
        top: 0;
        padding-top: 14.3em;
        position: relative;
        box-shadow: none; }
      .page.locations .results .inside {
        max-width: 40em;
        margin: 0 auto;
        text-align: center; }
      .page.locations .results .arrow {
        display: none; }
      .page.locations .results .nano {
        height: auto; }
        .page.locations .results .nano .nano-content {
          position: relative;
          right: 0 !important;
          overflow: initial !important; }
        .page.locations .results .nano .nano-pane {
          display: none !important; }
      .page.locations .results .name p {
        font-size: 2.8em; }
      .page.locations .results .location .padded {
        padding-left: 2em; }
      .page.locations .results .location .name {
        padding-right: 0; }
      .page.locations .results .location .close {
        display: none; }
      .page.locations .results .location .info .blocks .block {
        display: block;
        margin: 0 0 2em;
        width: 100%; }
        .page.locations .results .location .info .blocks .block:last-child {
          margin-bottom: 0; }
      .page.locations .results .location .info .buttons {
        width: 20em;
        margin: 0 auto; }
        .page.locations .results .location .info .buttons .button {
          margin-right: 0 !important;
          margin-top: 2em; }
        .page.locations .results .location .info .buttons .noshow {
          display: inline-block; }
    .page.locations .gallery {
      display: none; } }

.page.menu .nav {
  position: fixed;
  left: 0;
  top: 50%;
  margin-top: 4.45em;
  transform: translate(0, -50%);
  z-index: 150; }
  .page.menu .nav li {
    background: #7ac141;
    width: 25em;
    margin-bottom: 0.5em;
    padding: 1.25em 1.5em;
    border-top-right-radius: 1.7em;
    border-bottom-right-radius: 1.7em;
    cursor: pointer;
    transition: background 250ms; }
    .page.menu .nav li:hover {
      background: #1d5632; }
    .page.menu .nav li.highlight {
      background: #ffa409; }
    .page.menu .nav li span {
      color: #fff;
      font-size: 1.8em; }

.page.menu .category .shift {
  padding-left: 25em; }

.page.menu .category .photo {
  position: relative; }
  .page.menu .category .photo .bg.contain {
    background-size: contain; }
  .page.menu .category .photo .table {
    position: relative;
    height: 30em;
    padding: 0 2em; }
  .page.menu .category .photo p {
    color: #1d5632;
    margin-bottom: 0;
    line-height: 1;
    text-shadow: 2px 2px 14.4px rgba(0, 0, 0, 0.56); }
  .page.menu .category .photo .big {
    font-size: 8em;
    font-family: "Veneer"; }
  .page.menu .category .photo .small, .page.menu .category .photo .smaller {
    line-height: 1.2; }
  .page.menu .category .photo .small {
    font-size: 2.2em; }
  .page.menu .category .photo .smaller {
    font-size: 1.6em; }

.page.menu .category .section {
  margin-bottom: 5em; }
  .page.menu .category .section:last-child {
    margin-bottom: 0; }

.page.menu .category .sectionname {
  text-align: center;
  margin-bottom: 3em; }
  .page.menu .category .sectionname p {
    margin-bottom: 0; }
  .page.menu .category .sectionname .name {
    color: #7ac141;
    font-size: 3em;
    border-bottom: 1px solid rgba(122, 193, 65, 0.5); }
  .page.menu .category .sectionname .name + p {
    margin-top: 0.5rem; }
  .page.menu .category .sectionname .note {
    font-size: 2em;
    color: #1d5632; }

.page.menu .category .items .columns {
  padding: 8em 4em; }

.page.menu .category .item p, .page.menu .category .outro p {
  margin-bottom: 0;
  line-height: 1.2;
  margin-bottom: 0.15rem; }
  .page.menu .category .item p span, .page.menu .category .outro p span {
    color: #7ac141;
    font-style: italic;
    margin-left: 20px;
    display: inline-block;
    float: right; }
  .page.menu .category .item p:after, .page.menu .category .outro p:after {
    clear: both;
    content: "";
    display: table; }

.page.menu .category .item .bird, .page.menu .category .outro .bird {
  width: 3em;
  vertical-align: baseline; }

.page.menu .category .item .name, .page.menu .category .outro .name {
  font-size: 2.2em;
  font-weight: 700;
  color: #1d5632;
  margin-bottom: 0.25rem; }

.page.menu .category .item .cal, .page.menu .category .outro .cal {
  font-size: 1.8em;
  color: #7ac141;
  font-style: italic; }

.page.menu .category .item .desc, .page.menu .category .outro .desc {
  font-size: 1.6em;
  color: #1d5632; }

.page.menu .category .item .title, .page.menu .category .outro .title {
  font-size: 1.8em;
  color: #ffa409; }

.page.menu .category .item .desc + .title, .page.menu .category .outro .desc + .title {
  margin-top: 1rem; }

.page.menu .category .item {
  display: inline-block;
  vertical-align: top;
  width: 27%;
  margin-bottom: 3em; }
  .page.menu .category .item p + .extra {
    margin-top: 1em; }
  .page.menu .category .item.filler {
    margin-bottom: 0; }

.page.menu .category .outro {
  text-align: center;
  margin-top: 3em; }
  .page.menu .category .outro div {
    display: inline-block;
    text-align: left; }

.page.menu .category .two .box, .page.menu .category .three .box {
  display: inline-block;
  vertical-align: top; }

.page.menu .category .two {
  width: 63.5%; }
  .page.menu .category .two .box {
    width: 42.5%; }

.page.menu .category .three {
  width: 100%; }
  .page.menu .category .three .box {
    width: 27%; }

.page.menu .goup {
  position: fixed;
  bottom: 1em;
  right: 1em;
  opacity: 0;
  display: none;
  transition: opacity 250ms; }
  .page.menu .goup img {
    width: 5em;
    cursor: pointer; }
  .page.menu .goup.show {
    opacity: 1; }

.page.menu .powered .content {
  padding-bottom: 10em; }

.page.menu .powered p, .page.menu .powered a {
  display: inline-block;
  vertical-align: middle; }

.page.menu .powered a {
  margin-left: 1em; }

.page.menu .powered p {
  font-size: 2em;
  margin-bottom: 0;
  line-height: 1;
  text-transform: initial; }

.page.menu .powered img {
  width: 15em; }

.page.menu .textbreak {
  color: #1d5632;
  padding-top: 0; }

@media only screen and (max-width: 1024px) {
  .page.menu .nav {
    margin-top: 3.45em; }
    .page.menu .nav li {
      width: 20em; }
      .page.menu .nav li span {
        font-size: 1.6em; }
  .page.menu .category .shift {
    padding-left: 20em; }
  .page.menu .category .photo .table {
    height: 30em; }
  .page.menu .category .photo .big {
    font-size: 7em; }
  .page.menu .category .photo .small {
    font-size: 2.2em; }
  .page.menu .category .items .columns {
    padding: 4em 2em; }
  .page.menu .category .section {
    margin-bottom: 3em; }
  .page.menu .category .item p span, .page.menu .category .outro p span {
    margin-left: 10px; }
  .page.menu .category .item .name, .page.menu .category .outro .name {
    font-size: 1.8em; }
  .page.menu .category .item .title, .page.menu .category .item .cal, .page.menu .category .outro .title, .page.menu .category .outro .cal {
    font-size: 1.7em; }
  .page.menu .category .item {
    width: 30%; }
    .page.menu .category .item.two {
      width: 65%; }
      .page.menu .category .item.two .box {
        width: 46.15%; }
    .page.menu .category .item.three {
      width: 100%; }
      .page.menu .category .item.three .box {
        width: 30%; }
  .page.menu .powered .content {
    padding-bottom: 5em; } }

@media only screen and (max-width: 767px) {
  .page.menu .nav {
    position: relative;
    top: 0;
    margin-top: 3.15em;
    transform: translate(0, 0); }
    .page.menu .nav li {
      width: 100%;
      text-align: center;
      border-radius: 0; }
  .page.menu .category .photo .table {
    height: 20em; }
  .page.menu .category .photo .big {
    font-size: 5em; }
  .page.menu .category .photo .small {
    font-size: 1.8em; }
  .page.menu .category .photo .smaller {
    font-size: 1.4em; }
  .page.menu .category .shift {
    padding-left: 0; }
  .page.menu .category .section {
    margin-bottom: 2em; }
  .page.menu .category .item {
    width: 100%;
    margin-bottom: 2em; }
    .page.menu .category .item.two, .page.menu .category .item.three {
      width: 100%; }
      .page.menu .category .item.two .box, .page.menu .category .item.three .box {
        width: 100%; }
  .page.menu .category .outro {
    margin-top: 0; }
  .page.menu .goup {
    display: block; }
  .page.menu .powered img {
    width: 12em; }
  .page.menu .powered p {
    font-size: 1.6em; } }

.page.blog .spacer {
  padding-top: 10em; }

.page.blog .articles {
  padding: 5em 0; }
  .page.blog .articles .article {
    margin-bottom: 5em; }
    .page.blog .articles .article:last-child {
      margin-bottom: 0; }
    .page.blog .articles .article .image {
      margin-bottom: 1.5em;
      position: relative; }
      .page.blog .articles .article .image:hover .hover {
        opacity: 1; }
      .page.blog .articles .article .image a {
        display: block; }
    .page.blog .articles .article .head p {
      margin-bottom: 0; }
    .page.blog .articles .article .head p.name {
      font-size: 2.1em;
      font-weight: 700;
      color: #1d5632; }
    .page.blog .articles .article .head p.date {
      font-size: 1.8em;
      color: #1d5632; }
    .page.blog .articles .article .hover {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(29, 86, 50, 0.8);
      transition: opacity 500ms;
      opacity: 0; }
      .page.blog .articles .article .hover .table {
        padding: 2em; }
      .page.blog .articles .article .hover p {
        color: #fff;
        margin-bottom: 0;
        line-height: 1.2; }
      .page.blog .articles .article .hover .excerpt {
        font-size: 4em;
        font-family: "Veneer"; }
      .page.blog .articles .article .hover .more {
        font-size: 2.1em; }

.page.blog .side .list a {
  display: block;
  color: #1d5632;
  font-size: 1.8em;
  margin-bottom: 1rem; }
  .page.blog .side .list a:last-child {
    margin-bottom: 0; }

.page.blog .pagination .left, .page.blog .pagination .right {
  display: inline-block;
  vertical-align: middle;
  width: 50%; }

.page.blog .pagination .right {
  text-align: right; }

.page.blog .pagination a {
  color: #1d5632;
  font-size: 3.7em;
  font-family: "Veneer"; }

.page.blog.single .article {
  padding: 10em 0;
  color: #1d5632; }
  .page.blog.single .article .head {
    margin-bottom: 6em; }
    .page.blog.single .article .head p {
      font-size: 2.4em;
      margin-bottom: 0; }
      .page.blog.single .article .head p span {
        text-transform: uppercase; }
    .page.blog.single .article .head .title {
      font-size: 6.2em; }
  .page.blog.single .article .full .normal, .page.blog.single .article .full .quote {
    margin-bottom: 7em; }
    .page.blog.single .article .full .normal:last-child, .page.blog.single .article .full .quote:last-child {
      margin-bottom: 0; }
  .page.blog.single .article .full .normal {
    padding-left: 9em; }
    .page.blog.single .article .full .normal p {
      font-size: 2.4em;
      line-height: 2;
      margin-bottom: 4.5rem; }
      .page.blog.single .article .full .normal p:last-child {
        margin-bottom: 0; }
      .page.blog.single .article .full .normal p a {
        text-decoration: underline; }
  .page.blog.single .article .full .quote p {
    font-family: "Veneer";
    font-size: 6.2em;
    text-align: center;
    line-height: 1.2; }

.page.nutrition {
  padding-bottom: 10em; }
  .page.nutrition .textbreak {
    color: #1d5632;
    padding: 8em 0; }
  .page.nutrition .catitle {
    position: relative;
    padding: 1em;
    margin-bottom: 3em;
    overflow: hidden; }
    .page.nutrition .catitle:after {
      content: "";
      border-bottom: 1px solid #1d5632;
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 999em;
      transform: translateX(-50%); }
    .page.nutrition .catitle p {
      color: #1d5632;
      font-size: 2.2em;
      font-weight: 700; }
  .page.nutrition .category {
    margin-bottom: 3em;
    overflow: hidden;
    transition: height 500ms; }
  .page.nutrition .info {
    background: #7ac141;
    padding: 1.5em 0;
    margin-bottom: 2em; }
    .page.nutrition .info p {
      color: #fff;
      margin-bottom: 0; }
    .page.nutrition .info .left {
      position: absolute;
      width: 20em;
      left: 1em;
      top: 50%;
      transform: translateY(-55%); }
    .page.nutrition .info .right {
      padding-left: 20em; }
    .page.nutrition .info .lead {
      font-size: 2.2em;
      font-weight: 700; }
    .page.nutrition .info .item {
      font-size: 1.5em; }
      .page.nutrition .info .item span {
        font-weight: 700; }
  .page.nutrition .nutri .table {
    border-collapse: collapse; }
    .page.nutrition .nutri .table:last-child {
      margin-bottom: 0; }
    .page.nutrition .nutri .table.labels .cell {
      height: 20em; }
    .page.nutrition .nutri .table.labels .relative {
      position: relative;
      height: 100%;
      overflow: hidden; }
    .page.nutrition .nutri .table.labels p {
      position: absolute;
      left: 50%;
      bottom: 0;
      white-space: nowrap;
      font-weight: 700;
      color: #7ac141;
      font-size: 1.8em;
      transform: rotate(-90deg);
      transform-origin: left center; }
  .page.nutrition .nutri .trow {
    position: relative;
    cursor: pointer;
    background: transparent;
    transition: background 250ms; }
    .page.nutrition .nutri .trow.first .cell {
      border: 0; }
    .page.nutrition .nutri .trow:first-child .cell {
      border-top: 0; }
    .page.nutrition .nutri .trow.selected {
      background: rgba(224, 224, 224, 0.5); }
  .page.nutrition .nutri .cell {
    border: 1px solid #e0e0e0;
    text-align: center;
    padding: 1.5em 0.25em; }
    .page.nutrition .nutri .cell p {
      font-size: 1.8em;
      line-height: 1;
      color: #1d5632;
      word-break: break-word; }
    .page.nutrition .nutri .cell:first-child {
      border-left: 0; }
    .page.nutrition .nutri .cell:last-child {
      border-right: 0; }
    .page.nutrition .nutri .cell.name {
      width: 35em;
      text-align: right;
      padding: 1.5em 2em 1.5em 0;
      position: relative; }
      .page.nutrition .nutri .cell.name p {
        font-size: 2em;
        margin-bottom: 0;
        line-height: 1; }
      .page.nutrition .nutri .cell.name img {
        max-width: 5em;
        max-height: 5em;
        position: absolute;
        top: 50%;
        right: 1em;
        transform: translateY(-50%); }
    .page.nutrition .nutri .cell.name.photo {
      padding: 1.5em 7em 1.5em 0; }
    .page.nutrition .nutri .cell.name.cat p {
      font-size: 2.2em;
      color: #7ac141;
      font-weight: 700; }
    .page.nutrition .nutri .cell.allergen {
      width: 10.5em; }
      .page.nutrition .nutri .cell.allergen p {
        font-weight: 700; }
    .page.nutrition .nutri .cell.more {
      background-size: 2em;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("/images/icons/info_icon.svg");
      cursor: pointer;
      display: none; }
  .page.nutrition .nutri.higher .category {
    margin-bottom: 0; }
  .page.nutrition .nutri.higher .trow {
    cursor: default; }
  .page.nutrition .nutri.fixed {
    position: fixed;
    bottom: -33em;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 200;
    border-top: 2px solid #7ac141;
    transition: bottom 500ms; }
    .page.nutrition .nutri.fixed.stick {
      bottom: 0; }
    .page.nutrition .nutri.fixed.stay {
      position: relative;
      bottom: 0; }
    .page.nutrition .nutri.fixed .totes {
      position: absolute;
      top: 0;
      left: 0;
      margin-left: -7em;
      white-space: nowrap; }
      .page.nutrition .nutri.fixed .totes p {
        font-size: 2.2em;
        font-weight: 700;
        color: #7ac141;
        line-height: 1;
        display: inline-block; }
        .page.nutrition .nutri.fixed .totes p span {
          display: none; }
    .page.nutrition .nutri.fixed .table.totals {
      margin-bottom: 0; }
      .page.nutrition .nutri.fixed .table.totals .cell {
        border-top: 0 !important; }
    .page.nutrition .nutri.fixed .table.labels .cell.name, .page.nutrition .nutri.fixed .table.labels .cell.allergen {
      border-top: 0 !important; }
    .page.nutrition .nutri.fixed .table.labels .cell p {
      top: 0;
      bottom: auto;
      right: 50%;
      left: auto;
      transform-origin: right center; }
    .page.nutrition .nutri.fixed .trow {
      cursor: default; }
    .page.nutrition .nutri.fixed .cell {
      border-top: 1px solid #e0e0e0 !important;
      border-bottom: 0; }
      .page.nutrition .nutri.fixed .cell.name {
        border-right: 1px solid transparent; }
      .page.nutrition .nutri.fixed .cell.allergen {
        opacity: 0;
        border-color: transparent; }
      .page.nutrition .nutri.fixed .cell.allergen + .cell {
        opacity: 0;
        border-top: 0 !important; }
  .page.nutrition .powered .content {
    padding-top: 5em; }
  .page.nutrition .powered p, .page.nutrition .powered a {
    display: inline-block;
    vertical-align: middle; }
  .page.nutrition .powered a {
    margin-left: 1em; }
  .page.nutrition .powered p {
    font-size: 2em;
    margin-bottom: 0;
    line-height: 1;
    text-transform: initial; }
  .page.nutrition .powered img {
    width: 15em; }

@media only screen and (max-width: 1300px) {
  .page.nutrition .nutri .cell p {
    font-size: 1.6em; }
  .page.nutrition .nutri .cell.name {
    width: 28em; }
    .page.nutrition .nutri .cell.name p {
      font-size: 1.6em; }
  .page.nutrition .nutri .cell.allergen {
    width: 9em; } }

@media only screen and (max-width: 1024px) {
  .page.nutrition {
    padding-bottom: 5em; }
    .page.nutrition .hero .big {
      font-size: 8em; }
    .page.nutrition .hero .small {
      font-size: 5.6em; }
    .page.nutrition .info .left {
      width: 12em; }
    .page.nutrition .info .right {
      padding-left: 12em; }
    .page.nutrition .info .lead {
      font-size: 1.4em; }
    .page.nutrition .info .item {
      font-size: 1.2em; }
    .page.nutrition .nutri .table.labels p {
      font-size: 1.8em; }
    .page.nutrition .nutri .cell {
      padding: 1.25em 0.25em; }
      .page.nutrition .nutri .cell p {
        font-size: 1.4em; }
      .page.nutrition .nutri .cell.name.cat p {
        font-size: 1.8em; }
      .page.nutrition .nutri .cell.name {
        width: 22em;
        padding: 1.25em 2em 1.25em 0; }
        .page.nutrition .nutri .cell.name p {
          font-size: 1.4em; }
        .page.nutrition .nutri .cell.name img {
          max-width: 4em;
          max-height: 4em; }
      .page.nutrition .nutri .cell.name.photo {
        padding: 1.25em 6em 1.25em 0; }
      .page.nutrition .nutri .cell.allergen {
        width: 6em; }
    .page.nutrition .nutri.fixed .totes {
      margin-left: -6em; }
      .page.nutrition .nutri.fixed .totes p {
        font-size: 1.8em; }
    .page.nutrition .nutri.fixed .table.labels .cell {
      height: 20em; } }

@media only screen and (max-width: 767px) {
  .page.nutrition .hero .big {
    font-size: 5em; }
  .page.nutrition .hero .small {
    font-size: 3.5em; }
  .page.nutrition .info {
    display: none; }
  .page.nutrition .nutri {
    padding: 0 1em; }
    .page.nutrition .nutri .table.labels {
      display: none; }
    .page.nutrition .nutri .trow.first .cell.more {
      opacity: 0; }
    .page.nutrition .nutri .trow.extras {
      display: none; }
    .page.nutrition .nutri .cell {
      display: none; }
      .page.nutrition .nutri .cell.name, .page.nutrition .nutri .cell.more {
        display: table-cell; }
      .page.nutrition .nutri .cell.name {
        width: auto;
        text-align: left;
        padding: 1em 2em 1em 1em; }
        .page.nutrition .nutri .cell.name p {
          font-size: 1.6em; }
        .page.nutrition .nutri .cell.name img {
          left: 0.5em;
          right: auto; }
      .page.nutrition .nutri .cell.name.photo {
        padding: 1.25em 0 1.25em 5em; }
      .page.nutrition .nutri .cell.more {
        width: 6em; }
  .page.nutrition .nutri.fixed {
    padding: 0.5em 1em; }
    .page.nutrition .nutri.fixed .totes {
      margin-left: 0; }
      .page.nutrition .nutri.fixed .totes p span {
        display: inline-block; }
    .page.nutrition .nutri.fixed .cell.name {
      display: none; }
    .page.nutrition .nutri.fixed .cell:nth-child(4) {
      display: table-cell;
      border-color: transparent;
      padding-left: 1em; }
      .page.nutrition .nutri.fixed .cell:nth-child(4) .relative {
        padding-right: 2em; }
      .page.nutrition .nutri.fixed .cell:nth-child(4) p {
        text-align: right;
        font-weight: 700;
        color: #7ac141; }
  .page.nutrition .powered img {
    width: 12em; }
  .page.nutrition .powered p {
    font-size: 1.6em; } }

body.noscroll {
  overflow-y: scroll;
  height: 100% !important; }

.wrap.fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%; }

.nutriflow {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 1100;
  position: absolute;
  position: fixed;
  min-width: 32em;
  transition: opacity 500ms; }
  .nutriflow.open {
    opacity: 1;
    transition: opacity 500ms; }
  .nutriflow.visible {
    visibility: visible; }
    .nutriflow.visible section {
      height: auto; }
  .nutriflow .outside {
    position: relative;
    height: 100%; }
  .nutriflow .inside {
    position: absolute;
    top: 0;
    left: 0;
    right: -3em;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    background: rgba(0, 0, 0, 0.5); }
  .nutriflow .content {
    padding: 15em 0 3em;
    position: relative;
    width: 30em;
    max-width: 90%;
    margin: 0 auto; }
  .nutriflow .wrapper {
    background: #fff;
    padding: 4em 0 0;
    position: relative; }
  .nutriflow .close {
    position: absolute;
    top: 1em;
    right: 1em;
    width: 1.5em;
    height: 1.5em;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat; }
  .nutriflow .header {
    margin-bottom: 2em;
    padding: 0 2em; }
    .nutriflow .header p {
      font-size: 2.2em;
      color: #1d5632;
      text-align: center;
      line-height: 1; }
  .nutriflow .info {
    margin-bottom: 2em; }
    .nutriflow .info p {
      font-size: 1.3em;
      margin-bottom: 0;
      color: #1d5632; }
    .nutriflow .info .line {
      border-bottom: 1px solid #e0e0e0; }
      .nutriflow .info .line:first-child {
        border-top: 1px solid #e0e0e0; }
        .nutriflow .info .line:first-child .val p {
          font-weight: 700; }
    .nutriflow .info .name, .nutriflow .info .val {
      display: inline-block;
      vertical-align: middle;
      padding: 0.75em 2em; }
    .nutriflow .info .name {
      width: 70%;
      border-right: 1px solid #e0e0e0; }
    .nutriflow .info .val {
      width: 30%;
      text-align: center; }
  .nutriflow .allergen {
    background: #7ac141;
    color: #fff;
    text-align: center;
    padding: 1em; }
    .nutriflow .allergen p {
      font-size: 1.5em;
      margin-bottom: 0.75rem; }
    .nutriflow .allergen li {
      display: inline-block;
      vertical-align: middle;
      text-align: left;
      width: 25%;
      font-size: 1.1em;
      margin-bottom: 0.5rem; }