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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
    padding: 0;
}

a, button {
    transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
    /* linear */
}

    a:hover, button:hover {
        transition: all 900ms cubic-bezier(0.23, 1, 0.32, 1);
        /* linear */
    }

ul {
    list-style: none;
    padding: 0;
}

.flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex-direction {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

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

.module-padding {
    padding: 28px 50px 50px;
}

.full-width {
    width: 100%;
}

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

.p-t-sm {
    padding-top: 5px;
}

.p-t-md {
    padding-top: 10px;
}

.p-t-lg {
    padding-top: 15px;
}

.p-t-xl {
    padding-top: 30px;
}

.p-r-sm {
    padding-right: 5px;
}

.p-r-md {
    padding-right: 10px;
}

.p-r-lg {
    padding-right: 15px;
}

.p-r-xl {
    padding-right: 30px;
}

.p-b-sm {
    padding-bottom: 5px;
}

.p-b-md {
    padding-bottom: 10px;
}

.p-b-lg {
    padding-bottom: 15px;
}

.p-b-xl {
    padding-bottom: 30px;
}

.p-b-95 {
    padding-bottom: 95px;
}

.p-l-sm {
    padding-left: 5px;
}

.p-l-md {
    padding-left: 10px;
}

.p-l-lg {
    padding-left: 15px;
}

.m-t-sm {
    margin-top: 5px;
}

.m-t-md {
    margin-top: 10px;
}

.m-t-lg {
    margin-top: 15px;
}

.m-t-xl {
    margin-top: 30px;
}

.m-r-sm {
    margin-right: 5px;
}

.m-r-md {
    margin-right: 10px;
}

.m-r-lg {
    margin-right: 15px;
}

.m-b-sm {
    margin-bottom: 5px;
}

.m-b-md {
    margin-bottom: 10px;
}

.m-b-lg {
    margin-bottom: 15px;
}

.m-b-xl {
    margin-bottom: 30px;
}

.m-l-sm {
    margin-left: 5px;
}

.m-l-md {
    margin-left: 10px;
}

.m-l-lg {
    margin-left: 15px;
}

.no-margin {
    margin: 0;
}

.page-list ul li {
    margin-bottom: 5px;
}

    .page-list ul li:first-child {
        color: #ecc35d;
        font-family: "Helvetica Black";
        font-size: 18px;
        text-transform: uppercase;
    }

    .page-list ul li a {
        color: #fff;
        font-size: 18px;
    }

.accordion-wrapper, .refine-accordion-wrapper {
    text-align: left;
}

.accordion-btn, .refine-accordion-btn {
    font-family: "Helvetica Neue";
    display: block;
    position: relative;
    margin-bottom: -1px;
    border-radius: 0;
    color: #555555;
    border: 1px solid #bfbfbf;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}

    .accordion-btn:before, .refine-accordion-btn:before {
        position: absolute;
        top: 50%;
        right: 15px;
        font-size: 18px;
        z-index: 2;
        margin-top: -13px;
        font-family: FontAwesome;
        content: "\f078";
        color: #555555;
    }

.accordion-content, .refine-accordion-content {
    font-size: 18px;
    padding: 25px 150px 25px 15px;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
}

    .accordion-content h2, .refine-accordion-content h2 {
        font-size: 20px;
        font-weight: 600;
    }

    .accordion-content p, .refine-accordion-content p {
        font-size: 18px;
    }

.accordion-active, .refine-accordion-active {
    border-bottom: transparent;
}

    .accordion-active:before, .refine-accordion-active:before {
        font-family: FontAwesome;
        content: "\f077";
    }

.mobile-refinement {
    display: block;
}

.refine-accordion-wrapper {
    border-top: 0px;
}

.refine-accordion-btn {
    font-size: 14px;
    padding-right: 40px;
    border-top: 0px;
    border-left: 0;
    border-right: 0;
    padding-top: 0;
}

.refine-accordion-content {
    font-size: 14px;
    padding: 25px 15px 25px 15px;
    border-top: 0px;
    border-left: 0;
    border-right: 0;
    padding: 0 15px 10px;
}

@media (min-width: 768px) {
    .show-desktop {
        display: block;
    }

    .hide-desktop {
        display: none;
    }
}

@media (max-width: 768px) {
    .desktop-refinement {
        display: none;
    }

    .show-mobile {
        display: block;
    }

    .hide-mobile {
        display: none;
    }

    .mobile-refinement {
        display: block;
    }

    .refine-accordion-wrapper {
        border-top: 0px;
    }

    .refine-accordion-btn {
        font-size: 14px;
        padding-right: 40px;
        border-top: 0px;
        border-left: 0;
        border-right: 0;
        padding-top: 0;
    }

    .refine-accordion-content {
        font-size: 14px;
        padding: 25px 15px 25px 15px;
        border-top: 0px;
        border-left: 0;
        border-right: 0;
        padding: 0 15px 10px;
    }
}
/*==================================================================
    TYPOGRAPHY 
===================================================================*/
@font-face {
    font-family: "Proxima-Nova-Regular";
    src: url("/assets/PublicSite/fonts/proximanova-regular-webfont.eot");
    src: url("/assets/PublicSite/fonts/proximanova-regular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("/assets/PublicSite/fonts/proximanova-regular-webfont.woff") format("woff"), url("/assets/PublicSite/fonts/proximanova-regular-webfont.ttf") format("truetype"), url("/assets/PublicSite/fonts/proximanova-regular-webfont.svg#Proxima-Nova-Regular") format("svg");
}

@font-face {
    font-family: "Proxima-Nova-Bold";
    src: url("/assets/PublicSite/fonts/proximanova-bold-webfont.eot");
    src: url("/assets/PublicSite/fonts/proximanova-bold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("/assets/PublicSite/fonts/proximanova-bold-webfont.woff") format("woff"), url("/assets/PublicSite/fonts/proximanova-bold-webfont.ttf") format("truetype"), url("/assets/PublicSite/fonts/proximanova-bold-webfont.svg#Proxima-Nova-Bold") format("svg");
}

@font-face {
    font-family: 'Helvetica Black';
    src: url("/assets/PublicSite/fonts/HelveticaBlack.eot");
    src: url("/assets/PublicSite/fonts/HelveticaBlack.eot") format("embedded-opentype"), url("/assets/PublicSite/fonts/HelveticaBlack.woff2") format("woff2"), url("/assets/PublicSite/fonts/HelveticaBlack.woff") format("woff"), url("/assets/PublicSite/fonts/HelveticaBlack.ttf") format("truetype"), url("/assets/PublicSite/fonts/HelveticaBlack.svg#HelveticaBlack") format("svg");
}


@font-face {
    font-family: "Tisa Pro Regular";
    src: url("/assets/PublicSite/fonts/TisaWebW03Regular1475151.eot");
    src: url("/assets/PublicSite/fonts/TisaWebW03Regular1475151.eot?#iefix") format("embedded-opentype"), url("/assets/PublicSite/fonts/TisaWebW03Regular1475151.woff") format("woff"), url("/assets/PublicSite/fonts/TisaWebW03Regular1475151.woff2") format("woff2"), url("/assets/PublicSite/fonts/TisaWebW03Regular1475151.ttf") format("truetype");
}

@font-face {
    font-family: "Tisa Pro Regular Italic";
    src: url("/assets/PublicSite/fonts/TisaWebW03Italic.eot");
    src: url("/assets/PublicSite/fonts/TisaWebW03Italic.eot?#iefix") format("embedded-opentype"), url("/assets/PublicSite/fonts/TisaWebW03Italic.woff") format("woff"), url("/assets/PublicSite/fonts/TisaWebW03Italic.woff2") format("woff2"), url("/assets/PublicSite/fonts/TisaWebW03Italic.ttf") format("truetype");
}


@font-face {
    font-family: 'Helvetica Bold';
    src: url("/assets/PublicSite/fonts/HelveticaBlack.eot");
    src: url("/assets/PublicSite/fonts/HelveticaBlack.eot") format("embedded-opentype"), url("/assets/PublicSite/fonts/HelveticaBlack.woff2") format("woff2"), url("/assets/PublicSite/fonts/HelveticaBlack.woff") format("woff"), url("/assets/PublicSite/fonts/HelveticaBlack.ttf") format("truetype"), url("/assets/PublicSite/fonts/HelveticaBlack.svg#HelveticaBlack") format("svg");
}

@font-face {
    font-family: 'Helvetica Light';
    src: url("/assets/PublicSite/fonts/HelveticaLTW05-Light.eot");
    src: url("/assets/PublicSite/fonts/HelveticaLTW05-Light.eot") format("embedded-opentype"), url("/assets/PublicSite/fonts/HelveticaLTW05-Light.woff2") format("woff2"), url("/assets/PublicSite/fonts/HelveticaLTW05-Light.woff") format("woff"), url("/assets/PublicSite/fonts/HelveticaLTW05-Light.ttf") format("truetype"), url("/assets/PublicSite/fonts/HelveticaLTW05-Light.svg#HelveticaLTW05-Light") format("svg");
}

.type--smaallcaps {
    font-size: calc(18px * .75);
    font-weight: 800;
    text-transform: uppercase;
    color: inherit;
    letter-spacing: calc(18px/18);
}

.semibold {
    font-weight: 600;
}

.bold {
    font-weight: 700;
}

.text-size-small {
    font-size: 12px;
}

.text-muted {
    color: #bfbfbf;
}

/*==================================================================

FIVE GUYS | MASTER SCSS v.1.17
CREATED BY: Nicholas Holloway

===================================================================*/
/*==================================================================
    HTML & BODY 
===================================================================*/
html {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: "Proxima-Nova-Regular";
    /*margin-top: 70px;*/
}

/*==================================================================
    NAVIGATION 
===================================================================*/
.bg-primary {
    background: #cf1e27;
}

.bg-primary-dark {
    background: #a91920;
}

.bg-lightgrey {
    background: #eeeeee;
}

.bg-white {
    background: #fff;
}

/*==================================================================
    CONTENT AREAS 
===================================================================*/
.page-wrapper {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    text-align: center;
    padding-top: 115px;
}

.page-heading-title h2, .page-heading-title-alt h2 {
    margin-bottom: 3%;
    font-family: "Helvetica Black";
    font-size: 45px;
    text-transform: uppercase;
}

.page-heading-title h3, .page-heading-title-alt h3 {
    margin-bottom: 4%;
    font-family: "Helvetica Neue";
    font-size: 24px;
    text-transform: uppercase;
}

.page-heading-quote-alt {
    color: #fff;
    font-size: 28px;
    padding-bottom: 158px;
}

    .page-heading-quote-alt p {
        margin: 0;
    }

    .page-heading-quote-alt .quote-testimonial {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
    }

.page-heading-title-alt h2 {
    color: #fff;
}

.contact-welcome {
    font-size: 18px;
    margin: 8% 30% 4%;
}

.contact-career {
    font-size: 18px;
    text-align: center;
    margin: 4% 22%;
}

    .contact-career a {
        color: #000;
        text-decoration: underline;
    }

.contact-phone {
    font-size: 18px;
    margin-bottom: 30px;
}

    .contact-phone .number {
        font-weight: 700;
    }

.contact-address {
    font-size: 14px;
    margin-bottom: 30px;
}

.contact-sub-head {
    font-size: 18px;
    text-align: left;
}

    .contact-sub-head h2 {
        font-size: 20px;
        font-weight: 600;
        text-transform: uppercase;
        margin-top: 5px;
        padding-top: 30px;
    }

    .contact-sub-head p {
        font-size: 18px;
        padding: 0px 150px 0px 0px;
    }

.standard-list {
    margin-bottom: 70px;
}

    .standard-list ul {
        text-align: left;
    }

        .standard-list ul li {
            font-size: 19px;
            padding: 15px 0;
        }

.content-left {
    float: left;
}

.content-right {
    float: right;
}

.content-wrapper {
    text-align: center;
}

    .content-wrapper p {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 8% 20%;
        font-size: 19px;
    }

    .content-wrapper h3 {
        font-family: "Helvetica Black";
        font-size: 18px;
        text-transform: uppercase;
    }

    .content-wrapper h4 {
        font-weight: 600;
        font-size: 14px;
    }

    .content-wrapper .apply {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 4% 0 8%;
    }

.career-crew {
    padding-bottom: 100px;
}

    .career-crew ul {
        margin: 0 5%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .career-crew ul li {
            padding-right: 5px;
        }

            .career-crew ul li:last-child {
                padding-right: 0px;
            }

            .career-crew ul li img {
                max-width: 100%;
                width: 100%;
            }

    .career-crew .promo-tagline {
        text-align: center;
        position: absolute;
        left: 18%;
        right: 18%;
        bottom: 35%;
    }

    .career-crew h3 {
        color: #fff;
        font-size: 18px;
        font-family: "Helvetica Black";
        text-transform: uppercase;
        margin-bottom: 15px;
    }

.press-contact {
    font-size: 19px;
    margin-bottom: 12%;
}

    .press-contact a {
        color: #333333;
        text-decoration: underline;
    }

.press-coverage ul {
    margin: 0 22%;
}

    .press-coverage ul li {
        padding-bottom: 70px;
    }

        .press-coverage ul li h3 {
            font-size: 18px;
            font-family: "Helvetica Black";
            text-transform: uppercase;
        }

        .press-coverage ul li a {
            color: #000;
            text-decoration: none;
        }

        .press-coverage ul li span {
            font-size: 12px;
            text-transform: uppercase;
        }

.corp-fact-sheet {
    padding: 15px;
    color: #333333;
    font-size: 12px;
    text-decoration: underline;
}

.reference-link {
    padding-right: 15px;
    font-size: 12px;
}

    .reference-link a {
        color: #333333;
        padding: 15px 5px;
        text-decoration: underline;
    }

    .reference-link span {
        font-size: 12px;
    }

.fanatics-bg img {
    height: 620px;
    background-size: cover;
    background-position: bottom;
    width: 100%;
}

.fanatics-bg .content {
    color: #fff;
    text-align: center;
    position: absolute;
    left: 30%;
    right: 30%;
    top: 8%;
    bottom: 25%;
}

    .fanatics-bg .content p {
        font-size: 18px;
        margin: 0 12%;
    }

    .fanatics-bg .content .scroll {
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        padding-top: 90px;
    }

.fanatic-icon-promo {
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .fanatic-icon-promo p {
        font-size: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

.promo-padding {
    padding-top: 70px;
}

.fanatic-grid-wrapper {
    margin: 0 20%;
}

    .fanatic-grid-wrapper .flex-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .fanatic-grid-wrapper .col-md-4 {
        padding: 0px;
    }

li.noBullet:first-of-type::before {
    display: none;
}

.socialCubeEdits {
    padding: 26px !important;
    text-align: center;
    vertical-align: middle;
    background-color: #e6918c;
}

.fanatic-tagline {
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}

    .fanatic-tagline h3 {
        font-family: "Helvetica Neue";
        font-size: 17px;
        text-transform: uppercase;
        font-weight: 700;
    }

    .fanatic-tagline p {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 20px;
        margin: 0 5%;
    }

.hero-bg img, .menu-bg img {
    background-size: cover;
    background-position: bottom;
    width: 100%;
}

.hero-bg .content, .menu-bg .content {
    color: #fff;
    text-align: center;
    position: absolute;
    left: 30%;
    right: 30%;
    top: 30%;
    bottom: 25%;
}

    .hero-bg .content p, .menu-bg .content p {
        font-size: 18px;
        margin: 0 12%;
    }

    .hero-bg .content .scroll, .menu-bg .content .scroll {
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        padding-top: 90px;
    }

.story-wrapper {
    margin: 0 10%;
}

    .story-wrapper .story-content {
        padding: 120px 0px;
    }

        .story-wrapper .story-content p {
            margin: 0 28%;
            font-size: 18px;
            text-align: center;
            padding-bottom: 30px;
        }

        .story-wrapper .story-content .timeline-left {
            -webkit-flex: 2.5;
            -ms-flex: 2.5;
            flex: 2.5;
        }

            .story-wrapper .story-content .timeline-left p {
                margin: 2% 25% 4% 15%;
                font-size: 18px;
                text-align: left;
            }

            .story-wrapper .story-content .timeline-left h2 {
                font-family: "Helvetica Neue";
                font-size: 21px;
                text-transform: uppercase;
            }

            .story-wrapper .story-content .timeline-left .facts {
                margin: 0 30% 0 15%;
            }

        .story-wrapper .story-content .timeline-right {
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

            .story-wrapper .story-content .timeline-right p {
                font-size: 18px;
                margin: 0;
                text-align: left;
            }

            .story-wrapper .story-content .timeline-right h3 {
                font-family: "Helvetica Neue";
                font-weight: 600;
                font-size: 21px;
                text-transform: uppercase;
                text-align: center;
            }

.timeline {
    height: 100%;
    margin: 16px auto;
    margin: 1rem auto;
    border-radius: 1rem;
    padding: 32px 24px;
    padding: 2rem 1.5rem;
}

    .timeline .tml-line {
        border-left: 2px dashed #cf1e27;
    }

        .timeline .tml-line:last-child {
            border-left: 2px solid transparent !important;
        }

    .timeline .tml-content {
        -webkit-transform: translate(0, -2rem);
        -ms-transform: translate(0, -2rem);
        transform: translate(0, -2rem);
        padding: 24px;
        padding: 1.5rem;
    }

        .timeline .tml-content:before {
            content: "";
            width: 8px;
            width: 0.5rem;
            height: 8px;
            height: 0.5rem;
            background: #fff;
            border-radius: 0.5rem;
            border: 6px solid #cf1e27;
            position: absolute;
            left: 13px;
            -webkit-transform: translate(-2rem, 0.5rem);
            -ms-transform: translate(-2rem, 0.5rem);
            transform: translate(-2rem, 0.5rem);
        }

        .timeline .tml-content h2 {
            font-size: 18px;
            font-weight: 700;
            font-family: "Helvetica Neue";
            margin: 0;
        }

        .timeline .tml-content p {
            font-size: 18px;
            margin: 0;
        }

.changeCursor {
    cursor: pointer;
}

.menu-list h4 {
    font-size: 14px;
    font-weight: 600;
}

.menu-list ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-bottom: 2px;
}

    .menu-list ul li {
        padding: 0 5px;
    }

        .menu-list ul li:before {
            font-size: 6px;
            padding-right: 10px;
            font-family: 'FontAwesome';
            content: "\f111";
            position: relative;
            bottom: 2px;
        }

        .menu-list ul li:after {
            list-style: disc;
        }

.menu-list h4 img {
    position: relative;
    bottom: 18px;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.fries
.o-wrapper {
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

/* -----------------------------------------------------------------------------

  CONTAINER OBJECTS
  
----------------------------------------------------------------------------- */
.o-container {
    margin: 0 auto;
    padding: 0 12px;
    max-width: 960px;
}

@media all and (min-width: 480px) {
    .o-container {
        padding: 0 24px;
    }
}

@media all and (min-width: 720px) {
    .o-container {
        padding: 0 48px;
    }
}
/* -----------------------------------------------------------------------------

  HEADER OBJECT
  
----------------------------------------------------------------------------- */
.o-header {
    margin: 0;
    padding: 0;
}

.o-header-nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #67b5d1;
}

.o-header-nav__link {
    padding: 12px;
    color: #fff;
}

    .o-header-nav__link:hover {
        color: #fff;
        background-color: #3184a1;
    }

.o-header__title {
    margin: 24px;
    padding: 0;
    color: #818181;
    font-size: 28px;
    font-weight: 300;
    text-align: center;
}

@media all and (min-width: 480px) {
    .o-header__title {
        margin: 36px;
        font-size: 42px;
    }
}

/* -----------------------------------------------------------------------------

  SUB-NAVIGATION OBJECT
  
----------------------------------------------------------------------------- */
.o-sub-nav {
    margin: 0 0 24px 0;
    padding: 0;
}

.o-sub-nav__items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.o-sub-nav__item {
    margin: 0;
    padding: 4px;
}

.o-sub-nav__link {
    display: block;
    margin: 0;
    padding: 4px 24px;
    border: solid 2px #67b5d1;
}

    .o-sub-nav__link:hover,
    .o-sub-nav__item.active .o-sub-nav__link {
        color: #fff;
        background-color: #67b5d1;
    }

@media all and (min-width: 720px) {
    .o-sub-nav {
        margin: 0 0 48px 0;
    }
}
/* -----------------------------------------------------------------------------

  FOOTER OBJECT
  
----------------------------------------------------------------------------- */
.o-footer {
    padding: 12px 0;
    text-align: center;
}

@media all and (min-width: 480px) {
    .o-footer {
        padding: 24px 0;
    }
}

@media all and (min-width: 720px) {
    .o-footer {
        padding: 48px 0;
    }
}
/* -----------------------------------------------------------------------------

  SLIDE AND PUSH MENUS COMPONENT
  
----------------------------------------------------------------------------- */
/**
 * Menu overview.
 */
.c-menu {
    position: fixed;
    z-index: 200;
    background-color: #fff;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.c-menu__items {
    list-style: none;
    margin: 0;
    padding: 0;
}

/**
 * Left and right menus
 *
 * Slide and push menus coming in from the left and right inherit a lot of
 * common styles. We'll start each of them off by doing up the common styles
 * for each version, followed by individual styles.
 *
 * The various versions are governed by modifier classes.
 */
/**
 * Common modifiers for left/right menus.
 */
.c-menu--slide-left,
.c-menu--slide-right,
.c-menu--push-left,
.c-menu--push-right {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

@media all and (min-width: 320px) {
    .c-menu--slide-left,
    .c-menu--slide-right,
    .c-menu--push-left,
    .c-menu--push-right {
        width: 300px;
    }
}

.c-menu--slide-left .c-menu__item,
.c-menu--slide-right .c-menu__item,
.c-menu--push-left .c-menu__item,
.c-menu--push-right .c-menu__item {
    display: block;
    text-align: center;
    border-top: solid 1px #b5dbe9;
    border-bottom: solid 1px #3184a1;
}

    .c-menu--slide-left .c-menu__item:first-child,
    .c-menu--slide-right .c-menu__item:first-child,
    .c-menu--push-left .c-menu__item:first-child,
    .c-menu--push-right .c-menu__item:first-child {
        border-top: none;
    }

    .c-menu--slide-left .c-menu__item:last-child,
    .c-menu--slide-right .c-menu__item:last-child,
    .c-menu--push-left .c-menu__item:last-child,
    .c-menu--push-right .c-menu__item:last-child {
        border-bottom: none;
    }

.c-menu--slide-left .c-menu__link,
.c-menu--slide-right .c-menu__link,
.c-menu--push-left .c-menu__link,
.c-menu--push-right .c-menu__link {
    display: block;
    padding: 12px 24px;
    color: #000;
}

.c-menu--slide-left .c-menu__close,
.c-menu--slide-right .c-menu__close,
.c-menu--push-left .c-menu__close,
.c-menu--push-right .c-menu__close {
    display: block;
    padding: 12px 24px;
    width: 100%;
}

/**
 * Slide/Push Menu Left.
 */
.c-menu--slide-left,
.c-menu--push-left {
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

@media all and (min-width: 320px) {
    .c-menu--slide-left,
    .c-menu--push-left {
        -webkit-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        transform: translateX(-300px);
    }
}

.c-menu--slide-left.is-active,
.c-menu--push-left.is-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

/**
 * Slide/Push Menu Right.
 */
.c-menu--slide-right,
.c-menu--push-right {
    top: 0;
    right: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

@media all and (min-width: 320px) {
    .c-menu--slide-right,
    .c-menu--push-right {
        -webkit-transform: translateX(300px);
        -ms-transform: translateX(300px);
        transform: translateX(300px);
    }
}

.c-menu--slide-right.is-active,
.c-menu--push-right.is-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

/**
 * Top and bottom menus
 *
 * Slide and push menus coming in from the top and bottom inherit a lot of
 * common styles. We'll start each of them off by doing up the common styles
 * for each version, followed by individual styles.
 *
 * The various versions are governed by modifier classes.

/**
 * Common modifiers for top/bottom menus
 */
.c-menu--slide-top,
.c-menu--slide-bottom,
.c-menu--push-top,
.c-menu--push-bottom {
    vertical-align: middle;
    width: 100%;
    text-align: center;
    overflow-x: scroll;
}

    .c-menu--slide-top .c-menu__items,
    .c-menu--slide-bottom .c-menu__items,
    .c-menu--push-top .c-menu__items,
    .c-menu--push-bottom .c-menu__items {
        display: inline-block;
        text-align: center;
    }

    .c-menu--slide-top .c-menu__item,
    .c-menu--slide-bottom .c-menu__item,
    .c-menu--push-top .c-menu__item,
    .c-menu--push-bottom .c-menu__item {
        display: inline-block;
        line-height: 60px;
    }

    .c-menu--slide-top .c-menu__link,
    .c-menu--slide-bottom .c-menu__link,
    .c-menu--push-top .c-menu__link,
    .c-menu--push-bottom .c-menu__link {
        display: block;
        padding: 0 4px;
        color: #000;
    }

    .c-menu--slide-top .c-menu__close,
    .c-menu--slide-bottom .c-menu__close,
    .c-menu--push-top .c-menu__close,
    .c-menu--push-bottom .c-menu__close {
        display: inline-block;
        margin-right: 12px;
        padding: 0 24px;
        height: 60px;
        line-height: 60px;
    }

/**
 * Slide/Push Menu Top.
 */
.c-menu--slide-top,
.c-menu--push-top {
    top: 0;
    left: 0;
    -webkit-transform: translateY(-600px);
    -ms-transform: translateY(-600px);
    transform: translateY(-600px);
}

    .c-menu--slide-top.is-active,
    .c-menu--push-top.is-active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

/**
 * Slide/Push Menu Bottom.
 */
.c-menu--slide-bottom,
.c-menu--push-bottom {
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
}

    .c-menu--slide-bottom.is-active,
    .c-menu--push-bottom.is-active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

/**
 * Wrapper states.
 *
 * Various wrapper states occur depending on if a menu is pushing into view, in
 * which case, the wrapper has to be pushed by the respective distance.
 */
.o-wrapper.has-push-left {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

@media all and (min-width: 320px) {
    .o-wrapper.has-push-left {
        -webkit-transform: translateX(300px);
        -ms-transform: translateX(300px);
        transform: translateX(300px);
    }
}

.o-wrapper.has-push-right {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

@media all and (min-width: 320px) {
    .o-wrapper.has-push-right {
        -webkit-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        transform: translateX(-300px);
    }
}

.o-wrapper.has-push-top {
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
}

.o-wrapper.has-push-bottom {
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
}

/**
 * Body states.
 *
 * When a menu is active, we want to hide the overflows on the body to prevent
 * awkward document scrolling.
 */
body.has-active-menu {
    overflow: hidden;
}

/**
 * Close button resets.
 */
.c-menu__close {
    color: #fff;
    background-color: transparent;
    font-size: 14px;
    border: none;
    box-shadow: none;
    border-radius: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

    .c-menu__close:focus {
        outline: none;
    }

/* -----------------------------------------------------------------------------

  MASK COMPONENT
  
----------------------------------------------------------------------------- */
.c-mask {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 0;
    height: 0;
    background-color: #000;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
}

    .c-mask.is-active {
        width: 100%;
        height: 100%;
        opacity: 0.7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        transition: opacity 0.3s;
    }

/* -----------------------------------------------------------------------------

  BUTTONS
  
----------------------------------------------------------------------------- */
.c-buttons {
    margin-bottom: 48px;
    text-align: center;
}

.c-button {
    display: inline-block;
    margin: 4px;
    padding: 12px 24px;
    color: #67b5d1;
    background: none;
    font-size: 14px;
    border: solid 2px #67b5d1;
    box-shadow: none;
    border-radius: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

    .c-button:focus {
        outline: none;
    }

    .c-button:disabled {
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        cursor: not-allowed;
    }

/* -----------------------------------------------------------------------------

  CARBON AD COMPONENT
  
----------------------------------------------------------------------------- */
#carbonads {
    position: fixed;
    bottom: 12px;
    right: 12px;
    z-index: 1000;
    padding: 24px 12px 12px 12px;
    width: 154px;
    background-color: #fff;
    line-height: 1.1;
    border: solid 1px #e7e7e7;
}

.carbon-wrap {
    display: block;
    margin: 0 0 4px 0;
}

.carbon-img {
    display: block;
    margin: 0 0 4px 0;
    padding: 0;
    width: 130px;
    height: 100px;
}

.carbon-text {
    color: #818181;
    font-size: 12px;
}

.carbon-poweredby {
    font-size: 10px;
    font-style: italic;
}

.carbonad__close {
    display: block;
    position: absolute;
    top: 0;
    left: 12px;
    height: 24px;
    font-size: 11px;
    line-height: 24px;
}

@media all and (max-width: 660px) {
    #carbonads {
        display: none;
    }
}
/*==================================================================
    MEDIA QUERIES 
===================================================================*/
@media (max-width: 768px) and (max-width: 1024px) {
    .hero-bg img {
        height: 600px;
        object-fit: cover;
    }

    .hero-bg .content {
        left: 2%;
        right: 2%;
        top: 0%;
        bottom: 25%;
    }

        .hero-bg .content .scroll {
            padding-top: 30px;
        }

    .fanatics-bg img {
        height: 600px;
        object-fit: cover;
    }

    .fanatics-bg .content {
        left: 2%;
        right: 2%;
        top: 0%;
        bottom: 25%;
    }

    .contact-welcome {
        margin: 15% 0;
    }

    .contact-career {
        font-size: 18px;
        text-align: center;
        margin: 16% 0%;
    }

    .page-wrapper {
        padding: 80px 30px;
    }

    .contact-sub-head p {
        padding-right: 20px;
    }

    .locations-near-margin {
        margin: 0;
    }

    .location-results, .location-results-none {
        height: auto;
    }

    .result h2 {
        font-size: 20px;
    }

    .map-wrapper {
        padding: 45px 0px;
        height: auto;
    }

    .location-results .store-locations ul {
        width: 100%;
    }

        .location-results .store-locations ul li {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

    .location-results .food ul li {
        padding: 0px 0px 20px;
        display: inline-block;
    }

        .location-results .food ul li .icon {
            padding: 5px 0px 0px 20px;
        }

        .location-results .food ul li img {
            width: auto;
        }

    .location-refinement {
        border-bottom: 0;
        padding: 0;
    }

    .content-left {
        float: inherit;
    }

    .career-crew ul {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .career-crew ul li {
            padding-right: 0;
            padding-bottom: 5px;
        }

            .career-crew ul li:last-child {
                padding-bottom: 0px;
            }

    .content-wrapper p {
        margin: 8% 15%;
    }

    .fanatic-promo {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .fanatic-grid-wrapper {
        margin: 0 8%;
    }

    .story-wrapper {
        margin: 0;
    }

        .story-wrapper .story-content {
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .story-wrapper .story-content p {
                margin: 0 10%;
            }

            .story-wrapper .story-content .timeline-left p {
                margin: 2% 8% 4% 8%;
            }

            .story-wrapper .story-content .timeline-left .facts {
                margin: 0 4% 0 8%;
            }

            .story-wrapper .story-content .timeline-right {
                margin: 0 0 0 8%;
            }

    .menu-list ul {
        display: block;
        margin-left: 12%;
        text-align: left;
    }

    .flex-direction {
        display: inherit;
    }

    .menu-bg img {
        height: 600px;
        object-fit: cover;
    }

    .menu-bg .content {
        left: 2%;
        right: 2%;
        top: 0%;
    }
}

@media (max-width: 768px) and (orientation: portrait) {
    .hero-bg .content {
        top: 10% !important;
        left: 10% !important;
        right: 10% !important;
    }
}

@media (max-width: 768px) {
    .map-wrapper {
        min-height: 250px;
    }
}

@media (max-width: 480px) {
    .hero-bg .content {
        top: 0%;
    }
}

@media (max-width: 1024px) {
    .content-right {
        float: none;
    }
}
/*==================================================================
    COMPONENTS
===================================================================*/
/*==================================================================
    NAVIGATION 
===================================================================*/
.navbar {
    /*height: 70px;*/
    background: #fff;
}

.expnavbar {
    height: 70px;
    background: #fff;
    position: relative;
    top: -15px;
    margin-bottom: -15px;
}

.expnavbarDrop {
    position: absolute;
    top: 156px;
}

.navbar-list {
    border-bottom: 1px solid #bfbfbf;
    border-radius: 0;
}

    .navbar-list ul li a {
        font-family: "Helvetica";
        font-size: 14px;
        font-weight: 600;
        padding: .9em;
        color: #000;
        text-transform: uppercase;
    }

    .navbar-list ul li:hover {
        transition: all 900ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
    }

.navbar-default .navbar-nav li a {
    color: #000;
}

    .navbar-default .navbar-nav li a:hover {
        color: #cf1e27;
    }

/*.drop-menu {
    margin: 40px 5%;
    margin-bottom: 0;
}*/

    .drop-menu ul li {
        text-align: left;
        padding-bottom: 30px;
        break-inside: avoid;
    }

        .drop-menu ul li a {
            font-family: "Helvetica Black";
            color: #000;
            font-size: 31px;
            font-weight: 700;
            text-transform: uppercase;
            text-decoration: none;
        }

.newul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0;
    margin: 0;
}

.drop-menu .menu-children ul li {
    padding-bottom: 5px;
}

    .drop-menu .menu-children ul li a {
        font-family: "Tisa Pro Regular";
        color: #000;
        font-size: 1em;
        font-weight: 400;
        text-transform: none;
    }

.secondary-menu-items .items-left {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #555555;
    font-size: 18px;
}

    .secondary-menu-items .items-left .active-lang {
        color: #000;
        font-size: 18px;
    }

.secondary-menu-items .items-right {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #555555;
    font-size: 18px;
    text-align: left;
}

.social {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 272px;
}

.location-icon {
    padding: 4px 15px 8px 15px;
    font-size: 28px;
}

.mobile-order {
    padding: 15px 0px;
}

    .mobile-order a {
        font-family: "Helvetica Black";
        padding: 16px;
        color: #fff;
        background: #000;
        text-decoration: none;
        text-transform: uppercase;
    }

.logo {
    width: 172px;
    margin-top: 5px;
}

.logo-white {
    background-image: url("/assets/PublicSite/images/logo-white.png");
    background-repeat: no-repeat;
    display: block;
    width: 172px;
    height: 41px;
    margin-top: 32px;
}

.c-hamburger {
    position: relative;
    overflow: hidden;
    width: 60px;
    height: 58px;
    font-size: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
}

    .c-hamburger:focus {
        outline: none;
    }

    .c-hamburger span {
        display: block;
        position: absolute;
        top: 30px;
        left: 18px;
        right: 18px;
        height: 3px;
        background: #000;
    }

        .c-hamburger span:before,
        .c-hamburger span:after {
            position: absolute;
            display: block;
            left: 0;
            width: 100%;
            height: 3px;
            background-color: #fff;
            content: "";
        }

        .c-hamburger span:before {
            top: -8px;
        }

        .c-hamburger span:after {
            bottom: -8px;
        }

.c-hamburger--htx {
    background-color: transparent;
}

    .c-hamburger--htx span {
        transition: background 0s 0.3s;
    }

        .c-hamburger--htx span:before,
        .c-hamburger--htx span:after {
            transition-duration: 0.3s, 0.3s;
            transition-delay: 0.3s, 0s;
            background: #000;
        }

        .c-hamburger--htx span:before {
            transition-property: top, -webkit-transform;
            transition-property: top, transform;
            transition-property: top, transform, -webkit-transform;
        }

        .c-hamburger--htx span:after {
            transition-property: bottom, -webkit-transform;
            transition-property: bottom, transform;
            transition-property: bottom, transform, -webkit-transform;
        }

    /* active state, i.e. menu open */
    .c-hamburger--htx.is-active:not(.is-hover) {
        background-color: transparent;
    }

        .c-hamburger--htx.is-active:not(.is-hover) span {
            background: none;
        }

    .c-hamburger--htx.is-active span:before {
        top: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .c-hamburger--htx.is-active span:after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .c-hamburger--htx.is-active span:before,
    .c-hamburger--htx.is-active span:after {
        transition-delay: 0s, 0.3s;
    }

@media (max-width: 768px) and (max-width: 1024px) {
    /*.drop-menu {
        margin-left: 50px;
        margin-top: 0px;
    }*/

        .drop-menu ul li {
            text-align: left;
            padding-bottom: 5px;
        }

            .drop-menu ul li a {
                font-family: "Helvetica Black";
                color: #000;
                font-size: 24px;
                font-weight: 700;
                text-transform: uppercase;
                text-decoration: none;
            }

        .drop-menu .menu-children ul li {
            padding-bottom: 0;
        }

            .drop-menu .menu-children ul li a {
                font-family: "Tisa Pro Regular";
                color: #000;
                font-size: 1em;
                font-weight: 400;
                text-transform: none;
            }

    .logo {
        width: 120px;
        padding-left: 0;
        margin-top: 0;
    }

        .logo img {
            width: 120px;
        }

    .c-hamburger span {
        display: block;
        position: absolute;
        top: 25px;
        left: 18px;
        right: 18px;
        height: 3px;
        background: #000;
    }

    .navbar {
        height: 50px;
    }

    .hide-mobile-nav {
        display: block;
    }

    .social {
        display: none;
    }

    .secondary-menu-items .items-left {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        text-align: left;
        color: #555555;
        font-size: 14px;
    }

        .secondary-menu-items .items-left .active-lang {
            color: #000;
            font-size: 14px;
        }

    .secondary-menu-items .items-right {
        display: block;
        color: #555555;
        font-size: 14px;
        float: left;
    }

    #c-menu--slide-top {
        padding-bottom: 30px;
    }
}

@media (max-width: 768px) {
    #global-nav {
        display: none;
    }
}

@media (min-width: 768px) {
    .hide-mobile-nav {
        display: none;
    }

    .logo {
        padding-left: 15px;
    }
}

button:visited {
    border-color: transparent;
}

.btn-hero-cta {
    display: inline-block;
    font-size: 17px;
    font-family: "Helvetica Black";
    padding: 1.25em 2em;
    color: #fff;
    border: 4px solid #fff;
    text-align: center;
    outline: none;
    text-transform: uppercase;
    text-decoration: none;
}

    .btn-hero-cta:hover {
        color: #a91920;
        background: #fff;
        text-decoration: none;
    }

.btn-submit {
    background: #000 !important;
    color: #fff !important;
    border-radius: 0 !important;
    font-family: "Helvetica Black" !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    padding: 15px 35px !important;
}

    .btn-submit:hover {
        color: #000;
        background: #fff;
    }

.btn-red, .btn-white-ghost {
    background: #cf1e27;
    color: #fff;
    border-radius: 0;
    font-family: "Helvetica Black";
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px 30px;
}

    .btn-red:hover, .btn-white-ghost:hover {
        color: #cf1e27;
        background: #fff;
    }

.btn-white-ghost {
    background: transparent;
    border: 2px solid #fff;
    padding: 6px 12px;
}

.menuWhiteButton {
    padding: 9px 26px 9px 26px;
    border: 3px solid #fff;
}

@media (max-width: 768px) and (max-width: 1024px) {
    .btn-hero-cta {
        padding: 0.5em 1em !important;
    }
}

.card {
    background: #fff;
}

    .card .card-title {
        font-weight: 400;
    }

    .card .card-action a {
        color: #cf1e27;
    }

        .card .card-action a:hover {
            color: #a91920;
        }

.home-element-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: auto;
    margin-top: 60px;
}

    .home-element-container img {
        width: 100%;
        height: auto;
    }

    .home-element-container .hero-main {
        background-image: url("/assets/PublicSite/images/five-guys-hero.jpg");
        background-size: cover;
        background-position: center;
        -webkit-flex: 2.5;
        -ms-flex: 2.5;
        flex: 2.5;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

        .home-element-container .hero-main .hero-content-wrapper .hero-text-light {
            color: #fff;
            font-weight: 300;
            font-size: 50px;
        }

        .home-element-container .hero-main .hero-content-wrapper .hero-text-bold {
            color: #fff;
            font-family: "Helvetica Black";
            font-size: 70px;
            text-transform: uppercase;
        }

    .home-element-container .hero-secondary {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .home-element-container .cta-join-crew {
        background-position: bottom;
        height: auto;
        -webkit-justify-content: center;
        -webkit-align-items: flex-end;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end;
    }

        .home-element-container .cta-join-crew .hero-secondary-text-bold {
            color: #fff;
            font-family: "Helvetica Black";
            font-size: 24px;
            text-transform: uppercase;
            position: absolute;
            bottom: 45px;
            left: 120px;
        }

    .home-element-container .cta-mobile-wrapper {
        background-image: url("/assets/PublicSite/images/fg-stainless-steel.png");
        background-size: cover;
        background-position: bottom;
        height: 300px;
        padding: 30px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .home-element-container .cta-mobile-wrapper .cta-mobile-download {
            line-height: 40%;
        }

        .home-element-container .cta-mobile-wrapper .cta-app {
            line-height: 100%;
            padding-top: 30px;
            padding-bottom: 15px;
        }

        .home-element-container .cta-mobile-wrapper .hero-secondary-text-light {
            color: #fff;
            font-size: 28px;
            padding: 0px 20px 0 0;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

            .home-element-container .cta-mobile-wrapper .hero-secondary-text-light .uppercase {
                color: #fff;
                font-family: "Helvetica";
                font-weight: 600;
                font-size: 14px;
                text-transform: uppercase;
            }

        .home-element-container .cta-mobile-wrapper .phone-wrap {
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

            .home-element-container .cta-mobile-wrapper .phone-wrap .mobile-phone {
                background-image: url("/assets/PublicSite/images/fg-mobile-phone.png");
                background-repeat: no-repeat;
                background-position: top;
                width: 240px;
                height: 270px;
            }

.element-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: auto;
    margin-top: 70px;
}

    .element-container img {
        width: 100%;
        height: auto;
    }

    .element-container .hero-main {
        background-image: url("/assets/PublicSite/images/five-guys-hero.jpg");
        background-size: cover;
        background-position: center;
        -webkit-flex: 2.5;
        -ms-flex: 2.5;
        flex: 2.5;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

        .element-container .hero-main .hero-content-wrapper .hero-text-light {
            color: #fff;
            font-weight: 300;
            font-size: 50px;
        }

        .element-container .hero-main .hero-content-wrapper .hero-text-bold {
            color: #fff;
            font-family: "Helvetica Black";
            font-size: 70px;
            text-transform: uppercase;
        }

    .element-container .hero-secondary {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .element-container .cta-join-crew {
        background-position: bottom;
        height: 550px;
        -webkit-justify-content: center;
        -webkit-align-items: flex-end;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: end;
        -ms-grid-row-align: flex-end;
        align-items: flex-end;
    }

        .element-container .cta-join-crew .hero-secondary-text-bold {
            color: #fff;
            font-family: "Helvetica Black";
            font-size: 24px;
            text-transform: uppercase;
            position: absolute;
            bottom: 45px;
            left: 120px;
        }

    .element-container .cta-mobile-wrapper {
        background-image: url("/assets/PublicSite/images/fg-stainless-steel.png");
        background-size: cover;
        background-position: bottom;
        height: 300px;
        padding: 30px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        .element-container .cta-mobile-wrapper .cta-mobile-download {
            line-height: 40%;
        }

        .element-container .cta-mobile-wrapper .cta-app {
            line-height: 100%;
            padding-top: 30px;
            padding-bottom: 15px;
        }

        .element-container .cta-mobile-wrapper .hero-secondary-text-light {
            color: #fff;
            font-size: 28px;
            padding: 0px 20px 0 0;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

            .element-container .cta-mobile-wrapper .hero-secondary-text-light .uppercase {
                color: #fff;
                font-family: "Helvetica";
                font-weight: 600;
                font-size: 14px;
                text-transform: uppercase;
            }

        .element-container .cta-mobile-wrapper .phone-wrap {
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

            .element-container .cta-mobile-wrapper .phone-wrap .mobile-phone {
                background-image: url("/assets/PublicSite/images/fg-mobile-phone.png");
                background-repeat: no-repeat;
                background-position: top;
                width: 240px;
                height: 270px;
            }

.social-footer ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
}

    .social-footer ul li {
        background: #555555;
        height: 300px;
        border-right: 1px solid #bfbfbf;
    }

        .social-footer ul li:last-child {
            border-right: 0;
        }

.social-footer .social-feed-content {
    text-align: center;
    position: absolute;
    left: 18%;
    right: 18%;
    top: 50%;
    padding: 30px;
    margin-top: 15%;
}

    .social-footer .social-feed-content .icon {
        font-size: 40px;
        color: #fff;
    }

    .social-footer .social-feed-content h3 {
        font-size: 16px;
        color: #fff;
    }

@media only screen and (max-width: 768px) {
    body {
        height: 50px;
        margin-top: 50px;
    }

    .hide-exs-head {
        display: none;
    }

    .home-element-container {
        margin-top: -15px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .home-element-container .hero-main {
            background-position: center;
            -webkit-flex: 2.5;
            -ms-flex: 2.5;
            flex: 2.5;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: 425px;
            min-height: 425px;
        }

            .home-element-container .hero-main .hero-content-wrapper .hero-text-light {
                font-size: 24px;
            }

            .home-element-container .hero-main .hero-content-wrapper .hero-text-bold {
                color: #fff;
                font-family: "Helvetica Black";
                font-size: 28px;
                text-transform: uppercase;
                left: 41px;
            }

        .home-element-container .cta-join-crew {
            height: 400px;
            background-position: center;
        }

            .home-element-container .cta-join-crew .hero-align {
                bottom: 80px;
            }

            .home-element-container .cta-join-crew .hero-secondary-text-bold {
                position: initial;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                text-align: center;
            }

        .home-element-container .cta-mobile-wrapper {
            height: auto;
            display: block;
            padding: 30px 30px 0;
        }

            .home-element-container .cta-mobile-wrapper .hero-secondary-text-light {
                padding: 0px;
                -webkit-flex: initial;
                -ms-flex: initial;
                flex: initial;
                text-align: center;
            }

            .home-element-container .cta-mobile-wrapper .phone-wrap {
                -webkit-flex: 1;
                -ms-flex: 1;
                flex: 1;
            }

                .home-element-container .cta-mobile-wrapper .phone-wrap .mobile-phone {
                    width: 100%;
                    height: 250px;
                }

    .element-container {
        margin-top: 50px;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

        .element-container .hero-main {
            background-position: center;
            -webkit-flex: 2.5;
            -ms-flex: 2.5;
            flex: 2.5;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: 425px;
            min-height: 425px;
        }

            .element-container .hero-main .hero-content-wrapper .hero-text-light {
                font-size: 24px;
            }

            .element-container .hero-main .hero-content-wrapper .hero-text-bold {
                color: #fff;
                font-family: "Helvetica Black";
                font-size: 28px;
                text-transform: uppercase;
                left: 41px;
            }

        .element-container .cta-join-crew {
            height: 400px;
            background-position: center;
        }

            .element-container .cta-join-crew .hero-secondary-text-bold {
                left: 40px;
            }

        .element-container .cta-mobile-wrapper {
            height: auto;
            display: block;
            padding: 30px 30px 0;
        }

            .element-container .cta-mobile-wrapper .hero-secondary-text-light {
                padding: 0px;
                -webkit-flex: initial;
                -ms-flex: initial;
                flex: initial;
                text-align: center;
            }

            .element-container .cta-mobile-wrapper .phone-wrap {
                -webkit-flex: 1;
                -ms-flex: 1;
                flex: 1;
            }

                .element-container .cta-mobile-wrapper .phone-wrap .mobile-phone {
                    width: 100%;
                    height: 250px;
                }

    .social-footer ul {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .social-footer ul li {
            border-right: 0;
            border-bottom: 1px solid #bfbfbf;
        }

            .social-footer ul li:last-child {
                border-bottom: 0;
            }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .home-element-container .cta-join-crew {
        display: inherit;
    }
}

@media all and (max-width: 768px) {
    footer .social-media-icons ul li {
        padding: 0px 20px;
    }
}

.menuFooter {
    min-width: 100%;
    height: 150px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: relative;
    background: #CF1E27;
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
}

.menuMoveDown {
    top: 19px;
    position: relative;
}

/*
 * jQuery FlexSlider v2.6.1
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
/*@font-face {
  font-family: 'flexslider-icon';
  src: url("fonts/flexslider-icon.eot");
  src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}*/
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
    outline: none;
}

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
    margin: 0;
    padding: 0;
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
    }

    .flexslider .slides img {
        width: 100%;
        display: block;
    }

    .flexslider .slides:after {
        content: "\0020";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

html[xmlns] .flexslider .slides {
    display: block;
}

* html .flexslider .slides {
    height: 1%;
}

.no-js .flexslider .slides > li:first-child {
    display: block;
}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
    margin: 0;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    zoom: 1;
    border-radius: 4px;
    -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
}

    .flexslider .slides {
        zoom: 1;
    }

        .flexslider .slides img {
            height: auto;
            -moz-user-select: none;
        }

.flex-viewport {
    max-height: 2000px;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.carousel li {
    margin-right: 5px;
}

.flex-direction-nav {
    *height: 0;
}

    .flex-direction-nav a {
        text-decoration: none;
        display: block;
        width: 40px;
        height: 45px;
        margin: -20px 0 0;
        position: absolute;
        top: 50%;
        z-index: 10;
        overflow: hidden;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        cursor: pointer;
        color: rgba(0, 0, 0, 0.8);
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
        transition: all 0.3s ease-in-out;
    }

        .flex-direction-nav a:before {
            font-family: "Ionicons";
            font-size: 40px;
            display: inline-block;
            content: '\f3d2';
            color: #fff;
        }

        .flex-direction-nav a.flex-next:before {
            content: '\f3d3';
        }

    .flex-direction-nav .flex-prev {
        left: -50px;
    }

    .flex-direction-nav .flex-next {
        right: -50px;
        text-align: right;
    }

.flexslider .flex-direction-nav .flex-prev {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 8%;
}

    .flexslider .flex-direction-nav .flex-prev:hover {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

.flexslider .flex-direction-nav .flex-next {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    right: 8%;
}

    .flexslider .flex-direction-nav .flex-next:hover {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1;
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

    .flex-pauseplay a:before {
        font-family: "flexslider-icon";
        font-size: 20px;
        display: inline-block;
        content: url(/assets/PublicSite/images/pauseCircle.png);
    }

    .flex-pauseplay a:hover {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    .flex-pauseplay a.flex-play:before {
        content: url(/assets/PublicSite/images/playCircle.png);
    }

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

    .flex-control-nav li {
        margin: 0 6px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    border-radius: 20px;
}

    .flex-control-paging li a:hover {
        background: #333;
        background: rgba(0, 0, 0, 0.7);
    }

    .flex-control-paging li a.flex-active {
        background: #000;
        background: rgba(0, 0, 0, 0.9);
        cursor: default;
    }

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0;
    }

    .flex-control-thumbs img {
        width: 100%;
        height: auto;
        display: block;
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        cursor: pointer;
        -moz-user-select: none;
        transition: all 1s ease;
    }

        .flex-control-thumbs img:hover {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        cursor: default;
    }

.flexslider {
    background: transparent;
    border: 0;
}

.flex-control-nav {
    display: none;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        left: 10px;
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        right: 10px;
    }
}

@media screen and (max-width: 768px) {
    .flexslider .slides img {
        height: 400px;
        object-fit: cover;
        -moz-user-select: none;
    }
}

.fg-form {
    font-family: "Helvetica Neue" !important;
    border-radius: 0 !important;
    padding: 15px !important;
    height: inherit !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    margin-bottom: 15px !important;
}

[type="text"].fg-form {
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    padding-left: 15px;
}

select::-ms-expand {
    display: none;
}

.fg-select {
    font-family: "Helvetica Neue";
    font-size: 18px;
    font-weight: 700;
    padding: 15px;
    height: inherit;
    width: 100%;
    position: relative;
    bottom: 15px;
    border-radius: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.arrow {
    position: relative;
    padding-bottom: 40px;
}

    .arrow:after {
        font-size: 24px;
        color: #555555;
        right: 20px;
        top: 10px;
        position: absolute;
        pointer-events: none;
    }

.drop-arrow {
    position: relative;
    width: 50%;
}

    .drop-arrow:after {
        font-size: 24px;
        color: #555555;
        right: 15px;
        top: -5px;
        position: absolute;
        pointer-events: none;
    }

.contact-select {
    font-family: "Helvetica Neue";
    font-size: 18px;
    font-weight: 700;
    border-radius: 0;
    background: #fff;
    padding: 15px;
    height: inherit;
    width: 100%;
    position: relative;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

.select-arrow, .relative-element {
    position: relative;
}

.chevron-position, .chevron-position-nav {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 24px;
}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

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

[type="checkbox"] + label {
    position: relative;
    padding-left: 30px;
    padding-right: 20px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 20px;
    font-size: 11px;
    font-weight: 100;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

[type="checkbox"].fg-box:checked + label:before {
    content: '';
    position: absolute;
    width: 9px;
    height: 6px;
    background: transparent;
    top: 5px;
    left: 5px;
    border: 2.5px solid #cf1e27;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

[type="checkbox"].fg-box:not(:checked) + label:after {
    height: 18px;
    width: 18px;
    border: 1px solid #bfbfbf;
    background-color: #fff;
    top: 0px;
    border-radius: 0;
    z-index: 0;
}

[type="checkbox"].fg-box:checked + label:after {
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #bfbfbf;
    background-color: #fff;
    border-radius: 0;
    z-index: 0;
}

[type="checkbox"].fg-box + label:before, [type="checkbox"].fg-box + label:after {
    content: '';
    left: 0;
    position: absolute;
    z-index: 1;
}

[type="checkbox"].fg-box + label:after {
    border-radius: 2px;
}

.search-box-wrapper {
    margin: 0 22%;
}

[type="text"].search-box {
    border-radius: 0;
    padding: 15px;
    height: inherit;
    font-weight: 400;
    font-style: italic;
    font-size: 19px;
    margin-bottom: 15px;
    padding-left: 60px;
}

input[type="text"] {
    font-weight: 400;
    font-style: italic;
    font-size: 19px;
    /*padding-left: 60px;*/
}

.search-btn {
    background: transparent;
    border-color: transparent;
    font-size: 32px;
    color: #000;
}

    .search-btn:hover {
        background-color: transparent;
        border-color: transparent;
    }

.search-loc-position {
    position: absolute;
    top: 12px;
    left: 35px;
    font-size: 28px;
    color: #555555;
}

.search-icon-position {
    position: absolute;
    bottom: 24px;
    right: 20px;
}

.ui-autocomplete-input {
    border-radius: 0 !important;
    padding: 15px 15px 15px 65px !important;
    height: inherit;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
}

.ui-autocomplete {
    position: absolute;
    z-index: 1000;
    cursor: default;
    padding: 0;
    margin-top: 2px;
    font-family: "Helvetica Neue";
    font-size: 19px;
    color: #000;
    border-radius: 0;
    list-style: none;
    background-color: #e6e6e6;
    border: 1px solid #ccc;
    border-radius: 0px;
}

    .ui-autocomplete > li {
        padding: 15px 15px 15px 65px;
    }

        .ui-autocomplete > li.ui-state-focus {
            background-color: #DDD;
        }

.ui-helper-hidden-accessible {
    display: none;
}

.flip-icon {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.chevron-position-nav {
    bottom: inherit;
}

@media (max-width: 768px) and (max-width: 1024px) {
    .fg-select {
        font-family: "Helvetica Neue";
        font-size: 14px;
        font-weight: 700;
        padding: 5px;
        height: inherit;
        width: 100%;
        position: inherit;
        margin: 0;
    }

        .fg-select:after {
            font-family: 'FontAwesome';
        }

    .drop-arrow {
        position: relative;
        width: 100%;
        top: 15px;
    }

        .drop-arrow:after {
            font-size: 18px;
            color: #555555;
            right: 15px;
            top: -12px;
            position: absolute;
            pointer-events: none;
        }

    .search-box-wrapper {
        margin: 0;
    }

    [type="text"].search-box {
        font-size: 16px;
        padding-left: 45px;
    }

    .search-btn {
        font-size: 18px;
    }

    .search-loc-position {
        position: absolute;
        top: 10px;
        left: 15px;
        font-size: 24px;
    }

    .search-icon-position {
        position: absolute;
        bottom: 30px;
        right: 5px;
    }

    .absolute {
        display: none;
    }

    [type="checkbox"] + label {
        display: block;
    }
}

.table thead tr td {
    padding: 12px 20px;
    vertical-align: middle;
}

.table tbody tr td {
    padding: 12px 20px;
    vertical-align: middle;
}

/*==================================================================
    VENDOR
===================================================================*/
.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border: solid 1px #bfbfbf;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-weight: normal;
    height: initial;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
}

    .nice-select:hover {
        border-color: #b3b3b3;
    }

    .nice-select:active, .nice-select.open, .nice-select:focus {
        outline: -webkit-focus-ring-color auto 5px;
        border-color: #bfbfbf;
    }

    .nice-select:after {
        display: block;
        font-family: 'FontAwesome';
        content: '\f107';
        font-size: 24px;
        margin-top: -20px;
        pointer-events: none;
        position: absolute;
        right: 15px;
        top: 50%;
        -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
        transform-origin: 66% 66%;
        transition: all 0.15s ease-in-out;
    }

    .nice-select.open:after {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .nice-select.open .list {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        pointer-events: auto;
        -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
    }

    .nice-select.disabled {
        border-color: #c4c4c4;
        color: #555555;
        pointer-events: none;
    }

        .nice-select.disabled:after {
            border-color: #888888;
        }

    .nice-select.wide {
        width: 100%;
    }

        .nice-select.wide .list {
            left: 0 !important;
            right: 0 !important;
        }

    .nice-select.right {
        float: right;
    }

        .nice-select.right .list {
            left: auto;
            right: 0;
        }

    .nice-select.small {
        font-size: 12px;
        height: 36px;
        line-height: 34px;
    }

        .nice-select.small:after {
            height: 4px;
            width: 4px;
        }

        .nice-select.small .option {
            line-height: 34px;
            min-height: 34px;
        }

    .nice-select .list {
        background-color: #fff;
        width: 100%;
        border: 1px solid #bfbfbf;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: 0;
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(0.75) translateY(-initial/2);
        -ms-transform: scale(0.75) translateY(-initial/2);
        transform: scale(0.75) translateY(-initial/2);
        transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        z-index: 9;
    }

        .nice-select .list:hover .option:not(:hover) {
            background-color: transparent !important;
        }

    .nice-select .option {
        display: block;
        cursor: pointer;
        font-weight: 400;
        line-height: initial-2;
        list-style: none;
        min-height: initial-2;
        outline: none;
        padding-left: 18px;
        padding-right: 29px;
        padding-bottom: 15px;
        padding-top: 15px;
        text-align: left;
        transition: all 0.2s;
    }

        .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
            background-color: #eeeeee;
        }

        .nice-select .option.selected {
            font-weight: bold;
        }

        .nice-select .option.disabled {
            background-color: transparent;
            color: #555555;
            cursor: default;
        }

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}