@charset "UTF-8";
/*
*
* Skinnypizza website proudly made by

*
*/
/**
 * @license
 * MyFonts Webfont Build ID 3429099, 2017-07-28T13:33:25-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: Cervo-Medium by Typoforge Studio
 * URL: https://www.myfonts.com/fonts/blazej-ostoja-lniski/cervo/medium/
 * Copyright: Copyright (c) 2014 by B&#x0142;a&#x017C;ej Ostoja Lniski. All rights reserved.
 * 
 * Webfont: Cervo-Regular by Typoforge Studio
 * URL: https://www.myfonts.com/fonts/blazej-ostoja-lniski/cervo/regular/
 * Copyright: Copyright (c) 2014 by B&#x0142;a&#x017C;ej Ostoja Lniski. All rights reserved.
 * 
 * Webfont: CervoNeue-ExtraBoldNeue by Typoforge Studio
 * URL: https://www.myfonts.com/fonts/blazej-ostoja-lniski/cervo-neue/extra-bold/
 * Copyright: Copyright &#x00A9; 2016 by B&#x0142;a&#x017C;ej Ostoja Lniski Typoforge Studio. All rights reserved.
 * 
 * Webfont: CervoNeue-MediumNeue by Typoforge Studio
 * URL: https://www.myfonts.com/fonts/blazej-ostoja-lniski/cervo-neue/medium/
 * Copyright: Copyright &#x00A9; 2016 by B&#x0142;a&#x017C;ej Ostoja Lniski Typoforge Studio. All rights reserved.
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3429099
 * Licensed pageviews: 10,000
 * 
 * © 2017 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3452eb");
@font-face {
  font-family: 'Cervo-Medium';
  src: url("../fonts/cervo/3452EB_0_0.eot");
  src: url("../fonts/cervo/3452EB_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/cervo/3452EB_0_0.woff2") format("woff2"), url("../fonts/cervo/3452EB_0_0.woff") format("woff"), url("../fonts/cervo/3452EB_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Cervo-Regular';
  src: url("../fonts/cervo/3452EB_1_0.eot");
  src: url("../fonts/cervo/3452EB_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/cervo/3452EB_1_0.woff2") format("woff2"), url("../fonts/cervo/3452EB_1_0.woff") format("woff"), url("../fonts/cervo/3452EB_1_0.ttf") format("truetype"); }

@font-face {
  font-family: 'CervoNeue-ExtraBoldNeue';
  src: url("../fonts/cervo/3452EB_2_0.eot");
  src: url("../fonts/cervo/3452EB_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/cervo/3452EB_2_0.woff2") format("woff2"), url("../fonts/cervo/3452EB_2_0.woff") format("woff"), url("../fonts/cervo/3452EB_2_0.ttf") format("truetype"); }

@font-face {
  font-family: 'CervoNeue-MediumNeue';
  src: url("../fonts/cervo/3452EB_3_0.eot");
  src: url("../fonts/cervo/3452EB_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/cervo/3452EB_3_0.woff2") format("woff2"), url("../fonts/cervo/3452EB_3_0.woff") format("woff"), url("../fonts/cervo/3452EB_3_0.ttf") format("truetype"); }

body {
  font-size: 62.5%;
  min-width: 32em;
  background: #f1f1f1;
  color: #5e1800;
  font-family: "Cervo-Regular";
  opacity: 0;
  transition: opacity 500ms; }
  body.ready {
    opacity: 1; }
  body.mobiled {
    overflow-y: scroll; }

.wrap {
  position: relative;
  min-width: 32em;
  min-height: 100%;
  overflow: hidden; }
  .wrap.mobiled {
    position: fixed !important;
    left: 0;
    top: 0;
    width: 100%; }

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

h1, h2, h3, h4, h5, h6 {
  font-weight: inherit;
  font-family: "CervoNeue-ExtraBoldNeue";
  line-height: 1;
  margin-bottom: 0; }

p {
  font-size: 1.4em;
  line-height: 1.3;
  margin-bottom: 1em; }
  p:last-child {
    margin-bottom: 0; }

sup {
  font-size: 50%;
  left: -0.1em;
  top: -0.7em; }

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

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: bold; }

.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%; }

.row {
    max-width: 90rem;
    max-width: 100%;
    padding: 0 3em;
}

.columns {
  min-height: 1px;
  padding: 0 0.8em; }
  .columns:first-child {
    padding-left: 0; }
  .columns:last-child {
    padding-right: 0; }

.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; } }

.page {
  background: #fff; }

@media only screen and (max-width: 1024px) {
  main.page {
    padding-top: 0em; } }

@media only screen and (max-width: 767px) {
  main.page {
    padding-top: 0; } }

main,
section {
  position: relative; }

.button {
  border: 3px solid #ef4123;
  background: rgba(255, 255, 255, 0.8);
  display: inline-block;
  transition: background 250ms; }
  .button:hover {
    background: white; }
  .button.active {
    background: #ef4123; }
    .button.active span {
      color: #fff; }
  .button a {
    display: block;
    padding: 1.5em 6em; }
  .button span {
    font-family: "Cervo-Medium";
    font-size: 3em;
    color: #ef4123;
    text-transform: uppercase;
    letter-spacing: 0.22em;
    line-height: 1;
    transition: color 250ms; }

@media only screen and (max-width: 1024px) {
  .button a {
    padding: 1.25em 4.5em; }
  .button span {
    font-size: 2.2em; } }

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

.bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center; }

.hero {
  padding-top: 61%; }
  .hero .wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .hero .show {
    height: 100%; }
    .hero .show .slide {
      height: 100%;
      position: relative; }
  .hero .pagination {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: calc(18.5em / 4);
    transform: translateY(-50%); }
  .hero .slick-dots {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%); }
    .hero .slick-dots li {
      width: 1.2em;
      height: 1.2em;
      border: 1px solid #ef4123;
      border-radius: 50%;
      margin-bottom: 3em;
      cursor: pointer;
      transition: background 500ms; }
      .hero .slick-dots li.slick-active {
        background: #ef4123; }
      .hero .slick-dots li:last-child {
        margin-bottom: 0; }
  .hero .table {
    padding-top: calc(18.5em / 2); }
  .hero .cell {
    float: none; }
  .hero h1 {
    font-size: 7em;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.24em;
    text-shadow: 0px 6px 9px rgba(0, 0, 0, 0.5);
    margin-bottom: 0.1em;
    padding: 0 25px; }
    .hero h1:last-child {
      margin-bottom: 0; }
  .hero p {
    font-size: 2.8em; }
  .hero h1 + .button {
    margin-top: 7em; }
  .hero p + .button {
    margin-top: 3em; }

@media only screen and (max-width: 1024px) {
  .hero .pagination {
    margin-top: 0; }
  .hero .slick-dots {
    right: -1em; }
  .hero .table {
    padding-top: 0; }
  .hero h1 {
    font-size: 5.5em; }
  .hero p {
    font-size: 2.2em; }
  .hero h1 + .button {
    margin-top: 4em; }
  .hero p + .button {
    margin-top: 1em; } }

@media only screen and (max-width: 767px) {
  .hero .pagination {
    display: none; }
  .hero h1 {
    font-size: 2.4em; }
  .hero p {
    font-size: 1.7em; }
  .hero h1 + .button {
    margin-top: 1em; }
  .hero p + .button {
    margin-top: 0; } }

.standard h1 {
  font-family: "CervoNeue-ExtraBoldNeue";
  font-size: 5.4em;
  letter-spacing: 0.14em;
  color: #ef4123;
  margin-bottom: 0.85em;
  text-transform: uppercase; }
  .standard h1:last-child {
    margin-bottom: 0; }

.standard h2 {
  font-family: "CervoNeue-MediumNeue";
  font-size: 4.7em;
  letter-spacing: 0.02em;
  color: #ef4123;
  margin-bottom: 0.85em; }
  .standard h2:last-child {
    margin-bottom: 0; }

.standard p {
  font-size: 2.8em;
  letter-spacing: 0.03em; }
  .standard p strong {
    font-weight: normal;
    color: #ef4123;
    text-transform: uppercase; }

.standard p.note {
  font-size: 2.3em; }

.standard p + .button {
  margin-top: 3em; }

@media only screen and (max-width: 1024px) {
  .standard h1 {
    font-size: 4em; }
  .standard h2 {
    font-size: 3.5em;
    margin-bottom: 0.7em; }
  .standard p {
    font-size: 2.2em; }
  .standard p + .button {
    margin-top: 0.5em; } }

@media only screen and (max-width: 767px) {
  .standard h1 {
    font-size: 2.4em; }
  .standard h2 {
    font-size: 2.2em;
    margin-bottom: 0.5em; }
  .standard p {
    font-size: 1.7em; } }

header {
  padding-top: 25px;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0; }
  header.shadow .bg {
      height: 25px;
    display: block; }
  header .bg {
    display: none;
    height: 100%;
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.54) 10%, transparent 80%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
    /* IE6-9 */
    opacity: 0.8; }
  header a {
    display: block; }
  header .logo {
    width: 15em;
    margin: 0 auto;
    position: relative;
    z-index: 10; }
  header nav ul {
    position: absolute;
    top: 50%;
    width: 50%;
    transform: translateY(-50%); }
    header nav ul.left {
      left: 0;
      padding-right: calc(250px / 2); }
    header nav ul.right {
      right: 0;
      padding-left: calc(250px / 2); }
  header nav li.current span {
    color: #ef4123; }
  header nav li:hover span {
    color: #ef4123; }
  header nav span {
    font-size: 2.7em;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: #fff;
    transition: color 500ms; }
  header .mobile {
    cursor: pointer;
    width: 4.2em;
    height: 3.2em;
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); }
    header .mobile span, header .mobile span:before, header .mobile span:after {
      font-size: 10px;
      width: 4.2em;
      height: 0.4em;
      background: #fff;
      position: absolute;
      left: 0;
      display: block;
      transition: transform 250ms, background 250ms; }
    header .mobile span {
      top: 50%;
      transform: translate(0, -0.2em); }
    header .mobile span:before {
      content: "";
      top: -1.4em; }
    header .mobile span:after {
      content: "";
      bottom: -1.4em; }
    header .mobile.active span {
      background: transparent; }
    header .mobile.active span:before {
      transform: translateY(1.4em) rotate(45deg); }
    header .mobile.active span:after {
      transform: translateY(-1.4em) rotate(-45deg); }

@media only screen and (max-width: 1300px) {
  header .logo {
    width: 15em; }
  header nav ul.left {
    left: 0;
    padding-right: calc(225px / 2); }
  header nav ul.right {
    right: 0;
    padding-left: calc(225px / 2); }
  header nav span {
    font-size: 2.4em; } }

@media only screen and (max-width: 1150px) {
  header .logo {
    width: 14em; }
  header nav ul.left {
    left: 0;
    padding-right: calc(200px / 2); }
  header nav ul.right {
    right: 0;
    padding-left: calc(200px / 2); }
  header nav span {
    font-size: 2em; } }

@media only screen and (max-width: 1024px) {
  header {
    background: #ef4123;
    padding: 1em 0;
    position: fixed; }
    header.shadow .bg {
      display: none; }
    header .logo {
      width: auto;
      display: inline-block;
      margin: 0;
      position: static; }
      header .logo img {
        height: 8em; }
    header nav {
      position: fixed;
      top: 0;
      left: 0;
      right: -3em;
      height: 0;
      background: rgba(94, 24, 0, 0.95);
      padding: 3em;
      overflow-y: scroll;
      overflow-x: hidden;
      opacity: 0;
      visibility: hidden;
      transition: height 250ms, opacity 250ms, visibility 0s 250ms; 
        width: 100%;
    }
      header nav.mobiled {
        height: 100vh;
        opacity: 1;
        visibility: visible;
        transition: height 250ms, opacity 250ms, visibility 0s 0s;
          width: 100%;
      }
      header nav .justify {
        text-align: center;
        font-size: 10px; }
        header nav .justify > * {
          display: block;
          text-align: center; }
      header nav ul {
        position: relative;
        width: calc(100vw - 6em);
        top: 0;
        padding: 0 !important;
        transform: translateY(0); }
        header nav ul:first-child {
          margin-top: 1em; }
        header nav ul:last-child {
          margin-bottom: 3em; }
      header nav li {
        margin-bottom: 2em; }
      header nav span {
        font-size: 3em; }
    header .mobile {
      display: block; } }

@media only screen and (max-width: 767px) {
  header .logo img {
    height: 6em; } }

footer {
  padding: 8em 0 7.5em;
  z-index: 100;
  background: #f1f1f1; }
  footer .container {
    max-width: 100%;
    margin: 0 auto;
}
  footer nav {
    margin-bottom: 80px; }
    footer nav li {
      text-align: center;
      margin-bottom: 2.7em; }
      footer nav li:last-child {
        margin-bottom: 0; }
      footer nav li.spacer {
        opacity: 0; }
        footer nav li.spacer a {
          cursor: default; }
    footer nav span {
      font-size: 2.8em;
      font-family: "Cervo-Medium";
      color: #5e1800; }
  footer .social a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2.5em;
    margin-bottom: 3.5em; }
    footer .social a:first-child {
      margin-left: 0; }
  footer .social img {
    width: 6.3em; }
  footer .social p {
    font-size: 2.2em;
    text-align: center;
    font-family: "Cervo-Medium"; }
  footer .extra {
    text-align: center; }
    footer .extra p:first-child {
      font-size: 2.8em;
      font-family: "Cervo-Medium";
      margin-bottom: 0.5em; }
    footer .extra p:last-child {
      font-size: 2.2em;
      letter-spacing: 0.08em; }
    footer .extra p span {
      display: inline-block; }

@media only screen and (max-width: 1024px) {
  footer .social img {
    width: 5em; } }

@media only screen and (max-width: 767px) {
  footer {
    padding: 5em 0 4.5em; }
    footer nav.justify {
      margin-bottom: 40px;
      text-align: center; }
      footer nav.justify ul {
        width: 33%; }
    footer .social {
      display: block;
      text-align: center;
      margin-top: 8em; }
      footer .social a {
        margin-bottom: 1em; }
      footer .social img {
        width: 5em; } }

@media only screen and (max-width: 500px) {
  footer {
    padding: 3.55em 0 3em; }
    footer nav.justify {
      margin-bottom: 30px; }
      footer nav.justify ul {
        display: block;
        width: 100%; }
      footer nav.justify li {
        margin-bottom: 2em; }
        footer nav.justify li.spacer {
          display: none; }
      footer nav.justify span {
        font-size: 2.5em; }
    footer .social {
      margin-top: 1em; }
      footer .social img {
        width: 4em; }
    footer .extra p:first-child, footer .extra p:last-child {
      font-size: 1.4em; } }

.page.index .info {
  padding: 16em 0 0; }
  .page.index .info .block {
    margin-bottom: 26em; }
  .page.index .info .standard {
    text-align: center;
    position: relative; }
  .page.index .info .float {
    position: absolute;
    max-width: initial; }
    .page.index .info .float.pp {
      width: 48em;
      top: -3%;
      top: 0;
      right: 0;
      transform: translateY(-15%); }
    .page.index .info .float.gp {
      width: 13.5em;
      top: 100%;
      margin-top: 4.5em;
      left: 100%;
      margin-left: -10%; }
    .page.index .info .float.g {
      width: 28em;
      top: -20em;
      right: 95%; }
    .page.index .info .float.t {
      width: 90em;
      right: 100%;
      top: 50%;
      transform: translateY(-60%); }
    .page.index .info .float.c {
      width: 40em;
      bottom: 70%;
      right: -15em; }
    .page.index .info .float.o {
      width: 36em;
      top: 0;
      right: 100%; }
    .page.index .info .float.p {
      width: 34em;
      top: -20em;
      left: 100%; }
  .page.index .info .final {
    margin-bottom: 8em; }
  .page.index .info .pie {
    padding-top: 35%;
    overflow: hidden; }
    .page.index .info .pie img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }

.page.index .feed {
  padding: 4.5em 0; }
  .page.index .feed .slide {
    width: 36em;
    height: 36em;
    background-size: cover;
    background-position: center;
    margin: 0 1.2em;
    position: relative; }
    .page.index .feed .slide a {
      display: block;
      height: 100%; }
    .page.index .feed .slide .bg {
      /* FF3.6-15 */
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, transparent 77%, rgba(0, 0, 0, 0.78) 95%, black 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
      /* IE6-9 */
      opacity: 0.5; }
    .page.index .feed .slide .info {
      position: absolute;
      left: 0;
      bottom: 2em;
      right: 0;
      text-align: center; }
      .page.index .feed .slide .info div {
        display: inline-block;
        vertical-align: middle;
        margin: 0 2em; }
      .page.index .feed .slide .info img, .page.index .feed .slide .info span {
        display: inline-block;
        vertical-align: middle; }
      .page.index .feed .slide .info img {
        width: 2.6em;
        margin-right: 1em; }
      .page.index .feed .slide .info span {
        font-size: 2.4em;
        font-family: "CervoNeue-MediumNeue";
        color: #fff; }

@media only screen and (max-width: 1024px) {
  .page.index .info {
    padding-top: 8em; }
    .page.index .info .block {
      margin-bottom: 5em; }
    .page.index .info .float {
      display: none; }
    .page.index .info .final {
      margin-top: 7em;
      margin-bottom: 6em; }
  .page.index .feed .slide {
    width: 28em;
    height: 28em; }
    .page.index .feed .slide .info {
      bottom: 1em; } }

@media only screen and (max-width: 767px) {
  .page.index .info {
    padding-top: 4em; }
    .page.index .info .block {
      margin-bottom: 3em; }
    .page.index .info .final {
      margin-top: 6em;
      margin-bottom: 4em; }
  .page.index .feed .slide {
    width: 23em;
    height: 23em;
    margin: 0 0.5em; }
    .page.index .feed .slide .info {
      bottom: 0.5em; } }

.page.about .info {
  margin-top: -12em; }
  .page.about .info .standard {
    text-align: center; }
  .page.about .info .boxed .bg {
    left: 4%;
    right: 4%; }
  .page.about .info .boxed .columns {
    width: 57em;
    padding: 0; }
  .page.about .info .boxed .standard {
    padding: 14em 0; }
  .page.about .info .boxed h2, .page.about .info .boxed p {
    color: #fff;
    text-shadow: 0px 6px 9px rgba(0, 0, 0, 0.5); }
  .page.about .info .full .standard {
    padding: 10em 0; }
  .page.about .info .half {
    display: table; }
    .page.about .info .half .table.first .cell:last-child .standard {
      opacity: 0; }
    .page.about .info .half .table.first .standard {
      padding: 7em 3.5em 7em 0; }
    .page.about .info .half .table.first .bg {
      left: 100%;
      right: -100%; }
    .page.about .info .half .table.second .cell:first-child .standard {
      opacity: 0; }
    .page.about .info .half .table.second .standard {
      padding: 7em 0 7em 3.5em; }
    .page.about .info .half .table.second .bg {
      left: -100%;
      right: 100%; }
    .page.about .info .half .table .bg img {
      display: none; }
    .page.about .info .half .spacer {
      visibility: hidden; }
    .page.about .info .half p {
      font-size: 2.4em; }
  .page.about .info .float {
    position: absolute;
    max-width: initial; }
    .page.about .info .float.j {
      width: 30em;
      left: -28em;
      bottom: -11em; }
    .page.about .info .float.c {
      width: 34em;
      top: -10em;
      right: -20em; }

@media only screen and (max-width: 1024px) {
  .page.about .info {
    margin-top: -6em; }
    .page.about .info .boxed .bg {
      left: 3em;
      right: 3em; }
    .page.about .info .boxed .columns {
      width: 45em; }
    .page.about .info .boxed .standard {
      padding: 9.5em 0; }
    .page.about .info .full .standard {
      padding: 7.5em 0; }
    .page.about .info .half .table.first .cell:last-child {
      display: none; }
    .page.about .info .half .table.second .cell:first-child {
      display: none; }
    .page.about .info .half .table .cell {
      display: block; }
    .page.about .info .half .table .bg {
      position: relative;
      background-image: none;
      left: 0 !important;
      right: 0 !important;
      margin: 0 -3em; }
      .page.about .info .half .table .bg img {
        display: block; }
    .page.about .info .half .table .standard {
      padding: 7.5em 0 !important; }
    .page.about .info .half p {
      font-size: 2.2em; }
    .page.about .info .float {
      display: none; } }

@media only screen and (max-width: 767px) {
  .page.about .info {
    margin-top: -3em; }
    .page.about .info .boxed .bg {
      left: 2em;
      right: 2em; }
    .page.about .info .boxed .columns {
      width: 100%; }
    .page.about .info .boxed .standard {
      padding: 5em 0; }
    .page.about .info .full .standard {
      padding: 5em 0; }
    .page.about .info .half .table .bg {
      margin: 0 -4em; }
    .page.about .info .half .table .standard {
      padding: 5em 0 !important; }
    .page.about .info .half p {
      font-size: 1.7em; } }

.page.careers .standard {
  text-align: center;
  margin-bottom: 12em; }
  .page.careers .standard h2 {
    text-transform: uppercase; }

.page.careers .work,
.page.careers .form {
  display: none; }
  .page.careers .work.show,
  .page.careers .form.show {
    display: block; }

.page.careers .work {
  padding: 12em 0 9em; }
  .page.careers .work .relative {
    max-width: 104em;
    margin: 0 auto; }
    .page.careers .work .relative .cell {
      vertical-align: top; }
  .page.careers .work .locations {
    width: 33.5em; }
    .page.careers .work .locations .box {
      box-shadow: 0px 18px 27px 0px rgba(0, 0, 0, 0.22); }
    .page.careers .work .locations .title {
      background: #5e1800;
      padding: 2em 1em; }
      .page.careers .work .locations .title p {
        font-family: "CervoNeue-ExtraBoldNeue";
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        font-size: 2.8em;
        line-height: 1; }
    .page.careers .work .locations .state {
      position: relative; }
      .page.careers .work .locations .state.active .list {
        height: auto; }
      .page.careers .work .locations .state.active > .block {
        background: #ef4123; }
        .page.careers .work .locations .state.active > .block p {
          color: #fff; }
      .page.careers .work .locations .state.active:after {
        display: none; }
      .page.careers .work .locations .state > .block {
        padding: 2.5em 5.5em;
        background: #fdece9; }
        .page.careers .work .locations .state > .block p {
          color: #5e1800;
          font-size: 3em; }
        .page.careers .work .locations .state > .block:after {
          background: #d7d7d7;
          left: 5.5em;
          right: 5.5em; }
      .page.careers .work .locations .state:first-child:after {
        display: none; }
      .page.careers .work .locations .state:after {
        content: '';
        position: absolute;
        top: 0;
        left: 4em;
        right: 4em;
        height: 1px;
        background: #d7d7d7; }
      .page.careers .work .locations .state:hover:not(.active) > .block p {
        color: #ef4123; }
    .page.careers .work .locations .state.active + .state:after {
      display: none; }
    .page.careers .work .locations .list {
      overflow: hidden;
      background: #fff;
      height: 0; }
      .page.careers .work .locations .list .block p {
        font-size: 2.4em; }
      .page.careers .work .locations .list .block.active:before {
        display: block; }
      .page.careers .work .locations .list .block:before {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        left: 30px;
        top: 50%;
        background: #ef4123;
        border-radius: 50%;
        display: none;
        transform: translateY(-50%); }
      .page.careers .work .locations .list .block:after {
        left: 5.5em;
        right: 5.5em; }
      .page.careers .work .locations .list .name {
        padding: 1.5em 8em; }
    .page.careers .work .locations .block {
      position: relative;
      cursor: pointer;
      transition: background 250ms; }
      .page.careers .work .locations .block p {
        line-height: 1;
        font-family: "CervoNeue-MediumNeue";
        transition: color 250ms; }
      .page.careers .work .locations .block:first-child:after {
        display: none; }
      .page.careers .work .locations .block:after {
        content: '';
        position: absolute;
        top: 0;
        height: 1px;
        background: #ef4123; }
  .page.careers .work .map {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 62.5em; }
    .page.careers .work .map #map {
      height: 100%; }
    .page.careers .work .map .infoBox {
      width: auto !important; }
    .page.careers .work .map .markerInfo {
      background: #fff;
      width: 32em;
      padding: 3em 4em;
      font-size: 10px;
      position: relative;
      box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.22);
      opacity: 0;
      transition: opacity 500ms; }
      .page.careers .work .map .markerInfo.show {
        opacity: 1; }
      .page.careers .work .map .markerInfo p {
        font-size: 2em;
        margin-bottom: 0px;
        font-family: "Cervo-Regular"; }
        .page.careers .work .map .markerInfo p span {
          display: inline-block;
          margin-right: 10px;
          padding-right: 10px;
          border-right: 1px solid;
          line-height: 1; }
          .page.careers .work .map .markerInfo p span:last-child {
            margin-right: 0;
            padding-right: 0;
            border-right: 0; }
      .page.careers .work .map .markerInfo .arrow {
        position: absolute;
        width: 2.5em;
        height: 2.5em;
        background: #fff;
        left: 50%;
        top: 100%;
        box-shadow: 6px 6px 9px 0px rgba(0, 0, 0, 0.22);
        transform: translate(-50%, -50%) rotate(45deg); }
  .page.careers .work .positions {
    position: relative;
    top: 0;
    width: 62.5em;
    z-index: 10;
    background: #fff;
    box-shadow: 0px 18px 27px 0px rgba(0, 0, 0, 0.22); }
    .page.careers .work .positions .block {
      display: none;
      background: #fff;
      position: relative;
      height: 100%; }
      .page.careers .work .positions .block.active {
        display: block; }
    .page.careers .work .positions .standard {
      text-align: left;
      margin-bottom: 0;
      padding: 3em 4.5em;
      font-size: 75%; }
    .page.careers .work .positions .title {
      background: #5e1800;
      padding: 2em 1em; }
      .page.careers .work .positions .title p {
        font-family: "CervoNeue-ExtraBoldNeue";
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        font-size: 2.8em;
        line-height: 1; }
    .page.careers .work .positions .pos + hr {
      margin-top: 0; }
    .page.careers .work .positions hr {
      margin: 3em 0; }
    .page.careers .work .positions h2 {
      margin-bottom: 0.5em; }
    .page.careers .work .positions p.bold {
      margin-bottom: 0.5em; }
    .page.careers .work .positions ul {
      margin-bottom: 1em; }
      .page.careers .work .positions ul:last-child {
        margin-bottom: 0; }
    .page.careers .work .positions li p {
      position: relative;
      padding-left: 0.5em;
      margin-bottom: 0.5em; }
      .page.careers .work .positions li p:before {
        content: "\2022";
        display: inline-block;
        left: 0;
        position: absolute; }
    .page.careers .work .positions .button {
      margin-bottom: 3em; }
      .page.careers .work .positions .button a {
        padding: 1em 3em; }
      .page.careers .work .positions .button span {
        font-size: 2em; }

.page.careers .form {
  padding: 12em 0; }
  .page.careers .form form {
    max-width: 87em;
    margin: 0 auto; }
    .page.careers .form form ::-webkit-input-placeholder {
      color: #5e1800; }
    .page.careers .form form ::-moz-placeholder {
      color: #5e1800; }
    .page.careers .form form :-ms-input-placeholder {
      color: #5e1800; }
    .page.careers .form form :-moz-placeholder {
      color: #5e1800; }
    .page.careers .form form .line {
      margin-bottom: 5em; }
    .page.careers .form form input[type=text], .page.careers .form form input[type=email],
    .page.careers .form form textarea,
    .page.careers .form form .file .type {
      width: 100%;
      border: none;
      outline: 0;
      box-shadow: none;
      margin: 0;
      font-size: 2.4em;
      background: #f1f1f1;
      padding: 15px 35px;
      font-family: "Cervo-Regular";
      transition: border-color 250ms; }
    .page.careers .form form textarea {
      resize: none; }
    .page.careers .form form label {
      display: block;
      font-size: 2.4em;
      margin-bottom: 1rem; }
    .page.careers .form form .file {
      font-size: 10px;
      position: relative;
      display: inline-block;
      padding: 15px 35px;
      background: #f1f1f1;
      cursor: pointer;
      margin-bottom: 0; }
      .page.careers .form form .file input[type=file] {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1; }
      .page.careers .form form .file .type {
        padding: 0; }
      .page.careers .form form .file .btn {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
        width: 60px;
        background: #ef4123; }
        .page.careers .form form .file .btn:before, .page.careers .form form .file .btn:after {
          content: '';
          display: block;
          position: absolute;
          top: 50%;
          left: 50%;
          width: 30%;
          opacity: 1;
          border-top: 2px solid #fff;
          transform: translate(-50%, -50%); }
        .page.careers .form form .file .btn:after {
          transform: translate(-50%, -50%) rotate(90deg); }
    .page.careers .form form .button.disabled {
      opacity: 0.5; }
      .page.careers .form form .button.disabled a {
        cursor: no-drop; }
    .page.careers .form form .error ::-webkit-input-placeholder {
      color: #ef4123; }
    .page.careers .form form .error ::-moz-placeholder {
      color: #ef4123; }
    .page.careers .form form .error :-ms-input-placeholder {
      color: #ef4123; }
    .page.careers .form form .error :-moz-placeholder {
      color: #ef4123; }
    .page.careers .form form .error label {
      color: #ef4123; }
    .page.careers .form form .msg {
      position: relative; }
      .page.careers .form form .msg p {
        display: none;
        text-align: center;
        font-size: 2.3em;
        transition: opacity 250ms; }
        .page.careers .form form .msg p.show {
          display: block; }

@media only screen and (max-width: 1200px) {
  .page.careers .work .map, .page.careers .work .positions {
    width: 57.5em; } }

@media only screen and (max-width: 1024px) {
  .page.careers .standard {
    margin-bottom: 8em; }
  .page.careers .work {
    padding: 8em 0; }
    .page.careers .work .map, .page.careers .work .positions {
      width: 37.5em; }
    .page.careers .work .locations {
      width: 28em; }
      .page.careers .work .locations .title p {
        font-size: 2.2em; }
      .page.careers .work .locations .block:after {
        left: 2em;
        right: 2em; }
      .page.careers .work .locations .state > .block {
        padding: 2em 3em; }
        .page.careers .work .locations .state > .block p {
          font-size: 2.4em; }
      .page.careers .work .locations .state:after {
        left: 2em;
        right: 2em; }
      .page.careers .work .locations .list .name {
        padding: 1.5em 5em; }
      .page.careers .work .locations .list .block p {
        font-size: 2em; }
      .page.careers .work .locations .list .block:before {
        left: 1em; }
      .page.careers .work .locations .list .block:after {
        left: 3em;
        right: 3em; }
    .page.careers .work .map .markerInfo {
      padding: 2em 2em; }
    .page.careers .work .positions .title p {
      font-size: 2.2em; }
    .page.careers .work .positions .standard {
      padding: 3em; }
  .page.careers .form {
    padding: 8em 0; }
    .page.careers .form form .line {
      margin-bottom: 4em; }
    .page.careers .form form input[type=text], .page.careers .form form input[type=email],
    .page.careers .form form textarea {
      font-size: 2em;
      padding: 15px 25px; }
    .page.careers .form form label {
      font-size: 2em; }
    .page.careers .form form .dropdown .visible {
      padding: 15px 50px 15px 25px; }
      .page.careers .form form .dropdown .visible span {
        font-size: 2em; }
    .page.careers .form form .dropdown .options li {
      font-size: 2em;
      padding: 15px 25px; }
    .page.careers .form form .dropdown .nano .nano-pane {
      left: 10px; }
    .page.careers .form form .file {
      padding: 15px 25px; }
      .page.careers .form form .file .type {
        font-size: 2em; }
    .page.careers .form form .button {
      margin-top: 3em; }
    .page.careers .form form .msg p {
      font-size: 2em; } }

@media only screen and (max-width: 767px) {
  .page.careers .standard {
    margin-bottom: 4em; }
  .page.careers .work {
    padding: 4em 0; }
    .page.careers .work .row {
      padding: 0; }
    .page.careers .work .relative {
      display: block; }
      .page.careers .work .relative .cell {
        display: block;
        width: 100%;
        height: auto; }
    .page.careers .work .locations .box {
      box-shadow: none; }
    .page.careers .work .locations .title p {
      font-size: 2em; }
    .page.careers .work .map {
      display: none; }
    .page.careers .work .positions {
      box-shadow: none; }
      .page.careers .work .positions .title p {
        font-size: 2em; }
      .page.careers .work .positions .standard {
        font-size: 100%;
        text-align: center;
        padding-bottom: 0; }
      .page.careers .work .positions .pos:last-child .button {
        margin-bottom: 0; }
      .page.careers .work .positions li p {
        display: inline-block; }
  .page.careers .form {
    padding: 4em 0; }
    .page.careers .form form .line {
      margin-bottom: 3em; }
      .page.careers .form form .line.half div {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 3em; }
        .page.careers .form form .line.half div:last-child {
          margin-bottom: 0; }
    .page.careers .form form input[type=text], .page.careers .form form input[type=email],
    .page.careers .form form textarea {
      font-size: 1.7em;
      padding: 10px 15px; }
    .page.careers .form form label {
      font-size: 1.7em;
      margin-bottom: 0.5rem; }
    .page.careers .form form .dropdown .visible {
      padding: 10px 30px 10px 15px; }
      .page.careers .form form .dropdown .visible span {
        font-size: 1.7em; }
      .page.careers .form form .dropdown .visible img {
        height: 0.5em;
        right: 1em; }
        .page.careers .form form .dropdown .visible img.top {
          transform: translate(0, -5px); }
        .page.careers .form form .dropdown .visible img.bot {
          transform: translate(0, 5px) rotate(180deg); }
    .page.careers .form form .dropdown .options li {
      font-size: 1.7em;
      padding: 10px 15px; }
    .page.careers .form form .dropdown .nano {
      height: 17em !important; }
      .page.careers .form form .dropdown .nano .nano-pane {
        top: 10px;
        left: 5px;
        bottom: 10px; }
    .page.careers .form form .file {
      padding: 10px 15px; }
      .page.careers .form form .file .type {
        font-size: 1.7em; }
    .page.careers .form form .button {
      margin-top: 1em; }
    .page.careers .form form .msg p {
      font-size: 1.7em; } }

.page.locations {
  height: 100vh;
  min-height: 70em;
  padding: 20em 0 5em; }
  .page.locations .locations {
    position: relative;
    z-index: 10;
    display: inline-block; }
    .page.locations .locations .box {
      width: 33.5em;
      box-shadow: 0px 18px 27px 0px rgba(0, 0, 0, 0.22);
      background: #fdece9;
      position: relative;
      display: inline-block; }
      .page.locations .locations .box .state {
        position: relative; }
        .page.locations .locations .box .state.active .list {
          height: auto; }
        .page.locations .locations .box .state.active > .block {
          background: #ef4123; }
          .page.locations .locations .box .state.active > .block p {
            color: #fff; }
        .page.locations .locations .box .state.active:after {
          display: none; }
        .page.locations .locations .box .state > .block {
          padding: 2.5em 5.5em; }
          .page.locations .locations .box .state > .block p {
            font-size: 3em; }
          .page.locations .locations .box .state > .block:after {
            background: #d7d7d7;
            left: 5.5em;
            right: 5.5em; }
        .page.locations .locations .box .state:first-child:after {
          display: none; }
        .page.locations .locations .box .state:after {
          content: '';
          position: absolute;
          top: 0;
          left: 4em;
          right: 4em;
          height: 1px;
          background: #d7d7d7; }
        .page.locations .locations .box .state:hover:not(.active) > .block p {
          color: #ef4123; }
      .page.locations .locations .box .state.active + .state:after {
        display: none; }
      .page.locations .locations .box .list {
        overflow: hidden;
        background: #fff;
        height: 0; }
        .page.locations .locations .box .list .block p {
          font-size: 2.4em; }
        .page.locations .locations .box .list .block.active:before {
          display: block; }
        .page.locations .locations .box .list .block:before {
          content: '';
          position: absolute;
          width: 6px;
          height: 6px;
          left: 3em;
          top: 50%;
          background: #ef4123;
          border-radius: 50%;
          display: none;
          transform: translateY(-50%); }
        .page.locations .locations .box .list .block:after {
          left: 5.5em;
          right: 5.5em; }
        .page.locations .locations .box .list .name {
          padding: 1.5em 8em; }
      .page.locations .locations .box .block {
        position: relative;
        cursor: pointer;
        transition: background 250ms; }
        .page.locations .locations .box .block p {
          line-height: 1;
          font-family: "CervoNeue-MediumNeue";
          transition: color 250ms; }
        .page.locations .locations .box .block:first-child:after {
          display: none; }
        .page.locations .locations .box .block:after {
          content: '';
          position: absolute;
          top: 0;
          height: 1px;
          background: #ef4123; }
  .page.locations .map {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .page.locations .map #map {
      height: 100%; }
    .page.locations .map .infoBox {
      width: auto !important; }
    .page.locations .map .markerInfo {
      background: #fff;
      width: 75em;
      font-size: 10px;
      position: relative;
      box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.22);
      opacity: 0;
      transition: opacity 500ms; }
      .page.locations .map .markerInfo.show {
        opacity: 1; }
      .page.locations .map .markerInfo .name {
        background: #ef4123;
        padding: 2em; }
        .page.locations .map .markerInfo .name p {
          color: #fff;
          font-family: "CervoNeue-MediumNeue";
          font-size: 3.5em;
          text-align: center; }
      .page.locations .map .markerInfo p {
        font-size: 2.8em;
        margin-bottom: 0px;
        font-family: "Cervo-Regular"; }
        .page.locations .map .markerInfo p span {
          display: inline-block;
          padding-right: 10px; }
        .page.locations .map .markerInfo p.soon {
          color: #ef4123; }
      .page.locations .map .markerInfo .info {
        padding: 3em 4em; }
        .page.locations .map .markerInfo .info .hours span {
          margin-right: 10px;
          border-right: 1px solid;
          line-height: 1; }
          .page.locations .map .markerInfo .info .hours span:last-child {
            margin-right: 0;
            padding-right: 0;
            border-right: 0; }
      .page.locations .map .markerInfo .buttons {
        padding: 0 3em 4em;
        text-align: center; }
        .page.locations .map .markerInfo .buttons .button {
          margin: 0 0.5em 1em;
          width: 18em; }
          .page.locations .map .markerInfo .buttons .button a {
            padding: 1em; }
          .page.locations .map .markerInfo .buttons .button span {
            font-size: 1.8em; }
      .page.locations .map .markerInfo .arrow {
        position: absolute;
        width: 2.5em;
        height: 2.5em;
        background: #fff;
        left: 50%;
        top: 100%;
        box-shadow: 6px 6px 9px 0px rgba(0, 0, 0, 0.22);
        transform: translate(-50%, -50%) rotate(45deg); }

@media only screen and (max-width: 1200px) {
  .page.locations .map .markerInfo {
    width: 60em;
    margin-left: 7.5em; } }

@media only screen and (max-width: 1024px) {
  .page.locations {
    padding-top: 13em; }
    .page.locations .locations .box {
      width: 28em; }
      .page.locations .locations .box .block:after {
        left: 2em;
        right: 2em; }
      .page.locations .locations .box .state > .block {
        padding: 2em 3em; }
        .page.locations .locations .box .state > .block p {
          font-size: 2.4em; }
      .page.locations .locations .box .state:after {
        left: 2em;
        right: 2em; }
      .page.locations .locations .box .list .name {
        padding: 1.5em 5em; }
      .page.locations .locations .box .list .block p {
        font-size: 2em; }
      .page.locations .locations .box .list .block:before {
        left: 1em; }
      .page.locations .locations .box .list .block:after {
        left: 3em;
        right: 3em; }
    .page.locations .map .markerInfo {
      width: 40em;
      margin-left: 17.5em; }
      .page.locations .map .markerInfo .name {
        padding: 1em; }
        .page.locations .map .markerInfo .name p {
          font-size: 3em; }
      .page.locations .map .markerInfo .info {
        padding: 2em 2em; }
        .page.locations .map .markerInfo .info p {
          font-size: 2.2em; }
      .page.locations .map .markerInfo .buttons {
        padding: 0 2em 2em; }
        .page.locations .map .markerInfo .buttons .button {
          width: 16em; }
          .page.locations .map .markerInfo .buttons .button span {
            font-size: 1.6em; } }

@media only screen and (max-width: 767px) {
  .page.locations {
    height: auto;
    padding-top: 10em;
    padding-bottom: 0; }
    .page.locations .locations {
      display: block; }
      .page.locations .locations .row {
        padding: 0; }
      .page.locations .locations .box {
        width: 100%; }
    .page.locations .map {
      position: relative;
      height: 60em; }
      .page.locations .map .markerInfo {
        width: 30em;
        margin-left: 0; }
        .page.locations .map .markerInfo .name {
          padding: 1em; }
          .page.locations .map .markerInfo .name p {
            font-size: 2.4em; }
        .page.locations .map .markerInfo .info {
          padding: 2em 2em; }
          .page.locations .map .markerInfo .info p {
            font-size: 2.2em; }
            .page.locations .map .markerInfo .info p span {
              display: block;
              padding-right: 0; }
          .page.locations .map .markerInfo .info .hours span {
            display: block;
            margin-right: 0;
            padding-right: 0;
            border-right: 0; }
        .page.locations .map .markerInfo .buttons {
          padding: 0 1em 2em; }
          .page.locations .map .markerInfo .buttons .button {
            width: 13em; }
            .page.locations .map .markerInfo .buttons .button a {
              padding: 1em 0.5em; }
            .page.locations .map .markerInfo .buttons .button span {
              font-size: 1.3em; } }

.page.menu .screen {
  height: auto; }

.page.menu .main .menus {
  padding-top: 13em; }
  .page.menu .main .menus .boxes .item {
    cursor: pointer; }

.page.menu .menus .items {
  max-width: 100em; }

.page.menu .menus .boxes {
  padding-bottom: 13em; }
  .page.menu .menus .boxes .items {
    margin: 0 auto 7em;
    max-width: 100em; }
  .page.menu .menus .boxes .items + .items {
    padding-top: 12em;
    border-top: 1px solid #d7d7d7; }
  .page.menu .menus .boxes .item {
    display: inline-block;
    vertical-align: top;
    width: 33.2%;
    padding: 0 2em;
    margin-bottom: 5em;
    position: relative; }
    .page.menu .menus .boxes .item:hover .info {
      opacity: 1; }
  .page.menu .menus .boxes .item.halfspace {
    width: 16.66667%; }
  .page.menu .menus .boxes .name {
    text-align: center;
    margin-bottom: 1.5em; }
    .page.menu .menus .boxes .name > * {
      display: inline;
      vertical-align: baseline;
      line-height: 1; }
    .page.menu .menus .boxes .name p {
      font-family: "CervoNeue-MediumNeue";
      font-size: 3.5em;
      color: #ef4123;
      margin-bottom: 0; }
    .page.menu .menus .boxes .name span.before {
      font-family: "Cervo-Regular";
      font-size: 3em;
      color: #5e1800;
      margin-right: 15px; }
    .page.menu .menus .boxes .name span.after {
      font-family: "CervoNeue-ExtraBoldNeue";
      color: #5e1800;
      font-size: 3em; }
  .page.menu .menus .boxes .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 3em;
    background: rgba(255, 255, 255, 0.9);
    opacity: 0;
    transition: opacity 500ms; }
    .page.menu .menus .boxes .info p {
      font-size: 1.8em;
      margin-bottom: 0; }
    .page.menu .menus .boxes .info .deets {
      font-family: "Cervo-Medium";
      margin-bottom: 0.25em; }
      .page.menu .menus .boxes .info .deets span {
        display: inline-block;
        vertical-align: middle;
        padding-right: 5px;
        margin-right: 5px;
        border-right: 1px solid; }
        .page.menu .menus .boxes .info .deets span:last-child {
          padding-right: 0;
          margin-right: 0;
          border-right: 0; }
    .page.menu .menus .boxes .info .norm {
      letter-spacing: 0.02em; }

.page.menu .menus .bar {
  padding-bottom: 13em; }
  .page.menu .menus .bar .note {
    margin-bottom: 6em; }
  .page.menu .menus .bar .subnav {
    text-align: center;
    margin-bottom: 7em;
    border-bottom: 1px solid #d7d7d7;
    overflow: hidden;
    height: 37em;
    position: relative;
    margin-left: -3em;
    margin-right: -3em; }
    .page.menu .menus .bar .subnav .inner {
      white-space: nowrap;
      overflow-x: scroll;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: -3em;
      text-align: center; }
    .page.menu .menus .bar .subnav .item {
      display: inline-block;
      vertical-align: top;
      width: 25em;
      margin: 0 2em 5em;
      margin-bottom: 5em;
      padding: 0 2em;
      cursor: pointer;
      position: relative; }
      .page.menu .menus .bar .subnav .item:first-child {
        margin-left: 0; }
      .page.menu .menus .bar .subnav .item:last-child {
        margin-right: 0; }
      .page.menu .menus .bar .subnav .item:nth-last-child(-n+5) {
        margin-bottom: 0; }
      .page.menu .menus .bar .subnav .item:after {
        content: '';
        position: absolute;
        width: 1em;
        height: 1em;
        background: #ef4123;
        border-radius: 50%;
        top: 100%;
        left: 50%;
        margin-top: 5em;
        display: none;
        transform: translateX(-50%); }
      .page.menu .menus .bar .subnav .item.active:after {
        display: block; }
    .page.menu .menus .bar .subnav .image {
      margin-bottom: 2em; }
    .page.menu .menus .bar .subnav .name {
      text-align: center; }
      .page.menu .menus .bar .subnav .name > * {
        display: inline-block;
        vertical-align: middle;
        line-height: 1; }
      .page.menu .menus .bar .subnav .name p {
        font-family: "CervoNeue-MediumNeue";
        font-size: 3.2em;
        color: #ef4123;
        margin-bottom: 0; }
      .page.menu .menus .bar .subnav .name span.before {
        font-family: "Cervo-Regular";
        font-size: 3.2em;
        color: #5e1800;
        margin-right: 15px; }
      .page.menu .menus .bar .subnav .name span.after {
        font-family: "CervoNeue-ExtraBoldNeue";
        color: #5e1800;
        font-size: 3.2em; }
  .page.menu .menus .bar .steps .step {
    height: auto;
    text-align: center; }
  .page.menu .menus .bar .steps .stepnote {
    margin-bottom: 5em; }
    .page.menu .menus .bar .steps .stepnote p {
      font-family: "CervoNeue-MediumNeue";
      font-size: 2em; }
      .page.menu .menus .bar .steps .stepnote p span {
        display: inline-block;
        vertical-align: middle;
        padding-right: 10px;
        margin-right: 10px;
        border-right: 1px solid; }
        .page.menu .menus .bar .steps .stepnote p span:last-child {
          padding-right: 0;
          margin-right: 0;
          border-right: 0; }
  .page.menu .menus .bar .steps .items {
    margin: 0 auto 12em;
    max-width: 60em; }
  .page.menu .menus .bar .steps .items + .stepnote {
    margin-top: -6em; }
  .page.menu .menus .bar .steps .item {
    margin-bottom: 2.5em; }
    .page.menu .menus .bar .steps .item:last-child {
      margin-bottom: 0; }
    .page.menu .menus .bar .steps .item p {
      margin-bottom: 0;
      letter-spacing: 0.02em; }
      .page.menu .menus .bar .steps .item p span {
        display: inline-block;
        vertical-align: middle;
        padding-right: 10px;
        margin-right: 10px;
        border-right: 1px solid; }
        .page.menu .menus .bar .steps .item p span:last-child {
          padding-right: 0;
          margin-right: 0;
          border-right: 0; }
    .page.menu .menus .bar .steps .item .name {
      font-family: "CervoNeue-MediumNeue";
      font-size: 3em;
      color: #ef4123;
      margin-bottom: 0.25em; }
    .page.menu .menus .bar .steps .item .sub {
      font-size: 1.8em; }

.page.menu .menus .nav {
  background: #ef4123;
  text-align: center;
  padding: 4em 0;
  margin-bottom: 7em;
  margin-top: -1px; }
  .page.menu .menus .nav .dropdown {
    display: none;
    position: relative;
    background: #ef4123;
    padding: 2em 0;
    margin-left: -3em;
    margin-right: -3em; }
    .page.menu .menus .nav .dropdown.open .options {
      height: auto; }
    .page.menu .menus .nav .dropdown.open .visible .bar {
      opacity: 0; }
    .page.menu .menus .nav .dropdown.open .visible .close {
      opacity: 1;
      z-index: 1; }
    .page.menu .menus .nav .dropdown .visible {
      padding: 0 50px 0 35px;
      background: #ef4123;
      cursor: pointer; }
      .page.menu .menus .nav .dropdown .visible span {
        color: #fff;
        font-size: 2em; }
      .page.menu .menus .nav .dropdown .visible.show span {
        color: #fff; }
      .page.menu .menus .nav .dropdown .visible img {
        position: absolute;
        top: 50%;
        height: 0.5em;
        right: 2em;
        margin-top: -0.35em;
        cursor: pointer; }
        .page.menu .menus .nav .dropdown .visible img.top {
          transform: translate(0, -5px); }
        .page.menu .menus .nav .dropdown .visible img.bot {
          transform: translate(0, 5px) rotate(180deg); }
    .page.menu .menus .nav .dropdown .options {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background: #fff;
      height: 0;
      overflow: hidden;
      z-index: 1;
      border-bottom: 3px solid #ef4123; }
    .page.menu .menus .nav .dropdown li {
      cursor: pointer;
      padding: 10px 30px;
      font-size: 2em;
      transition: all 250ms; }
      .page.menu .menus .nav .dropdown li.active {
        color: #ef4123; }
      .page.menu .menus .nav .dropdown li:hover {
        background: #5e1800;
        color: #fff; }
    .page.menu .menus .nav .dropdown .nano .nano-content {
      position: relative; }
  .page.menu .menus .nav .lst {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4em;
    cursor: pointer; }
    .page.menu .menus .nav .lst:first-child {
      margin-left: 0; }
    .page.menu .menus .nav .lst:last-child {
      margin-right: 0; }
    .page.menu .menus .nav .lst.active span {
      color: #5e1800; }
  .page.menu .menus .nav span {
    color: #fff;
    font-family: "CervoNeue-MediumNeue";
    font-size: 2em; }

.page.menu .menus .note {
  text-align: center;
  margin-bottom: 12em; }
  .page.menu .menus .note p {
    font-family: "CervoNeue-MediumNeue";
    font-size: 2em;
    margin-bottom: 0.5em; }

.page.menu .menus .title {
  text-align: center;
  margin-bottom: 8em; }
  .page.menu .menus .title p {
    font-family: "CervoNeue-ExtraBoldNeue";
    font-size: 3.5em;
    color: #ef4123; }

.page.menu .menus .image {
  position: relative;
  padding-top: 100%; }
  .page.menu .menus .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 100%;
    transform: translate(-50%, -50%); }

.page.menu .menus .buttons {
  text-align: center; }
  .page.menu .menus .buttons .button {
    width: 30em;
    margin: 0 5em; }
    .page.menu .menus .buttons .button a {
      padding: 1.5em; }
    .page.menu .menus .buttons .button:first-child {
      margin-left: 0; }
    .page.menu .menus .buttons .button:last-child {
      margin-right: 0; }

@media only screen and (max-width: 1024px) {
  .page.menu .main .menus {
    padding-top: 8em; }
  .page.menu .menus .note {
    margin-bottom: 8em; }
  .page.menu .menus .title {
    margin-bottom: 6em; }
    .page.menu .menus .title p {
      font-size: 2.8em; }
  .page.menu .menus .boxes {
    padding-bottom: 8em; }
    .page.menu .menus .boxes .items {
      margin-bottom: 3em; }
    .page.menu .menus .boxes .items + .items {
      padding-top: 8em; }
    .page.menu .menus .boxes .name p {
      font-size: 2.4em; }
    .page.menu .menus .boxes .name span.before {
      font-size: 2.4em;
      margin-right: 10px; }
    .page.menu .menus .boxes .name span.after {
      font-size: 2.4em; }
    .page.menu .menus .boxes .info {
      padding: 2em; }
      .page.menu .menus .boxes .info p {
        font-size: 1.6em; }
  .page.menu .menus .bar {
    padding-bottom: 8em; }
    .page.menu .menus .bar .subnav {
      height: 28em;
      margin-bottom: 5em; }
      .page.menu .menus .bar .subnav .item {
        width: 20em;
        margin: 0 1em; }
        .page.menu .menus .bar .subnav .item:after {
          margin-top: 3em; }
      .page.menu .menus .bar .subnav .name p {
        font-size: 2.4em; }
      .page.menu .menus .bar .subnav .name span.before, .page.menu .menus .bar .subnav .name span.after {
        font-size: 2.4em; }
      .page.menu .menus .bar .subnav .name span.before {
        margin-right: 10px; }
    .page.menu .menus .bar .steps .stepnote {
      margin-bottom: 4em; }
    .page.menu .menus .bar .steps .items {
      margin-bottom: 8em; }
    .page.menu .menus .bar .steps .items + .stepnote {
      margin-top: -4em; }
    .page.menu .menus .bar .steps .item {
      margin-bottom: 2em; }
      .page.menu .menus .bar .steps .item .name {
        font-size: 2.2em; }
      .page.menu .menus .bar .steps .item .sub {
        font-size: 1.6em; }
  .page.menu .menus .nav {
    margin-bottom: 5em; }
    .page.menu .menus .nav .lst {
      margin: 0 2em; }
  .page.menu .menus .buttons .button {
    width: 22em;
    margin: 0 2em; } }

@media only screen and (max-width: 767px) {
  .page.menu .main .menus {
    padding-top: 4em; }
  .page.menu .menus .note {
    margin-bottom: 4em; }
  .page.menu .menus .title {
    margin-bottom: 4em; }
    .page.menu .menus .title p {
      font-size: 2.4em; }
  .page.menu .menus .item.spacer {
    display: none; }
  .page.menu .menus .items {
    max-width: 50em; }
    .page.menu .menus .items .image {
      padding-top: 0;
      text-align: center; }
      .page.menu .menus .items .image img {
        position: relative;
        top: 0;
        left: 0;
        display: inline-block;
        transform: translate(0, 0); }
  .page.menu .menus .boxes {
    padding-bottom: 4em; }
    .page.menu .menus .boxes .items {
      margin-bottom: 1em; }
    .page.menu .menus .boxes .items + .items {
      padding-top: 4em; }
    .page.menu .menus .boxes .item.halfspace {
      display: none; }
    .page.menu .menus .boxes .item {
      width: 50%;
      margin-bottom: 3em; }
    .page.menu .menus .boxes .image {
      max-width: 15em;
      margin: 0 auto 2em; }
    .page.menu .menus .boxes .info {
      position: relative;
      opacity: 1;
      padding: 0; }
  .page.menu .menus .bar {
    padding-bottom: 8em; }
    .page.menu .menus .bar .note {
      margin-bottom: 4em; }
    .page.menu .menus .bar .subnav {
      margin-bottom: 4em; }
      .page.menu .menus .bar .subnav .item {
        width: 18em;
        padding: 0 1em; }
    .page.menu .menus .bar .steps .stepnote {
      margin-bottom: 3em; }
    .page.menu .menus .bar .steps .items {
      margin-bottom: 4em; }
    .page.menu .menus .bar .steps .items + .stepnote {
      margin-top: -2em; }
  .page.menu .menus .nav {
    padding: 0;
    margin-bottom: 4em; }
    .page.menu .menus .nav .dropdown {
      display: block; }
    .page.menu .menus .nav .list {
      display: none; }
  .page.menu .menus .buttons {
    max-width: 20em;
    margin: 0 auto; }
    .page.menu .menus .buttons .button {
      width: 18em;
      margin: 0 0 2em; }
      .page.menu .menus .buttons .button:last-child {
        margin-bottom: 0; } }

@media only screen and (max-width: 500px) {
  .page.menu .menus .items {
    max-width: 30em; }
  .page.menu .menus .boxes .item {
    display: block;
    width: 100%; } }

.page.franchise .screens {
  padding: 13em 0; }
  .page.franchise .screens .buttons {
    text-align: center;
    margin-bottom: 10em; }
    .page.franchise .screens .buttons .button {
      width: 30em;
      margin: 0 2em 3em; }
      .page.franchise .screens .buttons .button a {
        padding: 1.5em; }
  .page.franchise .screens .show {
    max-width: 110em;
    margin: 0 auto; }
  .page.franchise .screens .standard {
    text-align: center;
    margin-bottom: 7em; }
    .page.franchise .screens .standard:last-child {
      margin-bottom: 0; }
  .page.franchise .screens .screen {
    height: auto;
    padding: 0 5em; }
    .page.franchise .screens .screen .block {
      padding-bottom: 6em;
      position: relative; }
      .page.franchise .screens .screen .block ul {
        display: inline-block; }
        .page.franchise .screens .screen .block ul p {
          position: relative;
          display: inline-block; }
          .page.franchise .screens .screen .block ul p:before {
            content: '';
            position: absolute;
            width: 6px;
            height: 6px;
            left: -20px;
            top: 50%;
            background: #ef4123;
            border-radius: 50%;
            transform: translateY(-50%); }
    .page.franchise .screens .screen .block + .block {
      padding-top: 6em; }
      .page.franchise .screens .screen .block + .block:before {
        content: '';
        position: absolute;
        top: 0;
        left: -4%;
        right: -4%;
        border-top: 1px solid #d7d7d7; }
    .page.franchise .screens .screen .table {
      margin-bottom: 6em;
      text-align: left; }
      .page.franchise .screens .screen .table .trow:nth-child(odd) {
        background: rgba(239, 65, 35, 0.1); }
      .page.franchise .screens .screen .table .trow:first-child .cell, .page.franchise .screens .screen .table .trow:last-child .cell {
        padding-top: 1.1em;
        padding-bottom: 1.1em; }
      .page.franchise .screens .screen .table .trow:first-child p, .page.franchise .screens .screen .table .trow:last-child p {
        color: #fff; }
      .page.franchise .screens .screen .table .trow:first-child {
        background: #5e1800; }
      .page.franchise .screens .screen .table .trow:last-child {
        background: #ef4123; }
      .page.franchise .screens .screen .table .cell {
        padding: 0.8em 0; }
        .page.franchise .screens .screen .table .cell:first-child {
          padding-left: 5em;
          padding-right: 1em;
          width: 60%; }
        .page.franchise .screens .screen .table .cell:last-child {
          padding-left: 1em;
          padding-right: 5em; }
    .page.franchise .screens .screen form {
      max-width: 87em;
      margin: 0 auto; }
      .page.franchise .screens .screen form ::-webkit-input-placeholder {
        color: #5e1800; }
      .page.franchise .screens .screen form ::-moz-placeholder {
        color: #5e1800; }
      .page.franchise .screens .screen form :-ms-input-placeholder {
        color: #5e1800; }
      .page.franchise .screens .screen form :-moz-placeholder {
        color: #5e1800; }
      .page.franchise .screens .screen form .line {
        margin-bottom: 5em; }
        .page.franchise .screens .screen form .line.half > div {
          display: inline-block;
          vertical-align: top;
          width: 48%;
          margin-right: 4%; }
          .page.franchise .screens .screen form .line.half > div:last-child {
            margin-right: 0; }
        .page.franchise .screens .screen form .line.half input {
          padding: 15px; }
      .page.franchise .screens .screen form input[type=text], .page.franchise .screens .screen form input[type=email],
      .page.franchise .screens .screen form textarea {
        width: 100%;
        border: none;
        outline: 0;
        box-shadow: none;
        margin: 0;
        font-size: 2.4em;
        background: #f1f1f1;
        padding: 15px 35px;
        font-family: "Cervo-Regular";
        transition: border-color 250ms; }
      .page.franchise .screens .screen form textarea {
        resize: none; }
      .page.franchise .screens .screen form label {
        display: block;
        font-size: 2.4em;
        margin-bottom: 1rem; }
      .page.franchise .screens .screen form .dropdown {
        position: relative;
        background: #f1f1f1; }
        .page.franchise .screens .screen form .dropdown.open .options {
          height: auto; }
        .page.franchise .screens .screen form .dropdown.open .visible .bar {
          opacity: 0; }
        .page.franchise .screens .screen form .dropdown.open .visible .close {
          opacity: 1;
          z-index: 1; }
        .page.franchise .screens .screen form .dropdown select {
          display: none; }
        .page.franchise .screens .screen form .dropdown .visible {
          padding: 15px 50px 15px 35px;
          background: #f1f1f1;
          cursor: pointer; }
          .page.franchise .screens .screen form .dropdown .visible span {
            color: #f1f1f1;
            font-size: 2.4em; }
          .page.franchise .screens .screen form .dropdown .visible.show span {
            color: #5e1800; }
          .page.franchise .screens .screen form .dropdown .visible img {
            position: absolute;
            right: 2em;
            top: 50%;
            height: 0.7em;
            margin-top: -0.35em;
            cursor: pointer; }
            .page.franchise .screens .screen form .dropdown .visible img.top {
              transform: translate(0, -7px); }
            .page.franchise .screens .screen form .dropdown .visible img.bot {
              transform: translate(0, 7px) rotate(180deg); }
        .page.franchise .screens .screen form .dropdown .options {
          position: absolute;
          top: 100%;
          left: 0;
          right: 0;
          background: #d7d7d7;
          height: 0;
          overflow: hidden;
          z-index: 1; }
        .page.franchise .screens .screen form .dropdown li {
          cursor: pointer;
          padding: 15px 35px;
          font-size: 2.4em;
          transition: all 250ms; }
          .page.franchise .screens .screen form .dropdown li.active {
            color: #ef4123; }
          .page.franchise .screens .screen form .dropdown li:hover {
            background: #5e1800;
            color: #fff; }
      .page.franchise .screens .screen form .nano {
        width: 100%;
        height: 24em !important; }
        .page.franchise .screens .screen form .nano .nano-pane {
          left: 15px;
          top: 15px;
          bottom: 15px;
          width: 3px;
          background: transparent;
          border-radius: 0; }
          .page.franchise .screens .screen form .nano .nano-pane .nano-slider {
            background: #fff;
            margin: 0;
            border-radius: 0; }
      .page.franchise .screens .screen form .button {
        margin-top: 5em; }
        .page.franchise .screens .screen form .button.disabled {
          opacity: 0.5; }
          .page.franchise .screens .screen form .button.disabled a {
            cursor: no-drop; }
      .page.franchise .screens .screen form .error ::-webkit-input-placeholder {
        color: #ef4123; }
      .page.franchise .screens .screen form .error ::-moz-placeholder {
        color: #ef4123; }
      .page.franchise .screens .screen form .error :-ms-input-placeholder {
        color: #ef4123; }
      .page.franchise .screens .screen form .error :-moz-placeholder {
        color: #ef4123; }
      .page.franchise .screens .screen form .error label {
        color: #ef4123; }
      .page.franchise .screens .screen form .msg {
        position: relative; }
        .page.franchise .screens .screen form .msg p {
          display: none;
          text-align: center;
          font-size: 2.3em;
          transition: opacity 250ms; }
          .page.franchise .screens .screen form .msg p.show {
            display: block; }

.page.franchise .disclaimer {
  padding-bottom: 13em; }
  .page.franchise .disclaimer .box {
    padding: 0 5em; }

@media only screen and (max-width: 1024px) {
  .page.franchise .screens {
    padding: 8em 0; }
    .page.franchise .screens .buttons {
      margin-bottom: 5em; }
      .page.franchise .screens .buttons .button {
        width: 24em; }
    .page.franchise .screens .standard {
      margin-bottom: 5em; }
    .page.franchise .screens .screen {
      padding: 0; }
      .page.franchise .screens .screen .block {
        padding-bottom: 5em; }
      .page.franchise .screens .screen .block + .block {
        padding-top: 5em; }
      .page.franchise .screens .screen .table {
        margin-bottom: 5em; }
        .page.franchise .screens .screen .table .cell:first-child {
          padding-left: 3em; }
        .page.franchise .screens .screen .table .cell:last-child {
          padding-right: 3em; }
      .page.franchise .screens .screen form .line {
        margin-bottom: 4em; }
      .page.franchise .screens .screen form input[type=text], .page.franchise .screens .screen form input[type=email],
      .page.franchise .screens .screen form textarea {
        font-size: 2em;
        padding: 15px 25px; }
      .page.franchise .screens .screen form label {
        font-size: 2em; }
      .page.franchise .screens .screen form .dropdown .visible {
        padding: 15px 50px 15px 25px; }
        .page.franchise .screens .screen form .dropdown .visible span {
          font-size: 2em; }
      .page.franchise .screens .screen form .dropdown .options li {
        font-size: 2em;
        padding: 15px 25px; }
      .page.franchise .screens .screen form .dropdown .nano .nano-pane {
        left: 10px; }
      .page.franchise .screens .screen form .button {
        margin-top: 3em; }
      .page.franchise .screens .screen form .msg p {
        font-size: 2em; }
  .page.franchise .disclaimer {
    padding-bottom: 8em; }
    .page.franchise .disclaimer .box {
      padding: 0; } }

@media only screen and (max-width: 767px) {
  .page.franchise .screens {
    padding: 4em 0; }
    .page.franchise .screens .buttons {
      margin-bottom: 3em; }
      .page.franchise .screens .buttons .button {
        width: 18em;
        margin: 0 2em 2em; }
    .page.franchise .screens .standard {
      margin-bottom: 3em; }
    .page.franchise .screens .screen {
      padding: 0; }
      .page.franchise .screens .screen .block {
        padding-bottom: 4em; }
      .page.franchise .screens .screen .block + .block {
        padding-top: 4em; }
      .page.franchise .screens .screen .table {
        margin-bottom: 4em; }
        .page.franchise .screens .screen .table .cell:first-child {
          padding-left: 1em; }
        .page.franchise .screens .screen .table .cell:last-child {
          padding-right: 1em; }
        .page.franchise .screens .screen .table .cell p {
          font-size: 1.2em; }
      .page.franchise .screens .screen form .line {
        margin-bottom: 3em; }
        .page.franchise .screens .screen form .line.half div {
          display: block;
          width: 100%;
          margin-right: 0;
          margin-bottom: 3em; }
          .page.franchise .screens .screen form .line.half div:last-child {
            margin-bottom: 0; }
      .page.franchise .screens .screen form input[type=text], .page.franchise .screens .screen form input[type=email],
      .page.franchise .screens .screen form textarea {
        font-size: 1.7em;
        padding: 10px 15px; }
      .page.franchise .screens .screen form label {
        font-size: 1.7em;
        margin-bottom: 0.5rem; }
      .page.franchise .screens .screen form .dropdown .visible {
        padding: 10px 30px 10px 15px; }
        .page.franchise .screens .screen form .dropdown .visible span {
          font-size: 1.7em; }
        .page.franchise .screens .screen form .dropdown .visible img {
          height: 0.5em;
          right: 1em; }
          .page.franchise .screens .screen form .dropdown .visible img.top {
            transform: translate(0, -5px); }
          .page.franchise .screens .screen form .dropdown .visible img.bot {
            transform: translate(0, 5px) rotate(180deg); }
      .page.franchise .screens .screen form .dropdown .options li {
        font-size: 1.7em;
        padding: 10px 15px; }
      .page.franchise .screens .screen form .dropdown .nano {
        height: 17em !important; }
        .page.franchise .screens .screen form .dropdown .nano .nano-pane {
          top: 10px;
          left: 5px;
          bottom: 10px; }
      .page.franchise .screens .screen form .button {
        margin-top: 1em; }
      .page.franchise .screens .screen form .msg p {
        font-size: 1.7em; }
  .page.franchise .disclaimer {
    padding-bottom: 4em; } }

.page.error .hero h1 {
  color: #5e1800; }

.page.error .hero p {
  color: #ef4123; }

.page.privacy .info {
  padding: 25em 0 13em; }
  .page.privacy .info .standard {
    max-width: 114em;
    margin: 0 auto;
    position: relative; }
    .page.privacy .info .standard .block + .block {
      margin-top: 50px; }
    .page.privacy .info .standard p.bold {
      margin-bottom: 0; }
    .page.privacy .info .standard li {
      padding-left: 0.5em;
      position: relative; }
      .page.privacy .info .standard li:before {
        content: "\2022";
        position: absolute;
        left: 0; }
    .page.privacy .info .standard li:last-child {
      margin-bottom: 1em; }
    .page.privacy .info .standard p, .page.privacy .info .standard li {
      font-size: 1.6em; }
    .page.privacy .info .standard strong {
      color: inherit; }
  .page.privacy .info .float {
    position: absolute;
    max-width: initial; }
    .page.privacy .info .float.p {
      width: 25em;
      top: 5%;
      right: 100%; }
    .page.privacy .info .float.o {
      width: 25em;
      top: 50%;
      left: 100%; }
    .page.privacy .info .float.t {
      width: 55em;
      bottom: 0;
      right: 100%; }

.page.nutrition {
  overflow: hidden; }
  .page.nutrition .calculator {
    padding-top: 8em; }
    .page.nutrition .calculator p {
      margin-bottom: 0;
      line-height: 1;
      font-family: "CervoNeue-MediumNeue";
      font-size: 2em; }
    .page.nutrition .calculator .title {
      background: #ef4123;
      padding: 1.5em 3em; }
      .page.nutrition .calculator .title p {
        color: #fff; }
    .page.nutrition .calculator .filter {
      position: absolute;
      left: 0;
      bottom: 0; }
      .page.nutrition .calculator .filter.open .container {
        display: block; }
      .page.nutrition .calculator .filter .top {
        background: #5e1800;
        padding: 2em 3em;
        cursor: pointer; }
        .page.nutrition .calculator .filter .top p, .page.nutrition .calculator .filter .top img {
          display: inline-block;
          vertical-align: middle; }
        .page.nutrition .calculator .filter .top p {
          color: #fff; }
        .page.nutrition .calculator .filter .top img {
          width: 2.6em;
          height: 2.6em;
          margin-left: 1em;
          transform: rotate(-90deg); }
      .page.nutrition .calculator .filter .container {
        position: absolute;
        top: 100%;
        left: 0;
        border: 1px solid #5e1800;
        background: #f1f1f1;
        z-index: 1;
        display: none;
        padding-top: 1em; }
        .page.nutrition .calculator .filter .container .line {
          padding: 1em 3em;
          border-bottom: 1px solid #d7d7d7;
          cursor: pointer; }
          .page.nutrition .calculator .filter .container .line.active .check:after {
            opacity: 1; }
          .page.nutrition .calculator .filter .container .line .check, .page.nutrition .calculator .filter .container .line p {
            display: inline-block;
            vertical-align: middle; }
          .page.nutrition .calculator .filter .container .line p {
            font-size: 2.2em; }
          .page.nutrition .calculator .filter .container .line .check {
            width: 2em;
            height: 2em;
            border: 1px solid #5e1800;
            margin-right: 1em;
            margin-top: -0.15em;
            position: relative; }
            .page.nutrition .calculator .filter .container .line .check:after {
              content: '';
              position: absolute;
              top: 15%;
              left: 15%;
              bottom: 15%;
              right: 15%;
              background: #5e1800;
              display: block;
              opacity: 0;
              transition: opacity 250ms; }
        .page.nutrition .calculator .filter .container .notes {
          padding: 2em 3em;
          text-align: center; }
        .page.nutrition .calculator .filter .container .clear {
          background: #ef4123;
          padding: 1em 3em;
          cursor: pointer;
          margin-bottom: 2em; }
          .page.nutrition .calculator .filter .container .clear p {
            color: #fff;
            text-align: center;
            font-size: 2.2em; }
        .page.nutrition .calculator .filter .container .small {
          font-size: 1.4em;
          text-align: center;
          text-transform: none; }
    .page.nutrition .calculator .item {
      position: relative; }
      .page.nutrition .calculator .item.selected:before {
        opacity: 1 !important; }
      .page.nutrition .calculator .item.selected p {
        opacity: 1 !important; }
      .page.nutrition .calculator .item.filtered {
        opacity: 0.3; }
    .page.nutrition .calculator .name {
      width: 44%; }
    .page.nutrition .calculator .values {
      width: 52em;
      width: 56%;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0; }
    .page.nutrition .calculator .val {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      overflow: hidden; }
    .page.nutrition .calculator .labels .val {
      position: relative; }
      .page.nutrition .calculator .labels .val p {
        color: #ef4123;
        position: absolute;
        white-space: nowrap;
        transform: rotate(-90deg); }
    .page.nutrition .calculator .more {
      position: absolute;
      top: 50%;
      right: 1em;
      width: 2em;
      height: 2em;
      border-radius: 50%;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("/images/icons/info_icon.svg");
      transform: translate(0, -50%);
      display: none; }
    .page.nutrition .calculator .main .item {
      border-bottom: 1px solid #ef4123;
      cursor: pointer; }
      .page.nutrition .calculator .main .item:last-child {
        border-bottom: 0; }
      .page.nutrition .calculator .main .item:before {
        content: '';
        position: absolute;
        width: 0.9em;
        height: 0.9em;
        background: #ef4123;
        border-radius: 50%;
        left: 1em;
        top: 50%;
        opacity: 0;
        transition: opacity 250ms;
        transform: translateY(-50%); }
    .page.nutrition .calculator .main .item.label,
    .page.nutrition .calculator .main .item.option {
      cursor: default; }
      .page.nutrition .calculator .main .item.label:before,
      .page.nutrition .calculator .main .item.option:before {
        display: none; }
      .page.nutrition .calculator .main .item.label .name,
      .page.nutrition .calculator .main .item.option .name {
        width: 100%; }
      .page.nutrition .calculator .main .item.label .val,
      .page.nutrition .calculator .main .item.option .val {
        display: none; }
      .page.nutrition .calculator .main .item.label .more,
      .page.nutrition .calculator .main .item.option .more {
        display: none; }
    .page.nutrition .calculator .main .item.label .name p {
      font-family: "CervoNeue-ExtraBoldNeue"; }
    .page.nutrition .calculator .main .item.option .name p {
      font-style: italic;
      color: #ef4123; }
    .page.nutrition .calculator .main .name {
      padding: 2em 0 2em 3em; }
      .page.nutrition .calculator .main .name .icon, .page.nutrition .calculator .main .name .img, .page.nutrition .calculator .main .name p {
        display: inline-block;
        vertical-align: middle; }
      .page.nutrition .calculator .main .name .icon {
        width: 2.1em;
        margin-right: 2em;
        transition: transform 250ms; }
      .page.nutrition .calculator .main .name .img {
        width: 4em;
        height: 4em;
        margin-right: 2em;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat; }
    .page.nutrition .calculator .main .contain {
      height: 100%; }
    .page.nutrition .calculator .main .val:nth-child(odd) {
      background: rgba(239, 65, 35, 0.1); }
    .page.nutrition .calculator .main .val p {
      opacity: 0;
      transition: opacity 250ms; }
    .page.nutrition .calculator .header {
      margin-bottom: 3em; }
      .page.nutrition .calculator .header .labels .val p {
        left: 50%;
        bottom: 0;
        margin-left: 0.4em;
        transform-origin: 0% 100%; }
  .page.nutrition .totals {
    position: fixed;
    left: 0;
    bottom: 0;
    bottom: -100%;
    background: #fff;
    width: 100%;
    padding: 0;
    transition: bottom 500ms; }
    .page.nutrition .totals.stick {
      bottom: 0 !important; }
    .page.nutrition .totals.stay {
      position: relative;
      bottom: 0 !important; }
    .page.nutrition .totals .val:nth-child(odd) {
      background: rgba(239, 65, 35, 0.1); }
    .page.nutrition .totals .footer {
      border-top: 1px solid #ef4123; }
      .page.nutrition .totals .footer .total .name {
        padding: 2em 3em;
        text-align: right; }
        .page.nutrition .totals .footer .total .name span {
          display: none; }
      .page.nutrition .totals .footer .total .val:nth-child(odd) {
        background: rgba(239, 65, 35, 0.1); }
      .page.nutrition .totals .footer .labels .val p {
        top: 0;
        right: 50%;
        padding: 0 20px 0 15px;
        margin-right: 0.6em;
        transform-origin: 100% 0%; }

@media only screen and (max-width: 1024px) {
  .page.nutrition .calculator .filter .top {
    padding: 1.5em 2em; }
    .page.nutrition .calculator .filter .top img {
      width: 2em;
      height: 2em; }
  .page.nutrition .calculator .filter .container .line {
    padding: 1em 1.5em; }
    .page.nutrition .calculator .filter .container .line p {
      font-size: 1.8em; }
  .page.nutrition .calculator .filter .container .notes {
    padding: 2em 1.5em; }
  .page.nutrition .calculator .filter .container .clear p {
    font-size: 1.8em; }
  .page.nutrition .calculator .title {
    padding: 1.5em; }
  .page.nutrition .calculator .name {
    width: 35%; }
  .page.nutrition .calculator .values {
    width: 65%; }
  .page.nutrition .calculator .main .name {
    padding: 1.5em 0 1.5em 1.5em; }
  .page.nutrition .calculator .main .item:before {
    width: 0.5em;
    height: 0.5em;
    left: 0.5em; }
  .page.nutrition .calculator p {
    font-size: 1.6em; }
  .page.nutrition .totals {
    bottom: 0; }
    .page.nutrition .totals .footer .total .name {
      padding-right: 47em; } }

@media only screen and (max-width: 767px) {
  .page.nutrition .calculator.actual {
    padding-top: 4em; }
  .page.nutrition .calculator .filter {
    position: relative;
    display: inline-block;
    text-align: left; }
    .page.nutrition .calculator .filter .container .line p {
      font-size: 1.6em; }
    .page.nutrition .calculator .filter .container .clear p {
      font-size: 1.6em; }
  .page.nutrition .calculator .title {
    text-align: center; }
  .page.nutrition .calculator .name {
    width: 100%; }
  .page.nutrition .calculator .values {
    display: none; }
  .page.nutrition .calculator .more {
    display: block; }
  .page.nutrition .calculator .main .selected {
    background: rgba(215, 215, 215, 0.25); }
  .page.nutrition .calculator .main .name {
    padding: 1em 4em 1em 1.5em; }
    .page.nutrition .calculator .main .name .icon {
      margin-right: 0.5em;
      width: 1.5em; }
    .page.nutrition .calculator .main .name .img {
      margin-right: 0.5em;
      width: 3.5em;
      height: 3.5em; }
  .page.nutrition .calculator .header .name {
    text-align: center; }
  .page.nutrition .totals .values {
    display: block;
    width: 4em;
    right: 4em; }
  .page.nutrition .totals .val {
    display: none; }
    .page.nutrition .totals .val:nth-child(2) {
      display: table-cell; }
  .page.nutrition .totals .more {
    cursor: pointer; }
  .page.nutrition .totals .footer .total .name {
    padding-right: 10em;
    padding-left: 1.5em;
    text-align: left; }
    .page.nutrition .totals .footer .total .name span {
      display: inline-block; }
  .page.nutrition .totals .footer .val {
    overflow: visible; }
    .page.nutrition .totals .footer .val:nth-child(2) p {
      float: right; }
  .page.nutrition .totals .footer .labels {
    display: none; } }

.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: 10em 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;
      font-family: "CervoNeue-MediumNeue";
      text-align: center;
      line-height: 1; }
  .nutriflow .info {
    padding-bottom: 2em; }
    .nutriflow .info p {
      font-size: 1.6em;
      margin-bottom: 0; }
    .nutriflow .info .line {
      border-bottom: 1px solid #f1f1f1; }
      .nutriflow .info .line:first-child {
        border-top: 1px solid #f1f1f1; }
    .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 #f1f1f1; }
    .nutriflow .info .val {
      width: 30%;
      text-align: center; }

.page.contact .switch {
  height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: opacity 500ms; }
  .page.contact .switch.active {
    opacity: 1; }
  .page.contact .switch.visible {
    height: auto;
    visibility: visible;
    position: relative; }

.page.contact .info {
  text-align: center; }
  .page.contact .info .padd {
    padding: 13em 0; }
  .page.contact .info .standard {
    margin-bottom: 10em; }
  .page.contact .info .buttons .button {
    width: 32em;
    margin: 0 2.5em; }
    .page.contact .info .buttons .button a {
      padding: 1.5em; }

.page.contact .rate, .page.contact .general {
  position: absolute;
  top: 0;
  left: 0; }
  .page.contact .rate .iframe iframe, .page.contact .general .iframe iframe {
    width: 1px;
    min-width: 100%;
    height: 40em;
    display: block;
    transition: height 250ms; }

@media only screen and (max-width: 1024px) {
  .page.contact .info .padd {
    padding: 8em 0; }
  .page.contact .info .standard {
    margin-bottom: 5em; }
  .page.contact .info .buttons .button {
    width: 25em; } }

@media only screen and (max-width: 767px) {
  .page.contact .info .padd {
    padding: 4em 0; }
  .page.contact .info .standard {
    margin-bottom: 3em; }
  .page.contact .info .buttons {
    max-width: 20em;
    margin: 0 auto; }
    .page.contact .info .buttons .button {
      width: 17em;
      margin: 0 0 2em; }
      .page.contact .info .buttons .button:last-child {
        margin-bottom: 0; } }

.page.catering .info {
  padding: 13em 0;
  text-align: center; }
  .page.catering .info .standard, .page.catering .info form {
    max-width: 87em;
    margin: 0 auto; }
  .page.catering .info .standard {
    margin-bottom: 10em; }
  .page.catering .info form {
    text-align: left; }
    .page.catering .info form ::-webkit-input-placeholder {
      color: #5e1800;
      transition: color 250ms; }
    .page.catering .info form ::-moz-placeholder {
      color: #5e1800;
      transition: color 250ms; }
    .page.catering .info form :-ms-input-placeholder {
      color: #5e1800;
      transition: color 250ms; }
    .page.catering .info form :-moz-placeholder {
      color: #5e1800;
      transition: color 250ms; }
    .page.catering .info form .line {
      margin-bottom: 5em; }
      .page.catering .info form .line.half > div {
        display: inline-block;
        vertical-align: top;
        width: 48%;
        margin-right: 4%; }
        .page.catering .info form .line.half > div:last-child {
          margin-right: 0; }
    .page.catering .info form input[type=text], .page.catering .info form input[type=email],
    .page.catering .info form textarea {
      width: 100%;
      border: none;
      outline: 0;
      box-shadow: none;
      margin: 0;
      font-size: 2.4em;
      background: #f1f1f1;
      padding: 15px 35px;
      font-family: "Cervo-Regular";
      transition: border-color 250ms; }
    .page.catering .info form textarea {
      resize: none; }
    .page.catering .info form label {
      display: block;
      font-size: 2.4em;
      margin-bottom: 1rem;
      transition: color 250ms; }
    .page.catering .info form .dropdown {
      position: relative;
      background: #f1f1f1; }
      .page.catering .info form .dropdown.open .options {
        height: auto; }
      .page.catering .info form .dropdown.open .visible .bar {
        opacity: 0; }
      .page.catering .info form .dropdown.open .visible .close {
        opacity: 1;
        z-index: 1; }
      .page.catering .info form .dropdown select {
        display: none; }
      .page.catering .info form .dropdown .visible {
        padding: 15px 50px 15px 35px;
        background: #f1f1f1;
        cursor: pointer; }
        .page.catering .info form .dropdown .visible span {
          color: #f1f1f1;
          font-size: 2.4em; }
        .page.catering .info form .dropdown .visible.show span {
          color: #5e1800; }
        .page.catering .info form .dropdown .visible img {
          position: absolute;
          right: 2em;
          top: 50%;
          height: 0.7em;
          margin-top: -0.35em;
          cursor: pointer; }
          .page.catering .info form .dropdown .visible img.top {
            transform: translate(0, -7px); }
          .page.catering .info form .dropdown .visible img.bot {
            transform: translate(0, 7px) rotate(180deg); }
      .page.catering .info form .dropdown .options {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #d7d7d7;
        height: 0;
        overflow: hidden;
        z-index: 1; }
      .page.catering .info form .dropdown li {
        cursor: pointer;
        padding: 15px 35px;
        font-size: 2.4em;
        transition: all 250ms; }
        .page.catering .info form .dropdown li.active {
          color: #ef4123; }
        .page.catering .info form .dropdown li:hover {
          background: #5e1800;
          color: #fff; }
    .page.catering .info form .nano {
      width: 100%;
      height: 24em !important; }
      .page.catering .info form .nano .nano-pane {
        left: 15px;
        top: 15px;
        bottom: 15px;
        width: 3px;
        background: transparent;
        border-radius: 0; }
        .page.catering .info form .nano .nano-pane .nano-slider {
          background: #fff;
          margin: 0;
          border-radius: 0; }
    .page.catering .info form .radio {
      display: inline-block;
      vertical-align: middle;
      cursor: pointer;
      margin: 0;
      margin-right: 1em; }
      .page.catering .info form .radio:last-child {
        margin-right: 0; }
      .page.catering .info form .radio input {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1; }
      .page.catering .info form .radio input:checked + span:after {
        opacity: 1; }
      .page.catering .info form .radio span {
        display: inline-block;
        vertical-align: middle;
        line-height: 1; }
      .page.catering .info form .radio .box {
        border: 2px solid;
        width: 20px;
        height: 20px;
        margin-right: 5px;
        border-radius: 50%;
        position: relative; }
        .page.catering .info form .radio .box:after {
          content: '';
          position: absolute;
          top: 2px;
          left: 2px;
          bottom: 2px;
          right: 2px;
          background: #ef4123;
          border-radius: 50%;
          opacity: 0;
          transition: opacity 250ms; }
    .page.catering .info form .button {
      margin-top: 5em; }
      .page.catering .info form .button.disabled {
        opacity: 0.5; }
        .page.catering .info form .button.disabled a {
          cursor: no-drop; }
    .page.catering .info form .error ::-webkit-input-placeholder {
      color: #ef4123; }
    .page.catering .info form .error ::-moz-placeholder {
      color: #ef4123; }
    .page.catering .info form .error :-ms-input-placeholder {
      color: #ef4123; }
    .page.catering .info form .error :-moz-placeholder {
      color: #ef4123; }
    .page.catering .info form .error label {
      color: #ef4123; }
    .page.catering .info form .msg {
      position: relative; }
      .page.catering .info form .msg p {
        display: none;
        text-align: center;
        font-size: 2.3em;
        transition: opacity 250ms; }
        .page.catering .info form .msg p.show {
          display: block; }

@media only screen and (max-width: 1024px) {
  .page.catering .info {
    padding: 8em 0; }
    .page.catering .info .standard {
      margin-bottom: 8em; }
    .page.catering .info form .line {
      margin-bottom: 4em; }
    .page.catering .info form input[type=text], .page.catering .info form input[type=email],
    .page.catering .info form textarea {
      font-size: 2em;
      padding: 15px 25px; }
    .page.catering .info form label {
      font-size: 2em; }
    .page.catering .info form .dropdown .visible {
      padding: 15px 50px 15px 25px; }
      .page.catering .info form .dropdown .visible span {
        font-size: 2em; }
    .page.catering .info form .dropdown .options li {
      font-size: 2em;
      padding: 15px 25px; }
    .page.catering .info form .dropdown .nano .nano-pane {
      left: 10px; }
    .page.catering .info form .radio .box {
      width: 16px;
      height: 16px; }
    .page.catering .info form .button {
      margin-top: 3em; }
    .page.catering .info form .msg p {
      font-size: 2em; } }

@media only screen and (max-width: 767px) {
  .page.catering .info {
    padding: 4em 0; }
    .page.catering .info .standard {
      margin-bottom: 4em; }
    .page.catering .info form .line {
      margin-bottom: 3em; }
      .page.catering .info form .line.half div {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 3em; }
        .page.catering .info form .line.half div:last-child {
          margin-bottom: 0; }
    .page.catering .info form input[type=text], .page.catering .info form input[type=email],
    .page.catering .info form textarea {
      font-size: 1.7em;
      padding: 10px 15px; }
    .page.catering .info form label {
      font-size: 1.7em;
      margin-bottom: 0.5rem; }
    .page.catering .info form .dropdown .visible {
      padding: 10px 30px 10px 15px; }
      .page.catering .info form .dropdown .visible span {
        font-size: 1.7em; }
      .page.catering .info form .dropdown .visible img {
        height: 0.5em;
        right: 1em; }
        .page.catering .info form .dropdown .visible img.top {
          transform: translate(0, -5px); }
        .page.catering .info form .dropdown .visible img.bot {
          transform: translate(0, 5px) rotate(180deg); }
    .page.catering .info form .dropdown .options li {
      font-size: 1.7em;
      padding: 10px 15px; }
    .page.catering .info form .dropdown .nano {
      height: 17em !important; }
      .page.catering .info form .dropdown .nano .nano-pane {
        top: 10px;
        left: 5px;
        bottom: 10px; }
    .page.catering .info form .button {
      margin-top: 1em; }
    .page.catering .info form .msg p {
      font-size: 1.7em; } }


/*location page css*/

    .page.franchise.location_mn .screens {padding: 7em 0 !important;}
    .mn-cell { float: left; width: 26%; height: auto; padding: 10px;}
    .mn-cell-2 { float: left; width: 47%; height: auto; padding: 9px 10px 0px 10px;} 
    .columns.mn-row:last-child { float: left !important;}
    .mn-row:after { content: ""; display: table; clear: both;}
    .mn-cell .button { width: 20em !important; text-align:center; margin: 0 2em 1em  !important;}
    .mn-cell .button span {font-size: 2em;}
    .mn-cell .button a { padding: 1em 1em !important;}
    .mn-cell-2 h3 { font-weight: 200 !important;
    font-family: sans-serif; font-size: 2.8em; letter-spacing: 0.02em; color: #ef4123; margin-bottom: 0.2em;}
    .mn-cell-2 p {font-size: 2.5em; letter-spacing: 0.03em; margin-bottom: 5px; min-height: 224px;overflow: hidden;}
    .link a { font-size: 2em; letter-spacing: 0.02em; color: #ef4123; margin-bottom: 0.4em; text-transform: uppercase;  font-weight: 200 !important; font-family: sans-serif; position: relative;}
    .mn-cell-2 .link a:after { content: ""; position: absolute; width: 99.5%; height: 2px; background: #ef4123; left: 0%;
    right: 0px; bottom: 0px; top: 25px;}
    .mn-cell-3 .link a:after {     content: "";
    position: absolute;
    width: 40%;
    height: 2px;
    background: #ef4123;
    left: 30%;
    right: 0;
    bottom: 0px;
    top: 25px;}
.columns.mn-row.large-11{ top:  65px;}
.mn-cell .buttons.nav {padding-top: 40px !important; margin-bottom: 0px !important;}
.columns.mn-row.large-11 { margin: auto 8% !important; padding: 0px; padding-bottom: 40px !important;}
.mn-cell-3 {width: 63%; float: left;     padding: 9px 10px 0px 10px;}
.mn-cell-3 h3 {font-weight: 200 !important; font-family: sans-serif; font-size: 2.8em; letter-spacing: 0.02em; color: #ef4123; margin-bottom: 0.2em;}
.mn-cell-3 p {font-size: 2.5em; letter-spacing: 0.03em; margin-bottom: 0px; min-height: 226px;overflow: hidden;}
.mn-cell-3 .link a{display: block; text-align: center;}

@media (min-width:320px) and (max-width:425px){
    .mn-cell-2 .link a:after { content: ""; position: absolute; width: 100%; left: 0%;
    right: 0px; bottom: 0px; top: 55px;}
    
}

@media (min-width:320px) and (max-width:374px){
    .mn-cell-3 .link a{display:table;text-align:left !important;position: relative;}
    .mn-cell-3 .link a:after { width:68%; left: 0%;
    right: 0; bottom: 0px; top: 55px;}
}

@media (min-width:375px) and (max-width:767px){
    .mn-cell-3 .link a{display:table;text-align:left !important;position: relative;}
    .mn-cell-3 .link a:after { width:99%; left: 0%;
    right: 0; bottom: 0px; top: 33px;}
}

@media(min-width:768px) and (max-width:1200px){

    .mn-cell-3 .link a{display:table; position: relative; width:100%; }
    .mn-cell-3 .link a:after {
    width: 48%;
    height: 2px;
    left: 26%;
    right: 0;
    bottom: 0px;
    top: 25px;
}
}
@media (max-width:767px){
.mn-cell{width:100%;height:  auto; text-align: center;}
.mn-cell-2 { width:  100%; padding:  10px; height: auto; text-align: inherit;}
.columns.mn-row.large-11 { margin:  0 auto !important; }
.mn-cell-3 {width:  100%;}
.mn-cell-3 h3 {  font-size:  2em; line-height: 25px; }
.mn-cell-3 p { text-align:  justify; padding-bottom: 10px;}  
.mn-cell-2 h3{ font-size: 2.5em; line-height: 1.5em;}  
.link a {letter-spacing:  0; line-height: 1.5em; position: relative;}
 .mn-cell-2 p { font-size: 2.1em; min-height: auto !important; }
}
@media (min-width:768px) and (max-width:800px) {
.mn-cell-2 p {font-size:  14px !important; min-height:  auto !important; margin-bottom: 10px;}
.link a {font-size: 14px !important;}
.mn-cell .button { width: 20em !important; font-size: 8px;}
.mn-cell-2 h3 { font-size:  2em;}
.mn-cell .buttons.nav {padding-top: 10px !important;}
.columns.mn-row.large-11 { padding-bottom: 0px !important; margin: 0 auto !important;}
.mn-cell-3 h3 {  font-size:  2em; line-height: 25px; }
.mn-cell-3 p { text-align:  justify; font-size: 14px !important; min-height: auto;}
}

@media (min-width:801px) and (max-width:980px){
.mn-cell-2 p {font-size:  18px !important; min-height:  auto !important;}
.link a {font-size: 16px !important;}
.mn-cell .button { width: 20em !important; font-size: 8px;}
.mn-cell-2 h3 { font-size:2.5em;}
.mn-cell .buttons.nav {padding-top: 10px !important;}
.columns.mn-row.large-11 { padding-bottom: 25px !important; margin: 0 auto !important;}
.mn-cell-3 h3 {  font-size:  2.5em; line-height: 25px; }

}
@media (min-width:981px) and (max-width:1024px){
    .columns.mn-row.large-11 { padding-bottom: 0px !important; margin: 0 auto !important;}
     .mn-cell-2 p {font-size:  19px; min-height:  auto;}
}

@media(max-width: 1200px){

    .mn-cell-2 p {
    font-size:  2.1em;
    min-height:  190px;
}

   .mn-cell-3 p {
    font-size:  2.1em;
    min-height: auto;
}
}



/*CB CSS*/
header.pdtop{padding-top: 40px !important;}
.topbar {
    background: #ef4123;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    text-align: center;
    color: #fff;
    z-index: 99999999;
    position: relative;
    font-size: 12px;
}
.topbar img{
    display: none;
}
.topbar .logo img{
    display: block;
}
.topbar span {text-transform:uppercase}
ul li.skpbtn {background: #ef4123;padding: 5px 9px;font-size: 15px;color: #fff;text-transform: uppercase;letter-spacing: 0.47px;}
.fa-times{float: right; font-size: 20px !important;cursor: pointer;position: relative;right: 10px;}
