/* Generated by less 1.7.0 */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,700);
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.btn-group-lg > .btn {
  padding: 32px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 8px;
}
.btn-group-sm > .btn {
  padding: 8px 10px;
  font-size: 14px;
  line-height: 16px;
  border-radius: 3px;
}
.btn-group-xs > .btn {
  padding: 4px 5px;
  font-size: 14px;
  line-height: 16px;
  border-radius: 3px;
}
.glyphicon-select-caret,
.glyphicon-select-caret,
.glyphicon-caret-down,
.glyphicon-caret-down-small,
.glyphicon-caret-up,
.glyphicon-caret-up-small,
.glyphicon-caret-right,
.glyphicon-caret-right-small,
.glyphicon-caret-left,
.glyphicon-caret-left-small {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
/**
 *
 * Main container
 *
 */
#addToHomeScreen {
  z-index: 9999;
  -webkit-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  touch-callout: none;
  width: 240px;
  font-size: 15px;
  padding: 12px 14px;
  text-align: left;
  font-family: helvetica;
  border: 1px solid #6cb33e;
  -webkit-border-radius: 8px;
  -webkit-background-clip: padding-box;
  color: #333333;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  line-height: 130%;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  background: #f1eee0;
}
#addToHomeScreen .message {
  padding-top: 8px;
  font-size: 17px;
}
#addToHomeScreen.addToHomeIpad {
  width: 268px;
  font-size: 18px;
  padding: 14px;
}
/**
 *
 * The 'wide' class is added when the popup contains the touch icon
 *
 */
#addToHomeScreen.addToHomeWide {
  width: 296px;
}
#addToHomeScreen.addToHomeIpad.addToHomeWide {
  width: 320px;
  font-size: 18px;
  padding: 14px;
}
/**
 *
 * The balloon arrow
 *
 */
#addToHomeScreen .addToHomeArrow {
  position: absolute;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #6cb33e;
  background: #f1eee0;
  width: 16px;
  height: 16px;
  -webkit-transform: rotateZ(45deg);
  bottom: -9px;
  left: 50%;
  margin-left: -8px;
  -webkit-box-shadow: inset -1px -1px 0 #a9a9a9;
  -webkit-border-bottom-right-radius: 2px;
}
/**
 *
 * The balloon arrow for iPad
 *
 */
#addToHomeScreen.addToHomeIpad .addToHomeArrow {
  -webkit-transform: rotateZ(-135deg);
  -webkit-box-shadow: inset -1px -1px 0 #ffffff;
  top: -9px;
  bottom: auto;
  left: 50%;
}
/**
 *
 * Close button
 *
 */
#addToHomeScreen .addToHomeClose {
  -webkit-box-sizing: border-box;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 18px;
  height: 18px;
  line-height: 14px;
  text-align: center;
  text-indent: 1px;
  -webkit-border-radius: 9px;
  background: rgba(0, 0, 0, 0.12);
  color: #6cb33e;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  font-size: 16px;
}
#addToHomeScreen.addToHomeIOS7 .addToHomeClose {
  line-height: 12px;
  padding-right: 1px;
  background: transparent;
  border: 1px solid #6cb33e;
  -webkit-box-shadow: none;
}
/**
 *
 * The '+' icon, displayed only on iOS < 4.2
 *
 */
#addToHomeScreen .addToHomePlus {
  font-weight: bold;
  font-size: 1.3em;
}
/**
 *
 * The 'share' icon, displayed only on iOS >= 4.2
 *
 */
#addToHomeScreen .addToHomeShare {
  display: inline-block;
  width: 18px;
  height: 15px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC);
  background-size: 18px 15px;
  text-indent: -9999em;
  overflow: hidden;
}
#addToHomeScreen.addToHomeIOS7 .addToHomeShare {
  width: 11px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAA8CAYAAAAQTCjdAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAASCQAAEgkB80sG3AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAKjSURBVGiB7dpPiFVVHMDxz7m9NCtMyI2bEJEC25WrEkzHUXCRraIwdNE8ZxfYIlcis1ZEbGEzT1QCF4XgH1CyWhUoJKIWNRGEiCNKmkSiYTzfcfGuOokx77x3ZlS8382959zfn+/invvn3RdijHIRBrwkOINCYXEcdjpb7VyiYdBsLScwt5y6IloYdzqXo36Ro0gY9IKWo+5JwmzBt2HQnBw9ehYNazyn5TBee8Dh+Vq+CWu92GufnkTDR6ab7gDeBNHouMM/l9tXTXM0fGBmL726Fg1Dam74EsvKqR8VNowL2Yzj5f7rnnE4DHq2235diYYhhTGfC94up35T0y+6di/ITU0rKVd+sEi0P7xr2pSJOu8zvF+OzqEv7vDH/WFxt7/cshy/ticsN8sXYUht0kXDOlsF9XJ4UaEvNoz9X3zc5bKaZThbyr5jzJ4wlNY7KTgM+ES0vhz+KeiPw36fKC/ucAF9uFBOrTZm26SJCtaV27+xIo7cXdkTEhvOoh+XyxprU1qnim7CQdGK2HAyKRexYVShT3RItDElN+mkjiP2Ym+S3f01hv2EVal5WW6hU0ElmptaqJuBpXg6MbeFH2LDpU6CQ93zWIKnEvs0cayGU3glMfkOo1jQYewZzOuyz7FC95Jwo5OgUFfgeg993hh/eTqCTxOSm/iuk8DY0Ap1b2GhtHXxsfZN4j/X0fOx4auEIknEhqv4OiUn1L13Z/+xWfWVaG4q0dxUormpRHNTieamEs1NJZqbJ1Q0jHvdiJo5S2cVjSNOCHZhn3/SnuYnIvl3yomIIz7MXZMn9hydRCrR3FSiualEc1OJ5qYSzU0lmptKNDePjWgwcPePT7/g+4cp8wCW4GXaryK3tL+mLdD5x62ppllgu7bso8q/2HIbzGWdNmWnSJwAAAAASUVORK5CYII=);
  background-size: 11px 15px;
}
/**
 *
 * The touch icon (if available)
 *
 */
#addToHomeScreen .addToHomeTouchIcon {
  display: block;
  float: left;
  background-repeat: no-repeat;
  width: 57px;
  height: 57px;
  -webkit-background-size: 57px 57px;
  background-size: 57px 57px;
  margin: 0 20px 0 0;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/**
 * Custom gradient mixin as bootstrap default does not support Android 2.3
 */
/**
 * Explicitly define each corner radius to overcome Samsung native browser bug with ignores straight border radius calls.
 */
/* Colours

Below is a list of all colours consistently used across the site. These colours can all be found in the <code>css/variables.less</code> file.

Styleguide 4.0
*/
/* Default Palette

The default colour palette used.

Markup:
<div class="col-xs-12 col-sm-9">
    <div class="kss-color-box {$modifiers}"></div>
</div>

.color-primary - The primary call to action colour
.color-primary-dark - A dark variant on the primary colour
.color-body-text - The default text colour of body text
.color-muted - A muted version of the body text colour for secondary text
.color-disabled - The colour used for disabled elements
.color-border - The default colour used for bordered elements
.color-inverse - Used for panels that contrast with the default white background
.color-error - The text colour for errors and warnings
.color-error-bg - The background colour for errors and warnings

Styleguide 4.1
*/
/* Navigation colours

Colours used in the top menu navigation

Markup:
<div class="col-xs-12 col-sm-9">
    <div class="kss-color-box {$modifiers}"></div>
</div>

.color-nav-drop - The dropdown background colour of the top nav menu
.color-nav-drop-text - The text colour of the top nav menu
.color-nav-highlight - The background colour of the hover state of the top nav menu
.color-nav-btn-text - The text colour of the top nav buttons

Styleguide 4.2
*/
/* Misc colours

Colours used in the top menu navigation

Markup:
<div class="col-xs-12 col-sm-9">
    <div class="kss-color-box {$modifiers}"></div>
</div>

.color-order-mealtype-bg - Background colour of the meal
.color-order-meal-separator - Seperator colour of the meal

Styleguide 4.3
*/
body.page-style-manual .header h1 {
  font-family: 'Open Sans', sans-serif;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 32px;
  text-align: center;
}
body.page-style-manual #pattern-affix {
  margin-top: 16px;
}
body.page-style-manual #pattern-affix ul li {
  font-size: 14px;
}
body.page-style-manual #pattern-affix ul li.active {
  font-weight: bold;
}
body.page-style-manual #pattern-affix ul li a {
  padding: 5px;
}
body.page-style-manual #pattern-affix ul li ul.nav li {
  font-weight: normal;
  margin-left: 10px;
}
body.page-style-manual #pattern-affix ul li ul.nav li.active {
  font-weight: bold;
  border-left: 3px solid #6cb33e;
}
body.page-style-manual .color-box {
  margin-bottom: 16px;
}
body.page-style-manual .color-box .color {
  height: 120px;
}
body.page-style-manual .color-box .color.primary {
  background-color: #6cb33e;
}
body.page-style-manual .color-box .color.primary-dark {
  background-color: #548b30;
}
body.page-style-manual .color-box .color.body-text {
  background-color: #444444;
}
body.page-style-manual .color-box .color.muted {
  background-color: #777777;
}
body.page-style-manual .color-box .color.disabled {
  background-color: #bbbbbb;
}
body.page-style-manual .color-box .color.border {
  background-color: #cccccc;
}
body.page-style-manual .color-box .color.error {
  background-color: #cb3910;
}
body.page-style-manual .color-box .color.nav-drop {
  background-color: #f1eee0;
}
body.page-style-manual .color-box .color.nav-drop-text {
  background-color: #6a6a6a;
}
body.page-style-manual .color-box .color.nav-highlight {
  background-color: #70bd3e;
}
body.page-style-manual .color-box .color.nav-btn-text {
  background-color: #ffffff;
  border: 1px solid #bbbbbb;
}
body.page-style-manual .color-box h4 {
  color: #444444;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 2px;
  text-align: center;
  text-transform: uppercase;
}
body.page-style-manual .color-box p {
  font-size: 12px;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase;
}
body.page-style-manual .color-box p code {
  display: inline-block;
  font-size: 11px;
  margin-top: 4px;
  text-transform: lowercase;
}
body.page-style-manual .color-box p kbd {
  display: inline-block;
  margin-top: 4px;
  text-transform: lowercase;
}
body.page-style-manual .icon-box {
  margin-bottom: 16px;
}
body.page-style-manual .icon-box .icon {
  border: 1px solid #bbb;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
body.page-style-manual .icon-box h4 {
  color: #444444;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 2px;
  text-align: center;
}
body.page-style-manual .icon-box p {
  font-size: 12px;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase;
}
body.page-style-manual .icon-box p code {
  display: inline-block;
  font-size: 11px;
  margin-top: 4px;
  text-transform: lowercase;
}
body.page-style-manual .icon-box p kbd {
  display: inline-block;
  margin-top: 4px;
  text-transform: lowercase;
}
body.page-style-manual .glyph-box {
  margin-bottom: 16px;
}
body.page-style-manual .glyph-box .glyph {
  border: 1px solid #bbb;
  padding-top: 35px;
  padding-bottom: 40px;
  text-align: center;
}
body.page-style-manual .glyph-box h4 {
  color: #444444;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 2px;
  text-align: center;
}
body.page-style-manual .glyph-box p {
  font-size: 12px;
  margin-bottom: 0;
  text-align: center;
  text-transform: uppercase;
}
body.page-style-manual .glyph-box p code {
  display: inline-block;
  font-size: 11px;
  margin-top: 4px;
  text-transform: lowercase;
}
body.page-style-manual .glyph-box p kbd {
  display: inline-block;
  margin-top: 4px;
  text-transform: lowercase;
}
body.page-style-manual .feature {
  border-top: 3px solid #efefef;
  display: block;
  margin-top: 16px;
  margin-bottom: 32px;
  text-align: center;
}
body.page-style-manual .feature h2 {
  color: #444444;
  font-size: 30px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  margin-top: 32px;
  margin-bottom: 24px;
}
body.page-style-manual .feature p {
  margin-bottom: 2px;
}
body.page-style-manual h3.sub {
  padding-bottom: 10px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  border-bottom: 1px dashed #777777;
}
body.page-style-manual h3 + pre {
  margin-top: 16px;
}
body.page-style-manual h4.sub {
  color: #444444;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  margin-top: 16px;
}
body .code pre {
  font-size: 12px;
}
body .section {
  margin-bottom: 0;
  padding-bottom: 48px;
}
body .section .lead h3 {
  color: #222;
  font-size: 22px;
  margin-top: 0;
}
body .section .lead p {
  margin-bottom: 2px;
  font-size: 14px;
}
body .section .examples .code-example {
  background: #efefef;
  padding: 4px 15px 16px;
  margin-top: 24px;
}
body .section .examples .code-example h5 {
  color: #444444;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-top: 0px;
  text-transform: uppercase;
}
body .section .examples .code-example .code {
  margin-top: 16px;
  margin-bottom: 16px;
}
body .section .examples .code-example .code p {
  margin-bottom: 8px;
}
body .section .examples .code-example .notes {
  font-size: 14px;
}
body .section .examples .code-example .notes p {
  margin-bottom: 4px;
}
body .section .examples .text-decorative {
  color: #444444;
}
@media (min-width: 768px) {
  body.page-style-manual #main-content {
    padding-right: 60px;
  }
}
body pre {
  font-size: 11px;
  text-align: left;
}
body #kss-content {
  padding-right: 30px;
}
body .kss-depth-1 {
  margin-bottom: 2em;
}
body .kss-depth-1 .kss-title {
  color: #343434;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 23px;
  font-weight: bold;
}
body .kss-depth-1 .kss-title:first-child {
  font-size: 30px;
  text-align: center;
}
body .kss-depth-1 .kss-description {
  text-align: left;
}
body .kss-depth-1 .kss-description > p:first-child {
  border-top: 3px solid #dfdfdf;
  border-bottom: 3px solid #dfdfdf;
  margin: 0 auto 3em;
  padding: 1.5em 0;
  text-align: center;
  width: 75%;
}
body .kss-depth-1 h3,
body .kss-depth-1 h4,
body .kss-depth-1 h5 {
  color: #343434;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
  margin-top: 1em;
}
body .kss-depth-1 h3 + p,
body .kss-depth-1 h4 + p,
body .kss-depth-1 h5 + p {
  text-align: left;
}
body .kss-depth-2 {
  margin-bottom: 2em;
}
body .kss-depth-2 .kss-title {
  color: #343434;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-top: 3em;
}
body .kss-depth-2 .kss-box a {
  color: #428bca;
  text-decoration: underline;
}
body .kss-depth-2 .kss-box a:hover {
  color: #1f496e;
}
body .kss-depth-2 .kss-markup {
  background-color: #f9f9f9;
  border: 1px solid #eee;
  padding: 15px 15px 5px;
}
body .kss-depth-2 .kss-markup .kss-code-heading {
  color: #343434;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 0;
}
body .kss-depth-2 .kss-mod-list .kss-mod-name {
  background: #f9f9f9;
  border: 1px solid #eee;
  font-size: 12px;
  padding: 3px 12px;
  min-width: 100px;
}
body .kss-depth-2 .kss-mod-list .kss-mod-desc {
  border-top: 1px solid #eee;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
}
body .kss-depth-2 .kss-mod-list .kss-mod-desc p {
  color: #999;
  line-height: 18px;
  margin-bottom: 0;
}
body .kss-depth-2 .kss-mod-list .kss-mod-desc em {
  background-color: #eee;
  color: #333;
  display: inline-block;
  font-style: normal;
  font-weight: bold;
  margin-right: 20px;
  padding: 0 5px 2px 5px;
}
body .kss-depth-2 .kss-mod-list .kss-mod-desc-group {
  margin-top: 1.5em;
}
body .kss-depth-2 .kss-mod-list .kss-mod-example {
  padding-top: 0.5em;
}
body .kss-color-box {
  border: 1px solid #efefef;
  display: block;
  min-height: 100px;
}
body .kss-color-box.color-primary {
  background-color: #6cb33e;
}
body .kss-color-box.color-primary-dark {
  background-color: #548b30;
}
body .kss-color-box.color-body-text {
  background-color: #444444;
}
body .kss-color-box.color-muted {
  background-color: #777777;
}
body .kss-color-box.color-disabled {
  background-color: #bbbbbb;
}
body .kss-color-box.color-border {
  background-color: #cccccc;
}
body .kss-color-box.color-inverse {
  background-color: #e2f0d8;
}
body .kss-color-box.color-error {
  background-color: #cb3910;
}
body .kss-color-box.color-error-bg {
  background-color: #f8e9e2;
}
body .kss-color-box.color-nav-drop {
  background-color: #f1eee0;
}
body .kss-color-box.color-nav-drop-text {
  background-color: #6a6a6a;
}
body .kss-color-box.color-nav-highlight {
  background-color: #70bd3e;
}
body .kss-color-box.color-nav-btn-text {
  background-color: #ffffff;
}
body .kss-color-box.color-order-mealtype-bg {
  background-color: #0b5136;
}
body .kss-color-box.color-order-meal-separator {
  background-color: #d7e0d0;
}
body .kss-menu {
  margin-bottom: 2em;
  text-align: center;
}
body .kss-menu .kss-sidebar-title {
  color: #343434;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
}
body .kss-menu ul {
  list-style: none;
  padding-left: 0;
}
body .kss-menu ul li {
  margin-bottom: 0.75em;
}
body .kss-menu ul li a {
  text-decoration: none;
}
body .kss-menu ul li a.kss-reference-link {
  font-weight: bold;
}
body .kss-menu ul li ul {
  margin-top: 0.5em;
}
body .kss-menu ul li ul li {
  color: #999;
  padding-left: 15px;
}
body .kss-menu ul li ul li:first-child {
  display: none;
}
@media (min-width: 768px) {
  body .kss-menu {
    margin-top: 0;
    position: fixed;
    text-align: left;
    top: 24px;
    right: 0;
  }
}
@font-face {
  font-family: 'Brandy BF';
  src: url('fonts/278772_0_0.ttf');
  src: url('fonts/278772_0_0.ttf?#iefix') format('embedded-opentype'), url('fonts/278772_0_0.ttf') format('truetype');
}
.style-drop-down {
  color: #6a6a6a;
  font-family: 'PT Serif', serif;
  font-size: 18px;
}
html,
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  height: 100%;
}
html form,
body form {
  min-height: 100%;
  padding-bottom: 240px;
}
a {
  color: #444444;
  text-decoration: underline;
}
a:hover {
  color: #6cb33e;
  cursor: pointer;
  text-decoration: underline;
}
a.link-bold {
  color: #444444;
  font-weight: bold;
  text-decoration: underline;
}
p {
  color: #444444;
  margin-bottom: 8px;
  line-height: 16px;
}
ul {
  margin-left: 0;
  line-height: 16px;
  padding-left: 15px;
}
ul li {
  margin-bottom: 8px;
}
ul.green li {
  color: #6cb33e;
}
ul.green li span {
  color: #444444;
}
small {
  font-size: 12px;
  line-height: 12px;
}
/* Headings

Heading sizes and styles are defined in the css/variables.less file. Any sizes not defined take on the defaul Bootstrap sizes as defined on the <a href="http://getbootstrap.com/css/#less">Bootstrap site here</a>.

Markup:
<{$modifiers}>This is a heading</{$modifiers}>

h1 - <em>[23px | #6cb33e | rgb(108, 179, 62)]</em>  The first heading of all pages is a h1 element.
h2 - <em>[23px | #6cb33e | rgb(108, 179, 62)]</em>  If there are more than 1 major heading on a page, all subsequent major headings are h2 elements.
h3 - <em>[24px | #6cb33e | rgb(108, 179, 62)]</em>  All titles that are not a major heading use a h3 element.
h4 - <em>[18px | #6cb33e | rgb(108, 179, 62)]</em>
h5 - <em>[14px | #6cb33e | rgb(108, 179, 62)]</em>

Styleguide 1.2
*/
h1,
h2 {
  color: #6cb33e;
  font-family: 'PT Serif', serif;
  margin-top: 16px;
  margin-bottom: 16px;
}
h1 {
  font-size: 23px;
  margin-top: 8px;
  margin-bottom: 8px;
}
h2 {
  font-size: 23px;
  margin-top: 8px;
  margin-bottom: 8px;
}
h3,
h4,
h5 {
  color: #6cb33e;
  font-family: 'PT Serif', serif;
  margin-bottom: 4px;
  margin-top: 4px;
}
h4 {
  font-size: 18px;
  font-weight: 400;
}
.inverse h4 {
  font-size: 14px;
  font-weight: 700;
  display: inline;
}
h5 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
.navfix nav {
  position: absolute;
}
.list-horizontal {
  margin: 0;
  padding: 0;
}
.list-horizontal li {
  display: inline;
}
.list-horizontal li:not(:last-child) {
  margin-right: 16px;
}
/* Spacers

Spacers are used to add consistent vertical spacing in pages

Styleguide 5.0
*/
/* Standard spacers

The following spacer classes should be applied to empty div tags such as the below markup example.

Markup:
<div>Content above the spacer</div>
<div class={$modifiers}></div>
<div>Content below the spacer</div>

.spacer - Add a vertical space the same height as the default line height
.spacer-sm - Add a vertical space half the height of the default line height

Styleguide 5.1
*/
.spacer {
  clear: both;
  display: block;
  height: 8px;
}
.spacer-sm {
  clear: both;
  display: block;
  height: 4px;
}
.no-gutter {
  padding-left: 0;
  padding-right: 0;
}
.no-gutter-right {
  padding-right: 0;
}
.no-gutter-left {
  padding-left: 0;
}
.gutter-small {
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.gutter-small-left {
  padding-left: 7.5px;
}
.gutter-small-right {
  padding-right: 7.5px;
}
.no-border {
  border-width: 0;
}
/* Typography

All base typography sizes and families are contained in the <kbd>css/variables.less</kbd> file.

Styleguide 1.0
*/
/* Text Styles

The following styles are used without the site and can be applied on any type of text element.

Markup: 
<p class="{$modifiers}">The quick brown fox jumps over the lazy dog</p>

.text-decorative - Default decorative font as used in the user menu
.text-serif - Default serif font as used in headings
.text-sans-serif - Default sans serif as used in body copy and buttons
.text-washed - Knocked back version of the body font for secondary information
.text-muted - Muted text for things like disclaimers and reference information

Styleguide 1.1
*/
/* Text Sizes

Font sizes are defined in the <kbd>css/variables.less</kbd> file. Any sizes not defined take on the defaul Bootstrap sizes as defined <a href="http://getbootstrap.com/css/#less">on the Bootstrap site here</a>.

Markup: 
<p class="{$modifiers}">The quick brown fox jumps over the lazy dog</p>

.text-large - Used in text that falls between headings and body copy
.text-tiny - Used in small buttons and pills
.text-micro - Used in extra small buttons and pills

Styleguide 1.2
*/
.text-decorative {
  font-family: 'Brandy BF', sans-serif;
}
.text-serif {
  font-family: 'PT Serif', serif;
}
.text-sans-serif {
  font-family: 'Open Sans', sans-serif;
}
.text-micro {
  font-size: 10px;
}
.text-small {
  font-size: 14px;
}
.text-tiny {
  font-size: 11px;
}
.text-large {
  font-size: 16px;
}
.text-washed {
  color: #777777;
}
/* Alert Styles

Alerts are used on selection of suburb for delivery.

Markup: 
<div class="show {$modifiers}">We deliver weekly on Wednesday.</div>


Styleguide 4
*/
.alert {
  font-size: 14px;
  margin-bottom: 8px;
  padding: 4px;
  text-align: left;
}
.alert.alert-danger,
.alert.alert-info {
  display: none;
  font-weight: bold;
}
.alert-info,
.alert-danger {
  border: none;
  background: none;
}
.alert-info {
  color: #444444;
}
/* Forms

Form elements

*/
/* Text input elements

Input elements of type text, email, password, tel etc.

Markup: 
<form>
</form>

password - Hides user input
tel - Will display the number keyboard on mobile

Styleguide 5.1
*/
/* Text input groups

Input elements of type text, email, password, tel etc.


Styleguide 5.2
*/
form label {
  color: #6cb33e;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 4px;
  margin-top: 0;
  margin-bottom: 0;
}
form label.dark {
  color: #444444;
  font-weight: normal;
}
form label a {
  font-size: 11px;
  font-weight: normal;
}
form label.inline-label {
  color: #999999;
  font-size: 11px;
  z-index: 9;
}
form label.small {
  color: #777777;
  font-size: 12px;
  padding-top: 0;
  text-transform: uppercase;
}
form input:-webkit-autofill {
  -webkit-text-fill-color: #838b95 !important;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
form input[type="checkbox"] {
  float: left;
  padding-top: 0;
  margin-top: 2px;
}
form input[type="checkbox"] + label {
  color: #999999;
  font-size: 14px;
  font-weight: normal;
  margin-left: 2px;
  padding-top: 0;
  padding-bottom: 0;
}
form .form-control-static {
  padding-bottom: 0;
  padding-top: 0;
}
form .btn-group {
  min-height: 48px;
  margin-bottom: 10px;
  width: 100%;
}
form .btn-group label {
  padding-top: 13px;
}
form .btn-group .has-error {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8eded), color-stop(1, #f8eded));
  background-image: -o-linear-gradient(bottom, #f8eded 0%, #f8eded 100%);
  background-image: -moz-linear-gradient(bottom, #f8eded 0%, #f8eded 100%);
  background-image: -webkit-linear-gradient(bottom, #f8eded 0%, #f8eded 100%);
  background-image: -ms-linear-gradient(bottom, #f8eded 0%, #f8eded 100%);
  background-image: linear-gradient(to bottom, #f8eded 0%, #f8eded 100%);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8eded), color-stop(100%, #f8eded));
  border: 1px solid #dca5a5 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 3px rgba(153, 0, 0, 0) !important;
}
form .btn-group .has-error ~ span {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8eded), color-stop(1, #f8eded));
  background-image: -o-linear-gradient(bottom, #f8eded 0%, #f8eded 100%);
  background-image: -moz-linear-gradient(bottom, #f8eded 0%, #f8eded 100%);
  background-image: -webkit-linear-gradient(bottom, #f8eded 0%, #f8eded 100%);
  background-image: -ms-linear-gradient(bottom, #f8eded 0%, #f8eded 100%);
  background-image: linear-gradient(to bottom, #f8eded 0%, #f8eded 100%);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8eded), color-stop(100%, #f8eded));
  border: 1px solid #dca5a5 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 3px rgba(153, 0, 0, 0) !important;
}
form .form-group {
  margin-bottom: 8px;
}
form .form-group.single {
  margin-bottom: 0;
}
form .form-group textarea {
  font-size: 16px;
  height: 64px;
  padding: 12px;
}
form .form-group textarea::-moz-placeholder {
  color: #777777;
  opacity: 1;
}
form .form-group textarea:-ms-input-placeholder {
  color: #777777;
}
form .form-group textarea::-webkit-input-placeholder {
  color: #777777;
}
form .form-group textarea.parsley-error {
  background-color: #f2dede;
  border: 1px solid #cb3910;
  color: #cb3910;
}
form .form-group .control-label {
  margin-top: 0;
}
form .form-group input[type="text"],
form .form-group input[type="tel"],
form .form-group input[type="email"],
form .form-group input[type="number"],
form .form-group input[type="password"] {
  border-bottom: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 16px;
  padding: 12px;
}
form .form-group input[type="text"]::-moz-placeholder,
form .form-group input[type="tel"]::-moz-placeholder,
form .form-group input[type="email"]::-moz-placeholder,
form .form-group input[type="number"]::-moz-placeholder,
form .form-group input[type="password"]::-moz-placeholder {
  color: #777777;
  opacity: 1;
}
form .form-group input[type="text"]:-ms-input-placeholder,
form .form-group input[type="tel"]:-ms-input-placeholder,
form .form-group input[type="email"]:-ms-input-placeholder,
form .form-group input[type="number"]:-ms-input-placeholder,
form .form-group input[type="password"]:-ms-input-placeholder {
  color: #777777;
}
form .form-group input[type="text"]::-webkit-input-placeholder,
form .form-group input[type="tel"]::-webkit-input-placeholder,
form .form-group input[type="email"]::-webkit-input-placeholder,
form .form-group input[type="number"]::-webkit-input-placeholder,
form .form-group input[type="password"]::-webkit-input-placeholder {
  color: #777777;
}
form .form-group input[type="text"].parsley-error,
form .form-group input[type="tel"].parsley-error,
form .form-group input[type="email"].parsley-error,
form .form-group input[type="number"].parsley-error,
form .form-group input[type="password"].parsley-error {
  background-color: #f2dede;
  border: 1px solid #cb3910;
  color: #cb3910;
}
form .form-group select {
  border-bottom: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  font-size: 16px;
  padding: 11px 12px 11px 60px;
  -webkit-appearance: listbox;
}
form .form-group select.form-control {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #ededed));
  background-image: -o-linear-gradient(bottom, #ffffff 0%, #ededed 100%);
  background-image: -moz-linear-gradient(bottom, #ffffff 0%, #ededed 100%);
  background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #ededed 100%);
  background-image: -ms-linear-gradient(bottom, #ffffff 0%, #ededed 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #ededed 100%);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ededed));
  height: auto;
  min-height: 34px;
}
form .form-group select.no-label {
  padding-left: 12px;
}
form .form-group .select-inline-label {
  line-height: 50px;
}
form .form-group .select-label {
  color: #777777;
  font-size: 11px;
  font-weight: bold;
  line-height: 38px;
  margin-left: 12px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
}
form .form-group .form-control {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #ededed));
  background-image: -o-linear-gradient(bottom, #ffffff 0%, #ededed 100%);
  background-image: -moz-linear-gradient(bottom, #ffffff 0%, #ededed 100%);
  background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #ededed 100%);
  background-image: -ms-linear-gradient(bottom, #ffffff 0%, #ededed 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #ededed 100%);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ededed));
}
form .form-group .form-control.has-error {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8eded), color-stop(1, #f8eded));
  background-image: -o-linear-gradient(bottom, #f8eded 0%, #f8eded 100%);
  background-image: -moz-linear-gradient(bottom, #f8eded 0%, #f8eded 100%);
  background-image: -webkit-linear-gradient(bottom, #f8eded 0%, #f8eded 100%);
  background-image: -ms-linear-gradient(bottom, #f8eded 0%, #f8eded 100%);
  background-image: linear-gradient(to bottom, #f8eded 0%, #f8eded 100%);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8eded), color-stop(100%, #f8eded));
  border: 1px solid #dca5a5 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 3px rgba(153, 0, 0, 0) !important;
}
form .form-group .form-control.has-error::-moz-placeholder {
  color: rgba(0, 0, 0, 0.1);
  opacity: 1;
}
form .form-group .form-control.has-error:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.1);
}
form .form-group .form-control.has-error::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.1);
}
form .form-group .form-control.first {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  margin-top: 0;
}
form .form-group .form-control.last {
  border-bottom: 1px solid #cccccc;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
form .form-group .form-control.last.parsley-error {
  border-bottom: 1px solid #cb3910;
  border-top: none;
}
form .form-group .form-control:focus {
  background: #ffffff;
  border-bottom: 1px solid #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  color-border: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
form .form-group .form-control:focus.has-error {
  border: 1px solid #dca5a5 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(153, 0, 0, 0.6) !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #ffffff));
  background-image: -o-linear-gradient(bottom, #ffffff 0%, #ffffff 100%);
  background-image: -moz-linear-gradient(bottom, #ffffff 0%, #ffffff 100%);
  background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #ffffff 100%);
  background-image: -ms-linear-gradient(bottom, #ffffff 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
}
form .form-group .input-group input[type="text"],
form .form-group .input-group input[type="tel"],
form .form-group .input-group input[type="email"],
form .form-group .input-group input[type="number"],
form .form-group .input-group input[type="password"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
form .form-group .input-group input[type="text"].form-control,
form .form-group .input-group input[type="tel"].form-control,
form .form-group .input-group input[type="email"].form-control,
form .form-group .input-group input[type="number"].form-control,
form .form-group .input-group input[type="password"].form-control {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
form .form-group .input-group span {
  border-left: 0;
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
form .form-group .input-group span.has-error {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8eded), color-stop(1, #f8eded));
  background-image: -o-linear-gradient(bottom, #f8eded 0%, #f8eded 100%);
  background-image: -moz-linear-gradient(bottom, #f8eded 0%, #f8eded 100%);
  background-image: -webkit-linear-gradient(bottom, #f8eded 0%, #f8eded 100%);
  background-image: -ms-linear-gradient(bottom, #f8eded 0%, #f8eded 100%);
  background-image: linear-gradient(to bottom, #f8eded 0%, #f8eded 100%);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8eded), color-stop(100%, #f8eded));
  border: 1px solid #dca5a5 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 3px rgba(153, 0, 0, 0) !important;
}
form .form-group .input-group.first input.form-control {
  border-top-left-radius: 8px;
}
form .form-group .input-group.first span.input-group-addon {
  border-top-right-radius: 8px;
}
form .form-group .input-group.last input.form-control {
  border-bottom: 1px solid #cccccc;
  border-bottom-left-radius: 8px;
}
form .form-group .input-group.last span {
  border-bottom: 1px solid #cccccc;
  border-bottom-right-radius: 8px;
}
form .error-block {
  display: none;
}
form .error-block.filled {
  color: #cc4a14;
  display: inline;
  float: right;
  font-size: 11px;
  font-weight: bold;
  margin-right: 15px;
  margin-top: -33px;
  text-align: right;
}
form .error-block .error-message {
  display: none;
}
nav {
  top: 0;
}
nav .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
nav .navbar-collapse {
  max-height: 400px;
}
nav .navbar-header {
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}
nav .navbar-header button {
  background-color: #70bd3e;
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #ffffff;
  height: 50px;
  padding-top: 0;
  margin: 0;
}
nav .navbar-header button:after {
  border: 10px solid transparent;
  border-top-color: #65bb46;
  content: '';
  height: 0;
  left: 50%;
  margin-left: -10px;
  margin-top: -1px;
  position: absolute;
  top: 100%;
  width: 0;
  z-index: 99999;
}
nav .navbar-header button.collapsed {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6cb33e), color-stop(1, #548b30));
  background-image: -o-linear-gradient(bottom, #6cb33e 0%, #548b30 100%);
  background-image: -moz-linear-gradient(bottom, #6cb33e 0%, #548b30 100%);
  background-image: -webkit-linear-gradient(bottom, #6cb33e 0%, #548b30 100%);
  background-image: -ms-linear-gradient(bottom, #6cb33e 0%, #548b30 100%);
  background-image: linear-gradient(to bottom, #6cb33e 0%, #548b30 100%);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6cb33e), color-stop(100%, #548b30));
}
nav .navbar-header button.collapsed:after {
  border: none;
}
nav .navbar-header button #burger {
  padding-left: 20px;
  padding-top: 1px;
}
nav .navbar-header button #burger .icon-bar {
  background-color: #ffffff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height: 3px;
}
nav .navbar-header button #user {
  height: 50px;
  font-family: 'Brandy BF', sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 54px;
  margin-right: 15px;
  text-align: right;
}
nav .navbar-header button #logo {
  height: 50px;
  padding-left: 20px;
  padding-right: 0;
  padding-top: 14px;
}
nav .navbar-header button:last-child {
  border-right: 1px solid #50842e;
}
nav .navbar-header button:first-child {
  border-left: 1px solid #7fb35d;
  padding-right: 0;
}
nav #navbar-left,
nav #navbar-right {
  background-color: #f1eee0;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
nav #navbar-left ul,
nav #navbar-right ul {
  margin-bottom: 0;
  margin-top: 0;
}
nav #navbar-left ul li,
nav #navbar-right ul li {
  margin-bottom: 0;
}
nav #navbar-left ul.navbar-nav a,
nav #navbar-right ul.navbar-nav a {
  color: #6a6a6a;
  font-weight: normal;
  text-decoration: none;
  padding: 0;
}
nav #navbar-left ul.navbar-nav .nav-text,
nav #navbar-right ul.navbar-nav .nav-text {
  display: block;
  font-size: 18px;
  line-height: 28px;
}
nav #navbar-left ul.navbar-nav .nav-item,
nav #navbar-right ul.navbar-nav .nav-item {
  color: #6a6a6a;
  display: block;
  font-family: 'PT Serif', serif;
  font-size: 18px;
  font-weight: normal;
  height: 52px;
  line-height: 30px;
  padding-bottom: 12px;
  padding-top: 12px;
  text-decoration: none;
  border-bottom: 1px solid #dbd6c4;
  border-top: 1px solid #ffffff;
  margin-bottom: 0;
}
nav #navbar-left ul.navbar-nav .nav-item svg,
nav #navbar-right ul.navbar-nav .nav-item svg {
  fill: #6a6a6a;
  float: left;
  height: 27px;
  margin-left: 15px;
  margin-right: 15px;
  stroke: #6a6a6a;
  width: 27px;
}
nav #navbar-left ul.navbar-nav .nav-item:hover,
nav #navbar-right ul.navbar-nav .nav-item:hover {
  background-color: #6a6a6a;
  color: #f1eee0;
}
nav #navbar-left ul.navbar-nav .nav-item:hover svg,
nav #navbar-right ul.navbar-nav .nav-item:hover svg {
  color: #f1eee0;
  fill: #f1eee0;
  stroke: #f1eee0;
}
nav #navbar-left ul.navbar-nav .nav-item:first-child,
nav #navbar-right ul.navbar-nav .nav-item:first-child {
  border-top: 0;
}
nav + [class*='container'] {
  height: auto !important;
  height: 100%;
  margin: 0 0 16px 0;
  padding-top: 50px;
}
footer {
  background: #efead9 url(../images/footer.jpg) no-repeat 0 0;
  clear: both;
  height: 240px;
  padding-top: 80px;
  margin-top: -240px;
}
footer a {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  text-decoration: none;
}
footer #social #youtube {
  margin-right: 10px;
}
footer #social #youtube svg {
  height: 32px;
  width: 78px;
}
footer #social #facebook {
  margin-left: 10px;
}
footer #social #facebook svg {
  height: 32px;
  width: 32px;
}
footer .list-horizontal {
  margin-bottom: 16px;
  margin-top: 32px;
}
footer .list-horizontal li:not(:last-child) {
  margin-right: 10px;
}
footer .list-horizontal li a {
  font-weight: bold;
}
.row.inverse {
  background-color: #e2f0d8;
  padding-bottom: 8px;
  padding-top: 8px;
}
.row.inverse h2 {
  margin-top: 0;
}
.row.inverse.flush {
  padding-top: 0;
  padding-bottom: 0;
}
.row.inverse + .row.error {
  margin-bottom: 0;
}
.row.inverse + .row + .row {
  padding-top: 8px;
}
.row.muted {
  background-color: #f3f3f3;
  padding-bottom: 8px;
  padding-top: 8px;
}
.row.error {
  background-color: #f8e9e2;
  color: #444444;
  font-size: 12px;
  font-weight: normal;
  padding: 8px 15px;
  margin-bottom: 8px;
}
.row.error.alt-1 {
  background-color: #e2f0d8;
  color: #444444;
}
.row.error.alt-2 {
  background-color: #666666;
  color: #ffffff;
}
.row.error.alt-3 {
  background-color: #eeeeee;
  color: #444444;
}
.row.grid-row {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(1, #dfdfdf));
  background-image: -o-linear-gradient(bottom, #fefefe 0%, #dfdfdf 100%);
  background-image: -moz-linear-gradient(bottom, #fefefe 0%, #dfdfdf 100%);
  background-image: -webkit-linear-gradient(bottom, #fefefe 0%, #dfdfdf 100%);
  background-image: -ms-linear-gradient(bottom, #fefefe 0%, #dfdfdf 100%);
  background-image: linear-gradient(to bottom, #fefefe 0%, #dfdfdf 100%);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #dfdfdf));
}
.row.grid-row .grid-block {
  padding-right: 1px;
}
.row.grid-row .grid-block a {
  background: url('../images/btn-grid-bg@2x.png') repeat-x 0 0;
  background-size: contain;
  padding: 17px 0 17px;
}
.inverse {
  background-color: #e2f0d8;
}
/* Buttons

Button styles are contained in <kbd>css/styles.less</kbd>. One exception to this is the danger button, which overrides Bootstraps danger button styling and can be found in <kbd>css/variables.less</kbd>.

Styleguide 2.0
*/
/* Standard Buttons

Button styles are contained in <kbd>css/styles.less</kbd>. One exception to this is the danger button, which overrides Bootstraps danger button styling and can be found in <kbd>css/variables.less</kbd>.

Markup: <button class="btn {$modifiers}">A Button example</button>

.btn-link - Make a button appear as a plain link.
.btn-default - Default buttons tend to be used as secondary buttons and actions.
.btn-primary - Primary buttons are used to draw the user's attention to the intended action of the page.
.btn-flat - Flat buttons are generally used for non-essential actions on a page.
.btn-pill - Pill buttons are used for optional actions, such as editing or adding promotional codes.
.btn-pill-tiny - A smaller version of the pill button.
.btn-flat.btn-pill - You can combine styles too, here is a flat version of a pill button.
.btn-flat.btn-pill.btn-primary - You can combine styles too, here is a primary version of a flat pill button.

Styleguide 2.1
*/
/* Buttons With Icons

Buttons that use icons left or right

Markup: 
<button type="button" class="btn btn-primary {$modifiers}"><i class="glyphicon glyphicon-plus"></i> A Button example</button>

.btn-icon-left - Icons can be placed to the left of the button text
.btn-icon-right - Icons can be placed to the right of the button text
.btn-block.btn-icon-left - Add the .btn-block class to get a full width button with an icon to the left
.btn-block.btn-icon-right - Add the .btn-block class to get a full width button with an icon to the right

Styleguide 2.2
*/
.btn {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  font-size: 16px;
  padding: 13px 12px 13px;
  text-decoration: none;
}
.btn.btn-default {
  border: 1px solid #cccccc;
  color: #777777;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #ededed));
  background-image: -o-linear-gradient(bottom, #ffffff 0%, #ededed 100%);
  background-image: -moz-linear-gradient(bottom, #ffffff 0%, #ededed 100%);
  background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #ededed 100%);
  background-image: -ms-linear-gradient(bottom, #ffffff 0%, #ededed 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #ededed 100%);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ededed));
}
.btn.btn-default:hover,
.btn.btn-default:focus {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #cbcbcb));
  background-image: -o-linear-gradient(bottom, #ffffff 0%, #cbcbcb 100%);
  background-image: -moz-linear-gradient(bottom, #ffffff 0%, #cbcbcb 100%);
  background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #cbcbcb 100%);
  background-image: -ms-linear-gradient(bottom, #ffffff 0%, #cbcbcb 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #cbcbcb 100%);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #cbcbcb));
}
.btn.btn-default.active {
  color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6cb33e), color-stop(1, #548b30));
  background-image: -o-linear-gradient(bottom, #6cb33e 0%, #548b30 100%);
  background-image: -moz-linear-gradient(bottom, #6cb33e 0%, #548b30 100%);
  background-image: -webkit-linear-gradient(bottom, #6cb33e 0%, #548b30 100%);
  background-image: -ms-linear-gradient(bottom, #6cb33e 0%, #548b30 100%);
  background-image: linear-gradient(to bottom, #6cb33e 0%, #548b30 100%);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6cb33e), color-stop(100%, #548b30));
}
.btn.btn-default.btn-flat {
  background-color: #6cb33e;
  color: #444444;
}
.btn.btn-default.btn-pill,
.btn.btn-default.btn-pill-tiny {
  background: #bbbbbb;
  color: #ffffff;
}
.btn.btn-primary {
  border: 1px solid #6cb33e;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
  color: #ffffff !important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6cb33e), color-stop(1, #548b30)) !important;
  background-image: -o-linear-gradient(bottom, #6cb33e 0%, #548b30 100%) !important;
  background-image: -moz-linear-gradient(bottom, #6cb33e 0%, #548b30 100%) !important;
  background-image: -webkit-linear-gradient(bottom, #6cb33e 0%, #548b30 100%) !important;
  background-image: -ms-linear-gradient(bottom, #6cb33e 0%, #548b30 100%) !important;
  background-image: linear-gradient(to bottom, #6cb33e 0%, #548b30 100%) !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6cb33e), color-stop(100%, #548b30)) !important;
  margin-bottom: 2px;
  -webkit-transform: translateY(0px);
}
.inverse .btn.btn-primary {
  border: 1px solid #a3d483;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6aaf3d), color-stop(1, #52872f));
  background-image: -o-linear-gradient(bottom, #6aaf3d 0%, #52872f 100%);
  background-image: -moz-linear-gradient(bottom, #6aaf3d 0%, #52872f 100%);
  background-image: -webkit-linear-gradient(bottom, #6aaf3d 0%, #52872f 100%);
  background-image: -ms-linear-gradient(bottom, #6aaf3d 0%, #52872f 100%);
  background-image: linear-gradient(to bottom, #6aaf3d 0%, #52872f 100%);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6aaf3d), color-stop(100%, #52872f));
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transform: translateY(1px);
}
.btn.btn-primary.btn-flat {
  background-color: #e2f0d8;
  color: #6cb33e;
}
.btn.btn-primary.btn-pill,
.btn.btn-primary.btn-pill-tiny {
  background: #6cb33e;
  color: #ffffff;
  -webkit-transform: translateY(0px);
}
.btn.btn-grid {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.btn.btn-grid .label {
  color: #6cb33e;
  display: block;
  font-family: 'PT Serif', serif;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
}
.btn.btn-danger {
  color: #a63b07;
  background-color: #f8e9e2;
  border: 1px solid #f8e9e2;
}
.btn.btn-clear {
  color: #ffffff;
  background-color: #a63b07;
  border: 1px solid #a63b07;
}
.btn.btn-link {
  background: none;
  border: none;
  color: #777777;
  font-size: 11px;
  padding-top: 4px;
  text-decoration: underline;
}
.btn.btn-more {
  color: #bbbbbb;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
.btn.btn-icon-right {
  text-align: left;
}
.btn.btn-icon-right i {
  float: right !important;
  margin-top: 2px;
  margin-left: 7.5px;
}
.btn.btn-icon-left {
  text-align: left;
}
.btn.btn-icon-left i {
  float: left !important;
  margin-top: 2px;
  margin-right: 7.5px;
}
.btn.btn-flat {
  background-color: #e2f0d8;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: none !important;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  color: #6cb33e;
  font-size: 14px;
  font-weight: bold;
  padding: 7.5px 15px;
  text-align: left;
}
.btn.btn-flat.btn-lg {
  padding: 15px;
}
.btn.btn-pill {
  border: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  font-size: 11px;
  font-weight: normal;
  padding: 4px 8px 4px;
}
.btn.btn-pill.btn-flat {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.btn.btn-small {
  padding: 4px 8px;
}
.btn-group .btn.btn-block {
  border-bottom: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 0;
  margin-top: 0;
}
.btn-group .btn.btn-block.first {
  border-top-right-radius: 8px !important;
  border-top-left-radius: 8px !important;
  margin-top: 0;
}
.btn-group .btn.btn-block.last {
  border-bottom: 1px solid #cccccc;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.btn-group .btn.btn-block.last.parsley-error {
  border-bottom: 1px solid #cb3910;
  border-top: none;
}
.btn.btn-pill-tiny {
  border: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  font-size: 11px;
  font-weight: normal;
  padding: 4px 8px 4px;
  font-size: 10px;
}
.btn.btn-pill-tiny.btn-flat {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.btn.btn-cancel {
  margin-top: 10px;
}
.btn-group {
  width: 100%;
}
.input-lg {
  min-height: 50px;
  height: auto;
}
/* Modals

Modals are pop over panels shown over the content to display content that doesn't effec the layout of the underlying page. Live Bootstrap examples can be seen [here](http://getbootstrap.com/javascript/#modals) which these are based on. Modals can be triggered via the default bootstrap data attributes, or via a custom JavaScript call of <code>showError(title, message);</code>. The full function can be found in <kbd>js/custom.js</kbd>.

<h2 class="kss-title">Error Modals</h2>
Error modals are intended for use by server messaging to display overlay error messages apart from the front end errors.

<h2 class="kss-title">Promo Code Modal</h2>
A more generic modal which used for entering promotion codes

<h2 class="kss-title">Examples</h2>
Below are two screenshots of the current modal layout. Live display of these are not possible in this style manual layout.

<div class="row">

<div class="col-xs-12 col-sm-6 text-left">
![Error modal](../images/styleguide/error_modal.jpg)
</div>
<div class="col-xs-12 col-sm-6 text-left">
![Promo modal](../images/styleguide/promo_modal.jpg)
</div>
</div>

<h2 class="kss-title"Markup</h2>
<div class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
<p>One fine body&hellip;</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>

Styleguide 6.0
*/
.modal-backdrop.in {
  opacity: 0.7;
}
.modal {
  top: 50px;
}
.modal .modal-header {
  border-bottom: none;
  padding: 5px 20px;
}
.modal .modal-body {
  padding: 5px 20px;
}
.modal .modal-body p {
  font-size: 16px;
  line-height: 20px;
}
.modal#error-modal .modal-footer {
  border-top: none;
  margin-top: 0;
  padding: 5px 20px 10px;
}
/* Icons

Icons used within buttons and dropdowns

Styleguide 3.0
*/
/* Glyphs and CSS icons

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, quia, nihil corporis incidunt recusandae reprehenderit quidem doloremque deleniti ad dolore sequi quo atque reiciendis cum quae possimus debitis voluptate mollitia.

Markup: <i class="glyphicon {$modifiers}"></i>

.glyphicon-caret-left - Left pointing caret
.glyphicon-caret-right - Right pointing caret
.glyphicon-caret-up - Up pointing caret
.glyphicon-caret-down - Down pointing caret
.glyphicon-caret-up-small - Small version of the down pointing caret
.glyphicon-caret-down-small - Small version of the up pointing caret
.chevron-up - Up pointing chevron
.chevron-down - Down pointing chevron

Styleguide 3.1
*/
.glyphicon-select-caret {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
  color: #777777;
  float: right;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid;
  display: inline-block;
  height: 0;
  margin-left: 2px;
  margin-top: -2px;
  vertical-align: middle;
  width: 0;
  margin-top: -28px;
  margin-right: 15px;
}
.glyphicon-caret-down {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid;
  display: inline-block;
  height: 0;
  margin-left: 2px;
  margin-top: -2px;
  vertical-align: middle;
  width: 0;
}
.glyphicon-caret-down-small {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
  display: inline-block;
  height: 0;
  margin-left: 2px;
  margin-top: -4px;
  vertical-align: middle;
  width: 0;
}
.glyphicon-caret-up {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid;
  display: inline-block;
  height: 0;
  margin-left: 2px;
  margin-top: -2px;
  vertical-align: middle;
  width: 0;
}
.glyphicon-caret-up-small {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid;
  display: inline-block;
  height: 0;
  margin-left: 2px;
  margin-top: -2px;
  vertical-align: middle;
  width: 0;
}
.glyphicon-caret-right {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 7px solid transparent;
  border-right: 0px solid transparent;
  border-left: 7px solid;
  border-bottom: 7px solid transparent;
  margin-top: 2px;
}
.glyphicon-caret-right-small {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 5px solid transparent;
  border-right: 0px solid transparent;
  border-left: 5px solid;
  border-bottom: 5px solid transparent;
}
.glyphicon-caret-left {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 7px solid transparent;
  border-right: 7px solid;
  border-left: 0px solid transparent;
  border-bottom: 7px solid transparent;
  margin-top: 2px;
}
.glyphicon-caret-left-small {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 5px solid transparent;
  border-right: 5px solid;
  border-left: 0px solid transparent;
  border-bottom: 5px solid transparent;
}
.chevron-down,
.chevron-up {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-right: 2px solid #444444;
  border-bottom: 2px solid #444444;
  margin-right: 2px;
}
.chevron-down {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.chevron-up {
  margin-top: 5px;
  -moz-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
.tt-dropdown-menu {
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  width: 101%;
  max-height: 250px;
  overflow-y: auto;
  margin-left: -1px;
}
.tt-dropdown-menu .typahead-heading {
  font-weight: 700;
  padding: 12px 12px 6px;
}
.tt-dropdown-menu .typeahead-empty-message {
  padding-left: 12px;
}
.tt-dropdown-menu .tt-suggestions {
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.tt-dropdown-menu .tt-suggestions .tt-suggestion {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  padding: 12px 12px;
  margin-top: -1px;
}
.tt-dropdown-menu .tt-suggestions .tt-suggestion p {
  margin: 0;
}
.tt-dropdown-menu .tt-suggestions .tt-suggestion:hover {
  background-color: #dfdfdf;
}
ul.autocomplete_completionListElement {
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  list-style: none;
  margin-left: -1px;
  max-height: 250px;
  overflow-y: auto;
  padding-left: 0;
}
ul.autocomplete_completionListElement .autocomplete_listItem,
ul.autocomplete_completionListElement .autocomplete_highlightedListItem {
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
  padding: 14px 15px;
}
ul.autocomplete_completionListElement .autocomplete_highlightedListItem:hover {
  background-color: #dfdfdf;
  cursor: pointer;
}
body.page-index nav.navbar-fixed-top {
  display: none;
}
body.page-index nav + [class*='container'] {
  padding-top: 10px;
}
body.page-index footer {
  display: none;
}
body.page-coming-soon .container-fluid {
  padding-bottom: 0;
}
body.page-coming-soon h1 {
  font-size: 30px;
}
body.page-coming-soon footer .list-horizontal li:last-child {
  display: none;
}
body.page-coming-soon table {
  margin-bottom: 10px;
}
body.page-coming-soon table tr td {
  border-top: none;
  padding: 0;
  width: 50%;
  vertical-align: middle;
}
body.page-coming-soon table tr td:first-child {
  padding-left: 40px;
  width: 45%;
}
body.page-coming-soon table tr td:last-child {
  padding-left: 15px;
  padding-right: 30px;
  width: 55%;
}
body.page-home #_moreLink {
  font-weight: 600;
}
body.page-logout .glyph-arrow {
  margin-top: -8px;
}
body.page-new-account .btn-group {
  display: block;
}
body.page-new-account #preferred-text {
  margin-top: -2px;
  color: #777777;
  font-size: 12px;
}
body.page-new-account #preferred-text i {
  -ms-transform: rotate(90deg) scaleX(-1);
  -webkit-transform: rotate(90deg) scaleX(-1);
  transform: rotate(90deg) scaleX(-1);
  top: -3px;
  font-size: 1.25em;
  color: #999999;
}
.has-error body.page-new-account #preferred-text i {
  color: #cb3910;
}
body.page-new-account #preferred-text.has-error {
  color: #cb3910;
  font-weight: bold;
}
body.page-new-account form .form-group .input-group.last span.preferred-choice {
  border-bottom: none;
}
body.page-recommend h3 {
  color: #444444;
  font-family: 'Open Sans', sans-serif;
  font-size: 26px;
}
body.page-recommend h4 {
  font-family: 'Open Sans', sans-serif;
}
body.page-recommend #meal {
  margin-bottom: 16px;
  margin-top: 8px;
  text-align: center;
}
body.page-recommend #meal img {
  min-height: 225px;
}
body.page-order-new .select select,
body.page-order-summary .select select {
  padding: 5px 13px;
  font-size: 14px;
}
body.page-order-new .select i,
body.page-order-summary .select i {
  margin-top: -21px;
}
body.page-order-new h4,
body.page-order-summary h4 {
  font-family: 'Open Sans', sans-serif;
}
body.page-select-plan h1 {
  margin: 14px 0 12px 0;
}
body.page-select-plan #choose-button {
  padding-top: 5px;
}
body.page-login form input[type="checkbox"] + label {
  font-size: 12px;
}
body.page-faq #faqs .question {
  border-top: 1px solid #cccccc;
}
body.page-faq #faqs .question .title {
  font-weight: 600;
  padding: 10px 15px;
  transition: background-color 0.4s;
  -webkit-transition: background-color 0.4s;
  -webkit-transform: translateZ(0);
  cursor: pointer;
}
body.page-faq #faqs .question .answer {
  padding: 0 15px 10px 15px;
  transition: background-color 0.4s;
  -webkit-transition: background-color 0.4s;
  -webkit-transform: translateZ(0);
}
body.page-faq #faqs .question.last {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 15px;
}
body.page-faq #faqs .question.first {
  margin-top: 7.5px;
}
body.page-faq #faqs .question .active {
  background-color: #e2f0d8;
}
body.page-faq #faqs .glyphicon-caret-up {
  margin-top: -4px;
}
body.page-faq #faqs .glyphicon-caret-down {
  margin-top: 4px;
}
body.page-takethetour .more-video {
  padding: 15px 0;
  border-top: 1px solid #cccccc;
}
body.page-takethetour .more-video strong {
  font-weight: 600;
}
body.page-takethetour .more-video.last {
  border-bottom: 1px solid #cccccc;
}
body.page-takethetour .video {
  position: relative;
}
body.page-takethetour .video div.icon {
  background-image: url('../images/play-large@2x.png');
  background-size: contain;
  position: absolute;
  width: 73px;
  height: 73px;
  top: 50%;
  left: 50%;
  margin-left: -36px;
  margin-top: -36px;
}
body.page-takethetour .video div.icon.small {
  background-image: url('../images/play-small@2x.png');
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px;
}
body.page-takethetour ul {
  padding-left: 0;
}
body.page-takethetour ul.green li {
  background: url('../images/tick@2x.png') no-repeat;
  background-size: 14px;
  list-style: none;
  padding-left: 20px;
}
body.page-order-summary .btn small {
  margin-top: -2px;
  color: #6cb33e;
}
body.page-order-summary .btn .valid,
body.page-order-summary .btn .choosing,
body.page-order-summary .btn .pre-selected,
body.page-order-summary .btn .invalid {
  display: none;
}
body.page-order-summary .btn.btn-default .pre-selected {
  color: #777777;
  display: block;
}
body.page-order-summary .btn.btn-primary .choosing {
  color: #ffffff;
  display: block;
}
body.page-order-summary .btn.btn-primary .glyphicon-remove {
  display: none;
}
body.page-order-summary .btn.valid .pre-selected {
  display: none;
}
body.page-order-summary .btn.valid .valid {
  display: block;
}
body.page-order-summary .btn.invalid .choosing,
body.page-order-summary .btn.invalid .invalid {
  display: block;
  color: #cb3910;
}
body.page-order-summary .btn.invalid .valid,
body.page-order-summary .btn.invalid .pre-selected {
  display: none;
}
body.page-order-summary .inverse {
  padding: 0 !important;
}
body.page-order-summary .glyphicon-valid {
  width: 20px;
  height: 20px;
  background-image: url('../images/tick@2x.png');
  background-size: contain;
}
body.page-order-summary .choices {
  border-top: 1px solid #70bd3e;
  border-bottom: 1px solid #bbbbbb;
  overflow: hidden;
  background: #ffffff;
}
body.page-order-summary .choices .btn-clear {
  margin-left: 1em;
}
body.page-order-summary .swipe {
  font-size: 14px;
}
body.page-order-summary .swipe .glyphicon {
  margin-top: -2px;
  border-width: 7px;
}
body.page-order-summary .carousel.active-a .meal-holder.a {
  opacity: 1;
}
body.page-order-summary .carousel.active-b .carousel-inner {
  margin-left: -100%;
}
body.page-order-summary .carousel.active-b .meal-holder.b {
  opacity: 1;
}
body.page-order-summary .carousel.not-active .meal-holder {
  opacity: 0.25 !important;
}
body.page-order-summary .carousel-inner {
  overflow: visible;
  width: 300%;
  margin-left: 0;
  margin-right: 100%;
  transition: margin 0.4s;
  -webkit-transition: margin 0.4s;
  -webkit-transform: translateZ(0);
}
body.page-order-summary .carousel-inner .meal-holder {
  margin: 5px;
  min-height: 100px;
  background-color: #e2f0d8;
  position: relative;
  overflow: hidden;
  opacity: 0.25;
  transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
  -webkit-box-shadow: 0px 4px 3px 0px #dddddd;
  box-shadow: 0px 4px 3px 0px #dddddd;
  -webkit-transform: translateZ(0);
}
body.page-order-summary .carousel-inner .meal-holder .type {
  position: absolute;
  top: 0;
  right: 0;
  background-image: url('../images/type-a@2x.png');
  background-size: contain;
  width: 24px;
  height: 31px;
}
body.page-order-summary .carousel-inner .meal-holder.b .type {
  background-image: url('../images/type-b@2x.png');
  right: auto;
  left: 0;
}
body.page-order-summary .carousel-inner .meal-holder.b .meal {
  text-indent: 20px;
}
body.page-order-summary .carousel-inner .meal-holder .meal {
  padding: 10px;
  padding-right: 25px;
  border-bottom: 1px solid #d7e0d0;
}
body.page-order-summary .carousel-inner .meal-holder em {
  color: #a63b07;
  font-style: normal;
}
body.page-order-summary .carousel-inner .meal-holder .snack {
  border-top: 1px solid #ffffff;
  padding: 10px;
}
body.page-order-summary .carousel-inner .meal-holder .snack a {
  cursor: pointer;
}
body.page-order-summary .carousel-inner .item {
  width: 33.34%;
  float: left;
  display: inline-block;
}
body.page-order-summary .meal-choices .btn-primary {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom: 1px solid #70bd3e;
}
body.page-order-summary .meal-choices .btn-primary i.choosing {
  display: block;
  position: absolute;
  bottom: -2px;
  right: -16px;
  background-image: url('../images/freezer@2x.png');
  width: 84px;
  height: 57px;
  background-size: contain;
}
body.page-order-summary .meal-choices .glyphicon.valid {
  margin-top: 5px;
}
body.page-order-summary .meal-choices .glyphicon.glyphicon-caret-down {
  margin-top: 13px;
}
body.page-order-summary .meal-choices .glyphicon.invalid {
  margin-top: 5px;
  margin-right: 5px;
  font-weight: 700;
  font-family: serif;
  font-size: 18px;
}
body.page-order-summary .confirm {
  text-align: center;
  font-weight: 600;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
body.page-order-summary .freezer {
  color: #cb3910;
  line-height: 19px;
  height: 19px;
  font-size: 12px;
}
body.page-order-summary .panel-meal {
  border-color: 'transparent';
  -webkit-box-shadow: 0 0px 0px #ffffff;
  box-shadow: 0 0px 0px #ffffff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}
body.page-order-summary .panel-meal > .panel-heading {
  color: #ffffff;
  background-color: #6cb33e;
  border-color: #6cb33e;
}
body.page-order-summary .panel-meal > .panel-heading + .panel-collapse .panel-body {
  border-top-color: 'transparent';
}
body.page-order-summary .panel-meal > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: 'transparent';
}
body.page-order-summary .panel-meal .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  text-transform: uppercase;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6cb33e), color-stop(1, #548b30)) !important;
  background-image: -o-linear-gradient(bottom, #6cb33e 0%, #548b30 100%) !important;
  background-image: -moz-linear-gradient(bottom, #6cb33e 0%, #548b30 100%) !important;
  background-image: -webkit-linear-gradient(bottom, #6cb33e 0%, #548b30 100%) !important;
  background-image: -ms-linear-gradient(bottom, #6cb33e 0%, #548b30 100%) !important;
  background-image: linear-gradient(to bottom, #6cb33e 0%, #548b30 100%) !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6cb33e), color-stop(100%, #548b30)) !important;
  font-weight: 600;
}
body.page-order-summary .panel-meal .panel-heading label {
  margin: 0;
  padding: 0;
  width: 100%;
  color: #ffffff;
}
body.page-order-summary .panel-meal .panel-heading label input {
  display: inline-block;
}
body.page-order-summary .panel-meal .panel-heading input {
  padding: 0;
  float: right;
  display: none;
}
body.page-order-summary .panel-meal .panel-body {
  padding: 0 15px;
}
body.page-order-summary .pre-selected {
  display: block;
}
body.page-order-summary .choose-myself {
  display: none;
}
body.page-order-summary.choose-myself .pre-selected {
  display: none;
}
body.page-order-summary.choose-myself .choose-myself {
  display: block;
}
body.page-order-summary .select-holder {
  position: relative;
}
body.page-order-summary .select-hidden {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
  -webkit-appearance: menulist-text;
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
}
body.page-order-summary .select-hidden.no-select {
  display: none;
  height: 0;
  width: 0;
}
body.page-order-summary .meal-choice {
  position: relative;
  background-color: #e2f0d8;
}
body.page-order-summary .meal-choice.grey {
  background-color: #eee;
}
body.page-order-summary .meal-choice .meal-image {
  background-color: #bbbbbb;
}
body.page-order-summary .meal-choice a {
  text-decoration: none;
}
body.page-order-summary .meal-choice a .glyphicon {
  margin-top: 2px;
}
body.page-order-summary .meal-choice .select-meal {
  padding: 15px 10px 0 10px;
}
body.page-order-summary .meal-choice .select-meal i {
  margin-top: 0;
}
body.page-order-summary .meal-choice .meal-number {
  font-weight: 700;
}
body.page-order-summary .no-margin-bottom {
  margin-bottom: 0;
}
body.page-order-summary .even-height {
  line-height: 24px;
}
body.page-order-summary .even-height .btn-primary .hide-selections {
  display: none;
}
body.page-order-summary .even-height .btn-primary .show-selections {
  display: inline;
}
body.page-order-summary .even-height .btn-default .hide-selections {
  display: inline;
}
body.page-order-summary .even-height .btn-default .show-selections {
  display: none;
}
body.page-order-summary .terms label {
  width: 90%;
  font-size: 12px;
  margin-left: 10px;
}
body.page-order-summary .terms label a {
  font-size: 12px;
}
body.page-order-summary .terms.has-error label {
  color: #cb3910;
}
body.page-order-summary .terms.has-error label a {
  color: #cb3910;
}
body.page-order-summary .meal-name,
body.page-order-summary .meal-holder {
  line-height: 16px;
}
body.page-order-summary .meal-name br,
body.page-order-summary .meal-holder br {
  line-height: 24px;
}
body.page-order-summary .bg-white {
  background-color: #ffffff;
  min-height: 0;
}
body.page-order-summary .swipe-holder {
  transition: height 0.4s ease 0.4s;
  -webkit-transition: height 0.4s ease 0.4s;
  overflow: hidden;
  height: 59px;
}
body.page-order-summary .swipe-holder.swiped {
  height: 0;
}
body.page-order-summary .swipe-holder .swipe-icon {
  background: transparent url('../images/swipe@2x.png') no-repeat scroll right top;
  width: 150px;
  height: 43px;
  background-size: contain;
  margin: 0 auto;
  padding-right: 20px;
  font-size: 14px;
  line-height: 16px;
  padding-top: 8px;
}
body.page-order-summary .menu-type {
  color: #999999;
  font-family: 'Brandy BF', sans-serif;
  font-size: 18px;
}
body.page-order-confirmation #details {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
body.page-order-confirmation #details .order-label {
  color: #999;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
}
body.page-order-confirmation a {
  font-weight: bold;
}
body.page-mymenu .panel-mymenu {
  margin-bottom: 0;
}
body.page-mymenu #more-link .btn-more {
  color: #6cb33e;
  font-size: 13px;
  font-weight: 600;
  padding: 0;
}
body.page-mymenu #board {
  position: absolute;
  right: 0;
  top: 76px;
}
body.page-mymenu .dish {
  margin-bottom: 8px;
}
body.page-mymenu .dish img {
  margin-bottom: 8px;
}
body.page-mymenu .dish p {
  font-size: 14px;
}
body.page-mymenu .summary {
  border-bottom: 2px solid #cccccc;
  background-color: #f3f3f3;
  margin-bottom: 8px;
  padding: 8px 15px;
}
body.page-mymenu .summary h4 {
  color: #6cb33e;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
body.page-mymenu .summary h4 .day {
  color: #999999;
}
body.page-mymenu .summary p {
  font-size: 14px;
}
body.page-mymenu .summary .instruction {
  color: #6cb33e;
  font-weight: 600;
  font-size: 13px;
  text-align: left;
  padding: 0;
}
body.page-mymenu .summary .instruction i {
  margin-top: -3px;
}
body.page-mymenu #extras .extra {
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 8px;
}
body.page-mymenu #extras .extra:last-child {
  border-bottom: none;
}
body.page-mymenu #extras .extra h5 {
  margin-bottom: 8px;
}
body.page-mymenu #extras .extra:first-child {
  padding-top: 0;
}
body.page-mymenu #extras ul {
  list-style: none;
  padding-left: 0;
}
body.page-mymenu #extras ul li {
  padding: 2px 0 2px;
}
body.page-mymenu .panel-body {
  padding: 0;
}
body.page-mymenu .panel-body .item {
  margin-bottom: 8px;
  transition: left 0.4s ease-in-out;
  -webkit-transition: left 0.4s ease-in-out;
  -webkit-transform: translateZ(0);
}
body.page-mymenu .panel-body .meal-holder {
  margin-bottom: 16px;
  padding-left: 15px;
  padding-right: 15px;
}
body.page-mymenu .panel-body .meal-holder em {
  color: #a63b07;
  font-style: normal;
}
body.page-mymenu .panel-body .meal-holder .type {
  font-weight: bold;
  margin-bottom: 8px;
}
body.page-mymenu .panel-body .meal-holder .meal {
  margin-bottom: 8px;
}
.pseudo-hover:hover,
.pseudo-hover:focus,
.pseudo-hover:active {
  opacity: 0.7;
}
@media (min-width: 480px) {
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    float: none !important;
    margin: 7.5px 0px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar-collapse.collapse.in {
    display: block !important;
  }
  .collapsing {
    overflow: hidden !important;
  }
  .container-fluid > .navbar-header,
  .container-fluid > .navbar-collapse {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
@media (min-width: 640px) {
  footer {
    background-image: none;
  }
}
@media (min-width: 1200px) {
  .page-styleguide footer {
    background-image: none;
    display: none;
  }
}
@media (min-width: 1200px) {
  html,
  body,
  .navbar {
    width: 1200px;
  }
}