@charset "UTF-8";
@-webkit-keyframes image-tile-title {
    0% {
        position: relative;
        top: 30px
    }
    100% {
        position: relative;
        top: 0
    }
}

@keyframes image-tile-title {
    0% {
        position: relative;
        top: 30px
    }
    100% {
        position: relative;
        top: 0
    }
}

.pika-single {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    background: #fff;
    border: 1px solid #b2b2b2;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, .1);
    color: #2d2a26;
    display: block;
    font-family: "Montserrat";
    position: relative;
    z-index: 9999
}

.pika-single:before, .pika-single:after {
    content: " ";
    display: table
}

.pika-single:after {
    clear: both
}

.pika-single {
    *zoom: 1
}

.pika-single.is-hidden {
    display: none
}

.pika-single.is-bound {
    position: absolute
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px
}

.pika-title {
    position: relative;
    text-align: center
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0
}

.pika-prev, .pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0
}

.pika-prev:hover, .pika-next:hover {
    opacity: 1
}

.pika-prev, .is-rtl .pika-next {
    float: left;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
    *left: 0
}

.pika-next, .is-rtl .pika-prev {
    float: right;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
    *right: 0
}

.pika-prev.is-disabled, .pika-next.is-disabled {
    cursor: default;
    opacity: .2
}

.pika-select {
    display: inline-block;
    *display: inline
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

.pika-table th, .pika-table td {
    width: 14.285714285714286%;
    padding: 0
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5
}

.pika-week {
    font-size: 11px;
    color: #999
}

.is-today .pika-button {
    color: #d02c30;
    font-weight: bold
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #d02c30;
    box-shadow: none;
    border-radius: 3px
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3
}

.pika-button:hover {
    color: #fff !important;
    background: #f19933 !important;
    box-shadow: none !important;
    border-radius: 3px !important
}

.pika-table abbr {
    border-bottom: none;
    cursor: help
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}
a1 {
    background-color: transparent;
    color: gray;
    font-size: smaller;
    text-transform: lowercase;
    font-weight: 100;
    font-family: initial;
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/montserrat/montserrat-bold-webfont.eot");
    src: url("../fonts/montserrat/montserrat-bold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/montserrat-bold-webfont.woff2") format("woff2"), url("../fonts/montserrat/montserrat-bold-webfont.woff") format("woff"), url("../fonts/montserrat/montserrat-bold-webfont.ttf") format("truetype"), url("../fonts/montserrat/montserrat-bold-webfont.svg#montserratbold") format("svg");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/montserrat/montserrat-regular-webfont.eot");
    src: url("../fonts/montserrat/montserrat-regular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/montserrat-regular-webfont.woff2") format("woff2"), url("../fonts/montserrat/montserrat-regular-webfont.woff") format("woff"), url("../fonts/montserrat/montserrat-regular-webfont.ttf") format("truetype"), url("../fonts/montserrat/montserrat-regular-webfont.svg#montserratregular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Abeezee';
    src: url("../fonts/abeezee/abeezee-italic-webfont.eot");
    src: url("../fonts/abeezee/abeezee-italic-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/abeezee/abeezee-italic-webfont.woff2") format("woff2"), url("../fonts/abeezee/abeezee-italic-webfont.woff") format("woff"), url("../fonts/abeezee/abeezee-italic-webfont.ttf") format("truetype"), url("../fonts/abeezee/abeezee-italic-webfont.svg#abeezeeitalic") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat Panda';
    src: url("../fonts/montserrat-panda/montserratpanda-bold-webfont.eot");
    src: url("../fonts/montserrat-panda/montserratpanda-bold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-panda/montserratpanda-bold-webfont.woff2") format("woff2"), url("../fonts/montserrat-panda/montserratpanda-bold-webfont.woff") format("woff"), url("../fonts/montserrat-panda/montserratpanda-bold-webfont.ttf") format("truetype"), url("../fonts/montserrat-panda/montserratpanda-bold-webfont.svg#montserrat_pandabold") format("svg");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat Panda';
    src: url("../fonts/montserrat-panda/montserratpanda-regular-webfont.eot");
    src: url("../fonts/montserrat-panda/montserratpanda-regular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-panda/montserratpanda-regular-webfont.woff2") format("woff2"), url("../fonts/montserrat-panda/montserratpanda-regular-webfont.woff") format("woff"), url("../fonts/montserrat-panda/montserratpanda-regular-webfont.ttf") format("truetype"), url("../fonts/montserrat-panda/montserratpanda-regular-webfont.svg#montserrat_pandaregular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Eveleth';
    src: url("../fonts/eveleth/eveleththin-webfont.eot");
    src: url("../fonts/eveleth/eveleththin-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/eveleth/eveleththin-webfont.woff") format("woff"), url("../fonts/eveleth/eveleththin-webfont.ttf") format("truetype"), url("../fonts/eveleth/eveleththin-webfont.svg#eveleththin") format("svg");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Eveleth';
    src: url("../fonts/eveleth/evelethlight-webfont.eot");
    src: url("../fonts/eveleth/evelethlight-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/eveleth/evelethlight-webfont.woff") format("woff"), url("../fonts/eveleth/evelethlight-webfont.ttf") format("truetype"), url("../fonts/eveleth/evelethlight-webfont.svg#evelethlight") format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Eveleth';
    src: url("../fonts/eveleth/evelethregular-webfont.eot");
    src: url("../fonts/eveleth/evelethregular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/eveleth/evelethregular-webfont.woff") format("woff"), url("../fonts/eveleth/evelethregular-webfont.ttf") format("truetype"), url("../fonts/eveleth/evelethregular-webfont.svg#eveleth_regularregular") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Eveleth';
    src: url("../fonts/eveleth/evelethbold-webfont.eot");
    src: url("../fonts/eveleth/evelethbold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/eveleth/evelethbold-webfont.woff") format("woff"), url("../fonts/eveleth/evelethbold-webfont.ttf") format("truetype"), url("../fonts/eveleth/evelethbold-webfont.svg#eveleth_regularbold") format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Eveleth Shadow';
    src: url("../fonts/eveleth/evelethshadow-webfont.eot");
    src: url("../fonts/eveleth/evelethshadow-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/eveleth/evelethshadow-webfont.woff") format("woff"), url("../fonts/eveleth/evelethshadow-webfont.ttf") format("truetype"), url("../fonts/eveleth/evelethshadow-webfont.svg#evelethshadow") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Eveleth Clean';
    src: url("../fonts/eveleth-clean/evelethcleanthin-webfont.eot");
    src: url("../fonts/eveleth-clean/evelethcleanthin-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/eveleth-clean/evelethcleanthin-webfont.woff") format("woff"), url("../fonts/eveleth-clean/evelethcleanthin-webfont.ttf") format("truetype"), url("../fonts/eveleth-clean/evelethcleanthin-webfont.svg#evelethclean_thin") format("svg");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Eveleth Clean';
    src: url("../fonts/eveleth-clean/evelethclean-webfont.eot");
    src: url("../fonts/eveleth-clean/evelethclean-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/eveleth-clean/evelethclean-webfont.woff") format("woff"), url("../fonts/eveleth-clean/evelethclean-webfont.ttf") format("truetype"), url("../fonts/eveleth-clean/evelethclean-webfont.svg#evelethclean_regular") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Eveleth Clean Shadow';
    src: url("../fonts/eveleth-clean/evelethcleanshadow-webfont.eot");
    src: url("../fonts/eveleth-clean/evelethcleanshadow-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/eveleth-clean/evelethcleanshadow-webfont.woff") format("woff"), url("../fonts/eveleth-clean/evelethcleanshadow-webfont.ttf") format("truetype"), url("../fonts/eveleth-clean/evelethcleanshadow-webfont.svg#evelethclean_shadow") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Eveleth Dot';
    src: url("../fonts/eveleth-dot/evelethdotlight-webfont.eot");
    src: url("../fonts/eveleth-dot/evelethdotlight-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/eveleth-dot/evelethdotlight-webfont.woff") format("woff"), url("../fonts/eveleth-dot/evelethdotlight-webfont.ttf") format("truetype"), url("../fonts/eveleth-dot/evelethdotlight-webfont.svg#eveleth_dotlight") format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Eveleth Dot';
    src: url("../fonts/eveleth-dot/evelethdotregular-webfont.eot");
    src: url("../fonts/eveleth-dot/evelethdotregular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/eveleth-dot/evelethdotregular-webfont.woff") format("woff"), url("../fonts/eveleth-dot/evelethdotregular-webfont.ttf") format("truetype"), url("../fonts/eveleth-dot/evelethdotregular-webfont.svg#eveleth_dotregular") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Eveleth Dot';
    src: url("../fonts/eveleth-dot/evelethdotbold-webfont.eot");
    src: url("../fonts/eveleth-dot/evelethdotbold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/eveleth-dot/evelethdotbold-webfont.woff") format("woff"), url("../fonts/eveleth-dot/evelethdotbold-webfont.ttf") format("truetype"), url("../fonts/eveleth-dot/evelethdotbold-webfont.svg#eveleth_dot_regularbold") format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Eveleth Slant';
    src: url("../fonts/eveleth-slant/evelethslantlight-webfont.eot");
    src: url("../fonts/eveleth-slant/evelethslantlight-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/eveleth-slant/evelethslantlight-webfont.woff") format("woff"), url("../fonts/eveleth-slant/evelethslantlight-webfont.ttf") format("truetype"), url("../fonts/eveleth-slant/evelethslantlight-webfont.svg#eveleth_slantlight") format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Eveleth Slant';
    src: url("../fonts/eveleth-slant/evelethslantregular-webfont.eot");
    src: url("../fonts/eveleth-slant/evelethslantregular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/eveleth-slant/evelethslantregular-webfont.woff") format("woff"), url("../fonts/eveleth-slant/evelethslantregular-webfont.ttf") format("truetype"), url("../fonts/eveleth-slant/evelethslantregular-webfont.svg#eveleth_slantregular") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Eveleth Slant';
    src: url("../fonts/eveleth-slant/evelethslantbold-webfont.eot");
    src: url("../fonts/eveleth-slant/evelethslantbold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/eveleth-slant/evelethslantbold-webfont.woff") format("woff"), url("../fonts/eveleth-slant/evelethslantbold-webfont.ttf") format("truetype"), url("../fonts/eveleth-slant/evelethslantbold-webfont.svg#eveleth_slantbold") format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'PX Icons';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/icons/icons.eot");
    src: url("../fonts/icons/icons.eot#iefix") format("embedded-opentype"), url("../fonts/icons/icons.ttf") format("truetype"), url("../fonts/icons/icons.woff") format("woff"), url("../fonts/icons/icons.svg") format("svg")
}

@font-face {
    font-family: 'Eveleth Shapes';
    src: url("../fonts/eveleth/evelethshapes-webfont.eot");
    src: url("../fonts/eveleth/evelethshapes-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/eveleth/evelethshapes-webfont.woff") format("woff"), url("../fonts/eveleth/evelethshapes-webfont.ttf") format("truetype"), url("../fonts/eveleth/evelethshapes-webfont.svg#evelethshapes") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Eveleth Icons';
    src: url("../fonts/eveleth/evelethicons-webfont.eot");
    src: url("../fonts/eveleth/evelethicons-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/eveleth/evelethicons-webfont.woff") format("woff"), url("../fonts/eveleth/evelethicons-webfont.ttf") format("truetype"), url("../fonts/eveleth/evelethicons-webfont.svg#evelethicons") format("svg");
    font-weight: normal;
    font-style: normal
}

.px-food {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-food:after {
    content: ''
}

.px-instagram {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-instagram:after, .social-tile.instagram .meta:before {
    content: ''
}

.px-locations {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-locations:after {
    content: ''
}

.px-magnify {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-magnify:after {
    content: ''
}

.px-order {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-order:after {
    content: ''
}

.px-quote {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-quote:after {
    content: ''
}

.px-pc {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-pc:after {
    content: ''
}

.px-close {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-close:after {
    content: ''
}

.px-back {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-back:after {
    content: ''
}

.px-bulb {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-bulb:after {
    content: ''
}

.px-calendars {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-calendars:after {
    content: ''
}

.px-car {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-car:after {
    content: ''
}

.px-clock {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-clock:after {
    content: ''
}

.px-crosshairs {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-crosshairs:after {
    content: ''
}

.px-facebook {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-facebook:after, .social-tile.facebook .meta:before {
    content: ''
}

.px-signpost {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-signpost:after {
    content: ''
}

.px-spicy {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-spicy:after {
    content: ''
}

.px-star {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-star:after {
    content: ''
}

.px-story {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-story:after {
    content: ''
}

.px-tea {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-tea:after {
    content: ''
}

.px-twitter {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-twitter:after, .social-tile.twitter .meta:before {
    content: ''
}

.px-wok {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-wok:after {
    content: ''
}

.px-woksmart {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-woksmart:after {
    content: ''
}

.px-youtube {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-youtube:after {
    content: ''
}

.px-full-star {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-full-star:after {
    content: ''
}

.px-arrow-down {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-arrow-down:after {
    content: ''
}

.px-arrow-left {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-arrow-left:after {
    content: ''
}

.px-arrow-right {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-arrow-right:after {
    content: ''
}

.px-arrow-up {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-arrow-up:after {
    content: ''
}

.px-check {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-check:after {
    content: ''
}

.px-x {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-x:after {
    content: ''
}

.px-play {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-play:after {
    content: ''
}

.px-burger {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-burger:after {
    content: ''
}

.px-wrap {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-wrap:after {
    content: ''
}

.px-boba {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.px-boba:after {
    content: ''
}

html {
    box-sizing: border-box;
    font-size: 10px;
    font-size: 62.5%;
    height: 100%;
    position: relative;
    width: 100%
}

body {
    font-family: "Montserrat", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.875;
    letter-spacing: -.025em;
    color: #2d2a26;
    text-transform: none;
    -webkit-tap-highlight-color: transparent;
    background-color: white;
    height: 100%;
    position: relative;
    overflow: auto;
    text-rendering: optimizeLegibility;
    width: 100%
}

body.no-scroll {
    overflow: hidden
}

body.fixed {
    position: fixed
}

*, *:before, *:after {
    box-sizing: inherit;
    -webkit-box-sizing: inherit
}

.wrapper {
    background: white;
    overflow-x: hidden;
    overflow-y: visible;
    width: 100%;
    min-height: 100%;
    position: relative;
    border-left: 20px solid #eeeee6;
    border-right: 20px solid #eeeee6;
    padding: 0px 0 50px
}

.wrapper .top-frame, .wrapper .bottom-frame {
    position: fixed;
    display: block;
    left: 0;
    right: 0;
    width: 100%;
    height: 20px;
    background: #eeeee6;
    z-index: 190;
    visibility: visible
}

.wrapper .top-frame {
    top: 0
}

.wrapper .bottom-frame {
    bottom: 0
}

.hide-text {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

.show-text {
    overflow: visible;
    text-indent: 0;
    white-space: normal
}

.hide, [data-state="hidden"] {
    display: block;
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.show {
    display: block;
    height: auto;
    overflow: auto;
    position: inherit;
    white-space: normal;
    width: auto
}

.right {
    float: right
}

.left {
    float: left
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.display-none {
    display: block;
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    display: none !important;
    visibility: hidden;
    padding: 0 !important;
    margin: 0 !important
}

.inline {
    display: inline-block
}

.four-oh-four {
    padding: 50px 20% 80px;
    text-align: center
}

.c-center ul, .c-center ol {
    display: inline-block;
    text-align: left
}

body, input, button {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1, h2, h3, h4, h5, h6, hgroup, ul, ol, dd, p, figure, pre, table, fieldset, hr, .legal, .caption {
    margin-bottom: 0px;
    margin-top: 0
}

h1.no-margin, h2.no-margin, h3.no-margin, h4.no-margin, h5.no-margin, h6.no-margin, hgroup.no-margin, ul.no-margin, ol.no-margin, dd.no-margin, p.no-margin, figure.no-margin, pre.no-margin, table.no-margin, fieldset.no-margin, hr.no-margin, .legal.no-margin, .caption.no-margin {
    margin: 0 !important
}

h1, .h1 {
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: 50px;
    font-size: 5rem;
    font-weight: bold;
    line-height: 1.08;
    letter-spacing: -.025em;
    color: #d02c30;
    text-transform: uppercase
}

h2, .h2 {
    font-family: "Montserrat", "Sans Serif";
    font-size: 40px;
    font-size: 4rem;
    font-weight: bold;
    line-height: 1.1;
    letter-spacing: -.025em;
    color: #2d2a26;
    text-transform: uppercase
}

h3, .h3 {
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: normal;
    line-height: 1.38;
    letter-spacing: -.025em;
    color: #54565b;
    text-transform: none
}

h4, .h4 {
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: normal;
    line-height: 1.33;
    letter-spacing: -.025em;
    color: #54565b;
    text-transform: none
}

h5, .h5 {
    font-family: "Montserrat", "Sans Serif";
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.45;
    letter-spacing: -.025em;
    color: #d02c30;
    text-transform: uppercase
}

h6, .h6 {
    font-family: "Montserrat", "Sans Serif";
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -.025em;
    color: #54565b;
    text-transform: none
}

h1.spaced, h2.spaced, h3.spaced, h4.spaced, h5.spaced, h6.spaced, .h1.spaced, .h2.spaced, .h3.spaced, .h4.spaced, .h5.spaced, .h6.spaced {
    padding-top: 40px
}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, .h1 + p, .h2 + p, .h3 + p, .h4 + p, .h5 + p, .h6 + p {
    margin-top: 25px;
    margin-top: 25px
}

a.link {
    color: #d02c30;
    text-decoration: none
}

a.link:active {
    color: #f19933
}

a.link:visited {
    color: #920003
}

a.link:hover {
    text-decoration: underline
}

a.alternate {
    font-family: "Abeezee", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0;
    color: #f19933;
    text-transform: none;
    text-decoration: none;
    padding: 0 24px
}

a.cancel {
    color: #2d2a26;
    text-decoration: none;
    padding: 0 24px
}

.legal {
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #6f7275;
    text-transform: none;
    display: block;
    padding-top: 1.6rem
}

.form-footer .legal {
    padding-top: 0
}

.caption {
    font-family: "Abeezee", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #779e91;
    text-transform: none
}

strong {
    font-weight: bold
}

em {
    font-style: italic
}

hr, .hr {
    display: block;
    width: 100%;
    border: none;
    height: 1px;
    background: rgba(0, 0, 0, .1)
}

.text-red {
    color: #d02c30
}

.text-black {
    color: #2d2a26
}

.text-jade {
    color: #789d90
}

.text-green {
    color: #87a64e
}

.text-yellow {
    color: #fbdc7a
}

.text-orange {
    color: #f19933
}

.text-aqua {
    color: #4c868f
}

.row {
    *zoom: 1;
    clear: both;
    display: block;
    overflow: visible;
    width: 101% !important;
    text-align: left;
    margin: -10px -.5% 0
}

.row:before, .row:after {
    content: '';
    display: table;
    width: 100%
}

.row:after {
    clear: both
}

.row + .row {
    margin-top: 0
}

.row.padded {
    padding-top: 24px;
    padding-bottom: 24px
}

.row.hide {
    overflow: hidden
}

.content-container {
    max-width: 1024px;
    margin: 0 auto;
}

.content-container:focus {
    outline: none
}

.padded-content {
    padding-left: 40px
}

.c1 {
    margin: 10px .5% 0;
    width: 7.33333%
}

.c1, .c1.c-left {
    float: left
}

.c1.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.c1.c-right {
    float: right
}

.c2 {
    margin: 10px .5% 0;
    width: 15.66667%
}

.c2, .c2.c-left {
    float: left
}

.c2.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.c2.c-right {
    float: right
}

.c3 {
    margin: 10px .5% 0;
    width: 24%
}

.c3, .c3.c-left {
    float: left
}

.c3.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.c3.c-right {
    float: right
}

.c4 {
    margin: 10px .5% 0;
    width: 32.33333%
}

.c4, .c4.c-left {
    float: left
}

.c4.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.c4.c-right {
    float: right
}

.c5 {
    margin: 10px .5% 0;
    width: 40.66667%
}

.c5, .c5.c-left {
    float: left
}

.c5.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.c5.c-right {
    float: right
}

.c6 {
    margin: 10px .5% 0;
    width: 49%
}

.c6, .c6.c-left {
    float: left
}

.c6.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.c6.c-right {
    float: right
}

.c7 {
    margin: 10px .5% 0;
    width: 57.33333%
}

.c7, .c7.c-left {
    float: left
}

.c7.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.c7.c-right {
    float: right
}

.c8 {
    margin: 10px .5% 0;
    width: 65.66667%
}

.c8, .c8.c-left {
    float: left
}

.c8.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.c8.c-right {
    float: right
}

.c9 {
    margin: 10px .5% 0;
    width: 74%
}

.c9, .c9.c-left {
    float: left
}

.c9.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.c9.c-right {
    float: right
}

.c10 {
    margin: 10px .5% 0;
    width: 82.33333%
}

.c10, .c10.c-left {
    float: left
}

.c10.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.c10.c-right {
    float: right
}

.c11 {
    margin: 10px .5% 0;
    width: 90.66667%
}

.c11, .c11.c-left {
    float: left
}

.c11.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.c11.c-right {
    float: right
}

.c12 {
    margin: 10px .5% 0;
    width: 99%
}

.c12, .c12.c-left {
    float: left
}

.c12.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.c12.c-right {
    float: right
}

form .row + .row {
    margin-top: 0
}

form hr {
    margin: 24px 0 10px
}

form h3 {
    margin: 24px 0 10px
}

form h3:first-child {
    margin-top: 0
}

form h4 {
    margin: 24px 0 10px
}

form p {
    margin: 10px 0
}

.form-box {
    padding: 40px;
    *zoom: 1;
    clear: both;
    background: #fff;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .1);
    margin-top: 40px;
    margin-bottom: 10px
}

.form-box:before, .form-box:after {
    content: '';
    display: table;
    width: 100%
}

.form-box:after {
    clear: both
}

.form-footer, .button-group {
    padding: 16px 0 0;
    text-align: right
}

.form-footer a, .form-footer button, .form-footer .button, .form-footer .nutrition-calculator .calc-nutrition-details-button, .nutrition-calculator .form-footer .calc-nutrition-details-button, .form-footer .nutrition-calculator .calc-clear-button, .nutrition-calculator .form-footer .calc-clear-button, .form-footer .nutrition-calculator .calc-print-button, .nutrition-calculator .form-footer .calc-print-button, .button-group a, .button-group button, .button-group .button, .button-group .nutrition-calculator .calc-nutrition-details-button, .nutrition-calculator .button-group .calc-nutrition-details-button, .button-group .nutrition-calculator .calc-clear-button, .nutrition-calculator .button-group .calc-clear-button, .button-group .nutrition-calculator .calc-print-button, .nutrition-calculator .button-group .calc-print-button {
    margin-left: 12px
}

.form-footer .cancel, .button-group .cancel {
    line-height: 40px
}

.input-label {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -.025em;
    color: #54565b;
    text-transform: none;
    padding: 24px 12px 12px;
    display: block
}

.input-label em, .input-label em a {
    color: #757575 !important;
    font-style: normal;
    font-weight: normal;
    text-decoration: none !important
}

.input-label + input, .input-label + textarea {
    margin-top: 0
}

.radio-group-label {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -.025em;
    color: #54565b;
    text-transform: none;
    padding: 24px 24px 12px 12px;
    display: inline-block
}

.sub-label {
    font-family: "Montserrat", "Sans Serif";
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #76777b;
    text-transform: none;
    padding: 0 12px 15px;
    display: block
}

.error-message {
    font-family: "Montserrat", "Sans Serif";
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1;
    letter-spacing: -.025em;
    color: #d02c30;
    text-transform: none;
    padding: 0 12px 12px
}

input[type="text"], input[type="email"], input[type="password"], input[type="date"], textarea {
    font-family: "Montserrat", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 38px;
    letter-spacing: -.025em;
    color: #54565b;
    text-transform: none;
    padding: 0 15px;
    margin: 0 0 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    background: #fff;
    border: 1px solid #b2b2b2;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .1);
    display: block;
    height: 38px;
    width: 100%
}

input[type="text"]:placeholder, input[type="email"]:placeholder, input[type="password"]:placeholder, input[type="date"]:placeholder, textarea:placeholder {
    color: #b2b2b2
}

input[type="text"]:focus, input[type="text"]:focus.error, input[type="email"]:focus, input[type="email"]:focus.error, input[type="password"]:focus, input[type="password"]:focus.error, input[type="date"]:focus, input[type="date"]:focus.error, textarea:focus, textarea:focus.error {
    outline: none;
    border: 1px solid #779e91;
    box-shadow: 0 1px 0 0 #779e91
}

input[type="text"].error, input[type="email"].error, input[type="password"].error, input[type="date"].error, textarea.error {
    outline: none;
    border: 1px solid #d02c30;
    box-shadow: 0 0 0 1px #d02c30;
    color: #d02c30
}

input[type="text"].input-button, input[type="email"].input-button, input[type="password"].input-button, input[type="date"].input-button, textarea.input-button {
    width: 67%;
    float: left
}

input[type="text"].c1, input[type="email"].c1, input[type="password"].c1, input[type="date"].c1, textarea.c1 {
    margin: 10px .5% 0;
    width: 7.33333%
}

input[type="text"].c1, input[type="text"].c1.c-left, input[type="email"].c1, input[type="email"].c1.c-left, input[type="password"].c1, input[type="password"].c1.c-left, input[type="date"].c1, input[type="date"].c1.c-left, textarea.c1, textarea.c1.c-left {
    float: left
}

input[type="text"].c1.c-center, input[type="email"].c1.c-center, input[type="password"].c1.c-center, input[type="date"].c1.c-center, textarea.c1.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

input[type="text"].c1.c-right, input[type="email"].c1.c-right, input[type="password"].c1.c-right, input[type="date"].c1.c-right, textarea.c1.c-right {
    float: right
}

input[type="text"].c2, input[type="email"].c2, input[type="password"].c2, input[type="date"].c2, textarea.c2 {
    margin: 10px .5% 0;
    width: 15.66667%
}

input[type="text"].c2, input[type="text"].c2.c-left, input[type="email"].c2, input[type="email"].c2.c-left, input[type="password"].c2, input[type="password"].c2.c-left, input[type="date"].c2, input[type="date"].c2.c-left, textarea.c2, textarea.c2.c-left {
    float: left
}

input[type="text"].c2.c-center, input[type="email"].c2.c-center, input[type="password"].c2.c-center, input[type="date"].c2.c-center, textarea.c2.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

input[type="text"].c2.c-right, input[type="email"].c2.c-right, input[type="password"].c2.c-right, input[type="date"].c2.c-right, textarea.c2.c-right {
    float: right
}

input[type="text"].c3, input[type="email"].c3, input[type="password"].c3, input[type="date"].c3, textarea.c3 {
    margin: 10px .5% 0;
    width: 24%
}

input[type="text"].c3, input[type="text"].c3.c-left, input[type="email"].c3, input[type="email"].c3.c-left, input[type="password"].c3, input[type="password"].c3.c-left, input[type="date"].c3, input[type="date"].c3.c-left, textarea.c3, textarea.c3.c-left {
    float: left
}

input[type="text"].c3.c-center, input[type="email"].c3.c-center, input[type="password"].c3.c-center, input[type="date"].c3.c-center, textarea.c3.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

input[type="text"].c3.c-right, input[type="email"].c3.c-right, input[type="password"].c3.c-right, input[type="date"].c3.c-right, textarea.c3.c-right {
    float: right
}

input[type="text"].c4, input[type="email"].c4, input[type="password"].c4, input[type="date"].c4, textarea.c4 {
    margin: 10px .5% 0;
    width: 32.33333%
}

input[type="text"].c4, input[type="text"].c4.c-left, input[type="email"].c4, input[type="email"].c4.c-left, input[type="password"].c4, input[type="password"].c4.c-left, input[type="date"].c4, input[type="date"].c4.c-left, textarea.c4, textarea.c4.c-left {
    float: left
}

input[type="text"].c4.c-center, input[type="email"].c4.c-center, input[type="password"].c4.c-center, input[type="date"].c4.c-center, textarea.c4.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

input[type="text"].c4.c-right, input[type="email"].c4.c-right, input[type="password"].c4.c-right, input[type="date"].c4.c-right, textarea.c4.c-right {
    float: right
}

input[type="text"].c5, input[type="email"].c5, input[type="password"].c5, input[type="date"].c5, textarea.c5 {
    margin: 10px .5% 0;
    width: 40.66667%
}

input[type="text"].c5, input[type="text"].c5.c-left, input[type="email"].c5, input[type="email"].c5.c-left, input[type="password"].c5, input[type="password"].c5.c-left, input[type="date"].c5, input[type="date"].c5.c-left, textarea.c5, textarea.c5.c-left {
    float: left
}

input[type="text"].c5.c-center, input[type="email"].c5.c-center, input[type="password"].c5.c-center, input[type="date"].c5.c-center, textarea.c5.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

input[type="text"].c5.c-right, input[type="email"].c5.c-right, input[type="password"].c5.c-right, input[type="date"].c5.c-right, textarea.c5.c-right {
    float: right
}

input[type="text"].c6, input[type="email"].c6, input[type="password"].c6, input[type="date"].c6, textarea.c6 {
    margin: 10px .5% 0;
    width: 49%
}

input[type="text"].c6, input[type="text"].c6.c-left, input[type="email"].c6, input[type="email"].c6.c-left, input[type="password"].c6, input[type="password"].c6.c-left, input[type="date"].c6, input[type="date"].c6.c-left, textarea.c6, textarea.c6.c-left {
    float: left
}

input[type="text"].c6.c-center, input[type="email"].c6.c-center, input[type="password"].c6.c-center, input[type="date"].c6.c-center, textarea.c6.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

input[type="text"].c6.c-right, input[type="email"].c6.c-right, input[type="password"].c6.c-right, input[type="date"].c6.c-right, textarea.c6.c-right {
    float: right
}

input[type="text"].c7, input[type="email"].c7, input[type="password"].c7, input[type="date"].c7, textarea.c7 {
    margin: 10px .5% 0;
    width: 57.33333%
}

input[type="text"].c7, input[type="text"].c7.c-left, input[type="email"].c7, input[type="email"].c7.c-left, input[type="password"].c7, input[type="password"].c7.c-left, input[type="date"].c7, input[type="date"].c7.c-left, textarea.c7, textarea.c7.c-left {
    float: left
}

input[type="text"].c7.c-center, input[type="email"].c7.c-center, input[type="password"].c7.c-center, input[type="date"].c7.c-center, textarea.c7.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

input[type="text"].c7.c-right, input[type="email"].c7.c-right, input[type="password"].c7.c-right, input[type="date"].c7.c-right, textarea.c7.c-right {
    float: right
}

input[type="text"].c8, input[type="email"].c8, input[type="password"].c8, input[type="date"].c8, textarea.c8 {
    margin: 10px .5% 0;
    width: 65.66667%
}

input[type="text"].c8, input[type="text"].c8.c-left, input[type="email"].c8, input[type="email"].c8.c-left, input[type="password"].c8, input[type="password"].c8.c-left, input[type="date"].c8, input[type="date"].c8.c-left, textarea.c8, textarea.c8.c-left {
    float: left
}

input[type="text"].c8.c-center, input[type="email"].c8.c-center, input[type="password"].c8.c-center, input[type="date"].c8.c-center, textarea.c8.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

input[type="text"].c8.c-right, input[type="email"].c8.c-right, input[type="password"].c8.c-right, input[type="date"].c8.c-right, textarea.c8.c-right {
    float: right
}

input[type="text"].c9, input[type="email"].c9, input[type="password"].c9, input[type="date"].c9, textarea.c9 {
    margin: 10px .5% 0;
    width: 74%
}

input[type="text"].c9, input[type="text"].c9.c-left, input[type="email"].c9, input[type="email"].c9.c-left, input[type="password"].c9, input[type="password"].c9.c-left, input[type="date"].c9, input[type="date"].c9.c-left, textarea.c9, textarea.c9.c-left {
    float: left
}

input[type="text"].c9.c-center, input[type="email"].c9.c-center, input[type="password"].c9.c-center, input[type="date"].c9.c-center, textarea.c9.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

input[type="text"].c9.c-right, input[type="email"].c9.c-right, input[type="password"].c9.c-right, input[type="date"].c9.c-right, textarea.c9.c-right {
    float: right
}

input[type="text"].c10, input[type="email"].c10, input[type="password"].c10, input[type="date"].c10, textarea.c10 {
    margin: 10px .5% 0;
    width: 82.33333%
}

input[type="text"].c10, input[type="text"].c10.c-left, input[type="email"].c10, input[type="email"].c10.c-left, input[type="password"].c10, input[type="password"].c10.c-left, input[type="date"].c10, input[type="date"].c10.c-left, textarea.c10, textarea.c10.c-left {
    float: left
}

input[type="text"].c10.c-center, input[type="email"].c10.c-center, input[type="password"].c10.c-center, input[type="date"].c10.c-center, textarea.c10.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

input[type="text"].c10.c-right, input[type="email"].c10.c-right, input[type="password"].c10.c-right, input[type="date"].c10.c-right, textarea.c10.c-right {
    float: right
}

input[type="text"].c11, input[type="email"].c11, input[type="password"].c11, input[type="date"].c11, textarea.c11 {
    margin: 10px .5% 0;
    width: 90.66667%
}

input[type="text"].c11, input[type="text"].c11.c-left, input[type="email"].c11, input[type="email"].c11.c-left, input[type="password"].c11, input[type="password"].c11.c-left, input[type="date"].c11, input[type="date"].c11.c-left, textarea.c11, textarea.c11.c-left {
    float: left
}

input[type="text"].c11.c-center, input[type="email"].c11.c-center, input[type="password"].c11.c-center, input[type="date"].c11.c-center, textarea.c11.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

input[type="text"].c11.c-right, input[type="email"].c11.c-right, input[type="password"].c11.c-right, input[type="date"].c11.c-right, textarea.c11.c-right {
    float: right
}

input[type="text"].c12, input[type="email"].c12, input[type="password"].c12, input[type="date"].c12, textarea.c12 {
    margin: 10px .5% 0;
    width: 99%
}

input[type="text"].c12, input[type="text"].c12.c-left, input[type="email"].c12, input[type="email"].c12.c-left, input[type="password"].c12, input[type="password"].c12.c-left, input[type="date"].c12, input[type="date"].c12.c-left, textarea.c12, textarea.c12.c-left {
    float: left
}

input[type="text"].c12.c-center, input[type="email"].c12.c-center, input[type="password"].c12.c-center, input[type="date"].c12.c-center, textarea.c12.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

input[type="text"].c12.c-right, input[type="email"].c12.c-right, input[type="password"].c12.c-right, input[type="date"].c12.c-right, textarea.c12.c-right {
    float: right
}

textarea {
    padding: 15px;
    height: 120px;
    resize: none;
    overflow: auto;
    line-height: 1.5
}

.date-input {
    -webkit-appearance: none;
    position: relative
}

.date-input::-webkit-calendar-picker-indicator, .date-input::-webkit-input-placeholder, .date-input::-webkit-inner-spin-button {
    display: none !important;
    visibility: hidden !important
}

input[type="radio"]:first-of-type, input[type="checkbox"]:first-of-type {
    margin: top, 20px
}

input[type="radio"]:last-of-type, input[type="checkbox"]:last-of-type {
    margin: bottom, 20px
}

input[type="radio"] + label, input[type="radio"] + span, input[type="checkbox"] + label, input[type="checkbox"] + span {
    font-family: "Montserrat", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -.025em;
    color: #54565b;
    text-transform: none;
    padding: 12px 0 0;
    min-height: 24px
}

body.not-ie8 input[type="radio"], body.not-ie8 input[type="checkbox"] {
    display: block;
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    white-space: pre-line;
    opacity: 0
}

body.not-ie8 input[type="radio"] + label, body.not-ie8 input[type="radio"] + span, body.not-ie8 input[type="checkbox"] + label, body.not-ie8 input[type="checkbox"] + span {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding: 0 0 0 40px
}

body.not-ie8 input[type="radio"] + label:before, body.not-ie8 input[type="radio"] + span:before, body.not-ie8 input[type="checkbox"] + label:before, body.not-ie8 input[type="checkbox"] + span:before {
    content: '';
    background-color: transparent;
    border: 3px solid #e7e6de;
    cursor: pointer;
    display: inline-block;
    height: 21px;
    margin: 0 20px 0 0;
    -webkit-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
    vertical-align: text-bottom;
    width: 21px;
    position: absolute;
    top: 0;
    left: 0
}

body.not-ie8 input[type="radio"].horizontal + label, body.not-ie8 input[type="checkbox"].horizontal + label {
    padding-right: 30px;
    margin: 0 !important
}

body.not-ie8 input[type="radio"].blank, body.not-ie8 input[type="checkbox"].blank {
    margin: 0
}

body.not-ie8 input[type="radio"]:checked + label body.not-ie8 input[type="radio"]:before, body.not-ie8 input[type="radio"]:checked + span body.not-ie8 input[type="radio"]:before, body.not-ie8 input[type="checkbox"]:checked + label body.not-ie8 input[type="radio"]:before, body.not-ie8 input[type="checkbox"]:checked + span body.not-ie8 input[type="radio"]:before, body.not-ie8 input[type="radio"]:checked + label body.not-ie8 input[type="checkbox"]:before, body.not-ie8 input[type="radio"]:checked + span body.not-ie8 input[type="checkbox"]:before, body.not-ie8 input[type="checkbox"]:checked + label body.not-ie8 input[type="checkbox"]:before, body.not-ie8 input[type="checkbox"]:checked + span body.not-ie8 input[type="checkbox"]:before {
    -webkit-transition: background-color 200ms linear;
    transition: background-color 200ms linear
}

body.not-ie8 input[type="radio"] + label:before {
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%
}

body.not-ie8 input[type="radio"]:checked + label:before {
    background-color: #f19933
}

.radiogroup {
    display: inline-block
}

body.not-ie8 input[type="checkbox"]:checked + label, body.not-ie8 input[type="checkbox"]:checked + span {
    position: relative
}

body.not-ie8 input[type="checkbox"]:checked + label:before, body.not-ie8 input[type="checkbox"]:checked + span:before {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 21px;
    font-size: 2.1rem;
    color: #f19933;
    content: '';
    line-height: 13px;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .1)
}

.disclaimer {
    margin: 24px 0 0
}

.select-box {
    margin: 0 0 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    background: #fff;
    border: 1px solid #b2b2b2;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .1);
    display: block;
    height: 38px;
    width: 100%;
    position: relative
}

.select-box:after {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #f19933;
    background-image: -webkit-linear-gradient(#f19933, #e69129);
    background-image: linear-gradient(#f19933, #e69129);
    border-radius: 0 6px 6px 0;
    border: 1px solid #d17e12;
    box-shadow: 0 2px 0 0 #d17e12;
    color: #fff;
    content: "";
    height: 38px;
    line-height: 38px;
    pointer-events: none;
    position: absolute;
    right: -1px;
    text-align: center;
    top: -1px;
    width: 35px;
    z-index: 2
}

.select-box.c1 {
    margin: 10px .5% 0;
    width: 7.33333%
}

.select-box.c1, .select-box.c1.c-left {
    float: left
}

.select-box.c1.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.select-box.c1.c-right {
    float: right
}

.select-box.c2 {
    margin: 10px .5% 0;
    width: 15.66667%
}

.select-box.c2, .select-box.c2.c-left {
    float: left
}

.select-box.c2.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.select-box.c2.c-right {
    float: right
}

.select-box.c3 {
    margin: 10px .5% 0;
    width: 24%
}

.select-box.c3, .select-box.c3.c-left {
    float: left
}

.select-box.c3.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.select-box.c3.c-right {
    float: right
}

.select-box.c4 {
    margin: 10px .5% 0;
    width: 32.33333%
}

.select-box.c4, .select-box.c4.c-left {
    float: left
}

.select-box.c4.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.select-box.c4.c-right {
    float: right
}

.select-box.c5 {
    margin: 10px .5% 0;
    width: 40.66667%
}

.select-box.c5, .select-box.c5.c-left {
    float: left
}

.select-box.c5.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.select-box.c5.c-right {
    float: right
}

.select-box.c6 {
    margin: 10px .5% 0;
    width: 49%
}

.select-box.c6, .select-box.c6.c-left {
    float: left
}

.select-box.c6.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.select-box.c6.c-right {
    float: right
}

.select-box.c7 {
    margin: 10px .5% 0;
    width: 57.33333%
}

.select-box.c7, .select-box.c7.c-left {
    float: left
}

.select-box.c7.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.select-box.c7.c-right {
    float: right
}

.select-box.c8 {
    margin: 10px .5% 0;
    width: 65.66667%
}

.select-box.c8, .select-box.c8.c-left {
    float: left
}

.select-box.c8.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.select-box.c8.c-right {
    float: right
}

.select-box.c9 {
    margin: 10px .5% 0;
    width: 74%
}

.select-box.c9, .select-box.c9.c-left {
    float: left
}

.select-box.c9.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.select-box.c9.c-right {
    float: right
}

.select-box.c10 {
    margin: 10px .5% 0;
    width: 82.33333%
}

.select-box.c10, .select-box.c10.c-left {
    float: left
}

.select-box.c10.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.select-box.c10.c-right {
    float: right
}

.select-box.c11 {
    margin: 10px .5% 0;
    width: 90.66667%
}

.select-box.c11, .select-box.c11.c-left {
    float: left
}

.select-box.c11.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.select-box.c11.c-right {
    float: right
}

.select-box.c12 {
    margin: 10px .5% 0;
    width: 99%
}

.select-box.c12, .select-box.c12.c-left {
    float: left
}

.select-box.c12.c-center {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.select-box.c12.c-right {
    float: right
}

.select-box select {
    font-family: "Montserrat", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 38px;
    letter-spacing: -.025em;
    color: #54565b;
    text-transform: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 0 0 0 15px;
    width: 100%;
    height: 38px;
    margin: 0;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    box-sizing: border-box
}

.select-box select:focus {
    border: 1px solid #779e91;
    box-shadow: 0 0 0 1px #779e91
}

.select-box select::-ms-expand {
    display: none
}

.select-box select option {
    font-weight: normal
}

.select-box x:-o-prefocus, .select-box::after {
    display: none
}

@-moz-document url-prefix() {
    .select-box {
        overflow: hidden;
    }
    .select-box select {
        width: 120%;
        width: calc(100% + em);
    }
}

.select-box select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

fieldset input:focus + label, input[type="checkbox"]:focus + label {
    border: 1px solid #000
}

.back-button {
    background: none;
    display: inline-block;
    padding: 0 18px 0 0;
    height: 50px;
    width: 58px;
    border: none;
    float: left
}

.back-button:before {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 40px;
    font-size: 4rem;
    content: '';
    position: relative;
    display: inline-block;
    color: #d02c30;
    vertical-align: middle
}

.button, .nutrition-calculator .calc-nutrition-details-button, .nutrition-calculator .calc-clear-button, .nutrition-calculator .calc-print-button, .button.primary, .nutrition-calculator .calc-nutrition-details-button, .nutrition-calculator .primary.calc-clear-button, .nutrition-calculator .primary.calc-print-button {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    font-size: 16px;
    font-size: 1.6rem;
    border: none;
    color: #2d2a26;
    display: inline-block;
    line-height: 1;
    padding: 12px 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    background-color: #d02c30;
    background-image: -webkit-linear-gradient(#d02c30, #c72029);
    background-image: linear-gradient(#d02c30, #c72029);
    border-bottom: 2px solid #b1001a;
    color: #fff
}

.button:hover, .nutrition-calculator .calc-nutrition-details-button:hover, .nutrition-calculator .calc-clear-button:hover, .nutrition-calculator .calc-print-button:hover, .button.primary:hover, .nutrition-calculator .calc-nutrition-details-button:hover, .nutrition-calculator .primary.calc-clear-button:hover, .nutrition-calculator .primary.calc-print-button:hover {
    text-decoration: none
}

.button:-moz-focusring, .nutrition-calculator .calc-nutrition-details-button:-moz-focusring, .nutrition-calculator .calc-clear-button:-moz-focusring, .nutrition-calculator .calc-print-button:-moz-focusring, .button.primary:-moz-focusring, .nutrition-calculator .calc-nutrition-details-button:-moz-focusring, .nutrition-calculator .primary.calc-clear-button:-moz-focusring, .nutrition-calculator .primary.calc-print-button:-moz-focusring {
    outline: 5px dotted
}

.button.large, .nutrition-calculator .large.calc-nutrition-details-button, .nutrition-calculator .large.calc-clear-button, .nutrition-calculator .large.calc-print-button, .button.primary.large, .nutrition-calculator .large.calc-nutrition-details-button, .nutrition-calculator .primary.large.calc-clear-button, .nutrition-calculator .primary.large.calc-print-button {
    font-size: 20px;
    font-size: 2rem;
    padding: 20px 30px
}

.button:hover:not(.inactive), .nutrition-calculator .calc-nutrition-details-button:hover:not(.inactive), .nutrition-calculator .calc-clear-button:hover:not(.inactive), .nutrition-calculator .calc-print-button:hover:not(.inactive), .button.primary:hover:not(.inactive), .nutrition-calculator .calc-nutrition-details-button:hover:not(.inactive), .nutrition-calculator .primary.calc-clear-button:hover:not(.inactive), .nutrition-calculator .primary.calc-print-button:hover:not(.inactive) {
    background-color: #d63f43;
    background: -webkit-linear-gradient(#d63f43, #dc252e);
    background: linear-gradient(#d63f43, #dc252e)
}

.button:active:not(.inactive), .nutrition-calculator .calc-nutrition-details-button:active:not(.inactive), .nutrition-calculator .calc-clear-button:active:not(.inactive), .nutrition-calculator .calc-print-button:active:not(.inactive), .button.primary:active:not(.inactive), .nutrition-calculator .calc-nutrition-details-button:active:not(.inactive), .nutrition-calculator .primary.calc-clear-button:active:not(.inactive), .nutrition-calculator .primary.calc-print-button:active:not(.inactive) {
    background-color: #c01725;
    background-image: -webkit-linear-gradient(#c01725, #b1001a);
    background-image: linear-gradient(#c01725, #b1001a);
    border-bottom: none;
    box-shadow: none;
    top: 2px;
    background: -webkit-linear-gradient(#c01725, #b1001a);
    background: linear-gradient(#c01725, #b1001a)
}

.button.inactive, .nutrition-calculator .inactive.calc-nutrition-details-button, .nutrition-calculator .inactive.calc-clear-button, .nutrition-calculator .inactive.calc-print-button, .button.primary.inactive, .nutrition-calculator .inactive.calc-nutrition-details-button, .nutrition-calculator .primary.inactive.calc-clear-button, .nutrition-calculator .primary.inactive.calc-print-button {
    opacity: .5;
    cursor: default
}

.button.secondary, .nutrition-calculator .secondary.calc-nutrition-details-button, .nutrition-calculator .secondary.calc-clear-button, .nutrition-calculator .calc-print-button {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    font-size: 16px;
    font-size: 1.6rem;
    border: none;
    color: #2d2a26;
    display: inline-block;
    line-height: 1;
    padding: 12px 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    background-color: #f19933;
    background-image: -webkit-linear-gradient(#f19933, #e69129);
    background-image: linear-gradient(#f19933, #e69129);
    border-bottom: 2px solid #d17e12
}

.button.secondary:hover, .nutrition-calculator .secondary.calc-nutrition-details-button:hover, .nutrition-calculator .secondary.calc-clear-button:hover, .nutrition-calculator .calc-print-button:hover {
    text-decoration: none
}

.button.secondary:-moz-focusring, .nutrition-calculator .secondary.calc-nutrition-details-button:-moz-focusring, .nutrition-calculator .secondary.calc-clear-button:-moz-focusring, .nutrition-calculator .calc-print-button:-moz-focusring {
    outline: 5px dotted
}

.button.secondary.large, .nutrition-calculator .secondary.large.calc-nutrition-details-button, .nutrition-calculator .secondary.large.calc-clear-button, .nutrition-calculator .large.calc-print-button {
    font-size: 20px;
    font-size: 2rem;
    padding: 20px 30px
}

.button.secondary:hover:not(.inactive), .nutrition-calculator .secondary.calc-nutrition-details-button:hover:not(.inactive), .nutrition-calculator .secondary.calc-clear-button:hover:not(.inactive), .nutrition-calculator .calc-print-button:hover:not(.inactive) {
    background-color: #f3a54b;
    background: -webkit-linear-gradient(#f3a54b, #e99d40);
    background: linear-gradient(#f3a54b, #e99d40)
}

.button.secondary:active:not(.inactive), .nutrition-calculator .secondary.calc-nutrition-details-button:active:not(.inactive), .nutrition-calculator .secondary.calc-clear-button:active:not(.inactive), .nutrition-calculator .calc-print-button:active:not(.inactive) {
    background-color: #e08b23;
    background-image: -webkit-linear-gradient(#e08b23, #d17e12);
    background-image: linear-gradient(#e08b23, #d17e12);
    border-bottom: none;
    box-shadow: none;
    top: 2px;
    background: -webkit-linear-gradient(#e08b23, #d17e12);
    background: linear-gradient(#e08b23, #d17e12)
}

.button.secondary.inactive, .nutrition-calculator .secondary.inactive.calc-nutrition-details-button, .nutrition-calculator .secondary.inactive.calc-clear-button, .nutrition-calculator .inactive.calc-print-button {
    opacity: .5;
    cursor: default
}

.button.tertiary, .nutrition-calculator .tertiary.calc-nutrition-details-button, .nutrition-calculator .calc-clear-button, .nutrition-calculator .tertiary.calc-print-button {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    font-size: 16px;
    font-size: 1.6rem;
    border: none;
    color: #2d2a26;
    display: inline-block;
    line-height: 1;
    padding: 12px 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    background-color: #d1d0ce;
    background-image: -webkit-linear-gradient(#d1d0ce, #cac9c7);
    background-image: linear-gradient(#d1d0ce, #cac9c7);
    border-bottom: 2px solid #9c9b99;
    color: #57595f
}

.button.tertiary:hover, .nutrition-calculator .tertiary.calc-nutrition-details-button:hover, .nutrition-calculator .calc-clear-button:hover, .nutrition-calculator .tertiary.calc-print-button:hover {
    text-decoration: none
}

.button.tertiary:-moz-focusring, .nutrition-calculator .tertiary.calc-nutrition-details-button:-moz-focusring, .nutrition-calculator .calc-clear-button:-moz-focusring, .nutrition-calculator .tertiary.calc-print-button:-moz-focusring {
    outline: 5px dotted
}

.button.tertiary.large, .nutrition-calculator .tertiary.large.calc-nutrition-details-button, .nutrition-calculator .large.calc-clear-button, .nutrition-calculator .tertiary.large.calc-print-button {
    font-size: 20px;
    font-size: 2rem;
    padding: 20px 30px
}

.button.tertiary:hover:not(.inactive), .nutrition-calculator .tertiary.calc-nutrition-details-button:hover:not(.inactive), .nutrition-calculator .calc-clear-button:hover:not(.inactive), .nutrition-calculator .tertiary.calc-print-button:hover:not(.inactive) {
    background-color: #dddddb;
    background: -webkit-linear-gradient(#dddddb, #d6d6d4);
    background: linear-gradient(#dddddb, #d6d6d4)
}

.button.tertiary:active:not(.inactive), .nutrition-calculator .tertiary.calc-nutrition-details-button:active:not(.inactive), .nutrition-calculator .calc-clear-button:active:not(.inactive), .nutrition-calculator .tertiary.calc-print-button:active:not(.inactive) {
    background-color: #bcbbb9;
    background-image: -webkit-linear-gradient(#bcbbb9, #9c9b99);
    background-image: linear-gradient(#bcbbb9, #9c9b99);
    border-bottom: none;
    box-shadow: none;
    top: 2px;
    background: -webkit-linear-gradient(#cac9c7, #bcbbb9);
    background: linear-gradient(#cac9c7, #bcbbb9)
}

.button.tertiary.inactive, .nutrition-calculator .tertiary.inactive.calc-nutrition-details-button, .nutrition-calculator .inactive.calc-clear-button, .nutrition-calculator .tertiary.inactive.calc-print-button {
    opacity: .5;
    cursor: default
}

.button.mini, .nutrition-calculator .mini.calc-nutrition-details-button, .nutrition-calculator .mini.calc-clear-button, .nutrition-calculator .mini.calc-print-button {
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 100%;
    background-color: #f19933;
    background-image: -webkit-linear-gradient(#f19933, #e69129);
    background-image: linear-gradient(#f19933, #e69129);
    border-bottom: 2px solid #d17e12;
    font-size: 10px;
    font-size: 1rem;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, .1);
    color: #fff;
    display: inline-block;
    font-family: 'Montserrat Panda';
    font-weight: bold;
    height: 50px;
    line-height: 1.1;
    min-width: 50px;
    padding: 14px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 2px 0 #d17e12;
    text-transform: uppercase;
    vertical-align: middle
}

.button.mini:hover:not(.inactive), .nutrition-calculator .mini.calc-nutrition-details-button:hover:not(.inactive), .nutrition-calculator .mini.calc-clear-button:hover:not(.inactive), .nutrition-calculator .mini.calc-print-button:hover:not(.inactive) {
    background-color: #f3a54b;
    background: -webkit-linear-gradient(#f3a54b, #e99d40);
    background: linear-gradient(#f3a54b, #e99d40)
}

.button.mini:active:not(.inactive), .nutrition-calculator .mini.calc-nutrition-details-button:active:not(.inactive), .nutrition-calculator .mini.calc-clear-button:active:not(.inactive), .nutrition-calculator .mini.calc-print-button:active:not(.inactive) {
    background-color: #e08b23;
    background-image: -webkit-linear-gradient(#e08b23, #d17e12);
    background-image: linear-gradient(#e08b23, #d17e12);
    border-bottom: none;
    box-shadow: none;
    top: 2px;
    background: -webkit-linear-gradient(#e08b23, #d17e12);
    background: linear-gradient(#e08b23, #d17e12)
}

.button.mini.inactive, .nutrition-calculator .mini.inactive.calc-nutrition-details-button, .nutrition-calculator .mini.inactive.calc-clear-button, .nutrition-calculator .mini.inactive.calc-print-button {
    opacity: .5;
    cursor: default
}

.button.mini:hover, .nutrition-calculator .mini.calc-nutrition-details-button:hover, .nutrition-calculator .mini.calc-clear-button:hover, .nutrition-calculator .mini.calc-print-button:hover {
    text-decoration: none
}

.button.input-button, .nutrition-calculator .input-button.calc-nutrition-details-button, .nutrition-calculator .input-button.calc-clear-button, .nutrition-calculator .input-button.calc-print-button {
    *zoom: 1;
    clear: both;
    margin: 0 0 0 2%;
    padding: 10px 1px;
    width: 31%
}

.button.input-button:before, .nutrition-calculator .input-button.calc-nutrition-details-button:before, .nutrition-calculator .input-button.calc-clear-button:before, .nutrition-calculator .input-button.calc-print-button:before, .button.input-button:after, .nutrition-calculator .input-button.calc-nutrition-details-button:after, .nutrition-calculator .input-button.calc-clear-button:after, .nutrition-calculator .input-button.calc-print-button:after {
    content: '';
    display: table;
    width: 100%
}

.button.input-button:after, .nutrition-calculator .input-button.calc-nutrition-details-button:after, .nutrition-calculator .input-button.calc-clear-button:after, .nutrition-calculator .input-button.calc-print-button:after {
    clear: both
}

.button.cta, .nutrition-calculator .cta.calc-nutrition-details-button, .nutrition-calculator .cta.calc-clear-button, .nutrition-calculator .cta.calc-print-button {
    margin: 30px auto 0 !important
}

[class^="button"] + [class^="button"] {
    margin-left: 10px
}

.follow-box {
    *zoom: 1;
    clear: both;
    background: #fff;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .1);
    line-height: 1.5;
    margin: 40px 30px 0 0;
    padding: 20px;
    text-align: center
}

.follow-box:before, .follow-box:after {
    content: '';
    display: table;
    width: 100%
}

.follow-box:after {
    clear: both
}

.follow-box[data-state="relative"] {
    position: relative;
    top: 1px;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear
}

.follow-box[data-state="fixed"] {
    position: fixed;
    top: 120px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.follow-box .button, .follow-box .nutrition-calculator .calc-nutrition-details-button, .nutrition-calculator .follow-box .calc-nutrition-details-button, .follow-box .nutrition-calculator .calc-clear-button, .nutrition-calculator .follow-box .calc-clear-button, .follow-box .nutrition-calculator .calc-print-button, .nutrition-calculator .follow-box .calc-print-button {
    margin-top: 10px
}

@-webkit-keyframes _loader {
    0% {
        left: 10%
    }
    50% {
        left: 90%
    }
    100% {
        left: 10%
    }
}

@keyframes _loader {
    0% {
        left: 10%
    }
    50% {
        left: 90%
    }
    100% {
        left: 10%
    }
}

.loading {
    margin: 0 auto 50px;
    position: relative;
    text-align: center;
    display: block
}

.loading:before {
    content: '';
    height: 10px;
    width: 10px;
    background: #d02c30;
    border-radius: 50%;
    position: absolute;
    bottom: -10px;
    left: 10%;
    -webkit-animation: _loader 1s infinite linear;
    animation: _loader 1s infinite linear
}

@-webkit-keyframes _overlay-in {
    0% {
        opacity: .1
    }
    100% {
        opacity: 1
    }
}

@keyframes _overlay-in {
    0% {
        opacity: .1
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes _modal-in {
    0% {
        display: fixed;
        top: -100%
    }
    100% {
        display: fixed;
        top: 50%
    }
}

@keyframes _modal-in {
    0% {
        display: fixed;
        top: -100%
    }
    100% {
        display: fixed;
        top: 50%
    }
}

[data-modal-overlay][data-state="hidden"], .video-modal[data-state="hidden"] {
    display: block;
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    display: none !important;
    visibility: hidden;
    padding: 0 !important;
    margin: 0 !important
}

[data-modal-overlay][data-state="visible"], .video-modal[data-state="visible"] {
    background: rgba(84, 86, 91, .8);
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 300;
    -webkit-animation: _overlay-in 800ms ease;
    animation: _overlay-in 800ms ease;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    text-align: center
}

[data-modal] {
    position: fixed;
    text-align: center
}

[data-modal][data-state="hidden"] {
    display: block;
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    display: none !important;
    visibility: hidden;
    padding: 0 !important;
    margin: 0 !important
}

[data-modal][data-state="visible"] {
    -webkit-animation: _modal-in 300ms ease;
    animation: _modal-in 300ms ease;
    left: 50%;
    margin: auto;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 310
}

.px-modal {
    background: #fff;
    padding: 32px;
    max-height: 100%;
    max-width: 530px;
    overflow: auto;
    text-align: center;
    width: 100%
}

.px-modal .close-button {
    position: absolute;
    top: 16px;
    right: 16px;
    height: 14px;
    width: 14px;
    color: #d1d0ce;
    border: none;
    background: none
}

.px-modal .close-button:after {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    height: 14px;
    position: absolute;
    top: 0;
    right: 0;
    content: ''
}

.px-modal .button-group {
    text-align: center
}

.px-modal .button-group .button, .px-modal .button-group .nutrition-calculator .calc-nutrition-details-button, .nutrition-calculator .px-modal .button-group .calc-nutrition-details-button, .px-modal .button-group .nutrition-calculator .calc-clear-button, .nutrition-calculator .px-modal .button-group .calc-clear-button, .px-modal .button-group .nutrition-calculator .calc-print-button, .nutrition-calculator .px-modal .button-group .calc-print-button {
    display: inline-block;
    float: none
}

.video-modal .video-wrapper {
    display: block;
    height: 100%;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    width: 75%;
    z-index: 99
}

.video-modal .video-wrapper .video-container {
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.video-modal .video-wrapper .video-container:after {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    font-size: 2.4rem;
    color: #f19933;
    content: '';
    cursor: pointer;
    height: 14px;
    line-height: 1;
    position: absolute;
    right: 0;
    top: -36px
}

.video-modal .video-wrapper .video-container iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.page-description {
    padding-left: 40px;
    *zoom: 1;
    clear: both
}

.page-description:before, .page-description:after {
    content: '';
    display: table;
    width: 100%
}

.page-description:after {
    clear: both
}

.sticky-title {
    display: block
}

.sticky-placeholder {
    display: none
}

.tip-box {
    background: #fff;
    border-bottom: 2px solid rgba(0, 0, 0, .1);
    display: block;
    padding: 32px 40px;
    position: relative
}

.tip-box:before {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 70px;
    font-size: 7rem;
    color: #dadad2;
    content: '';
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

.tip-box .title {
    font-family: "Montserrat", "Sans Serif";
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.1667;
    letter-spacing: -.025em;
    color: #787a7c;
    text-transform: uppercase;
    display: block;
    position: relative;
    z-index: 2
}

.tip-box .tip {
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: normal;
    line-height: 1.38;
    letter-spacing: -.025em;
    color: #54565b;
    text-transform: none;
    position: relative;
    z-index: 2
}

.tip-box .tip + .link {
    padding-left: 12px
}

[data-has-tooltip]:hover .tooltip, [data-has-tooltip]:focus .tooltip {
    height: auto;
    opacity: 1;
    overflow: visible;
    padding: 8px 20px;
    top: -40px;
    -webkit-transition: top 100ms ease-out, opacity 200ms ease;
    transition: top 100ms ease-out, opacity 200ms ease;
    visibility: visible;
    width: auto
}

.tooltip {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: regular;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    text-transform: none;
    background: rgba(23, 23, 23, .8);
    display: block;
    height: 1px;
    left: 50%;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    width: 1px
}

.tooltip:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(23, 23, 23, .8);
    bottom: -6px;
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0
}

blockquote {
    padding: 32px 0 32px 40px;
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: normal;
    line-height: 1.38;
    letter-spacing: -.025em;
    color: #54565b;
    text-transform: none;
    margin: 0;
    position: relative;
    z-index: 1
}

blockquote:before {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 70px;
    font-size: 7rem;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    color: #dadad2;
    z-index: -1
}

.skip-navigation-button {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    font-size: 16px;
    font-size: 1.6rem;
    border: none;
    color: #2d2a26;
    display: inline-block;
    line-height: 1;
    padding: 12px 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    background-color: #f19933;
    background-image: -webkit-linear-gradient(#f19933, #e69129);
    background-image: linear-gradient(#f19933, #e69129);
    border-bottom: 2px solid #d17e12;
    padding: 0;
    text-align: center;
    text-decoration: none;
    line-height: 50px;
    border: none;
    position: fixed;
    top: -200px;
    height: 50px;
    width: 300px;
    z-index: 300
}

.skip-navigation-button:hover {
    text-decoration: none
}

.skip-navigation-button:-moz-focusring {
    outline: 5px dotted
}

.skip-navigation-button.large {
    font-size: 20px;
    font-size: 2rem;
    padding: 20px 30px
}

.skip-navigation-button:hover:not(.inactive) {
    background-color: #f3a54b;
    background: -webkit-linear-gradient(#f3a54b, #e99d40);
    background: linear-gradient(#f3a54b, #e99d40)
}

.skip-navigation-button:active:not(.inactive) {
    background-color: #e08b23;
    background-image: -webkit-linear-gradient(#e08b23, #d17e12);
    background-image: linear-gradient(#e08b23, #d17e12);
    border-bottom: none;
    box-shadow: none;
    top: 2px;
    background: -webkit-linear-gradient(#e08b23, #d17e12);
    background: linear-gradient(#e08b23, #d17e12)
}

.skip-navigation-button.inactive {
    opacity: .5;
    cursor: default
}

.skip-navigation-button:focus {
    top: 20px;
    -webkit-transition: top 300ms ease;
    transition: top 300ms ease
}

.additional-panel-feature {
    -webkit-backface-visibility: hidden;
    background-position: center center;
    background-size: cover
}

.additional-panel-feature.home .container {
    padding: 90px 60px
}

.additional-panel-feature .container {
    padding: 50px 60px;
    position: relative;
    text-align: center;
    z-index: 200
}

.additional-panel-feature .container .title {
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: normal;
    line-height: 1.38;
    letter-spacing: -.025em;
    color: #54565b;
    text-transform: none;
    margin-bottom: 40px;
    text-align: center
}

.additional-panel-feature .container .title [class^="px"] {
    font-size: 80px;
    font-size: 8rem;
    color: #d02c30;
    display: block;
    margin-bottom: 16px
}

.additional-panel-feature .container .subtitle {
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: normal;
    line-height: 1.38;
    letter-spacing: -.025em;
    color: #54565b;
    text-transform: none;
    margin-bottom: 16px
}

.additional-panel-feature .container .subtitle ~ .subtitle {
    margin-top: 40px
}

.additional-panel-feature .container .text {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    line-height: 1.875;
    orphans: 3;
    text-align: center
}

.additional-panel-feature .container [class^="button"] {
    margin-top: 40px
}

.additional-panel-feature .container [class^="button"] + .link {
    display: block;
    padding-top: 10px
}

.additional-panel-feature .container .social-links {
    padding: 24px 0 0
}

.additional-panel-feature .container .social-links .link {
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    background: #d02c30;
    color: #fff;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding-left: 40px;
    position: relative;
    text-decoration: none;
    width: 40px
}

.additional-panel-feature .container .social-links .link:after {
    font-size: 20px;
    font-size: 2rem;
    bottom: 0;
    color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.additional-panel-feature .container .social-links .link + .link {
    margin-left: 6px
}

.additional-panel-feature .container .social-links .link:hover.px-twitter, .additional-panel-feature .container .social-links .link:focus.px-twitter {
    background: #55acee
}

.additional-panel-feature .container .social-links .link:hover.px-youtube, .additional-panel-feature .container .social-links .link:focus.px-youtube {
    background: #cd201f
}

.additional-panel-feature .container .social-links .link:hover.px-instagram, .additional-panel-feature .container .social-links .link:focus.px-instagram {
    background: #3f729b
}

.additional-panel-feature .container .social-links .link:hover.px-facebook, .additional-panel-feature .container .social-links .link:focus.px-facebook {
    background: #3b5998
}

.image-button-tile, .sub-feature-tile {
    display: block;
    background-position: center center;
    background-size: cover;
    position: relative;
    overflow: hidden
}

.image-button-tile.red:after, .red.sub-feature-tile:after {
    background: #d02c30
}

.image-button-tile.black:after, .black.sub-feature-tile:after {
    background: #2d2a26
}

.image-button-tile.jade:after, .jade.sub-feature-tile:after {
    background: #789d90
}

.image-button-tile.green:after, .green.sub-feature-tile:after {
    background: #87a64e
}

.image-button-tile.yellow:after, .yellow.sub-feature-tile:after {
    background: #fbdc7a
}

.image-button-tile.orange:after, .orange.sub-feature-tile:after {
    background: #f19933
}

.image-button-tile.aqua:after, .aqua.sub-feature-tile:after {
    background: #4c868f
}

.image-button-tile:after, .sub-feature-tile:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
    content: '';
    z-index: 1;
    opacity: .15
}

.image-button-tile.black-overlay:after, .black-overlay.sub-feature-tile:after {
    background: #000
}

.image-button-tile:before, .sub-feature-tile:before {
    content: '';
    display: block;
    padding-top: 100%
}

.image-button-tile.wide:before, .wide.sub-feature-tile:before {
    padding-top: 30%
}

.image-button-tile .tile-wrapper, .sub-feature-tile .tile-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: block;
    z-index: 2
}

.image-button-tile .tile-container, .sub-feature-tile .tile-container {
    display: block;
    padding: 0 1em;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: normal;
    width: 100%
}

.image-button-tile .title, .sub-feature-tile .title {
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: bold;
    line-height: 1.1;
    letter-spacing: 0;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .1);
    font-size: 1.75vw;
    text-align: center;
    vertical-align: middle;
    position: relative;
    display: block;
    width: 100%;
    color: #fff
}

.image-button-tile .text, .sub-feature-tile .text {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.7;
    letter-spacing: normal;
    color: #fff;
    text-transform: none;
    display: block;
    font-size: 1vw;
    height: 1px;
    position: relative;
    text-align: center;
    top: 500px;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: top 700ms ease, -webkit-transform 1s ease, overflow 1s ease, max-height 5s ease;
    transition: top 700ms ease, transform 1s ease, overflow 1s ease, max-height 5s ease;
    width: 100%
}

.image-button-tile .text:before, .sub-feature-tile .text:before {
    margin: 0 auto;
    top: -50px;
    position: relative;
    -webkit-transition: top 1s ease;
    transition: top 1s ease;
    display: block;
    content: '';
    background: #fff;
    width: 25%;
    height: 1px
}

.image-button-tile:hover.red:after, .sub-feature-tile:hover.red:after, .image-button-tile:focus.red:after, .sub-feature-tile:focus.red:after, body.mobile .image-button-tile.red:after, body.mobile .red.sub-feature-tile:after, body.tablet .image-button-tile.red:after, body.tablet .red.sub-feature-tile:after {
    background: #d02c30
}

.image-button-tile:hover.black:after, .sub-feature-tile:hover.black:after, .image-button-tile:focus.black:after, .sub-feature-tile:focus.black:after, body.mobile .image-button-tile.black:after, body.mobile .black.sub-feature-tile:after, body.tablet .image-button-tile.black:after, body.tablet .black.sub-feature-tile:after {
    background: #2d2a26
}

.image-button-tile:hover.jade:after, .sub-feature-tile:hover.jade:after, .image-button-tile:focus.jade:after, .sub-feature-tile:focus.jade:after, body.mobile .image-button-tile.jade:after, body.mobile .jade.sub-feature-tile:after, body.tablet .image-button-tile.jade:after, body.tablet .jade.sub-feature-tile:after {
    background: #789d90
}

.image-button-tile:hover.green:after, .sub-feature-tile:hover.green:after, .image-button-tile:focus.green:after, .sub-feature-tile:focus.green:after, body.mobile .image-button-tile.green:after, body.mobile .green.sub-feature-tile:after, body.tablet .image-button-tile.green:after, body.tablet .green.sub-feature-tile:after {
    background: #87a64e
}

.image-button-tile:hover.yellow:after, .sub-feature-tile:hover.yellow:after, .image-button-tile:focus.yellow:after, .sub-feature-tile:focus.yellow:after, body.mobile .image-button-tile.yellow:after, body.mobile .yellow.sub-feature-tile:after, body.tablet .image-button-tile.yellow:after, body.tablet .yellow.sub-feature-tile:after {
    background: #fbdc7a
}

.image-button-tile:hover.orange:after, .sub-feature-tile:hover.orange:after, .image-button-tile:focus.orange:after, .sub-feature-tile:focus.orange:after, body.mobile .image-button-tile.orange:after, body.mobile .orange.sub-feature-tile:after, body.tablet .image-button-tile.orange:after, body.tablet .orange.sub-feature-tile:after {
    background: #f19933
}

.image-button-tile:hover.aqua:after, .sub-feature-tile:hover.aqua:after, .image-button-tile:focus.aqua:after, .sub-feature-tile:focus.aqua:after, body.mobile .image-button-tile.aqua:after, body.mobile .aqua.sub-feature-tile:after, body.tablet .image-button-tile.aqua:after, body.tablet .aqua.sub-feature-tile:after {
    background: #4c868f
}

.image-button-tile:hover .title, .sub-feature-tile:hover .title, .image-button-tile:focus .title, .sub-feature-tile:focus .title, body.mobile .image-button-tile .title, body.mobile .sub-feature-tile .title, body.tablet .image-button-tile .title, body.tablet .sub-feature-tile .title {
    position: relative;
    -webkit-animation: image-tile-title 300ms ease;
    animation: image-tile-title 300ms ease
}

.image-button-tile:hover .text, .sub-feature-tile:hover .text, .image-button-tile:focus .text, .sub-feature-tile:focus .text, body.mobile .image-button-tile .text, body.mobile .sub-feature-tile .text, body.tablet .image-button-tile .text, body.tablet .sub-feature-tile .text {
    -webkit-transition: top 300ms ease, -webkit-transform 300ms ease;
    transition: top 300ms ease, transform 300ms ease;
    top: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    overflow: visible;
    height: auto
}

.image-button-tile:hover .text:before, .sub-feature-tile:hover .text:before, .image-button-tile:focus .text:before, .sub-feature-tile:focus .text:before, body.mobile .image-button-tile .text:before, body.mobile .sub-feature-tile .text:before, body.tablet .image-button-tile .text:before, body.tablet .sub-feature-tile .text:before {
    margin: 15px auto 25px;
    top: 0;
    -webkit-transition: top 200ms ease;
    transition: top 200ms ease
}

.image-button-tile:hover .text:empty:before, .sub-feature-tile:hover .text:empty:before, .image-button-tile:focus .text:empty:before, .sub-feature-tile:focus .text:empty:before, body.mobile .image-button-tile .text:empty:before, body.mobile .sub-feature-tile .text:empty:before, body.tablet .image-button-tile .text:empty:before, body.tablet .sub-feature-tile .text:empty:before {
    margin: 0;
    top: 250px !important
}

.image-button-tile:hover:after, .sub-feature-tile:hover:after, .image-button-tile:focus:after, .sub-feature-tile:focus:after, body.mobile .image-button-tile:after, body.mobile .sub-feature-tile:after, body.tablet .image-button-tile:after, body.tablet .sub-feature-tile:after {
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
    opacity: .4
}

@-webkit-keyframes _fade-carousel-slide {
    0%, 100% {
        display: table;
        z-index: 4
    }
    0% {
        opacity: 1
    }
    25% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes _fade-carousel-slide {
    0%, 100% {
        display: table;
        z-index: 4
    }
    0% {
        opacity: 1
    }
    25% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes _fade-carousel-container-out {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes _fade-carousel-container-out {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes _fade-carousel-container-in {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes _fade-carousel-container-in {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.main-feature-banner {
    -webkit-backface-visibility: hidden;
    background-position: center center;
    background-color: #f8f7ee;
    background-size: cover;
    display: table;
    overflow: hidden;
    padding: 110px 0;
    position: relative;
    width: 100%;
    z-index: 1
}

.main-feature-banner.home {
    min-height: 475px
}

.main-feature-banner.row {
    padding: 110px 0
}

.main-feature-banner[data-ui-transition="in"] {
    z-index: 3
}

.main-feature-banner[data-ui-transition="in"] .container {
    -webkit-animation: _fade-carousel-container-in 2s ease;
    animation: _fade-carousel-container-in 2s ease;
    opacity: 1
}

.main-feature-banner[data-ui-transition="out"] {
    -webkit-animation: _fade-carousel-slide 1.5s ease;
    animation: _fade-carousel-slide 1.5s ease;
    z-index: 2
}

.main-feature-banner[data-ui-transition="out"] .container {
    -webkit-animation: _fade-carousel-container-out 1s ease;
    animation: _fade-carousel-container-out 1s ease;
    opacity: 0
}

.main-feature-banner:empty {
    height: 385px
}

.main-feature-banner:empty:before {
    background: none
}

.main-feature-banner:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    content: '';
    z-index: 2;
    background: rgba(61, 57, 53, .2)
}

.main-feature-banner .container {
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
    z-index: 3
}

.main-feature-banner .title, .main-feature-banner .subtitle {
    text-shadow: 0 2px 0 rgba(0, 0, 0, .1);
    line-height: 1;
    color: #fff;
    margin-bottom: 0
}

.main-feature-banner .title + .text, .main-feature-banner .subtitle + .text {
    padding-top: 16px
}

.main-feature-banner .title {
    font-size: 64px;
    font-size: 6.4rem;
    font-size: 4.5vw
}

.main-feature-banner .subtitle {
    font-size: 52px;
    font-size: 5.2rem;
    font-size: 3.5vw
}

.main-feature-banner .text {
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: 35px;
    font-size: 3.5rem;
    font-weight: normal;
    line-height: 1;
    letter-spacing: -.04em;
    color: #6e6259;
    text-transform: none
}

.main-feature-banner.lto {
    padding: 130px 0
}

.main-feature-banner.lto .title {
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: 50px;
    font-size: 5rem;
    font-weight: bold;
    line-height: .875;
    letter-spacing: -.025em;
    color: #d02c30;
    text-transform: uppercase;
    font-size: 64px;
    font-size: 6.4rem;
    font-size: 5vw
}

.main-feature-banner.lto .title, .main-feature-banner.lto .subtitle {
    text-shadow: none
}

.main-feature-banner [class^="button"] {
    margin-top: 30px
}

.social-tile {
    -webkit-backface-visibility: hidden;
    background-color: #54565b;
    background-position: center center;
    background-size: cover;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: left;
    text-decoration: none;
    z-index: 1
}

.social-tile:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    content: '';
    opacity: 0;
    visibility: hidden;
    z-index: 2
}

.social-tile:before {
    content: '';
    display: block;
    padding-top: 62.5%
}

.social-tile .tile-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: block
}

.social-tile .tile-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: table;
    padding: 24px
}

.social-tile .post {
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    display: block;
    font-family: "Montserrat";
    font-weight: normal;
    letter-spacing: -.025em;
    line-height: 1.4;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    top: 75%;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    width: calc(100% - 48px);
    z-index: 3
}

.social-tile .meta {
    font-size: 10px;
    font-size: 1rem;
    height: 50px;
    bottom: 20px;
    color: #fff;
    font-family: "Montserrat";
    font-weight: normal;
    left: 20px;
    letter-spacing: .05em;
    line-height: 50px;
    padding: 3px 0 0 200%;
    overflow: hidden;
    position: absolute;
    text-transform: uppercase;
    width: 1000%;
    z-index: 3
}

.social-tile .meta:before {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 50px;
    display: block;
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px
}

.social-tile.instagram:after {
    background: #3f729b;
    background: -webkit-linear-gradient(rgba(63, 114, 155, .48), rgba(63, 114, 155, .77));
    background: linear-gradient(rgba(63, 114, 155, .48), rgba(63, 114, 155, .77))
}

.social-tile.twitter:after {
    background: #55acee;
    background: -webkit-linear-gradient(rgba(85, 172, 238, .48), rgba(85, 172, 238, .77));
    background: linear-gradient(rgba(85, 172, 238, .48), rgba(85, 172, 238, .77))
}

.social-tile.facebook:after {
    background: #3b5998;
    background: -webkit-linear-gradient(rgba(59, 89, 152, .48), rgba(59, 89, 152, .77));
    background: linear-gradient(rgba(59, 89, 152, .48), rgba(59, 89, 152, .77))
}

.social-tile:hover .post, .social-tile:focus .post, body.touch .social-tile .post {
    top: 20px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.social-tile:hover .meta, .social-tile:focus .meta, body.touch .social-tile .meta {
    padding-left: 60px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    width: 100%
}

.social-tile:hover:after, .social-tile:focus:after, body.touch .social-tile:after {
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
    opacity: 1;
    visibility: visible
}

body.ie9 .social-tile:hover:after, body.ie9 .social-tile:focus:after, body.ie9 body.touch .social-tile:after {
    opacity: .4
}

.sub-features-tiles-container {
    *zoom: 1;
    clear: both;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.sub-features-tiles-container:before, .sub-features-tiles-container:after {
    content: '';
    display: table;
    width: 100%
}

.sub-features-tiles-container:after {
    clear: both
}

.sub-feature-tile {
    background-color: white
}

.sub-feature-tile:before {
    padding-top: 80%
}

.sub-feature-tile .title {
    font-size: 1.875vw
}

body.not-ie8 .sub-feature-tile.round {
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 100%;
    width: 19.2%;
    margin-left: 2.9%;
    margin-right: 2.9%
}

body.not-ie8 .sub-feature-tile.round:before {
    padding-top: 100%
}

body.not-ie8 .sub-feature-tile.round:after {
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 100%
}

.video-block {
    position: relative;
    background-size: cover;
    background-position: center center;
    display: table;
    text-align: center
}

.video-block.red:after {
    background: #d02c30
}

.video-block.black:after {
    background: #2d2a26
}

.video-block.jade:after {
    background: #789d90
}

.video-block.green:after {
    background: #87a64e
}

.video-block.yellow:after {
    background: #fbdc7a
}

.video-block.orange:after {
    background: #f19933
}

.video-block.aqua:after {
    background: #4c868f
}

.video-block:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
    content: '';
    z-index: 1;
    opacity: .15;
    background: #000
}

.video-block:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    content: '';
    z-index: 2;
    background: url("../../../s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/video-tile.png")
}

.video-block:hover, .video-block:focus, body.touch .video-block {
    cursor: pointer
}

.video-block:hover.red:after, .video-block:focus.red:after, body.touch .video-block.red:after {
    background: #d02c30
}

.video-block:hover.black:after, .video-block:focus.black:after, body.touch .video-block.black:after {
    background: #2d2a26
}

.video-block:hover.jade:after, .video-block:focus.jade:after, body.touch .video-block.jade:after {
    background: #789d90
}

.video-block:hover.green:after, .video-block:focus.green:after, body.touch .video-block.green:after {
    background: #87a64e
}

.video-block:hover.yellow:after, .video-block:focus.yellow:after, body.touch .video-block.yellow:after {
    background: #fbdc7a
}

.video-block:hover.orange:after, .video-block:focus.orange:after, body.touch .video-block.orange:after {
    background: #f19933
}

.video-block:hover.aqua:after, .video-block:focus.aqua:after, body.touch .video-block.aqua:after {
    background: #4c868f
}

.video-block:hover:after, .video-block:focus:after, body.touch .video-block:after {
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
    opacity: .4
}

.video-block .container {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 3
}

.video-block .container .play-icon:after {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .1);
    font-size: 90px;
    font-size: 9rem;
    content: '';
    color: #fff;
    display: block;
    text-align: center
}

.video-block .container .text {
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: .05em;
    color: #fff;
    text-transform: none;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .1)
}

.image-block img {
    width: 100%;
    height: auto
}

.image-block .caption {
    display: block;
    text-align: center
}

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

.content-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.carousel {
    position: relative;
    height: 475px
}

.carousel.home {
    min-height: 475px
}

.carousel .main-feature-banner {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.menu-block {
    position: relative;
    background: #fff;
    z-index: 1;
    -webkit-transition: -webkit-transform 500ms ease, box-shadow 300ms ease, z-index 500ms ease;
    transition: transform 500ms ease, box-shadow 300ms ease, z-index 500ms ease
}

.menu-block .tile {
    display: block;;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 4
}

.menu-block .tile:before {
    content: '';
    display: block;
    padding-top: 100%
}

.menu-block .tile .tile-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: block;
    cursor: pointer;
    border: 1px solid #e7e7e7;
}

.menu-block .tile .title {
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: small;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0;
    color: #333;
    text-transform: none;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .1);
    bottom: 3px;
    display: block;
    font-size: 1vw;
    position: absolute;
    text-align: center;
    width: 100%
}

.menu-block .tile .menu-tags {
    position: absolute;
    top: 20px;
    left: 20px
}

.menu-block .details {
    background: #fff
}

.menu-block .details .nutrition {
    display: block;
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    *zoom: 1;
    clear: both;
    border-bottom: 1px solid rgba(84, 86, 91, .5);
    display: block;
    font-size: 0;
    margin: 0 0 20px;
    padding: 10px 0
}

.menu-block .details .nutrition:before, .menu-block .details .nutrition:after {
    content: '';
    display: table;
    width: 100%
}

.menu-block .details .nutrition:after {
    clear: both
}

.menu-block .details .nutrition span {
    font-family: "Montserrat", "Sans Serif";
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.25;
    letter-spacing: -.025em;
    color: #312e2a;
    text-transform: none;
    display: inline-block;
    padding: 5px 0;
    text-align: center;
    width: 25%
}

.menu-block .details .nutrition span:before {
    font-family: "Montserrat", "Sans Serif";
    font-size: 9px;
    font-size: .9rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0;
    color: #312e2a;
    text-transform: uppercase;
    content: attr(data-label);
    display: block;
    text-align: center
}

.menu-block .details .nutrition span + span {
    box-shadow: -1px 0 0 rgba(84, 86, 91, .5)
}

.menu-block .details .sides-button-group-title {
    font-size: 14px;
    font-size: 1.4rem;
    *zoom: 1;
    clear: both;
    padding: 10px 0 0;
    display: block;
    text-align: center
}

.menu-block .details .sides-button-group-title:before, .menu-block .details .sides-button-group-title:after {
    content: '';
    display: table;
    width: 100%
}

.menu-block .details .sides-button-group-title:after {
    clear: both
}

.menu-block .details .button, .menu-block .details .nutrition-calculator .calc-nutrition-details-button, .nutrition-calculator .menu-block .details .calc-nutrition-details-button, .menu-block .details .nutrition-calculator .calc-clear-button, .nutrition-calculator .menu-block .details .calc-clear-button, .menu-block .details .nutrition-calculator .calc-print-button, .nutrition-calculator .menu-block .details .calc-print-button {
    display: block;
    text-align: center;
    width: 100%;
    margin: 10px 0 0
}

.menu-block .details .button.calc:before, .menu-block .details .nutrition-calculator .calc.calc-nutrition-details-button:before, .nutrition-calculator .menu-block .details .calc.calc-nutrition-details-button:before, .menu-block .details .nutrition-calculator .calc.calc-clear-button:before, .nutrition-calculator .menu-block .details .calc.calc-clear-button:before, .menu-block .details .nutrition-calculator .calc.calc-print-button:before, .nutrition-calculator .menu-block .details .calc.calc-print-button:before, .menu-block .details .button.calc-half:before, .menu-block .details .nutrition-calculator .calc-half.calc-nutrition-details-button:before, .nutrition-calculator .menu-block .details .calc-half.calc-nutrition-details-button:before, .menu-block .details .nutrition-calculator .calc-half.calc-clear-button:before, .nutrition-calculator .menu-block .details .calc-half.calc-clear-button:before, .menu-block .details .nutrition-calculator .calc-half.calc-print-button:before, .nutrition-calculator .menu-block .details .calc-half.calc-print-button:before, .menu-block .details .button.calc-full:before, .menu-block .details .nutrition-calculator .calc-full.calc-nutrition-details-button:before, .nutrition-calculator .menu-block .details .calc-full.calc-nutrition-details-button:before, .menu-block .details .nutrition-calculator .calc-full.calc-clear-button:before, .nutrition-calculator .menu-block .details .calc-full.calc-clear-button:before, .menu-block .details .nutrition-calculator .calc-full.calc-print-button:before, .nutrition-calculator .menu-block .details .calc-full.calc-print-button:before {
    content: attr(data-label)
}

.menu-block .details .button.calc-half, .menu-block .details .nutrition-calculator .calc-half.calc-nutrition-details-button, .nutrition-calculator .menu-block .details .calc-half.calc-nutrition-details-button, .menu-block .details .nutrition-calculator .calc-half.calc-clear-button, .nutrition-calculator .menu-block .details .calc-half.calc-clear-button, .menu-block .details .nutrition-calculator .calc-half.calc-print-button, .nutrition-calculator .menu-block .details .calc-half.calc-print-button, .menu-block .details .button.calc-full, .menu-block .details .nutrition-calculator .calc-full.calc-nutrition-details-button, .nutrition-calculator .menu-block .details .calc-full.calc-nutrition-details-button, .menu-block .details .nutrition-calculator .calc-full.calc-clear-button, .nutrition-calculator .menu-block .details .calc-full.calc-clear-button, .menu-block .details .nutrition-calculator .calc-full.calc-print-button, .nutrition-calculator .menu-block .details .calc-full.calc-print-button {
    display: block;
    width: 48%;
    margin: 0
}

.menu-block .details .button.calc-half, .menu-block .details .nutrition-calculator .calc-half.calc-nutrition-details-button, .nutrition-calculator .menu-block .details .calc-half.calc-nutrition-details-button, .menu-block .details .nutrition-calculator .calc-half.calc-clear-button, .nutrition-calculator .menu-block .details .calc-half.calc-clear-button, .menu-block .details .nutrition-calculator .calc-half.calc-print-button, .nutrition-calculator .menu-block .details .calc-half.calc-print-button {
    float: left
}

.menu-block .details .button.calc-full, .menu-block .details .nutrition-calculator .calc-full.calc-nutrition-details-button, .nutrition-calculator .menu-block .details .calc-full.calc-nutrition-details-button, .menu-block .details .nutrition-calculator .calc-full.calc-clear-button, .nutrition-calculator .menu-block .details .calc-full.calc-clear-button, .menu-block .details .nutrition-calculator .calc-full.calc-print-button, .nutrition-calculator .menu-block .details .calc-full.calc-print-button {
    float: right
}

.menu-item-button-group {
    padding: 18px 0 60px
}

.menu-item-button-group .social-buttons {
    display: inline-block;
    padding-left: 40px
}

.menu-item-button-group .twitter-share-button, .menu-item-button-group .fb-share-button {
    display: inline-block;
    vertical-align: text-bottom
}

.menu-item-button-group .twitter-share-button {
    padding-left: 20px
}

.menu-item-title {
    padding-right: 20px
}

.menu-item-title + .menu-tags {
    padding: 10px 0 18px;
    display: inline-block;
    vertical-align: top
}

.menu-landing-link {
    display: block;
    padding: 20px 50px 0;
    text-decoration: none;
    -webkit-transition: padding 700ms ease;
    transition: padding 700ms ease
}

.menu-landing-link img {
    max-width: 100%;
    height: auto
}

.menu-landing-link .text {
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.143;
    letter-spacing: .05em;
    color: #0c1a22;
    text-transform: uppercase;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 5px 0 0;
    margin: 0 -20px 0
}

.not-touch .menu-landing-link:hover, .not-touch .menu-landing-link:focus {
    -webkit-transition: padding 300ms ease;
    transition: padding 300ms ease;
    padding: 0 50px 20px
}

.nutrition-facts {
    *zoom: 1;
    clear: both;
    border-top: 4px solid #dadad2
}

.nutrition-facts:before, .nutrition-facts:after {
    content: '';
    display: table;
    width: 100%
}

.nutrition-facts:after {
    clear: both
}

.nutrition-facts header {
    padding: 32px 0 16px
}

.nutrition-facts header .title {
    font-family: "Montserrat", "Sans Serif";
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -.025em;
    color: #2d2a26;
    text-transform: none;
    margin: 0
}

.nutrition-facts header .serving-size {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: regular;
    line-height: 1;
    letter-spacing: -.025em;
    color: #2d2a26;
    text-transform: none;
    padding: 5px 0 0
}

.nutrition-facts .nutrition-col {
    display: block;
    border-top: 4px solid #dadad2
}

.nutrition-facts .nutrition-col .fact {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: regular;
    line-height: 1;
    letter-spacing: -.025em;
    color: #2d2a26;
    text-transform: none;
    height: 50px;
    display: block;
    line-height: 50px
}

.nutrition-facts .nutrition-col .fact + .fact {
    border-top: 1px solid #dadad2
}

.nutrition-facts .nutrition-col .fact .amount {
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 50px;
    letter-spacing: -.025em;
    color: #2d2a26;
    text-transform: none;
    float: right
}

.menu-tags [class*="tag"] {
    display: inline-block;
    height: 32px;
    position: relative;
    width: 32px;
    vertical-align: top
}

.menu-tags [class*="tag"] + [class*="tag"] {
    margin-left: 2px
}

.menu-tags .wok-tag:before, .menu-tags .wok-tag:after {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.menu-tags .wok-tag:before {
    content: '';
    position: absolute;
    z-index: 1;
    font-size: 34px;
    top: 0;
    left: 0;
    color: #76881e;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .1)
}

.menu-tags .wok-tag:after {
    font-size: 32px;
    content: '';
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 34px;
    text-align: center;
    line-height: 32px
}

.menu-tags .hot-tag {
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    background-color: #d02c30;
    background-image: -webkit-linear-gradient(#d02c30, #c01725);
    background-image: linear-gradient(#d02c30, #c01725);
    box-shadow: 0 2px 0 rgba(0, 0, 0, .1);
    text-align: center
}

.menu-tags .hot-tag:before {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 28px;
    content: '';
    color: #fff;
    line-height: 32px
}

.menu-tags .new-tag {
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    background-color: #ffb819;
    background-image: -webkit-linear-gradient(#ffb819, #f7ab00);
    background-image: linear-gradient(#ffb819, #f7ab00);
    box-shadow: 0 2px 0 rgba(0, 0, 0, .1);
    text-align: center
}

.menu-tags .new-tag:before {
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -.025em;
    color: #fff;
    text-transform: uppercase;
    content: 'new';
    color: #fff;
    line-height: 32px;
    text-shadow: 0 2px 0 #e08b23
}

@-webkit-keyframes _location-panel {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes _location-panel {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes _location-map-container {
    0% {
        left: 370px
    }
    100% {
        left: 10px
    }
}

@keyframes _location-map-container {
    0% {
        left: 370px
    }
    100% {
        left: 10px
    }
}

.location-wrapper {
    height: 100%;
    width: 100%;
    display: block
}

.location-panel {
    background: #f8f7ee;
    display: block;
    min-height: 100%;
    position: relative;
    z-index: 10;
    padding: 40px 0 10px
}

.location-panel[data-state="closed"] {
    -webkit-animation: _location-panel 150ms linear;
    animation: _location-panel 150ms linear;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.location-panel[data-state="closed"] + .location-map-container {
    left: 10px
}

.location-panel[data-state="closed"] .toggle-panel:before {
    content: '' !important
}

.location-panel[data-state="closed"] .toggle-panel:after {
    content: attr(data-closed-label)
}

.location-panel .title {
    font-size: 26.75px;
    font-size: 2.675rem;
    padding: 0 18px
}

.location-panel .location-search {
    padding: 0 18px
}

.location-panel .location-search input.search {
    border-top-left-radius: 6px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 6px;
    width: 87.5%;
    float: left
}

.location-panel .location-search input.search + button {
    border-top-left-radius: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 0;
    *zoom: 1;
    clear: both;
    box-shadow: 0 0 0 1px #d17e12;
    overflow: hidden;
    padding: 10px 0 10px 12.5%;
    position: relative;
    top: 1px;
    width: 12.5%
}

.location-panel .location-search input.search + button:before, .location-panel .location-search input.search + button:after {
    content: '';
    display: table;
    width: 100%
}

.location-panel .location-search input.search + button:after {
    clear: both
}

.location-panel .location-search input.search + button span {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    display: block
}

.location-panel .location-search input.search + button:before {
    font-size: 18px;
    font-size: 1.8rem;
    content: '';
    font-family: 'PX Icons';
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    display: block;
    text-align: center;
    line-height: 36px
}

.location-map-container {
    display: block;
    height: 100%;
    height: calc(100% - 130px);
    overflow: hidden;
    width: auto;
    position: fixed;
    top: 110px;
    left: 380px;
    right: 20px;
    background: #e4e4d7
}

.location-map-container .location-map {
    display: block;
    height: 100%;
    width: 100%
}

.location-list-card {
    *zoom: 1;
    clear: both;
    cursor: pointer;
    padding: 16px 18px 16px 10px
}

.location-list-card:before, .location-list-card:after {
    content: '';
    display: table;
    width: 100%
}

.location-list-card:after {
    clear: both
}

.location-list-card + .location-list-card {
    border-top: 1px solid #e5e5e5
}

.location-list-card.active, .location-list-card[data-active="true"], .location-list-card:hover, .location-list-card:focus {
    background: #eeeee6
}

.location-list-card .name {
    font-family: "Montserrat", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.1;
    letter-spacing: -.025em;
    color: #d02c30;
    text-transform: uppercase;
    float: left
}

.location-list-card .distance {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1;
    letter-spacing: 0;
    color: #707175;
    text-transform: none;
    float: right
}

.location-list-card .address {
    *zoom: 1;
    clear: both;
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.4285;
    letter-spacing: 0;
    color: #595959;
    text-transform: none;
    clear: both;
    display: block;
    padding: 10px 0
}

.location-list-card .address:before, .location-list-card .address:after {
    content: '';
    display: table;
    width: 100%
}

.location-list-card .address:after {
    clear: both
}

.location-list-card .order-now {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: #f19933;
    background-image: -webkit-linear-gradient(#f19933, #e69129);
    background-image: linear-gradient(#f19933, #e69129);
    border-bottom: 2px solid #d17e12;
    font-size: 14px;
    font-size: 1.4rem;
    color: #2d2a26;
    display: inline-block;
    line-height: 1;
    padding: 6px 15px 5px;
    position: relative;
    text-decoration: none
}

.location-list-card .order-now:hover:not(.inactive) {
    background-color: #f3a54b;
    background: -webkit-linear-gradient(#f3a54b, #e99d40);
    background: linear-gradient(#f3a54b, #e99d40)
}

.location-list-card .order-now:active:not(.inactive) {
    background-color: #e08b23;
    background-image: -webkit-linear-gradient(#e08b23, #d17e12);
    background-image: linear-gradient(#e08b23, #d17e12);
    border-bottom: none;
    box-shadow: none;
    top: 2px;
    background: -webkit-linear-gradient(#e08b23, #d17e12);
    background: linear-gradient(#e08b23, #d17e12)
}

.location-list-card .order-now.inactive {
    opacity: .5;
    cursor: default
}

.location-list-card .order-now:hover, .location-list-card .order-now:focus {
    text-decoration: none
}

.location-list-card .directions, .location-list-card .fundraising {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 2;
    letter-spacing: -.025em;
    color: #d02c30;
    text-transform: none;
    text-decoration: none;
    padding: 0 0 0 .75em
}

.location-list-card .directions:hover, .location-list-card .directions:focus, .location-list-card .fundraising:hover, .location-list-card .fundraising:focus {
    text-decoration: underline
}

.location-list-card .features {
    float: right;
    height: 23px;
    padding-top: 6px
}

.location-list-card .features [class^="px"] {
    color: #d02c30;
    display: inline-block;
    height: 23px;
    overflow: hidden;
    padding-left: 24px;
    position: relative;
    vertical-align: text-bottom;
    width: 24px
}

.location-list-card .features [class^="px"]:after {
    font-size: 24px;
    font-size: 2.4rem;
    display: block;
    height: 23px;
    left: 0;
    line-height: 23px;
    position: absolute;
    top: 0;
    width: 24px
}

.location-list-card .features .px-car:after {
    top: 4px
}

.location-list-card .features .px-wrap:after {
    top: 3px
}

.toggle-location-filters {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -.025em;
    color: #54565b;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    float: right;
    padding: 15px 45px 15px 5px;
    position: relative
}

.toggle-location-filters:before {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #54565b;
    content: '';
    font-size: 14px;
    line-height: 1;
    position: absolute;
    right: 16px;
    -webkit-transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease
}

.toggle-location-filters[data-state="open"]:before {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.location-filters {
    *zoom: 1;
    clear: both;
    background: #2d2a26;
    border-bottom: 1px solid #e5e5e5;
    display: block;
    line-height: 0;
    margin: 0;
    padding: 0;
    -webkit-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.location-filters:before, .location-filters:after {
    content: '';
    display: table;
    width: 100%
}

.location-filters:after {
    clear: both
}

.location-filters[data-state="closed"] {
    max-height: 0;
    overflow: hidden
}

.location-filters[data-state="open"], .location-filters[data-a11y-focus="true"] {
    max-height: 600px;
    overflow: hidden
}

.location-filters .filter {
    padding: 8px 10px;
    cursor: pointer;
    display: block;
    list-style: none;
    position: relative
}

.location-filters .filter + .filter {
    border-top: 1px solid #424141
}

.location-filters .filter .filter-icon {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 0;
    color: #fff;
    text-transform: none;
    line-height: 38px;
    padding-left: 56px;
    padding-right: 30px;
    position: relative;
    width: 100%
}

.location-filters .filter .filter-icon:after {
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 100%;
    font-size: 24px;
    font-size: 2.4rem;
    background-color: #d02c30;
    background-image: -webkit-linear-gradient(#d02c30, #c72029);
    background-image: linear-gradient(#d02c30, #c72029);
    box-shadow: 0 2px 0 0 #b1001a;
    font-family: 'PX Icons';
    font-weight: normal;
    height: 38px;
    left: 8px;
    line-height: 38px;
    position: absolute;
    text-align: center;
    text-shadow: 0 2px 0 #b1001a;
    top: 0;
    width: 38px
}

.location-filters .filter .filter-icon.px-car:after {
    font-size: 28px;
    font-size: 2.8rem
}

.location-filters .filter .filter-checkbox {
    height: 21px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 21px
}

.location-filters .filter .filter-checkbox input {
    margin: 0
}

.location-filters .filter .filter-checkbox label, .location-filters .filter .filter-checkbox span {
    padding: 0 0 0 21px !important
}

.location-message {
    padding: 10px
}

.location-message[data-state="hidden"] {
    display: block;
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    display: none !important;
    visibility: hidden;
    padding: 0 !important;
    margin: 0 !important
}

.location-message .message-title {
    margin: 15px 0 5px
}

.location-message .message-subtitle {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.4285;
    letter-spacing: -.025em;
    color: #595959;
    text-transform: none;
    display: block;
    margin-bottom: 1.5px
}

@-webkit-keyframes _popup-slidein {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@keyframes _popup-slidein {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}

@-webkit-keyframes _popup-slideout {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes _popup-slideout {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.location-map-popup {
    background: #fff;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .1);
    padding: 24px 0 16px;
    width: 260px
}

.location-map-popup .close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    display: block;
    height: 22px;
    padding: 0 0 0 22px;
    position: absolute;
    right: 10px;
    text-indent: 100%;
    top: 10px;
    white-space: nowrap;
    width: 22px
}

.location-map-popup .close:before {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    font-size: 2.2rem;
    bottom: 0;
    color: #d02c30;
    content: '';
    display: block;
    height: 22px;
    left: 0;
    line-height: 22px;
    padding: 0;
    position: absolute;
    right: 0;
    text-indent: 0;
    top: 0;
    width: 22px
}

.location-map-popup .name {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.4285;
    letter-spacing: 0;
    color: #d02c30;
    text-transform: uppercase;
    display: block;
    padding: 0 30px 0 32px;
    position: relative
}

.location-map-popup .star {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    display: block;
    height: 18px;
    left: 10px;
    margin: 0;
    padding: 0 0 0 18px;
    position: absolute;
    vertical-align: text-bottom;
    width: 18px
}

.location-map-popup .star:before {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    font-size: 1.8rem;
    color: #e08b23;
    content: '';
    left: 0;
    line-height: 18px;
    position: absolute;
    top: 0
}

.location-map-popup .star.favorite:before {
    content: ''
}

.location-map-popup .star .tooltip:before {
    content: 'Save My Panda';
    display: inline-block
}

.location-map-popup .star.favorite .tooltip:before {
    content: 'Remove My Panda'
}

.location-map-popup .address {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.4285;
    letter-spacing: 0;
    color: #595959;
    text-transform: none;
    display: block;
    padding: 5px 12px 12px 32px
}

.location-map-popup .cross-streets {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.4285;
    letter-spacing: 0;
    color: #595959;
    text-transform: none;
    display: block;
    padding: 0 20px 20px 45px;
    position: relative;
    text-transform: capitalize
}

.location-map-popup .cross-streets:before {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-size: 1.6rem;
    color: #d02c30;
    content: '';
    left: 20px;
    line-height: 1.4285;
    position: absolute;
    top: -2px
}

.location-map-popup .popup-row {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.location-map-popup .phone, .location-map-popup .fax, .location-map-popup .hours {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.4285;
    letter-spacing: 0;
    color: #595959;
    text-transform: none;
    display: inline-block
}

.location-map-popup .phone:before, .location-map-popup .fax:before, .location-map-popup .hours:before {
    font-family: "Montserrat", "Sans Serif";
    font-size: 10px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.4285;
    letter-spacing: 0;
    color: #595959;
    text-transform: none;
    display: block
}

.location-map-popup .phone:empty:before, .location-map-popup .fax:empty:before, .location-map-popup .hours:empty:before {
    font-size: 0;
    background: red
}

.location-map-popup .phone {
    border-right: 1px solid #e5e5e5;
    padding: 12px 5px 12px 12px;
    width: 50%
}

.location-map-popup .phone:before {
    content: 'Phone:'
}

.location-map-popup .fax {
    padding: 12px 12px 12px 15px;
    width: 50%
}

.location-map-popup .fax:before {
    content: 'Fax:'
}

.location-map-popup .hours {
    border-bottom: 1px solid #e5e5e5;
    display: block;
    padding: 12px 2px 12px 37px;
    position: relative
}

.location-map-popup .hours:before {
    content: 'Open Today:'
}

.location-map-popup .hours:after {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    font-size: 1.6rem;
    color: #d02c30;
    content: '';
    left: 12px;
    line-height: 1;
    position: absolute;
    top: 20px
}

.location-map-popup .features {
    padding: 12px
}

.location-map-popup .features:before {
    font-family: "Montserrat", "Sans Serif";
    font-size: 10px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.4285;
    letter-spacing: 0;
    color: #595959;
    text-transform: none;
    content: 'Location Features:';
    display: block;
    padding-bottom: 8px
}

.location-map-popup .features [class^="px"] {
    overflow: hidden;
    width: 24px;
    padding-left: 24px;
    position: relative;
    color: #d02c30;
    height: 23px;
    display: inline-block;
    vertical-align: text-bottom
}

.location-map-popup .features [class^="px"]:after {
    font-size: 24px;
    font-size: 2.4rem;
    height: 23px;
    width: 24px;
    line-height: 23px;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.location-map-popup .features .px-car:after {
    top: 4px
}

.location-map-popup .features .px-wrap:after {
    top: 3px
}

.location-map-popup .order-now, .location-map-popup .get-directions {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    font-family: "Montserrat", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.4285;
    letter-spacing: 0;
    color: #fff;
    text-transform: none;
    color: #fff;
    display: block;
    line-height: 1;
    margin: 5px 12px 0;
    padding: 12px 15px 11px;
    position: relative;
    text-align: center;
    text-decoration: none
}

.location-map-popup .order-now:hover, .location-map-popup .order-now:focus, .location-map-popup .get-directions:hover, .location-map-popup .get-directions:focus {
    text-decoration: none
}

.location-map-popup .order-now {
    background-color: #f19933;
    background-image: -webkit-linear-gradient(#f19933, #e69129);
    background-image: linear-gradient(#f19933, #e69129);
    border-bottom: 2px solid #d17e12
}

.location-map-popup .order-now:hover:not(.inactive) {
    background-color: #f3a54b;
    background: -webkit-linear-gradient(#f3a54b, #e99d40);
    background: linear-gradient(#f3a54b, #e99d40)
}

.location-map-popup .order-now:active:not(.inactive) {
    background-color: #e08b23;
    background-image: -webkit-linear-gradient(#e08b23, #d17e12);
    background-image: linear-gradient(#e08b23, #d17e12);
    border-bottom: none;
    box-shadow: none;
    top: 2px;
    background: -webkit-linear-gradient(#e08b23, #d17e12);
    background: linear-gradient(#e08b23, #d17e12)
}

.location-map-popup .order-now.inactive {
    opacity: .5;
    cursor: default
}

.location-map-popup .get-directions {
    background-color: #d02c30;
    background-image: -webkit-linear-gradient(#d02c30, #c72029);
    background-image: linear-gradient(#d02c30, #c72029);
    border-bottom: 2px solid #b1001a
}

.location-map-popup .get-directions:hover:not(.inactive) {
    background-color: #d63f43;
    background: -webkit-linear-gradient(#d63f43, #dc252e);
    background: linear-gradient(#d63f43, #dc252e)
}

.location-map-popup .get-directions:active:not(.inactive) {
    background-color: #c01725;
    background-image: -webkit-linear-gradient(#c01725, #b1001a);
    background-image: linear-gradient(#c01725, #b1001a);
    border-bottom: none;
    box-shadow: none;
    top: 2px;
    background: -webkit-linear-gradient(#c01725, #b1001a);
    background: linear-gradient(#c01725, #b1001a)
}

.location-map-popup .get-directions.inactive {
    opacity: .5;
    cursor: default
}

.login-box {
    background: #fff;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .1);
    float: left;
    margin-bottom: 10px;
    margin-top: 40px;
    padding: 30px 30px 80px;
    position: relative;
    width: 49%
}

.login-box + .login-box {
    margin-left: 2%
}

.login-box .box-title {
    margin-bottom: 20px
}

.login-box [class*="button"] {
    bottom: 30px;
    display: block;
    margin: 0;
    position: absolute;
    width: 80%;
    width: calc(100% - 60px)
}

.login-box [class*="button"]:active {
    bottom: 28px;
    position: absolute !important;
    top: inherit !important
}

.login-box .forgot-password {
    font-family: "Abeezee", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1;
    letter-spacing: -.025em;
    color: #63656a;
    text-transform: none;
    display: block;
    padding-top: 8px;
    text-align: right;
    text-decoration: none
}

.login-box .forgot-password:hover, .login-box .forgot-password:focus {
    text-decoration: underline
}

.fundraiser-location-table .table-row {
    *zoom: 1;
    clear: both;
    font-family: "Montserrat", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -.025em;
    color: #54565b;
    text-transform: none;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: table;
    padding: 18px 0;
    width: 100%
}

.fundraiser-location-table .table-row:before, .fundraiser-location-table .table-row:after {
    content: '';
    display: table;
    width: 100%
}

.fundraiser-location-table .table-row:after {
    clear: both
}

.fundraiser-location-table .table-row.title {
    font-family: "Montserrat", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: regular;
    line-height: 1.125;
    letter-spacing: -.025em;
    color: #76777b;
    text-transform: none;
    padding: 12px 0;
    font-weight: normal !important
}

.fundraiser-location-table .radio-column {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 35px
}

.fundraiser-location-table .info-column {
    display: table-cell
}

.fundraiser-location-table .table-nav {
    padding: 20px 0;
    text-align: right
}

.fundraiser-location-table .table-nav .page {
    font-family: "Montserrat", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: regular;
    line-height: 1.125;
    letter-spacing: -.025em;
    color: #76777b;
    text-transform: none;
    padding: 0 3px;
    vertical-align: middle
}

.fundraiser-location-table .table-nav .prev, .fundraiser-location-table .table-nav .next {
    background: none;
    border: none;
    height: 18px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: 10px
}

.fundraiser-location-table .table-nav .prev:before, .fundraiser-location-table .table-nav .next:before {
    color: #54565b;
    font-family: 'PX Icons';
    height: 18px;
    left: -2px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 10px
}

.fundraiser-location-table .table-nav .prev:hover:before, .fundraiser-location-table .table-nav .prev:focus:before, .fundraiser-location-table .table-nav .next:hover:before, .fundraiser-location-table .table-nav .next:focus:before {
    color: #779e91
}

.fundraiser-location-table .table-nav .prev:before {
    content: ""
}

.fundraiser-location-table .table-nav .next:before {
    content: ""
}

.fundraiser-event-table {
    padding: 24px 0 0
}

.fundraiser-event-table table {
    border-collapse: collapse;
    width: 100%
}

.fundraiser-event-table table thead {
    background: #fff;
    border-bottom: 2px solid rgba(0, 0, 0, .1);
    padding-bottom: 2px
}

.fundraiser-event-table table th {
    text-align: left;
    padding: 22px 10px
}

.fundraiser-event-table table .column-heading {
    font-family: "Montserrat", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1;
    letter-spacing: -.025em;
    color: #707070;
    text-transform: none;
    display: block;
    padding-left: 18px;
    position: relative
}

.fundraiser-event-table table .column-heading:before, .fundraiser-event-table table .column-heading:after {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 6px;
    font-size: .6rem;
    position: absolute;
    left: 0
}

.fundraiser-event-table table .column-heading:before {
    content: '';
    top: 0
}

.fundraiser-event-table table .column-heading:after {
    content: '';
    bottom: 0
}

.fundraiser-event-table table .column-heading:hover, .fundraiser-event-table table .column-heading:focus {
    color: #2d2a26;
    cursor: pointer
}

.fundraiser-event-table table tbody tr {
    border-bottom: 1px solid #ebebeb
}

.fundraiser-event-table table tbody tr:hover, .fundraiser-event-table table tbody tr:focus {
    background: #f3f2e8
}

.fundraiser-event-table table .pending, .fundraiser-event-table table .approved, .fundraiser-event-table table .completed, .fundraiser-event-table table .submitted, .fundraiser-event-table table .declined {
    color: #0c1a22;
    padding: 1em;
    padding: .25em;
    display: inline-block;
    border-radius: .25em;
    font-size: .75em
}

.fundraiser-event-table table .pending {
    background-color: #ffb819
}

.fundraiser-event-table table .approved {
    background-color: #87a64e
}

.fundraiser-event-table table .completed {
    background-color: #63a2ab
}

.fundraiser-event-table table .submitted {
    background-color: #e69129
}

.fundraiser-event-table table .declined {
    background-color: #db5457
}

.fundraiser-event-table table .action-column {
    min-width: 240px
}

.fundraiser-event-table table td {
    font-family: "Montserrat", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -.025em;
    color: #54565b;
    text-transform: none;
    text-align: left;
    padding: 20px 10px 20px 30px
}

.fundraiser-event-table table .action-link {
    font-family: "Montserrat", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: -.025em;
    color: #63656a;
    text-transform: none;
    text-decoration: none;
    position: relative
}

.fundraiser-event-table table .action-link:hover, .fundraiser-event-table table .action-link:focus {
    color: #d02c30
}

.fundraiser-event-table table .action-link + .action-link {
    padding-left: 8px
}

.fundraiser-event-table table .action-link + .action-link:before {
    background: #cac9c7;
    content: '';
    display: block;
    height: 16px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 1px
}

.fundraiser-event-table table .action-link .delete {
    font-size: 12px;
    font-size: 1.2rem;
    cursor: pointer
}

.fundraiser-event-table table .no-results {
    border-bottom: none
}

.fundraiser-event-table table .no-results td {
    padding: 40px
}

input::-webkit-calendar-picker-indicator {
    display: none
}

.view-label {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -.025em;
    color: #54565b;
    text-transform: none;
    padding: 24px 0 12px;
    display: block
}

.view-data {
    margin: 0 0 15px;
    color: #54565b;
    display: block
}

.form-cta-row {
    margin: 36px 0;
    display: table;
    background: #f9f9f9;
    padding: 10px
}

.form-cta-row .column {
    display: table-cell;
    vertical-align: middle;
    float: none
}

.form-cta-row .view-label {
    padding: 0
}

.faq-question {
    font-family: "Montserrat", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -.025em;
    color: #54565b;
    text-transform: none;
    margin-bottom: 10px;
    padding-left: 50px;
    padding-right: 8%
}

.faq-question:first-of-type {
    margin-top: 100px
}

.faq-answer {
    color: #8f8d8b;
    line-height: 2;
    padding-left: 50px;
    padding-right: 8%
}

.faq-answer + .faq-question {
    margin-top: 30px
}

.resource-header {
    color: #779e91
}

.resource-table {
    width: 100%;
    table-layout: fixed
}

.resource-table .hr {
    border-top: 1px solid
}

.resource-table td {
    padding: 1em
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    -webkit-clip-path: rect(0, 0, 0, 0);
    clip-path: rect(0, 0, 0, 0);
    border: 0
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

.footer {
    -webkit-backface-visibility: hidden;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.footer-high {
    background: #737578;
    text-align: center
}

.footer-high .container {
    *zoom: 1;
    clear: both;
    max-width: 1280px;
    max-width: 128rem;
    float: none !important;
    margin: 0 auto !important;
    padding: 0 1%
}

.footer-high .container:before, .footer-high .container:after {
    content: '';
    display: table;
    width: 100%
}

.footer-high .container:after {
    clear: both
}

.footer-low {
    padding: 20px 0;
    text-align: center
}

.footer-low .container {
    *zoom: 1;
    clear: both;
    max-width: 1280px;
    max-width: 128rem;
    float: none !important;
    margin: 0 auto !important;
    padding: 0 1%
}

.footer-low .container:before, .footer-low .container:after {
    content: '';
    display: table;
    width: 100%
}

.footer-low .container:after {
    clear: both
}

nav.footer-menu {
    margin-left: -13px;
    display: block;
    float: left;
    font-size: 0;
    white-space: nowrap
}

nav.footer-menu a {
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: .05em;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    line-height: 50px;
    padding: 0 13px;
    text-decoration: none
}

nav.footer-menu a:hover, nav.footer-menu a:focus {
    background: #7d7f82;
    color: #f19933
}

nav.footer-social-menu {
    display: block;
    float: right;
    font-size: 0;
    white-space: nowrap
}

nav.footer-social-menu a {
    color: #fff;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    padding-left: 50px;
    position: relative;
    text-decoration: none;
    width: 50px
}

nav.footer-social-menu a:after {
    font-size: 20px;
    font-size: 2rem;
    bottom: 0;
    color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

nav.footer-social-menu a:hover.px-twitter, nav.footer-social-menu a:focus.px-twitter {
    background: #55acee
}

nav.footer-social-menu a:hover.px-youtube, nav.footer-social-menu a:focus.px-youtube {
    background: #cd201f
}

nav.footer-social-menu a:hover.px-instagram, nav.footer-social-menu a:focus.px-instagram {
    background: #3f729b
}

nav.footer-social-menu a:hover.px-facebook, nav.footer-social-menu a:focus.px-facebook {
    background: #3b5998
}

.footer-low {
    border-top: 0px solid #2e6da4;
}

nav.footer-sub-menu {
    max-width: 1024px;
    text-align: left;
    width: 100%;

}

nav.footer-sub-menu a {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #f19933;
    text-transform: none;
    display: inline-block;
    position: relative;
    text-decoration: none
}

nav.footer-sub-menu a:hover, nav.footer-sub-menu a:focus {
    text-decoration: underline
}

nav.footer-sub-menu a + a {
    padding: 0 0 0 16px
}

nav.footer-sub-menu a + a:before {
    content: '|';
    color: #fff;
    position: absolute;
    top: 1px;
    left: 6px;
    width: 1px
}

.footer-disclaimer {
    *zoom: 1;
    clear: both;
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #fff;
    text-transform: none;
    display: block;
    padding: 26px 0 0;
    text-align: left
}

.footer-disclaimer:before, .footer-disclaimer:after {
    content: '';
    display: table;
    width: 100%
}

.footer-disclaimer:after {
    clear: both
}

.footer-app-links {
    float: right;
    font-size: 0;
    white-space: nowrap
}

.footer-app-links a {
    color: #fff
}

.footer-app-links .apple-appstore {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-image: url("../../../s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/appstore.png");
    background-size: 135px 40px;
    display: inline-block;
    height: 40px;
    margin-right: 10px;
    width: 135px
}

.footer-app-links .google-playstore {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-image: url("../../../s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/playstore.png");
    background-size: 114px 40px;
    display: inline-block;
    height: 40px;
    width: 114px
}

.side-nav {
    padding-right: 30px
}

.side-nav .side-nav-name {
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -.025em;
    color: #63656a;
    text-transform: none;
    display: block;
    padding: 15px 36px 5px
}

.side-nav .logout {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1;
    letter-spacing: -.025em;
    color: #707070;
    text-transform: none;
    display: block;
    margin-bottom: 50px;
    padding: 5px 36px;
    text-decoration: none
}

.side-nav .nav-title {
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -.025em;
    color: #d02c30;
    text-transform: uppercase;
    padding: 5px 36px 0
}

.side-nav .submenu-toggle {
    background: transparent;
    border: 0;
    color: #f19933;
    font-size: 12px;
    left: 0;
    line-height: 1.95;
    padding: 12px;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease
}

.side-nav .submenu-toggle > span {
    position: relative;
    top: 2px
}

.side-nav ul, .side-nav li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block
}

.side-nav li {
    position: relative
}

.side-nav li[data-active="true"] > .submenu-toggle, .side-nav li[data-open="true"] > .submenu-toggle {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.side-nav a:hover, .side-nav a:focus {
    text-decoration: underline
}

.side-nav a[data-active="true"], .side-nav a.active {
    color: #2d2a26;
    position: relative
}

.side-nav a[data-active="true"]:after, .side-nav a.active:after {
    content: '';
    background: #d02c30;
    width: 6px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.side-nav > ul > li[data-active="true"], .side-nav > ul > li.active {
    background: #e9e8e0;
    font-weight: bold
}

.side-nav > ul > li[data-active="true"] > a, .side-nav > ul > li.active > a {
    color: #2d2a26;
    font-weight: bold
}

.side-nav > ul > li[data-active="true"] > a + .submenu, .side-nav > ul > li.active > a + .submenu, .side-nav > ul > li[data-open="true"] > a + .submenu {
    display: block
}

.side-nav > ul > li[data-active="true"] > a + .submenu > a, .side-nav > ul > li.active > a + .submenu > a, .side-nav > ul > li[data-open="true"] > a + .submenu > a {
    display: block;
    height: auto;
    overflow: auto;
    position: inherit;
    white-space: normal;
    width: auto
}

.side-nav > ul > li > a {
    font-family: "Montserrat", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.45;
    letter-spacing: -.025em;
    color: #63656a;
    text-transform: none;
    padding: 12px 36px 12px 40px;
    -webkit-transition: padding 600ms ease;
    transition: padding 600ms ease;
    display: block;
    text-decoration: none
}

.side-nav > ul > li > a:hover, .side-nav > ul > li > a:focus {
    color: #2d2a26;
    -webkit-transition: padding 300ms ease;
    transition: padding 300ms ease;
    padding: 12px 26px 12px 46px
}

.side-nav > ul > li > .submenu {
    display: none;
    position: relative
}

.side-nav > ul > li > .submenu > a {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.1;
    letter-spacing: -.025em;
    color: #63656a;
    text-transform: none;
    display: block;
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    display: block;
    padding: 8px 0 8px 50px;
    text-decoration: none;
    -webkit-transition: padding 600ms ease;
    transition: padding 600ms ease
}

.side-nav > ul > li > .submenu > a:hover, .side-nav > ul > li > .submenu > a:focus {
    display: block;
    height: auto;
    overflow: auto;
    position: inherit;
    white-space: normal;
    width: auto;
    color: #2d2a26;
    padding: 8px 0 8px 51px;
    text-decoration: underline;
    -webkit-transition: padding 300ms ease;
    transition: padding 300ms ease
}

.side-nav > ul > li > .submenu > a:hover ~ a, .side-nav > ul > li > .submenu > a:focus ~ a {
    display: block;
    height: auto;
    overflow: auto;
    position: inherit;
    white-space: normal;
    width: auto
}

.side-nav > ul > li > .submenu > a[data-active="true"], .side-nav > ul > li > .submenu > a.active {
    color: #2d2a26
}

.side-nav > ul > li > .submenu > a:last-of-type {
    padding-bottom: 16px
}

.nutrition-calculator {
    display: block;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: right 300ms cubic-bezier(.1, .99, .36, 1);
    transition: right 300ms cubic-bezier(.1, .99, .36, 1);
    z-index: 210;
    scrollbar-face-color: #0c1a22;
    scrollbar-arrow-color: #0c1a22;
    scrollbar-track-color: #3b3732;
    scrollbar-shadow-color: #2d2a26;
    scrollbar-highlight-color: #2d2a26;
    scrollbar-3dlight-color: #2d2a26;
    scrollbar-darkshadow-color: #2d2a26
}

.nutrition-calculator .calc-bar {
    background: #eeeee6;
    bottom: 0;
    display: block;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 20px;
    z-index: 20
}

.nutrition-calculator .calc-wrapper {
    background: #2d2a26;
    background: rgba(45, 42, 38, .98);
    display: block;
    height: 100%;
    overflow: hidden;
    padding: 0 0 148px;
    width: 100%;
    z-index: 10;
    position: relative
}

.nutrition-calculator .calc-toggle {
    font-family: "Montserrat", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 44px;
    letter-spacing: 0;
    color: #fff;
    text-transform: none;
    background: #2d2a26;
    background: rgba(45, 42, 38, .98);
    border-radius: 6px 6px 0 0;
    border: none;
    height: 40px;
    left: -75px;
    padding-left: 25px;
    position: absolute;
    top: 165px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 110px
}

.nutrition-calculator .calc-toggle:before {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #d02c30;
    content: '';
    font-size: 12px;
    left: 14px;
    line-height: 44px;
    position: absolute;
    top: 2px;
    -webkit-transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease
}

.nutrition-calculator .calc-toggle:after {
    content: attr(data-open-label)
}

.nutrition-calculator .calc-items-container {
    display: block;
    height: 100%;
    max-height: 100%;
    width: 100%;
    overflow: auto;
    padding: 28px 28px 0;
    -webkit-transition: max-height 500ms cubic-bezier(.1, .99, .36, 1);
    transition: max-height 500ms cubic-bezier(.1, .99, .36, 1)
}

.nutrition-calculator .calc-title {
    font-family: "Montserrat", "Sans Serif";
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.45;
    letter-spacing: 0;
    color: #d44345;
    text-transform: uppercase;
    display: block;
    padding: 4px 0 8px;
    text-align: center
}

.nutrition-calculator .calc-items-list {
    padding: 0;
    margin: 0
}

.nutrition-calculator .calc-items-list .item {
    padding: 15px 40px 15px 76px;
    position: relative;
    display: table;
    width: 100%;
    min-height: 90px
}

.nutrition-calculator .calc-items-list .item + .item {
    border-top: solid 1px #54565b
}

.nutrition-calculator .calc-items-list .item[data-calc-pending-half="true"] .item-title:after {
    font-size: 14px;
    font-size: 1.4rem;
    color: #54565b;
    content: 'Pending Selection';
    display: block
}

.nutrition-calculator .calc-items-list .item-thumb {
    border-radius: 4px;
    display: block;
    height: 60px;
    width: 60px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.nutrition-calculator .calc-items-list .item-title {
    font-family: "Montserrat", "Sans Serif";
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.22;
    letter-spacing: 0;
    color: #fff;
    text-transform: none;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 100%
}

.nutrition-calculator .calc-items-list .item-delete-button {
    background: #d02c30;
    border-radius: 50%;
    border: none;
    display: block;
    height: 30px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: 100%;
    vertical-align: middle;
    width: 30px;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.nutrition-calculator .calc-items-list .item-delete-button:before, .nutrition-calculator .calc-items-list .item-delete-button:after {
    background: #fff;
    content: '';
    height: 2px;
    left: 7px;
    position: absolute;
    top: 14px;
    width: 16px;
    -webkit-transition: -webkit-transform 100ms ease;
    transition: transform 100ms ease
}

.nutrition-calculator .calc-items-list .item-delete-button:hover:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: -webkit-transform 200ms ease;
    transition: transform 200ms ease
}

.nutrition-calculator .calc-items-list .item-delete-button:hover:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform 200ms ease;
    transition: transform 200ms ease
}

.nutrition-calculator .calc-nutrition-container {
    bottom: 0;
    display: block;
    left: 0;
    max-height: 148px;
    overflow: hidden;
    padding: 148px 0 0;
    position: absolute;
    -webkit-transition: max-height 500ms cubic-bezier(.1, .99, .36, 1);
    transition: max-height 500ms cubic-bezier(.1, .99, .36, 1);
    width: 100%;
    z-index: 10
}

.nutrition-calculator .calc-nutrition-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 148px;
    padding: 0 28px
}

.nutrition-calculator .calc-nutrition-top:after {
    content: '';
    width: 100%;
    width: calc(100% - 56px);
    height: 0;
    background: #54565b;
    display: block;
    position: absolute;
    left: 28px;
    bottom: 0
}

.nutrition-calculator .calc-nutrition-bottom {
    position: relative;
    bottom: -200px;
    left: 0;
    width: 100%;
    height: 82px;
    padding: 20px 28px
}

.nutrition-calculator .calc-nutrition-bottom:after {
    content: '';
    width: 100%;
    width: calc(100% - 56px);
    height: 1px;
    background: #54565b;
    display: block;
    position: absolute;
    left: 28px;
    top: 0
}

.nutrition-calculator .calc-nutrition-facts-row {
    *zoom: 1;
    clear: both;
    border-bottom: 1px solid #54565b;
    border-top: 1px solid #54565b;
    display: block;
    font-size: 0;
    margin: 0 0 20px;
    padding: 10px 0
}

.nutrition-calculator .calc-nutrition-facts-row:before, .nutrition-calculator .calc-nutrition-facts-row:after {
    content: '';
    display: table;
    width: 100%
}

.nutrition-calculator .calc-nutrition-facts-row:after {
    clear: both
}

.nutrition-calculator .calc-nutrition-facts-row > span {
    font-family: "Montserrat", "Sans Serif";
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.25;
    letter-spacing: -.025em;
    color: #fff;
    text-transform: none;
    display: inline-block;
    padding: 5px 0;
    text-align: center;
    width: 25%
}

.nutrition-calculator .calc-nutrition-facts-row > span:before {
    font-family: "Montserrat", "Sans Serif";
    font-size: 9px;
    font-size: .9rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    text-transform: uppercase;
    content: attr(data-label);
    display: block;
    text-align: center
}

.nutrition-calculator .calc-nutrition-facts-row > span + span {
    border-left: 1px solid rgba(84, 86, 91, .5)
}

.nutrition-calculator .calc-nutrition-details-button {
    padding-left: 20px;
    padding-right: 20px
}

.nutrition-calculator .calc-nutrition-details-button:after {
    content: attr(data-closed-label)
}

.nutrition-calculator .calc-clear-button {
    padding-left: 20px;
    padding-right: 20px;
    float: right
}

.nutrition-calculator .calc-print-button {
    width: 100%
}

.nutrition-calculator .calc-nutrition-facts-details {
    margin-top: 40px;
    overflow: auto;
    width: 100%;
    height: 100%;
    display: block;
    padding: 0 28px
}

.nutrition-calculator .calc-nutrition-facts-details .nutrition-facts-header {
    padding: 24px 0 8px;
    border-bottom: 4px solid #54565b
}

.nutrition-calculator .calc-nutrition-facts-details .nutrition-facts-header .title {
    font-family: "Montserrat", "Sans Serif";
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -.025em;
    color: #fff;
    text-transform: none;
    margin: 0
}

.nutrition-calculator .calc-nutrition-facts-details .nutrition-facts-header .serving-size {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: regular;
    line-height: 1;
    letter-spacing: -.025em;
    color: #fff;
    text-transform: none;
    padding: 5px 0 0
}

.nutrition-calculator .calc-nutrition-facts-details .fact {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: regular;
    line-height: 1;
    letter-spacing: -.025em;
    color: #fff;
    text-transform: none;
    height: 50px;
    display: block;
    line-height: 50px;
    border-bottom: 1px solid #54565b
}

.nutrition-calculator .calc-nutrition-facts-details .fact .amount {
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 50px;
    letter-spacing: -.025em;
    color: #fff;
    text-transform: none;
    float: right
}

.nutrition-calculator .calc-nutrition-facts-details .legal {
    line-height: 1.1;
    padding-top: 24px
}

.nutrition-calculator[data-state="closed"] {
    right: -375px;
    -webkit-transition: right 300ms cubic-bezier(.42, .81, .15, 1);
    transition: right 300ms cubic-bezier(.42, .81, .15, 1)
}

.nutrition-calculator[data-state="closed"] .calc-toggle:before {
    content: '' !important
}

.nutrition-calculator[data-state="closed"] .calc-toggle:after {
    content: attr(data-closed-label)
}

.nutrition-calculator[data-nutrition-state="open"] .calc-items-container {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transition: max-height 500ms cubic-bezier(.42, .81, .15, 1), padding 0s linear 500ms;
    transition: max-height 500ms cubic-bezier(.42, .81, .15, 1), padding 0s linear 500ms
}

.nutrition-calculator[data-nutrition-state="open"] .calc-nutrition-container {
    max-height: 100%;
    height: 100%;
    padding: 82px 0;
    -webkit-transition: max-height 500ms cubic-bezier(.42, .81, .15, 1);
    transition: max-height 500ms cubic-bezier(.42, .81, .15, 1)
}

.nutrition-calculator[data-nutrition-state="open"] .calc-nutrition-container .calc-nutrition-top {
    height: 82px;
    padding-top: 20px;
    padding-bottom: 20px
}

.nutrition-calculator[data-nutrition-state="open"] .calc-nutrition-container .calc-nutrition-top:after {
    height: 1px
}

.nutrition-calculator[data-nutrition-state="open"] .calc-nutrition-container .calc-nutrition-bottom {
    position: absolute;
    bottom: 0;
    -webkit-transition: bottom 400ms ease;
    transition: bottom 400ms ease
}

.nutrition-calculator[data-nutrition-state="open"] .calc-nutrition-container .calc-nutrition-facts-row {
    display: block;
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.nutrition-calculator[data-nutrition-state="open"] .calc-nutrition-container .calc-nutrition-facts-details {
    margin-top: 0
}

.nutrition-calculator[data-nutrition-state="open"] .calc-nutrition-container .calc-nutrition-details-button:after {
    content: attr(data-open-label)
}

.our-family-story .banner {
    font-size: 25px;
    font-size: 2.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: table-cell;
    height: 600px;
    min-height: 600px;
    line-height: 1.3;
    padding: 1em 50% 2em 1em;
    vertical-align: bottom;
    width: 100%
}

.our-family-story .banner h1 {
    font-size: 35px;
    font-size: 3.5rem;
    color: #fff;
    font-family: 'Montserrat', 'sans-serif';
    margin-bottom: 35px;
    text-transform: none;
    position: relative;
    z-index: 1
}

.our-family-story .banner p {
    margin: 0;
    line-height: 1.5;
    position: relative;
    z-index: 1
}

.timeline-container {
    margin-bottom: -13px
}

.timeline-title {
    font-size: 35px;
    font-size: 3.5rem;
    border-bottom: 4px dotted #beb8af;
    border-left: 3px solid #beb8af;
    color: #d02c30;
    margin-bottom: 0;
    padding: 1.5em .5em .5em;
    text-transform: none;
    width: 50%
}

.timeline {
    list-style: none;
    margin: 0;
    padding: 50px;
    position: relative
}

.timeline:before {
    background: #beb8af;
    content: '';
    display: block;
    height: 100%;
    left: 50%;
    margin-left: -1.5px;
    position: absolute;
    top: -4px;
    width: 3px
}

.timeline-period {
    margin-top: 15px
}

.timeline-period:first-child {
    margin-top: 0
}

.timeline-period-title {
    font-size: 40px;
    font-size: 4rem;
    background: #f8f7ee;
    color: #8c8c8c;
    margin: 0 auto;
    opacity: 0;
    padding: 0;
    position: relative;
    text-align: center;
    top: 15px;
    -webkit-transition: opacity 500ms;
    transition: opacity 500ms
}

.timeline-period-content {
    display: table;
    width: 100%
}

.timeline-period-content div {
    opacity: 0;
    position: relative;
    right: -500px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 500ms, right 500ms;
    transition: opacity 500ms, right 500ms
}

.timeline-period-content div:first-child {
    left: -500px;
    right: auto;
    -webkit-transition: opacity 500ms, left 500ms;
    transition: opacity 500ms, left 500ms
}

.timeline-period-image, .timeline-period-description {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

.timeline-period-image {
    opacity: 0;
    overflow: hidden;
    height: 210px
}

.timeline-period-image:before {
    border: 12px solid transparent;
    border-left-width: 0;
    border-right-color: #beb8af;
    content: '';
    display: block;
    right: 0;
    margin-top: -12px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 250ms 500ms;
    transition: opacity 250ms 500ms;
    z-index: 1
}

.timeline-period-image:after {
    border-top: 4px dotted #beb8af;
    content: '';
    display: block;
    font-size: 100px;
    right: 0;
    margin-top: -2px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 1000ms 750ms;
    transition: opacity 1000ms 750ms;
    width: 99%
}

.timeline-period-image img {
    position: relative;
    z-index: 2;
    height: 100%;
    width: auto
}

.timeline-period-description {
    padding: 0;
    padding-left: 60px
}

.timeline-period-description p {
    font-size: 15px;
    font-size: 1.5rem;
    background: #f3f2e8;
    margin: 0;
    line-height: 1.3;
    padding: 30px
}

.timeline-period-alt .timeline-period-image {
    text-align: right
}

.timeline-period-alt .timeline-period-image:before {
    border-right-width: 0;
    border-left-color: #beb8af;
    border-left-width: 12px;
    right: auto;
    left: 0
}

.timeline-period-alt .timeline-period-image:after {
    right: auto;
    left: 0
}

.timeline-period-alt .timeline-period-description {
    padding-left: 0;
    padding-right: 60px
}

.timeline-period[data-visible="true"] .timeline-period-title {
    opacity: 1
}

.timeline-period[data-visible="true"] .timeline-period-content div {
    opacity: 1;
    right: 0
}

.timeline-period[data-visible="true"] .timeline-period-content div:first-child {
    left: 0;
    right: auto
}

.timeline-period[data-visible="true"] .timeline-period-image:before, .timeline-period[data-visible="true"] .timeline-period-image:after {
    opacity: 1
}

.main-nav {
    box-shadow: 0 3px 0 rgba(0, 0, 0, .1);
    z-index: 220;
    width: 100%;
    width: auto
}

.main-nav .logo {
    background-image: url("../../../s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/logo.png");
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-filter: drop-shadow(0 2px 0 rgba(0, 0, 0, .2));
    filter: drop-shadow(0 2px 0 rgba(0, 0, 0, .2));
    z-index: 10
}
.main-nav .logo2 {
    background-image: url("../../../s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/logo.png");
    text-indent: 100%;
    white-space: nowrap;
    -webkit-filter: drop-shadow(0 2px 0 rgba(0, 0, 0, .2));
    filter: drop-shadow(0 2px 0 rgba(0, 0, 0, .2));
    z-index: 10;
    background-size: 120px 120px;
    position: absolute;
    top: -10px;
    bottom: auto;
    left: 30px;
    height: 120px;
    overflow: visible;
    width: 120px
}

.main-links {
    *zoom: 1;
    clear: both;
    width: 100%;
    font-size: 0;
    text-align: center
}

.main-links:before, .main-links:after {
    content: '';
    display: table;
    width: 100%
}

.main-links:after {
    clear: both
}

.link-block {
    display: inline-block;
    position: relative
}

.link-block .anchor {
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 90px;
    letter-spacing: .05em;
    color: #fff;
    text-transform: uppercase;
    display: block;
    height: 90px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 2px 0 #b1001a;
    -webkit-transition: color 300ms ease 300ms, text-shadow 1s ease 300ms;
    transition: color 300ms ease 300ms, text-shadow 1s ease 300ms;
    z-index: 2
}

.link-block .anchor:before {
    content: attr(data-label)
}

.link-block .anchor:after {
    background: #f19933;
    bottom: 0;
    content: ' ';
    display: block;
    height: 4px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    -webkit-transition: width 250ms ease 50ms;
    transition: width 250ms ease 50ms;
    width: 0%
}

.link-block .anchor[data-active="true"]:after {
    width: 75%
}

.link-block .anchor .nav-icon {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.link-block .anchor .nav-icon:before {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #b1001a;
    left: 0;
    line-height: 90px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: none;
    -webkit-transition: color 300ms ease 300ms;
    transition: color 300ms ease 300ms
}

.link-block.food .nav-icon:before {
    content: '';
    font-size: 62px
}

.link-block.locations .nav-icon:before {
    content: '';
    font-size: 68px
}

.link-block.family .nav-icon:before {
    content: '';
    font-size: 58px
}

.link-block.order .nav-icon:before {
    content: ''
}

.submenu-link .submenu {
    background: #f9f9f9;
    background: rgba(249, 249, 249, .97);
    box-shadow: 0 3px 0 rgba(0, 0, 0, .1);
    min-height: 300px;
    position: fixed;
    text-align: center;
    -webkit-transition: top 800ms ease 100ms;
    transition: top 800ms ease 100ms;
    width: 100%;
    width: auto;
    z-index: -6
}

.submenu-link .submenu .container {
    *zoom: 1;
    clear: both;
    margin: 0 auto;
    max-width: 980px;
    padding: 40px 10px;
    white-space: nowrap
}

.submenu-link .submenu .container:before, .submenu-link .submenu .container:after {
    content: '';
    display: table;
    width: 100%
}

.submenu-link .submenu .container:after {
    clear: both
}

.nearest-panda:before {
    background: #f9f9f9;
    background: rgba(249, 249, 249, .97);
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: -110px;
    -webkit-transition: top 100ms ease-out 300ms;
    transition: top 100ms ease-out 300ms;
    width: 100%;
    z-index: 1
}

.nearest-panda:hover:before, .nearest-panda:focus:before, .nearest-panda[data-a11y-focus="true"]:before {
    top: 0;
    -webkit-transition: top 80ms ease-in;
    transition: top 80ms ease-in
}

.nearest-panda:hover .info-container .order-now-button:after, .nearest-panda:focus .info-container .order-now-button:after, .nearest-panda[data-a11y-focus="true"] .info-container .order-now-button:after {
    height: 0;
    width: 0;
    box-shadow: none;
    background-position: #f19933;
    bottom: 20px;
    z-index: 0;
    -webkit-transition: bottom 300ms ease, height 150ms ease, width 150ms ease;
    transition: bottom 300ms ease, height 150ms ease, width 150ms ease
}

.nearest-panda:hover .info-container, .nearest-panda:focus .info-container, .nearest-panda[data-a11y-focus="true"] .info-container {
    background-color: #eeeee6;
    background-position: 0 -30px;
    box-shadow: 0 3px 0 #beb8af inset;
    -webkit-transition: background-position 80ms ease-in, box-shadow 80ms ease-in;
    transition: background-position 80ms ease-in, box-shadow 80ms ease-in
}

.nearest-panda:hover .info-container .info .title, .nearest-panda:focus .info-container .info .title, .nearest-panda[data-a11y-focus="true"] .info-container .info .title {
    color: #2d2a26;
    -webkit-transition: color 300ms ease;
    transition: color 300ms ease
}

.nearest-panda:hover .info-container .info .current-panda, .nearest-panda:focus .info-container .info .current-panda, .nearest-panda[data-a11y-focus="true"] .info-container .info .current-panda {
    color: #f19933;
    -webkit-transition: color 300ms ease;
    transition: color 300ms ease
}

.submenu .image-link {
    display: block;
    float: left;
    margin-right: 2%;
    padding: 4px 0 0;
    text-decoration: none;
    -webkit-transition: padding 700ms ease;
    transition: padding 700ms ease;
    width: 13%
}

.submenu .image-link img {
    box-shadow: 0 2px 0 rgba(0, 0, 0, .1);
    height: auto;
    width: 100%
}

.submenu .image-link .text {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.143;
    letter-spacing: .05em;
    color: #0c1a22;
    text-transform: uppercase;
    display: block;
    padding: 12px 0 0
}

.submenu .image-link:hover, .submenu .image-link:focus {
    padding: 0 0 4px;
    -webkit-transition: padding 300ms ease;
    transition: padding 300ms ease
}

.submenu .link-list {
    float: left;
    margin-left: 2%;
    text-align: left;
    width: 22%
}

.submenu .link-list a {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.143;
    letter-spacing: .05em;
    color: #0c1a22;
    text-transform: uppercase;
    display: block;
    padding: 0 4px 15px 0;
    text-decoration: none;
    white-space: normal;
    -webkit-transition: padding 700ms ease;
    transition: padding 700ms ease
}

.submenu .link-list a:hover, .submenu .link-list a:focus {
    padding: 0 0 15px 4px;
    -webkit-transition: padding 300ms ease;
    transition: padding 300ms ease
}

@-webkit-keyframes _star-load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes _star-load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.nearest-panda .submenu > .container {
    *zoom: 1;
    clear: both
}

.nearest-panda .submenu > .container:before,
.nearest-panda .submenu > .container:after {
    content: '';
    display: table;
    width: 100%
}

.nearest-panda .submenu > .container:after {
    clear: both
}

.m1 {

    height: 90px;
    position: absolute;
    right: 0;
    top: 0;
    width: 370px;

}

.nearest-panda .map-area {
    float: left;
    text-align: left
}

.nearest-panda .map-area .title {
    font-family: "Montserrat", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 30px;
    letter-spacing: .025em;
    color: #0c1a22;
    text-transform: uppercase;
    text-align: left;
    display: inline-block;
    height: 30px;
    vertical-align: bottom
}

.nearest-panda .map-area .title .title-icon, .nearest-panda .map-area .title .title-text, .nearest-panda .map-area .title .title-miles {
    display: inline-block;
    padding-right: 7px;
    vertical-align: bottom
}

.nearest-panda .map-area .title .title-miles {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0;
    color: #63656a;
    text-transform: none;
    padding-left: 3px
}

.nearest-panda .map-area .title .title-icon:before {
    font-size: inherit;
    display: inline-block;
    font-family: 'PX Icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 30px;
    height: 30px;
    content: '';
    top: -1px;
    position: relative;
    display: inline-block;
    color: #d02c30;
    vertical-align: bottom
}

.nearest-panda .map-area .title .title-icon.favorite:before {
    content: ''
}

.nearest-panda .map-area .map-container {
    *zoom: 1;
    clear: both;
    box-shadow: 0 3px 0 rgba(0, 0, 0, .1)
}

.nearest-panda .map-area .map-container:before, .nearest-panda .map-area .map-container:after {
    content: '';
    display: table;
    width: 100%
}

.nearest-panda .map-area .map-container:after {
    clear: both
}

.nearest-panda .map-area .map-container .location-card {
    height: 270px;
    float: left;
    background: #fff;
    position: relative
}

.nearest-panda .map-area .map-container .location-map-popup {
    height: 270px;
    white-space: normal;
    box-shadow: none
}

.nearest-panda .map-area .map-container .location-map-popup .star.inactive:before {
    -webkit-animation: _star-load 1s linear infinite;
    animation: _star-load 1s linear infinite
}

.nearest-panda .map-area .map-container .location-map-popup .name {
    padding-bottom: 8px
}

.nearest-panda .map-area .map-container .location-map-popup .features {
    padding: 12px 12px 0 12px;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 50%
}

.nearest-panda .map-area .map-container .location-map-popup .features:before {
    padding-bottom: 2px
}

.nearest-panda .map-area .map-container .location-map-popup .hours {
    border-bottom: none
}

.nearest-panda .map-area .nav-location-search {
    padding-top: 16px
}

.nearest-panda .map-area .nav-location-search .search {
    border-top-left-radius: 6px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 6px;
    width: 91.5%;
    float: left;
    height: 50px;
    line-height: 50px
}

.nearest-panda .map-area .nav-location-search .search + button {
    border-top-left-radius: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 0;
    *zoom: 1;
    clear: both;
    box-shadow: 0 0 0 1px #d17e12;
    overflow: hidden;
    padding: 10px 0 10px 8.5%;
    position: relative;
    top: 1px;
    width: 8.5%;
    height: 50px
}

.nearest-panda .map-area .nav-location-search .search + button:before, .nearest-panda .map-area .nav-location-search .search + button:after {
    content: '';
    display: table;
    width: 100%
}

.nearest-panda .map-area .nav-location-search .search + button:after {
    clear: both
}

.nearest-panda .map-area .nav-location-search .search + button:before {
    font-size: 26px;
    font-size: 2.6rem;
    content: '';
    font-family: 'PX Icons';
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 50px
}

.nearest-panda .map-area .nav-location-search .search + button span {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    display: block
}

.nearest-panda .order-info {
    width: 100%;
    white-space: normal
}

.nearest-panda .order-info[data-has-time="true"] .order-text:before {
    content: attr(data-has-time-label)
}

.nearest-panda .order-info[data-has-time="false"] .order-text:before {
    content: attr(data-no-time-label)
}

.nearest-panda .order-info .order-text {
    font-family: "Montserrat", "Sans Serif";
    font-size: 20px;
    font-size: 2rem;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 0;
    color: #779e91;
    text-transform: none;
    padding: 0 40px 10px;
    display: block
}

.nearest-panda .order-info .order-time {
    font-family: "Montserrat Panda", "Sans Serif";
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0;
    color: #2d2a26;
    text-transform: none;
    display: block
}

.nearest-panda .order-info .button, .nearest-panda .order-info .nutrition-calculator .calc-nutrition-details-button, .nutrition-calculator .nearest-panda .order-info .calc-nutrition-details-button, .nearest-panda .order-info .nutrition-calculator .calc-clear-button, .nutrition-calculator .nearest-panda .order-info .calc-clear-button, .nearest-panda .order-info .nutrition-calculator .calc-print-button, .nutrition-calculator .nearest-panda .order-info .calc-print-button {
    font-size: 24px;
    font-size: 2.4rem;
    display: block;
    margin: 20px 10% 10px;
    width: 80%
}

.nearest-panda .order-info .legal {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 50px;
    line-height: 1.16667
}

@media only screen and (min-width: 48em)and (max-width: 64em) {
    .wrapper {
        border-left: 10px solid #eeeee6;
        border-right: 10px solid #eeeee6;
        padding: 100px 0 283px
    }

    .wrapper .top-frame, .wrapper .bottom-frame {
        height: 10px
    }

    .c1-m {
        margin: 10px .5% 0;
        width: 7.33333%
    }

    .c1-m, .c1-m.c-left {
        float: left
    }

    .c1-m.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c1-m.c-right {
        float: right
    }

    .c2-m {
        margin: 10px .5% 0;
        width: 15.66667%
    }

    .c2-m, .c2-m.c-left {
        float: left
    }

    .c2-m.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c2-m.c-right {
        float: right
    }

    .c3-m {
        margin: 10px .5% 0;
        width: 24%
    }

    .c3-m, .c3-m.c-left {
        float: left
    }

    .c3-m.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c3-m.c-right {
        float: right
    }

    .c4-m {
        margin: 10px .5% 0;
        width: 32.33333%
    }

    .c4-m, .c4-m.c-left {
        float: left
    }

    .c4-m.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c4-m.c-right {
        float: right
    }

    .c5-m {
        margin: 10px .5% 0;
        width: 40.66667%
    }

    .c5-m, .c5-m.c-left {
        float: left
    }

    .c5-m.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c5-m.c-right {
        float: right
    }

    .c6-m {
        margin: 10px .5% 0;
        width: 49%
    }

    .c6-m, .c6-m.c-left {
        float: left;
        border: 1px solid #e7e7e7;
    }

    .c6-m.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c6-m.c-right {
        float: right
    }

    .c7-m {
        margin: 10px .5% 0;
        width: 57.33333%
    }

    .c7-m, .c7-m.c-left {
        float: left
    }

    .c7-m.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c7-m.c-right {
        float: right
    }

    .c8-m {
        margin: 10px .5% 0;
        width: 65.66667%
    }

    .c8-m, .c8-m.c-left {
        float: left
    }

    .c8-m.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c8-m.c-right {
        float: right
    }

    .c9-m {
        margin: 10px .5% 0;
        width: 74%
    }

    .c9-m, .c9-m.c-left {
        float: left
    }

    .c9-m.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c9-m.c-right {
        float: right
    }

    .c10-m {
        margin: 10px .5% 0;
        width: 82.33333%
    }

    .c10-m, .c10-m.c-left {
        float: left
    }

    .c10-m.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c10-m.c-right {
        float: right
    }

    .c11-m {
        margin: 10px .5% 0;
        width: 90.66667%
    }

    .c11-m, .c11-m.c-left {
        float: left
    }

    .c11-m.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c11-m.c-right {
        float: right
    }

    .c12-m {
        margin: 10px .5% 0;
        width: 99%
    }

    .c12-m, .c12-m.c-left {
        float: left
    }

    .c12-m.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c12-m.c-right {
        float: right
    }

    .hide-m {
        display: none
    }

    .hide-tablet {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .image-button-tile.c12-m:before, .c12-m.sub-feature-tile:before {
        padding-top: 50%
    }

    .image-button-tile.c6-m:before, .c6-m.sub-feature-tile:before {
        padding-top: 100%
    }

    .image-button-tile.wide:before, .wide.sub-feature-tile:before {
        padding-top: 66%
    }

    .image-button-tile .title, .sub-feature-tile .title {
        font-size: 30px;
        font-size: 3rem;
        font-size: 3vw
    }

    .main-feature-banner.lto .container {
        margin: 10px .5% 0;
        width: 65.66667%
    }

    .main-feature-banner.lto .container, .main-feature-banner.lto .container.c-left {
        float: left
    }

    .main-feature-banner.lto .container.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .main-feature-banner.lto .container.c-right {
        float: right
    }

    .social-tile {
        margin: 10px .5% 0;
        width: 49%
    }

    .social-tile, .social-tile.c-left {
        float: left
    }

    .social-tile.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .social-tile.c-right {
        float: right
    }

    .social-tile:nth-child(3) {
        margin: 10px .5% 0;
        width: 99%
    }

    .social-tile:nth-child(3), .social-tile:nth-child(3).c-left {
        float: left
    }

    .social-tile:nth-child(3).c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .social-tile:nth-child(3).c-right {
        float: right
    }

    .social-tile:nth-child(3):before {
        padding-top: 31.25%
    }

    .sub-feature-tile {
        margin: 10px .5% 0;
        width: 49%;
        max-width: 400px
    }

    .sub-feature-tile, .sub-feature-tile.c-left {
        float: left
    }

    .sub-feature-tile.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .sub-feature-tile.c-right {
        float: right
    }

    body.not-ie8 .sub-feature-tile.round {
        width: 39.2%;
        margin-left: 5.4%;
        margin-right: 5.4%
    }

    .sub-feature-tile .title {
        font-size: 30px;
        font-size: 3rem;
        font-size: 3vw
    }

    .sub-feature-tile .text {
        font-size: 20px;
        font-size: 2rem;
        font-size: 2vw
    }

    .sub-feature-tile + .sub-feature-tile + .sub-feature-tile {
        margin-top: 10px
    }

    .video-block {
        height: 400px
    }

    .video-block.header-video {
        height: auto;
        padding: 80px 0
    }

    .menu-block .tile .title {
        font-size: 30px;
        font-size: 3rem;
        font-size: 2.25vw
    }

    .location-panel .toggle-panel {
        font-family: "Montserrat", "Sans Serif";
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: normal;
        line-height: 44px;
        letter-spacing: 0;
        color: #fff;
        text-transform: none;
        background: #f8f7ee;
        border-radius: 6px 6px 0 0;
        border: none;
        height: 40px;
        right: -75px;
        padding-left: 25px;
        position: absolute;
        top: 37px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        width: 110px;
        color: #2d2a26
    }

    .location-panel .toggle-panel:before {
        font-size: inherit;
        display: inline-block;
        font-family: 'PX Icons';
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        text-rendering: auto;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #d02c30;
        content: '';
        font-size: 12px;
        left: 14px;
        line-height: 44px;
        position: absolute;
        top: 2px;
        -webkit-transition: -webkit-transform 300ms ease;
        transition: transform 300ms ease
    }

    .location-panel .toggle-panel:after {
        content: attr(data-open-label);
        color: #2d2a26
    }

    .location-map-container {
        top: 100px;
        left: 370px;
        right: 10px;
        height: 100%;
        height: calc(100% - 110px)
    }

    .fundraiser-location-table .info-column .name-column {
        margin: 10px .5% 0;
        width: 99%
    }

    .fundraiser-location-table .info-column .name-column, .fundraiser-location-table .info-column .name-column.c-left {
        float: left
    }

    .fundraiser-location-table .info-column .name-column.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .fundraiser-location-table .info-column .name-column.c-right {
        float: right
    }

    .fundraiser-location-table .info-column .address-column {
        margin: 10px .5% 0;
        width: 99%
    }

    .fundraiser-location-table .info-column .address-column, .fundraiser-location-table .info-column .address-column.c-left {
        float: left
    }

    .fundraiser-location-table .info-column .address-column.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .fundraiser-location-table .info-column .address-column.c-right {
        float: right
    }

    .fundraiser-location-table .info-column .city-column {
        margin: 10px .5% 0;
        width: 99%
    }

    .fundraiser-location-table .info-column .city-column, .fundraiser-location-table .info-column .city-column.c-left {
        float: left
    }

    .fundraiser-location-table .info-column .city-column.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .fundraiser-location-table .info-column .city-column.c-right {
        float: right
    }

    .fundraiser-location-table .info-column .phone-column {
        margin: 10px .5% 0;
        width: 99%
    }

    .fundraiser-location-table .info-column .phone-column, .fundraiser-location-table .info-column .phone-column.c-left {
        float: left
    }

    .fundraiser-location-table .info-column .phone-column.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .fundraiser-location-table .info-column .phone-column.c-right {
        float: right
    }

    nav.footer-menu {
        float: none;
        margin: 0 auto
    }

    nav.footer-social-menu {
        float: none;
        margin: 0 auto
    }

    nav.footer-sub-menu {
        margin: 0 auto
    }

    .footer-disclaimer {
        float: none;
        margin: 0 auto;
        padding: 16px 0 0;
        text-align: center
    }

    .footer-app-links {
        float: none;
        margin: 0 auto;
        padding: 16px 0 0
    }

    .nutrition-calculator {
        padding: 90px 10px 10px 0;
        width: 385px
    }

    .nutrition-calculator .calc-bar {
        width: 10px
    }

    .nutrition-calculator .calc-mobile-close-button {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .our-family-story .banner {
        font-size: 22px;
        font-size: 2.2rem;
        height: 550px;
        min-height: 550px
    }

    .our-family-story .banner h1 {
        font-size: 28px;
        font-size: 2.8rem;
        margin-bottom: 20px
    }

    .timeline-title {
        font-size: 28px;
        font-size: 2.8rem
    }

    .timeline-period-title {
        font-size: 40px;
        font-size: 4rem
    }

    .timeline-period-image img {
        height: auto;
        width: 250px
    }

    .timeline-period-description p {
        font-size: 16px;
        font-size: 1.6rem
    }

    .main-nav {
        top: 10px;
        overflow: visible;
        position: fixed;
        left: 10px;
        right: 10px;
        width: 100%;
        width: auto
    }

    .main-links .link-block .anchor {
        font-size: 12px;
        font-size: 1.2rem;
        padding: 0 12px
    }

    .main-links .link-block.food .nav-icon:before {
        font-size: 58px
    }

    .main-links .link-block.locations .nav-icon:before {
        font-size: 66px
    }

    .main-links .link-block.family .nav-icon:before {
        font-size: 54px
    }

    .submenu-link[data-a11y-focus="true"] .submenu, .submenu-link[data-open="true"] .submenu {
        min-height: 300px;
        top: 100px !important;
        -webkit-transition: top 300ms ease;
        transition: top 300ms ease
    }

    .submenu-link .submenu {
        left: 10px;
        right: 10px;
        top: -110%
    }

    .submenu-link .toggle-submenu {
        font-family: "Montserrat", "Sans Serif";
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: normal;
        line-height: 44px;
        letter-spacing: 0;
        color: #fff;
        text-transform: none;
        background: #f9f9f9;
        background: rgba(249, 249, 249, .97);
        border-radius: 0 0 6px 6px;
        border: none;
        height: 40px;
        line-height: 40px;
        color: #0c1a22;
        left: calc(50% - 55px);
        padding: 0 0 0 25px;
        position: absolute;
        bottom: -40px;
        width: 110px
    }

    .submenu-link .toggle-submenu:before {
        font-size: inherit;
        display: inline-block;
        font-family: 'PX Icons';
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        text-rendering: auto;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #d02c30;
        content: '';
        font-size: 12px;
        left: 16px;
        line-height: 40px;
        position: absolute;
        top: 0;
        -webkit-transition: -webkit-transform 300ms ease;
        transition: transform 300ms ease
    }

    .nearest-panda .info-container .order-now-button {
        font-size: 14px;
        font-size: 1.4rem;
        padding: 12px 20px !important
    }

    .nearest-panda .submenu > .container {
        text-align: center
    }

    .nearest-panda .map-area {
        width: 48% !important
    }

    .nearest-panda .map-area .map-container, .nearest-panda .map-area .location-map-popup, .nearest-panda .map-area .location-card {
        width: 100%
    }

    .nearest-panda .order-info {
        padding: 50px 0 0 50%
    }

    .nearest-panda .static-map {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }
}

@media only screen and (max-width: 47.9375em) {
    .wrapper {
        border: none;
        padding-bottom: 100px
    }

    .wrapper .top-frame, .wrapper .bottom-frame {
        height: 0
    }

    .row {
        padding: 0 10px
    }

    .content-container {
        padding: 20px 10px 40px
    }

    .padded-content {
        padding: 0
    }

    .c1-s {
        margin: 10px .5% 0;
        width: 7.33333%
    }

    .c1-s, .c1-s.c-left {
        float: left
    }

    .c1-s.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c1-s.c-right {
        float: right
    }

    .c2-s {
        margin: 10px .5% 0;
        width: 15.66667%
    }

    .c2-s, .c2-s.c-left {
        float: left
    }

    .c2-s.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c2-s.c-right {
        float: right
    }

    .c3-s {
        margin: 10px .5% 0;
        width: 24%
    }

    .c3-s, .c3-s.c-left {
        float: left
    }

    .c3-s.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c3-s.c-right {
        float: right
    }

    .c4-s {
        margin: 10px .5% 0;
        width: 32.33333%
    }

    .c4-s, .c4-s.c-left {
        float: left
    }

    .c4-s.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c4-s.c-right {
        float: right
    }

    .c5-s {
        margin: 10px .5% 0;
        width: 40.66667%
    }

    .c5-s, .c5-s.c-left {
        float: left
    }

    .c5-s.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c5-s.c-right {
        float: right
    }

    .c6-s {
        margin: 10px .5% 0;
        width: 49%
    }

    .c6-s, .c6-s.c-left {
        float: left
    }

    .c6-s.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c6-s.c-right {
        float: right
    }

    .c7-s {
        margin: 10px .5% 0;
        width: 57.33333%
    }

    .c7-s, .c7-s.c-left {
        float: left
    }

    .c7-s.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c7-s.c-right {
        float: right
    }

    .c8-s {
        margin: 10px .5% 0;
        width: 65.66667%
    }

    .c8-s, .c8-s.c-left {
        float: left
    }

    .c8-s.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c8-s.c-right {
        float: right
    }

    .c9-s {
        margin: 10px .5% 0;
        width: 74%
    }

    .c9-s, .c9-s.c-left {
        float: left
    }

    .c9-s.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c9-s.c-right {
        float: right
    }

    .c10-s {
        margin: 10px .5% 0;
        width: 82.33333%
    }

    .c10-s, .c10-s.c-left {
        float: left
    }

    .c10-s.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c10-s.c-right {
        float: right
    }

    .c11-s {
        margin: 10px .5% 0;
        width: 90.66667%
    }

    .c11-s, .c11-s.c-left {
        float: left
    }

    .c11-s.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c11-s.c-right {
        float: right
    }

    .c12-s {
        margin: 10px .5% 0;
        width: 99%
    }

    .c12-s, .c12-s.c-left {
        float: left;
        width: 49%;
    }

    .c12-s.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c12-s.c-right {
        float: right
    }

    .hide-s {
        display: none
    }

    .hide-mobile-down {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .form-box {
        padding: 30px 10px
    }

    .form-footer, .button-group {
        clear: both
    }

    .form-footer a, .form-footer button, .form-footer .button, .form-footer .nutrition-calculator .calc-nutrition-details-button, .nutrition-calculator .form-footer .calc-nutrition-details-button, .form-footer .nutrition-calculator .calc-clear-button, .nutrition-calculator .form-footer .calc-clear-button, .form-footer .nutrition-calculator .calc-print-button, .nutrition-calculator .form-footer .calc-print-button, .button-group a, .button-group button, .button-group .button, .button-group .nutrition-calculator .calc-nutrition-details-button, .nutrition-calculator .button-group .calc-nutrition-details-button, .button-group .nutrition-calculator .calc-clear-button, .nutrition-calculator .button-group .calc-clear-button, .button-group .nutrition-calculator .calc-print-button, .nutrition-calculator .button-group .calc-print-button {
        display: block;
        width: 100%;
        text-align: center;
        margin: 0 0 16px !important
    }

    .button.title-button, .nutrition-calculator .title-button.calc-nutrition-details-button, .nutrition-calculator .title-button.calc-clear-button, .nutrition-calculator .title-button.calc-print-button {
        display: block
    }

    [class^="button"] + [class^="button"] {
        margin-left: 0
    }

    .page-title {
        font-size: 30px;
        font-size: 3rem;
        display: flex;
        float: none;
        padding: 0px 0 px
    }

    .page-description {
        padding-left: 0
    }

    .sticky-title {
        display: block
    }

    .sticky-title[data-sticky="true"] {
        background-image: -webkit-linear-gradient(#f8f7ee 0%, rgba(248, 247, 238, 0) 95%);
        background-image: linear-gradient(#f8f7ee 0%, rgba(248, 247, 238, 0) 95%);
        left: 0;
        padding: 18px;
        position: fixed;
        top: -150px;
        -webkit-transition: top 400ms ease 1.5s;
        transition: top 400ms ease 1.5s;
        width: 100%;
        z-index: 200
    }

    .sticky-title[data-sticky="true"] .menu-tags {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px
    }

    body.is-scrolling .sticky-title[data-sticky="true"] {
        top: 0;
        -webkit-transition-delay: 0ms;
        transition-delay: 0ms
    }

    .sticky-title .page-title {
        margin: 0
    }

    .sticky-placeholder {
        display: block
    }

    .additional-panel-feature .container .title {
        font-size: 7vw
    }

    .additional-panel-feature .container, .additional-panel-feature.home .container {
        padding: 300px 30px 90px
    }

    .additional-panel-feature .button + .button, .additional-panel-feature .nutrition-calculator .calc-nutrition-details-button + .button, .nutrition-calculator .additional-panel-feature .calc-nutrition-details-button + .button, .additional-panel-feature .nutrition-calculator .calc-clear-button + .button, .nutrition-calculator .additional-panel-feature .calc-clear-button + .button, .additional-panel-feature .nutrition-calculator .calc-print-button + .button, .nutrition-calculator .additional-panel-feature .calc-print-button + .button, .additional-panel-feature .nutrition-calculator .button + .calc-nutrition-details-button, .nutrition-calculator .additional-panel-feature .button + .calc-nutrition-details-button, .additional-panel-feature .nutrition-calculator .calc-nutrition-details-button + .calc-nutrition-details-button, .nutrition-calculator .additional-panel-feature .calc-nutrition-details-button + .calc-nutrition-details-button, .additional-panel-feature .nutrition-calculator .calc-clear-button + .calc-nutrition-details-button, .nutrition-calculator .additional-panel-feature .calc-clear-button + .calc-nutrition-details-button, .additional-panel-feature .nutrition-calculator .calc-print-button + .calc-nutrition-details-button, .nutrition-calculator .additional-panel-feature .calc-print-button + .calc-nutrition-details-button, .additional-panel-feature .nutrition-calculator .button + .calc-clear-button, .nutrition-calculator .additional-panel-feature .button + .calc-clear-button, .additional-panel-feature .nutrition-calculator .calc-nutrition-details-button + .calc-clear-button, .nutrition-calculator .additional-panel-feature .calc-nutrition-details-button + .calc-clear-button, .additional-panel-feature .nutrition-calculator .calc-clear-button + .calc-clear-button, .nutrition-calculator .additional-panel-feature .calc-clear-button + .calc-clear-button, .additional-panel-feature .nutrition-calculator .calc-print-button + .calc-clear-button, .nutrition-calculator .additional-panel-feature .calc-print-button + .calc-clear-button, .additional-panel-feature .nutrition-calculator .button + .calc-print-button, .nutrition-calculator .additional-panel-feature .button + .calc-print-button, .additional-panel-feature .nutrition-calculator .calc-nutrition-details-button + .calc-print-button, .nutrition-calculator .additional-panel-feature .calc-nutrition-details-button + .calc-print-button, .additional-panel-feature .nutrition-calculator .calc-clear-button + .calc-print-button, .nutrition-calculator .additional-panel-feature .calc-clear-button + .calc-print-button, .additional-panel-feature .nutrition-calculator .calc-print-button + .calc-print-button, .nutrition-calculator .additional-panel-feature .calc-print-button + .calc-print-button {
        margin: 20px 0 10px
    }

    .image-button-tile.c12-s:before, .c12-s.sub-feature-tile:before {
        padding-top: 50%
    }

    .image-button-tile.c6-s:before, .c6-s.sub-feature-tile:before {
        padding-top: 100%
    }

    .image-button-tile .title, .sub-feature-tile .title {
        font-size: 30px;
        font-size: 3rem;
        font-size: 5vw
    }

    .main-feature-banner .title {
        font-size: 30px;
        font-size: 3rem;
        font-size: 8vw
    }

    .main-feature-banner .subtitle {
        font-size: 20px;
        font-size: 2rem;
        font-size: 6.5vw
    }

    .main-feature-banner.lto .container {
        margin: 10px .5% 0;
        width: 99%
    }

    .main-feature-banner.lto .container, .main-feature-banner.lto .container.c-left {
        float: left
    }

    .main-feature-banner.lto .container.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .main-feature-banner.lto .container.c-right {
        float: right
    }

    .main-feature-banner.lto .title {
        font-size: 7vw
    }

    .social-tile {
        margin: 10px .5% 0;
        width: 99%
    }

    .social-tile, .social-tile.c-left {
        float: left
    }

    .social-tile.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .social-tile.c-right {
        float: right
    }

    .social-tile:nth-child(3) {
        margin: 10px .5% 0;
        width: 99%
    }

    .social-tile:nth-child(3), .social-tile:nth-child(3).c-left {
        float: left
    }

    .social-tile:nth-child(3).c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .social-tile:nth-child(3).c-right {
        float: right
    }

    .social-tile.instagram:after {
        background: -webkit-linear-gradient(rgba(63, 114, 155, .15), rgba(63, 114, 155, .35)) !important;
        background: linear-gradient(rgba(63, 114, 155, .15), rgba(63, 114, 155, .35)) !important
    }

    .social-tile.twitter:after {
        background: -webkit-linear-gradient(rgba(85, 172, 238, .15), rgba(85, 172, 238, .35)) !important;
        background: linear-gradient(rgba(85, 172, 238, .15), rgba(85, 172, 238, .35)) !important
    }

    .social-tile.facebook:after {
        background: -webkit-linear-gradient(rgba(59, 89, 152, .15), rgba(59, 89, 152, .35)) !important;
        background: linear-gradient(rgba(59, 89, 152, .15), rgba(59, 89, 152, .35)) !important
    }

    .social-tile + .social-tile {
        margin-top: 10px
    }

    .sub-feature-tiles-wrapper {
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        padding: 0 10px
    }

    .sub-features-tiles-container {
        width: 100%
    }

    .sub-feature-tile {
        margin: 10px .5% 0;
        width: 2500px;
        height: 226.8px;
    }

    .sub-feature-tile, .sub-feature-tile.c-left {
        float: left
    }

    .sub-feature-tile.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .sub-feature-tile.c-right {
        float: right
    }

    .sub-feature-tile .title {
        font-size: 30px;
        font-size: 3rem;
        font-size: 5vw
    }

    .sub-feature-tile .text {
        font-size: 20px;
        font-size: 2rem;
        font-size: 3vw
    }

    .video-block {
        height: 240px;
        width: calc(100% + 20px);
        margin-left: -10px
    }

    .menu-block .tile .title {
        font-size: 30px;
        font-size: 3rem;
        font-size: 2vw;
    }

    .menu-block .details .button, .menu-block .details .nutrition-calculator .calc-nutrition-details-button, .nutrition-calculator .menu-block .details .calc-nutrition-details-button, .menu-block .details .nutrition-calculator .calc-clear-button, .nutrition-calculator .menu-block .details .calc-clear-button, .menu-block .details .nutrition-calculator .calc-print-button, .nutrition-calculator .menu-block .details .calc-print-button {
        font-size: 14px;
        font-size: 1.4rem
    }

    .location-wrapper {
        height: auto;
        min-height: 100%
    }

    .location-panel .toggle-panel {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .location-panel {
        width: 100%
    }

    .location-panel .title {
        font-size: 21.25px;
        font-size: 2.125rem;
        font-size: 7vw
    }

    .location-map-container {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none
    }

    .location-list-card .distance {
        float: none
    }

    .location-list-card .distance {
        float: none;
        line-height: 1.5
    }

    .location-list-card .name {
        display: block;
        float: none;
        position: relative
    }

    .location-list-card .name:after {
        font-size: inherit;
        display: inline-block;
        font-family: 'PX Icons';
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        text-rendering: auto;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 15px;
        font-size: 1.5rem;
        content: '';
        display: block;
        position: absolute;
        right: 0;
        top: 0
    }

    .location-map-popup {
        height: 100%;
        left: 0;
        min-height: 100%;
        overflow: scroll;
        padding: 10px 0 100px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100
    }

    .location-map-popup[data-state="open"] {
        -webkit-animation: _popup-slidein 300ms ease;
        animation: _popup-slidein 300ms ease
    }

    .location-map-popup[data-state="closed"] {
        -webkit-animation: _popup-slideout 300ms ease;
        animation: _popup-slideout 300ms ease
    }

    .location-map-popup .container {
        overflow: scroll
    }

    .location-map-popup .close {
        display: block;
        height: 30px;
        left: 10px;
        padding: 0 0 0 30px;
        right: auto;
        top: 10px;
        width: 30px;
        z-index: 200
    }

    .location-map-popup .close:before {
        font-size: 30px;
        font-size: 3rem;
        color: #d02c30;
        line-height: 30px
    }

    .location-map-popup .star {
        height: 24px;
        left: auto;
        padding: 0 0 0 24px;
        right: 10px;
        width: 24px;
        z-index: 200
    }

    .location-map-popup .star:before {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 24px
    }

    .location-map-popup .title {
        font-family: "Montserrat Panda", "Sans Serif";
        font-size: 25px;
        font-size: 2.5rem;
        font-weight: bold;
        line-height: 1.4285;
        letter-spacing: 0;
        color: #d02c30;
        text-transform: uppercase;
        display: block;
        padding: 0 40px 0 40px;
        position: relative;
        text-align: center
    }

    .location-map-popup .name {
        font-size: 18px;
        font-size: 1.8rem;
        padding: 15px 30px 0 32px
    }

    .fundraiser-location-table .info-column .name-column {
        margin: 10px .5% 0;
        width: 99%
    }

    .fundraiser-location-table .info-column .name-column, .fundraiser-location-table .info-column .name-column.c-left {
        float: left
    }

    .fundraiser-location-table .info-column .name-column.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .fundraiser-location-table .info-column .name-column.c-right {
        float: right
    }

    .fundraiser-location-table .info-column .address-column {
        margin: 10px .5% 0;
        width: 99%
    }

    .fundraiser-location-table .info-column .address-column, .fundraiser-location-table .info-column .address-column.c-left {
        float: left
    }

    .fundraiser-location-table .info-column .address-column.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .fundraiser-location-table .info-column .address-column.c-right {
        float: right
    }

    .fundraiser-location-table .info-column .city-column {
        margin: 10px .5% 0;
        width: 99%
    }

    .fundraiser-location-table .info-column .city-column, .fundraiser-location-table .info-column .city-column.c-left {
        float: left
    }

    .fundraiser-location-table .info-column .city-column.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .fundraiser-location-table .info-column .city-column.c-right {
        float: right
    }

    .fundraiser-location-table .info-column .phone-column {
        margin: 10px .5% 0;
        width: 99%
    }

    .fundraiser-location-table .info-column .phone-column, .fundraiser-location-table .info-column .phone-column.c-left {
        float: left
    }

    .fundraiser-location-table .info-column .phone-column.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .fundraiser-location-table .info-column .phone-column.c-right {
        float: right
    }

    .faq-question, .faq-answer {
        padding-left: inherit;
        padding-right: inherit
    }

    .faq-question:first-of-type {
        margin-top: 30px
    }

    .footer {
        bottom: 75px
    }

    .footer-high {
        margin: 10px .5% 0;
        width: 99%;
        margin-top: 0
    }

    .footer-high, .footer-high.c-left {
        float: left
    }

    .footer-high.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .footer-high.c-right {
        float: right
    }

    .footer-low {
        margin: 10px .5% 0;
        width: 99%;
        margin-top: 0;
        background-image: none
    }

    .footer-low, .footer-low.c-left {
        float: left
    }

    .footer-low.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .footer-low.c-right {
        float: right
    }

    nav.footer-menu {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px
    }

    nav.footer-social-menu {
        float: none;
        margin: 0 auto
    }

    nav.footer-sub-menu {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px
    }

    .footer-disclaimer {
        padding: 0 5%;
        text-align: center
    }

    .footer-app-links {
        float: none;
        margin-bottom: 15px
    }

    .nutrition-calculator {
        padding: 0;
        width: 100%;
        z-index: 220
    }

    .nutrition-calculator .calc-bar {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .nutrition-calculator .calc-mobile-close-button {
        position: absolute;
        top: 22px;
        left: 16px;
        background: none;
        border: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 40px;
        width: 40px;
        overflow: hidden;
        padding: 0 0 0 40px
    }

    .nutrition-calculator .calc-mobile-close-button:before {
        font-size: inherit;
        display: inline-block;
        font-family: 'PX Icons';
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        text-rendering: auto;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 40px;
        font-size: 4rem;
        line-height: 40px;
        content: '';
        position: absolute;
        color: #d02c30;
        left: 0;
        top: 0
    }

    .nutrition-calculator .calc-items-container {
        position: relative
    }

    .nutrition-calculator .calc-title {
        font-size: 19px;
        font-size: 1.9rem;
        padding: 0 0 15px 40px;
        text-align: left
    }

    .nutrition-calculator[data-state="closed"] {
        right: -100%
    }

    .nutrition-calculator .calc-clear-button, .nutrition-calculator .calc-nutrition-details-button {
        padding-left: 10px;
        padding-right: 10px
    }

    .our-family-story .banner {
        font-size: 16px;
        font-size: 1.6rem;
        background-position: top right 10%;
        height: 450px;
        min-height: 450px;
        padding-right: 60%
    }

    .our-family-story .banner h1 {
        font-size: 22px;
        font-size: 2.2rem;
        margin-bottom: 15px
    }

    .timeline-title {
        font-size: 22px;
        font-size: 2.2rem
    }

    .timeline-period {
        margin-top: 150px
    }

    .timeline-period-title {
        font-size: 32px;
        font-size: 3.2rem;
        background: #f8f7ee;
        opacity: 1;
        padding: 0 !important;
        position: relative;
        -webkit-transition: none;
        transition: none;
        top: -20px
    }

    .timeline-period-content {
        display: block;
        padding-top: 215px;
        position: relative
    }

    .timeline-period-content div {
        display: block;
        left: auto;
        opacity: 1;
        position: static;
        right: auto;
        -webkit-transition: none !important;
        transition: none !important;
        width: 100%
    }

    .timeline-period-image {
        left: 50%;
        position: absolute !important;
        top: 0;
        text-align: center !important
    }

    .timeline-period-image:before, .timeline-period-image:after {
        display: none
    }

    .timeline-period-image img {
        width: 200px
    }

    .timeline-period-description {
        padding: 0 !important
    }

    .timeline-period-description p {
        font-size: 16px;
        font-size: 1.6rem;
        width: 100%
    }

    .main-nav {
        position: fixed;
        height: 80px;
        -webkit-transition: height 200ms cubic-bezier(.42, .81, .15, 1);
        transition: height 200ms cubic-bezier(.42, .81, .15, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        padding-top: 79px
    }

    .main-nav:after {
        background: #d02c30;
        background: rgba(208, 44, 48, .97);
        bottom: 0;
        content: '';
        display: block;
        height: 75px;
        left: 0;
        height: 75px;
        position: absolute;
        right: 0;
        top: 35px;
        width: 100%;
        width: auto;
        z-index: -1
    }

    .main-nav[data-mobile-active="true"] {
        -webkit-transition: height 200ms cubic-bezier(.1, .99, .36, 1);
        transition: height 200ms cubic-bezier(.1, .99, .36, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        overflow: visible;
        height: 100%
    }

    .main-nav[data-mobile-active="true"] ~ .bottom-frame:before {
        opacity: 1;
        height: 100%;
        -webkit-transition: opacity 200ms ease;
        transition: opacity 200ms ease
    }

    .main-nav ~ .bottom-frame:before {
        content: '';
        background: #000;
        height: 0;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        background: rgba(0, 0, 0, .6);
        opacity: 0;
        -webkit-transition: opacity 200ms ease, height 0s linear 200ms;
        transition: opacity 200ms ease, height 0s linear 200ms
    }

    body.mobile-input-focused .main-nav {
        position: absolute !important
    }

    .main-nav .logo {
        background-size: 61px 61px;
        position: absolute;
        top: 18px;
        bottom: auto;
        left: 5px;
        height: 61px;
        overflow: visible;
        width: 61px
    }
    .main-nav .logo2 {
        background-size: 116px 116px;
        position: absolute;
        top: -12px;
        bottom: auto;
        left: 26px;
        height: 116px;
        overflow: visible;
        width: 116px
    }

    .main-links {
        text-align: left;
        padding: 0 25px 0 25px;
        margin-left: 50px;
        display: table;
        position: relative;
        top: -58px
    }

    .main-links .link-block {
        display: table-cell
    }

    .main-links .link-block:before {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .main-links .link-block .anchor {
        font-size: 9.5px;
        font-size: .95rem;
        padding: -1 8px;
        height: 75px;
        line-height: 75px;
        letter-spacing: .025em;
        text-align: center
    }

    .main-links .link-block .anchor:before {
        content: attr(data-mobile-label)
    }

    .main-links .link-block .anchor:after {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .main-links .link-block.food .nav-icon:before {
        font-size: 44px;
        line-height: 75px
    }

    .main-links .link-block.locations .nav-icon:before {
        font-size: 50px;
        line-height: 75px
    }

    .main-links .link-block.order .anchor {
        color: #ffb819;
        font-weight: bold
    }

    .main-links .link-block.order .nav-icon:before {
        font-size: 48px;
        line-height: 75px
    }

    .main-links .link-block.family {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .submenu-link .submenu {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .nearest-panda {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .burger-icon {
        height: 75px;
        vertical-align: top;
        position: relative;
        text-align: center
    }

    .burger-icon .nav-icon {
        display: block;
        width: 50px;
        height: 75px;
        margin: 0 auto;
        position: relative
    }

    .burger-icon .nav-icon:before {
        font-size: inherit;
        display: inline-block;
        font-family: 'PX Icons';
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        text-rendering: auto;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #fff;
        left: 0;
        font-size: 25px;
        line-height: 75px;
        margin: auto;
        position: absolute;
        right: 0;
        text-align: center;
        text-shadow: none;
        content: ''
    }

    .mobile-nav {
        background: #f8f7ee;
        display: block;
        height: 100%;
        left: 0;
        margin-top: -75px;
        overflow: auto;
        overflow-x: hidden;
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
        z-index: -2;
        -webkit-overflow-scrolling: touch
    }

    .mobile-nav > li {
        display: block
    }

    .mobile-nav > li .mobile-link, .mobile-nav > li .submenu-link, .mobile-nav > li .mobile-back {
        font-family: "Montserrat Panda", "Sans Serif";
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: normal;
        line-height: 1;
        letter-spacing: .05em;
        color: #0c1a22;
        text-transform: uppercase;
        background: none;
        border: none;
        border-bottom: 1px solid #eeeee6;
        display: block !important;
        margin: 0;
        padding: 24px 32px 22px 30px;
        position: relative;
        text-align: left;
        text-decoration: none;
        width: 100%
    }

    .mobile-nav > li .mobile-link:active, .mobile-nav > li .submenu-link:active, .mobile-nav > li .mobile-back:active {
        background: #eeeee6
    }

    .mobile-nav > li .submenu {
        background: #f8f7ee;
        left: 105%;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2;
        -webkit-transition: left 200ms ease;
        transition: left 200ms ease;
        overflow: auto;
        overflow-x: hidden
    }

    .mobile-nav > li .mobile-back {
        color: #d02c30;
        padding-left: 40px;
        font-weight: bold
    }

    .mobile-nav > li .mobile-back:before {
        font-size: inherit;
        display: inline-block;
        font-family: 'PX Icons';
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        text-rendering: auto;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #f19933;
        content: '';
        display: block;
        font-size: 14px;
        line-height: 64px;
        position: absolute;
        left: 20px;
        top: 0
    }

    .mobile-nav > li .submenu-link:after {
        font-size: inherit;
        display: inline-block;
        font-family: 'PX Icons';
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        text-rendering: auto;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #f19933;
        content: '';
        display: block;
        font-size: 14px;
        line-height: 64px;
        position: absolute;
        right: 20px;
        top: 0
    }

    .mobile-nav > li .submenu-link[data-active="true"] + .submenu {
        left: 0;
        height: 100%;
        -webkit-transition: left 200ms ease;
        transition: left 200ms ease
    }

    .main-nav[data-mobile-active="true"] .burger-icon {
        background: #f8f7ee
    }

    .main-nav[data-mobile-active="true"] .burger-icon .nav-icon:before {
        color: #2d2a26
    }
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
}

@media only screen and (min-width: 48em) {
    .padded-content .full-row {
        width: calc(101% + 40px) !important;
        margin: 0 0 20px calc(-40px + .5%)
    }

    .hide-tablet-up {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .button.title-button, .nutrition-calculator .title-button.calc-nutrition-details-button, .nutrition-calculator .title-button.calc-clear-button, .nutrition-calculator .title-button.calc-print-button {
        float: right
    }

    .page-title {
        display: inline-block;
        padding-left: 40px
    }

    .padded-content .page-title {
        padding-left: 0
    }

    .location-panel {
        width: 360px;
        float: left
    }

    .main-nav:after {
        background-color: #d02c30;
        background-image: -webkit-linear-gradient(#d02c30, #c72029);
        background-image: linear-gradient(#d02c30, #c72029);
        bottom: 0;
        content: '';
        display: block;
        height: 90px;
        left: 0;
        height: 90px;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        width: auto;
        z-index: -1
    }

    .main-nav:before {
        content: '';
        position: absolute;
        top: -20px;
        left: 0;
        bottom: 0;
        right: 0;
        background: #eeeee6;
        height: 20px;
        width: 100%;
        width: auto;
        z-index: 5
    }

    .main-nav .logo {
        background-size: 120px 120px;
        position: absolute;
        top: -10px;
        left: 30px;
        height: 120px;
        overflow: visible;
        width: 120px
    }

    .main-links {
        padding-left: 162px;
        text-align: left
    }

    .main-links .link-block.order {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .link-block:before {
        background: #f9f9f9;
        background: rgba(249, 249, 249, .97);
        content: '';
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: -110px;
        -webkit-transition: top 100ms ease-out 300ms;
        transition: top 100ms ease-out 300ms;
        width: 100%;
        z-index: 1
    }

    .link-block:hover:before, .link-block:focus:before, .link-block[data-a11y-focus="true"]:before {
        -webkit-transition: top 80ms ease-in;
        transition: top 80ms ease-in;
        top: 0
    }

    .link-block:hover .anchor, .link-block:focus .anchor, .link-block[data-a11y-focus="true"] .anchor {
        color: #d02c30;
        text-shadow: none;
        -webkit-transition: color 300ms ease;
        transition: color 300ms ease;
        z-index: 3
    }

    .link-block:hover .anchor:after, .link-block:focus .anchor:after, .link-block[data-a11y-focus="true"] .anchor:after {
        -webkit-transition: width 100ms ease-in 100ms;
        transition: width 100ms ease-in 100ms;
        width: 75%;
        width: calc(100% - 40px)
    }

    .link-block:hover .anchor .nav-icon:before, .link-block:focus .anchor .nav-icon:before, .link-block[data-a11y-focus="true"] .anchor .nav-icon:before {
        color: #e7e1d9;
        -webkit-transition: color 300ms ease;
        transition: color 300ms ease
    }

    .mobile-nav, .link-block.burger-icon {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }
}

@media only screen and (min-width: 64.0625em) {
    .c1-l {
        margin: 10px .5% 0;
        width: 7.33333%
    }

    .c1-l, .c1-l.c-left {
        float: left
    }

    .c1-l.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c1-l.c-right {
        float: right
    }

    .c2-l {
        margin: 10px .5% 0;
        width: 15.66667%
    }

    .c2-l, .c2-l.c-left {
        float: left
    }

    .c2-l.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c2-l.c-right {
        float: right
    }

    .c3-l {
        margin: 10px .5% 0;
        width: 24%
    }

    .c3-l, .c3-l.c-left {
        float: left
    }

    .c3-l.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c3-l.c-right {
        float: right
    }

    .c4-l {
        margin: 10px .5% 0;
    }

    .c4-l, .c4-l.c-left {
        float: left
    }

    .c4-l.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c4-l.c-right {
        float: right
    }

    .c5-l {
        margin: 10px .5% 0;
        width: 40.66667%
    }

    .c5-l, .c5-l.c-left {
        float: left
    }

    .c5-l.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c5-l.c-right {
        float: right
    }

    .c6-l {
        margin: 10px .5% 0;
        width: 49%
    }

    .c6-l, .c6-l.c-left {
        float: left
    }

    .c6-l.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c6-l.c-right {
        float: right
    }

    .c7-l {
        margin: 10px .5% 0;
        width: 57.33333%
    }

    .c7-l, .c7-l.c-left {
        float: left
    }

    .c7-l.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c7-l.c-right {
        float: right
    }

    .c8-l {
        margin: 10px .5% 0;
        width: 65.66667%
    }

    .c8-l, .c8-l.c-left {
        float: left
    }

    .c8-l.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c8-l.c-right {
        float: right
    }

    .c9-l {
        margin: 10px .5% 0;
        width: 74%
    }

    .c9-l, .c9-l.c-left {
        float: left
    }

    .c9-l.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c9-l.c-right {
        float: right
    }

    .c10-l {
        margin: 10px .5% 0;
        width: 82.33333%
    }

    .c10-l, .c10-l.c-left {
        float: left
    }

    .c10-l.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c10-l.c-right {
        float: right
    }

    .c11-l {
        margin: 10px .5% 0;
        width: 90.66667%
    }

    .c11-l, .c11-l.c-left {
        float: left
    }

    .c11-l.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c11-l.c-right {
        float: right
    }

    .c12-l {
        margin: 10px .5% 0;
        width: 99%
    }

    .c12-l, .c12-l.c-left {
        float: left
    }

    .c12-l.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .c12-l.c-right {
        float: right
    }

    .hide-l {
        display: none
    }

    .hide-desktop-up {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .video-modal .video-wrapper .video-container:after {
        right: -36px
    }

    .main-feature-banner.lto .container {
        margin: 10px .5% 0;
        width: 49%
    }

    .main-feature-banner.lto .container, .main-feature-banner.lto .container.c-left {
        float: left
    }

    .main-feature-banner.lto .container.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .main-feature-banner.lto .container.c-right {
        float: right
    }

    .social-tile {
        margin: 10px .5% 0;
        width: 32.33333%
    }

    .social-tile, .social-tile.c-left {
        float: left
    }

    .social-tile.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .social-tile.c-right {
        float: right
    }

    .social-tile:nth-child(3) {
        margin: 10px .5% 0;
        width: 32.33333%
    }

    .social-tile:nth-child(3), .social-tile:nth-child(3).c-left {
        float: left
    }

    .social-tile:nth-child(3).c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .social-tile:nth-child(3).c-right {
        float: right
    }

    .sub-feature-tile {
        margin: 10px .5% 0;
        min-width: 400px
    }

    .sub-feature-tile, .sub-feature-tile.c-left {
        float: left
    }

    .sub-feature-tile.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .sub-feature-tile.c-right {
        float: right
    }

    .video-block {
        height: 540px
    }

    .video-block.header-video {
        height: auto;
        padding: 140px 0
    }

    .menu-block:hover, .menu-block:focus, .menu-block[data-a11y-focus="true"] {
        box-shadow: 0 0 0 3px white, 0 0 0 3px #e9e8e0;
        overflow: visible;
        position: relative;
        -webkit-transform: translateY(25px) translateZ(0);
        transform: translateY(25px) translateZ(0);
        -webkit-transition: -webkit-transform 300ms ease, box-shadow 150ms ease;
        transition: transform 300ms ease, box-shadow 150ms ease;
        z-index: 5
    }

    .menu-block:hover:before, .menu-block:focus:before, .menu-block[data-a11y-focus="true"]:before {
        content: '';
        position: absolute;
        width: 100%;
        width: calc(100% + 50px);
        left: -25px;
        top: -25px;
        height: 100%
    }

    .menu-block:hover .details, .menu-block:focus .details, .menu-block[data-a11y-focus="true"] .details {
        box-shadow: 0 0 0 25px white, 0 -2px 0 25px white, 0 0 0 26px #e9e8e0, 0 3px 0 25px rgba(0, 0, 0, .1);
        left: 0;
        position: absolute;
        top: 100%;
        -webkit-transition: top 300ms ease, box-shadow 150ms ease;
        transition: top 300ms ease, box-shadow 150ms ease;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        width: 100%
    }

    .menu-block:hover .details:before, .menu-block:focus .details:before, .menu-block[data-a11y-focus="true"] .details:before {
        content: '';
        position: absolute;
        width: 100%;
        width: calc(100% + 50px);
        left: -25px;
        top: -25px;
        height: 100%;
        height: calc(100% + 50px)
    }

    .menu-block:hover .details .nutrition, .menu-block:focus .details .nutrition, .menu-block[data-a11y-focus="true"] .details .nutrition {
        display: block;
        height: auto;
        overflow: auto;
        position: inherit;
        white-space: normal;
        width: auto;
        position: relative;
        width: 100%
    }

    .menu-block .details {
        left: 0;
        position: absolute;
        top: 0;
        -webkit-transition: top 500ms ease, box-shadow 300ms ease;
        transition: top 500ms ease, box-shadow 300ms ease;
        width: 100%;
        z-index: 2
    }

    .nutrition-facts header .details-button {
        float: right
    }

    .nutrition-facts .nutrition-col {
        border-bottom: 4px solid #dadad2;
        width: 47.5%;
        float: left
    }

    .nutrition-facts .nutrition-col + .nutrition-col {
        margin-left: 5%
    }

    .nutrition-facts footer {
        zoom: 1;
        clear: both;
        padding-top: 36px
    }

    .nutrition-facts footer:before, .nutrition-facts footer:after {
        content: '';
        display: table;
        width: 100%
    }

    .nutrition-facts footer:after {
        clear: both
    }

    .nutrition-facts footer .details-button {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .location-panel .toggle-panel {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .fundraiser-location-table .info-column .name-column {
        margin: 10px .5% 0;
        width: 32.33333%
    }

    .fundraiser-location-table .info-column .name-column, .fundraiser-location-table .info-column .name-column.c-left {
        float: left
    }

    .fundraiser-location-table .info-column .name-column.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .fundraiser-location-table .info-column .name-column.c-right {
        float: right
    }

    .fundraiser-location-table .info-column .address-column {
        margin: 10px .5% 0;
        width: 32.33333%
    }

    .fundraiser-location-table .info-column .address-column, .fundraiser-location-table .info-column .address-column.c-left {
        float: left
    }

    .fundraiser-location-table .info-column .address-column.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .fundraiser-location-table .info-column .address-column.c-right {
        float: right
    }

    .fundraiser-location-table .info-column .city-column {
        margin: 10px .5% 0;
        width: 15.66667%
    }

    .fundraiser-location-table .info-column .city-column, .fundraiser-location-table .info-column .city-column.c-left {
        float: left
    }

    .fundraiser-location-table .info-column .city-column.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .fundraiser-location-table .info-column .city-column.c-right {
        float: right
    }

    .fundraiser-location-table .info-column .phone-column {
        margin: 10px .5% 0;
        width: 15.66667%
    }

    .fundraiser-location-table .info-column .phone-column, .fundraiser-location-table .info-column .phone-column.c-left {
        float: left
    }

    .fundraiser-location-table .info-column .phone-column.c-center {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .fundraiser-location-table .info-column .phone-column.c-right {
        float: right
    }

    .fundraiser-event-table .view-event-link {
        display: none
    }

    .nutrition-calculator {
        padding: 110px 20px 20px 0;
        width: 395px
    }

    .nutrition-calculator .calc-bar {
        width: 20px
    }

    .nutrition-calculator .calc-mobile-close-button {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .our-family-story .banner p {
        font-size: .75em
    }

    .timeline-container {
        max-width: 1130px;
        margin: 0 auto
    }

    .main-nav {
        left: 20px;
        overflow: visible;
        position: fixed;
        right: 20px;
        top: 20px
    }

    .main-links .link-block .anchor {
        padding: 0 32px
    }

    .submenu-link[data-a11y-focus="true"] .submenu, .submenu-link[data-open="true"] .submenu {
        min-height: 300px;
        top: 110px !important;
        -webkit-transition: top 300ms ease;
        transition: top 300ms ease
    }

    .submenu-link .submenu {
        left: 20px;
        right: 20px;
        top: -110%
    }

    .submenu-link .toggle-submenu {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .nearest-panda .submenu > .container {
        text-align: center
    }

    .nearest-panda .map-area {
        width: 540px
    }

    .nearest-panda .map-area .map-container {
        width: 540px
    }

    .nearest-panda .map-area .location-map-popup, .nearest-panda .map-area .location-card {
        width: 260px
    }

    .nearest-panda .order-info {
        padding: 50px 0 0 580px
    }

    .nearest-panda .static-map {
        height: 270px;
        width: 280px;
        float: left
    }
}

@media only screen and (max-width: 20em) {
    .hide-small {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .nutrition-calculator .calc-items-container {
        position: relative;
        padding: 14px 14px 0
    }

    .nutrition-calculator .calc-nutrition-container .calc-nutrition-top, .nutrition-calculator .calc-nutrition-container .calc-nutrition-facts-details, .nutrition-calculator .calc-nutrition-container .calc-nutrition-bottom {
        padding-left: 14px;
        padding-right: 14px
    }

    .nutrition-calculator .calc-nutrition-container .calc-nutrition-top:after, .nutrition-calculator .calc-nutrition-container .calc-nutrition-bottom:after {
        width: calc(100% - 28px);
        left: 14px
    }

    .nutrition-calculator .calc-title {
        font-size: 17px;
        font-size: 1.7rem;
        padding: 16px 0 15px 55px
    }

    .nutrition-calculator .calc-clear-button, .nutrition-calculator .calc-nutrition-details-button {
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 20.0625em)and (max-width: 47.9375em) {
    .hide-mobile {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }
}

@media only screen and (min-width: 20.0625em) {
    .hide-mobile-up {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }
}

@media only screen and (max-width: 64em) {
    .hide-tablet-down {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .follow-box {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        opacity: 0
    }

    .image-button-tile.c12:before, .c12.sub-feature-tile:before {
        padding-top: 50%
    }

    .image-button-tile.c6:before, .c6.sub-feature-tile:before {
        padding-top: 100%
    }

    .menu-block .details {
        zoom: 1;
        clear: both;
        box-shadow: 0 2px 0 0 rgba(0, 0, 0, .1);
        padding: 10px
    }

    .menu-block .details:before, .menu-block .details:after {
        content: '';
        display: table;
        width: 100%
    }

    .menu-block .details:after {
        clear: both
    }

    .menu-block .details .button, .menu-block .details .nutrition-calculator .calc-nutrition-details-button, .nutrition-calculator .menu-block .details .calc-nutrition-details-button, .menu-block .details .nutrition-calculator .calc-clear-button, .nutrition-calculator .menu-block .details .calc-clear-button, .menu-block .details .nutrition-calculator .calc-print-button, .nutrition-calculator .menu-block .details .calc-print-button {
        font-size: 12px;
        font-size: 1.2rem;
        padding-left: 4px;
        padding-right: 4px;
        margin: 0
    }

    .menu-block .details .button.calc, .menu-block .details .nutrition-calculator .calc.calc-nutrition-details-button, .nutrition-calculator .menu-block .details .calc.calc-nutrition-details-button, .menu-block .details .nutrition-calculator .calc.calc-clear-button, .nutrition-calculator .menu-block .details .calc.calc-clear-button, .menu-block .details .nutrition-calculator .calc.calc-print-button, .nutrition-calculator .menu-block .details .calc.calc-print-button {
        float: left;
        width: 58%
    }

    .menu-block .details .button.calc:before, .menu-block .details .nutrition-calculator .calc.calc-nutrition-details-button:before, .nutrition-calculator .menu-block .details .calc.calc-nutrition-details-button:before, .menu-block .details .nutrition-calculator .calc.calc-clear-button:before, .nutrition-calculator .menu-block .details .calc.calc-clear-button:before, .menu-block .details .nutrition-calculator .calc.calc-print-button:before, .nutrition-calculator .menu-block .details .calc.calc-print-button:before {
        content: attr(data-mobile-label)
    }

    .menu-block .details .button.order, .menu-block .details .nutrition-calculator .order.calc-nutrition-details-button, .nutrition-calculator .menu-block .details .order.calc-nutrition-details-button, .menu-block .details .nutrition-calculator .order.calc-clear-button, .nutrition-calculator .menu-block .details .order.calc-clear-button, .menu-block .details .nutrition-calculator .order.calc-print-button, .nutrition-calculator .menu-block .details .order.calc-print-button {
        float: right;
        width: 39%
    }

    .menu-block .details .button.order-full, .menu-block .details .nutrition-calculator .order-full.calc-nutrition-details-button, .nutrition-calculator .menu-block .details .order-full.calc-nutrition-details-button, .menu-block .details .nutrition-calculator .order-full.calc-clear-button, .nutrition-calculator .menu-block .details .order-full.calc-clear-button, .menu-block .details .nutrition-calculator .order-full.calc-print-button, .nutrition-calculator .menu-block .details .order-full.calc-print-button {
        float: none;
        width: 100%
    }

    .menu-item-button-group {
        padding: 0 0 24px
    }

    .menu-item-button-group .social-buttons {
        width: 100%;
        display: block;
        text-align: center;
        padding: 24px 0 0
    }

    .menu-item-button-group .button, .menu-item-button-group .nutrition-calculator .calc-nutrition-details-button, .nutrition-calculator .menu-item-button-group .calc-nutrition-details-button, .menu-item-button-group .nutrition-calculator .calc-clear-button, .nutrition-calculator .menu-item-button-group .calc-clear-button, .menu-item-button-group .nutrition-calculator .calc-print-button, .nutrition-calculator .menu-item-button-group .calc-print-button {
        display: block;
        margin: 10px 0 0;
        width: 100%
    }

    .menu-item-title + .menu-tags {
        padding: 0 0 18px
    }

    .nutrition-facts header .details-button {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .nutrition-facts .nutrition-col + .nutrition-col {
        border-top: 1px solid #dadad2;
        border-bottom: 4px solid #dadad2
    }

    .nutrition-facts footer {
        zoom: 1;
        clear: both;
        padding-top: 20px
    }

    .nutrition-facts footer:before, .nutrition-facts footer:after {
        content: '';
        display: table;
        width: 100%
    }

    .nutrition-facts footer:after {
        clear: both
    }

    .nutrition-facts footer .details-button {
        display: block;
        width: 100%;
        text-align: center
    }

    .nutrition-facts footer .legal {
        padding-top: 28px
    }

    .login-box {
        margin-left: 0 !important;
        width: 100%
    }

    .fundraiser-location-table .table-row.title {
        display: none
    }

    .fundraiser-event-table thead tr {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .fundraiser-event-table table, .fundraiser-event-table tbody, .fundraiser-event-table tr, .fundraiser-event-table td {
        display: block
    }

    .fundraiser-event-table tbody tr {
        padding: 14px 10px;
        position: relative
    }

    .fundraiser-event-table tbody tr:first-child {
        border-top: 1px solid #ebebeb
    }

    .fundraiser-event-table tbody tr td {
        display: block;
        font-weight: normal;
        padding: 5px 0;
        width: 100%
    }

    .fundraiser-event-table .name-column {
        font-weight: bold
    }

    .fundraiser-event-table .name-column:after {
        font-size: inherit;
        display: inline-block;
        font-family: 'PX Icons';
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        text-rendering: auto;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #54565b;
        content: '';
        font-size: 18px;
        position: absolute;
        right: 0;
        top: 19px
    }

    .fundraiser-event-table .name-column .view-event-link {
        bottom: 0;
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%
    }

    .fundraiser-event-table .date-column {
        display: inline-block !important;
        width: initial
    }

    .fundraiser-event-table .date-column:before {
        content: 'Date: ';
        color: #76777b
    }

    .fundraiser-event-table .time-column {
        display: inline-block !important;
        width: initial;
        padding-left: 10px
    }

    .fundraiser-event-table .time-column:before {
        content: 'Time: ';
        color: #76777b
    }

    .fundraiser-event-table .status-column {
        font-weight: bold
    }

    .fundraiser-event-table .status-column:before {
        content: 'Status: ';
        font-weight: normal;
        color: #76777b
    }

    .fundraiser-event-table .amount-column, .fundraiser-event-table .action-column {
        display: none !important;
        visibility: hidden
    }

    .form-cta-row .column {
        display: block;
        width: 100%
    }

    .form-cta-row .column .view-label {
        text-align: center;
        margin-bottom: 20px
    }

    .form-cta-row .column .button, .form-cta-row .column .nutrition-calculator .calc-nutrition-details-button, .nutrition-calculator .form-cta-row .column .calc-nutrition-details-button, .form-cta-row .column .nutrition-calculator .calc-clear-button, .nutrition-calculator .form-cta-row .column .calc-clear-button, .form-cta-row .column .nutrition-calculator .calc-print-button, .nutrition-calculator .form-cta-row .column .calc-print-button {
        width: 100%
    }

    .view-label {
        display: inline-block;
        padding: 5px 20px 5px 0
    }

    .view-data {
        display: inline-block
    }

    .resource-table, .resource-table thead, .resource-table tbody, .resource-table tr, .resource-table th, .resource-table td, .resource-table .button, .resource-table .nutrition-calculator .calc-nutrition-details-button, .nutrition-calculator .resource-table .calc-nutrition-details-button, .resource-table .nutrition-calculator .calc-clear-button, .nutrition-calculator .resource-table .calc-clear-button, .resource-table .nutrition-calculator .calc-print-button, .nutrition-calculator .resource-table .calc-print-button {
        display: block;
        width: 100%;
        text-align: center
    }

    .calc-nutrition-container, .calc-items-container {
        -webkit-overflow-scrolling: touch
    }
}

@media only screen and (min-width: 48em)and (max-width: 74.9375em) {
    .hide-tablet-desktop-sm {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .nearest-panda {
        display: table;
        height: 90px;
        position: absolute;
        right: 0;
        top: 0
    }

    .nearest-panda .info-container {
        display: table-cell;
        padding: 0 20px;
        vertical-align: middle
    }

    .nearest-panda .info-container .info {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .nearest-panda .info-container .order-now-button {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        font-family: "Montserrat Panda", "Sans Serif";
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 1;
        letter-spacing: 0;
        color: #f19933;
        text-transform: uppercase;
        border-left: none;
        border-right: none;
        border-top: none;
        box-shadow: 0 3px 0 rgba(0, 0, 0, .1);
        color: #2d2a26;
        display: block;
        line-height: 1;
        padding: 12px 20px 12px 40px;
        position: relative;
        text-align: center;
        text-decoration: none;
        z-index: 5;
        background-color: #f19933;
        background-image: -webkit-linear-gradient(#f19933, #e69129);
        background-image: linear-gradient(#f19933, #e69129);
        border-bottom: 2px solid #d17e12
    }

    .nearest-panda .info-container .order-now-button:hover:not(.inactive) {
        background-color: #f3a54b;
        background: -webkit-linear-gradient(#f3a54b, #e99d40);
        background: linear-gradient(#f3a54b, #e99d40)
    }

    .nearest-panda .info-container .order-now-button:active:not(.inactive) {
        background-color: #e08b23;
        background-image: -webkit-linear-gradient(#e08b23, #d17e12);
        background-image: linear-gradient(#e08b23, #d17e12);
        border-bottom: none;
        box-shadow: none;
        top: 2px;
        background: -webkit-linear-gradient(#e08b23, #d17e12);
        background: linear-gradient(#e08b23, #d17e12)
    }

    .nearest-panda .info-container .order-now-button.inactive {
        opacity: .5;
        cursor: default
    }

    .nearest-panda .info-container .order-now-button:after {
        background: -webkit-linear-gradient(315deg, transparent 0%, transparent 50%, #e69129 50%, #e69129 100%);
        background: linear-gradient(135deg, transparent 0%, transparent 50%, #e69129 50%, #e69129 100%);
        bottom: -7px;
        box-shadow: -2px -2px #e69129 inset, 2px 2px 0 #d17e12, 5px 5px 0 rgba(0, 0, 0, .1);
        content: '';
        height: 16px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: bottom 100ms ease, height 150ms ease, width 150ms ease;
        transition: bottom 100ms ease, height 150ms ease, width 150ms ease;
        width: 16px
    }
}

@media only screen and (min-width: 64.0625em)and (max-width: 74.9375em) {
    .hide-desktop-sm {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .main-links {
        padding-left: 170px
    }

    .main-links .link-block .anchor {
        padding: 0 30px
    }

    .nearest-panda .info-container .order-now-button {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 12px 20px 12px 40px
    }

    .nearest-panda .info-container .order-now-button:before {
        font-size: inherit;
        display: inline-block;
        font-family: 'PX Icons';
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        text-rendering: auto;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 32px;
        font-size: 3.2rem;
        color: #ce7c0e;
        text-shadow: none;
        content: '';
        position: absolute;
        top: 2px;
        left: 10px;
        height: 100%;
        width: 25px
    }

    .nearest-panda .info-container .order-now-button:hover {
        text-decoration: none
    }
}

@media only screen and (min-width: 75em) {
    .hide-desktop-lg-up {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .main-links {
        padding: 0 370px 0 155px
    }

    .nearest-panda {
        height: 90px;
        position: absolute;
        right: 0;
        top: 0;
        width: 370px
    }

    .nearest-panda .info-container {
        background-color: #c01725;
        background-image: -webkit-linear-gradient(#eeeee6 0%, #eeeee6 50%, #c01725 50%, #c01725 100%);
        background-image: linear-gradient(#eeeee6 0%, #eeeee6 50%, #c01725 50%, #c01725 100%);
        background-position: 0 -140px;
        background-size: 330px 220px;
        border-radius: 4px;
        box-shadow: 0 3px 0 #ac1820 inset;
        height: 70px;
        margin: 10px 20px;
        position: relative;
        -webkit-transition: background-position 100ms ease-out 300ms, box-shadow 100ms ease-out 300ms;
        transition: background-position 100ms ease-out 300ms, box-shadow 100ms ease-out 300ms;
        width: 330px;
        z-index: 2
    }

    .nearest-panda .info-container:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        background-image: url(".https_/s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/bamboo.html");
        background-size: 54px 124px;
        content: ''
    }

    .nearest-panda .info-container .info {
        padding: 20px 60px 20px 20px
    }

    .nearest-panda .info-container .info .title {
        font-family: "Montserrat Panda", "Sans Serif";
        font-size: 10px;
        font-size: 1rem;
        font-weight: normal;
        line-height: 1;
        letter-spacing: .05em;
        color: #fff;
        text-transform: uppercase;
        display: block;
        text-transform: uppercase;
        text-shadow: 0 2px 0 rgba(0, 0, 0, .1);
        -webkit-transition: color 300ms ease 300ms, text-shadow 1s ease 300ms;
        transition: color 300ms ease 300ms, text-shadow 1s ease 300ms
    }

    .nearest-panda .info-container .info .current-panda {
        font-family: "Montserrat Panda", "Sans Serif";
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: normal;
        line-height: 1.1;
        letter-spacing: 0;
        color: #f19933;
        text-transform: none;
        display: block;
        color: #fff;
        padding-top: 6px;
        text-shadow: 0 2px 0 rgba(0, 0, 0, .1);
        text-transform: capitalize;
        -webkit-transition: color 300ms ease 300ms, text-shadow 1s ease 300ms;
        transition: color 300ms ease 300ms, text-shadow 1s ease 300ms
    }

    .nearest-panda .info-container .order-now-button {
        border-top-left-radius: 100%;
        border-top-right-radius: 100%;
        border-bottom-right-radius: 100%;
        border-bottom-left-radius: 100%;
        background-color: #f19933;
        background-image: -webkit-linear-gradient(#f19933, #e69129);
        background-image: linear-gradient(#f19933, #e69129);
        border-bottom: 2px solid #d17e12;
        font-size: 10px;
        font-size: 1rem;
        border-left: none;
        border-right: none;
        border-top: none;
        box-shadow: 0 3px 0 0 rgba(0, 0, 0, .1);
        color: #2d2a26;
        display: block;
        font-family: 'Montserrat Panda';
        font-weight: bold;
        height: 50px;
        line-height: 1.1;
        min-width: 50px;
        padding: 14px 0;
        position: absolute;
        right: 10px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        top: 10px;
        vertical-align: middle;
        width: 50px
    }

    .nearest-panda .info-container .order-now-button:hover:not(.inactive) {
        background-color: #f3a54b;
        background: -webkit-linear-gradient(#f3a54b, #e99d40);
        background: linear-gradient(#f3a54b, #e99d40)
    }

    .nearest-panda .info-container .order-now-button:active:not(.inactive) {
        background-color: #e08b23;
        background-image: -webkit-linear-gradient(#e08b23, #d17e12);
        background-image: linear-gradient(#e08b23, #d17e12);
        border-bottom: none;
        box-shadow: none;
        top: 2px;
        background: -webkit-linear-gradient(#e08b23, #d17e12);
        background: linear-gradient(#e08b23, #d17e12)
    }

    .nearest-panda .info-container .order-now-button.inactive {
        opacity: .5;
        cursor: default
    }

    .nearest-panda .info-container .order-now-button:hover {
        text-decoration: none
    }
}

@media only screen and (max-width: 1023px)and (orientation: portrait) {
    .hide-portrait {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .video-modal .video-wrapper {
        width: 95%
    }
}

@media only screen and (orientation: landscape) {
    .hide-landscape {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .video-modal .video-wrapper {
        width: 75%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 192),(min-resolution: 192dppx) {
    .hide-retina {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .footer-low {
        background-image: url("../../../s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/bamboo%402x.png")
    }

    .footer-app-links .apple-appstore {
        background-image: url("../../../s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/appstore%402x.png")
    }

    .footer-app-links .google-playstore {
        background-image: url("../../../s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/playstore%402x.png")
    }

    .main-nav .logo {
        background-image: url("../../../s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/logo%402x.png")
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 192),(min-resolution: 192dppx) {
    .hide-retina {
        display: block;
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
        display: none !important;
        visibility: hidden;
        padding: 0 !important;
        margin: 0 !important
    }

    .footer-low {
        background-image: url("../../../s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/bamboo%402x.png")
    }

    .footer-app-links .apple-appstore {
        background-image: url("../../../s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/appstore%402x.png")
    }

    .footer-app-links .google-playstore {
        background-image: url("../../../s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/playstore%402x.png")
    }

    .main-nav .logo2 {
        background-image: url("../../../s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/logo%402x.png")
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .select-box select::-ms-expand {
        display: none
    }

    .select-box select:focus::-ms-value {
        background: transparent;
        color: #222
    }
}

@media (max-width: 64em) {
    .desktop-only {
        display: none
    }
}

@media (max-width: 600px) {
    .image-button-tile:after, .sub-feature-tile:after {
        opacity: 0 !important
    }

    .social-tile:hover:after, .social-tile:focus:after, body.touch .social-tile:after {
        opacity: 0 !important
    }
}

@media only screen and (max-width: 25.25em) {
    .footer {
        bottom: 0px
    }
}

@media (max-width: 37.5em) {
    .our-family-story .banner {
        font-size: 14px;
        font-size: 1.4rem;
        background-position: top right 20%;
        box-shadow: inset 0 -100px 100px 0 rgba(0, 0, 0, .5);
        height: 500px;
        line-height: 500px;
        line-height: 1.2;
        padding-right: 1em
    }

    .our-family-story .banner h1 {
        margin-bottom: 10px
    }
}

@media (max-width: 23.75em) {
    .our-family-story .banner {
        height: 550px;
        min-height: 550px
    }
}

@media only screen and (min-width: 75em)and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 75em)and (-webkit-min-device-pixel-ratio: 192), only screen and (min-width: 75em)and (min-resolution: 192dppx) {
    .nearest-panda .info-container:before {
        background-image: url("../../../s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/bamboo%402x.png")
    }
}

.has-error.has-feedback input, .has-error.has-feedback textarea, .has-error.has-feedback select {
    outline: 0;
    border: 1px solid #d02c30;
    box-shadow: 0 0 0 1px #d02c30
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    white-space: normal;
    font-size: 12px
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover > .arrow {
    border-width: 11px
}

.popover > .arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    bottom: -11px
}

.popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25)
}

.popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    top: -11px
}

.popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25)
}

.popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.pagination.pull-right {
    text-align: right
}

.pagination button.clear {
    background: none;
    border: none
}

.pagination button span {
    vertical-align: middle;
    margin-bottom: 3px
}

.button {
    cursor: pointer
}

.button-plain {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    background: transparent
}

.fundraiser-event-table h6 {
    margin-left: 17px;
    margin-top: 31px
}

#giftcard {
    max-width: 855px;
    min-height: 486px;
    margin: 0 auto;
    padding: 25px 30px;
    margin-bottom: 30px
}

#giftcard #left {
    max-width: 430px;
    padding-right: 12px;
    border-right: 1px solid #ddd;
    width: 50%;
    display: inline-block
}

#giftcard #right {
    max-width: 350px;
    padding-left: 30px;
    width: 50%;
    display: inline-block;
    vertical-align: top
}

#giftcard p.disclaimer {
    clear: both;
    width: 368px;
    font-size: 11px;
    line-height: 16px;
    position: relative;
    top: 50px
}

#giftcard input[type=text] {
    border: 1px solid #c4b4a7;
    background: #fff;
    color: #000;
    font-size: 14px;
    line-height: 14px;
    padding: 6px 10px 5px;
    font-weight: bold;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2) inset;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2) inset;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .2) inset;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    vertical-align: middle;
    margin-bottom: 10px
}

#giftcard select {
    border: 1px solid #c4b4a7;
    background: #fff;
    color: #000;
    font-size: 14px;
    line-height: 14px;
    padding: 6px 10px 5px;
    font-weight: bold;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2) inset;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2) inset;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .2) inset;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    vertical-align: middle
}

#giftcard input[type-text] {
    width: 220px
}

@media (max-width: 800px) {
    #giftcard {
        max-width: 855px;
        margin: 0 auto;
        padding: 25px 30px
    }

    #giftcard p.disclaimer {
        clear: both;
        font-size: 11px;
        line-height: 16px;
        width: 100%;
        margin-top: 25px;
        position: inherit;
        margin-bottom: 22px
    }

    #giftcard #left {
        max-width: 800px;
        border-right: none;
        width: 100%;
        display: block
    }

    #giftcard #right {
        max-width: 800px;
        width: 100%;
        display: block;
        padding-left: 0
    }

    #giftcard #right ul {
        padding-left: 0 !important;
        float: none !important;
        margin-bottom: 0
    }
}

#loading {
    display: block;
    width: 100%;
    height: 100%;
    background-color: transparent;
    position: absolute;
    top: 0;
    z-index: 10000;
    cursor: wait
}

.isloading-wrapper.isloading-right {
    margin-left: 10px
}

.isloading-overlay {
    position: relative;
    text-align: center
}

.isloading-overlay .isloading-wrapper {
    background: #fff;
    -webkit-border-radius: 7px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 7px;
    -moz-background-clip: padding;
    border-radius: 7px;
    background-clip: padding-box;
    display: inline-block;
    margin: 0 auto;
    padding: 10px 20px;
    top: 10%;
    z-index: 9000
}
.stadten-liefern {
    font-size: small;
    text-align: left;
    height: 38px;
    display: grid;
}
.stadten-liefern.zeit {
    width: 200px;
    line-height: 1.5;
    font-size: x-small;
    text-align: center;
    height: 156px;
    color:grey;
    margin-top: 0px;
    margin-bottom: 10px;
}
.stadten-liefern.zeit2 {
    width: 200px;
    line-height: 0.5;
    font-size: small;
    text-align: center;
    color:red;
    margin-bottom: 30px;
}
.zeit.wert {
    width: 198px;
    height: 16px;
    margin-top: -11px;
    margin-left: 11px;
}