@charset "UTF-8";
@import url("//use.typekit.net/stg3oda.css");

#cancel-popup {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
	-webkit-box-shadow: 0px 0px 4px 0px #aaa;box-shadow: 0px 0px 4px 0px #aaa;	
}
.close-cancel-popup {border:none;background:none;position:absolute;right:16px;top:10px;font-size:xx-large;font-weight:bold;}
#cancel-popup .btn-primary {text-transform:uppercase;border-radius:0 0 0 0;margin:40px 30px;}

@media only screen and (min-device-width : 1024px) {
	#cancel-popup {width:720px;height:300px;position:absolute;top:50%;right:50%;margin-top:-150px;margin-right:-360px;padding:40px;font-size:14px;color:#505050;}
	#cancel-popup h2 {color:#3eb649;margin-bottom:25px;}
	#cancel-popup p {margin-bottom:0;}
}
@media only screen and (max-width : 700px) {
.tab-content > .active {
	display: block;
	padding-bottom: 15px;
}
html body #cancel-popup {
	margin: 0 auto;
	position: fixed;
	top: 150px !important;
	height: inherit;
	left: 0;
	width: 100%;
	right: inherit;
	padding: 15px;
}
#cancel-popup .btn-primary {
	text-transform: uppercase;
	border-radius: 0 0 0 0;
	margin: 10px;
}
}
h1, h2, h3, h4, h5, h6 {
  font-family: "proxima-nova-condensed",sans-serif;
  font-weight: 700; }

body {
  background-image: url("../images/bg.jpg");
  background-position: top center;
  font-family: "proxima-nova-condensed", sans-serif;
  margin-bottom: 300px; }
  @media (min-width: 576px) {
    body {
      margin-bottom: 250px; } }

body.get-started #menu-item-11088 {
  display: inline; }
body.get-started #menu-item-65 {
  display: none; }

body:not(.get-started) #menu-item-11088 {
  display: none; }
  
html {
  position: relative;
  min-height: 100%; }

.eatnaked-loading {
  background-color: #fff;
  opacity: .6;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10; }

.svg-inline--fa {
  margin-right: .4rem; }

header#main {
  background-image: url("../images/bg-header.jpg");
  background-size: cover;
  background-position: fixed;
  min-height: 65vh;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column; }
  header#main:after, header#main:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+72 */
    background: -moz-linear-gradient(top, black 0%, transparent 72%, transparent 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, black 0%, transparent 72%, transparent 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, black 0%, transparent 72%, transparent 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
    /* IE6-9 */
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    height: 28vh;
    opacity: .6; }
  header#main:after {
    top: 0px;
    height: 32vh; }
  header#main:before {
    bottom: 0px;
    transform: rotate(180deg); }
  header#main .navbar-brand {
    width: 250px; }
    header#main .navbar-brand img {
      width: 100%; }
  header#main .board {
    background: rgba(0, 0, 0, 0.86);
    color: white;
    width: 80%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0.86);
    padding: 20px 0px;
    margin: 40px auto 0px auto; }
    header#main .board h2 {
      margin-bottom: 25px;
      font-weight: normal;
      margin-left: auto;
      margin-right: auto;
      color: white;
      text-transform: none;
      font-size: 4.5vh;
      line-height: 1em;
      width: 90%;
      font-weight: 500; }
    header#main .board a {
      position: relative;
      background-color: #f4783e;
      color: white;
      padding: 10px 10px;
      font-family: "proxima-nova-condensed", sans-serif;
      font-size: 1.8em;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 2px;
      z-index: 10;
      width: 80%;
      align-self: center; }
      header#main .board a:hover {
        background-color: #f4773c; }
    @media (min-width: 576px) {
      header#main .board {
        padding: 60px;
        width: 700px;
        height: 30vh;
        align-self: center;
        margin-top: auto;
        margin-bottom: auto; }
        header#main .board h2 {
          width: 75%;
          font-size: 5vh;
          line-height: .95em; }
        header#main .board a {
          width: 50%;
          font-size: 2em;
          padding: 10px 20px; }
          header#main .board a:hover {
            text-decoration: none; } }

#mainNav {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0px 0px 15px 0px;
  z-index: 2;
  box-shadow: 0px -10px 35px gray; }
  @media (min-width: 576px) {
    #mainNav {
      padding: 0px; } }
  #mainNav #eatNakedLogo {
    width: 80%; }
  #mainNav .navbar-nav {
    justify-content: flex-end;
    width: 100%; }
    #mainNav .navbar-nav .menu-item {
      padding: 15px 15px;
      text-align: center; }
      @media (min-width: 576px) {
        #mainNav .navbar-nav .menu-item {
          padding: 10px 10px 0 10px; } }
      #mainNav .navbar-nav .menu-item a {
        color: #3eb649;
        font-family: "proxima-nova-condensed", sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 1.1em; }
        @media (min-width: 576px) {
          #mainNav .navbar-nav .menu-item a {
            line-height: 82px; } }
    #mainNav .navbar-nav .current-menu-item {
      background-color: #3eb649; }
      #mainNav .navbar-nav .current-menu-item a {
        color: white; }
  #mainNav .navbar-brand img {
    width: 260px; }

a {
  color: #f4783e; }

a:hover {
  text-decoration: none;
  color: #d94e0c; }

.asterisk {
  font-size: 0.9em;
  color: gray; }

#total-table {
  margin-bottom: 0px; }

#total-table tbody > tr:first-child td {
  border-top: transparent; }

#total-table td:first-child {
  border-right: 1px solid #e9ecef; }

#total-table tbody tr {
  border-bottom: 1px dashed #e9ecef; }
  #total-table tbody tr:last-child {
    border-bottom: transparent; }

#mainNav .dropdown {
  position: absolute;
  top: 0px;
  right: 20px; }
  .dropdown .dropdown-menu {
    right: 10px;
    min-width: auto;
    border-radius: 0px;
    background-color: #E0E0E0; }

.my-account-button {
  border: 1px solid #E0E0E0;
  border-top: transparent;
  color: #3eb649;
  font-size: .8em;
  padding: .5rem .9rem;
  background-color: white; }
  
.account-sub-list {list-style-type:none;}
.account-sub-list li {margin-bottom:12px;}
.account-sub-list li:last-child {margin:0;}
.account-sub-list .active a {font-weight:bold;}
.account-sub-list a {color:black;text-transform:uppercase;font-size:large;display:block;}
.well {background:white;min-height:500px;margin-top:30px;padding:30px 0;}
.page .well h3 {color:#3EB649;text-transform:uppercase;text-align:center;font-size:2.4em;}
#my-account-display {width:100%;}
.nav.nav-pills.flex-column.column-navigation {margin-bottom:15px;}
#mobile-account {margin-top:15px;}
#mobile-account .btn-change-plan-active.active span {color:white!important;}
#mobile-account #mobile-pause .btn-primary,
#mobile-account .btn-subscription-pause {color:white!important;}
.mobile-account-tab {display:none;}
.mobile-account-tab.active {display:block;}
#mobile-account .heading-area {text-align:center;}
#mobile-account .heading-area h2 {color:#3eb649;margin-bottom:8px;}
#mobile-account .heading-area h3 {color:#505050;text-transform:uppercase;border-top:1px solid #cecece;border-bottom:1px solid #cecece;font-size:large;padding:10px 0 8px;margin-bottom:40px;}
.brand-container {width:100%;background:#4e4e4e;position:relative;}
.brand-container .navbar-toggler {position:absolute;right:0;top:0;bottom:0;background:#343434;color:white;width:36px;}
#mobile-account .navbar {padding:0;color:white;padding:0;background:white;}
#mobile-account .navbar-brand {
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	padding: 3px 13px 1px;
}
#mobile-account li.nav-item {background:white;padding:0;color:#505050;text-transform:uppercase;font-size:large;}
#mobile-account li.nav-item a {padding:15px;}
#mobile-account .dropdown .dropdown-menu {background:#ededed;border:none;}
#mobile-account .btn-change-plan-active {border:1px solid #cecece;display:block;clear:both;width:100%;font-size:25px;color:#444;padding:8px 8px 4px 8px;margin-bottom:8px;}
#mobile-account .btn-change-plan-active .price_subscription {float:right;color:#3eb649;font-size:25px;font-weight:bold;}
#my-account .btn-primary,
#my-account #account-info-pane .btn-primary {background:#3eb649;color:white;border:none;font-weight:bold!important;}
#mobile-account .btn-primary {background:#3eb649;color:white;border:none;font-weight:bold;}
#subscription-change-plan h4,
#mobile-account h4 {color:#a4a4a4;font-size:large;text-transform:uppercase;margin-top:40px;margin-bottom:8px;}
.available-delivery-days .btn {width:100%;border:1px solid #cecece;border-radius:0 0 0 0;text-transform:uppercase;color:#505050;font-size:large;}
.available-delivery-days .col-xs-6 {width:48%;margin:1%;}
.available-delivery-days .btn {background:white;border:1px solid #cecece;margin-bottom:10px;color:#505050;}
#mobileAccountNavbar .nav-link {color:#505050;font-size:20px;}
#mobile-account li.nav-item a {padding: 8px 15px;}
#mobile-account .dropdown-item {font-size:18px;}
#mobile-account .navbar {-webkit-box-shadow: 0px 0px 4px 0px #aaa;box-shadow: 0px 0px 4px 0px #aaa;}
#mobile-account .btn-primary {text-transform:uppercase;font-size:large;}
#payment-change-form .col-md-5 {
	padding-right: 23px;
}
#my-account #account-info-pane .available-delivery-days .btn-default {color:#505050;}
#my-account #account-info-pane .available-delivery-days .btn-primary {width:140px;margin:0 auto;}
.change-day:hover {color:black!important;}
.change-day.active {background:#3eb649;color:white!important;border:none;font-weight:bold!important;}

.page-id-11087 .order-now-btn {display:none;}

.order-now-btn {
  background: #3eb649;
  padding: 10px 25px 0px 25px;
  font-size: 2em;
  text-transform: uppercase;
  color: white;
  font-family: "proxima-nova-condensed", sans-serif;
  position: fixed;
  bottom: 0px;
  display: inline-block;
  margin: 0px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  text-align: center;
  width: 100%; }
  @media (min-width: 576px) {
    .order-now-btn {
      right: 10%;
      width: auto; } }
  .order-now-btn:hover {
    background: #f4783e;
    color: white;
    text-decoration: none; }

#subscription-body {
  font-size: .9em;
  color: #666666; }
  #subscription-body ul {
    padding: 0px;
    list-style: none; }
    #subscription-body ul li {
      margin-bottom: 10px;
      display: flex;
      align-items: baseline; }
  #subscription-body h4 {
    color: #f4783e;
    text-align: left; }
  #subscription-body .options {
    flex-direction: column; }
    #subscription-body .options li {
      border: 1px solid #CECECE;
      width: 100%;
      display: block;
      font-size: 1.7em; }
      #subscription-body .options li a {
        color: #444444;
        padding: 15px 20px;
        display: block; }
      #subscription-body .options li .price {
        color: #3eb649;
        font-weight: 700; }
        #subscription-body .options li .price .sub {
          font-size: .5em; }
      #subscription-body .options li.active {
        background: #3eb649; }
        #subscription-body .options li.active a, #subscription-body .options li.active .price {
          color: white; }
  #subscription-body .btn-subscription-not-interested {
    color: rgba(102, 102, 102, 0.7);
    text-decoration: underline;
    font-size: 0.9em; }
  #subscription-body .btn-subscription-interested {
    background: #3eb649;
    color: white;
    padding: 10px 15px;
    display: inline-block; }

#total-table td, #total-table th {
  padding: 0.45rem;
  font-size: .8rem; }

.shipped_via {
  display: block;
  color: #A3A3A3;
  font-style: italic; }

label {
  font-family: "proxima-nova", sans-serif;
  font-weight: 500; }

#ddd {
  width: 250px;
  margin-top: 20px; }
  @media (min-width: 576px) {
    #ddd {
      margin-top: 0px;
      position: absolute;
      right: 10px;
      top: 40px; } }
  #ddd path {
    fill: rgba(255, 255, 255, 0.3); }

#menu-account-details label, #menu-social label, #menu-password label, .meal-tabs label, #payment-change-form label {
  font-size: .8em;
  margin-bottom: .2em;
  color: #505050;
  font-weight: 500;
  font-family: "proxima-nova", sans-serif; }
#menu-account-details .form-control, #menu-social .form-control, #menu-password .form-control, .meal-tabs .form-control, #payment-change-form .form-control {
  border-radius: 0px;
  box-shadow: inset 2px 2px 13px rgba(0, 0, 0, 0.1); }

button[type="button"], button[type="submit"], .btn-lg {
  border-radius: 0px;
  background-color: #3eb649;
  border: none; }
  button[type="button"]:hover, button[type="submit"]:hover, .btn-lg:hover {
    background-color: #f4783e; }

#how-it-works header h2 {
  text-align: center;
  width: 100%;
  font-size: 2.5em;
  color: #f4783e;
  text-transform: uppercase; }
#how-it-works .step {
  padding: 20px 45px;
  text-align: center;
  border-right: 1px solid #d1d1d1; }
  #how-it-works .step:last-child {
    border-right: none; }
  #how-it-works .step img {
    width: 80%; }

#carousel {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f68a40+0,ef4a3a+100 */
  background: #f68a40;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f68a40 0%, #ef4a3a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f68a40 0%, #ef4a3a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f68a40 0%, #ef4a3a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68a40', endColorstr='#ef4a3a',GradientType=0 );
  /* IE6-9 */
  min-height: 50vh;
  padding: 80px 0px;
  color: white; }
  #carousel h2 {
    text-align: center;
    font-weight: 400;
    font-size: 1.1em;
    text-transform: uppercase;
    margin: 0px auto 20px auto;
    padding: 10px;
    letter-spacing: .1em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
    width: 320px; }
  #carousel .testimony {
    width: 60%;
    margin: 0px auto;
    font-family: "proxima-nova-condensed", sans-serif;
    font-weight: 200;
    font-style: italic;
    font-size: 4vh;
    text-align: center; }
  #carousel .rating {
    width: 40%;
    text-align: center;
    margin: 20px auto;
    display: block; }
  #carousel .author {
    width: 40%;
    text-align: center;
    margin: 0px auto;
    letter-spacing: .2em;
    text-transform: uppercase;
    font-size: .9em;
    font-family: "proxima-nova-condensed", sans-serif;
    font-weight: 200; }

footer {
  background: black;
  color: #696868;
  text-align: center;
  padding: 50px 0px;
  font-family: "proxima-nova-condensed", sans-serif;
  font-size: .8em;
  position: absolute;
  width: 100%;
  bottom: 0px;
  height: 300px;
  padding-bottom: 80px; }
  @media (min-width: 576px) {
    footer {
      height: 250px;
      padding-bottom: 0px; } }
  footer .copyright {
    text-transform: uppercase;
    font-size: 1.1em; }
  footer a {
    color: #696868; }
  footer .social a {
    margin-right: 10px;
    font-size: 1.4em; }

.notification p {
  display: block;
  background-color: #E65542;
  color: white;
  text-decoration: italic;
  padding: 2px 10px 2px 10px;
  border-radius: 5px; }
  .notification p:before {
    content: "\f071";
    font-family: "FontAwesome";
    margin-right: 5px; }

header#page-header {
  background-color: red;
  min-height: 500px;
  background-size: cover;
  margin-bottom: 70px; }

#header-slider {
  margin-bottom: 70px; }
  @media (min-width: 576px) {
    #header-slider {
      max-height: 500px;
      overflow: hidden; } }
  #header-slider #mainNav {
    position: inherit;
    width: 100%; }
    @media (min-width: 576px) {
      #header-slider #mainNav {
        position: absolute; } }
  #header-slider img {
    width: 100%; }

.page h2 {
  text-transform: uppercase;
  color: #f4783e;
  font-size: 2.4em;
  margin-bottom: 0px; }

.contact header {
  background-image: url("../images/bg-contact.jpg"); }

#contact {
  padding-bottom: 70px; }
  #contact form label {
    font-family: "proxima-nova-condensed", sans-serif;
    font-size: .9em;
    margin: 0px;
    text-transform: uppercase;
    color: #2D2D2D;
    font-weight: 500; }
  #contact form .ginput_container {
    margin: 0px; }
  #contact form input[type="text"], #contact form textarea {
    width: 100%; }
  #contact form input[type="submit"] {
    border: none;
    background-color: #3eb649;
    color: white;
    text-transform: uppercase;
    font-family: "proxima-nova-condensed", sans-serif;
    font-weight: 700;
    font-size: 1.7em;
    padding: 15px 45px;
    margin: 0px auto;
    line-height: 1em;
    display: block; }
  #contact .map {
    margin-bottom: 50px;
    width: 100%;
    margin-top: 40px; }
    #contact .map #wpgmza_map {
      border: 1px solid #B2B2B2; }
  #contact .contact-info {
    font-size: 1.1em;
    margin-bottom: 10px; }
    #contact .contact-info .label {
      color: #9c9b9b;
      font-weight: 400;
      text-transform: uppercase; }

.about .reverse {
  order: auto; }
  @media (min-width: 576px) {
    .about .reverse {
      order: 2; } }
.about h3 {
  margin-bottom: 100px;
  font-weight: 500;
  font-size: 2.7em; }
  .about h3 .underline {
    position: relative; }
    .about h3 .underline:before {
      content: "";
      position: absolute;
      height: 25px;
      width: 120%;
      background-image: url("../images/underline.svg");
      background-position: top;
      background-repeat: no-repeat;
      bottom: -8px;
      left: -5px;
      background-size: contain;
      transform: rotate(-5deg); }
.about img {
  width: 100%;
  margin-bottom: 10px; }
  @media (min-width: 576px) {
    .about img {
      margin-bottom: 0px; } }
.about .content {
  padding-bottom: 100px; }
  .about .content .row {
    margin-bottom: 20px; }
  .about .content .image {
    max-width: 380px;
    margin: 0px auto; }
.about .text-about {
  font-size: 1.05em; }

.more-info {
  display: none; }
  @media (min-width: 576px) {
    .more-info {
      position: relative;
      display: block; }
      .more-info p {
        font-family: "ff-market-web", sans-serif;
        font-size: 1.5em;
        position: absolute;
        right: 90px;
        top: 20px;
        z-index: 10; }
        .more-info p:after {
          position: absolute;
          content: "";
          background-image: url(../images/arrow-faq.svg);
          width: 45px;
          height: 57px;
          top: -25px;
          right: -38px;
          background-repeat: no-repeat;
          transform: rotate(-11deg); } }

#FAQs h3 {
  background-color: rgba(45, 45, 45, 0.2);
  text-align: center;
  color: #434343;
  padding: 10px 0px 6px 0px;
  font-size: 1.5em; }
  #FAQs h3:hover {
    background-color: rgba(45, 45, 45, 0.3); }
#FAQs p {
  font-size: 1.1em; }
@media (min-width: 576px) {
  #FAQs .tab-content {
    padding: 20px 0px; } }
#FAQs .tab-content h4 {
  color: #f4783e;
  font-weight: 400; }

#our-menu {
  padding: 100px 0px; }

.products-accordion .item a {
  line-height: 20px;
  padding: 10px 20px 10px 50px;
  position: relative;
  background-color: #505050;
  color: white;
  width: 100%;
  display: block;
  margin-bottom: 10px; }
  .products-accordion .item a:hover {
    text-decoration: none; }
  .products-accordion .item a svg:not(.svg-inline--fa) {
    position: absolute;
    width: 50px;
    left: 0px;
    top: 5px; }
    .products-accordion .item a svg:not(.svg-inline--fa) path.icon {
      fill: white; }
	.products-accordion .item a svg:not(.svg-inline--fa) polygon.icon {
      fill: white; }
.products-accordion .item a:not(.collapsed) {
  color: white;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f68a40+0,ef4a3a+100 */
  background: #f68a40;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f68a40 0%, #ef4a3a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f68a40 0%, #ef4a3a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f68a40 0%, #ef4a3a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68a40', endColorstr='#ef4a3a',GradientType=0 );
  /* IE6-9 */ }
  .products-accordion .item a:not(.collapsed) .arrow svg {
    position: relative;
    transform: rotate(0deg); }
  .products-accordion .item a:not(.collapsed) svg:not(.svg-inline--fa) path.icon {
    fill: white; }
  .products-accordion .item a:not(.collapsed) svg:not(.svg-inline--fa) polygon.icon {
    fill: white; }
.products-accordion .item .arrow {
  position: absolute;
  right: 10px; }
  .products-accordion .item .arrow svg {
    margin-left: 10px;
    position: relative;
    transform: rotate(-180deg);
    transition: 200ms ease-out; }

.prod-container {
  padding-top: 20px; }
  .prod-container .product img {
    width: 100%; }
  .prod-container .product p {
    text-align: center;
    font-size: 1em;
    font-family: "proxima-nova-condensed", sans-serif;
    color: #505050;
    margin-top: 5px; }
  .prod-container a {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f68a40+0,ef4a3a+100 */
    background: #f68a40;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f68a40 0%, #ef4a3a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f68a40 0%, #ef4a3a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f68a40 0%, #ef4a3a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68a40', endColorstr='#ef4a3a',GradientType=0 );
    /* IE6-9 */
    color: white;
    text-transform: uppercase;
    padding: 5px 20px;
    width: 100%;
    display: block;
    position: relative;
    font-size: 1.5em; }
    .prod-container a .arrow {
      position: absolute;
      right: 40px;
      top: 20%;
      font-size: 2rem;
      transform: rotate(180deg);
      transition: 300ms ease-out; }
    .prod-container a.collapsed .arrow {
      transform: rotate(0deg); }

#order-tab {
  background-color: #e8e8e8; }
  #order-tab .nav-item {
    width: calc(100%/4);
    text-align: center;
    font-family: "proxima-nova-condensed", sans-serif;
    font-weight: 700;
    font-size: 1.2em;
    line-height: 30px;
    color: gray;
    padding: 20px 0px; }
    #order-tab .nav-item .number {
      background-color: gray;
      border-radius: 50%;
      color: #e8e8e8;
      width: 30px;
      line-height: 30px;
      display: inline-block;
      text-align: center;
      margin-bottom: 10px; }
      @media (min-width: 576px) {
        #order-tab .nav-item .number {
          margin-bottom: 0px; } }
    #order-tab .nav-item .text {
      display: block;
      line-height: 1em;
      font-size: 0.9em; }
      @media (min-width: 576px) {
        #order-tab .nav-item .text {
          display: inline-block;
          font-size: 1em; } }
    #order-tab .nav-item.active {
      border-radius: 0px;
      background-color: white;
      color: #f4783e; }
      #order-tab .nav-item.active .number {
        background-color: #f4783e;
        border-radius: 50%;
        color: white;
        width: 30px;
        line-height: 30px;
        display: inline-block;
        text-align: center; }
    #order-tab .nav-item.disabled {
      opacity: .2; }

#order {
  padding-bottom: 15px; }
  #order .minimum-30day {
    font-size: 16px; }
  #order h4.title-section {
    background-color: whitesmoke;
    text-align: center;
    border: 1px solid #cfcece;
    color: #b5b5b5;
    font-weight: 400;
    font-size: 1.2em;
    padding: 10px 0px;
    text-transform: uppercase; }
  #order #nav-tabContent {
    width: 100%; }
  #order header {
    text-align: center;
    margin: 35px 0px; }
    #order header h2 {
      margin: 0px; }
    #order header p {
      color: #505050;
      margin-bottom: 0px; }
  #order .cont-meal {
    border-right: 1px solid #d1d1d1; }
    #order .cont-meal:last-child {
      border-right: none; }
  #order .meal-plan {
    padding: 50px 0px 0px 0px;
    background: #fefefe;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fefefe 0%, #e6e6e6 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fefefe 0%, #e6e6e6 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fefefe 0%, #e6e6e6 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$from, endColorstr=$to,GradientType=0 );
    /* IE6-9 */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px rgba(128, 128, 128, 0.5);
    position: relative;
    margin-bottom: 40px; }
    @media (min-width: 576px) {
      #order .meal-plan {
        margin-bottom: 0px; } }
    #order .meal-plan .indicator {
      display: none; }
    #order .meal-plan.active .indicator {
      display: block;
      position: absolute;
      top: -30px;
      left: 100px;
      font-family: "ff-market-web", sans-serif;
      font-size: 1.5em; }
      #order .meal-plan.active .indicator:after {
        content: "";
        background-image: url(../images/arrow-faq.svg);
        transform: rotate(180deg);
        position: absolute;
        width: 25px;
        height: 30px;
        top: 20px;
        left: -30px; }
    #order .meal-plan h3 {
      font-size: 5.2em;
      color: #3eb649;
      line-height: 0.6em;
      text-align: center;
      margin: 0px; }
    #order .meal-plan p {
      text-transform: uppercase;
      font-size: 1.5em;
      color: #9c9b9b;
      font-family: "proxima-nova",sans-serif;
      font-weight: 100;
      text-align: center; }
    #order .meal-plan ul {
      list-style: none;
      font-family: "proxima-nova-condensed", sans-serif;
      font-weight: 700;
      font-size: 1.3em;
      margin: 0px;
      padding: 0px; }
      @media (min-width: 768px) and (max-width: 991.98px) {
        #order .meal-plan ul {
          font-size: .9em;
          color: red;
          padding: 5px 5px; } }
      #order .meal-plan ul li {
        padding: 5px 20px;
        text-transform: uppercase;
        border-top: 1px solid rgba(156, 155, 155, 0.3);
        color: #505050;
        height: 40px; }
        @media (min-width: 768px) and (max-width: 991.98px) {
          #order .meal-plan ul li {
            padding: 5px 10px;
            height: 30px; } }
        #order .meal-plan ul li a {
          color: #505050;
          width: 100%;
          height: 100%;
          position: absolute; }
        #order .meal-plan ul li:hover, #order .meal-plan ul li.active:hover {
          background: rgba(80, 80, 80, 0.7);
          color: white;
          border-top: 1px solid transparent; }
          #order .meal-plan ul li:hover a, #order .meal-plan ul li.active:hover a {
            color: white; }
        #order .meal-plan ul li.active {
          background: #3eb649;
          color: white;
          border-top: 1px solid #3eb649; }
          #order .meal-plan ul li.active a {
            color: white; }
  #order .meal-cart {
    background-color: white;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    height: 100%; }
    #order .meal-cart .meal-cart-items {
      position: relative;
      padding: 8px; }
    #order .meal-cart #header-products .meal-cart-header {
      background: #3eb649;
      display: flex;
      justify-content: space-between;
      box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); }
      #order .meal-cart #header-products .meal-cart-header h4, #order .meal-cart #header-products .meal-cart-header .count-items, #order .meal-cart #header-products .meal-cart-header .arrow-cart {
        padding: 8px; }
      #order .meal-cart #header-products .meal-cart-header h4 {
        margin: 0px;
        color: white;
        text-transform: uppercase;
        font-size: 1.2em; }
      #order .meal-cart #header-products .meal-cart-header .count-items {
        line-height: 1.2em;
        color: rgba(255, 255, 255, 0.6);
        margin-left: auto; }
        #order .meal-cart #header-products .meal-cart-header .count-items .meal-count {
          color: white; }
      #order .meal-cart #header-products .meal-cart-header .arrow-cart {
        self-align: flex-end;
        text-align: center;
        color: white;
        margin-left: 10px;
        background-color: #31903a; }
        #order .meal-cart #header-products .meal-cart-header .arrow-cart svg {
          transform: rotate(180deg);
          transition: 200ms ease-out; }
        @media (min-width: 576px) {
          #order .meal-cart #header-products .meal-cart-header .arrow-cart {
            display: none; } }
        #order .meal-cart #header-products .meal-cart-header .arrow-cart.collapsed svg {
          transform: rotate(0deg); }
    #order .meal-cart #collapseCart {
      height: 100%; }
      #order .meal-cart #collapseCart #item-total-container {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        height: 100%; }
        #order .meal-cart #collapseCart #item-total-container .meal-cart-items .cart-item {
          display: flex;
          justify-content: space-between;
          border: 1px dashed rgba(156, 155, 155, 0.5); }
          #order .meal-cart #collapseCart #item-total-container .meal-cart-items .cart-item:not(:last-child) {
            border-bottom: transparent; }
          #order .meal-cart #collapseCart #item-total-container .meal-cart-items .cart-item .images-cart {
            list-style: none;
            display: flex;
            margin-bottom: 5px;
            padding-left: 0px; }
            #order .meal-cart #collapseCart #item-total-container .meal-cart-items .cart-item .images-cart img {
              width: 90%;
              height: 90%;
              border-radius: 50%;
              border: 1px solid #E3E3E3; }
          #order .meal-cart #collapseCart #item-total-container .meal-cart-items .cart-item .image-title {
            align-items: center; }
            #order .meal-cart #collapseCart #item-total-container .meal-cart-items .cart-item .image-title .image {
              width: 30%;
              border-radius: 50%;
              overflow: hidden; }
              #order .meal-cart #collapseCart #item-total-container .meal-cart-items .cart-item .image-title .image img {
                width: 100%;
                height: 100%; }
            #order .meal-cart #collapseCart #item-total-container .meal-cart-items .cart-item .image-title .image ~ p {
              width: 60%;
              margin-left: auto; }
          #order .meal-cart #collapseCart #item-total-container .meal-cart-items .cart-item .quantity {
            width: 40px;
            background-color: #F4F4F4;
            padding: 3px;
            display: flex;
            align-items: center; }
            #order .meal-cart #collapseCart #item-total-container .meal-cart-items .cart-item .quantity input[type="number"] {
              width: 100%;
              color: #9c9b9b;
              text-align: center; }
          #order .meal-cart #collapseCart #item-total-container .meal-cart-items .cart-item .product-name {
            font-size: 0.7em;
            margin-left: 5px;
            width: 65%;
            padding: 8px; }
            #order .meal-cart #collapseCart #item-total-container .meal-cart-items .cart-item .product-name img {
              display: inline-block; }
            #order .meal-cart #collapseCart #item-total-container .meal-cart-items .cart-item .product-name p {
              margin: 0px; }
            #order .meal-cart #collapseCart #item-total-container .meal-cart-items .cart-item .product-name .list-ingredients {
              list-style: none;
              padding: 0;
              margin: 0; }
              #order .meal-cart #collapseCart #item-total-container .meal-cart-items .cart-item .product-name .list-ingredients li {
                padding-left: 1em;
                text-indent: -.7em; }
                #order .meal-cart #collapseCart #item-total-container .meal-cart-items .cart-item .product-name .list-ingredients li::before {
                  content: "• ";
                  color: #f4783e; }
            #order .meal-cart #collapseCart #item-total-container .meal-cart-items .cart-item .product-name.w-price {
              display: flex;
              align-items: center;
              padding: 5px 0px; }
          #order .meal-cart #collapseCart #item-total-container .meal-cart-items .cart-item .item-price {
            display: inline;
            margin-left: 10px;
            font-weight: bold; }
          #order .meal-cart #collapseCart #item-total-container .meal-cart-items .cart-item .cart-action {
            background-color: #F4F4F4;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            max-width: 50px;
            padding: 0px 4px; }
            #order .meal-cart #collapseCart #item-total-container .meal-cart-items .cart-item .cart-action svg path {
              fill: #9c9b9b; }
        #order .meal-cart #collapseCart #item-total-container .meal-cart-items .meal-cart-total {
          align-self: flex-end;
          padding-left: 40px;
          padding-right: 10px; }
  #order .nav-pills {
    margin-top: 20px; }
    @media (min-width: 576px) {
      #order .nav-pills {
        margin-top: 0px; } }
  #order #create-column {
    padding-left: 0px;
    padding-right: 0px; }
  #order #meal-create-tab .nav-item, #order #meal-delivery-tab .nav-item {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    color: #505050;
    text-transform: uppercase;
    font-size: 1.2em;
    width: calc(100%/3);
    line-height: 1em;
    padding-top: 20px;
    padding-bottom: 20px; }
    @media (min-width: 576px) {
      #order #meal-create-tab .nav-item, #order #meal-delivery-tab .nav-item {
        width: auto;
        margin-right: 4px; } }
    #order #meal-create-tab .nav-item.active, #order #meal-delivery-tab .nav-item.active {
      background: white;
      color: #f4783e;
      box-shadow: -1px -2px 2px rgba(0, 0, 0, 0.2); }
  #order #meal-create-tab .create-tab, #order #meal-delivery-tab .create-tab {
    width: calc(100%/5);
    padding: 0px;
    line-height: 17px;
    padding: 11px 2px;
    font-size: 1em;
    text-align: center;
    margin: 0px;
    padding-bottom: 20px;
    padding-top: 20px; }
    @media (min-width: 576px) {
      #order #meal-create-tab .create-tab, #order #meal-delivery-tab .create-tab {
        width: calc((100%/5) - (2px * 4));
        margin-right: 4px;
        font-size: 1.2em; } }
  #order .meal-tabs {
    background: #FEFEFE;
    /* Old browsers */
    background: -moz-linear-gradient(top, #FEFEFE 0%, #F9F9F9 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #FEFEFE 0%, #F9F9F9 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #FEFEFE 0%, #F9F9F9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$from, endColorstr=$to,GradientType=0 );
    /* IE6-9 */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    padding: 20px 10px 10px 10px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); }
    #order .meal-tabs #meal-create-custom {
      position: relative; }
    #order .meal-tabs nav.nav-pills {
      width: 100%; }
    #order .meal-tabs #plan-selection-tab, #order .meal-tabs #full-selection-tab, #order .meal-tabs #snack-selection-tab {
      margin-top: 0px; }
    #order .meal-tabs .custom-meal-selected {
      width: 100%;
      margin-top: 20px; }
      @media (min-width: 576px) {
        #order .meal-tabs .custom-meal-selected {
          margin-top: 0px; } }
      #order .meal-tabs .custom-meal-selected:nth-child(even) .cont-meal {
        margin-left: 5px; }
      #order .meal-tabs .custom-meal-selected:nth-child(odd) .cont-meal {
        margin-right: 5px; }
      #order .meal-tabs .custom-meal-selected .cont-meal {
        border: 1px dashed #E3E3E3;
        margin-left: 0px;
        position: relative;
        text-align: center;
        padding: 20px;
        height: 100%;
        flex-wrap: wrap;
        display: flex; }
        @media (min-width: 576px) {
          #order .meal-tabs .custom-meal-selected .cont-meal {
            margin-left: 10px; } }
      #order .meal-tabs .custom-meal-selected a {
        font-size: 1em;
        font-family: "proxima-nova-condensed", sans-serif;
        color: #9c9b9b;
        text-align: center;
        font-style: normal;
        font-weight: 400;
        position: relative; }
        #order .meal-tabs .custom-meal-selected a .remove, #order .meal-tabs .custom-meal-selected a .tap-remove {
          position: absolute; }
        #order .meal-tabs .custom-meal-selected a .remove {
          color: #DB3849;
          opacity: 0;
          top: 0px;
          right: 0px; }
        #order .meal-tabs .custom-meal-selected a .tap-remove {
          background: rgba(0, 0, 0, 0.4);
          top: 0px;
          border-radius: 9px;
          padding: 5px;
          color: white;
          right: 0px;
          line-height: 1em;
          font-size: 0.8em; }
        #order .meal-tabs .custom-meal-selected a:hover .remove {
          opacity: 1; }
      #order .meal-tabs .custom-meal-selected.active h4 span {
        background-color: #f4783e; }
      #order .meal-tabs .custom-meal-selected.active button.btn-add-custom-meal {
        background-color: #3eb649; }
      #order .meal-tabs .custom-meal-selected.quantity {
        max-width: 100%;
        color: gray; }
        @media (min-width: 576px) {
          #order .meal-tabs .custom-meal-selected.quantity {
            max-width: 20%; } }
        #order .meal-tabs .custom-meal-selected.quantity form {
          display: flex;
          flex-direction: column;
          height: 90%;
          justify-content: space-around; }
        #order .meal-tabs .custom-meal-selected.quantity .handler-qty {
          display: flex;
          margin-bottom: 20px;
          justify-content: space-around;
          align-items: center; }
          #order .meal-tabs .custom-meal-selected.quantity .handler-qty label {
            width: 35%;
            font-size: .9em;
            display: inline; }
          #order .meal-tabs .custom-meal-selected.quantity .handler-qty input {
            width: 40%;
            display: inline;
            background: transparent;
            border: none;
            color: #f4783e;
            font-size: 2em;
            text-align: center; }
        #order .meal-tabs .custom-meal-selected.quantity button {
          background-color: gray;
          border-radius: 0px;
          border: none;
          font-family: "proxima-nova-condensed", sans-serif;
          text-transform: uppercase;
          font-size: .9rem; }
      #order .meal-tabs .custom-meal-selected h4 {
        font-size: 1em;
        position: relative;
        font-family: "proxima-nova-condensed", sans-serif;
        text-transform: uppercase;
        color: #9c9b9b;
        width: 100%;
        font-weight: 400; }
        #order .meal-tabs .custom-meal-selected h4 span {
          position: absolute;
          display: block;
          width: 25px;
          background-color: #9c9b9b;
          line-height: 25px;
          color: white;
          border-radius: 50%;
          top: -30px;
          left: 43.5%;
          text-align: center; }
      #order .meal-tabs .custom-meal-selected:first-child .cont-meal {
        margin-left: 0px; }
      #order .meal-tabs .custom-meal-selected .selected-empty, #order .meal-tabs .custom-meal-selected .selected-info {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: "proxima-nova-condensed", sans-serif;
        font-style: italic;
        color: #9c9b9b;
        font-weight: 200; }
        #order .meal-tabs .custom-meal-selected .selected-empty img, #order .meal-tabs .custom-meal-selected .selected-info img {
          width: 100%; }
  #order #meal-delivery-tab-content h3 {
    color: #3eb649; }
  #order #meal-delivery-tab-content .remember-me {
    font-size: 0.8em; }
  #order #meal-delivery-tab-content label {
    width: 100%; }
  #order #meal-delivery-tab-content .forgot {
    color: #3eb649;
    text-decoration: underline;
    float: right; }
  #order #meal-delivery-tab-content #meal-delivery-account {
    position: relative; }
    #order #meal-delivery-tab-content #meal-delivery-account #trainer {
      margin-left: 0; }
    #order #meal-delivery-tab-content #meal-delivery-account #nutritionist {
      margin-left: 0; }
  #order #meal-delivery-tab-content #meal-delivery-profile {
    position: relative; }
    #order #meal-delivery-tab-content #meal-delivery-profile #trainer {
      margin-left: 0; }
    #order #meal-delivery-tab-content #meal-delivery-profile #nutritionist {
      margin-left: 0; }
  #order .shipping-methods h5 {
    color: #3eb649;
    font-size: 2em;
    text-transform: uppercase; }
  #order .shipping-methods h6 {
    text-transform: uppercase; }
  #order .shipping-methods p {
    color: #868685;
    font-size: 0.8em;
    line-height: 1.2em; }
  #order .shipping-methods .btn-delivery-select {
    background: #E6E2E3;
    /* Old browsers */
    background: -moz-linear-gradient(top, #E6E2E3 0%, #DDD9DA 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #E6E2E3 0%, #DDD9DA 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #E6E2E3 0%, #DDD9DA 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$from, endColorstr=$to,GradientType=0 );
    /* IE6-9 */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    width: 100%;
    text-align: center;
    font-size: 2em;
    font-family: "proxima-nova-condensed", sans-serif;
    padding: 30px;
    border: 1px solid #CECECE; }
    #order .shipping-methods .btn-delivery-select p {
      margin-bottom: 10px;
      text-transform: uppercase;
      color: #505050; }
    #order .shipping-methods .btn-delivery-select input {
      font-size: 1rem; }
    #order .shipping-methods .btn-delivery-select.selected {
      background: #3eb649 !important; }
      #order .shipping-methods .btn-delivery-select.selected p {
        color: white; }
    #order .shipping-methods .btn-delivery-select .date-field {
      display: flex;
      position: relative;
      background-color: white; }
      #order .shipping-methods .btn-delivery-select .date-field:before {
        position: absolute;
        content: "\f133";
        color: #3eb649;
        font-family: "FontAwesome";
        width: 30px;
        top: 0px;
        right: 0px;
        font-size: 20px;
        z-index: 9; }
      #order .shipping-methods .btn-delivery-select .date-field input {
        width: 100%;
        position: relative;
        background: transparent;
        z-index: 10; }
      #order .shipping-methods .btn-delivery-select .date-field svg {
        padding: 5px 5px;
        background-color: #31903a;
        color: white;
        margin-right: 0px; }
    #order .shipping-methods .btn-delivery-select.error, #order .shipping-methods .btn-delivery-select.disabled {
      background: #E5E1E2; }
      #order .shipping-methods .btn-delivery-select.error .error h6, #order .shipping-methods .btn-delivery-select.disabled .error h6 {
        color: #505050;
        font-size: 1.8rem; }
      #order .shipping-methods .btn-delivery-select.error .error p, #order .shipping-methods .btn-delivery-select.disabled .error p {
        font-size: 0.9rem;
        text-transform: unset;
        color: #505050; }
    #order .shipping-methods .btn-delivery-select:hover {
      text-decoration: none; }
  #order .next-step {
    text-align: center;
    margin-top: 40px; }
    @media (min-width: 576px) {
      #order .next-step {
        margin-top: 60px; margin-bottom:15px;} }
    #order .next-step p {
      font-size: .9em;
      text-transform: uppercase;
      margin-bottom: 5px;
      color: #505050; }
    #order .next-step button, #order .next-step .my-account {
      background-color: #f4783e;
      color: white;
      border: none;
      border-radius: 0px;
      padding: 20px 10%;
      width: 90%;
      font-size: 1.5em;
      text-transform: uppercase; }
      @media (min-width: 576px) {
        #order .next-step button, #order .next-step .my-account {
          padding: 20px 90px;
          width: auto; } }
  #order .create-meal-custom-selected {
    margin-bottom: 15px; }
  #order #custom-selection-protein-tab .nav-item {
    width: calc(100%/4); }
    @media (min-width: 576px) {
      #order #custom-selection-protein-tab .nav-item {
        width: calc(100%/5); } }
  #order #plan-selection-tab .nav-item {
    width: calc(100%/3); }
    @media (min-width: 576px) {
      #order #plan-selection-tab .nav-item {
        width: calc(100%/5); } }
  #order #juice-selection-tab .nav-item {
    width: calc(100%/2); }
    @media (min-width: 576px) {
      #order #juice-selection-tab .nav-item {
        width: calc(100%/5); } }
  #order #snack-selection-tab .nav-item {
    width: calc(100%/2); }
    @media (min-width: 576px) {
      #order #snack-selection-tab .nav-item {
        width: calc(100%/5); } }
  #order #custom-selection-veggie-tab .nav-item {
    width: calc(100%/2); }
    @media (min-width: 576px) {
      #order #custom-selection-veggie-tab .nav-item {
        width: calc(100%/5); } }
  #order #custom-selection-veggie_side-tab .nav-item {
    width: calc(100%/2); }
    @media (min-width: 576px) {
      #order #custom-selection-veggie_side-tab .nav-item {
        width: calc(100%/5); } }
  #order .tabs-options nav .nav-item {
    width: calc(100%/5);
    border-radius: 0px;
    background: none;
    color: #9c9b9b;
    font-family: "proxima-nova-condensed", sans-serif;
    text-transform: uppercase;
    font-size: 1.3em;
    line-height: 30px;
    position: relative;
    padding: 10px 0px 10px 0px;
    text-align: center; }
    @media (min-width: 576px) {
      #order .tabs-options nav .nav-item {
        border-bottom: transparent; } }
    #order .tabs-options nav .nav-item:last-child {
      border-bottom: transparent; }
    #order .tabs-options .category-title {
       padding-left: 25px; }
	  #order .tabs-options .category-title svg {
      width: 40px;
      height: 28px;
      display: block;
      position: absolute;
      left: 0;
      top: 17px; }
    #order .tabs-options nav .nav-item svg {
      width: 40px;
      height: 28px;
      position: inherit;
      display: block;
      left: 0px;
      margin: 0px auto; }
      @media (min-width: 576px) {
        #order .tabs-options nav .nav-item svg {
          display: inline-block;
          position: absolute;
          left: 10px; } }
    #order .tabs-options nav .nav-item path.icon {
      fill: #9c9b9b; }
	#order .tabs-options nav .nav-item polygon.icon {
      fill: #9c9b9b; }
    #order .tabs-options nav .nav-item .cat-name {
      display: block;
      padding: 2px;
      width: 100%;
      font-size: .7em; }
      @media (min-width: 576px) {
        #order .tabs-options nav .nav-item .cat-name {
          display: inline-block;
          width: 50%;
          margin-left: 30px;
          font-size: .8em;
          border-left: 1px solid rgba(45, 45, 45, 0.3); } }
    #order .tabs-options nav .nav-item.active {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f68a40+0,ef4a3a+100 */
      background: #f68a40;
      /* Old browsers */
      background: -moz-linear-gradient(top, #f68a40 0%, #ef4a3a 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #f68a40 0%, #ef4a3a 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #f68a40 0%, #ef4a3a 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68a40', endColorstr='#ef4a3a',GradientType=0 );
      /* IE6-9 */
      color: white; }
      #order .tabs-options nav .nav-item.active path.icon {
        fill: white; }
	  #order .tabs-options nav .nav-item.active polygon.icon {
        fill: white; }
      @media (min-width: 576px) {
        #order .tabs-options nav .nav-item.active .cat-name {
          border-left: 1px solid rgba(255, 255, 255, 0.3); } }
  #order .tabs-options .tab-content {
    background-color: #F4F4F4;
    border: 1px solid #E3E3E3;
    height: 420px;
    overflow-y: auto; }
    @media (min-width: 576px) {
      #order .tabs-options .tab-content {
        height: auto;
        overflow: initial; } }
  #order .tabs-options .meals-container .product {
    border: 1px dashed #E3E3E3;
    background: white;
    height: 100%;
    padding: 20px; }
    #order .tabs-options .meals-container .product .content-count {
      position: absolute;
      display: block;
      width: 25px;
      background-color: #9c9b9b;
      line-height: 25px;
      color: white;
      border-radius: 50%;
      top: -10px;
      left: 45%;
      text-align: center; }
    #order .tabs-options .meals-container .product .contents {
      padding: 0px;
      font-size: .8em; }
      #order .tabs-options .meals-container .product .contents li .qty {
        color: #A3A3A3; }
  #order .tabs-options .meals-info p {
    font-size: .9em; }
  #order .tabs-options .meals-info h4 {
    color: #f4783e; }
  #order .tabs-options .product a {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%; }
    #order .tabs-options .product a p {
      font-size: 1em;
      font-family: "proxima-nova-condensed", sans-serif;
      color: #9c9b9b;
      text-align: center; }
    #order .tabs-options .product a:hover p {
      color: #696868; }
  #order .tabs-options .product img {
    width: 100%; }
  #order .tabs-options .selection-veggie {
    display: none; }
  #order .tabs-options .selection-veggie_side {
    display: none; }
  #order .product-w-from {
    display: flex;
    flex-direction: column;
    padding: 20px; }
    #order .product-w-from img {
      width: 100%; }
    #order .product-w-from .img-container {
      position: relative;
      overflow: hidden;
      border-radius: 50%;
      height: 100px;
      width: 100px;
      margin: 0px auto; }
      #order .product-w-from .img-container img {
        position: absolute;
        width: 140%;
        left: -20%; }
    #order .product-w-from p {
      font-size: 1em;
      font-family: "proxima-nova-condensed", sans-serif;
      color: #9c9b9b;
      text-align: center;
      margin-top: 10px;
      margin-bottom: 0px; }
    #order .product-w-from form {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      font-size: 0.8em;
      margin-top: auto;
      justify-content: center;
      align-items: center; }
      #order .product-w-from form input {
        width: 25%;
        padding: 4px; }
      #order .product-w-from form label {
        line-height: 20px;
        font-size: 1.2em;
        margin-right: 10px; }
      #order .product-w-from form a {
        align-self: flex-end;
        background: #f4783e;
        color: white;
        text-transform: uppercase;
        font-family: "proxima-nova-condensed", sans-serif;
        margin-left: 5px;
        padding: 6px 5px 5px 5px;
        border-radius: 0px; }
  #order .juice {
    padding: 20px; }
    #order .juice img {
      width: 100%; }
    #order .juice h6 {
      margin-top: 10px;
      font-size: 1.1em;
      color: #727171;
      text-align: center;
      margin-bottom: 0px; }
    #order .juice p {
      font-size: 1em;
      font-family: "proxima-nova-condensed", sans-serif;
      color: #9c9b9b;
      margin-bottom: 0px;
      text-align: center; }
  @media (min-width: 576px) {
    #order .create-account {
      border-left: 1px solid #9c9b9b; } }
  #order .shipping-methods .delivery-cost {
    background: white;
    display: inline-block;
    padding: 10px;
    border: 1px dashed #E3E3E3;
    font-weight: 500;
    font-family: "proxima-nova-condensed", sans-serif;
    text-transform: uppercase;
    color: #505050; }
    #order .shipping-methods .delivery-cost span {
      color: #3eb649;
      margin-left: 10px; }
  #order .shipping-methods .btn-delivery-select {
    display: block;
    position: relative;
    background: #FFFFFF;
    /* Old browsers */
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #F5F5F5 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #FFFFFF 0%, #F5F5F5 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$from, endColorstr=$to,GradientType=0 );
    /* IE6-9 */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }
    #order .shipping-methods .btn-delivery-select .selected {
      display: none; }
    #order .shipping-methods .btn-delivery-select .error {
      display: none; }
  #order .shipping-methods .btn-delivery-select.selected .default {
    display: none; }
  #order .shipping-methods .btn-delivery-select.selected .selected {
    display: block; }
  #order .shipping-methods .btn-delivery-select.disabled .default {
    display: none; }
  #order .shipping-methods .btn-delivery-select.disabled .error {
    display: block; }
  #order .same-as-delivery-address {
    margin-top: 3px; }
  #order #confirmation {
    font-size: .9em; }
    #order #confirmation h3 {
      text-align: center;
      width: 100%;
      color: #3eb649;
      padding: 20px 0px;
      text-transform: uppercase; }
    #order #confirmation .table {
      background: white;
      border: 1px solid #E3E3E3; }
      #order #confirmation .table tr {
        border-bottom: 1px solid #E3E3E3; }
        #order #confirmation .table tr td {
          border-left: 1px solid #E3E3E3; }
    @media (min-width: 576px) {
      #order #confirmation .aside {
        border-left: 1px solid #E3E3E3; } }
    #order #confirmation .aside p {
      font-size: .9em; }
    #order #confirmation .aside h5 {
      color: #f4783e;
      font-weight: 400; }
    #order #confirmation .questions {
      text-align: center; }
      #order #confirmation .questions h4 {
        color: #f4783e;
        font-weight: 400; }
      #order #confirmation .questions a {
        color: #f4783e;
        text-decoration: underline; }
      #order #confirmation .questions .col-11 {
        border: 1px dashed #E3E3E3;
        padding: 30px 30px;
        margin: 20px 0px;
        background: white; }
  #order #meal-payment-tab-content #promo-code-form {
    margin-bottom: 35px; }
    #order #meal-payment-tab-content #promo-code-form .btn-apply-promo-code {
      background-color: #f4783e; }

#order.order-update header {
  text-align: left;
  margin-left: -15px; }
  #order.order-update header .order-data {
    padding-top: 20px; }
#order.order-update #delivery-column {
  padding-left: 0;
  padding-right: 0; }
#order.order-update #notification-column {
  padding-left: 0;
  padding-right: 0; }
  #order.order-update #notification-column .notification p {
    margin-top: 20px; }
#order.order-update .next-step {
  text-align: left;
  margin-left: -15px;
  margin-top: 30px;
  margin-bottom: 30px; }

#order-subscription-upgrade .modal-dialog {
  margin-top: 12%;
  font-size: 1.2em; }
#order-subscription-upgrade .modal-header {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f68a40+0,ef4a3a+100 */
  background: #f68a40;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f68a40 0%, #ef4a3a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f68a40 0%, #ef4a3a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f68a40 0%, #ef4a3a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68a40', endColorstr='#ef4a3a',GradientType=0 );
  /* IE6-9 */
  color: white;
  position: relative;
  padding: 15px 15px 10px 15px; }
  #order-subscription-upgrade .modal-header h5 {
    margin: 0px auto;
    font-size: 2.7em;
    text-transform: uppercase;
    line-height: 1em; }
  #order-subscription-upgrade .modal-header button {
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 0px;
    background: none;
    color: rgba(255, 255, 255, 0.5); }
#order-subscription-upgrade #subscription-body {
  padding: 20px; }
  @media (min-width: 576px) {
    #order-subscription-upgrade #subscription-body {
      padding: 0px; } }

.custom-card {
  background: white;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, white 0%, #e6e6e6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$from, endColorstr=$to,GradientType=0 );
  /* IE6-9 */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  margin: 100px auto;
  padding-top: 50px;
  padding-bottom: 50px;
  border-radius: 0px;
  border: none; }
  .custom-card h5 {
    color: #3eb649;
    font-weight: 300;
    font-size: 2.1em;
    text-align: center; }
  .custom-card a {
    background-color: #3eb649;
    color: white;
    border: none;
    font-size: 2em;
    font-family: "proxima-nova-condensed", sans-serif;
    padding: 5px 20px;
    margin-right: 10px; }

.oposite-card {
  background: #3eb649;
  /* Old browsers */
  background: -moz-linear-gradient(top, #3eb649 0%, #4cc256 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #3eb649 0%, #4cc256 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #3eb649 0%, #4cc256 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$from, endColorstr=$to,GradientType=0 );
  /* IE6-9 */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  margin: 100px auto;
  padding-top: 50px;
  padding-bottom: 50px;
  border-radius: 0px;
  border: none; }
  .oposite-card h5 {
    color: white;
    font-weight: 200;
    font-size: 2.1em;
    text-align: center; }
  .oposite-card button {
    background-color: #3eb649;
    color: white;
    border: 3px solid white;
    font-size: 2em;
    font-family: "proxima-nova-condensed", sans-serif;
    padding: 5px 15px;
    margin-right: 10px;
    cursor: pointer; }
    .oposite-card button:hover {
      background-color: white;
      color: #3eb649;
      border: 3px solid white; }

.column-navigation .nav-item {
  background: none;
  border: 1px solid #D4D4D4;
  font-family: "proxima-nova-condensed", sans-serif;
  border-radius: 0px;
  margin-bottom: 10px;
  color: #505050;
  text-transform: uppercase;
  font-size: 1.35em;
  font-weight: 400;
  padding-top: 15px;
  padding-bottom: 12px; }
  .column-navigation .nav-item:hover {
    background: rgba(255, 255, 255, 0.7); }
  .column-navigation .nav-item:last-child {
    margin-bottom: 0px; }
  .column-navigation .nav-item.active {
    background-color: #3eb649;
    color: white; }
    .column-navigation .nav-item.active:hover {
      background-color: #57c661; }

.table td, .table th {
  border: none; }

#my-account .submit-form {
  background-color: #3eb649;
  text-transform: uppercase; }
#my-account #account-info-pane {
  background: white;
  /* Old browsers */
  background: -moz-linear-gradient(top, white 0%, #F5F5F5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, white 0%, #F5F5F5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, white 0%, #F5F5F5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$from, endColorstr=$to,GradientType=0 );
  /* IE6-9 */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }
  @media (min-width: 576px) {
    #my-account #account-info-pane .tab-content {
      padding: 30px; } }
  #my-account #account-info-pane h3 {
    text-align: center;
    color: #3eb649;
    font-size: 1.8em;
    text-transform: uppercase;
    padding: 3rem; }
    @media (min-width: 576px) {
      #my-account #account-info-pane h3 {
        padding: 0.4rem 0px 1.3rem 0px; } }
  #my-account #account-info-pane .table.info-table {
    font-size: .9em; }
  #my-account #account-info-pane .table.info-table > thead {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f68a40+0,ef4a3a+100 */
    background: #f68a40;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f68a40 0%, #ef4a3a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f68a40 0%, #ef4a3a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f68a40 0%, #ef4a3a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68a40', endColorstr='#ef4a3a',GradientType=0 );
    /* IE6-9 */
    text-transform: uppercase;
    font-size: 1.2em; }
    #my-account #account-info-pane .table.info-table > thead td, #my-account #account-info-pane .table.info-table > thead th {
      border: transparent;
      padding-top: 5px;
      padding-bottom: 3px;
      font-weight: 500;
      letter-spacing: 1px;
      color: white; }
  #my-account #account-info-pane .table-striped tbody tr:nth-of-type(odd) {
    background-color: white; }
    #my-account #account-info-pane .table-striped tbody tr:nth-of-type(odd) th {
      background-color: #F6F6F6; }
  #my-account #account-info-pane .table-striped tbody tr {
    background-color: #F8F8F8; }
    #my-account #account-info-pane .table-striped tbody tr th {
      background-color: #EFEFEF;
      font-size: 1.2em;
      font-weight: 400; }
  #my-account #account-info-pane .table.info-table td, #my-account #account-info-pane .table.info-table th {
    border-bottom: 1px dashed #E3E3E3;
    border-left: 1px dashed #E3E3E3;
    padding-bottom: 5px;
    font-family: "proxima-nova", sans-serif;
    color: #666666; }
  #my-account #account-info-pane .table.info-table td:last-child, #my-account #account-info-pane .table.info-table th:last-child {
    border-right: 1px dashed #E3E3E3; }
  #my-account #account-info-pane .table.info-table th .qty {
    width: 35px;
    color: gray;
    font-size: .8em;
    text-align: center;
    border-radius: 0px;
    box-shadow: inset 2px 2px 13px rgba(0, 0, 0, 0.1);
    padding: 2px 2px 2px 8px; }
  #my-account #account-info-pane .footable-detail-row > td {
    padding: 0; }
  #my-account #account-info-pane .no-order {
    border: 1px dashed #E3E3E3;
    padding: 30px 30px;
    margin: 20px 0px;
    background: white;
    text-align: center; }
  #my-account #account-info-pane .btn {
    border-radius: 0px;
    text-transform: uppercase;
    font-size: 1.1em;
    font-family: "proxima-nova-condensed", sans-serif;
    font-weight: 400;
    padding-bottom: 3px;
    color: white; }
    #my-account #account-info-pane .btn.grey {
      color: #A4A4A4; }
    #my-account #account-info-pane .btn.grey:hover {
      color: #717171; }
    #my-account #account-info-pane .btn:hover {
      color: white; }
    #my-account #account-info-pane .btn.complete {
      color: white; }
#my-account #menu-subscription p a {
  text-decoration: underline; }
#my-account #menu-subscription .btn-change-plan-active {
  border: 1px solid #D4D4D4;
  width: 100%;
  display: block;
  font-family: "proxima-nova-condensed", sans-serif;
  color: #444444;
  font-size: 1.4em; }
  #my-account #menu-subscription .btn-change-plan-active .price_subscription {
    color: #3eb649; }
#mobile-account .btn-change-plan-active .price_subscription .price_subscription	{color:white;}
    #my-account #menu-subscription .btn-change-plan-active .price_subscription .week {
      font-size: 0.7em; }
	  .btn-change-plan-active.active,
#my-account #menu-subscription .btn-change-plan-active.active {
  background-color: #3eb649;
  color: #FFF; }
  #my-account #menu-subscription .btn-change-plan-active.active .price_subscription {
    color: #FFF; }
@media (min-width: 576px) {
  #my-account #menu-subscription .create-account {
    border-left: 1px solid #E3E3E3; } }
#my-account #menu-subscription .current-card {
  display: block;
  background: white;
  border: 1px dashed #9c9b9b;
  color: #707070; }
  #my-account #menu-subscription .current-card .name {
    font-family: "proxima-nova-condensed", sans-serif; }
  #my-account #menu-subscription .current-card span {
    margin-right: 10px; }
  #my-account #menu-subscription .current-card strong {
    margin-right: 10px;
    color: #505050; }
  #my-account #menu-subscription .current-card p {
    margin: 0px;
    padding: 5px; }
#my-account #menu-subscription .subscription-pause {
  font-size: 1.3em;
  line-height: 1em; }
  #my-account #menu-subscription .subscription-pause .remaining {
    background-color: #f4783e;
    padding: 10px 15px;
    color: white;
    display: inline-block; }
  #my-account #menu-subscription .subscription-pause .number {
    color: #f4783e; }
#my-account .order-history thead {
  background-color: #F4F4F4;
  color: #717171;
  text-transform: uppercase;
  font-weight: 400; }
#my-account .order-history tbody {
  font-family: "proxima-nova", sans-serif;
  color: #505050;
  font-weight: 400; }
#my-account .order-history a {
  color: #f4783e;
  text-decoration: underline; }
  #my-account .order-history a:hover {
    color: #c1450b; }
#my-account .order-history tbody > tr {
  border-bottom: 1px solid #E4E4E4; }
#my-account .order-history.footable-details tbody tr:last-child {
  border-bottom: none; }
#my-account .btn-return-order-history {
  color: #A3A3A3;
  text-decoration: underline; }
#my-account #subscription-tab {
  width: 100%;
  border-top: 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3; }
  #my-account #subscription-tab .nav-item {
    width: calc(100% / 4);
    text-align: center;
    font-size: .9em;
    padding: 10px 5px;
    color: #A4A4A4;
    border-radius: 0px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1em; }
    #my-account #subscription-tab .nav-item.active {
      color: #505050;
      background-color: #F2F2F2; }
    #my-account #subscription-tab .nav-item svg {
      display: block;
      margin: 3px auto 5px auto; }
      @media (min-width: 576px) {
        #my-account #subscription-tab .nav-item svg {
          margin: 0px;
          display: inline-block; } }
#my-account .current-plan {
  background: #3eb649;
  color: white;
  display: block;
  position: relative;
  line-height: 1em;
  width: 90%;
  margin: 20px auto 35px auto;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
  text-align: center;
  padding: 10px 30px 5px 30px;
  font-size: 2em;
  display: flex;
  justify-content: space-between;
  font-weight: 100; }
  @media (min-width: 576px) {
    #my-account .current-plan {
      width: 50%; } }
  #my-account .current-plan span {
    display: inline; }
  #my-account .current-plan .price {
    font-weight: 500; }
  #my-account .current-plan .time {
    font-size: .6em; }
  #my-account .current-plan .your {
    font-family: "ff-market-web", sans-serif;
    font-size: .7em;
    position: absolute;
    right: 90px;
    top: -30px;
    z-index: 10;
    color: #464646; }
    #my-account .current-plan .your:after {
      content: "";
      background-image: url(../images/arrow-faq.svg);
      transform: rotate(200deg);
      position: absolute;
      width: 25px;
      height: 30px;
      top: 10px;
      left: -30px; }

#login .title-login {
  background-color: #3eb649; }
  #login .title-login h3 {
    color: white;
    margin: 0px;
    padding-top: 15px;
    padding-bottom: 12px;
    text-transform: uppercase; }
#login .btn-login {
  font-size: 1.4em;
  padding: 2px 25px; }
#login .login {
  background-color: white; }
#login .form-control {
  border-radius: 0px;
  box-shadow: inset 2px 2px 13px rgba(0, 0, 0, 0.1); }
#login .btn-message-access .msg {
  color: #9c9b9b; }
  #login .btn-message-access .msg a {
    text-decoration: underline; }

#my-account table.order-history span.footable-toggle {
	display: none; }

/*# sourceMappingURL=main.css.map */