@charset "UTF-8";
/**
 * GrubHub Master Import
 *
 * This file will generate everything css-related once transpiled.
 * Do NOT include anything here, add to _all instead.
 *
 **/
/**
 * NOTE: this file should not be directly imported
 *
 * We should instead use the <brand>.scss files to
 * output compiled CSS and leave this as an include
 * which should contain everything a brand needs
 * to style components.
 *
 * Styles are NOT allowed here, only @imports.
 **/
/**
 * Switches the return value of the function based on brand
 * Brands are {grubhub, seamless, eat24}
 *
 * Usage:
 * $someGlobalVariable: setBrandVars($blue, $red);
 * .global-css-selector: $someGlobalVariable;
 *
 * @param {CSS Property} $value1
 * @param {CSS Property} $value2
 * ...
 *
 * @returns a CSS property
 */
/**
 * Framework grid generation
 *
 * Used only by Bootstrap to generate the correct number of grid classes given
 * any value of `$grid-columns`.
 **/
/**
 * nth-root: Function
 *
 * @param $number
 * @param $root
 *
 * Returns the nth-root of a number
 *
 *
 * ie. ratio(font, desktop)
 * @debug nth-root(16, 2) == 4;
 *
 **/
/**
 * ratio: Function
 *
 * @param $scale
 * @param $device
 *
 * This function takes a type of scale (lineheight || font)
 * and a device type (mobile || desktop)
 * and returns the exponential ratio for the font scale.
 *
 * ie. ratio(font, desktop)
 **/
/**
 * Dimension - Mixins
 *
 * The following mixin is concerned only with helping apply shadows.
 *
 * Usage:
 *
 * box-shadow(2) <- applies a bottom directioned shadow
 * box-shadow(2, left) <- applies a left directioned shadow
 * box-shadow-reinforced(1, top) <- applies shadow with a reinforcing border.
 *
 **/
@-webkit-keyframes flyUp {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  from {
    transform: translateY(100px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes flyUp {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  from {
    transform: translateY(100px);
  }
  to {
    transform: translateY(0);
  }
}

@-webkit-keyframes flyDown {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100px);
  }
}

@keyframes flyDown {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100px);
  }
}

@-webkit-keyframes fadeIn {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes slideUp {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-100%);
  }
}

@keyframes slideUp {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-100%);
  }
}

@-webkit-keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}

@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}

@-webkit-keyframes rotate {
  0% {
    transform: rotate(-360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(-360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@-webkit-keyframes zoomIn {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.01);
  }
}

@keyframes zoomIn {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.01);
  }
}

@-webkit-keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(350deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(350deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spinCounter {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

@keyframes spinCounter {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

/**
 * Colors - Variables
 *
 * Color Constants
 * Color Sass maps
 * Color getter functions (get sass map values)
 * Sass to Js
 *
 **/
/*------------------------------------------------------
 * Color Constants
 *-----------------------------------------------------*/
/**
 * $BRAND_COLORS: sass-map
 *
 * This is a map of brand specific
 * color variations.
 **/
/**
* get-brand-color: Function
*
* @param $palette
* @param $brand
*
* This function takes a palette value (ie. Interactive)
* and a brand value ($BRAND) set in seamless.scss, grubhub.scss, etc.
* and returns the color constant for the brand.
*
* ie. get-color(interactive) => #HEXVAL
**/
/**
 * $COLOR_DATAMAP: sass-map
 *
 * This is a map of color palette values.
 *
 * ex: success => COLOR_SPEARMINT
 **/
/**
* get-color: Function
*
* @param $palette
*
* This function takes a palette value (ie. Interactive)
* and tone value (base by default) and returns the
* shade from a color palette in the $Colors sass map.
*
* ie. get-color(interactive) => #HEXVAL
**/
/**
 * Grid Variables
 **/
/**
* get-breakpoint: Function
*
* @param $bp
*
* This function takes a breakpoint value (xs, sm, etc)
* and returns the pixel value for that breakpoint
*
* ie. get-breakpoint(xl) => 1200px
**/
/**
 * Fonts Variables
 *
 * This file defines font variables
 * that are used by type based patterns
 * such as headings and copy (see variables/_typography.scss).
 *
 * 1) Font constants
 * 2) Font styles sass map
 * 3) Font scale functions
 * 4) Font mixin
 *
 **/
/*------------------------------------------------------
 *
 * 1) Font constants
 * adjustments, sizes, smaller, base and max
 *
 * These values are used to compute font scale ratios
 * for each font.
 *
 *-----------------------------------------------------*/
/**
 * Font adjustments
 *
 * These constants are used to normalize the height difference
 * of lowercase letters between fonts.
 *
 **/
/*------------------------------------------------------
 *
 * 2) Font style variables sass map
 *
 *-----------------------------------------------------*/
/**
 * $FONT_DATAMAP: sass-map
 *
 * This is a map of all font related variables.
 *
 * Description of each font variable group:
 *
 * face: the name used to declare the font.
 *
 * adjustments: the font face's x-height adjustment value.
 *
 * scale: these values are used to determine the overall scaling ratio
 * for the font scale for each font.
 *
 *   - numLarger: the number of larger sizes the font scale calculates the ratio with.
 *   - size: the size's exponential degree with which to apply the font scale ratio.
 *   - smaller: smaller size overrides.
 *   - base: base maximum font sizes (px) and line heights (ratio) for desktop and mobile.
 *   - max: maximum font sizes (px) and line heights (ratio) for desktop and mobile.
 *
 * Note that the base size is NOT the minimum font size,
 * rather the one optimized for comfortable reading.
 *
 **/
/*------------------------------------------------------
 *
 * 4) font Mixin
 *
 * @param $font
 * @param $size
 *
 * Use this function to create a responsive font style.
 *
 * Ex:
 * h1 {
 *   @include create-font(grubhubsans-bold, larger5)
 * }
 *
 *-----------------------------------------------------*/
/*------------------------------------------------------
 *
 * 3) Font scale functions and mixins
 *
 *-----------------------------------------------------*/
/**
 * font-size: Function
 *
 * @param $font
 * @param $size
 * @param $device
 *
 * This function takes a font name, size and device type
 * and returns the computed font size (px).
 *
 * ie. font-size(graphik, base, desktop)
 **/
/**
 * line-height: Function
 *
 * @param $font
 * @param $size
 * @param $device
 *
 * This function takes a font name, size and device type
 * and returns the computed line height ratio.
 *
 * ie. line-height(graphik, base, desktop)
 **/
/*
 * get-font-face: Function
 *
 * @param $family
 * @param $weight (optional)
 *
 * This function takes a font family and optional weight
 * and returns the font face name.
 *
 * ie. get-font-face(graphik, bold) => graphik-bold
 **/
.u-font-graphik {
  font-family: graphik;
}

lead,
.lead, .s-btn--large.s-btn-tertiary, .s-btn-group--large > .s-btn-tertiary.s-btn, .s-form-control--large, .s-input-group--large > .s-form-control {
  font-family: graphik;
  font-weight: normal;
  font-size: 15px;
  line-height: 1.3575;
}

@media (min-width: 768px) {
  lead,
  .lead, .s-btn--large.s-btn-tertiary, .s-btn-group--large > .s-btn-tertiary.s-btn, .s-form-control--large, .s-input-group--large > .s-form-control {
    font-size: 16.1px;
    line-height: 1.37946;
  }
}

body,
.body, .s-card-content > :first-child, .s-btn.s-btn-tertiary, .s-dropdown-menu, .s-select-control {
  font-family: graphik;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.4;
}

@media (min-width: 768px) {
  body,
  .body, .s-card-content > :first-child, .s-btn.s-btn-tertiary, .s-dropdown-menu, .s-select-control {
    font-size: 14px;
    line-height: 1.45;
  }
}

caption,
.caption, .s-iconBtn-labelGroup .s-iconBtn-label, .s-card-attribution-text > :not(:first-child),
.s-card-title > :not(:first-child), .s-card-content > :not(:first-child), .s-list-item-primary > span:not(:first-child), .s-list-item-attribute, .s-btn--small.s-btn-tertiary, .s-btn-group--small > .s-btn-tertiary.s-btn, .s-input-group--small > .s-input-group-addon > .s-btn-tertiary.s-btn, .s-dropdown--small .s-dropdown-toggle, .s-form-control--small, .s-input-group--small > .s-form-control, .s-radio-group--camo .s-radio-label, .s-select--small .s-select-control {
  font-family: graphik;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.45;
}

@media (min-width: 768px) {
  caption,
  .caption, .s-iconBtn-labelGroup .s-iconBtn-label, .s-card-attribution-text > :not(:first-child),
  .s-card-title > :not(:first-child), .s-card-content > :not(:first-child), .s-list-item-primary > span:not(:first-child), .s-list-item-attribute, .s-btn--small.s-btn-tertiary, .s-btn-group--small > .s-btn-tertiary.s-btn, .s-input-group--small > .s-input-group-addon > .s-btn-tertiary.s-btn, .s-dropdown--small .s-dropdown-toggle, .s-form-control--small, .s-input-group--small > .s-form-control, .s-radio-group--camo .s-radio-label, .s-select--small .s-select-control {
    font-size: 12px;
    line-height: 1.45;
  }
}

.u-font-graphik-bold {
  font-family: graphik-bold;
}

.u-font-grubhubsans {
  font-family: grubhubsans;
}

.u-font-grubhubsans-bold {
  font-family: grubhubsans-bold;
}

massive-heading,
.massive-heading {
  font-family: grubhubsans-bold;
  font-weight: normal;
  font-size: 23.6px;
  line-height: 1.27993;
}

@media (min-width: 768px) {
  massive-heading,
  .massive-heading {
    font-size: 35.4px;
    line-height: 1.18253;
  }
}

h1,
.h1 {
  font-family: grubhubsans-bold;
  font-weight: normal;
  font-size: 22px;
  line-height: 1.32;
}

@media (min-width: 768px) {
  h1,
  .h1 {
    font-size: 30.8px;
    line-height: 1.243;
  }
}

h2,
.h2 {
  font-family: grubhubsans-bold;
  font-weight: normal;
  font-size: 20.5px;
  line-height: 1.36133;
}

@media (min-width: 768px) {
  h2,
  .h2 {
    font-size: 26.8px;
    line-height: 1.30656;
  }
}

h3,
.h3 {
  font-family: grubhubsans-bold;
  font-weight: normal;
  font-size: 19.1px;
  line-height: 1.40395;
}

@media (min-width: 768px) {
  h3,
  .h3 {
    font-size: 23.3px;
    line-height: 1.37337;
  }
}

h4,
.h4 {
  font-family: grubhubsans-bold;
  font-weight: normal;
  font-size: 17.8px;
  line-height: 1.44791;
}

@media (min-width: 768px) {
  h4,
  .h4 {
    font-size: 20.3px;
    line-height: 1.44359;
  }
}

h5,
.h5, .s-link-header {
  font-family: grubhubsans-bold;
  font-weight: normal;
  font-size: 16.5px;
  line-height: 1.49325;
}

@media (min-width: 768px) {
  h5,
  .h5, .s-link-header {
    font-size: 17.7px;
    line-height: 1.51741;
  }
}

h6,
.h6, .s-btn, .s-radio-group--tabbed .s-radio-label {
  font-family: grubhubsans-bold;
  font-weight: normal;
  font-size: 15.4px;
  line-height: 1.54;
}

@media (min-width: 768px) {
  h6,
  .h6, .s-btn, .s-radio-group--tabbed .s-radio-label {
    font-size: 15.4px;
    line-height: 1.595;
  }
}

/**
 * Text - Variables
 *
 * This file defines text variables
 * used in components and utilities.
 *
 **/
/**
 * get-text-color: Function
 *
 **/
.icon-xs, .icon-16 {
  font-size: 16px;
}

.icon-sm, .icon-24 {
  font-size: 24px;
}

.icon-md, .icon-28 {
  font-size: 28px;
}

.icon-lg, .icon-32 {
  font-size: 32px;
}

.icon-xl, .icon-40 {
  font-size: 40px;
}

.icon-48 {
  font-size: 48px !important;
}

.icon-64 {
  font-size: 64px !important;
}

.icon-xs,
.icon-sm,
.icon-md,
.icon-lg,
.icon-xl {
  line-height: 1;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'grubhub-ico';
  font-style: normal;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/***************************************************
 * These variables are auto-generated by ico-moon
 * It is a straight dump of the variables.scss file
 * that is created when the icon font set is built
 ***************************************************/
/**
 * Dimension - Variables
 *
 * Dimension Helper Methods
 * Dimension Constants
 * Dimension SCSS Map
 * Dimension Getter Function (get SCSS map values)
 *
 **/
/*------------------------------------------------------
 * PrivateVariables
 *-----------------------------------------------------*/
/*------------------------------------------------------
 * Constants
 *-----------------------------------------------------*/
/*------------------------------------------------------
 * SCSS Maps
 *-----------------------------------------------------*/
/*------------------------------------------------------
 * Getter Function
 *-----------------------------------------------------*/
/**
 * Motion
 *
 * This file defines motion variables, mixins
 * and functions to be used in components.
 *
 * 1) Constants
 * 2) Getter functions
 * 3) Mixins
 * 4) Keyframe Animations
 **/
/**
 * get-motion-timing: Function
 *
 * @param $timing - the speed of the timing
 * @returns <string> millisecond value
 *
 * ie. get-motion-timing(default|slow|quick)
 **/
/**
 * get-motion-property: Function
 *
 * @param $name - name of the animation
 * @param $property - name of the animation property to return
 * @returns <string> animation property value
 *
 * ie. get-motion-property(slideUp, easing)
 **/
/**
 * motion: Mixin
 *
 * @param $name - name of the animation
 *
 * Optional params
 *
 * @param: $timing  - speed of the animation
 * @param: $delay - delay the animation by X milliseconds
 * @param: $easing - the type of easing
 * @param: $direction - direction of the animation, ie: normal or reverse
 * @param: $fill - the fill mode of the animation
 * @param: $iterations - the number of iterations
 *
 * ie. @include motion(slideIn, <timing>, <delay>, <easing>, <direction>, <fill-mode>, <iterations>)
 **/
/**
 * motion-transition: Mixin
 *
 * @param $property - name of the animation
 * @param $transform - name of the animation
 *
 * Optional params
 *
 * @param: $timing  - speed of the animation
 * @param: $easing - the type of easing
 *
 * ie. @include motion-transition(color)
 *     @include motion-transition(color, <timing>, <easing>)
 **/
/**
 * Animation keyframes
 *
 **/
/**
 * SPACE & GUTTERS
 **/
/**
 *
 * @param $level
 *
 * Use this function to calculate any spacing value on the spacing scale.
 *
  * Examples:
 * get-spacing-value(5) => 20px
 **/
/**
 * make-inset()
 * make-squished-inset()
 * @param $level
 *
 * Get one particular inset based on a level
 * @include make-inset(3) === u-inset-3
 **/
/**
 * make-section()
 * @param $level
 *
 * Get one particular inset based on a level
 * @include make-section(3) === u-section-3
 **/
/**
 * make-static-gutter()
 * @param $level
 *
 * Get a gutter based on a level
 * @include make-gutter(1) === .u-gutter-1
 **/
/**
 * make-responsive-gutter()
 * @param $level
 * @param $breakpoint 'xs|sm...|xl'
 *
 * Make a responsive gutter
 * @include make-responsive-gutter(3, 'sm') === u-gutter-sm-3
 **/
/**
 * make-static-gutterless()
 * @param $level
 *
 * Removes gutters padding from row
 * @include make-static-gutterless(1) === .u-gutterless-1
 **/
/**
 * make-responsive-gutterless()
 * @param $level
 * @param $breakpoint 'xs|sm...|xl'
 *
 * Make a responsive gutter
 * @include make-responsive-gutterless(3, 'xs') === u-gutterless-xs-3
 **/
/**
 * make-stack-x|y()
 * @param $level
 *
 * Adds margins based on stack levels
 * @include make-stack-y(1) === .u-stack-y-1
 **/
/**
 * make-stack-cancel-up|down-x|y()
 * @param $level
 * @param $breakpoint 'xs|sm...|xl'
 *
 * Cancels stack by breakpoint up or down, on X or Y axis
 * @include make-stack-cancel-down-y('xs') === u-stack-cancel-xs
 **/
/*
 * Initialize the SPACING_MAP from the SPACING_LEVELS
 * the SPACING_MAP includes levels and values on the
 * a modular spacing scale.
 **/
/**
 * get-spacing-value: Function
 * get-gutter-value: Function
 *
 * @param $level
 *
 * This function takes a level from $SPACING_LEVELS / $SPACING MAP
 * and returns the pixel value of that level accordingly.
 *
 * Optionally include a modifier, which adjusts the level
 *
 * Examples:
 * get-spacing-value(6) => 24px
 * get-spacing-value(12, $modifier: -2) => 24px
 * get-gutter-value(1) => 4px
 **/
@media (max-width: 767px) {
  .u-gutter-xs-0 {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .u-gutterless-xs-0 {
    margin-left: 0;
    margin-right: 0;
  }
}

/**
 * Typography - Variables
 *
 * This file defines typography variables
 * used in components and utilties.
 *
 * 1) Typography styles (sass map)
 * 2) Typography getter functions
 *
 **/
/*------------------------------------------------------
 *
 * 2) Typography getter functions
 *
 * Use these functions to reference typography variables within mochi.
 *
 *-----------------------------------------------------*/
/**
 * get-typography-font-style: Function
 *
 * @param $component
 * @param $weight (optional)
 *
 * This function takes a component type (ie. heading, Copy)
 * and optional weight and returns the font face value.
 *
 * ie. get-typography-font-style(headings)
       get-typography-font-style(copy, bold)
 **/
/**
 * get-typography-font-size: Function
 *
 * @param $component
 * @param $size
 *
 * This function takes a component type (ie. heading, copy)
 * and class (h1, h2, lead...) and returns the
 * font scale value.
 *
 * Refer to variables/_fonts for font scale values.
 * ie. get-typography-font-size(heading, h6) => base
       get-typography-font-size(copy, lead) => larger1
 **/
/**
 * Lines - Variables
 *
 * This file defines line variables
 * used in components and utilities,
 * including horizontal rules and borders.
 *
 * 1) Line styles (sass map)
 * 2) Line getter function (get sass map values)
 *
 * See components/_line for line component classes.
 * See utilities/_borders for border utilities.
 *
 **/
/*------------------------------------------------------
 *
 * 1) Line styles sass map
 *
 *-----------------------------------------------------*/
/**
 * $Lines: sass-map
 *
 * This is a map of line styles
 * grouped by modification.
 *
 **/
/*------------------------------------------------------
 *
 * 2) Line getter function
 *
 * Use this function to reference line variables within mochi.
 *
 *-----------------------------------------------------*/
/**
 * get-line: Function
 *
 * @param $type
 * @param $variation (optional)
 *
 * This function takes a line style variation type from $Lines
 * and returns the appropriate value.
 * If no variation parameter is provided, the function
 * will return the base value.
 *
 * ie. get-line-width(thick) => 3px
 *     get-line-color(dark) => RGBA(...)
 **/
/**
 * Borders - Variables
 *
 * This file defines border radius variables
 * used in components and utilities.
 *
 * 1) Border radius sizes(sass map)
 * 2) @function get-border-radius
 * 3) @mixin round-side
 *
 **/
/*------------------------------------------------------
 *
 * 1) Border radius styles
 *
 *-----------------------------------------------------*/
/**
 * $BorderRadius: sass-map
 *
 * Map of border radius sizes.
 *
 **/
/*------------------------------------------------------
 *
 * 2) Border radius getter function
 *
 *-----------------------------------------------------*/
/**
 * get-border-radius: Function
 *
 * @param $size (optional)
 *
 * This function takes a border radius size
 * and returns the pixel value for that size.
 * If no param is specified, the base radius is returned.
 *
 * ie. get-border-radius(large) => 3px
 *
 **/
/*------------------------------------------------------
 * Positioning Mixins
 *-----------------------------------------------------*/
/*------------------------------------------------------
 * Sass to Js
 *-----------------------------------------------------*/
.colors-data:before {
  content: '{"primary":{"base":"#F63440","dark":"#ed0a18","darker":"#bc0813"},"interactive":{"base":"#0070EB","dark":"#0058b8","darker":"#003f85"},"success":{"base":"#13AA37","dark":"#0e7c28","darker":"#094e19"},"warning":{"base":"#FB6100","dark":"#c84d00","darker":"#953a00"},"disabled":{"base":"#CACACA","dark":"#b1b1b1","darker":"#979797"},"facebook":{"base":"#3B5998","dark":"#2d4373","darker":"#1e2e4f"},"google":{"base":"#4285F4","dark":"#1266f1","darker":"#0b51c5"},"information":{"base":"#323232"},"black":{"base":"#000","5":"rgba(0, 0, 0, 0.05)","8":"rgba(0, 0, 0, 0.08)","10":"rgba(0, 0, 0, 0.1)","20":"rgba(0, 0, 0, 0.2)","35":"rgba(0, 0, 0, 0.35)","55":"rgba(0, 0, 0, 0.55)","70":"rgba(0, 0, 0, 0.7)","87":"rgba(0, 0, 0, 0.87)"},"white":{"base":"#FFF","10":"rgba(255, 255, 255, 0.1)","20":"rgba(255, 255, 255, 0.2)","40":"rgba(255, 255, 255, 0.4)","55":"rgba(255, 255, 255, 0.55)","75":"rgba(255, 255, 255, 0.75)"},"neutral":{"light":"#F6F6F6","base":"#EFEFEF","dark":"#E4E4E4","darker":"#CACACA"},"a11y":{"firefox":"#212121"},"marketing":{"aqua":"#40C2DE","mango":"#FAAE1D","plum":"#8845DA","dragonfruit":"#E86BA5","fig":"#8C3C52","blueberry":"#3232AA","lavender":"#CE9CFF","pineapple":"#F9C931","macaroon":"#0E8A90","polar_ice":"#32BEC0","raddish":"#E169DD","merlot":"#4D2486","facebook":"#3B5998","spinach":"#2B6B37","apple":"#91C94A","lime":"#D4FA4D","chocolate":"#5C3630","pumpkin":"#F78F21","banana":"#FFD963","eggplant":"#641E8C","rose":"#FFB5C9","ice":"#9CF0FF","leftovers":"#36B0AA"},"transparent":{"base":"rgba(0, 0, 0, 0)"}}';
  display: none;
}

.spacing-data:before {
  content: '{"base":"4px","levels":[0,0.5,1,2,3,4,6,8,12,16],"u-inset":[1,2,3,4,6],"u-inset-squished":[1,2,3,4,6],"u-section":[2,3,6,12],"u-gutter":[1,2,3]}';
  display: none;
}

html {
  box-sizing: border-box;
}

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

body {
  -webkit-font-smoothing: antialiased;
  margin: 0;
}

input[type="search"] {
  box-sizing: border-box;
}

/**
 * declare-font: Mixin
 *
 * @param $name
 * @param $weight
 * @param $style
 * @param $path
 * @param $font-file-name
 *
 * This mixin creates a font face declaration
 * given font-family name, source paths, and style information.
 *
 **/
@font-face {
  font-family: "graphik";
  src: url("graphik-regular/graphik-regular.woff") format("woff"), url("graphik-regular/graphik-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "graphik-bold";
  src: url("graphik-bold/graphik-bold.woff") format("woff"), url("graphik-bold/graphik-bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "grubhubsans";
  src: url("grubhub-sans-light/grubhub-sans-light.woff") format("woff"), url("grubhub-sans-light/grubhub-sans-light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "grubhubsans-bold";
  src: url("grubhub-sans-bold/grubhub-sans-bold.woff") format("woff"), url("grubhub-sans-bold/grubhub-sans-bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "grubhub-ico";
  src: url("icons/grubhub.woff") format("woff"), url("icons/grubhub.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.u-center {
  text-align: center;
}

.u-center-background {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.u-clickable, .s-card-wrapper {
  cursor: pointer;
}

.u-gray {
  background: #CACACA;
  padding: 10px 10px;
}

.u-gray-dark {
  background: #323232;
  padding: 10px 10px;
}

.u-no-margin {
  margin-bottom: 0;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.pull-left,
.s-pull-left {
  float: left;
}

.pull-right,
.s-pull-right {
  float: right;
}

.u-flex-center-center, .s-card-cuisine {
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-width-full {
  width: 100%;
}

.u-height-full {
  height: 100%;
}

.u-dimmed {
  opacity: .3;
  pointer-events: none;
}

.u-pointer-none {
  pointer-events: none;
}

.u-unclickable {
  cursor: default !important;
}

.u-hidden-accessible, .s-checkbox-input, .s-radio-group .s-radio-label .s-radio-input, .s-pagination ul.pagination li.page-item a .sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.u-pressable, .s-card-wrapper {
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: 0.2s box-shadow ease-in-out, 0.2s border ease-in-out, 0.1s transform ease-in-out;
}

.u-pressable:hover, .s-card-wrapper:hover {
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 3px 1px rgba(0, 0, 0, 0.1);
}

.u-pressable:active, .s-card-wrapper:active {
  transform: scale(0.99);
}

/**
 * Gutters, Boxes & Sections
 *
 * 1) Imports
 * 2) Global vars
 * 3) Box & Section mixins
 * 4) Gutter mixins
 * 5) Declarations
 * 6) Margin & Padding
 **/
/*------------------------------------------------------
 * Paddings and Margins
 * LEGACY - (vnalupta) remove when safe
 *-----------------------------------------------------*/
.u-margin-top-default {
  margin-top: 5px;
}

.u-padding-top-default {
  padding-top: 5px;
}

.u-margin-right-default {
  margin-right: 5px;
}

.u-padding-right-default {
  padding-right: 5px;
}

.u-margin-bottom-default {
  margin-bottom: 5px;
}

.u-padding-bottom-default {
  padding-bottom: 5px;
}

.u-margin-left-default {
  margin-left: 5px;
}

.u-padding-left-default {
  padding-left: 5px;
}

.u-margin-top-large {
  margin-top: 10px;
}

.u-padding-top-large {
  padding-top: 10px;
}

.u-margin-right-large {
  margin-right: 10px;
}

.u-padding-right-large {
  padding-right: 10px;
}

.u-margin-bottom-large {
  margin-bottom: 10px;
}

.u-padding-bottom-large {
  padding-bottom: 10px;
}

.u-margin-left-large {
  margin-left: 10px;
}

.u-padding-left-large {
  padding-left: 10px;
}

.u-margin-top-extra {
  margin-top: 35px;
}

.u-padding-top-extra {
  padding-top: 35px;
}

.u-margin-right-extra {
  margin-right: 35px;
}

.u-padding-right-extra {
  padding-right: 35px;
}

.u-margin-bottom-extra {
  margin-bottom: 35px;
}

.u-padding-bottom-extra {
  padding-bottom: 35px;
}

.u-margin-left-extra {
  margin-left: 35px;
}

.u-padding-left-extra {
  padding-left: 35px;
}

.u-margin-cancel, .s-card-attribution-text > *,
.s-card-title > *, .s-card-body > :last-child, .s-card-content > :not(:first-child) {
  margin: 0 !important;
}

.u-margin-bottom-cancel {
  margin-bottom: 0 !important;
}

.u-margin-left-cancel {
  margin-left: 0 !important;
}

.u-margin-right-cancel {
  margin-right: 0 !important;
}

.u-padding-cancel {
  padding: 0 !important;
}

.u-padding-top-cancel {
  padding-top: 0 !important;
}

.u-padding-bottom-cancel {
  padding-bottom: 0 !important;
}

.u-padding-left-cancel {
  padding-left: 0 !important;
}

.u-padding-right-cancel {
  padding-right: 0 !important;
}

@media (max-width: 991px) {
  .u-margin-bottom-mobile {
    margin-bottom: 20px;
  }
}

@media (max-width: 991px) {
  .u-padding-bottom-default-mobile {
    padding-bottom: 5px;
  }
}

.u-gutter-1 {
  padding-left: 4px;
  padding-right: 4px;
}

@media (max-width: 575px) {
  .u-gutter-xs-1 {
    padding-left: 4px;
    padding-right: 4px;
  }
}

@media (max-width: 767px) {
  .u-gutter-sm-1 {
    padding-left: 4px;
    padding-right: 4px;
  }
}

@media (max-width: 991px) {
  .u-gutter-md-1 {
    padding-left: 4px;
    padding-right: 4px;
  }
}

@media (max-width: 1199px) {
  .u-gutter-lg-1 {
    padding-left: 4px;
    padding-right: 4px;
  }
}

.u-gutter-xl-1 {
  padding-left: 4px;
  padding-right: 4px;
}

.u-gutter-2 {
  padding-left: 8px;
  padding-right: 8px;
}

@media (max-width: 575px) {
  .u-gutter-xs-2 {
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media (max-width: 767px) {
  .u-gutter-sm-2 {
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media (max-width: 991px) {
  .u-gutter-md-2 {
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media (max-width: 1199px) {
  .u-gutter-lg-2 {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.u-gutter-xl-2 {
  padding-left: 8px;
  padding-right: 8px;
}

.u-gutter-3 {
  padding-left: 12px;
  padding-right: 12px;
}

@media (max-width: 575px) {
  .u-gutter-xs-3 {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (max-width: 767px) {
  .u-gutter-sm-3 {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (max-width: 991px) {
  .u-gutter-md-3 {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (max-width: 1199px) {
  .u-gutter-lg-3 {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.u-gutter-xl-3 {
  padding-left: 12px;
  padding-right: 12px;
}

.u-gutterless-1 {
  margin-left: -4px !important;
  margin-right: -4px !important;
}

@media (max-width: 575px) {
  .u-gutterless-xs-1 {
    margin-left: -4px;
    margin-right: -4px;
  }
}

@media (max-width: 767px) {
  .u-gutterless-sm-1 {
    margin-left: -4px;
    margin-right: -4px;
  }
}

@media (max-width: 991px) {
  .u-gutterless-md-1 {
    margin-left: -4px;
    margin-right: -4px;
  }
}

@media (max-width: 1199px) {
  .u-gutterless-lg-1 {
    margin-left: -4px;
    margin-right: -4px;
  }
}

.u-gutterless-xl-1 {
  margin-left: -4px;
  margin-right: -4px;
}

.u-gutterless-2 {
  margin-left: -8px !important;
  margin-right: -8px !important;
}

@media (max-width: 575px) {
  .u-gutterless-xs-2 {
    margin-left: -8px;
    margin-right: -8px;
  }
}

@media (max-width: 767px) {
  .u-gutterless-sm-2 {
    margin-left: -8px;
    margin-right: -8px;
  }
}

@media (max-width: 991px) {
  .u-gutterless-md-2 {
    margin-left: -8px;
    margin-right: -8px;
  }
}

@media (max-width: 1199px) {
  .u-gutterless-lg-2 {
    margin-left: -8px;
    margin-right: -8px;
  }
}

.u-gutterless-xl-2 {
  margin-left: -8px;
  margin-right: -8px;
}

.u-gutterless-3 {
  margin-left: -12px !important;
  margin-right: -12px !important;
}

@media (max-width: 575px) {
  .u-gutterless-xs-3 {
    margin-left: -12px;
    margin-right: -12px;
  }
}

@media (max-width: 767px) {
  .u-gutterless-sm-3 {
    margin-left: -12px;
    margin-right: -12px;
  }
}

@media (max-width: 991px) {
  .u-gutterless-md-3 {
    margin-left: -12px;
    margin-right: -12px;
  }
}

@media (max-width: 1199px) {
  .u-gutterless-lg-3 {
    margin-left: -12px;
    margin-right: -12px;
  }
}

.u-gutterless-xl-3 {
  margin-left: -12px;
  margin-right: -12px;
}

.u-inset-1 {
  padding: 4px;
}

.u-inset-2, .s-list-inline-pagination > li > a {
  padding: 8px;
}

.u-inset-3, .s-card--small .s-card-attribution,
.s-card--small .s-card-media-interaction,
.s-card--small .s-card-body {
  padding: 12px;
}

.u-inset-4, .s-card-body {
  padding: 16px;
}

.u-inset-6 {
  padding: 24px;
}

.u-inset-squished-1 {
  padding: 2px 4px;
}

.u-inset-squished-2 {
  padding: 4px 8px;
}

.u-inset-squished-3 {
  padding: 8px 12px;
}

.u-inset-squished-4, .s-card-attribution, .s-card-media-fab, .s-list-heading, .s-list-item {
  padding: 12px 16px;
}

.u-inset-squished-6 {
  padding: 16px 24px;
}

.u-section-2 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 768px) {
  .u-section-2 {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 32px;
    padding-right: 32px;
  }
}

.u-section-3 {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 768px) {
  .u-section-3 {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 32px;
    padding-right: 32px;
  }
}

.u-section-6 {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 768px) {
  .u-section-6 {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }
}

.u-section-12 {
  padding-top: 48px;
  padding-bottom: 48px;
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 768px) {
  .u-section-12 {
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 32px;
    padding-right: 32px;
  }
}

.u-stack-y-0 {
  margin-bottom: 0px;
}

.u-stack-x-0 {
  margin-right: 0px;
}

.u-stack-y-half {
  margin-bottom: 2px;
}

.u-stack-x-half {
  margin-right: 2px;
}

.u-stack-y-1, .s-iconBtn-labelGroup .s-iconBtn, .s-card-content > :first-child {
  margin-bottom: 4px;
}

.u-stack-x-1 {
  margin-right: 4px;
}

.u-stack-y-2, .s-card-title {
  margin-bottom: 8px;
}

.u-stack-x-2, .s-card-attribution-image {
  margin-right: 8px;
}

.u-stack-y-3 {
  margin-bottom: 12px;
}

.u-stack-x-3 {
  margin-right: 12px;
}

.u-stack-y-4, .s-card-content {
  margin-bottom: 16px;
}

.u-stack-x-4 {
  margin-right: 16px;
}

.u-stack-y-6 {
  margin-bottom: 24px;
}

.u-stack-x-6 {
  margin-right: 24px;
}

.u-stack-y-8 {
  margin-bottom: 32px;
}

.u-stack-x-8 {
  margin-right: 32px;
}

.u-stack-y-12 {
  margin-bottom: 48px;
}

.u-stack-x-12 {
  margin-right: 48px;
}

.u-stack-y-16 {
  margin-bottom: 64px;
}

.u-stack-x-16 {
  margin-right: 64px;
}

@media (max-width: 575px) {
  .u-stack-y-cancel-down-xs {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 575px) {
  .u-stack-x-cancel-down-xs {
    margin-right: 0 !important;
  }
}

.u-stack-y-cancel-up-xs {
  margin-bottom: 0 !important;
}

.u-stack-x-cancel-up-xs {
  margin-right: 0 !important;
}

@media (max-width: 767px) {
  .u-stack-y-cancel-down-sm {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .u-stack-x-cancel-down-sm {
    margin-right: 0 !important;
  }
}

@media (min-width: 576px) {
  .u-stack-y-cancel-up-sm {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 576px) {
  .u-stack-x-cancel-up-sm {
    margin-right: 0 !important;
  }
}

@media (max-width: 991px) {
  .u-stack-y-cancel-down-md {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 991px) {
  .u-stack-x-cancel-down-md {
    margin-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .u-stack-y-cancel-up-md {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 768px) {
  .u-stack-x-cancel-up-md {
    margin-right: 0 !important;
  }
}

@media (max-width: 1199px) {
  .u-stack-y-cancel-down-lg {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 1199px) {
  .u-stack-x-cancel-down-lg {
    margin-right: 0 !important;
  }
}

@media (min-width: 992px) {
  .u-stack-y-cancel-up-lg {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 992px) {
  .u-stack-x-cancel-up-lg {
    margin-right: 0 !important;
  }
}

/**
 * Lines - Utilities
 *
 * Use these classes to add borders where
 * the <hr> divider components do not apply.
 *
 * See components/_divider for <hr> classes.
 * See variables/_lines for line values.
 *
 **/
.u-line {
  border: 2px solid rgba(0, 0, 0, 0.2);
}

.u-line-top {
  border-top: 2px solid rgba(0, 0, 0, 0.2);
}

.u-line-right {
  border-right: 2px solid rgba(0, 0, 0, 0.2);
}

.u-line-bottom {
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}

.u-line-left {
  border-left: 2px solid rgba(0, 0, 0, 0.2);
}

.u-line--none {
  border: 0 !important;
}

/* WIDTH MODIFIERS
/* --------------------------------------- */
.u-line--thin {
  border-width: 1px;
}

.u-line--thick {
  border-width: 4px;
}

/* COLOR MODIFIERS
/* --------------------------------------- */
.u-line--light {
  border-color: rgba(0, 0, 0, 0.1);
}

.u-line--dark {
  border-color: rgba(0, 0, 0, 0.2);
}

.u-line--light-inverted {
  border-color: rgba(255, 255, 255, 0.2);
}

.u-line--dark-inverted, .u-line--nav {
  border-color: rgba(255, 255, 255, 0.4);
}

/* MAIN NAV LINE UTIL
/* --------------------------------------- */
.u-line-onsides {
  overflow: hidden;
  text-align: center;
}

.u-line-onsides:before, .u-line-onsides:after {
  background-color: rgba(0, 0, 0, 0.2);
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.u-line-onsides:before {
  right: 0.5em;
  margin-left: -50%;
}

.u-line-onsides:after {
  left: 0.5em;
  margin-right: -50%;
}

/**
 * Flexbox utilities
 *
 *
 *  Creates order, align-items, align-self and justify-content utility classesfor all provided breakpoints.
 */
.u-flexbox-order-1 {
  order: 1;
}

.u-flexbox-order-2 {
  order: 2;
}

.u-flexbox-order-3 {
  order: 3;
}

.u-flexbox-order-4 {
  order: 4;
}

.u-flexbox-order-5 {
  order: 5;
}

.u-flexbox-order-6 {
  order: 6;
}

.u-flexbox-order-7 {
  order: 7;
}

.u-flexbox-order-8 {
  order: 8;
}

.u-flexbox-order-9 {
  order: 9;
}

.u-flexbox-order-10 {
  order: 10;
}

.u-flex {
  display: flex;
}

.u-flex-reset-static {
  flex: 0 0 auto;
}

.u-flex-reset-grow {
  flex: 1 0 auto;
}

.u-flex-reset-shrink {
  flex: 1 0 auto;
}

.u-flex-reset-flexible {
  flex: 1 1 auto;
}

.u-flex-direction-row {
  flex-direction: row;
}

.u-flex-direction-column {
  flex-direction: column;
}

.u-flex-wrap {
  flex-wrap: wrap;
}

.u-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.u-flex-no-wrap {
  flex-wrap: nowrap;
}

.u-flex-align-xs--top {
  align-items: flex-start;
}

.u-flex-align-xs--center, .s-dropdown-toggle {
  align-items: center;
}

.u-flex-align-xs--bottom {
  align-items: flex-end;
}

.u-flex-align-xs--stretch {
  align-items: stretch;
}

.u-flex-align-xs--baseline {
  align-items: baseline;
}

.u-flex-align-self-xs--auto {
  align-self: auto;
}

.u-flex-align-self-xs--top {
  align-self: flex-start;
}

.u-flex-align-self-xs--center {
  align-self: center;
}

.u-flex-align-self-xs--bottom {
  align-self: flex-end;
}

.u-flex-align-self-xs--baseline {
  align-self: baseline;
}

.u-flex-align-self-xs--stretch {
  align-self: stretch;
}

.u-flex-justify-xs--left {
  justify-content: flex-start;
}

.u-flex-justify-xs--center {
  justify-content: center;
}

.u-flex-justify-xs--right {
  justify-content: flex-end;
}

.u-flex-justify-xs--around {
  justify-content: space-around;
}

.u-flex-justify-xs--between, .s-dropdown-toggle {
  justify-content: space-between;
}

.u-flex-direction-xs-row {
  flex-direction: row;
}

.u-flex-direction-xs-column {
  flex-direction: column;
}

@media (min-width: 576px) {
  .u-flex-align-sm--top {
    align-items: flex-start;
  }
  .u-flex-align-sm--center {
    align-items: center;
  }
  .u-flex-align-sm--bottom {
    align-items: flex-end;
  }
  .u-flex-align-sm--stretch {
    align-items: stretch;
  }
  .u-flex-align-sm--baseline {
    align-items: baseline;
  }
  .u-flex-align-self-sm--auto {
    align-self: auto;
  }
  .u-flex-align-self-sm--top {
    align-self: flex-start;
  }
  .u-flex-align-self-sm--center {
    align-self: center;
  }
  .u-flex-align-self-sm--bottom {
    align-self: flex-end;
  }
  .u-flex-align-self-sm--baseline {
    align-self: baseline;
  }
  .u-flex-align-self-sm--stretch {
    align-self: stretch;
  }
  .u-flex-justify-sm--left {
    justify-content: flex-start;
  }
  .u-flex-justify-sm--center {
    justify-content: center;
  }
  .u-flex-justify-sm--right {
    justify-content: flex-end;
  }
  .u-flex-justify-sm--around {
    justify-content: space-around;
  }
  .u-flex-justify-sm--between {
    justify-content: space-between;
  }
  .u-flex-direction-sm-row {
    flex-direction: row;
  }
  .u-flex-direction-sm-column {
    flex-direction: column;
  }
}

@media (min-width: 768px) {
  .u-flex-align-md--top {
    align-items: flex-start;
  }
  .u-flex-align-md--center {
    align-items: center;
  }
  .u-flex-align-md--bottom {
    align-items: flex-end;
  }
  .u-flex-align-md--stretch {
    align-items: stretch;
  }
  .u-flex-align-md--baseline {
    align-items: baseline;
  }
  .u-flex-align-self-md--auto {
    align-self: auto;
  }
  .u-flex-align-self-md--top {
    align-self: flex-start;
  }
  .u-flex-align-self-md--center {
    align-self: center;
  }
  .u-flex-align-self-md--bottom {
    align-self: flex-end;
  }
  .u-flex-align-self-md--baseline {
    align-self: baseline;
  }
  .u-flex-align-self-md--stretch {
    align-self: stretch;
  }
  .u-flex-justify-md--left {
    justify-content: flex-start;
  }
  .u-flex-justify-md--center {
    justify-content: center;
  }
  .u-flex-justify-md--right {
    justify-content: flex-end;
  }
  .u-flex-justify-md--around {
    justify-content: space-around;
  }
  .u-flex-justify-md--between {
    justify-content: space-between;
  }
  .u-flex-direction-md-row {
    flex-direction: row;
  }
  .u-flex-direction-md-column {
    flex-direction: column;
  }
}

@media (min-width: 992px) {
  .u-flex-align-lg--top {
    align-items: flex-start;
  }
  .u-flex-align-lg--center {
    align-items: center;
  }
  .u-flex-align-lg--bottom {
    align-items: flex-end;
  }
  .u-flex-align-lg--stretch {
    align-items: stretch;
  }
  .u-flex-align-lg--baseline {
    align-items: baseline;
  }
  .u-flex-align-self-lg--auto {
    align-self: auto;
  }
  .u-flex-align-self-lg--top {
    align-self: flex-start;
  }
  .u-flex-align-self-lg--center {
    align-self: center;
  }
  .u-flex-align-self-lg--bottom {
    align-self: flex-end;
  }
  .u-flex-align-self-lg--baseline {
    align-self: baseline;
  }
  .u-flex-align-self-lg--stretch {
    align-self: stretch;
  }
  .u-flex-justify-lg--left {
    justify-content: flex-start;
  }
  .u-flex-justify-lg--center {
    justify-content: center;
  }
  .u-flex-justify-lg--right {
    justify-content: flex-end;
  }
  .u-flex-justify-lg--around {
    justify-content: space-around;
  }
  .u-flex-justify-lg--between {
    justify-content: space-between;
  }
  .u-flex-direction-lg-row {
    flex-direction: row;
  }
  .u-flex-direction-lg-column {
    flex-direction: column;
  }
}

/**
 * Text - Utilities
 *
 * This file defines text utility classes.
 *
 * Use these classes for text color,
 * alignment, transforms, etc. where standard component
 * styles cannot be applied.
 * See variables/_text for text colors.
 *
 **/
.u-text-left {
  text-align: left;
}

.u-text-center {
  text-align: center;
}

.u-text-right {
  text-align: right;
}

.u-text-nowrap {
  white-space: nowrap;
}

.u-text-wrap {
  word-wrap: break-word;
}

.u-text-caps {
  text-transform: uppercase;
}

.u-text-nocaps {
  text-transform: none !important;
}

.u-text-capitalize {
  text-transform: capitalize;
}

.u-text-lowercase {
  text-transform: lowercase;
}

.u-text-underline, .s-link-secondary, .s-link-primary--inverted, .s-link-secondary--inverted {
  text-decoration: underline;
}

.u-text-primary, .s-card--static .s-card-title > :first-child,
.s-card--static .s-card-title > :first-child:hover,
.s-card--static .s-card-title > :first-child:active, .s-card-attribution--static .s-card-attribution-text > :first-child,
.s-card-attribution--static .s-card-attribution-text > :first-child:hover,
.s-card-attribution--static .s-card-attribution-text > :first-child:active {
  color: rgba(0, 0, 0, 0.87);
}

.u-text-secondary, .s-card-attribution-text > :not(:first-child),
.s-card-title > :not(:first-child), .s-card-content > :not(:first-child), .s-form-group > label {
  color: rgba(0, 0, 0, 0.55);
}

.u-text-tertiary {
  color: rgba(0, 0, 0, 0.35);
}

.u-text-primary--inverted {
  color: #FFF;
}

.u-text-secondary--inverted {
  color: rgba(255, 255, 255, 0.75);
}

.u-text-tertiary--inverted {
  color: rgba(255, 255, 255, 0.55);
}

.u-text-warning {
  color: #FB6100 !important;
}

.u-text-success {
  color: #13AA37;
}

.u-text-ellipsis, .s-card-attribution-text, .s-card-title, .s-card-attribution-text > *,
.s-card-title > *, .s-card-body, .s-list-item-primary > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.u-text-bold,
.u-text-bold > * {
  font-weight: bold;
}

/**
 * Fonts - Utilities
 *
 * Use these classes for type outliers,
 * where copy and heading classes aren't fit to be used.
 * See base/_typography.scss for typography classes.
 *
 **/
.u-gradientMask {
  position: absolute;
  right: 0;
  pointer-events: none;
}

.u-gradientMask:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(90deg, transparent 50%, #EFEFEF 100%);
  z-index: 999;
}

.u-background, .s-card-wrapper, .s-card-attribution-image {
  background: #FFF;
}

.u-background--tinted {
  background: #EFEFEF;
}

.u-background--inverted {
  background: #323232;
}

.u-background--success {
  background: #13AA37;
}

.u-background--warning {
  background: #FB6100;
}

/**
 * Position utilities
 *
 * Allows easy assign of position
 */
.u-absolute {
  position: absolute;
}

.u-relative {
  position: relative;
}

.u-fixed {
  position: fixed;
}

.u-rounded, .s-card-wrapper, .s-card-attribution-image {
  border-radius: 3px;
}

.u-rounded-left {
  border-radius: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.u-rounded-right {
  border-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.u-rounded-top {
  border-radius: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.u-rounded-bottom {
  border-radius: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.u-rounded--large {
  border-radius: 4px;
}

@media (min-width: 992px) {
  .u-noRadius-lg-left {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 992px) {
  .u-noRadius-lg-right {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}

@media (min-width: 576px) {
  .u-noRadius-sm-left {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 576px) {
  .u-noRadius-sm-right {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.u-noRadius-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.u-noRadius-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

@media (min-width: 768px) {
  .u-noRadius-left input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .u-noRadius-right input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}

/**
 * Display utilities
 *
 * Creates block utilties for each breakpoint.
 */
.u-block, .s-btn--block {
  display: block;
  width: 100%;
}

.u-inline-block {
  display: inline-block;
}

.u-inline {
  display: inline;
}

/**
 * create-block-utilities: Mixin
 *
 **/
@media (max-width: 575px) {
  .u-block-xs--down {
    display: block;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .u-block-sm--down {
    display: block;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .u-block-md--down {
    display: block;
    width: 100%;
  }
}

@media (max-width: 1199px) {
  .u-block-lg--down {
    display: block;
    width: 100%;
  }
}

/**
 * Visibility utilities
 *
 * Creates visibility utilties for each breakpoint.
 */
.u-hidden {
  display: none !important;
}

.u-invisible {
  visibility: hidden;
}

/**
 * create-visibility-utilities: Mixin
 *
 **/
@media (max-width: 575px) {
  .u-hidden-xs--down {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .u-hidden-sm--down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .u-hidden-sm--up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .u-hidden-md--down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .u-hidden-md--up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .u-hidden-lg--down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .u-hidden-lg--up {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .u-hidden-xl--up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .u-hidden-mobile {
    display: none !important;
  }
}

.u-hide {
  display: none;
}

.u-overflow-visible {
  overflow: visible !important;
}

/**
 *
 * Dimension Utilities
 *
 * Allows developers to easily add a common z-index
 * or to forceably reset the z-index of an element
 *
 **/
.u-dimension-top {
  z-index: 75;
}

.u-dimension-center {
  z-index: 50;
}

.u-dimension-bottom {
  z-index: 25;
}

.u-dimension-reset {
  z-index: 0 !important;
}

.u-shadow {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.u-shadow--reinforced {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
}

.u-shadow-0 {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.05);
}

.u-shadow-1 {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.u-shadow-1--reinforced {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
}

.u-shadow-2--reinforced {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
}

/**
 * Master Component List
 *
 * Every component .scss file should be imported explicitly here.
 * Styles are NOT allowed here, only @imports.
 *
 **/
/**
 * Typography - Component
 *
 * This file defines typography styles
 * including heading and copy components.
 *
 * 1) Typography classes (sass map)
 * 2) Typography getter functions
 * 3) Common typography styles
 * 4) Typography mixins
 * 5) Sass to Js
 *
 **/
/*------------------------------------------------------
 *
 * 1) Typography Classes Sass Map
 *
 *-----------------------------------------------------*/
/*------------------------------------------------------
 *
 * 2) Typography getter functions
 *
 *-----------------------------------------------------*/
/**
 * get-typography-classes: Function
 *
 * @param $component
 *
 * This function takes a component (headings, copy)
 * and returns a map of class names for that component.
 *
 * ie. get-typography-classes(headings) => ( headings: ( massive-heading, ...) )
 **/
/**
 * set-typography-styles: Function
 *
 * This function generates a map of font size and line height
 * values for a given heading or copy class to be displayed on the UI.
 * Each class's data is merged into the $map given.
 *
 **/
/*------------------------------------------------------
 *
 * 3) Common typography styles
 *
 *-----------------------------------------------------*/
p,
body,
.body,
.s-card-content > :first-child {
  color: rgba(0, 0, 0, 0.87);
}

.dark-theme, .s-toaster,
.dark-theme p,
.s-toaster p,
.dark-theme .body,
.s-toaster .body,
.dark-theme .s-card-content > :first-child,
.s-toaster .s-card-content > :first-child {
  color: #FFF;
}

.type-secondary a,
.type-secondary .s-link,
.type-secondary .s-card-attribution-text > :first-child,
.type-secondary .s-card-title > :first-child {
  opacity: 1.0;
}

body {
  font-family: graphik;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
}

@media (min-width: 768px) {
  body {
    font-size: 14px;
    line-height: 1.45;
  }
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .s-link-header, .h6, p, .caption, .s-iconBtn-labelGroup .s-iconBtn-label, .s-card-attribution-text > :not(:first-child),
.s-card-title > :not(:first-child), .s-card-content > :not(:first-child), .s-list-item-primary > span:not(:first-child), .s-list-item-attribute {
  margin-top: 0;
  margin-bottom: 4px;
}

p {
  margin-bottom: 8px;
}

p,
.body,
.s-card-content > :first-child {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/*------------------------------------------------------
 *
 * 4) Typography mixin : creates type classes.
 *
 *-----------------------------------------------------*/
/*
 * This function creates:
 *
 * 1) Typography classes for heading and copy components.
 * 2) A typography data map to display font size and line height on the mochi UI.
 *
 **/
/**
            * Create classes for each class in $HeadingSizes.
            *
            * Ex:
            * $class = h1
            * h1, .h1 { font definition... }
            *
            **/
/**
            * Create classes for each class in $HeadingSizes.
            *
            * Ex:
            * $class = h1
            * h1, .h1 { font definition... }
            *
            **/
/**
            * Create classes for each class in $HeadingSizes.
            *
            * Ex:
            * $class = h1
            * h1, .h1 { font definition... }
            *
            **/
/**
            * Create classes for each class in $HeadingSizes.
            *
            * Ex:
            * $class = h1
            * h1, .h1 { font definition... }
            *
            **/
/**
            * Create classes for each class in $HeadingSizes.
            *
            * Ex:
            * $class = h1
            * h1, .h1 { font definition... }
            *
            **/
/**
            * Create classes for each class in $HeadingSizes.
            *
            * Ex:
            * $class = h1
            * h1, .h1 { font definition... }
            *
            **/
/**
            * Create classes for each class in $HeadingSizes.
            *
            * Ex:
            * $class = h1
            * h1, .h1 { font definition... }
            *
            **/
/**
            * Create classes for each class in $HeadingSizes.
            *
            * Ex:
            * $class = h1
            * h1, .h1 { font definition... }
            *
            **/
/**
            * Create classes for each class in $HeadingSizes.
            *
            * Ex:
            * $class = h1
            * h1, .h1 { font definition... }
            *
            **/
/**
            * Create classes for each class in $HeadingSizes.
            *
            * Ex:
            * $class = h1
            * h1, .h1 { font definition... }
            *
            **/
/*------------------------------------------------------
 * Sass to Js
 *-----------------------------------------------------*/
.typography-data:before {
  content: '{"headings":{"massive-heading":{"mobile":{"font-size":"23.6px","line-height":1.27993},"desktop":{"font-size":"35.4px","line-height":1.18253}},"h1":{"mobile":{"font-size":"22px","line-height":1.32},"desktop":{"font-size":"30.8px","line-height":1.243}},"h2":{"mobile":{"font-size":"20.5px","line-height":1.36133},"desktop":{"font-size":"26.8px","line-height":1.30656}},"h3":{"mobile":{"font-size":"19.1px","line-height":1.40395},"desktop":{"font-size":"23.3px","line-height":1.37337}},"h4":{"mobile":{"font-size":"17.8px","line-height":1.44791},"desktop":{"font-size":"20.3px","line-height":1.44359}},"h5":{"mobile":{"font-size":"16.5px","line-height":1.49325},"desktop":{"font-size":"17.7px","line-height":1.51741}},"h6":{"mobile":{"font-size":"15.4px","line-height":1.54},"desktop":{"font-size":"15.4px","line-height":1.595}}},"copy":{"lead":{"mobile":{"font-size":"15px","line-height":1.3575},"desktop":{"font-size":"16.1px","line-height":1.37946}},"body":{"mobile":{"font-size":"14px","line-height":1.4},"desktop":{"font-size":"14px","line-height":1.45}},"caption":{"mobile":{"font-size":"12px","line-height":1.45},"desktop":{"font-size":"12px","line-height":1.45}}}}';
  display: none;
}

/**
 * Divider Component
 **/
.s-divider {
  margin: 0;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  border-top: 2px solid rgba(0, 0, 0, 0.2);
}

/* WIDTH MODIFIERS
/* --------------------------------------- */
.s-divider--thin {
  border-top-width: 1px;
}

.s-divider--thick {
  border-top-width: 4px;
}

/* COLOR MODIFIERS
/* --------------------------------------- */
.s-divider--light {
  border-top-color: rgba(0, 0, 0, 0.1);
}

.s-divider--dark {
  border-top-color: rgba(0, 0, 0, 0.2);
}

.s-divider--light-inverted {
  border-top-color: rgba(255, 255, 255, 0.2);
}

.s-divider--dark-inverted {
  border-top-color: rgba(255, 255, 255, 0.4);
}

/**
* $desc         Contains alert styles for style guide
* $name         partials/_alerts
* $tested       Chrome 45, Safari 8, IE 10, Firefox 38
*/
/******************************************************
* Main Styles
******************************************************/
.s-alert {
  display: flex;
  align-items: center;
  border-radius: 0;
  padding: 7px 15px;
  border: 0;
  margin: 0;
}

.s-alert-icon {
  margin-right: 15px;
}

.s-alert-icon-teal {
  color: #0070EB;
}

.s-alert-success {
  background: #13AA37;
  color: #FFF;
}

.s-alert-info {
  background: #F6F6F6;
  color: #000;
}

.s-alert-warning {
  background: #000;
  color: #F6F6F6;
}

.s-alert-danger {
  color: #FB6100;
}

/**
 * Buttons
 *
 * 1) Mixins
 * 2) Components
 *
 **/
/**
 * interaction-states: mixin
 *
 * @param $borderColor
 * @param $fontColor
 * @param $backgroundColor
 *
 * This mixin takes border, font and background colors
 * and creates hover, focus and active button styles.
 * Does not include the styles for button groups.
 *
 **/
/*
 *
 * COMPONENTS
 *
 **/
.s-btn {
  border-radius: 4px;
  padding: 8px 16px 7px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border-width: 2px;
  border-style: solid;
  color: #FFF;
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

.s-btn:hover, .s-btn:focus {
  color: #FFF;
}

.s-btn:hover, .s-btn:focus, .s-btn:active {
  box-shadow: none;
}

.s-btn:hover, .s-btn:focus, .s-btn.focus {
  text-decoration: none;
  cursor: pointer;
}

/* SIZE MODIFIERS
/* --------------------------------------- */
.s-btn--small, .s-btn-group--small > .s-btn, .s-input-group--small > .s-input-group-addon > .s-btn {
  font-family: "grubhubsans-bold";
  font-weight: normal;
  font-size: 13.2px;
  line-height: 1.595;
  padding: 6px 16px 5px;
}

@media (min-width: 768px) {
  .s-btn--small, .s-btn-group--small > .s-btn, .s-input-group--small > .s-input-group-addon > .s-btn {
    font-size: 13.2px;
    line-height: 1.595;
  }
}

.s-btn--large, .s-btn-group--large > .s-btn {
  font-family: "grubhubsans-bold";
  font-weight: normal;
  font-size: 16.5px;
  line-height: 1.49325;
  padding: 9px 20px 8px;
}

@media (min-width: 768px) {
  .s-btn--large, .s-btn-group--large > .s-btn {
    font-size: 17.7px;
    line-height: 1.51741;
  }
}

/* BLOCK MODIFIER
/* --------------------------------------- */
/* ROUND MODIFIER
/* --------------------------------------- */
.s-btn--round {
  border-radius: 50%;
}

/**
 * MAIN BUTTON TYPES
 *
 * 1) .s-btn-primary
 * 2) .s-btn-secondary
 * 3) .s-btn-tertiary
/* --------------------------------------- */
.s-btn-primary {
  color: #FFF;
  background: #0070EB;
  border-color: #0070EB;
}

.s-btn-primary:hover, .s-btn-primary:focus {
  border-color: #0058b8;
  background: #0058b8;
  color: #FFF;
}

.s-btn-primary:active {
  border-color: #003f85;
  background: #003f85;
}

.s-btn-primary:disabled, .s-btn-primary[disabled] {
  background: #CACACA !important;
  border-color: #CACACA !important;
  color: #FFF !important;
  pointer-events: none;
  cursor: not-allowed !important;
}

.s-btn-secondary {
  color: #0070EB;
  background: rgba(0, 0, 0, 0);
  border-color: #0070EB;
}

.s-btn-secondary:hover, .s-btn-secondary:focus {
  border-color: #0058b8;
  color: #0058b8;
}

.s-btn-secondary:active {
  border-color: #003f85;
  color: #003f85;
}

.s-btn-secondary:disabled, .s-btn-secondary[disabled] {
  background: rgba(0, 0, 0, 0) !important;
  border-color: #CACACA !important;
  color: #CACACA !important;
  pointer-events: none;
  cursor: not-allowed !important;
}

.s-btn-tertiary {
  color: #0070EB;
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.s-btn-tertiary:hover, .s-btn-tertiary:focus {
  color: #0058b8;
}

.s-btn-tertiary:active {
  color: #003f85;
}

.s-btn-tertiary:disabled, .s-btn-tertiary[disabled] {
  background: rgba(0, 0, 0, 0) !important;
  border-color: rgba(0, 0, 0, 0) !important;
  color: #CACACA !important;
  pointer-events: none;
  cursor: not-allowed !important;
}

/* BUTTON COLOR MODIFIERS

 * 1) .s-btn-{type}--brand
 * 2) .s-btn-{type}--positive
 * 3) .s-btn-{type}--negative
 * 4) .s-btn-{type}--disabled
 * 5) .s-btn-{type}--facebook // primary only
 * 6) .s-btn-{type}--inverted // secondary and tertiary only
 /* --------------------------------------- */
.s-btn-primary--brand {
  color: #FFF;
  background: #13AA37;
  border-color: #13AA37;
}

.s-btn-primary--brand:hover, .s-btn-primary--brand:focus {
  border-color: #0e7c28;
  background: #0e7c28;
  color: #FFF;
}

.s-btn-primary--brand:active {
  border-color: #094e19;
  background: #094e19;
}

.s-btn-secondary--brand {
  color: #13AA37;
  background: rgba(0, 0, 0, 0);
  border-color: #13AA37;
}

.s-btn-secondary--brand:hover, .s-btn-secondary--brand:focus {
  border-color: #0e7c28;
  color: #0e7c28;
}

.s-btn-secondary--brand:active {
  border-color: #094e19;
  color: #094e19;
}

.s-btn-primary--positive {
  color: #FFF;
  background: #13AA37;
  border-color: #13AA37;
}

.s-btn-primary--positive:hover, .s-btn-primary--positive:focus {
  border-color: #0e7c28;
  background: #0e7c28;
  color: #FFF;
}

.s-btn-primary--positive:active {
  border-color: #094e19;
  background: #094e19;
}

.s-btn-secondary--positive {
  color: #13AA37;
  background: rgba(0, 0, 0, 0);
  border-color: #13AA37;
}

.s-btn-secondary--positive:hover, .s-btn-secondary--positive:focus {
  border-color: #0e7c28;
  color: #0e7c28;
}

.s-btn-secondary--positive:active {
  border-color: #094e19;
  color: #094e19;
}

.s-btn-primary--negative {
  color: #FFF;
  background: #FB6100;
  border-color: #FB6100;
}

.s-btn-primary--negative:hover, .s-btn-primary--negative:focus {
  border-color: #c84d00;
  background: #c84d00;
  color: #FFF;
}

.s-btn-primary--negative:active {
  border-color: #953a00;
  background: #953a00;
}

.s-btn-secondary--negative {
  color: #FB6100;
  background: rgba(0, 0, 0, 0);
  border-color: #FB6100;
}

.s-btn-secondary--negative:hover, .s-btn-secondary--negative:focus {
  border-color: #c84d00;
  color: #c84d00;
}

.s-btn-secondary--negative:active {
  border-color: #953a00;
  color: #953a00;
}

.s-btn-primary--disabled {
  color: #FFF;
  background: #CACACA;
  border-color: #CACACA;
}

.s-btn-primary--disabled:hover, .s-btn-primary--disabled:focus {
  border-color: #b1b1b1;
  background: #b1b1b1;
  color: #FFF;
}

.s-btn-primary--disabled:active {
  border-color: #979797;
  background: #979797;
}

.s-btn-secondary--disabled {
  color: #CACACA;
  background: rgba(0, 0, 0, 0);
  border-color: #CACACA;
}

.s-btn-secondary--disabled:hover, .s-btn-secondary--disabled:focus {
  border-color: #b1b1b1;
  color: #b1b1b1;
}

.s-btn-secondary--disabled:active {
  border-color: #979797;
  color: #979797;
}

.s-btn-primary--facebook {
  color: #FFF;
  background: #3B5998;
  border-color: #3B5998;
}

.s-btn-primary--facebook:hover, .s-btn-primary--facebook:focus {
  border-color: #2d4373;
  background: #2d4373;
  color: #FFF;
}

.s-btn-primary--facebook:active {
  border-color: #1e2e4f;
  background: #1e2e4f;
}

.s-btn-secondary--facebook {
  color: #3B5998;
  background: rgba(0, 0, 0, 0);
  border-color: #3B5998;
}

.s-btn-secondary--facebook:hover, .s-btn-secondary--facebook:focus {
  border-color: #2d4373;
  color: #2d4373;
}

.s-btn-secondary--facebook:active {
  border-color: #1e2e4f;
  color: #1e2e4f;
}

.s-btn-primary--inverted {
  color: #0070EB;
  background: #FFF;
  border-color: #FFF;
}

.s-btn-primary--inverted:hover, .s-btn-primary--inverted:focus {
  border-color: rgba(255, 255, 255, 0.75);
  background: white;
  color: #0058b8;
}

.s-btn-primary--inverted:active {
  border-color: rgba(255, 255, 255, 0.75);
  background: #E4E4E4;
  color: #003f85;
}

.s-btn-secondary--inverted, .s-btn-secondary--nav {
  color: #FFF;
  background: rgba(0, 0, 0, 0);
  border-color: #FFF;
}

.s-btn-secondary--inverted:hover, .s-btn-secondary--nav:hover, .s-btn-secondary--inverted:focus, .s-btn-secondary--nav:focus {
  border-color: rgba(255, 255, 255, 0.75);
  color: rgba(255, 255, 255, 0.75);
}

.s-btn-secondary--inverted:active, .s-btn-secondary--nav:active {
  border-color: rgba(255, 255, 255, 0.75);
  color: rgba(255, 255, 255, 0.75);
}

.s-btn-tertiary--inverted {
  color: #FFF;
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.s-btn-tertiary--inverted:hover, .s-btn-tertiary--inverted:focus {
  color: rgba(255, 255, 255, 0.75);
}

.s-btn-tertiary--inverted:active {
  color: rgba(255, 255, 255, 0.75);
}

.s-btn-primary--signIn {
  color: #FFF;
  background: #F63440;
  border-color: #F63440;
}

.s-btn-primary--signIn:hover, .s-btn-primary--signIn:focus {
  border-color: #ed0a18;
  background: #ed0a18;
  color: #FFF;
}

.s-btn-primary--signIn:active {
  border-color: #bc0813;
  background: #bc0813;
}

.s-btn-secondary--signIn {
  color: #F63440;
  background: rgba(0, 0, 0, 0);
  border-color: #F63440;
}

.s-btn-secondary--signIn:hover, .s-btn-secondary--signIn:focus {
  border-color: #ed0a18;
  color: #ed0a18;
}

.s-btn-secondary--signIn:active {
  border-color: #bc0813;
  color: #bc0813;
}

.s-btn-primary--google {
  color: #FFF;
  background: #4285F4;
  border-color: #4285F4;
}

.s-btn-primary--google:hover, .s-btn-primary--google:focus {
  border-color: #1266f1;
  background: #1266f1;
  color: #FFF;
}

.s-btn-primary--google:active {
  border-color: #0b51c5;
  background: #0b51c5;
}

.s-btn-secondary--google {
  color: #4285F4;
  background: rgba(0, 0, 0, 0);
  border-color: #4285F4;
}

.s-btn-secondary--google:hover, .s-btn-secondary--google:focus {
  border-color: #1266f1;
  color: #1266f1;
}

.s-btn-secondary--google:active {
  border-color: #0b51c5;
  color: #0b51c5;
}

/* BUTTON ADDONS
/* --------------------------------------- */
.s-btn-addon:first-child {
  padding-right: 8px;
}

.s-btn-addon:last-child {
  padding-left: 8px;
}

.s-btn--noLeftPad {
  padding-left: 0;
}

.s-btn--noRightPad {
  padding-right: 0;
}

/* FACEBOOK
/* --------------------------------------- */
.s-btn-primary--facebook .badge {
  color: #3B5998;
  background-color: #FFF;
}

.facebook-login-image {
  background: url("/img/fb_logo.png") no-repeat;
  background-size: cover;
  display: inline-block;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 0;
  z-index: 2;
  left: 20px;
}

@media (max-width: 991px) {
  .facebook-login-image {
    left: 0;
  }
}

.s-btn-group {
  display: flex;
  /* BUTTON GROUP STATES
    /* --------------------------------------- */
}

.s-btn-group > .s-btn:first-child:not(:last-child),
.s-btn-group > .s-input-group:first-child:not(:last-child) > .s-form-control,
.s-btn-group > .s-input-row:first-child:not(:last-child) > .s-form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.s-btn-group > .s-btn:last-child:not(:first-child),
.s-btn-group > .s-input-group:last-child:not(:first-child) > .s-form-control,
.s-btn-group > .s-input-row:last-child:not(:first-child) > .s-form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.s-btn-group > .s-btn:not(:first-child):not(:last-child),
.s-btn-group > .s-input-group:not(:first-child):not(:last-child) > .s-form-control,
.s-btn-group > .s-input-row:not(:first-child):not(:last-child) > .s-form-control {
  border-radius: 0;
}

.s-btn-group .s-btn + .s-btn {
  border-left-color: rgba(0, 0, 0, 0.1);
}

.s-btn-group .s-btn + .s-btn,
.s-btn-group .s-input-group .s-form-control,
.s-btn-group .s-input-row .s-form-control {
  margin-left: -2px;
}


.s-btn-group .s-input-group .s-form-control,
.s-btn-group .s-input-row .s-form-control {
  height: 100%;
}

.s-btn-group > .s-btn {
  flex: 1;
  border-color: rgba(0, 0, 0, 0.2);
  white-space: normal;
  transition-property: z-index, background, border-color, color;
  transition-timing-function: ease;
  transition-duration: 0.1s;
}

.s-btn-group > .s-btn:hover, .s-btn-group > .s-btn.hover, .s-btn-group > .s-btn:active, .s-btn-group > .s-btn.active {
  z-index: 1000;
}

.s-btn-group > .s-btn {
  border-color: rgba(0, 0, 0, 0.2);
  color: #0070EB;
  background-color: rgba(0, 0, 0, 0);
}

.s-btn-group > .s-btn:hover, .s-btn-group > .s-btn.s-btn--hover {
  border-color: #0058b8;
  color: #FFF;
  background-color: #0058b8;
}

.s-btn-group > .s-btn:active, .s-btn-group > .s-btn.s-btn--active {
  border-color: #003f85;
  color: #FFF;
  background-color: #003f85;
}

.s-btn-group > .s-btn .active, .s-btn-group > .s-btn.s-btn--selected {
  border-color: #0070EB;
  color: #FFF;
  background-color: #0070EB;
}

.s-btn-group > .s-btn:disabled, .s-btn-group > .s-btn[disabled] {
  background: rgba(0, 0, 0, 0) !important;
  border-color: #CACACA !important;
  color: #CACACA !important;
  pointer-events: none;
  cursor: not-allowed !important;
}

/* BUTTON GROUP SIZE MODIFICATIONS
/* --------------------------------------- */
/* BUTTON PICTURES
/* --------------------------------------- */
.s-btn-img {
  position: relative;
}

.s-btn-img > img {
  position: absolute;
}

.s-btn-img > img.google {
  top: 4px;
}

.s-btn-img--left > img {
  left: 11px;
}

.s-btn-img--left > img.google {
  left: 5px;
  height: 30px;
  padding-left: 4px;
  padding-right: 24px;
}

.s-btn-secondary--nav:hover, .s-btn-secondary--nav:active, .s-btn-secondary--nav:focus {
  background: transparent !important;
}

/* ICON BUTTONS
/* --------------------------------------- */
.s-iconBtn {
  border: 0;
  padding: 0;
  border-radius: 50%;
  height: 44px;
  width: 44px;
}

.s-iconBtn > [class^="icon"] {
  line-height: 44px;
  font-size: 28px;
}

.s-iconBtn.s-btn-secondary {
  box-shadow: inset 0 0 0 2px #0070EB;
}

.s-iconBtn.s-btn-secondary[disabled] {
  box-shadow: inset 0 0 0 2px #CACACA;
}

.s-btn-tertiary--inverted:hover, .s-btn-tertiary--inverted:focus, .s-btn-secondary--inverted:hover, .s-btn-secondary--nav:hover, .s-btn-secondary--inverted:focus, .s-btn-secondary--nav:focus {
  color: #FFF;
  background: rgba(255, 255, 255, 0.2);
}

.s-btn-tertiary--inverted:active, .s-btn-secondary--inverted:active, .s-btn-secondary--nav:active {
  background: rgba(255, 255, 255, 0.4);
}

.s-iconBtn-shadow, .s-iconBtn-shadow:hover, .s-iconBtn-shadow:active, .s-iconBtn-shadow:focus {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.s-iconBtn--xsmall {
  height: 36px;
  width: 36px;
}

.s-iconBtn--xsmall > [class^="icon"] {
  line-height: 36px;
  font-size: 16px;
}

.s-iconBtn--small {
  height: 36px;
  width: 36px;
}

.s-iconBtn--small > [class^="icon"] {
  line-height: 36px;
  font-size: 23px;
}

.s-iconBtn--large {
  height: 48px;
  width: 48px;
}

.s-iconBtn--large > [class^="icon"] {
  line-height: 48px;
  font-size: 32px;
}

.s-iconBtn-labelGroup {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: baseline;
}

.s-iconBtn-labelGroup .s-iconBtn-label {
  color: #0070EB;
  cursor: point;
}

/**
Notes for implementing card on the component level:

* @Input for pixel width/height should be specified.
  Vertical cards (default) need to have a specified width.
  Horizontal cards need to have a specified height.

* @Input for clickable

*/
.s-card-wrapper {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.05);
}

.s-card-wrapper:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.05), 0 0 10px rgba(0, 0, 0, 0.15);
}

.s-card-wrapper:active {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.05);
}

.s-card--horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
}

.s-card--horizontal .s-card-media-image {
  width: 112px;
  height: 100%;
  background-size: cover;
}

.s-card-attribution {
  display: flex;
  flex-direction: row;
  background: #F6F6F6;
}

.s-card-attribution-image {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: 60px;
  width: 60px;
}

.s-card-attribution-image > img {
  width: 100%;
}

.s-card-attribution--two-lines .s-card-attribution-image {
  height: 40px;
  width: 40px;
}

.s-card-media {
  position: relative;
}

.s-card-media-image {
  z-index: 1;
  width: 100%;
  height: 120px;
  overflow: hidden;
}

.s-card-media-image > img {
  width: 100%;
}

.s-card-media-fab {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.s-card-body {
  width: 100%;
}

.s-card-content > * {
  white-space: normal;
}

/**
 * .s-card
 *
 * This file contains styles for card system. Cards are typically used inside of a carousel.
 * The intent is to use s-card as the global style for the module and then compose different
 * flavors of the s-card by layering on additional classes.
 *
 * Currently there are three types of cards:
 * 1) Grid cards, which display restaurant level info
 * 2) Compact cards, which are a smaller version of the grid card
 * 3) Dish cards, which display dish level info
 * 4) Cuisine cards, which displays only a cuisine image and cuisine name
 * 5) Order history cards
 *
 **/
.s-card {
  position: relative;
  border-radius: 4px;
  background: #FFF;
  color: #000;
  border: solid 1px rgba(0, 0, 0, 0.1);
}

.s-card-grid {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
}

.s-card-grid:hover {
  cursor: pointer;
}

.s-card-grid-row {
  position: relative;
}

.s-card-gridHeader {
  display: flex;
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  bottom: -28px;
  left: 0;
  width: 100%;
  height: 95px;
}

@media (max-width: 767px) {
  .s-card-gridHeader {
    height: 65px;
  }
}

.s-card-gridHeader-logo {
  flex-basis: 75px;
  height: 75px;
  position: relative;
  border: 1px solid #EFEFEF;
  border-radius: 4px;
  background-color: #FFF;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 5px;
}

@media (max-width: 767px) {
  .s-card-gridHeader-logo {
    flex-basis: 50px;
    height: 50px;
  }
}

.s-card-gridHeader-text {
  flex-basis: 60%;
  color: #FFF;
  position: relative;
  width: 100%;
}

@media (max-width: 767px) {
  .s-card-gridHeader-text {
    flex-basis: 80%;
  }
}

.s-card-gridHeader-text h5 {
  position: absolute;
  bottom: 40px;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .s-card-gridHeader-text h5 {
    bottom: 30px;
  }
}

.s-card-content-topPad {
  padding-top: 10px;
  height: auto;
}

.s-card-content-spacing {
  margin-bottom: 7px;
}

.s-card-static {
  background-color: rgba(249, 201, 49, 0.7);
  padding: 15px;
}

.s-card-static-image {
  background-size: 100%;
  background-repeat: no-repeat;
}

.s-photo {
  height: 150px;
}

.s-photo-compact {
  height: 100px;
}

.s-background-photo {
  height: 198px;
  border-radius: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

@media (max-width: 767px) {
  .s-background-photo {
    height: 167px;
  }
}

.s-card-logo {
  transform: translateY(-50%);
  width: 75px;
  max-height: 75px;
  position: relative;
  top: 50%;
}

@media (max-width: 767px) {
  .s-card-logo {
    max-height: 40px;
    width: 40px;
  }
}

.restaurantCard-rating-too-few {
  margin-top: 6px;
  display: inline-block;
}

.s-card-badge {
  border-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  position: absolute;
  top: 16px;
  background: #000;
  color: #FFF;
  padding-top: 4px;
  padding-bottom: 4px;
}

.s-card-dish {
  overflow: hidden;
}

.s-card-orderHist-back {
  padding: 20px;
  border-radius: 4px;
}

.s-card-dish-front {
  border-radius: 4px;
}

.s-card-dish-item {
  border-bottom: 1px solid #EFEFEF;
  cursor: pointer;
  padding: 10px 0 0 0;
}

.s-card-dish-item .s-card-dish-leftcol {
  float: left;
  width: 100%;
  padding: 0 20px;
}

.s-card-dish-item .s-card-dish-leftcol.hasImage {
  width: 75%;
}

.s-card-dish-item .s-card-dish-rightcol {
  float: right;
  width: auto;
}

.s-card-dish-item .s-card-logo {
  transform: translateY(0);
}

.s-card-dish-firstitem {
  padding-top: 20px;
}

.s-card-searchterm {
  text-transform: capitalize;
}

.s-card-dish-body {
  background-color: #FFF;
  border-bottom: 1px solid #EFEFEF;
}

.s-card-dish-body > .s-checkbox {
  cursor: pointer;
}

.s-card-dish-body > .s-link, .s-card-attribution-text.s-card-dish-body > :first-child,
.s-card-title.s-card-dish-body > :first-child,
.s-card-dish-body > p {
  padding-left: 20px;
}

.s-card-dish-footer-title {
  cursor: pointer;
}

.s-card-dish-footer-body {
  display: flex;
}

.s-card-dish-footer-body > .s-card-dish-leftcol {
  flex: 1 0 15%;
  cursor: pointer;
  border-radius: 4px;
  margin-top: 3px;
  display: flex;
  align-content: center;
}

.s-card-dish-footer-body > .s-card-dish-rightcol {
  flex: 0 1 85%;
  cursor: pointer;
}

.s-card-footer-logo {
  width: 100%;
}

.s-footer-ellipsis {
  position: absolute;
  right: 0;
}

.s-footer-ellipsis > a {
  padding: 15px;
}

.s-card-dish-footer {
  padding: 10px 20px;
  background-color: #F6F6F6;
}

.s-card-deliveryfee > h5 {
  display: inline-block;
  font: inherit;
  margin-bottom: 0;
}

.s-card-orderHist-back {
  position: absolute;
  background: #FFF;
  height: 100%;
  width: 100%;
  z-index: 1;
  padding-top: 20px;
  transition: top .2s ease-in-out;
}

.s-card-orderHist-back.is-flipped {
  top: 0;
}

.s-card-orderHist-back.is-visible {
  visibility: visible;
}

.s-card-orderHist-back.is-hidden {
  visibility: hidden;
}

.s-card-orderHist-back .priceRating {
  font-size: 12px !important;
}

.s-card-orderHist-back {
  top: 234px;
}

.s-card-deliveryfee {
  display: inline-block;
}

/*
   Cuisine Dish Filter
   --------------------

   https://docs.google.com/presentation/d/1DCyaVp7DXRbXejfjgHkLLVVO-UMAOOHV__YenSJsFzw/edit#slide=id.g1482e0dbf7_0_63
   Slides #42-49
 */
.s-card-grid-cuisine {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
  max-width: 695px;
  margin-right: -2px;
  margin-bottom: -2px;
}

@media (min-width: 1200px) {
  .s-card-grid-cuisine {
    max-width: 1140px;
  }
}

@media (max-width: 767px) {
  .s-card-grid-cuisine {
    justify-content: center;
  }
}

.s-card-cuisine {
  width: 137px;
  height: 112px;
  border-radius: 3px;
  margin-right: 2px;
  margin-bottom: 2px;
  color: #FFF;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 1200px) {
  .s-card-cuisine {
    width: 226px;
    height: 167px;
  }
}

.s-card-cuisine-seeAll {
  background: #0070EB;
}

.s-card-cuisine-header {
  text-align: center;
  font-family: grubhubsans-bold;
  margin-bottom: 0;
}

.s-card-orderHist-back-info {
  padding-bottom: 20px;
  margin-bottom: 0;
}

.s-card-orderHist-footer {
  bottom: 0;
  position: absolute;
  height: 44px;
  width: 100%;
  padding-right: 40px;
}

.s-card-orderHist-deliveryFee {
  display: inline;
}

.s-card-orderHist-deliveryFee > h5 {
  display: inline;
  font-size: 12px;
}

.s-card-orderHist-deliveryFee .u-allCaps {
  text-transform: none;
}

.s-card-orderHist-back-reorder {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.s-card-back-close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.s-dropdown {
  cursor: pointer;
}

.s-dropdown--relative {
  position: relative;
}

.s-dropdown.open .s-dropdown-menu, .s-dropdown.show .s-dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-animation: .2s showFade ease-in forwards;
          animation: .2s showFade ease-in forwards;
}

.s-dropdown.open .s-dropdown-toggle-arrow, .s-dropdown.show .s-dropdown-toggle-arrow {
  transform: rotate(180deg);
}

.s-dropdown-toggle {
  display: flex;
  background: #FFF;
  padding: 8px 12px;
  border-radius: 4px;
}

.s-dropdown-toggle-arrow {
  margin-left: 4px;
  transition: .2s ease-in-out transform;
  color: #0070EB;
  transform-origin: center center;
}

.s-dropdown--small .s-dropdown-toggle {
  line-height: 1 !important;
  padding: 8px 12px;
}

.s-dropdown--small .s-dropdown-toggle-arrow {
  transform-origin: 8px 8px;
}

.s-dropdown--camo .s-dropdown-toggle {
  color: rgba(0, 0, 0, 0.55);
  background: transparent;
}

.s-dropdown--camo .s-dropdown-toggle:hover {
  background: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.87);
}

.s-dropdown--camo .s-dropdown-toggle:active {
  background: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.87);
}

.s-dropdown--camo.open .s-dropdown-toggle, .s-dropdown--camo.show .s-dropdown-toggle {
  background: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.87);
}

.s-dropdown-menu {
  position: absolute;
  visibility: hidden;
  display: none;
  opacity: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  top: 100%;
  width: 100%;
  min-width: 200px;
  left: auto;
  right: auto;
  z-index: 1010;
  border: 0;
  background-color: #FFF;
  background-clip: padding-box;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.175);
  -webkit-animation: .2s hideFade ease-out forwards;
  animation: .2s hideFade ease-out forwards;
}

.s-dropdown-menu-item--disabled .s-dropdown-menu-item-link, .s-dropdown-menu-item--disabled .s-dropdown-menu-item-link:hover, .s-dropdown-menu-item--disabled .s-dropdown-menu-item-link:focus,
.s-dropdown-menu-item.disabled .s-dropdown-menu-item-link,
.s-dropdown-menu-item.disabled .s-dropdown-menu-item-link:hover,
.s-dropdown-menu-item.disabled .s-dropdown-menu-item-link:focus {
  color: #CACACA;
  background: transparent;
  text-decoration: none;
  cursor: not-allowed;
}

.s-dropdown-menu-item--active .s-dropdown-menu-item-link, .s-dropdown-menu-item--active .s-dropdown-menu-item-link:hover, .s-dropdown-menu-item--active .s-dropdown-menu-item-link:focus,
.s-dropdown-menu-item.active .s-dropdown-menu-item-link,
.s-dropdown-menu-item.active .s-dropdown-menu-item-link:hover,
.s-dropdown-menu-item.active .s-dropdown-menu-item-link:focus {
  padding-left: 20px;
  outline: 0;
  background-color: #0058b8;
  color: #FFF;
  text-decoration: none;
}

.s-dropdown-menu-item-link {
  outline: 0;
  display: block;
  clear: both;
  overflow: hidden;
  padding: 8px 20px;
  line-height: 1.5;
  background-color: #FFF;
  color: rgba(0, 0, 0, 0.87);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  transition: all .5s;
}

.s-dropdown-menu-item-link:active, .s-dropdown-menu-item-link:hover, .s-dropdown-menu-item-link:focus {
  padding-left: 28px;
  background-color: #0070EB;
  color: #FFF;
  text-decoration: none;
}

.s-dropdown-menu--left {
  left: 0;
}

.s-dropdown-menu--left .s-dropdown-menu-caret {
  right: auto;
  left: 12px;
}

.s-dropdown-menu--right {
  right: 0;
}

.s-dropdown-menu--right .s-dropdown-menu-caret {
  left: auto;
  right: 12px;
}

.s-dropdown-menu-caret {
  position: absolute;
  top: 0;
  right: 50%;
  z-index: -1;
  display: block;
  box-sizing: border-box;
  width: 0;
  height: 0;
  border: 8px solid #FFF;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.175);
  transform: translate(6px, -6px) rotate(135deg);
}

@media (max-width: 960px) {
  .s-dropdown-menu-caret {
    border-width: 6px;
    transform: translate(6px, -6px) rotate(135deg);
  }
}

.s-footer {
  background-color: #3232AA;
  color: #FFF;
}

@media (max-width: 767px) {
  .s-footer {
    padding: 0 0 40px 0;
    z-index: 2;
    position: relative;
  }
}

.s-footer-header {
  padding: 0 15px 10px 15px;
}

.pre-siteFooter-container,
.siteFooter-container {
  position: relative;
  background: #3232AA;
  color: #FFF;
}

.pre-siteFooter-container a,
.siteFooter-container a {
  text-decoration: underline;
}

.pre-siteFooter-container a:hover,
.siteFooter-container a:hover {
  text-decoration: none;
}

.pre-siteFooter-container ul,
.siteFooter-container ul {
  margin: 5px 0;
  padding: 0;
  list-style: none;
}

.pre-siteFooter-container li,
.siteFooter-container li {
  margin: 5px 0;
  padding: 0;
}

.pre-siteFooter-container .collapsibleSection-title,
.siteFooter-container .collapsibleSection-title {
  margin-bottom: 15px;
}

.siteFooter-contentSpacer {
  height: 20px;
}

.siteFooter {
  padding-top: 40px;
  padding-bottom: 10px;
}

.s-footer-divider {
  border: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.4);
}

@media (max-width: 767px) {
  .s-footer-divider {
    display: none;
  }
}

.s-footer-legal {
  padding-bottom: 0;
}

@media (max-width: 767px) {
  .s-footer-legal {
    margin: 20px 0;
  }
}

.s-footer-legal-copy {
  color: #FFF;
  padding-left: 0;
}

@media (max-width: 767px) {
  .s-footer-legal-copy {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .s-footer-legal-links {
    text-align: center;
  }
}

.s-footer-legal-link {
  margin-left: 20px;
}

.s-footer-legal-link:first-child {
  margin-left: 0;
}

.s-footer-legal-link:hover {
  text-decoration: none;
}

@media (min-width: 768px) {
  .s-footer-item {
    margin-bottom: 50px;
  }
}

.s-footer-item-header {
  display: block;
  padding-bottom: 15px;
  font-family: grubhubsans-bold;
  margin: 0;
  color: #FFF;
}

@media (max-width: 767px) {
  .s-footer-item-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding: 15px 0;
    cursor: pointer;
  }
}

.s-footer-item-header:before {
  display: none;
}

@media (max-width: 767px) {
  .s-footer-item-header:before {
    color: #FFF;
  }
}

.s-footer-item-list {
  overflow: hidden;
  clear: both;
  max-height: 0;
}

@media (max-width: 991px) {
  .s-footer-item-list {
    overflow: visible;
  }
}

.s-footer-item-list img {
  width: 100%;
}

@media (min-width: 768px) {
  .s-footer-item-list {
    max-height: none;
  }
}

.s-footer-item-list-spacer {
  height: 80px;
}

.s-footer-item-list-items {
  float: left;
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.s-footer-item-list-items > li {
  padding: 0;
}

.s-footer-item-list-link {
  padding: 3px 0;
  display: inline-block;
}

@media (max-width: 767px) {
  .s-footer-item-list-link {
    display: block;
    padding: 5px 0;
  }
}

.s-footer-item-list-more-link {
  line-height: 2.5em;
}

.s-footer-item-list-more-link:after {
  content: "\00BB";
  padding-left: 5px;
}

.s-checkbox-group {
  margin-bottom: 10px;
}

.s-checkbox-label {
  font-weight: normal;
  cursor: pointer;
}

.s-checkbox-input:checked + .s-checkbox-label > .s-checkbox-filler {
  background: #0070EB;
  border-color: #0070EB;
}

.s-checkbox-input:checked + .s-checkbox-label > .s-checkbox-filler-toggle {
  justify-content: flex-end;
}

.s-checkbox-input:disabled + .s-checkbox-label > .s-checkbox-filler {
  cursor: not-allowed;
  border-color: #EFEFEF;
  background: #EFEFEF;
}

.s-checkbox-input:disabled + .s-checkbox-label > .s-checkbox-filler:hover > .s-radio-filler {
  border-color: #EFEFEF;
}

.s-checkbox-input:focus + .s-checkbox-label > .s-checkbox-filler {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}

.s-checkbox-input:active {
  background: #0070EB;
  border-color: #0070EB;
}

.s-checkbox-filler {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.1s ease, background 0.1s ease;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 5px;
  background: #FFF;
  border: 2px solid #CACACA;
  width: 20px;
  height: 20px;
  position: relative;
}

.s-checkbox-filler:hover {
  border-color: #b1b1b1;
}

.s-checkbox-filler:before {
  transition: background 0.1s ease;
  content: "";
  font-family: "grubhub-ico";
  font-weight: normal;
  font-size: 12px;
  line-height: 1.45;
  color: #FFF;
}

@media (min-width: 768px) {
  .s-checkbox-filler:before {
    font-size: 12px;
    line-height: 1.45;
  }
}

.s-checkbox-filler-toggle {
  justify-content: flex-start;
  border-radius: 20px;
  background: #CACACA;
  width: 80px;
  height: 40px;
  padding: 0 5px;
}

.s-checkbox-filler-toggle:hover {
  background: #b1b1b1;
}

.s-checkbox-filler-toggle:before {
  border-radius: 50%;
  content: "";
  background: #FFF;
  width: 30px;
  height: 30px;
}

/**
 * Inputs
 *
 * 1) Mixins
 * 2) Components
 *
 **/
/*
 *
 * COMPONENTS
 *
 **/
.s-form-control {
  transition: border-color 0.1s ease;
  font-family: graphik;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.4;
  display: block;
  width: 100%;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.87);
  background: #FFF;
  box-shadow: none;
  padding: 10px 16px;
}

.s-form-control:-moz-placeholder {
  color: rgba(0, 0, 0, 0.35);
}

.s-form-control::-moz-placeholder {
  color: rgba(0, 0, 0, 0.35);
}

.s-form-control::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.35);
}

.s-form-control:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.35);
}

@media (min-width: 768px) {
  .s-form-control {
    font-size: 14px;
    line-height: 1.45;
  }
}

.s-form-control:hover, .s-form-control:focus {
  box-shadow: none;
}

.s-form-control:focus {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}

.s-form-control:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.s-form-control:disabled:-moz-placeholder {
  color: #CACACA;
}

.s-form-control:disabled::-moz-placeholder {
  color: #CACACA;
}

.s-form-control:disabled::-webkit-input-placeholder {
  color: #CACACA;
}

.s-form-control:disabled:-ms-input-placeholder {
  color: #CACACA;
}

.s-form-control.s-form-control--invalid {
  border-color: #FB6100;
}

.s-form-control.s-form-control--invalid + .s-icon {
  color: #FB6100;
}

.s-form-control.s-form-control--valid {
  border-color: #13AA37;
}

.s-form-control.s-form-control--valid + .s-icon {
  color: #13AA37;
}

.s-form-control::-ms-clear,
.s-form-control::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* SIZE MODIFIERS
/* --------------------------------------- */
.s-form-control--small {
  padding: 6px 12px;
}

.s-form-control--large, .s-input-group--large > .s-form-control {
  padding: 12px 20px;
}

/**
 * TRANSPARENT STYLE
/* --------------------------------------- */
.s-form-control--transparent, .s-form-control--transparent-inverted, .s-input-group--transparent-inverted > .s-form-control, .s-input-group--transparent-nav > .s-form-control, .s-input-group--transparent > .s-form-control {
  background: rgba(0, 0, 0, 0);
  border-radius: 0;
  border: none;
}

.s-form-control--transparent:disabled, .s-form-control--transparent-inverted:disabled, .s-input-group--transparent-inverted > .s-form-control:disabled, .s-input-group--transparent-nav > .s-form-control:disabled, .s-input-group--transparent > .s-form-control:disabled {
  background: rgba(0, 0, 0, 0);
  border: none;
  cursor: not-allowed;
}

.s-form-control--transparent:disabled:-moz-placeholder, .s-form-control--transparent-inverted:disabled:-moz-placeholder, .s-input-group--transparent-inverted > .s-form-control:disabled:-moz-placeholder, .s-input-group--transparent-nav > .s-form-control:disabled:-moz-placeholder, .s-input-group--transparent > .s-form-control:disabled:-moz-placeholder {
  color: rgba(0, 0, 0, 0.35);
}

.s-form-control--transparent:disabled::-moz-placeholder, .s-form-control--transparent-inverted:disabled::-moz-placeholder, .s-input-group--transparent-inverted > .s-form-control:disabled::-moz-placeholder, .s-input-group--transparent-nav > .s-form-control:disabled::-moz-placeholder, .s-input-group--transparent > .s-form-control:disabled::-moz-placeholder {
  color: rgba(0, 0, 0, 0.35);
}

.s-form-control--transparent:disabled::-webkit-input-placeholder, .s-form-control--transparent-inverted:disabled::-webkit-input-placeholder, .s-input-group--transparent-inverted > .s-form-control:disabled::-webkit-input-placeholder, .s-input-group--transparent-nav > .s-form-control:disabled::-webkit-input-placeholder, .s-input-group--transparent > .s-form-control:disabled::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.35);
}

.s-form-control--transparent:disabled:-ms-input-placeholder, .s-form-control--transparent-inverted:disabled:-ms-input-placeholder, .s-input-group--transparent-inverted > .s-form-control:disabled:-ms-input-placeholder, .s-input-group--transparent-nav > .s-form-control:disabled:-ms-input-placeholder, .s-input-group--transparent > .s-form-control:disabled:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.35);
}

.s-form-control--transparent:focus, .s-form-control--transparent-inverted:focus, .s-input-group--transparent-inverted > .s-form-control:focus, .s-input-group--transparent-nav > .s-form-control:focus, .s-input-group--transparent > .s-form-control:focus {
  outline: 1px dashed;
  outline: 5px auto -webkit-focus-ring-color;
}

/**
 * INVERTED TRANSPARENT STYLE
/* --------------------------------------- */
.s-form-control--transparent-inverted, .s-input-group--transparent-inverted > .s-form-control, .s-input-group--transparent-nav > .s-form-control {
  color: #FFF;
}

.s-form-control--transparent-inverted:-moz-placeholder, .s-input-group--transparent-inverted > .s-form-control:-moz-placeholder, .s-input-group--transparent-nav > .s-form-control:-moz-placeholder {
  color: rgba(255, 255, 255, 0.55);
}

.s-form-control--transparent-inverted::-moz-placeholder, .s-input-group--transparent-inverted > .s-form-control::-moz-placeholder, .s-input-group--transparent-nav > .s-form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.55);
}

.s-form-control--transparent-inverted::-webkit-input-placeholder, .s-input-group--transparent-inverted > .s-form-control::-webkit-input-placeholder, .s-input-group--transparent-nav > .s-form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.55);
}

.s-form-control--transparent-inverted:-ms-input-placeholder, .s-input-group--transparent-inverted > .s-form-control:-ms-input-placeholder, .s-input-group--transparent-nav > .s-form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.55);
}

/**
 * FLAT STYLE
/* --------------------------------------- */
.s-form-control--flat, .s-input-group--flat > .s-form-control {
  background: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.87);
  border: none;
}

.s-form-control--flat:-moz-placeholder, .s-input-group--flat > .s-form-control:-moz-placeholder {
  color: rgba(0, 0, 0, 0.55);
}

.s-form-control--flat::-moz-placeholder, .s-input-group--flat > .s-form-control::-moz-placeholder {
  color: rgba(0, 0, 0, 0.55);
}

.s-form-control--flat::-webkit-input-placeholder, .s-input-group--flat > .s-form-control::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.55);
}

.s-form-control--flat:-ms-input-placeholder, .s-input-group--flat > .s-form-control:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.55);
}

/**
 * INVERTED FLAT STYLE
/* --------------------------------------- */
.s-form-control--flat-inverted, .s-input-group--flat-inverted > .s-form-control {
  background: rgba(0, 0, 0, 0.2);
  color: #FFF;
  border: none;
}

.s-form-control--flat-inverted:-moz-placeholder, .s-input-group--flat-inverted > .s-form-control:-moz-placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.s-form-control--flat-inverted::-moz-placeholder, .s-input-group--flat-inverted > .s-form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.s-form-control--flat-inverted::-webkit-input-placeholder, .s-input-group--flat-inverted > .s-form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.s-form-control--flat-inverted:-ms-input-placeholder, .s-input-group--flat-inverted > .s-form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.has-error .s-select-control .s-form-control {
  box-shadow: none;
  border-color: #FB6100;
}

.has-error .s-help-block {
  color: #FB6100;
}

.s-input-error {
  position: absolute;
  margin: 0;
  width: 100%;
  z-index: 1000;
  padding: 6px 10px;
  line-height: 1.25em;
  top: 45px;
  left: 0;
  text-align: left;
  color: #CACACA !important;
  border: 1px solid #CACACA;
  background-color: #323232;
  border-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.s-input-error.mainNavSearch-location {
  top: 60px;
}

/**
* $desc         Contains input group styles for style guide
* $name         form/_input-group
* $tested       Chrome 45, Safari 8, IE 10, Firefox 38
*/
.s-input-group, .s-input-row {
  position: relative;
  width: 100%;
  display: flex;
}

.s-input-group .s-form-control, .s-input-row .s-form-control {
  position: relative;
  z-index: 2;
  height: 44px;
  flex: 3 1 auto;
  min-width: 1%;
  margin-bottom: 0;
}

.s-input-group .s-form-control:focus ~ .s-input-group-addon, .s-input-row .s-form-control:focus ~ .s-input-group-addon {
  color: #0070EB;
}

.s-input-group .s-input-group-addon, .s-input-row .s-input-group-addon {
  z-index: 3;
  height: 44px;
  flex: 0 1 44px;
  white-space: nowrap;
  vertical-align: middle;
}

.s-input-group .s-input-group-addon .s-iconBtn, .s-input-row .s-input-group-addon .s-iconBtn {
  height: 44px;
  flex: 0 1 44px;
  padding: 0;
}

.s-input-group.s-dropdown-toggle, .s-dropdown-toggle.s-input-row {
  padding: 0;
}

.s-input-group-addon, .s-input-group .s-form-control, .s-input-row .s-form-control {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* ICON STYLE
/* --------------------------------------- */
.s-icon {
  transition: color 0.2s ease;
  align-self: center;
  width: 44px;
  height: 44px;
  display: flex !important;
}

.s-icon [class*=" icon-"], .s-icon [class^=icon-] {
  top: 0;
}

/* ADDON MODIFIERS
/* --------------------------------------- */
.s-input-group--hasRightAddon > .s-form-control {
  order: 0;
  padding-right: 44px;
}

.s-input-group--hasRightAddon > .s-input-group-addon {
  top: 0;
  text-align: center;
  position: absolute;
}

.s-input-group--hasRightAddon > .s-input-group-addon--right {
  order: 1;
  right: 0;
}

.s-input-group--hasRightAddon > .s-input-group-addon--right > .s-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.s-input-group--hasRightAddon.s-input-group--large > .s-form-control {
  padding-right: 48px;
}

.s-input-group--hasRightAddon.s-input-group--small > .s-form-control {
  padding-right: 36px;
}

.s-input-group--hasLeftAddon > .s-form-control {
  order: 0;
  padding-left: 44px;
}

.s-input-group--hasLeftAddon > .s-input-group-addon {
  top: 0;
  text-align: center;
  position: absolute;
}

.s-input-group--hasLeftAddon > .s-input-group-addon--left {
  order: -1;
  left: 0;
}

.s-input-group--hasLeftAddon.s-input-group--large > .s-form-control {
  padding-left: 48px;
}

.s-input-group--hasLeftAddon.s-input-group--small > .s-form-control {
  padding-left: 36px;
}

/* TRANSPARENT INPUT GROUP
/* --------------------------------------- */
.s-input-group--transparent > .s-icon {
  color: rgba(0, 0, 0, 0.35);
  background: transparent;
}

/* INVERTED TRANSPARENT INPUT GROUP
/* --------------------------------------- */
.s-input-group--transparent-inverted > .s-form-control:focus ~ .s-input-group-addon, .s-input-group--transparent-nav > .s-form-control:focus ~ .s-input-group-addon {
  color: #FFF;
}

.s-input-group--transparent-inverted > .s-input-group-addon, .s-input-group--transparent-nav > .s-input-group-addon {
  color: rgba(255, 255, 255, 0.55);
  background: transparent;
}

.s-input-group--transparent-inverted > .s-input-group-addon > .s-iconBtn, .s-input-group--transparent-nav > .s-input-group-addon > .s-iconBtn {
  color: rgba(255, 255, 255, 0.55);
  background: transparent !important;
}

.s-input-group--transparent-inverted > .s-input-group-addon > .s-iconBtn:hover, .s-input-group--transparent-nav > .s-input-group-addon > .s-iconBtn:hover {
  color: rgba(255, 255, 255, 0.75);
}

.s-input-group--transparent-inverted > .s-input-group-addon > .s-iconBtn:active, .s-input-group--transparent-nav > .s-input-group-addon > .s-iconBtn:active {
  color: #FFF;
}

/* Flat INPUT GROUP
/* --------------------------------------- */
.s-input-group--flat > .s-icon {
  color: rgba(0, 0, 0, 0.87);
  background: transparent;
}

/* INVERTED TRANSPARENT INPUT GROUP
/* --------------------------------------- */
.s-input-group--flat-inverted > .s-form-control:focus ~ .s-input-group-addon {
  color: rgba(255, 255, 255, 0.75);
}

.s-input-group--flat-inverted > .s-input-group-addon {
  color: rgba(255, 255, 255, 0.75);
  background: transparent;
}

.s-input-group--flat-inverted > .s-input-group-addon > .s-iconBtn {
  color: rgba(255, 255, 255, 0.75);
  background: transparent !important;
}

.s-input-group--flat-inverted > .s-input-group-addon > .s-iconBtn:hover {
  color: rgba(255, 255, 255, 0.75);
}

.s-input-group--flat-inverted > .s-input-group-addon > .s-iconBtn:active {
  color: rgba(255, 255, 255, 0.75);
}

/* MAIN NAV MODIFIER
/* --------------------------------------- */
/* BORDERLESS INPUT GROUP
/* --------------------------------------- */
.s-input-group--borderless .s-form-control, .s-input-row--borderless .s-form-control,
.s-input-group--borderless .s-input-group-addon,
.s-input-row--borderless .s-input-group-addon,
.s-input-group--borderless .s-input-group-addon > .s-btn,
.s-input-row--borderless .s-input-group-addon > .s-btn {
  border-color: transparent;
}

/* SIZE MODIFIERS
/* --------------------------------------- */
.s-input-group--large > .s-form-control {
  height: 48px;
}

@-moz-document url-prefix() {
  .s-input-group--large > .s-form-control {
    padding-top: 15px;
  }
}

.s-input-group--large > .s-input-group-addon,
.s-input-group--large > .s-input-group-addon > .s-btn {
  flex: 0 1 48px;
  height: 48px;
}

.s-input-group--small > .s-form-control {
  height: 36px;
}

.s-input-group--small > .s-input-group-addon {
  flex: 0 1 36px;
  height: 36px;
}

.s-input-group--small > .s-input-group-addon > .s-btn {
  height: 36px;
}

/**
* $desc         Contains input row styles for style guide
* $name         form/_input-row
* $tested       Chrome 45, Safari 8, IE 10, Firefox 38
*/
/**
 * MAIN LAYOUTS FOR AN INPUT ROW
 *
 * 1) [ .s-input-group | .s-input-group ]  [ .s-btn ]
 * 2) [ .s-input-group ]  [ .s-btn ]
 * 3) [ .s-select | .s-input group | .s-input-group ]  [ .s-btn ]
 *
 * Margins and borders are applied to these combinations
 * of input groups and buttons.
 * On mobile, the margin and borders are removed and
 * row elements stack.
 *
/* --------------------------------------- */
.s-input-row .s-input-group--small,
.s-input-row .s-btn--small,
.s-input-row .s-btn-group--small > .s-btn,
.s-input-row .s-input-group--small > .s-input-group-addon > .s-btn {
  flex-basis: 36px;
  min-height: 36px;
}

.s-input-row .s-input-group, .s-input-row .s-input-row,
.s-input-row .s-btn {
  flex-basis: 44px;
  min-height: 44px;
}

.s-input-row .s-input-group--large,
.s-input-row .s-btn--large,
.s-input-row .s-btn-group--large > .s-btn {
  flex-basis: 48px;
  min-height: 48px;
}

@media (min-width: 768px) {
  .s-input-row .s-input-group, .s-input-row .s-input-row {
    flex-basis: none !important;
  }
}

.s-input-row .s-btn {
  height: 44px;
  padding: 0 16px;
}


.s-input-row .s-btn--small,
.s-input-row .s-btn-group--small > .s-btn,
.s-input-row .s-input-group--small > .s-input-group-addon > .s-btn {
  height: 36px;
  padding: 0 16px;
}


.s-input-row .s-btn--large,
.s-input-row .s-btn-group--large > .s-btn {
  height: 48px;
  padding: 0 20px;
}

.s-input-row .s-input-group-addon:not(:last-of-type),
.s-input-row .s-input-group:not(:last-of-type) .s-form-control,
.s-input-row .s-input-row:not(:last-of-type) .s-form-control,
.s-input-row .s-input-group-addon:not(:last-of-type) .s-btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.s-input-row .s-input-group-addon:not(:first-of-type),
.s-input-row .s-input-group:not(:first-of-type) .s-form-control,
.s-input-row .s-input-row:not(:first-of-type) .s-form-control,
.s-input-row .s-input-group-addon:not(:first-of-type) .s-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.s-input-row > .s-btn:not(.s-input-group-addon) {
  margin-left: 8px;
}

.s-input-row.s-input-row--borderless > .s-input-group:not(:last-child) > .s-form-control, .s-input-row.s-input-row--borderless > .s-input-row:not(:last-child) > .s-form-control,
.s-input-row.s-input-row--borderless > .s-input-group-addon:not(:last-child) {
  border-right: 1px solid #EFEFEF;
}

@media (max-width: 767px) {
  .s-input-row {
    flex-direction: column;
  }
  .s-input-row > .s-input-group, .s-input-row > .s-input-row,
  .s-input-row > .s-input-group.s-select,
  .s-input-row > .s-select.s-input-row,
  .s-input-row > .s-select,
  .s-input-row > .s-btn {
    margin-bottom: 8px;
    flex-grow: 1 !important;
    max-width: 100% !important;
  }
  .s-input-row.s-input-row--borderless > .s-input-group-addon,
  .s-input-row.s-input-row--borderless > .s-select,
  .s-input-row.s-input-row--borderless > .s-input-group .s-form-control,
  .s-input-row.s-input-row--borderless > .s-input-row .s-form-control,
  .s-input-row.s-input-row--borderless > .s-input-group-addon .s-btn {
    border-right: 0 !important;
    border-radius: 4px !important;
  }
  .s-input-row > .s-btn:not(.s-input-group-addon) {
    margin-left: 0;
  }
}

.s-input-row .s-icon.icon-search,
.s-input-row .s-icon.icon-clock {
  color: #323232;
}

/* BORDERLESS INPUT ROW
/* --------------------------------------- */
.s-radio-group {
  margin-bottom: 8px;
  box-sizing: border-box;
}

.s-radio-group .s-radio-label {
  cursor: pointer;
  vertical-align: bottom;
}

.s-radio-group .s-radio-label .s-radio-input:focus + .s-radio-filler,
.s-radio-group .s-radio-label .s-radio-input:focus + .s-radio-text {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}

.s-radio-group .s-radio-label .s-radio-filler {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: border-color 0.1s ease;
  border: 2px solid #CACACA;
  width: 20px;
  height: 20px;
  background-color: #FFF;
  margin-right: 4px;
  vertical-align: bottom;
}

.s-radio-group .s-radio-label .s-radio-filler:before {
  border-radius: 50%;
  transition: background 0.1s ease;
  content: '';
  background: transparent;
  width: 10px;
  height: 10px;
  display: block;
}

.s-radio-group .s-radio-label:active .s-radio-filler {
  border-color: #0070EB;
}

.s-radio-group .s-radio-label:active .s-radio-filler:before {
  background: #0070EB;
}

.s-radio-group .s-radio-label.selected .s-radio-filler {
  border-color: #0070EB;
}

.s-radio-group .s-radio-label.selected .s-radio-filler:before {
  background: #0070EB;
}

.s-radio-group .s-radio-label.disabled {
  cursor: not-allowed;
}

.s-radio-group .s-radio-label.disabled .s-radio-filler {
  border-color: #CACACA;
}

.s-radio-group--tabbed .s-radio-label {
  color: #FFF;
  transition: color 0.1s ease-in-out, border-color 0.1s ease-in-out;
  margin: 0 4px;
  padding: 4px;
  cursor: pointer;
  text-align: center;
  border-bottom: 4px solid transparent;
}

.s-radio-group--tabbed .s-radio-label:hover {
  color: #0070EB;
}

.s-radio-group--tabbed .s-radio-label.selected {
  color: #0070EB;
  border-bottom: 4px solid #0070EB;
}

.s-radio-group--tabbed .s-radio-label.disabled:hover {
  color: #FFF;
}

.s-radio-group--inverted .s-radio-label {
  color: rgba(0, 0, 0, 0.55);
}

.s-radio-group--inverted .s-radio-label:hover {
  color: #000;
}

.s-radio-group--inverted .s-radio-label.selected {
  color: #000;
  border-bottom: 4px solid #0070EB;
}

.s-radio-group--inverted .s-radio-label.disabled:hover {
  color: rgba(0, 0, 0, 0.55);
}

.s-radio-group--camo {
  margin-bottom: 0;
}

.s-radio-group--camo .s-radio-label {
  display: inline-block;
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.55);
  background: rgba(0, 0, 0, 0);
  text-align: center;
  border-radius: 4px;
}

.s-radio-group--camo .s-radio-label:hover, .s-radio-group--camo .s-radio-label.selected {
  color: rgba(0, 0, 0, 0.87);
  background: rgba(0, 0, 0, 0.08);
}

.s-radio-group--camo .s-radio-label:active {
  color: rgba(0, 0, 0, 0.87);
  background: rgba(0, 0, 0, 0.2);
}

/******************************************************
* Input Range
******************************************************/
/*------------------------------------------------------
 * Colors
 *-----------------------------------------------------*/
/*------------------------------------------------------
 * Thumb Variables
 *-----------------------------------------------------*/
/*------------------------------------------------------
 * Track Variables
 *-----------------------------------------------------*/
/*------------------------------------------------------
 * Mixins
 *-----------------------------------------------------*/
/*------------------------------------------------------
 * Styles
 *-----------------------------------------------------*/
.s-slider {
  -webkit-appearance: none;
  margin: 15px 0;
  width: 100%;
}

.s-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0 0 0 #000, 0px 0px 0 #0d0d0d;
  background: #CACACA;
  border-radius: 0;
  border: 0 solid #000;
}

.s-slider::-webkit-slider-thumb {
  box-shadow: 0 0 0 #000, 0px 0px 0 #0d0d0d;
  border: 0 solid transparent;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  background: #0070EB;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -13.5px;
}

.s-slider:focus::-webkit-slider-runnable-track {
  background: #d7d7d7;
}

.s-slider::-moz-range-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0 0 0 #000, 0px 0px 0 #0d0d0d;
  background: #CACACA;
  border-radius: 0;
  border: 0 solid #000;
}

.s-slider::-moz-range-thumb {
  box-shadow: 0 0 0 #000, 0px 0px 0 #0d0d0d;
  border: 0 solid transparent;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  background: #0070EB;
  cursor: pointer;
}

.s-slider::-ms-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 30px 0;
  color: transparent;
}

.s-slider::-ms-fill-lower {
  background: #bdbdbd;
  border: 0 solid #000;
  border-radius: 0;
  box-shadow: 0 0 0 #000, 0px 0px 0 #0d0d0d;
}

.s-slider::-ms-fill-upper {
  background: #CACACA;
  border: 0 solid #000;
  border-radius: 0;
  box-shadow: 0 0 0 #000, 0px 0px 0 #0d0d0d;
}

.s-slider::-ms-thumb {
  box-shadow: 0 0 0 #000, 0px 0px 0 #0d0d0d;
  border: 0 solid transparent;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  background: #0070EB;
  cursor: pointer;
}

.s-slider:focus::-ms-fill-lower {
  background: #CACACA;
}

.s-slider:focus::-ms-fill-upper {
  background: #d7d7d7;
}

.s-slider-labels {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}

.s-slider-label {
  flex: 0 0 30px;
  padding: 0;
  margin: 0;
  text-align: center;
}

.s-select {
  position: relative;
  display: inline-block;
  line-height: 1;
}

.s-select-control {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  background: #FFF;
  color: rgba(0, 0, 0, 0.87);
  line-height: 1 !important;
  padding: 8px 32px 8px 12px;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.s-select-control:hover, .s-select-control:focus {
  border-color: rgba(0, 0, 0, 0.7);
}

.s-select-control:hover + .s-select-caret.icon-caret-down, .s-select-control:focus + .s-select-caret.icon-caret-down {
  color: #0058b8;
}

.s-select-control:disabled {
  background: #FFF;
  border-color: #CACACA;
  color: #CACACA;
}

.s-select-control:disabled + .s-select-caret.icon-caret-down {
  color: #CACACA;
}

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

.s-select-control::-ms-expand {
  display: none;
}

.s-select-caret.icon-caret-down {
  transition: color 0.1s ease;
  color: #0070EB;
  position: absolute;
  right: 8px;
  pointer-events: none;
  position: absolute;
}

.s-select-caret.icon-caret-down.icon-16 {
  top: calc(50% - 8px);
}

.s-select--small .s-select-control {
  padding: 8px 24px 8px 12px;
}

.s-select--camo .s-select-control {
  color: rgba(0, 0, 0, 0.55);
  border-color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.s-select--camo .s-select-control:hover {
  background: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.87);
}

.s-select--search-autocomplete {
  min-height: 48px;
}

textarea.s-form-control {
  resize: vertical;
  min-height: 72px;
  padding: 16px;
}

/**
 * Links
 *
 * 1) Base Styles
 * 2) Components
 *
 **/
.s-link-primary, a,
.s-link, .s-card-attribution-text > :first-child,
.s-card-title > :first-child,
.s-btn-text, .s-link-secondary, .s-link-primary--inverted, .s-link-secondary--inverted {
  transition: color 0.2s ease;
  cursor: pointer;
}

/**
 * MAIN LINK TYPES
 *
 * 1) .s-link-primary : use this inline with u-text-primary
 * 2) .s-link-secondary : use this inline with u-text-secondary
/* --------------------------------------- */
.s-link-primary, a,
.s-link, .s-card-attribution-text > :first-child,
.s-card-title > :first-child,
.s-btn-text {
  text-decoration: none;
  color: #0070EB;
}

.s-link-primary:hover, a:hover,
.s-link:hover, .s-card-attribution-text > :hover:first-child,
.s-card-title > :hover:first-child,
.s-btn-text:hover, .s-link-primary:focus, a:focus,
.s-link:focus, .s-card-attribution-text > :focus:first-child,
.s-card-title > :focus:first-child,
.s-btn-text:focus {
  color: #0058b8;
}

.s-link-primary:active, a:active,
.s-link:active, .s-card-attribution-text > :active:first-child,
.s-card-title > :active:first-child,
.s-btn-text:active {
  color: #003f85;
}

.s-link-secondary {
  color: rgba(0, 0, 0, 0.55);
}

.s-link-secondary:hover, .s-link-secondary:focus, .s-link-secondary:active {
  color: rgba(0, 0, 0, 0.87);
}

/* INVERTED THEME MODIFIERS
 *
 * 1) .s-link-primary--inverted
 * 2) .s-link-secondary--inverted
/* --------------------------------------- */
.s-link-primary--inverted {
  color: #FFF;
}

.s-link-primary--inverted:hover, .s-link-primary--inverted:focus, .s-link-primary--inverted:active {
  color: rgba(255, 255, 255, 0.75);
}

.s-link-secondary--inverted {
  color: rgba(255, 255, 255, 0.75);
}

.s-link-secondary--inverted:hover, .s-link-secondary--inverted:focus, .s-link-secondary--inverted:active {
  color: #FFF;
}

/*
 *
 * LEGACY PATTERNS -- REMOVE ME IN WDA-6610
 *
 **/
.s-link-dark {
  color: #000;
  text-decoration: underline;
}

.s-link-dark:hover, .s-link-dark:focus {
  color: #323232;
}

.s-link-dark:active {
  color: #b1b1b1;
}

.s-link-light, .dark-theme a, .s-toaster a, .dark-theme .type-secondary a, .s-toaster .type-secondary a {
  color: #FFF;
  text-decoration: underline;
}

.s-link-light:hover, .dark-theme a:hover, .s-toaster a:hover, .s-link-light:focus, .dark-theme a:focus, .s-toaster a:focus {
  color: #CACACA;
}

.s-link-light:active, .dark-theme a:active, .s-toaster a:active {
  color: #b1b1b1;
}

.s-link-noUnderline, .s-link-noUnderline:hover, .s-link-noUnderline:focus, .s-link-noUnderline:active {
  text-decoration: none;
}

.s-link-header {
  cursor: pointer;
}

.s-link-header:hover, .s-link-header:focus, .s-link-header:active {
  color: #000;
  border-bottom: 3px solid #0070EB;
}

.s-link-header-active {
  color: #000;
  border-bottom: 3px solid #0070EB;
}

.s-list-order {
  margin-bottom: 8px;
  list-style-type: none;
  padding: 0;
}

.s-list-order > li {
  margin-bottom: 4px;
}

.s-list-order > li:last-child {
  margin-bottom: 0;
}

.s-list-inline {
  margin: 0;
}

.s-list-inline > li {
  display: inline-block;
  margin: 0;
}

.s-list-inline-pagination {
  display: flex;
}

.s-list-inline-pagination > li {
  padding: 0;
  border: solid 2px #0070EB;
  margin-left: -2px;
  max-height: 44px;
}

.s-list-inline-pagination > li:first-child {
  border-radius: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.s-list-inline-pagination > li:last-child {
  border-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.s-list-inline-pagination > li.current {
  background: #0070EB;
}

.s-list-inline-pagination > li.current > a {
  color: #FFF;
}

.s-list-inline-pagination > li.disabled {
  border-color: #CACACA;
}

.s-list-inline-pagination > li.disabled > a {
  color: #CACACA;
  cursor: not-allowed;
  pointer-events: none;
}

.s-list-inline-pagination > li > a {
  display: block;
  min-width: 40px;
  text-align: center;
}

@media (max-width: 767px) {
  .s-list-inline-pagination > li > a {
    min-width: auto;
  }
}

.s-list {
  background: #FFF;
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.s-list + .s-list {
  margin-top: 12px;
}

@media (max-width: 767px) {
  .s-list-full {
    border-radius: 0;
  }
}

.s-list-flat {
  box-shadow: none;
}

@media (min-width: 768px) {
  .s-list-container {
    padding: 16px 32px;
  }
}

.s-list-grouped-container {
  padding: 16px 32px;
}

@media (min-width: 768px) {
  .s-list-grouped-container {
    padding: 24px 32px;
  }
}

.s-list-heading {
  padding-bottom: 4px;
  font-family: grubhubsans-bold;
}

.s-list-item {
  background: #FFF;
}

.s-list-item:not(:last-child) {
  border-bottom: solid 1px #E4E4E4;
}

.s-list-item:hover {
  cursor: pointer;
  background: #fbfbfb;
}

.s-list-item:active {
  background: #E4E4E4;
}

.s-list--actionless > .s-list-item:hover {
  cursor: inherit;
  background: #FFF;
}

.s-list--actionless > .s-list-item:active {
  background: #FFF;
}

.s-list-item-primary {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.s-list-item-primary > span:not(:first-child) {
  margin-left: 8px;
}

.s-list-item-secondary {
  font-size: smaller;
  color: rgba(0, 0, 0, 0.55);
  margin-top: 8px;
}

.s-pagination {
  display: table;
  border-collapse: collapse;
  border-radius: 3px;
  margin: 8px;
}

.s-pagination ul.pagination {
  display: flex;
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.s-pagination ul.pagination li.page-item {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 2px solid #0070EB;
  margin-left: -2px;
  max-height: 44px;
}

.s-pagination ul.pagination li.page-item:first-child {
  border-radius: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.s-pagination ul.pagination li.page-item:last-child {
  border-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.s-pagination ul.pagination li.page-item.disabled {
  border: 2px solid #CACACA;
}

.s-pagination ul.pagination li.page-item.disabled a {
  color: #CACACA;
  cursor: not-allowed;
  pointer-events: none;
}

.s-pagination ul.pagination li.page-item.active {
  background: #0070EB;
}

.s-pagination ul.pagination li.page-item.active a {
  color: #FFF;
}

.s-pagination ul.pagination li.page-item:hover:not(.active):not(.disabled) {
  border: 2px solid #0058b8;
  background: #0058b8;
}

.s-pagination ul.pagination li.page-item:hover:not(.active):not(.disabled) a {
  color: #FFF;
}

.s-pagination ul.pagination li.page-item a {
  padding: 10px;
  display: block;
  min-width: 40px;
  text-align: center;
}

@media (max-width: 767px) {
  .s-pagination ul.pagination li.page-item a {
    min-width: auto;
  }
}

label {
  font-family: graphik;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.4;
}

@media (min-width: 768px) {
  label {
    font-size: 14px;
    line-height: 1.45;
  }
}

.s-labels {
  position: relative;
  top: -1px;
}

.s-label {
  font-family: grubhubsans-bold;
  font-weight: normal;
  font-size: 13.2px;
  line-height: 1.595;
  border-radius: 100px;
  font-weight: bold;
  text-transform: capitalize;
  border: 2px solid #b1b1b1;
  padding: 1px 5px 2px 5px;
}

@media (min-width: 768px) {
  .s-label {
    font-size: 13.2px;
    line-height: 1.595;
  }
}

.s-label + .s-label {
  margin-left: 5px;
}

.s-label-subtle {
  background: #FFF;
  color: #b1b1b1;
}

.s-label-loud {
  background: #FFF;
  color: #000;
  border-color: #000;
}

.s-label-branded {
  display: inline-flex;
  align-items: center;
  background: #0070EB;
  color: #FFF;
  border-color: #0070EB;
  white-space: nowrap;
}

.s-label-branded > i {
  margin-right: 5px;
}

.rb-orderMethod-row {
  display: flex;
}

.rb-orderMethod-row > .rb-orderMethod-radio,
.rb-orderMethod-row > .rb-orderMethod-option {
  display: inline-block;
}

.rb-orderMethod-row > .rb-orderMethod-radio {
  flex: 0 1 43%;
}

.rb-orderMethod-row > .rb-orderMethod-option {
  flex: 1 0 auto;
}

.rb-orderMethod-row > .rb-orderMethod-radio {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .rb-orderMethod-row > .rb-orderMethod-radio {
    display: flex;
    flex: 1 0 auto;
    margin-bottom: 0;
  }
  .rb-orderMethod-row > .rb-orderMethod-radio > .rb-radio-group {
    display: flex;
    flex: 1 0 50%;
  }
  .rb-orderMethod-row > .rb-orderMethod-radio > .rb-radio-group > .rb-radio-label {
    width: 100%;
  }
}

.rb-orderMethod-row {
  display: flex;
}

.rb-orderMethod-row > .rb-orderMethod-radio,
.rb-orderMethod-row > .rb-orderMethod-option {
  display: inline-block;
}

.rb-orderMethod-row > .rb-orderMethod-radio {
  flex: 0 1 43%;
}

.rb-orderMethod-row > .rb-orderMethod-option {
  flex: 1 0 auto;
}

.rb-orderMethod-row > .rb-orderMethod-radio {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .rb-orderMethod-row > .rb-orderMethod-radio {
    display: flex;
    flex: 1 0 auto;
    margin-bottom: 0;
  }
  .rb-orderMethod-row > .rb-orderMethod-radio > .rb-radio-group {
    display: flex;
    flex: 1 0 50%;
  }
  .rb-orderMethod-row > .rb-orderMethod-radio > .rb-radio-group > .rb-radio-label {
    width: 100%;
  }
}

/**
 * Buttons
 *
 * 1) Mixins
 * 2) Components
 *
 **/
/**
 * interaction-states: mixin
 *
 * @param $borderColor
 * @param $fontColor
 * @param $backgroundColor
 *
 * This mixin takes border, font and background colors
 * and creates hover, focus and active button styles.
 * Does not include the styles for button groups.
 *
 **/
.s-tag {
  display: inline-flex;
  height: 30px;
  color: rgba(0, 0, 0, 0.87);
  background: rgba(0, 0, 0, 0.05);
  padding: 0 12px;
  border-radius: 3px;
}

.s-tag:hover {
  background: rgba(0, 0, 0, 0.1);
}

.s-tag:active {
  background: rgba(0, 0, 0, 0.2);
}

.s-tag > [class^="icon"] {
  font-size: 16px;
}

.s-tag span + [class^="icon"],
.s-tag [class^="icon"] + span, .s-tag:not(:first-child) {
  margin-left: 8px;
}

.s-tag--addon-interactive i {
  color: #0070EB;
}

.s-tag--addon-secondary i {
  color: rgba(0, 0, 0, 0.55);
}

.s-tag--selected {
  color: #FFF;
  background: #0070EB;
}

.s-tag.s-tag--attribute {
  background: transparent;
  padding: 0;
}

.s-tag.s-tag--attribute:not(:last-child):after {
  padding-left: 8px;
  content: "\2022";
}

.s-tag.s-tag--attribute:hover, .s-tag.s-tag--attribute:active {
  background: transparent;
}

.s-textBox-parent:hover .s-textBox {
  background-color: #FFF;
}

.s-textBox {
  transition: background-color 200ms ease-in-out;
  background-color: rgba(255, 255, 255, 0.75);
}

.s-textBox-title {
  color: rgba(0, 0, 0, 0.87);
}

.typeahead-container {
  width: 100%;
  max-width: 250px;
}

.typeahead-container > ul {
  display: block;
}

.list-block {
  border-radius: 0 0 4px 4px;
  box-shadow: 0 0 0 rgba(72, 71, 70, 0.5);
  background: #FFFFFF;
  border: 1px solid #cacaca;
  padding: 0;
}

.list {
  list-style-type: none;
  margin-top: 0;
}

.list-block > .list-item {
  border-bottom: 1px solid #efefef;
  margin: 0;
}

.list-block > .list-item > a:hover, .list-item.active > a {
  text-decoration: none;
  background: #efefef;
}

.list-block > .list-item > a {
  display: flex;
  align-items: center;
  color: #484746 !important;
  padding: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.autoComplete-thumb {
  flex: 0 1 50px;
  min-width: 50px;
  margin-right: 10px;
}

/**
 * make-grid-columns: Mixin
 *
 * This is taken from bootstrap. DO NOT MODIFY.
 *
 **/
/**
 * create-utilities-flexbox-overrides: Mixin
 *
 * This mixin needs to executed after @make-grid-columns because
 *   it overrides flex properties at different breakpoints.
 *
 **/
/**
 * Grid Declarations
 *
 * Declares all of the classes that compose the grid
 * Taken from <bootstrap>/scss/mixins/grid-framework
 * and modified to declare .s- classes
 **/
.s-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 576px) {
  .s-container {
    width: 540px;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .s-container {
    width: 720px;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .s-container {
    width: 960px;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .s-container {
    width: 1140px;
    max-width: 100%;
  }
}

.s-container-sm {
  max-width: 540px;
  margin: 0 auto;
}

.s-container-md {
  max-width: 720px;
  margin: 0 auto;
}

.s-container-lg {
  max-width: 960px;
  margin: 0 auto;
}

.s-container-xl {
  max-width: 1140px;
  margin: 0 auto;
}

.s-container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.s-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
}

@media (min-width: 576px) {
  .s-row {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .s-row {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .s-row {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .s-row {
    margin-right: 0;
    margin-left: 0;
  }
}

.s-col-xs, .s-col-xs-1, .s-col-xs-2, .s-col-xs-3, .s-col-xs-4, .s-col-xs-5, .s-col-xs-6, .s-col-xs-7, .s-col-xs-8, .s-col-xs-9, .s-col-xs-10, .s-col-xs-11, .s-col-xs-12, .s-col-sm, .s-col-sm-1, .s-col-sm-2, .s-col-sm-3, .s-col-sm-4, .s-col-sm-5, .s-col-sm-6, .s-col-sm-7, .s-col-sm-8, .s-col-sm-9, .s-col-sm-10, .s-col-sm-11, .s-col-sm-12, .s-col-md, .s-col-md-1, .s-col-md-2, .s-col-md-3, .s-col-md-4, .s-col-md-5, .s-col-md-6, .s-col-md-7, .s-col-md-8, .s-col-md-9, .s-col-md-10, .s-col-md-11, .s-col-md-12, .s-col-lg, .s-col-lg-1, .s-col-lg-2, .s-col-lg-3, .s-col-lg-4, .s-col-lg-5, .s-col-lg-6, .s-col-lg-7, .s-col-lg-8, .s-col-lg-9, .s-col-lg-10, .s-col-lg-11, .s-col-lg-12, .s-col-xl, .s-col-xl-1, .s-col-xl-2, .s-col-xl-3, .s-col-xl-4, .s-col-xl-5, .s-col-xl-6, .s-col-xl-7, .s-col-xl-8, .s-col-xl-9, .s-col-xl-10, .s-col-xl-11, .s-col-xl-12 {
  position: relative;
  min-height: 1px;
  width: 100%;
}

.s-col-xs {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.s-col-xs-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.s-col-xs-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.s-col-xs-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.s-col-xs-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.s-col-xs-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.s-col-xs-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.s-col-xs-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.s-col-xs-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.s-col-xs-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.s-col-xs-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.s-col-xs-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.s-col-xs-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.s-pull-xs-0 {
  right: auto;
}

.s-pull-xs-1 {
  right: 8.33333%;
}

.s-pull-xs-2 {
  right: 16.66667%;
}

.s-pull-xs-3 {
  right: 25%;
}

.s-pull-xs-4 {
  right: 33.33333%;
}

.s-pull-xs-5 {
  right: 41.66667%;
}

.s-pull-xs-6 {
  right: 50%;
}

.s-pull-xs-7 {
  right: 58.33333%;
}

.s-pull-xs-8 {
  right: 66.66667%;
}

.s-pull-xs-9 {
  right: 75%;
}

.s-pull-xs-10 {
  right: 83.33333%;
}

.s-pull-xs-11 {
  right: 91.66667%;
}

.s-pull-xs-12 {
  right: 100%;
}

.s-push-xs-0 {
  left: auto;
}

.s-push-xs-1 {
  left: 8.33333%;
}

.s-push-xs-2 {
  left: 16.66667%;
}

.s-push-xs-3 {
  left: 25%;
}

.s-push-xs-4 {
  left: 33.33333%;
}

.s-push-xs-5 {
  left: 41.66667%;
}

.s-push-xs-6 {
  left: 50%;
}

.s-push-xs-7 {
  left: 58.33333%;
}

.s-push-xs-8 {
  left: 66.66667%;
}

.s-push-xs-9 {
  left: 75%;
}

.s-push-xs-10 {
  left: 83.33333%;
}

.s-push-xs-11 {
  left: 91.66667%;
}

.s-push-xs-12 {
  left: 100%;
}

.s-col-xs-offset-1 {
  margin-left: 8.33333%;
}

.s-col-xs-offset-2 {
  margin-left: 16.66667%;
}

.s-col-xs-offset-3 {
  margin-left: 25%;
}

.s-col-xs-offset-4 {
  margin-left: 33.33333%;
}

.s-col-xs-offset-5 {
  margin-left: 41.66667%;
}

.s-col-xs-offset-6 {
  margin-left: 50%;
}

.s-col-xs-offset-7 {
  margin-left: 58.33333%;
}

.s-col-xs-offset-8 {
  margin-left: 66.66667%;
}

.s-col-xs-offset-9 {
  margin-left: 75%;
}

.s-col-xs-offset-10 {
  margin-left: 83.33333%;
}

.s-col-xs-offset-11 {
  margin-left: 91.66667%;
}

@media (min-width: 576px) {
  .s-col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .s-col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .s-col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .s-col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .s-col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .s-col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .s-col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .s-col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .s-col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .s-col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .s-col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .s-col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .s-col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .s-pull-sm-0 {
    right: auto;
  }
  .s-pull-sm-1 {
    right: 8.33333%;
  }
  .s-pull-sm-2 {
    right: 16.66667%;
  }
  .s-pull-sm-3 {
    right: 25%;
  }
  .s-pull-sm-4 {
    right: 33.33333%;
  }
  .s-pull-sm-5 {
    right: 41.66667%;
  }
  .s-pull-sm-6 {
    right: 50%;
  }
  .s-pull-sm-7 {
    right: 58.33333%;
  }
  .s-pull-sm-8 {
    right: 66.66667%;
  }
  .s-pull-sm-9 {
    right: 75%;
  }
  .s-pull-sm-10 {
    right: 83.33333%;
  }
  .s-pull-sm-11 {
    right: 91.66667%;
  }
  .s-pull-sm-12 {
    right: 100%;
  }
  .s-push-sm-0 {
    left: auto;
  }
  .s-push-sm-1 {
    left: 8.33333%;
  }
  .s-push-sm-2 {
    left: 16.66667%;
  }
  .s-push-sm-3 {
    left: 25%;
  }
  .s-push-sm-4 {
    left: 33.33333%;
  }
  .s-push-sm-5 {
    left: 41.66667%;
  }
  .s-push-sm-6 {
    left: 50%;
  }
  .s-push-sm-7 {
    left: 58.33333%;
  }
  .s-push-sm-8 {
    left: 66.66667%;
  }
  .s-push-sm-9 {
    left: 75%;
  }
  .s-push-sm-10 {
    left: 83.33333%;
  }
  .s-push-sm-11 {
    left: 91.66667%;
  }
  .s-push-sm-12 {
    left: 100%;
  }
  .s-col-sm-offset-0 {
    margin-left: 0%;
  }
  .s-col-sm-offset-1 {
    margin-left: 8.33333%;
  }
  .s-col-sm-offset-2 {
    margin-left: 16.66667%;
  }
  .s-col-sm-offset-3 {
    margin-left: 25%;
  }
  .s-col-sm-offset-4 {
    margin-left: 33.33333%;
  }
  .s-col-sm-offset-5 {
    margin-left: 41.66667%;
  }
  .s-col-sm-offset-6 {
    margin-left: 50%;
  }
  .s-col-sm-offset-7 {
    margin-left: 58.33333%;
  }
  .s-col-sm-offset-8 {
    margin-left: 66.66667%;
  }
  .s-col-sm-offset-9 {
    margin-left: 75%;
  }
  .s-col-sm-offset-10 {
    margin-left: 83.33333%;
  }
  .s-col-sm-offset-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 768px) {
  .s-col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .s-col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .s-col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .s-col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .s-col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .s-col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .s-col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .s-col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .s-col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .s-col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .s-col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .s-col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .s-col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .s-pull-md-0 {
    right: auto;
  }
  .s-pull-md-1 {
    right: 8.33333%;
  }
  .s-pull-md-2 {
    right: 16.66667%;
  }
  .s-pull-md-3 {
    right: 25%;
  }
  .s-pull-md-4 {
    right: 33.33333%;
  }
  .s-pull-md-5 {
    right: 41.66667%;
  }
  .s-pull-md-6 {
    right: 50%;
  }
  .s-pull-md-7 {
    right: 58.33333%;
  }
  .s-pull-md-8 {
    right: 66.66667%;
  }
  .s-pull-md-9 {
    right: 75%;
  }
  .s-pull-md-10 {
    right: 83.33333%;
  }
  .s-pull-md-11 {
    right: 91.66667%;
  }
  .s-pull-md-12 {
    right: 100%;
  }
  .s-push-md-0 {
    left: auto;
  }
  .s-push-md-1 {
    left: 8.33333%;
  }
  .s-push-md-2 {
    left: 16.66667%;
  }
  .s-push-md-3 {
    left: 25%;
  }
  .s-push-md-4 {
    left: 33.33333%;
  }
  .s-push-md-5 {
    left: 41.66667%;
  }
  .s-push-md-6 {
    left: 50%;
  }
  .s-push-md-7 {
    left: 58.33333%;
  }
  .s-push-md-8 {
    left: 66.66667%;
  }
  .s-push-md-9 {
    left: 75%;
  }
  .s-push-md-10 {
    left: 83.33333%;
  }
  .s-push-md-11 {
    left: 91.66667%;
  }
  .s-push-md-12 {
    left: 100%;
  }
  .s-col-md-offset-0 {
    margin-left: 0%;
  }
  .s-col-md-offset-1 {
    margin-left: 8.33333%;
  }
  .s-col-md-offset-2 {
    margin-left: 16.66667%;
  }
  .s-col-md-offset-3 {
    margin-left: 25%;
  }
  .s-col-md-offset-4 {
    margin-left: 33.33333%;
  }
  .s-col-md-offset-5 {
    margin-left: 41.66667%;
  }
  .s-col-md-offset-6 {
    margin-left: 50%;
  }
  .s-col-md-offset-7 {
    margin-left: 58.33333%;
  }
  .s-col-md-offset-8 {
    margin-left: 66.66667%;
  }
  .s-col-md-offset-9 {
    margin-left: 75%;
  }
  .s-col-md-offset-10 {
    margin-left: 83.33333%;
  }
  .s-col-md-offset-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 992px) {
  .s-col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .s-col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .s-col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .s-col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .s-col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .s-col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .s-col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .s-col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .s-col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .s-col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .s-col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .s-col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .s-col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .s-pull-lg-0 {
    right: auto;
  }
  .s-pull-lg-1 {
    right: 8.33333%;
  }
  .s-pull-lg-2 {
    right: 16.66667%;
  }
  .s-pull-lg-3 {
    right: 25%;
  }
  .s-pull-lg-4 {
    right: 33.33333%;
  }
  .s-pull-lg-5 {
    right: 41.66667%;
  }
  .s-pull-lg-6 {
    right: 50%;
  }
  .s-pull-lg-7 {
    right: 58.33333%;
  }
  .s-pull-lg-8 {
    right: 66.66667%;
  }
  .s-pull-lg-9 {
    right: 75%;
  }
  .s-pull-lg-10 {
    right: 83.33333%;
  }
  .s-pull-lg-11 {
    right: 91.66667%;
  }
  .s-pull-lg-12 {
    right: 100%;
  }
  .s-push-lg-0 {
    left: auto;
  }
  .s-push-lg-1 {
    left: 8.33333%;
  }
  .s-push-lg-2 {
    left: 16.66667%;
  }
  .s-push-lg-3 {
    left: 25%;
  }
  .s-push-lg-4 {
    left: 33.33333%;
  }
  .s-push-lg-5 {
    left: 41.66667%;
  }
  .s-push-lg-6 {
    left: 50%;
  }
  .s-push-lg-7 {
    left: 58.33333%;
  }
  .s-push-lg-8 {
    left: 66.66667%;
  }
  .s-push-lg-9 {
    left: 75%;
  }
  .s-push-lg-10 {
    left: 83.33333%;
  }
  .s-push-lg-11 {
    left: 91.66667%;
  }
  .s-push-lg-12 {
    left: 100%;
  }
  .s-col-lg-offset-0 {
    margin-left: 0%;
  }
  .s-col-lg-offset-1 {
    margin-left: 8.33333%;
  }
  .s-col-lg-offset-2 {
    margin-left: 16.66667%;
  }
  .s-col-lg-offset-3 {
    margin-left: 25%;
  }
  .s-col-lg-offset-4 {
    margin-left: 33.33333%;
  }
  .s-col-lg-offset-5 {
    margin-left: 41.66667%;
  }
  .s-col-lg-offset-6 {
    margin-left: 50%;
  }
  .s-col-lg-offset-7 {
    margin-left: 58.33333%;
  }
  .s-col-lg-offset-8 {
    margin-left: 66.66667%;
  }
  .s-col-lg-offset-9 {
    margin-left: 75%;
  }
  .s-col-lg-offset-10 {
    margin-left: 83.33333%;
  }
  .s-col-lg-offset-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1200px) {
  .s-col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .s-col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .s-col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .s-col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .s-col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .s-col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .s-col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .s-col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .s-col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .s-col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .s-col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .s-col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .s-col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .s-pull-xl-0 {
    right: auto;
  }
  .s-pull-xl-1 {
    right: 8.33333%;
  }
  .s-pull-xl-2 {
    right: 16.66667%;
  }
  .s-pull-xl-3 {
    right: 25%;
  }
  .s-pull-xl-4 {
    right: 33.33333%;
  }
  .s-pull-xl-5 {
    right: 41.66667%;
  }
  .s-pull-xl-6 {
    right: 50%;
  }
  .s-pull-xl-7 {
    right: 58.33333%;
  }
  .s-pull-xl-8 {
    right: 66.66667%;
  }
  .s-pull-xl-9 {
    right: 75%;
  }
  .s-pull-xl-10 {
    right: 83.33333%;
  }
  .s-pull-xl-11 {
    right: 91.66667%;
  }
  .s-pull-xl-12 {
    right: 100%;
  }
  .s-push-xl-0 {
    left: auto;
  }
  .s-push-xl-1 {
    left: 8.33333%;
  }
  .s-push-xl-2 {
    left: 16.66667%;
  }
  .s-push-xl-3 {
    left: 25%;
  }
  .s-push-xl-4 {
    left: 33.33333%;
  }
  .s-push-xl-5 {
    left: 41.66667%;
  }
  .s-push-xl-6 {
    left: 50%;
  }
  .s-push-xl-7 {
    left: 58.33333%;
  }
  .s-push-xl-8 {
    left: 66.66667%;
  }
  .s-push-xl-9 {
    left: 75%;
  }
  .s-push-xl-10 {
    left: 83.33333%;
  }
  .s-push-xl-11 {
    left: 91.66667%;
  }
  .s-push-xl-12 {
    left: 100%;
  }
  .s-col-xl-offset-0 {
    margin-left: 0%;
  }
  .s-col-xl-offset-1 {
    margin-left: 8.33333%;
  }
  .s-col-xl-offset-2 {
    margin-left: 16.66667%;
  }
  .s-col-xl-offset-3 {
    margin-left: 25%;
  }
  .s-col-xl-offset-4 {
    margin-left: 33.33333%;
  }
  .s-col-xl-offset-5 {
    margin-left: 41.66667%;
  }
  .s-col-xl-offset-6 {
    margin-left: 50%;
  }
  .s-col-xl-offset-7 {
    margin-left: 58.33333%;
  }
  .s-col-xl-offset-8 {
    margin-left: 66.66667%;
  }
  .s-col-xl-offset-9 {
    margin-left: 75%;
  }
  .s-col-xl-offset-10 {
    margin-left: 83.33333%;
  }
  .s-col-xl-offset-11 {
    margin-left: 91.66667%;
  }
}

.u-flex-xs-grow {
  flex-grow: 1;
}

.u-flex-xs-shrink, .s-card-attribution-text, .s-card-title {
  flex-shrink: 1;
}

.u-flex-xs-nogrow {
  flex-grow: 0;
}

.u-flex-xs-noshrink {
  flex-shrink: 0;
}

@media (min-width: 576px) {
  .u-flex-sm-grow {
    flex-grow: 1;
  }
  .u-flex-sm-shrink {
    flex-shrink: 1;
  }
  .u-flex-sm-nogrow {
    flex-grow: 0;
  }
  .u-flex-sm-noshrink {
    flex-shrink: 0;
  }
}

@media (min-width: 768px) {
  .u-flex-md-grow {
    flex-grow: 1;
  }
  .u-flex-md-shrink {
    flex-shrink: 1;
  }
  .u-flex-md-nogrow {
    flex-grow: 0;
  }
  .u-flex-md-noshrink {
    flex-shrink: 0;
  }
}

@media (min-width: 992px) {
  .u-flex-lg-grow {
    flex-grow: 1;
  }
  .u-flex-lg-shrink {
    flex-shrink: 1;
  }
  .u-flex-lg-nogrow {
    flex-grow: 0;
  }
  .u-flex-lg-noshrink {
    flex-shrink: 0;
  }
}

@media (max-width: 575px) {
  .s-hidden-xs {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .s-hidden-sm {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .s-hidden-md {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .s-hidden-lg {
    display: none !important;
  }
}

.s-hidden-xl {
  display: none !important;
}

/**
 * .s-toaster
 *
 * This file contains styles for toaster system. Toasters can be used on any page to slide in from the bottom of the page
 * The intent is to use s-toaster as the global style for the module and then compose different
 * flavors of the s-toaster by layering on additional classes - think how buttons get modifiers for colors etc
 *
 **/
@-webkit-keyframes flyUpBounce {
  60%, 100% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-20px);
  }
  40% {
    transform: translateY(5px);
  }
}
@keyframes flyUpBounce {
  60%, 100% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-20px);
  }
  40% {
    transform: translateY(5px);
  }
}

.s-toaster {
  display: flex;
  justify-content: space-between;
  border-radius: 4px;
  border-width: 2px;
  border-style: solid;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  color: #FFF;
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  transition: background 0.2s ease, border-color 0.2s ease;
}

.s-toaster:hover, .s-toaster:focus {
  color: #FFF;
}

.s-toaster:hover, .s-toaster:focus, .s-toaster.focus {
  text-decoration: none;
}

.s-toaster--primary {
  background: #3232AA;
}

.s-toaster--secondary {
  background: #F63440;
}

.s-toaster-wrapper {
  z-index: 1040;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  transform: translateY(100px);
}

.s-toaster-link {
  white-space: nowrap;
}

.bounceFlyUp {
  -webkit-animation: flyUpBounce 1.8s forwards;
          animation: flyUpBounce 1.8s forwards;
}

/***************************************************
 * These classes are auto-generated by ico-moon
 * It is a straight dump of the styles.scss file
 * that is created when the icon font set is built
 ***************************************************/
.icon-cog:before {
  content: "";
}

.icon-gift:before {
  content: "";
}

.icon-key:before {
  content: "";
}

.icon-arrow-left:before {
  content: "";
}

.icon-arrow-right:before {
  content: "";
}

.icon-bag:before {
  content: "";
}

.icon-bell:before {
  content: "";
}

.icon-bike:before {
  content: "";
}

.icon-bolt:before {
  content: "";
}

.icon-caret-down:before {
  content: "";
}

.icon-caret-left:before {
  content: "";
}

.icon-caret-right:before {
  content: "";
}

.icon-caret-up:before {
  content: "";
}

.icon-check:before {
  content: "";
}

.icon-clock-back:before {
  content: "";
}

.icon-clock:before {
  content: "";
}

.icon-credit-card:before {
  content: "";
}

.icon-dollar-sign:before {
  content: "";
}

.icon-ellipsis-horiz:before {
  content: "";
}

.icon-envelope:before {
  content: "";
}

.icon-exclamation:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-flag:before {
  content: "";
}

.icon-garbage:before {
  content: "";
}

.icon-google:before {
  content: "";
}

.icon-heart:before {
  content: "";
}

.icon-info:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-keylock:before {
  content: "";
}

.icon-list:before {
  content: "";
}

.icon-magnifying-glass:before {
  content: "";
}

.icon-megaphone:before {
  content: "";
}

.icon-minus:before {
  content: "";
}

.icon-paypal:before {
  content: "";
}

.icon-pencil:before {
  content: "";
}

.icon-person:before {
  content: "";
}

.icon-phone:before {
  content: "";
}

.icon-plus:before {
  content: "";
}

.icon-position:before {
  content: "";
}

.icon-printer:before {
  content: "";
}

.icon-prize:before {
  content: "";
}

.icon-ribbon:before {
  content: "";
}

.icon-share:before {
  content: "";
}

.icon-sliders:before {
  content: "";
}

.icon-spinner:before {
  content: "";
}

.icon-star:before {
  content: "";
}

.icon-star-right:before {
  content: "";
}

.icon-star-left:before {
  content: "";
}

.icon-tag:before {
  content: "";
}

.icon-trophy:before {
  content: "";
}

.icon-twitter:before {
  content: "";
}

.icon-utensils:before {
  content: "";
}

.icon-walk:before {
  content: "";
}

.icon-x:before {
  content: "";
}

.icon-youtube:before {
  content: "";
}

.icon-compass:before {
  content: "";
}

.icon-car:before {
  content: "";
}

.icon-calendar:before {
  content: "";
}

.icon-sort:before {
  content: "";
}

.s-stepper-input {
  width: 44px;
  height: 34px;
  padding: 0;
  text-align: center;
  -moz-appearance: textfield;
}

.s-stepper-input::-webkit-outer-spin-button, .s-stepper-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.s-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.s-container:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 576px) {
  .s-container {
    width: 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .s-container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .s-container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .s-container {
    width: 1200px;
  }
}

@media (min-width: 768px) {
  .s-container-sm-height {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 992px) {
  .s-container-md-height {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 1200px) {
  .s-container-lg-height {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* fix firefox responsive images */
.img-responsive,
.s-img-responsive {
  width: 100%;
  border: none;
}

@media (min-width: 768px) {
  .s-pull-right-sm {
    float: right !important;
  }
}

.s-visible-xs,
.s-visible-sm,
.s-visible-md,
.s-visible-lg {
  display: none !important;
}

.s-visible-xs-block,
.s-visible-xs-inline,
.s-visible-xs-inline-block,
.s-visible-sm-block,
.s-visible-sm-inline,
.s-visible-sm-inline-block,
.s-visible-md-block,
.s-visible-md-inline,
.s-visible-md-inline-block,
.s-visible-lg-block,
.s-visible-lg-inline,
.s-visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .s-visible-xs {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .s-visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .s-visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .s-visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .s-visible-sm {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .s-visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .s-visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .s-visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .s-visible-md {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .s-visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .s-visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .s-visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .s-visible-lg {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .s-visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .s-visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .s-visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .s-align-center-xs {
    text-align: center;
  }
}

.s-visible-print {
  display: none !important;
}

@media print {
  .s-visible-print {
    display: block !important;
  }
}

.s-visible-print-block {
  display: none !important;
}

@media print {
  .s-visible-print-block {
    display: block !important;
  }
}

.s-visible-print-inline {
  display: none !important;
}

@media print {
  .s-visible-print-inline {
    display: inline !important;
  }
}

.s-visible-print-inline-block {
  display: none !important;
}

@media print {
  .s-visible-print-inline-block {
    display: inline-block !important;
  }
}

.s-btn {
  border-radius: 4px;
  font-family: "grubhubsans-bold";
  font-size: 15.4px;
  line-height: 1.4;
  padding: 10px 20px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border-width: 2px;
  border-style: solid;
  color: #00AEEF;
  background: transparent;
  border-color: transparent;
  -ms-transition-property: background,border-color;
  -ms-transition-duration: .2s;
  transition-property: background,border-color;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.s-btn-primary {
  color: #fff;
  background: #00AEEF;
  border-color: #00AEEF;
}

.s-btn-secondary {
  color: #fff;
  background: #00AEEF;
  border-color: #00AEEF;
}

a, .s-link, .s-card-attribution-text > :first-child,
.s-card-title > :first-child, .s-link-dark, .s-link-light, .dark-theme a, .s-toaster a, .dark-theme .type-secondary a, .s-toaster .type-secondary a, .s-link-noUnderline {
  color: #00AEEF;
}

.s-btn, .s-btn-small, .s-btn-block, .s-btn-primary, .s-btn-secondary, .s-btn-ghost, .s-btn-round, .s-btn-geolocate, .s-btn-dropdown {
  padding: 10px 20px;
}

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

.s-form-control {
  -ms-transition-property: border-color;
  -ms-transition-duration: .1s;
  transition-property: border-color;
  transition-duration: .1s;
  transition-timing-function: ease;
  font-family: graphik;
  font-size: 14px;
  line-height: 1.4;
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #cacaca;
  border-radius: 4px;
  color: #686868;
  padding: 10px 10px 8px;
  background: #fff;
  box-shadow: none;
}

p, body {
  color: #686868;
  -webkit-font-smoothing: antialiased;
}

a:hover, a:focus, .s-link:hover, .s-card-attribution-text > :hover:first-child,
.s-card-title > :hover:first-child, .s-link-dark:hover, .s-link-light:hover, .dark-theme a:hover, .s-toaster a:hover, .s-link-noUnderline:hover, .s-link:focus, .s-card-attribution-text > :focus:first-child,
.s-card-title > :focus:first-child, .s-link-dark:focus, .s-link-light:focus, .dark-theme a:focus, .s-toaster a:focus, .s-link-noUnderline:focus {
  color: #359AFF;
}

.s-btn-primary:hover, .s-btn-primary:focus {
  background: #359AFF;
  border-color: #359AFF;
  color: #fff;
}

.s-checkbox-input:checked + .s-checkbox-label > .s-checkbox-filler {
  background: #00AEEF;
  border-color: #00AEEF;
}

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

.rb-search-row {
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
}

.rb-search-row > .s-input-addon {
  -moz-flex: 1 1 50%;
  flex: 1 1 50%;
  -moz-align-items: initial;
  -ms-align-items: initial;
  align-items: initial;
  border-right: 1px solid #cacaca;
}

.s-input-addon {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: relative;
}

.addon-left {
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.rb-search-row > .s-input-group-btn {
  -moz-flex: 1 1 150px;
  flex: 1 1 150px;
}

.rb-search-row .s-input-addon:first-of-type input {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.rb-search-row .s-form-control-fancy, .rb-search-row .s-btn-geolocate {
  height: 46px;
}

.addon-left > .s-form-control {
  margin-left: -40px;
  padding-left: 40px;
}

.addon-left-large > .s-form-control {
  margin-left: -60px;
  padding-left: 60px;
}

.s-form-control-fancy {
  height: 60px;
  border-radius: 0;
}

.rb-search-row .s-input-addon-icon {
  color: #686868;
}

.addon-left > .s-input-addon-icon {
  width: 40px;
  text-align: center;
}

.addon-left-large > .s-input-addon-icon {
  width: 60px;
}

.rb-search-row .s-input-addon-icon::before {
  margin-top: 8px;
  display: inline-block;
}

.s-list-inline-breadcrumb > li:after {
  content: "";
  padding: 0;
}

.s-select-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-color: #cacaca;
  color: #686868;
  padding: 8px 25px 8px 10px;
}

.s-select-caret.icon-caret-down {
  -ms-transition-property: color;
  -ms-transition-duration: .1s;
  transition-property: color;
  transition-duration: .1s;
  transition-timing-function: ease;
  color: #00AEEF;
  position: absolute;
  top: 10px;
  right: 10px;
  pointer-events: none;
}

.s-select-control-small {
  -ms-transition-property: background,border-color;
  -ms-transition-duration: .1s;
  transition-property: background,border-color;
  transition-duration: .1s;
  transition-timing-function: ease;
  color: #686868;
  border-color: #efefef;
  height: 30px;
  padding-top: 0;
  padding-bottom: 0;
}

@media (max-width: 767px) {
  .rb-search-row > .s-input-addon, .rb-search-row > .s-input-group-btn, .rb-search-row .s-btn-primary {
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .rb-search-row > .s-input-addon {
    margin-bottom: 10px;
    border-right: 0;
  }
  .rb-search-row {
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .rb-search-row > .s-input-addon, .rb-search-row > .s-input-group-btn, .rb-search-row .s-btn-primary {
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .rb-search-row > .s-input-group-btn > .s-btn, .rb-search-row > .s-input-group-btn > .s-btn-small, .rb-search-row > .s-input-group-btn > .s-btn-block, .rb-search-row > .s-input-group-btn > .s-btn-primary, .rb-search-row > .s-input-group-btn > .s-btn-secondary, .rb-search-row > .s-input-group-btn > .s-btn-ghost, .rb-search-row > .s-input-group-btn > .s-btn-round, .rb-search-row > .s-input-group-btn > .s-btn-geolocate, .rb-search-row > .s-input-group-btn > .s-btn-dropdown {
    margin-left: 0;
    width: 100%;
  }
}

@media (min-width: 768px) {
  body {
    font-size: 14px;
    line-height: 1.4;
  }
  h1, .h1 {
    font-size: 30.8px;
    line-height: 1.2;
  }
  h2, .h2 {
    font-size: 26.81296px;
    line-height: 1.23757;
  }
  h3, .h3 {
    font-size: 23.34204px;
    line-height: 1.27632;
  }
  h4, .h4 {
    font-size: 20.32042px;
    line-height: 1.31628;
  }
  h5, .h5, .s-link-header, .s-link-header {
    font-size: 17.68995px;
    line-height: 1.3575;
  }
  label {
    font-size: 14px;
    line-height: 1.4;
  }
  .lead {
    font-size: 16.08178px;
    line-height: 1.3575;
  }
}

/*------------------------------------------------------
 * Media queries breakpoints
 * Define the breakpoints at which your layout will change,
 * adapting to different screen sizes.
 *-----------------------------------------------------*/
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

@keyframes rotating {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

.content-container {
  padding-top: 90px;
}

.content-container.restaurant-page {
  padding-top: 80px;
}

@media (max-width: 767px) {
  .content-container.restaurant-page {
    padding-top: 65px;
  }
}

@media (max-width: 991px) {
  .content-container {
    padding-top: 95px;
  }
}

@media (max-width: 768px) {
  .content-container {
    padding-top: 77px;
  }
}

.fixed-position {
  position: fixed;
}

.s-header {
  padding: 15px 0px;
  background-color: #0050ad;
  color: #00AEEF;
  right: 0;
  left: 0;
  top: 0;
  margin: 0 auto;
  z-index: 10;
}

@media (max-width: 767px) {
  .s-header {
    padding: 10px 5px 11px;
    position: fixed;
  }
  .s-header .am-header-search {
    width: 100%;
    padding-top: 20px;
  }
}

.s-header .header-logo img {
  width: auto;
  height: auto;
  max-width: 165px;
}

@media (max-width: 767px) {
  .s-header .header-logo img {
    width: auto;
    height: auto;
    max-width: 110px;
  }
}

.s-header .header-search {
  text-align: right;
}

@media (max-width: 767px) {
  .s-header .header-search {
    display: none;
  }
}

.s-header .header-search:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.s-header .header-search .vert-middle {
  vertical-align: middle;
}

.s-header .header-content {
  width: 100%;
  max-width: 1200px;
  padding: 0 35px 0 40px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .s-header .header-content {
    padding-left: 15px;
    padding-right: 0;
  }
}

.s-header .header-content .icon-search {
  margin-right: 15px;
}

.s-header .header-content .icon-search.mobile-search-icon {
  padding-top: 10px;
}

@media (max-width: 767px) {
  .s-header .header-content .icon-search.mobile-search-icon {
    padding-top: 5px;
  }
}

.s-header .am-header-search {
  display: -webkit-inline-box;
  width: 594px;
  height: 46px;
  box-sizing: border-box;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.s-header .am-header-search .s-input-addon {
  border-right-color: #359AFF;
}

.s-header .am-header-search .s-input-addon .s-form-control-am {
  font-size: 14px;
  border: none;
  padding-left: 40px;
  color: #FFF;
  background: transparent;
  box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-apple-appearance: none;
  -moz-apple-appearance: none;
  -ms-apple-appearance: none;
  -o-apple-appearance: none;
  apple-appearance: none;
}

.s-header .am-header-search .s-input-addon .s-form-control-am::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-family: "graphik";
  font-size: 14px;
}

.s-header .am-header-search .s-input-addon .s-form-control-am:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-family: "graphik";
  font-size: 14px;
}

.s-header .am-header-search .s-input-addon .s-form-control-am::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-family: "graphik";
  font-size: 14px;
}

.s-header .am-header-search .s-input-addon .s-form-control-am:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-family: "graphik";
  font-size: 14px;
}

.s-header .am-header-search .s-input-addon .s-input-addon-icon {
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.35);
}

.s-header .am-header-search .s-input-addon .s-input-addon-icon.icon-search {
  width: 42px;
  padding-left: 4px;
  line-height: 30px;
  margin-right: 15px;
}

.s-header .am-header-search .s-input-addon .s-input-addon-icon.icon-location {
  width: 20px;
  margin-right: 25px;
}

.s-header .am-header-search .s-input-addon .s-input-addon-icon.icon-close {
  width: 30px;
}

.s-header .am-header-search .s-input-addon .header-get-location {
  position: absolute;
  left: 10px;
  top: 0;
  height: 40px;
  cursor: pointer;
  z-index: 1;
}

.s-header .am-header-search .s-input-addon .header-get-location.loading {
  -webkit-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
  cursor: progress;
  height: 50px;
}

.s-header .am-header-search .s-input-addon .gm-autocomplete {
  padding-right: 30px;
  text-overflow: ellipsis;
  width: 238px;
  box-sizing: border-box;
}

.s-header .am-header-search .s-input-addon .find-menu-autocomplete {
  padding-left: 0px;
  border-radius: 0px;
  width: 195px;
  text-overflow: ellipsis;
}

.s-header .am-header-search .s-input-addon .twitter-typeahead .tt-menu {
  width: 238px;
  margin-left: -42px;
  background-color: #fff;
  position: absolute !important;
  z-index: 1000;
  border-radius: 2px;
  border-top: 1px solid #d9d9d9;
  font-family: Arial,sans-serif;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  overflow: hidden;
}

.s-header .am-header-search .s-input-addon .twitter-typeahead .tt-menu .tt-suggestion {
  cursor: default;
  padding: 0 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 30px;
  text-align: left;
  border-top: 1px solid #e6e6e6;
  font-size: 14px;
  color: #999;
}

.s-header .am-header-search .s-input-addon .twitter-typeahead .tt-menu .tt-suggestion:hover {
  background-color: #fafafa;
}

.s-header .am-header-search .s-input-addon .twitter-typeahead .tt-menu .tt-suggestion .tt-highlight {
  color: #000;
}

.s-header .am-header-search .google-input-container {
  width: 238px;
  height: 44px;
  display: inline-flex;
  box-sizing: border-box;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.s-header .am-header-search .search-input-width {
  flex: none;
  width: 196px;
}

.s-header .am-header-search .close-icon-header,
.s-header .am-header-search .close-icon-menu {
  width: 30px;
  margin-left: -30px;
  line-height: 30px;
  display: none;
  cursor: pointer;
}

.s-header .am-header-search .close-icon-header,
.s-header .am-header-search .close-icon-menu,
.s-header .am-header-search .search-icon-header {
  flex: none;
  border-right: none;
}

.s-header .am-header-search .search-button-submit {
  display: block;
  box-sizing: border-box;
  width: 118px;
  height: 46px;
  padding-top: 4px;
  margin-top: -1px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border: none;
  font-family: "grubhubsans-bold";
  color: #FFF;
  font-size: 15px;
  text-align: center;
  background-color: #00AEEF;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.s-header .am-header-search .search-button-submit:focus {
  outline: none;
}

.search-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}

.search-modal .overlay {
  background: #686868;
  opacity: 0.8;
  position: fixed;
  width: 100%;
  height: 100%;
}

.search-modal .modal {
  position: relative;
  padding: 30px;
  padding-top: 50px;
  margin: 10px;
  background: #FFF;
}

.search-modal .modal-nav {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.search-modal .modal-nav .modal-dismiss {
  line-height: 26px;
}

@media (max-width: 991px) {
  .open-search-modal {
    height: 100%;
    width: 100%;
    position: fixed;
    overflow-x: hidden;
  }
  .open-search-modal .search-modal {
    display: block;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .open-search-modal .search-modal .addon-left-large {
    border-right: none;
    border-left: none;
  }
  .open-search-modal .search-modal .menu {
    border-left: none;
  }
}

.open-search-modal .twitter-typeahead {
  width: 100%;
  margin-left: -60px;
}

.open-search-modal .twitter-typeahead .tt-input {
  padding-left: 60px;
  float: left;
  background-color: transparent;
}

.open-search-modal .twitter-typeahead .tt-menu {
  width: 100%;
  background-color: #fff;
  position: absolute !important;
  z-index: 1000;
  border-radius: 2px;
  border-top: 1px solid #d9d9d9;
  font-family: Arial,sans-serif;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  overflow: hidden;
}

.open-search-modal .twitter-typeahead .tt-menu .tt-suggestion {
  cursor: default;
  padding: 0 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 30px;
  text-align: left;
  border-top: 1px solid #e6e6e6;
  font-size: 14px;
  color: #999;
}

.open-search-modal .twitter-typeahead .tt-menu .tt-suggestion:hover {
  background-color: #fafafa;
}

.open-search-modal .twitter-typeahead .tt-menu .tt-suggestion .tt-highlight {
  color: #000;
}

.rb-search-row .s-input-bigger {
  -moz-flex: 1 1 63%;
  flex: 1 1 63%;
}

.rb-search-row .s-input-smaller {
  -moz-flex: 1 1 37%;
  flex: 1 1 37%;
}

.rb-search-row .header-get-location {
  position: fixed;
  left: 55px;
}

.rb-search-row .header-get-location.loading {
  -webkit-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
  cursor: progress;
  height: 50px;
}

.breadcrumb-container {
  background: #0050ad;
}

.breadcrumb-container .s-container {
  width: 100%;
  max-width: 1200px;
  margin-top: -10px;
  padding: 0 30px 15px 40px;
}

@media (max-width: 991px) {
  .breadcrumb-container .s-container {
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .breadcrumb-container .s-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.breadcrumb-container .s-list-inline-breadcrumb {
  margin: 0;
  padding: 0;
}

@media (max-width: 991px) {
  .breadcrumb-container .s-list-inline-breadcrumb {
    max-width: 40ch;
  }
}

@media (max-width: 480px) {
  .breadcrumb-container .s-list-inline-breadcrumb {
    max-width: none;
    width: 90%;
    font-size: 12px;
  }
}

.breadcrumb-container .s-list-inline-breadcrumb li {
  color: #cacaca;
  line-height: 16px;
  height: 16px;
  white-space: nowrap;
  display: inline-flex;
  float: left;
}

@media (max-width: 480px) {
  .breadcrumb-container .s-list-inline-breadcrumb li {
    max-width: 33%;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-right: 15px;
    display: block;
  }
  .breadcrumb-container .s-list-inline-breadcrumb li span {
    position: absolute;
    right: -2px;
  }
}

@media (max-width: 991px) {
  .breadcrumb-container .s-list-inline-breadcrumb li:last-child {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
  }
}

@media (max-width: 991px) {
  .breadcrumb-container .s-list-inline-breadcrumb {
    margin-top: -16px;
    padding-bottom: 21px;
  }
}

@media (max-width: 767px) {
  .breadcrumb-container .s-list-inline-breadcrumb {
    margin-left: 5px;
  }
}

.breadcrumb-container.variation {
  background: #ffffff;
  border-bottom: 1px solid #CACACA;
}

.breadcrumb-container.variation .s-container {
  margin-top: 0;
  padding: 15px 30px 15px 40px;
}

@media (max-width: 768px) {
  .breadcrumb-container.variation .s-container {
    padding: 15px;
  }
}

.breadcrumb-container.variation .s-container li {
  color: #686868;
}

@media (max-width: 991px) {
  .breadcrumb-container.variation .s-list-inline-breadcrumb {
    margin-top: 0;
  }
}

html, body {
  height: 100%;
}

@media (max-width: 991px) {
  body.open {
    height: 150px;
    overflow: hidden;
  }
}

.content-container {
  min-height: 95%;
  overflow: auto;
  margin-bottom: 85px;
  margin-top: -90px;
}

@media (max-width: 767px) {
  .content-container {
    min-height: initial;
    margin-top: 0;
  }
}

body:before {
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px;
}

footer.s-footer {
  background-color: #113981;
  box-shadow: inset 0px 0px 10px black;
  padding: 20px 0;
  margin-top: -85px;
  /* negative value of footer height */
  height: 85px;
  clear: both;
}

@media (max-width: 991px) {
  footer.s-footer {
    height: auto;
  }
}

footer.s-footer .footer-content .footer-static-links {
  text-align: center;
  margin: 0 auto;
}

@media (max-width: 767px) {
  footer.s-footer .footer-content .footer-static-links {
    padding: 0 10px 0 25px;
  }
}

footer.s-footer .footer-content .footer-static-links li {
  list-style: none;
  display: inline-block;
  padding: 0 15px;
  font-size: 11px;
}

@media (max-width: 767px) {
  footer.s-footer .footer-content .footer-static-links li {
    display: block;
    text-align: left;
    padding: 15px 0 10px;
    font-size: 16px;
    border-bottom: 1px solid rgba(201, 201, 201, 0.3);
  }
}

footer.s-footer .footer-content section {
  text-align: center;
  padding: 10px 0 0;
  font-size: 11px;
}

@media (max-width: 767px) {
  footer.s-footer .footer-content section {
    padding: 20px 30px;
  }
  footer.s-footer .footer-content section .copyright-text {
    display: block;
    margin-top: 15px;
  }
}

.featured-restaurants-list {
  margin: 0;
  padding: 20px 0 0 0;
  clear: both;
}

img[src*="https://secure.adnxs.com"] {
  visibility: hidden;
  display: none;
}

.s-checkbox-filler:before {
  content: "\e91e";
}

.icon-caret-right:before {
  content: "\e901";
  font-family: grubhub-ico;
  font-style: normal;
}

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