@charset "UTF-8";
/**
 * Main style sheet
 */
@-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;
    }
}

/*  
 * Show / Hide Mixins 
 */
/* Hiding an element. */
/**
 * Makes all of the Buttons
 * @param   {String}   $col              
 * @param   {String}   $col-low        
 * @param   {String}   $col-dark       
 * @param   {String}   $col-darker     
 * @param   {Boolean}  $secondary:false
 */
/**
 * Used to set media queries throughout the app. 
 * @param   {String}  $size  mobile, mobile-down, tablet, etc.
 */
/**
 * Used to make background Retina images. 
 * @param   {String}  $reg    Path to reg image.
 * @param   {String}  $two-x  Path to @2x image. 
 */
/**
 * Make border radius be declared longhand.
 * @param   {String}  $size:   0      top-left
 * @param   {String}  $size2:  false  top-right
 * @param   {String}  $size3:  false  bottom-right
 * @param   {String}  $size4:  false  bottom-left
 */
/**
 * Mixin for calculating Rems with Px fallback. Thanks to hugogiraudel
 * @param   {String}  $property  the property ex: font-size
 * @param   {Object}  $values    the values (can be single or multiple) ex: 1rem 1rem 0
 */
/**
 * Easily Style fonts. 
 * @param   {String}  $family:          'Montserrat'
 * @param   {String}  $size:            1rem        
 * @param   {String}  $color:           black       
 * @param   {String}  $weight:          normal      
 * @param   {Number}  $line-height:     normal      
 * @param   {Number}  $letter-spacing:  normal      
 * @param   {String}  $text-transform:  none        
 */
/**
 * Make Columns based of settings in _variables. 
 * @param   {Number}  $span  1 2 3 4 5 ... 12 etc.
 */
/**
 * Creates Columns for the grid that are dynamic based on media queries. 
 * @param   {Number}  $lg  Span for Large ex: 5
 * @param   {Number}  $md  Span for Medium
 * @param   {Number}  $sm  Span for Small
 */
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    background: white;
    border: 1px solid #b2b2b2;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1);
    color: #2d2a26;
    display: block;
    font-family: "Montserrat";
    position: relative;
    z-index: 9999;
}

    /*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
    .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;
    /* hide text using text-indent trick, using width value (it's enough) */
    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;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}

/* Custom */
/*ul {
	padding: 0;
}*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */
body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background-color: transparent;
}

    /**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
    a:active,
    a:hover {
        outline: 0;
    }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

    /**
 * Re-set default cursor for disabled elements.
 */
    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    /**
 * Remove inner padding and border in Firefox 4+.
 */
    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
    line-height: normal;
}

    /**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        /* 1 */
        padding: 0;
        /* 2 */
    }

    /**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    /**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
    input[type="search"] {
        -webkit-appearance: textfield;
        /* 1 */
        /* 2 */
        box-sizing: content-box;
    }

        /**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*
	All of our embedded fonts.
 */
@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/montserrat/Montserrat-Bold-webfont.eot");
    src: url("../fonts/montserrat/Montserrat-Bold-webfont.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-webfont.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-webfont.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-webfont.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-webfont.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-webfont.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-webfont.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-webfont.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-webfont.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-webfont.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-webfont.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-webfont.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-webfont.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-webfont.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-webfont.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-webfont.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-webfont.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-webfont.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-webfont.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-webfont.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-webfont.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;
}

/* International Fonts - s */
@font-face {
    font-family: 'Cera1';
    src: url('../fonts/russian/CeraRoundCY-Bold.woff2') format('woff2'), url('../fonts/russian/CeraRoundCY-Bold.woff') format('woff');
    font-weight: normal;
    /*font-style: normal;*/
}

@font-face {
    font-family: 'BigCity2';
    src: url('../fonts/russian/BigCityGrotesquePro-Light.woff2') format('woff2'), url('../fonts/russian/BigCityGrotesquePro-Light.woff') format('woff');
    font-weight: normal;
    /*font-style: normal;*/
}


@font-face {
    font-family: 'Cera Round-Bold';
    font-weight: normal;
    src: url('../fonts/russian/Cera Round-Bold-Desktop.otf') format('opentype');
}

@font-face {
    font-family: 'Cera Round-Medium';
    font-weight: normal;
    src: url('../fonts/russian/Cera Round-Medium-Desktop.otf') format('opentype');
}




/*@font-face {
    font-family: "Nanum Gothic";
    src: url("https://fonts.googleapis.com/css?family=Nanum+Gothic");
    font-weight: normal;
}*/
@font-face {
    font-family: 'Nanum Gothic';
    src: url('../fonts/korea/NanumGothic-Bold.ttf') format('truetype'), url('../fonts/korea/NanumGothic-ExtraBold.ttf') format('truetype'), url('../fonts/korea/NanumGothic-Regular.ttf') format('truetype');
}


/* International Fonts - e */

.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: '\E00A';
    }

.px-instagram {
    font-size: inherit;
    display: inline-block;
    font-family: 'FontAwesome';
    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: '\f16d';
    }

.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: '\E00C';
    }

.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: '\E00D';
    }

.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: '\E00E';
    }

.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: '\E00F';
    }

.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: '\E001';
    }

.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: '\E002';
    }

.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: '\E003';
    }

.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: '\E004';
    }

.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: '\E005';
    }

.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: '\E006';
    }

.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: '\E007';
    }

.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: '\E008';
    }

.px-facebook {
    font-size: inherit;
    display: inline-block;
    font-family: 'FontAwesome';
    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: '\f09a';
    }

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

    .px-vk:after, .social-tile.vk .meta:before {
        content: '\f189';
    }

.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: '\E010';
    }

.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: '\E011';
    }

.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: '\E012';
    }

.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: '\E013';
    }

.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: '\E014';
    }

.px-twitter {
    font-size: inherit;
    display: inline-block;
    font-family: 'FontAwesome';
    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: '\f099';
    }

.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: '\E016';
    }

.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: '\E017';
    }

.px-youtube {
    font-size: inherit;
    display: inline-block;
    font-family: 'FontAwesome';
    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, .social-tile.youtube .meta:before {
        content: '\f16a';
    }

.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: '\E019';
    }

.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: '\E01A';
    }

.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: '\E01B';
    }

.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: '\E01C';
    }

.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: '\E01D';
    }

.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: '\E01E';
    }

.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: '\E01F';
    }

.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: '\E020';
    }

.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: '\E021';
    }

.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: '\E022';
    }

.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: '\E023';
    }

/*
 Body Styling
*/
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: -0.025em;
    color: #2d2a26;
    text-transform: none;
    -webkit-tap-highlight-color: transparent;
    background-color: #eeeee6;
    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: #f8f7ee;
    overflow-x: hidden;
    overflow-y: visible;
    width: 100%;
    min-height: 100%;
    position: relative;
    border-left: 20px solid #eeeee6;
    border-right: 20px solid #eeeee6;
    padding: 110px 0 140px;
}

.has-language-switch .wrapper {
    top: 50px;
    padding: 90px 0 140px;
}

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

/*
	General typography settings
 */
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: 15px;
    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: -0.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: -0.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: -0.025em;
    color: #779e91;
    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: -0.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: -0.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: -0.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: 0em;
    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: #898b8e;
    text-transform: none;
    display: block;
}

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

/*
	Custom 12 column grid
 */
.row {
    *zoom: 1;
    clear: both;
    display: block;
    overflow: visible;
    width: 101% !important;
    text-align: left;
    margin: -10px -0.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: 1300px;
    margin: 0 auto;
    padding: 52px 20px 130px;
}

    .content-container:focus {
        outline: none;
    }

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

.c1 {
    margin: 10px 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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;
        }

/*
	All of our form styling goes here. Class driven.
 */
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: white;
    box-shadow: 0 2px 0 0 rgba(0, 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 {
        float: right;
        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: -0.025em;
    color: #54565b;
    text-transform: none;
    padding: 24px 12px 12px;
    display: block;
}

    .input-label em,
    .input-label em a {
        color: #b2b2b2 !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: -0.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: #898b8e;
    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: -0.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: -0.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: white;
    border: 1px solid #b2b2b2;
    box-shadow: 0 2px 0 0 rgba(0, 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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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;
    }

    .date-input:after {
        background: white;
        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;
        content: '\E005';
        position: absolute;
        font-size: 22px;
        line-height: 1;
        color: #d02c30;
        right: 8px;
        top: 8px;
    }

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="checkbox"] + label {
    font-family: "Montserrat", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: -0.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="checkbox"] + label {
        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="checkbox"] + label: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="checkbox"]:checked + label 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 {
    position: relative;
}

    body.not-ie8 input[type="checkbox"]:checked + label: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: '\E01E';
        line-height: 13px;
        text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    }

.disclaimer {
    margin: 24px 0 0;
}

/* Container used for styling the custom select, */
.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: white;
    border: 1px solid #b2b2b2;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
    display: block;
    height: 38px;
    width: 100%;
    position: relative;
    /* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select. Note this si a 2x image so it will look bad in browsers that don't support background-size. In production, you'd handle this resolution switch via media query but this is a demo. */
    /* This is the native select, we're making everything but the text invisible so we can see the button styles in the wrapper */
    /* OPERA - Pre-Blink nix the custom arrow, go with a native select button to keep it simple. Targeted via this hack http://browserhacks.com/#hack-a3f166304aafed524566bc6814e1d5c7 */
    /* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
    /* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
    /* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
    /* Show only the native arrow */
    /* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
}

    .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: white;
        content: "\E01A";
        height: 38px;
        line-height: 38px;
        /* This hack make the select behind the arrow clickable in some browsers */
        pointer-events: none;
        position: absolute;
        right: -1px;
        text-align: center;
        top: -1px;
        width: 35px;
        z-index: 2;
    }

    .select-box.c1 {
        margin: 10px 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 size must the 16px or larger to prevent iOS page zoom on focus */
        font-family: "Montserrat", "Sans Serif";
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: normal;
        line-height: 38px;
        letter-spacing: -0.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;
        /* Remove select styling */
        appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        box-sizing: border-box;
        /* General select styles: change as needed */
    }

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

.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: '\E003';
        position: relative;
        display: inline-block;
        color: #d02c30;
        vertical-align: middle;
    }

/*  
 Buttons used everywhere
*/
.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: #ffffff;
    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;
}

    .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.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: 0.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;
        border-top-color: initial;
        border-top-style: none;
        border-top-width: initial;
        border-right-color: initial;
        border-right-style: none;
        border-right-width: initial;
        border-bottom-color: rgb(209, 126, 18);
        border-bottom-style: solid;
        border-bottom-width: 2px;
        border-left-color: initial;
        border-left-style: none;
        border-left-width: initial;
        border-image-source: initial;
        border-image-slice: initial;
        border-image-width: initial;
        border-image-outset: initial;
        border-image-repeat: initial;
        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.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: 0.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: #ffffff;
        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: #63656a;
    }

        .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.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: 0.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, 0.1);
        color: #ffffff;
        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: 0.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;
}

/*
	The Follow box that sticks under the side nav on 2 col pages and is fixed. 
 */
.follow-box {
    *zoom: 1;
    clear: both;
    background: white;
    box-shadow: 0 2px 0 0 rgba(0, 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;
    }

/*
	Modals used everywhere.
 */
@-webkit-keyframes _overlay-in {
    0% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes _overlay-in {
    0% {
        opacity: 0.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, 0.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: white;
    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: '\E01F';
        }

    .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: '\E01F';
            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 Titles used throughout
 */

/*
	Page Descriptions used throughout
 */
.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;
    }

/*
	The Sticky title for some mobile pages. (Usually used in addition to page title).
 */
.sticky-title {
    display: block;
}

.sticky-placeholder {
    display: none;
}

/*
	Box that shows a tip with the lightbulb in the corner.
 */
.tip-box {
    background: white;
    border-bottom: 2px solid rgba(0, 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: '\E004';
        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: -0.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: -0.025em;
        color: #779e91;
        text-transform: none;
        position: relative;
        z-index: 2;
    }

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

/*
	Tool tips
 */
[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: 0em;
    color: #FFFFFF;
    text-transform: none;
    background: rgba(23, 23, 23, 0.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, 0.8);
        bottom: -6px;
        content: '';
        height: 0;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0;
    }

/*
	Blockquote used anywhere
 */
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: -0.025em;
    color: #779e91;
    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: '\E00F';
        color: #dadad2;
        z-index: -1;
    }

/*
	The link that pops up when first tabbing into a page. 
*/
.skip-navigation-button {
    background: #f19933;
    text-align: center;
    text-decoration: none;
    line-height: 50px;
    border: none;
    position: fixed;
    top: -200px;
    height: 50px;
    width: 300px;
    color: #fff;
    z-index: 300;
}

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

/*.skip-navigation-button {
  background: #f19933;
  border: none;
  position: fixed;
  top: -200px;
  height: 50px;
  width: 300px;
  color: white;
  z-index: 300; }
  .skip-navigation-button:focus {
    top: 20px;
    -webkit-transition: top 300ms ease;
            transition: top 300ms ease; }*/

/*
	Addition Panel Feature that appears on the Content pages, full width;
 */
.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: -0.025em;
            color: #779e91;
            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: -0.025em;
            color: #779e91;
            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: white;
                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: white;
                    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;
                }

                .additional-panel-feature .container .social-links .link:hover.px-vk,
                .additional-panel-feature .container .social-links .link:focus.px-vk {
                    background: #4a76a8;
                }

/*
	Image Button Tiles have fixed aspect ratio
*/
.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: black;
    }

    .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: 0em;
        color: #FFFFFF;
        text-transform: uppercase;
        text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
        font-size: 1.75vw;
        text-align: center;
        vertical-align: middle;
        position: relative;
        display: block;
        width: 100%;
        color: white;
    }

    .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: #FFFFFF;
        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: white;
            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;
    }

/*
	Main Featue Banner for Content Pages
 */
@-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, 0.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, 0.1);
        line-height: 1;
        color: white;
        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: -0.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: 0.875;
            letter-spacing: -0.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 Tiles - The bottom image titles near the footer. (Instagram, Twitter, Facebook).
 */
/**
 * Calculates the correct gradient overlays for the social tiles.
 * @param   {String}  $color  Hex Color passed in.
 */
.social-tile {
    -webkit-backface-visibility: hidden;
    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: white;
        display: block;
        font-family: "Montserrat";
        font-weight: normal;
        letter-spacing: -0.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: 100%;
        z-index: 3;
    }

    .social-tile .meta {
        font-size: 10px;
        font-size: 1rem;
        height: 50px;
        bottom: 20px;
        color: white;
        font-family: "Montserrat";
        font-weight: normal;
        left: 20px;
        letter-spacing: 0.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: 'FontAwesome';
            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, 0.48), rgba(63, 114, 155, 0.77));
        background: linear-gradient(rgba(63, 114, 155, 0.48), rgba(63, 114, 155, 0.77));
    }

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

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

    .social-tile.youtube:after {
        background: #3b5998;
        background: -webkit-linear-gradient(rgba(59, 89, 152, 0.48), rgba(59, 89, 152, 0.77));
        background: linear-gradient(rgba(152, 59, 150, 0.48), rgba(59, 89, 152, 0.77));
    }

    .social-tile.vk:after {
        background: #3b5998;
        background: -webkit-linear-gradient(rgba(59, 89, 152, 0.48), rgba(59, 89, 152, 0.77));
        background: linear-gradient(rgba(152, 59, 150, 0.48), rgba(59, 89, 152, 0.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 Feature Tiles ( Can be round or square).
*/

.sub-features-tiles-container {
    *zoom: 1;
    clear: both;
    width: 100%;
}

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

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

/**
 * Calculates the correct width and margin for responsive Circle / Round Tiles
 * @param   {Number}  $col-size  Either 1 2 3 4 5 ... 12
 */

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

/*
	The full width video block
 */
.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: black;
    }

    .video-block:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        content: '';
        z-index: 2;
        background: url("https://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, 0.1);
            font-size: 90px;
            font-size: 9rem;
            content: '\E020';
            color: white;
            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: 0.05em;
            color: #FFFFFF;
            text-transform: none;
            text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
        }

/*
	A column with an image in it should have this class. 
 */
.image-block img {
    width: 100%;
    height: auto;
}

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

/*
	Wraps video in the content to make it responsive.
 */
.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 holds multiple feature banners.
 *
 *  - height will be set dynamically via js.
 */
.carousel {
    position: relative;
    height: 475px;
}

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

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

/* 
	Image Button Tiles have fixed aspect ratio
*/
.menu-block {
    position: relative;
    background: white;
    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-color: #54565b;
        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;
        }

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

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

    .menu-block .details {
        background: white;
    }

        .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, 0.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: -0.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: 0.9rem;
                    font-weight: bold;
                    line-height: 1;
                    letter-spacing: 0em;
                    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, 0.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;
            }

/*
	Button group that is on the menu item details pages
 */
.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: 0.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: -0.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: -0.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: -0.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: -0.025em;
                color: #2d2a26;
                text-transform: none;
                float: right;
            }

/*
	The tags for the entrees including hot, wok smart, and new. 
 */
.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: '\E016';
    position: absolute;
    z-index: 1;
    font-size: 34px;
    top: 0;
    left: 0;
    color: #76881e;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
}

.menu-tags .wok-tag:after {
    font-size: 32px;
    content: '\E017';
    color: white;
    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, 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: '\E011';
        color: white;
        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, 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: -0.025em;
        color: #FFFFFF;
        text-transform: uppercase;
        content: 'new';
        color: white;
        line-height: 32px;
        text-shadow: 0 2px 0 #e08b23;
    }

/*
	The Locations Page
*/
@-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: '\E01D' !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: '\E00D';
                    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: -webkit-calc(100% - 130px);
    height: calc(100% - 130px);
    overflow: hidden;
    width: auto;
    position: fixed;
    top: 110px;
    left: 380px;
    right: 20px;
    background: #e4e4d7;
}

.has-language-switch .location-map-container {
    top: 140px;
}

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

/*
	The Cards on the Left side of the location page that hold info.
 */
.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: -0.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: 0em;
        color: #898b8e;
        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: 0em;
        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: #ffffff;
        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: 0.5;
            cursor: default;
        }

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

        .location-list-card .order-now + .directions {
            padding-left: 4px;
        }

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

.call-and-pick-up {
    padding: 12px 5px 12px 12px;
    width: 58%;
    font-size: 14px;
    color: #595959 !important;
    font-weight: bold !important;
}

.location-list-card .directions:hover,
.location-list-card .directions: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;
    }

/*
	Locations Filter to filter the list on the locations page. 
*/
.toggle-location-filters {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -0.025em;
    color: #54565b;
    text-transform: uppercase;
    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: '\E01A';
        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: 0em;
            color: #FFFFFF;
            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 {
                padding: 0 0 0 21px !important;
            }

/*
	Location Message in the Locations Panel
 */
.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: -0.025em;
        color: #595959;
        text-transform: none;
        display: block;
        margin-bottom: 1.5px;
    }

/*
  The Pop up info on Google Maps.
 */
@-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: white;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    padding: 24px 0 16px;
    width: 260px;
}

    .location-map-popup a.location-item {
        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: 0em;
        color: #FFFFFF;
        text-transform: none;
        color: #ffffff;
        display: block;
        line-height: 1;
        margin: 5px 12px 0;
        padding: 12px 15px 11px;
        position: relative;
        text-align: center;
        text-decoration: none;
        color: #cc262d;
    }

        .location-map-popup a.location-item:last-child {
            background: transparent;
            border: none;
            color: #d02c30;
        }

            .location-map-popup a.location-item:last-child:before {
                content: "";
                position: absolute;
                width: 20px;
                height: 20px;
                background: red;
                left: 20px;
                top: 50%;
                -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
                background: url("https://s3.amazonaws.com/PandaExpressWebsite/Responsive/img/media-content/pin-icon.png");
                background-size: 100% 100%;
            }

    .location-map-popup .close {
        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: '\E002';
            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: 0em;
        color: #d02c30;
        text-transform: uppercase;
        display: block;
        padding: 0 30px 0 32px;
        position: relative;
    }

    .location-map-popup .star {
        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: '\E012';
            left: 0;
            line-height: 18px;
            position: absolute;
            top: 0;
        }

        .location-map-popup .star.favorite:before {
            content: '\E019';
        }

        .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: 0em;
        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: 0em;
        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: '\E010';
            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,
    .location-map-popup .pickup-and-delivery {
        font-family: "Montserrat", "Sans Serif" !important;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: normal !important;
        line-height: 1.4285;
        letter-spacing: 0em;
        color: #595959;
        text-transform: none;
        display: inline-block;
    }

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

        .location-map-popup .phone:empty:before,
        .location-map-popup .fax:empty:before,
        .location-map-popup .pickup-and-delivery: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 .pickup-and-delivery {
        border-bottom: 1px solid #e5e5e5;
        display: block;
        padding: 12px 2px 12px 37px;
        position: relative;
    }

        .location-map-popup .pickup-and-delivery:before {
            content: 'Pickup and Delivery:';
        }

    .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: '\E007';
            left: 12px;
            line-height: 1;
            position: absolute;
            top: 20px;
        } */

    /* .location-map-popup .pickup-and-delivery: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: '\E007';
            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: 0em;
            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: 0em;
        color: #FFFFFF;
        text-transform: none;
        color: #ffffff;
        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: 0.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: 0.5;
            cursor: default;
        }

.login-box {
    background: white;
    box-shadow: 0 2px 0 0 rgba(0, 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: -webkit-calc(100% - 60px);
        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: -0.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;
        }

/** The table used fundraiser form to find a location */
.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: -0.025em;
    color: #54565b;
    text-transform: none;
    border-bottom: 1px solid rgba(0, 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: -0.025em;
        color: #898b8e;
        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: -0.025em;
        color: #898b8e;
        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: "\E01B";
        }

        .fundraiser-location-table .table-nav .next:before {
            content: "\E01C";
        }

/*
	The table on the Fundraiser events page. 
 */
.fundraiser-event-table {
    padding: 24px 0 0;
}

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

        .fundraiser-event-table table thead {
            background: white;
            border-bottom: 2px solid rgba(0, 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: -0.025em;
            color: #898b8e;
            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: 0.6rem;
                position: absolute;
                left: 0;
            }

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

            .fundraiser-event-table table .column-heading:after {
                content: '\E01A';
                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 {
            color: #ffb819;
        }

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

        .fundraiser-event-table table .completed {
            color: #4d868e;
        }

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

        .fundraiser-event-table table .declined {
            color: #d02c30;
        }

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

        .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: -0.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: -0.025em;
            color: #898b8e;
            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;
            }

.view-label {
    font-family: "Montserrat", "Sans Serif";
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -0.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;
    }

/*
	Styles specific to the faqs page.
 */
.faq-question {
    font-family: "Montserrat", "Sans Serif";
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: -0.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;
    }

.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;
}
/*
	Main Footer at bottom of every page.
 */
.footer {
    -webkit-backface-visibility: hidden;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}

.footer-high {
    background: #898b8e;
    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 {
    background-image: url("https://s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/bamboo.png");
    background-color: #76777b;
    background-size: 54px 124px;
    padding: 26px 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: 0.05em;
        color: #FFFFFF;
        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: white;
        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: white;
            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;
        }

        nav.footer-social-menu a:hover.px-vk,
        nav.footer-social-menu a:focus.px-vk {
            background: #4a76a8;
        }

nav.footer-sub-menu {
    text-align: center;
    float: left;
}

    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: #FFFFFF;
                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: #ffffff;
    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 .apple-appstore {
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        background-image: url("https://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("https://s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/playstore.png");
        background-size: 114px 40px;
        display: inline-block;
        height: 40px;
        width: 114px;
    }

/*
	The Side nav used on content pages
 */
.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: -0.025em;
        color: #f19933;
        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: -0.025em;
        color: #898b8e;
        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: -0.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: -0.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: -0.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;
            }

/*
	The entire nutrition calulator partial lives here.
 */
.nutrition-calculator {
    display: block;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: right 300ms cubic-bezier(0.1, 0.99, 0.36, 1);
    transition: right 300ms cubic-bezier(0.1, 0.99, 0.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, 0.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: 0em;
        color: white;
        text-transform: none;
        background: #2d2a26;
        background: rgba(45, 42, 38, 0.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: '\E01A';
            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(0.1, 0.99, 0.36, 1);
        transition: max-height 500ms cubic-bezier(0.1, 0.99, 0.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: 0em;
        color: #d02c30;
        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: 0em;
            color: white;
            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: white;
                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(0.1, 0.99, 0.36, 1);
        transition: max-height 500ms cubic-bezier(0.1, 0.99, 0.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: -webkit-calc(100% - 56px);
            width: calc(100% - 56px);
            height: 0px;
            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: -webkit-calc(100% - 56px);
            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: -0.025em;
            color: white;
            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: 0.9rem;
                font-weight: bold;
                line-height: 1;
                letter-spacing: 0em;
                color: white;
                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, 0.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: -0.025em;
                color: white;
                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: -0.025em;
                color: white;
                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: -0.025em;
            color: white;
            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: -0.025em;
                color: white;
                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(0.42, 0.81, 0.15, 1);
        transition: right 300ms cubic-bezier(0.42, 0.81, 0.15, 1);
    }

        .nutrition-calculator[data-state="closed"] .calc-toggle:before {
            content: '\E01D' !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(0.42, 0.81, 0.15, 1), padding 0s linear 500ms;
        transition: max-height 500ms cubic-bezier(0.42, 0.81, 0.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(0.42, 0.81, 0.15, 1);
        transition: max-height 500ms cubic-bezier(0.42, 0.81, 0.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 0.5em 0.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: #779e91;
    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;
}

.language-switch {
    position: fixed;
    top: 5px;
    right: 20px;
    z-index: 1000;
    width: 250px;
}

/*
	The Main nav that is on the site.
 */
.main-nav {
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    z-index: 220;
    width: 100%;
    width: auto;
}

    .main-nav .logo {
        background-image: url("https://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, 0.2));
        filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.2));
        z-index: 10;
    }

/*
	Holds the main navigation links.
	Tablet Up    -> Food, Locations, Family Story
	Mobile Down  -> Food, Locations, Order Button, Hamburger
 */
.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: 0.05em;
        color: #FFFFFF;
        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: '\E00A';
        font-size: 62px;
    }

    .link-block.locations .nav-icon:before {
        content: '\E00C';
        font-size: 68px;
    }

    .link-block.family .nav-icon:before {
        content: '\E013';
        font-size: 58px;
    }

    .link-block.order .nav-icon:before {
        content: '\E00E';
    }


.submenu-link .submenu {
    background: #f9f9f9;
    background: rgba(249, 249, 249, 0.97);
    box-shadow: 0 3px 0 rgba(0, 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, 0.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: #d02c30;
        -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: 17%;
}

    .submenu .image-link img {
        box-shadow: 0 2px 0 rgba(0, 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: 0.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: 0.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;
        }

/*
	The submenu that holds the nearest panda static map and info in the nav.
 */
@-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;
    }

.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: 0.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: 0em;
            color: #898b8e;
            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: '\E008';
            top: -1px;
            position: relative;
            display: inline-block;
            color: #d02c30;
            vertical-align: bottom;
        }

        .nearest-panda .map-area .title .title-icon.favorite:before {
            content: '\E012';
        }

    .nearest-panda .map-area .map-container {
        *zoom: 1;
        clear: both;
        box-shadow: 0 3px 0 rgba(0, 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: white;
            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: '\E00D';
                    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: 0em;
        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: 0em;
        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 (max-width: 767px) {
    .has-language-switch .wrapper {
        top: 0;
        padding: 0;
    }
}

@media only screen and (min-width: 48em) and (max-width: 70em) {
    .wrapper {
        border-left: 10px solid #eeeee6;
        border-right: 10px solid #eeeee6;
        padding: 100px 0 283px;
    }

    .has-language-switch .wrapper {
        padding: 110px 0 283px;
    }

    .wrapper .top-frame,
    .wrapper .bottom-frame {
        height: 10px;
    }

    .c1-m {
        margin: 10px 0.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 0.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 0.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 0.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 0.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 0.5% 0;
        width: 49%;
    }

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

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

            .c6-m.c-right {
                float: right;
            }

    .c7-m {
        margin: 10px 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.5% 0;
        width: 49%;
    }

        .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: 0em;
        color: white;
        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: '\E01A';
            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: -webkit-calc(100% - 110px);
        height: calc(100% - 110px);
    }

    .has-language-switch .location-map-container {
        top: 140px;
    }

    .fundraiser-location-table .info-column .name-column {
        margin: 10px 0.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 0.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 0.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 0.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 {
        float: none;
        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;
    }

    .language-switch {
        right: 10px;
    }

    .main-nav {
        top: 10px;
        overflow: visible;
        position: fixed;
        left: 10px;
        right: 10px;
        width: 100%;
        width: auto;
    }

    .has-language-switch .main-nav {
        top: 50px;
    }

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

    .main-links .link-block.extra .nav-icon:before {
        font-size: 66px;
    }

    .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: 0em;
        color: white;
        text-transform: none;
        background: #f9f9f9;
        background: rgba(249, 249, 249, 0.97);
        border-radius: 0 0 6px 6px;
        border: none;
        height: 40px;
        line-height: 40px;
        color: #0c1a22;
        left: -webkit-calc(50% - 55px);
        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: '\E01D';
            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: 0 0 251px;
        top: 0px;
        padding: 0;
    }

        .wrapper .top-frame,
        .wrapper .bottom-frame {
            height: 0;
        }

    .row {
        padding: 0 10px;
    }

    .content-container {
        padding: 20px 10px 200px;
    }

    .padded-content {
        padding: 0;
    }

    .c1-s {
        margin: 10px 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.5% 0;
        width: 99%;
    }

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

            .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 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: block;
        float: none;
        padding: 10px 0 15px;
    }

    .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: 0px;
            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 0.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 0.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 0.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, 0.15), rgba(63, 114, 155, 0.35)) !important;
                background: linear-gradient(rgba(63, 114, 155, 0.15), rgba(63, 114, 155, 0.35)) !important;
            }

            .social-tile.twitter:after {
                background: -webkit-linear-gradient(rgba(85, 172, 238, 0.15), rgba(85, 172, 238, 0.35)) !important;
                background: linear-gradient(rgba(85, 172, 238, 0.15), rgba(85, 172, 238, 0.35)) !important;
            }

            .social-tile.facebook:after {
                background: -webkit-linear-gradient(rgba(59, 89, 152, 0.15), rgba(59, 89, 152, 0.35)) !important;
                background: linear-gradient(rgba(59, 89, 152, 0.15), rgba(59, 89, 152, 0.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: 300%;
    }

    .sub-feature-tile {
        margin: 10px 0.5% 0;
        width: 24%;
    }

        .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: -webkit-calc(100% + 20px);
        width: calc(100% + 20px);
        margin-left: -10px;
    }

    .menu-block .tile .title {
        font-size: 30px;
        font-size: 3rem;
        font-size: 5vw;
        bottom: 50px;
    }

    .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: '\E01C';
            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: 0em;
            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 0.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 0.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 0.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 0.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 0.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 0.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;
            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: '\E002';
                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: 110px;
        -webkit-transition: height 200ms cubic-bezier(0.42, 0.81, 0.15, 1);
        transition: height 200ms cubic-bezier(0.42, 0.81, 0.15, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        padding-top: 110px;
    }

        .main-nav:after {
            background: #d02c30;
            background: rgba(208, 44, 48, 0.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(0.1, 0.99, 0.36, 1);
            transition: height 200ms cubic-bezier(0.1, 0.99, 0.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: black;
            height: 0;
            width: 100%;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 100;
            background: rgba(0, 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: 82px 82px;
        position: absolute;
        top: 28px;
        bottom: auto;
        left: 5px;
        height: 82px;
        overflow: visible;
        width: 82px;
    }

    .main-links {
        text-align: left;
        padding: 0 5px 0 95px;
        display: table;
        position: relative;
        top: -75px;
    }

        .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: 0.95rem;
                padding: 0 7px;
                height: 75px;
                line-height: 75px;
                letter-spacing: 0.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.extra .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;
    }

    .order-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: white;
                left: 0;
                font-size: 25px;
                line-height: 75px;
                margin: auto;
                position: absolute;
                right: 0;
                text-align: center;
                text-shadow: none;
                content: '\E021';
            }

    .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: 0.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: '\E01B';
                    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: '\E01C';
                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;
        }

    .language-switch {
        display: none;
    }
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
}

@media only screen and (min-width: 48em) {
    .padded-content .full-row {
        width: -webkit-calc(101% + 40px) !important;
        width: calc(101% + 40px) !important;
        margin: 0 0 20px -webkit-calc(-40px + 0.5%);
        margin: 0 0 20px calc(-40px + 0.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;
    }

    .has-language-switch .main-nav:before {
        top: -50px;
        height: 50px;
    }

    .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, 0.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: -webkit-calc(100% - 40px);
            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 0.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 0.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 0.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 0.5% 0;
        width: 32.33333%;
    }

        .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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.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 0.5% 0;
        width: 24%;
    }

        .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 25px white, 0 0 0 26px #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: -webkit-calc(100% + 50px);
            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, 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: -webkit-calc(100% + 50px);
                width: calc(100% + 50px);
                left: -25px;
                top: -25px;
                height: 100%;
                height: -webkit-calc(100% + 50px);
                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 0.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 0.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 0.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 0.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;
    }

    .has-language-switch .main-nav {
        top: 50px;
    }

    .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: -webkit-calc(100% - 28px);
            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, 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: '\E01C';
            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: #898b8e;
        }

    .fundraiser-event-table .time-column {
        display: inline-block !important;
        width: initial;
        padding-left: 10px;
    }

        .fundraiser-event-table .time-column:before {
            content: 'Time: ';
            color: #898b8e;
        }

    .fundraiser-event-table .status-column {
        font-weight: bold;
    }

        .fundraiser-event-table .status-column:before {
            content: 'Status: ';
            font-weight: normal;
            color: #898b8e;
        }

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

    .calc-nutrition-container,
    .calc-items-container {
        -webkit-overflow-scrolling: touch;
    }
}

.order-panda {
    display: table;
    height: 90px;
    position: absolute;
    right: 0;
    top: 0;
}

    .order-panda .info-container {
        display: table-cell;
        padding: 0 20px;
        vertical-align: middle;
    }

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

        .order-panda .info-container .order-now-button-mini {
            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: 0em;
            color: #f19933;
            text-transform: uppercase;
            border-left: none;
            border-right: none;
            border-top: none;
            box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
            color: #ffffff;
            display: block;
            line-height: 1;
            padding: 12px 40px 12px 40px;
            position: relative;
            text-align: center;
            text-decoration: none;
            text-shadow: 0 2px 0 #d17e12;
            z-index: 5;
            background-color: #f19933;
            background-image: -webkit-linear-gradient(#f19933, #e69129);
            background-image: linear-gradient(#f19933, #e69129);
            border-bottom: 2px solid #d17e12;
        }

            .order-panda .info-container .order-now-button-mini:hover:not(.inactive) {
                background-color: #f3a54b;
                background: -webkit-linear-gradient(#f3a54b, #e99d40);
                background: linear-gradient(#f3a54b, #e99d40);
            }

            .order-panda .info-container .order-now-button-mini: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);
            }

            .order-panda .info-container .order-now-button-mini.inactive {
                opacity: 0.5;
                cursor: default;
            }

            .order-panda .info-container .order-now-button-mini: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, 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: 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: 0em;
                color: #f19933;
                text-transform: uppercase;
                border-left: none;
                border-right: none;
                border-top: none;
                box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
                color: #ffffff;
                display: block;
                line-height: 1;
                padding: 12px 20px 12px 40px;
                position: relative;
                text-align: center;
                text-decoration: none;
                text-shadow: 0 2px 0 #d17e12;
                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: 0.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, 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: 70.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: '\E00E';
            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.png");
                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: 0.05em;
                    color: #ffffff;
                    text-transform: uppercase;
                    display: block;
                    text-transform: uppercase;
                    text-shadow: 0 2px 0 rgba(0, 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, 0.1);
                color: #ffffff;
                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-shadow: 0 2px 0 #d17e12;
                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: 0.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("https://s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/bamboo@2x.png");
    }

    .footer-app-links .apple-appstore {
        background-image: url("https://s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/appstore@2x.png");
    }

    .footer-app-links .google-playstore {
        background-image: url("https://s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/playstore@2x.png");
    }

    .main-nav .logo {
        background-image: url("https://s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/logo@2x.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: 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: 55px;
    }
}

@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, 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("https://s3.amazonaws.com/PandaExpressWebsite/Responsive/img/home/bamboo@2x.png");
    }
}

/* PX International Country specific */
/* Guatemala */

body.country-guatemala .main-links .link-block .anchor {
    padding: 0px 14px !important;
    font-size: 1.5rem;
}

body.country-elsalvador .main-links .link-block .anchor {
    padding: 0px 10px !important;
    font-size: 1.5rem;
}


/* Russia */
body.country-russia .link-block .anchor {
    font-family: "Cera Round-Bold","Sans Serif";
    font-weight: normal;
}


body.country-russia {
    font-family: "Cera Round-Medium","Sans Serif";
    font-weight: normal;
}

    body.country-russia .submenu .image-link .text {
        font-family: "Cera Round-Medium","Sans Serif";
        font-weight: normal;
    }

    body.country-russia .submenu .link-list a {
        font-family: "Cera Round-Medium","Sans Serif";
        font-weight: bold;
    }

    body.country-russia .additional-panel-feature .container.main-banner-text .text {
        font-family: "Cera Round-Medium","Sans Serif" !important;
    }

    body.country-russia .information-block h2 {
        font-family: "Cera Round-Bold","Sans Serif" !important;
    }

    body.country-russia .video-block .container .text {
        font-family: "Cera Round-Medium","Sans Serif" !important;
    }

    body.country-russia blockquote {
        font-family: "Cera Round-Bold","Sans Serif";
    }

    body.country-russia .quote-section {
        font-family: "Cera Round-Medium","Sans Serif";
        font-weight: bold;
    }

    body.country-russia .sub-text i {
        font-family: "Cera Round-Medium","Sans Serif";
        font-weight: bold;
    }

    body.country-russia h1, body.country-russia h2, body.country-russia h3, body.country-russia h5, body.country-russia h4 {
        font-family: "Cera Round-Bold","Sans Serif";
    }


    body.country-russia .image-button-tile .title, body.country-russia .sub-feature-tile .title {
        font-family: "Cera Round-Bold","Sans Serif";
    }



    body.country-russia .additional-panel-feature .container .title {
        font-family: "Cera Round-Bold","Sans Serif";
    }


    body.country-russia .woksmart h2 {
        font-family: "Cera Round-Bold","Sans Serif";
    }

    body.country-russia .social-tile .post {
        font-family: "Cera Round-Medium","Sans Serif";
        font-weight: bold;
    }

    body.country-russia nav.footer-menu a {
        font-family: "Cera Round-Bold","Sans Serif" !important;
        font-weight: bold;
    }

    body.country-russia nav.footer-sub-menu a {
        font-family: "Cera Round-Medium","Sans Serif";
        font-weight: bold;
    }

    body.country-russia .side-nav .nav-title {
        font-family: "Cera Round-Bold","Sans Serif";
        font-weight: bold;
    }

    body.country-russia .side-nav > ul > li > a {
        font-family: "Cera Round-Medium","Sans Serif";
        font-weight: bold;
    }

    body.country-russia .side-nav > ul > li > .submenu > a {
        font-family: "Cera Round-Medium","Sans Serif";
        font-weight: normal;
    }


    body.country-russia .location-list-card .name {
        font-family: "Cera Round-Bold", "Sans Serif";
        font-weight: normal;
    }

    body.country-russia .location-list-card .address {
        font-family: "Cera Round-Medium", "Sans Serif";
        font-weight: normal;
    }

    body.country-russia .location-list-card .directions {
        font-family: "Cera Round-Medium", "Sans Serif";
        font-weight: normal;
    }

    body.country-russia .location-map-popup .name {
        font-family: "Cera Round-Medium", "Sans Serif";
        font-weight: normal;
    }

    body.country-russia .location-map-popup .address {
        font-family: "Cera Round-Medium", "Sans Serif";
        font-weight: normal;
    }

    body.country-russia .location-map-popup .phone, body.country-russia .location-map-popup .fax, body.country-russia .location-map-popup .hours {
        font-family: "Cera Round-Medium", "Sans Serif";
        font-weight: normal;
    }

    body.country-russia .location-panel .toggle-panel {
        font-family: "Cera Round-Medium", "Sans Serif";
        font-weight: normal;
    }

    body.country-russia .location-map-popup .title {
        font-family: "Cera Round-Medium", "Sans Serif";
        font-weight: normal;
    }

    body.country-russia .location-map-popup .order-now, body.country-russia .location-map-popup .get-directions {
        font-family: "Cera Round-Medium", "Sans Serif";
        font-weight: normal;
    }
/*End Russia */
/* Korea */
body.country-south .link-block .anchor {
    font-family: "Nanum Gothic","Sans Serif";
    font-weight: bold;
}


body.country-south {
    font-family: "Nanum Gothic","Sans Serif";
    font-weight: bold;
}

    body.country-south .legal {
        font-family: "Nanum Gothic","Sans Serif";
    }


    body.country-south .nutrition-calculator .calc-toggle {
        font-family: "Nanum Gothic","Sans Serif";
    }


    body.country-south .nutrition-calculator .calc-nutrition-facts-details .fact {
        font-family: "Nanum Gothic","Sans Serif";
    }

    body.country-south .submenu .image-link .text {
        font-family: "Nanum Gothic","Sans Serif";
        font-weight: bold;
    }

    body.country-south .submenu .link-list a {
        font-family: "Nanum Gothic","Sans Serif";
        font-weight: bold;
    }

    body.country-south .additional-panel-feature .container.main-banner-text .text {
        font-family: "Nanum Gothic","Sans Serif" !important;
    }

    body.country-south .information-block h2 {
        font-family: "Nanum Gothic","Sans Serif" !important;
    }

    body.country-south .video-block .container .text {
        font-family: "Nanum Gothic","Sans Serif" !important;
    }

    body.country-south blockquote {
        font-family: "Nanum Gothic","Sans Serif";
    }

    body.country-south .quote-section {
        font-family: "Nanum Gothic","Sans Serif";
        font-weight: bold;
    }

    body.country-south .sub-text i {
        font-family: "Nanum Gothic","Sans Serif";
        font-weight: bold;
    }

    body.country-south h1, body.country-south h2, body.country-south h3, body.country-south h4, body.country-south h5, body.country-south h6 {
        font-family: "Nanum Gothic","Sans Serif";
    }

    body.country-south .additional-panel-feature .container .title {
        font-family: "Nanum Gothic","Sans Serif";
    }

    body.country-south .woksmart h2 {
        font-family: "Nanum Gothic","Sans Serif";
    }

    body.country-south .social-tile .post {
        font-family: "Nanum Gothic","Sans Serif";
        font-weight: bold;
    }

    body.country-south nav.footer-menu a {
        font-family: "Nanum Gothic","Sans Serif" !important;
        font-weight: bold;
    }

    body.country-south nav.footer-sub-menu a {
        font-family: "Nanum Gothic","Sans Serif";
        font-weight: bold;
    }

    body.country-south .side-nav .nav-title {
        font-family: "Nanum Gothic","Sans Serif";
        font-weight: bold;
    }

    body.country-south .side-nav > ul > li > a {
        font-family: "Nanum Gothic","Sans Serif";
        font-weight: bold;
    }

    body.country-south .side-nav > ul > li > .submenu > a {
        font-family: "Nanum Gothic","Sans Serif";
        font-weight: bold;
    }


    body.country-south .location-list-card .name {
        font-family: "Nanum Gothic","Sans Serif";
        font-weight: normal;
    }

    body.country-south .location-list-card .address {
        font-family: "Nanum Gothic","Sans Serif";
        font-weight: normal;
    }

    body.country-south .location-list-card .directions {
        font-family: "Nanum Gothic","Sans Serif";
        font-weight: normal;
    }

    body.country-south .location-map-popup .name {
        font-family: "Nanum Gothic","Sans Serif";
        font-weight: normal;
    }

    body.country-south .location-map-popup .address {
        font-family: "Nanum Gothic","Sans Serif";
        font-weight: normal;
    }

    body.country-south .location-map-popup .pickup-and-delivery {
        font-family: "Nanum Gothic","Sans Serif";
        font-weight: normal;
    }

    body.country-south .location-map-popup .phone, body.country-south .location-map-popup .fax, .location-map-popup .hours {
        font-family: "Nanum Gothic","Sans Serif";
        font-weight: normal;
    }

    body.country-south .location-panel .toggle-panel {
        font-family: "Nanum Gothic","Sans Serif";
        font-weight: normal;
    }

    body.country-south .location-map-popup .title {
        font-family: "Nanum Gothic","Sans Serif";
        font-weight: normal;
    }

    body.country-south .location-map-popup .order-now, body.country-south .location-map-popup .get-directions {
        font-family: "Nanum Gothic","Sans Serif";
        font-weight: normal;
    }


    body.country-south .toggle-location-filters {
        font-family: "Nanum Gothic","Sans Serif";
        font-weight: normal;
    }

    body.country-south .nutrition-facts header .title {
        font-family: "Nanum Gothic","Sans Serif";
    }


    body.country-south .nutrition-facts header .serving-size {
        font-family: "Nanum Gothic","Sans Serif";
    }


    body.country-south .menu-block .tile .title {
        font-family: "Nanum Gothic","Sans Serif";
    }

    body.country-south .menu-block .details .nutrition span {
        font-family: "Nanum Gothic","Sans Serif";
    }

    body.country-south .nutrition-facts .nutrition-col .fact {
        font-family: "Nanum Gothic","Sans Serif";
    }


    body.country-south .location-filters .filter .filter-icon {
        font-family: "Nanum Gothic","Sans Serif";
    }

    body.country-south .image-button-tile .title, body.country-south .sub-feature-tile .title {
        font-family: "Nanum Gothic","Sans Serif";
    }

    body.country-south .h3 {
        font-family: "Nanum Gothic","Sans Serif";
    }

/* End Korea*/


@media screen and (max-width: 1300px) and (min-width: 1100px) {
    body.country-elsalvador .main-links .link-block .anchor {
        font-size: 13px;
    }

    body.country-guatemala .main-links .link-block .anchor {
        font-size: 13px;
    }

    body.country-mexico .main-links .link-block .anchor {
        font-size: 13px;
    }
}

@media screen and (max-width: 1200px) and (min-width: 1100px) {
    body.country-elsalvador .main-links .link-block .anchor {
    }

    body.country-guatemala .main-links .link-block .anchor {
    }

    body.country-mexico .main-links .link-block .anchor {
    }
}

@media screen and (max-width: 1100px) and (min-width: 1000px) {
    body.country-elsalvador .main-links .link-block .anchor {
        font-size: 12px;
    }

    body.country-guatemala .main-links .link-block .anchor {
        font-size: 12px;
    }

    body.country-mexico .main-links .link-block .anchor {
        font-size: 12px;
    }

    .order-panda .info-container .order-now-button-mini {
        padding: 12px 30px;
    }
}

@media screen and (max-width: 1000px) and (min-width: 768px) {
    .order-panda .info-container .order-now-button-mini {
        font-size: 1.2rem;
        padding: 15px
    }

    body.country-elsalvador .main-links .link-block .anchor {
        font-size: 10px;
        max-width: 115px;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    body.country-guatemala .main-links .link-block .anchor {
        font-size: 10px;
        max-width: 115px;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    body.country-mexico .main-links .link-block .anchor {
        font-size: 10px;
        max-width: 115px;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    body.country-elsalvador .main-links .link-block .anchor {
        font-size: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        line-height: 1.1;
    }

    body.country-guatemala .main-links .link-block .anchor {
        font-size: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        line-height: 1.1;
    }

    body.country-mexico .main-links .link-block .anchor {
        font-size: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        line-height: 1.1;
    }
}

@media screen and (max-width: 450px) {
    .main-links .link-block.extra {
        display: none;
    }
}