/* ======================================================================= RESET STYLES ----------------------------------------------------------------------- File used to reset styles ===================================================================== */
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0; padding: 0; outline: none !important; }

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

html { min-height: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; font-smooth: antialiased; -webkit-overflow-scrolling: touch; /* Smooth scrolling in iOS */ }

input, textarea { -webkit-font-smoothing: antialiased; -webkit-border-radius: 0; }

button { border: none; font: inherit; text-align: left; cursor: pointer; }

ul { list-style: none; }

/* ======================================================================= BASE STYLES ----------------------------------------------------------------------- File used to stylize default html tags ===================================================================== */
/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
html, body { min-width: 320px; }

html { -webkit-box-sizing: border-box; box-sizing: border-box; }

html.no-scroll { overflow: hidden; }

html.no-scroll body { overflow: hidden; }

body { background-color: #FFF; font-family: "Arial", "Helvetica", sans-serif; font-size: 16px; line-height: 1; color: #231F20; overflow-x: hidden; }

.clearfix { *zoom: 1; }

.clearfix:before, .clearfix:after { content: " "; display: table; line-height: 0; }

.clearfix:after { clear: both; }

h1, h2, h3, h4, h5, h6 { font-weight: unset; font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; text-transform: uppercase; color: #902929; }

h1, .fake-h1 { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 70px; text-transform: uppercase; }

h2, .fake-h2 { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 55px; text-transform: uppercase; }

h3, .fake-h3 { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 35px; text-transform: uppercase; }

@media (min-width: 0) and (max-width: 767px) { h1, .fake-h1 { font-size: 40px; }
    h2, .fake-h2 { font-size: 24px; }
    h3, .fake-h3 { font-size: 18px; } }

a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: #231F20; text-decoration: underline; outline: 0; cursor: pointer; border: none; }

a img { outline: 0; border: none; }

a:not(.primary-cta):hover { outline: 0; color: #B21F28; }

a:not(.primary-cta):hover { background-color: inherit; color: #B21F28; text-decoration: none; }

template { display: none; }

img { max-width: 100%; }

svg { overflow: hidden; }

p { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 17px; }

.mobile-only { display: none; }

@media (min-width: 0) and (max-width: 767px) { .mobile-only { display: block; } }

@media (min-width: 0) and (max-width: 959px) { header .mobile-only { display: block; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
#arrow-footer-accordion { stroke: #F2F2F2; width: 16px; height: 12px; }

#arrow-header-selected-branch { stroke: #902929; width: 11px; height: 9px; }

.facebook-icon-svg { fill: #FFF; width: 12px; height: 20px; }

.instagram-icon-svg { fill: #FFF; width: 20px; height: 20px; }

.youtube-icon-svg { fill: #FFF; width: 27px; height: 21px; }

.linkedin-icon-svg { fill: #FFF; width: 21px; height: 21px; }

.twitter-icon-svg { fill: #FFF; width: 24px; height: 20px; }

.google-icon-svg { fill: #FFF; width: 20px; height: 20px; }

.map-pin { fill: #902929; width: 30px; height: 43px; }

.phone-icon { fill: #902929; width: 18px; height: 18px; }

.icon-franchise-resto { fill: #FFF; width: 90px; height: 78px; }

.icon-franchise-plan { fill: #231F20; width: 79px; height: 81px; margin: 0 0 35px 0; }

.icon-franchise-x { fill: #231F20; width: 22px; height: 22px; }

.icon-franchise-arrow { fill: #231F20; width: 23px; height: 16px; }

.icon-franchise-pin { fill: #231F20; width: 16px; height: 32px; }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.has-revealable .is-revealable { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.has-revealable .is-revealable.from-left { -webkit-transform: translate(-75px, -35px); transform: translate(-75px, -35px); }

.has-revealable .is-revealable.from-right { -webkit-transition-delay: 150ms; transition-delay: 150ms; -webkit-transform: translate(60px, 10px); transform: translate(60px, 10px); }

.has-revealable .is-revealable.is-revealed { opacity: 1; -webkit-transform: translate(0); transform: translate(0); }

.has-revealable.right-to-left .is-revealable { opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.has-revealable.right-to-left .is-revealable.from-left { -webkit-transition-delay: 150ms; transition-delay: 150ms; -webkit-transform: translate(-150px, 75px); transform: translate(-150px, 75px); }

.has-revealable.right-to-left .is-revealable.from-right { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate(150px, -75px); transform: translate(150px, -75px); }

.has-revealable.right-to-left .is-revealable.is-revealed { opacity: 1; -webkit-transform: translate(0); transform: translate(0); }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.error { border-color: #B21F28; }

.notice_box { width: 100%; }

.notice_box .inside { height: 31px; border: 1px solid; }

.notice_box .inside .img { margin-top: 8px; margin-left: 5px; }

.notice_box .inside .close_btn { margin-top: 7px; margin-right: 5px; cursor: pointer; }

.notice_box .inside .text { margin-top: 7px; margin-left: 5px; font-weight: bold; }

.notice_box.error .inside { margin: 0 auto; background-color: #FFECCE; border-color: #E9C59B; color: #E8302C; }

.notice_box.warning .inside .img { margin-top: 4px; }

.notice_box.success .inside { margin: 0 auto; background-color: #EDFBD8; border-color: #BFDE84; color: #508600; }

.vertical-align-ctn { position: relative; display: table; width: 100%; height: 100%; table-layout: fixed; }

.vertical-align-ctn .vertical-align { position: relative; display: table-cell; width: 100%; vertical-align: middle; }

.hide { display: none; }

.hidden { visibility: hidden; }

.hide-all { display: none; visibility: hidden; }

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

.visually-hidden.focusable:active, .visually-hidden.focusable:focus { position: static; width: auto; height: auto; margin: 0; clip: auto; overflow: visible; }

.liner-h { width: 100%; height: 1px; font-size: 0; line-height: 0; background-color: #231F20; }

.liner-v { width: 1px; height: 100%; font-size: 0; line-height: 0; background-color: #231F20; }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.general-form-error p { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; margin: 0 0 20px; color: #B21F28; }

.submit-successful { visibility: hidden; -webkit-transition: visibility 250ms; transition: visibility 250ms; }

.submit-successful p { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 22px; color: #639D2C; text-transform: uppercase; margin: 0 0 20px; text-align: center; }

.submit-error { visibility: hidden; -webkit-transition: visibility 250ms; transition: visibility 250ms; }

.submit-error p { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 22px; color: #B21F28; text-transform: uppercase; margin: 0 0 20px; text-align: center; }

form.skinMe .skinme-select-ctn { position: relative; height: 60px; line-height: 1; }

form.skinMe .skinme-select-ctn .select.contact { cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 60px; border: 1px solid; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; color: #333333; border-color: #d3d8d8; }

form.skinMe .skinme-select-ctn .select.contact .toggler { position: absolute; top: 30px; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 10px; background-image: url("/resources/assets/images/ui/arrow-contact-select-2x.png"); background-size: 100% auto; }

form.skinMe .skinme-select-ctn .select.contact .skinme-mask { position: absolute; width: 100%; height: 100%; z-index: 10; background-color: #ffffff; filter: "alpha(opacity=1)"; -khtml-opacity: 0.01; -moz-opacity: 0.01; opacity: 0.01; }

form.skinMe .skinme-select-ctn .select.contact.opened .toggler { background-position: 0 -10px; }

form.skinMe .skinme-select-ctn .select.contact.opened .active-choice { border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

form.skinMe .skinme-select-ctn .select.contact .active-choice { position: absolute; height: 60px; top: 0; left: 0; z-index: 5; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding-left: 15px; padding-right: 60px; }

form.skinMe .skinme-select-ctn .select.contact .skinme-select-choices { display: none; position: relative; top: 100%; margin-top: 1px; border: 1px solid; z-index: 9999; overflow: hidden; border-radius: 0 0 25px 25px; background-color: #ffffff; border-color: #ececec; }

form.skinMe .skinme-select-ctn .select.contact .skinme-select-choices.open { display: block; }

form.skinMe .skinme-select-ctn .select.contact .skinme-select-choices .choice { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 5px 15px; clear: both; cursor: pointer; text-align: left; }

form.skinMe .skinme-select-ctn .select.contact .skinme-select-choices .choice.default { display: none; }

form.skinMe .skinme-select-ctn .select.contact .skinme-select-choices .choice.selected, form.skinMe .skinme-select-ctn .select.contact .skinme-select-choices .choice:hover { color: #333333; background-color: #d3d8d8; }

form.skinMe .skinme-select-ctn .select.contact:hover { background-color: #d3d8d8; }

form.skinMe .skinme-select-ctn select { cursor: pointer; z-index: 1; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; }

form.skinMe .skinme-select-ctn select.native { position: absolute; top: 0; bottom: 0; width: 100%; z-index: 10; }

form.skinMe .skinme-select-ctn { position: relative; height: 60px; line-height: 1; }

form.skinMe .skinme-select-ctn .select.apply { cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 60px; border: 1px solid; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; color: #333333; border-color: #d3d8d8; }

form.skinMe .skinme-select-ctn .select.apply .toggler { position: absolute; top: 30px; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 13.5px; height: 9px; background-image: url("../../../resources/assets/images/ui/arrow-select-white@2x.png"); background-size: 100% auto; }

form.skinMe .skinme-select-ctn .select.apply .skinme-mask { position: absolute; width: 100%; height: 100%; z-index: 10; background-color: #ffffff; filter: "alpha(opacity=1)"; -khtml-opacity: 0.01; -moz-opacity: 0.01; opacity: 0.01; }

form.skinMe .skinme-select-ctn .select.apply.opened .toggler { background-position: 0 -9px; }

form.skinMe .skinme-select-ctn .select.apply.opened .active-choice { border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

form.skinMe .skinme-select-ctn .select.apply .active-choice { position: absolute; height: 60px; top: 0; left: 0; z-index: 5; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding-left: 15px; padding-right: 60px; }

form.skinMe .skinme-select-ctn .select.apply .skinme-select-choices { display: none; position: relative; top: 100%; margin-top: 1px; border: 1px solid; z-index: 9999; overflow: hidden; border-radius: 0 0 25px 25px; background-color: #ffffff; border-color: #ececec; }

form.skinMe .skinme-select-ctn .select.apply .skinme-select-choices.open { display: block; }

form.skinMe .skinme-select-ctn .select.apply .skinme-select-choices .choice { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 5px 15px; clear: both; cursor: pointer; text-align: left; }

form.skinMe .skinme-select-ctn .select.apply .skinme-select-choices .choice.default { display: none; }

form.skinMe .skinme-select-ctn .select.apply .skinme-select-choices .choice.selected, form.skinMe .skinme-select-ctn .select.apply .skinme-select-choices .choice:hover { color: #333333; background-color: #d3d8d8; }

form.skinMe .skinme-select-ctn .select.apply:hover { background-color: #d3d8d8; }

form.skinMe .skinme-select-ctn select { cursor: pointer; z-index: 1; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; }

form.skinMe .skinme-select-ctn select.native { position: absolute; top: 0; bottom: 0; width: 100%; z-index: 10; }

form.skinMe .skinme-select-ctn { position: relative; height: 62px; line-height: 1; }

form.skinMe .skinme-select-ctn .select.position { cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 62px; border: 1px solid; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; color: #333333; border-color: #d3d8d8; }

form.skinMe .skinme-select-ctn .select.position .toggler { position: absolute; top: 31px; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 13.5px; height: 9px; background-image: url("../../../resources/assets/images/ui/arrow-select-black@2x.png"); background-size: 100% auto; }

form.skinMe .skinme-select-ctn .select.position .skinme-mask { position: absolute; width: 100%; height: 100%; z-index: 10; background-color: #ffffff; filter: "alpha(opacity=1)"; -khtml-opacity: 0.01; -moz-opacity: 0.01; opacity: 0.01; }

form.skinMe .skinme-select-ctn .select.position.opened .toggler { background-position: 0 -9px; }

form.skinMe .skinme-select-ctn .select.position.opened .active-choice { border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

form.skinMe .skinme-select-ctn .select.position .active-choice { position: absolute; height: 62px; top: 0; left: 0; z-index: 5; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding-left: 15px; padding-right: 62px; }

form.skinMe .skinme-select-ctn .select.position .skinme-select-choices { display: none; position: relative; top: 100%; margin-top: 1px; border: 1px solid; z-index: 9999; overflow: hidden; border-radius: 0 0 25px 25px; background-color: #ffffff; border-color: #ececec; }

form.skinMe .skinme-select-ctn .select.position .skinme-select-choices.open { display: block; }

form.skinMe .skinme-select-ctn .select.position .skinme-select-choices .choice { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 5px 15px; clear: both; cursor: pointer; text-align: left; }

form.skinMe .skinme-select-ctn .select.position .skinme-select-choices .choice.default { display: none; }

form.skinMe .skinme-select-ctn .select.position .skinme-select-choices .choice.selected, form.skinMe .skinme-select-ctn .select.position .skinme-select-choices .choice:hover { color: #333333; background-color: #d3d8d8; }

form.skinMe .skinme-select-ctn .select.position:hover { background-color: #d3d8d8; }

form.skinMe .skinme-select-ctn select { cursor: pointer; z-index: 1; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; }

form.skinMe .skinme-select-ctn select.native { position: absolute; top: 0; bottom: 0; width: 100%; z-index: 10; }

form.skinMe .checkbox.checkbox { cursor: pointer; width: 15px; height: 15px; background-position: 0 0; background-image: url("/resources/assets/images/ui/checkbox.png"); }

form.skinMe .checkbox.checkbox.error { background-image: url(""); }

form.skinMe .checkbox.checkbox.active { background-position: -15px 0; }

@media (-webkit-min-device-pixel-ratio: 1.75), (min-resolution: 168dpi) { form.skinMe .checkbox.checkbox { background-image: url("/resources/assets/images/ui/checkbox-2x.png"); background-size: 200% auto; }
    form.skinMe .checkbox.checkbox.error { background-image: url(""); } }

form .form-section-title { margin-bottom: 33px; font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 40px; color: #902929; text-transform: uppercase; }

form .placeholder-choice { display: none; }

form .checkboxes-ctn .checkbox-ctn { position: relative; }

form .checkboxes-ctn .checkbox-ctn input { display: none; }

form .checkboxes-ctn .checkbox-ctn input:checked + label:after { display: block; }

form .checkboxes-ctn .checkbox-ctn label { margin-bottom: 0; font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; line-height: 20px; cursor: pointer; padding: 0 54px 0 40px; }

form .checkboxes-ctn .checkbox-ctn label.error:before { border-color: #B21F28; }

form .checkboxes-ctn .checkbox-ctn label:before, form .checkboxes-ctn .checkbox-ctn label:after { content: ''; position: absolute; }

form .checkboxes-ctn .checkbox-ctn label:before { width: 24px; height: 24px; left: 0; top: 0; border: 1px solid #757575; }

form .checkboxes-ctn .checkbox-ctn label:after { display: none; width: 14px; height: 11px; background-image: url("../../../../../../resources/assets/images/ui/check-red-2x.png"); background-size: 100% auto; background-color: transparent; top: 6px; left: 5px; }

form .radios-ctn.is-inline { display: -webkit-box; display: -ms-flexbox; display: flex; }

form .radios-ctn.is-inline .mobile-only { display: none; }

form .radios-ctn.is-inline p { margin-bottom: 10px; }

form .radios-ctn.is-inline .radio-ctn:not(:last-child) { margin-bottom: 0; margin-right: 10px; }

form .radios-ctn .radio-ctn { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }

form .radios-ctn .radio-ctn input { display: none; }

form .radios-ctn .radio-ctn input:checked + label:after { display: block; }

form .radios-ctn .radio-ctn label { margin-bottom: 0; padding-left: 30px; font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; line-height: 20px; cursor: pointer; }

form .radios-ctn .radio-ctn label:before, form .radios-ctn .radio-ctn label:after { content: ''; position: absolute; }

form .radios-ctn .radio-ctn label:before { width: 20px; height: 20px; left: 0; top: 0; border: 1px solid #D0D0D0; }

form .radios-ctn .radio-ctn label:after { display: none; width: 12px; height: 12px; left: 10px; top: 10px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #000000; }

form .radios-ctn .radio-ctn:not(:last-child) { margin-bottom: 10px; }

form .form-table-section .form-table-section-title { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 24px; color: #902929; text-transform: uppercase; line-height: 20px; }

form .form-table-section .captions-ctn { margin-top: 24px; }

form .form-table-section .captions-ctn .captions-title { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 18px; color: #902929; text-transform: uppercase; }

form .form-table-section .captions-ctn .captions-wrapper { margin-top: 10px; }

form .form-table-section .captions-ctn .caption { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; }

form .form-table-section .form-table { margin-top: 19px; }

form .form-table-section .form-table .form-table-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 11px; border-bottom: 1px solid #000000; }

form .form-table-section .form-table .form-table-head .form-head-title { -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: auto; flex-basis: auto; font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 24px; color: #902929; text-transform: uppercase; }

form .form-table-section .form-table .form-table-head .form-head-values { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-preferred-size: auto; flex-basis: auto; display: -webkit-box; display: -ms-flexbox; display: flex; }

form .form-table-section .form-table .form-table-head .form-head-values .form-head-value { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 50px; font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 24px; color: #902929; text-transform: uppercase; text-align: center; }

form .form-table-section .form-table .form-table-rows .form-table-row { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #F5F5F5; }

form .form-table-section .form-table .form-table-rows .form-table-row .form-row-title { -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: auto; flex-basis: auto; -ms-flex-item-align: center; align-self: center; padding-top: 10px; padding-bottom: 10px; font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; line-height: 19px; }

form .form-table-section .form-table .form-table-rows .form-table-row .form-row-values { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-preferred-size: auto; flex-basis: auto; display: -webkit-box; display: -ms-flexbox; display: flex; }

form .form-table-section .form-table .form-table-rows .form-table-row .form-row-values .form-row-value { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-preferred-size: auto; flex-basis: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50px; padding-top: 10px; padding-bottom: 10px; }

form .form-table-section .form-table .form-table-rows .form-table-row .form-row-values .form-row-value input { display: none; }

form .form-table-section .form-table .form-table-rows .form-table-row .form-row-values .form-row-value input:checked + label:after { display: block; }

form .form-table-section .form-table .form-table-rows .form-table-row .form-row-values .form-row-value label { position: relative; margin-bottom: 0; cursor: pointer; }

form .form-table-section .form-table .form-table-rows .form-table-row .form-row-values .form-row-value label:before { content: ''; position: relative; display: block; width: 20px; height: 20px; background-color: #FFFFFF; border: 1px solid #D0D0D0; }

form .form-table-section .form-table .form-table-rows .form-table-row .form-row-values .form-row-value label:after { content: ''; position: absolute; display: none; width: 12px; height: 12px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #000000; }

form .form-table-section .form-table .form-table-rows .form-table-row .form-row-values .form-row-value label.error:before { border-color: #CC181E; }

form .form-table-section .form-table .form-table-rows .form-table-row .form-row-values .form-row-value:nth-child(odd) { background-color: #FAFAFA; }

form label { margin-bottom: 10px; display: block; }

form label.is-for-file { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 24px; color: #902929; text-transform: uppercase; }

form input { border: 1px solid rgba(35, 31, 32, 0.5); font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; color: #231F20; padding: 19px 26px 18px; width: 100%; }

form input:-webkit-autofill, form input:-webkit-autofill:hover, form input:-webkit-autofill:focus, form input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #FFF inset; }

form input::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 0.8; }

form input:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 0.8; }

form input::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 0.8; }

form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 0.8; }

form input:-ms-input-placeholder { /* Internet Explorer 10-11 */ opacity: 0.8; }

form input::-ms-input-placeholder { /* Microsoft Edge */ opacity: 0.8; }

form .file-uploader .fake-input { display: block; border: 1px solid rgba(35, 31, 32, 0.5); font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; color: #231F20; padding: 19px 26px 18px; width: 100%; position: relative; }

form .file-uploader .fake-input .file-name { opacity: 0.5; }

form .file-uploader .fake-input .icon { position: absolute; right: 17px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

form .file-uploader input[type=file] { display: none; }

form .message-error { display: none; }

form .message-error p { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; margin: 5px 0; color: #B21F28; }

form .message-error.error { display: block; }

form textarea { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; color: #231F20; border: 1px solid rgba(35, 31, 32, 0.5); width: 100%; padding: 19px 26px 18px; resize: none; }

form textarea::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 0.8; }

form textarea:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 0.8; }

form textarea::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 0.8; }

form textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 0.8; }

form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ opacity: 0.8; }

form textarea::-ms-input-placeholder { /* Microsoft Edge */ opacity: 0.8; }

form .asterisk { margin-bottom: 31px; font-size: 12px; line-height: 14px; }

form .captcha-error .recaptcha-error-message { display: block; }

form .recaptcha-error-message { display: none; }

form .recaptcha-error-message p { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; margin: 5px 0; color: #B21F28; }

form .consent-section .consent-texts { margin: 0 0 30px; }

form .consent-section .consent-texts p { text-align: justify; font-size: 16px; line-height: 1.25; margin: 0 0 10px; width: 100%; }

form .consent-section .checkbox-ctn { margin: 0 0 30px; }

form .consent-section .checkbox-ctn label { text-align: justify; }

form .consent-section .message-error p { text-align: center; font-size: 16px; line-height: 1.25; margin: 5px 0 0; width: 100%; }

form .btn-submit, form .btn-close { text-decoration: none; border: 1px solid #B21F28; background: #B21F28; color: #FFF; padding: 20px 45px; font-family: TorontoSubwayBlack, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: color 200ms ease-in-out, background 200ms ease-in-out; transition: color 200ms ease-in-out, background 200ms ease-in-out; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

form .btn-submit:hover, form .btn-close:hover { background: #FFF; color: #B21F28; }

form .btn-submit .text, form .btn-close .text { opacity: 1; }

form .btn-submit.danger, form .btn-close.danger { border: 1px solid #B21F28; background: #B21F28; color: #FFF; }

form .btn-submit.danger:hover, form .btn-close.danger:hover { background: #FFF; color: #B21F28; }

form .btn-submit.animated, form .btn-close.animated { display: block; width: 100%; margin: 0 auto; text-align: center; }

form .btn-submit.animated .text, form .btn-close.animated .text { opacity: 1; -webkit-transition: all 250ms; transition: all 250ms; }

form .btn-submit.animated.loading, form .btn-close.animated.loading { background: transparent; -webkit-animation: submitShrink 300ms 0ms ease-in-out forwards, submitRotate 20s 300ms linear forwards; animation: submitShrink 300ms 0ms ease-in-out forwards, submitRotate 20s 300ms linear forwards; }

form .btn-submit.animated.loading .text, form .btn-close.animated.loading .text { opacity: 0; }

form .btn-submit.animated.loading:hover, form .btn-close.animated.loading:hover { background: #FFF; color: #B21F28; }

form .btn-submit.animated.loading-complete, form .btn-close.animated.loading-complete { background: #B21F28; -webkit-animation: submitShrinkUp 300ms 0ms ease-in-out forwards; animation: submitShrinkUp 300ms 0ms ease-in-out forwards; }

form .btn-submit.animated.loading-complete:hover, form .btn-close.animated.loading-complete:hover { background: #FFF; color: #B21F28; }

form .error { border-color: #B21F28 !important; }

form .field-row { margin-bottom: 31px; }

form .field-row .field-title { margin-bottom: 20px; font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 24px; color: #902929; text-transform: uppercase; }

form .single-submit-wrapper { position: relative; }

form .single-submit-wrapper input { padding: 19px 190px 18px 26px; }

form .single-submit-wrapper input::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 0.8; }

form .single-submit-wrapper input:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 0.8; }

form .single-submit-wrapper input::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 0.8; }

form .single-submit-wrapper input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 0.8; }

form .single-submit-wrapper input:-ms-input-placeholder { /* Internet Explorer 10-11 */ opacity: 0.8; }

form .single-submit-wrapper input::-ms-input-placeholder { /* Microsoft Edge */ opacity: 0.8; }

form .single-submit-wrapper .btn-submit { position: absolute; top: 0; bottom: 0; right: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 0 45px; }

form.success .submit-successful { visibility: visible; -webkit-transition: visibility 250ms; transition: visibility 250ms; }

form.error .submit-error { visibility: visible; -webkit-transition: visibility 250ms; transition: visibility 250ms; }

@media (min-width: 0) and (max-width: 1023px) { form .checkboxes-ctn .checkbox-ctn label { padding: 0 0 0 40px; font-size: 14px; }
    form .consent-section .consent-texts { margin: 0 0 20px; }
    form .consent-section .consent-texts p { font-size: 14px; }
    form .consent-section .checkbox-ctn { margin: 0 0 20px; }
    form .consent-section .message-error p { font-size: 14px; }
    form input { font-size: 12px; }
    form .btn-submit, form .btn-close { padding: 10px 20px; font-size: 12px; }
    form .single-submit-wrapper input { padding: 10px 142px 10px 26px; }
    form .single-submit-wrapper .btn-submit { padding: 0 20px; font-size: 16px; } }

@media (min-width: 0) and (max-width: 767px) { form #recaptcha { -webkit-transform: scale(0.85); transform: scale(0.85); -webkit-transform-origin: TOP LEFT; transform-origin: TOP LEFT; }
    form .btn-submit, form .btn-close { padding: 20px 40px; }
    form .single-submit-wrapper input { margin-bottom: 10px; }
    form .single-submit-wrapper .btn-submit { position: relative; top: auto; bottom: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 11px 40px; } }

@media (max-width: 479px) { form .radios-ctn.is-inline { display: block; }
    form .radios-ctn.is-inline .mobile-only { display: block; }
    form .radios-ctn.is-inline .desktop-only { display: none; }
    form .radios-ctn.is-inline .radio-ctn:not(:last-child) { margin-bottom: 10px; margin-right: 0; }
    form .form-table-section .form-table .form-table-head .form-head-title { font-size: 14px; }
    form .form-table-section .form-table .form-table-head .form-head-values .form-head-value { width: 30px; font-size: 14px; }
    form .form-table-section .form-table .form-table-rows .form-table-row .form-row-title { font-size: 14px; }
    form .form-table-section .form-table .form-table-rows .form-table-row .form-row-values .form-row-value { width: 30px; } }

.open .circle-status { background-color: #639D2C; }

.circle-status { background-color: #B21F28; height: 7px; width: 7px; display: inline-block; vertical-align: middle; border-radius: 50%; }

.circle-status.not-visible { opacity: 0; }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.accordion-wrapper .accordion-content { display: block; }

@media (min-width: 0) and (max-width: 767px) { .accordion-wrapper .accordion-content { display: none; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.section.breadcrumb { background-color: #F2F2F2; }

.section.breadcrumb .centered-content .link { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; color: rgba(35, 31, 32, 0.5); line-height: 2.917; text-decoration: none; letter-spacing: 0.6px; }

.section.breadcrumb .centered-content .link.active { color: #231F20; }

.section.breadcrumb .centered-content .link.active:after { display: none; }

.section.breadcrumb .centered-content .link:hover { color: #231F20; }

.section.breadcrumb .centered-content .link:after { content: ""; position: relative; display: inline-block; vertical-align: baseline; margin: 0 4px 0 10px; width: 6px; height: 8px; background: url("/resources/assets/images/ui/arrow-breadcrumb-v2@2x.png") no-repeat center/cover; }

.section.breadcrumb .centered-content .link:last-child:after { content: ''; margin: 0; }

@media (min-width: 0) and (max-width: 767px) { .section.breadcrumb { display: none; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.categories-with-check span { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; color: #FFF; }

.categories-with-check span::before { margin: 0 15px; content: " "; border-right: 1px solid #FFF; }

.categories-with-check span:first-child::before { display: none; }

.categories-with-check span svg { fill: #902929; margin-right: 3px; }

@media (min-width: 0) and (max-width: 1023px) { .categories-with-check span.mobile-alone { display: block; margin-top: 5px; }
    .categories-with-check span.mobile-alone:before { display: none; } }

@media (min-width: 0) and (max-width: 767px) { .categories-with-check span.mobile-alone { display: inline-block; }
    .categories-with-check span.mobile-alone:before { display: unset; } }

@media (min-width: 0) and (max-width: 479px) { .categories-with-check span.mobile-alone { display: block; margin-top: 5px; }
    .categories-with-check span.mobile-alone:before { display: none; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.primary-cta { display: inline-block; position: relative; text-decoration: none; background: #B21F28; border: 1px solid #B21F28; padding: 20px 30px; min-width: 14.70588%; text-align: center; -webkit-transition: background 200ms ease-in-out; transition: background 200ms ease-in-out; }

.primary-cta .text { font-family: TorontoSubwayBlack, Arial, helvetica, sans-serif; font-style: normal; font-size: 24px; color: #FFF; -webkit-transition: color 200ms ease-in-out; transition: color 200ms ease-in-out; }

.primary-cta:hover { background: #FFF; }

.primary-cta:hover .text { color: #B21F28; }

.primary-cta.reverse { background: #FFF; }

.primary-cta.reverse .text { color: #B21F28; }

.primary-cta.reverse:hover { background: #B21F28; }

.primary-cta.reverse:hover .text { color: #FFF; }

.primary-cta.reverse-white { background: transparent; border: 1px solid #FFF; }

.primary-cta.reverse-white .text { color: #FFF; }

.primary-cta.reverse-white:hover { background: #FFF; }

.primary-cta.reverse-white:hover .text { color: #B21F28; }

.primary-cta.small { padding: 17px 42px; }

.primary-cta.small .text { font-size: 16px; }

.primary-cta.x-small { padding: 11px 38px; }

.primary-cta.x-small .text { font-size: 14px; }

@media (min-width: 0) and (max-width: 767px) { .primary-cta { padding: 17px 42px; }
    .primary-cta .text { font-size: 16px; }
    .primary-cta.small { padding: 15px 30px; }
    .primary-cta.small .text { font-size: 14px; }
    .primary-cta.x-small { padding: 15px 30px; }
    .primary-cta.x-small .text { font-size: 12px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.form-manager .form-selector { margin-bottom: 31px; }

.form-manager .form-selector.skinMe .skinme-select-ctn { position: relative; height: 60px; line-height: 1; }

.form-manager .form-selector.skinMe .skinme-select-ctn .select.contact { cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 60px; border: 1px solid; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; color: #333333; border-color: #d3d8d8; }

.form-manager .form-selector.skinMe .skinme-select-ctn .select.contact .toggler { position: absolute; top: 30px; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 10px; background-image: url("../../images/ui/arrow-contact-select-2x.png"); background-size: 100% auto; }

.form-manager .form-selector.skinMe .skinme-select-ctn .select.contact .skinme-mask { position: absolute; width: 100%; height: 100%; z-index: 10; background-color: #ffffff; filter: "alpha(opacity=1)"; -khtml-opacity: 0.01; -moz-opacity: 0.01; opacity: 0.01; }

.form-manager .form-selector.skinMe .skinme-select-ctn .select.contact.opened .toggler { background-position: 0 -10px; }

.form-manager .form-selector.skinMe .skinme-select-ctn .select.contact.opened .active-choice { border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.form-manager .form-selector.skinMe .skinme-select-ctn .select.contact .active-choice { position: absolute; height: 60px; top: 0; left: 0; z-index: 5; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding-left: 15px; padding-right: 60px; }

.form-manager .form-selector.skinMe .skinme-select-ctn .select.contact .skinme-select-choices { display: none; position: relative; top: 100%; margin-top: 1px; border: 1px solid; z-index: 9999; overflow: hidden; border-radius: 0 0 25px 25px; background-color: #ffffff; border-color: #ececec; }

.form-manager .form-selector.skinMe .skinme-select-ctn .select.contact .skinme-select-choices.open { display: block; }

.form-manager .form-selector.skinMe .skinme-select-ctn .select.contact .skinme-select-choices .choice { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 5px 15px; clear: both; cursor: pointer; text-align: left; }

.form-manager .form-selector.skinMe .skinme-select-ctn .select.contact .skinme-select-choices .choice.default { display: none; }

.form-manager .form-selector.skinMe .skinme-select-ctn .select.contact .skinme-select-choices .choice.selected, .form-manager .form-selector.skinMe .skinme-select-ctn .select.contact .skinme-select-choices .choice:hover { color: #333333; background-color: #d3d8d8; }

.form-manager .form-selector.skinMe .skinme-select-ctn .select.contact:hover { background-color: #d3d8d8; }

.form-manager .form-selector.skinMe .skinme-select-ctn select { cursor: pointer; z-index: 1; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; }

.form-manager .form-selector.skinMe .skinme-select-ctn select.native { position: absolute; top: 0; bottom: 0; width: 100%; z-index: 10; }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.job-offer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; width: 30.12048%; float: left; margin-right: 4.81928%; margin-top: 60px; }

.job-offer:nth-child(3n+3) { float: right; margin-right: 0; }

.job-offer .job-image { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; overflow: hidden; }

.job-offer .job-image a { display: block; }

.job-offer .job-image a img { display: block; width: 100%; }

.job-offer .job-name { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 20px 0 0; }

.job-offer .job-name h3 { padding-bottom: 25px; font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 35px; line-height: 1; }

.job-offer .job-name .primary-cta { margin-top: auto; }

.job-offer .job-name a { text-decoration: none; }

@media (min-width: 768px) { .job-offer:nth-child(-n+3) { margin-top: 0; } }

@media (min-width: 0) and (max-width: 767px) { .job-offer { clear: both; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; max-width: 300px; position: relative; margin-top: 40px; }
    .job-offer:nth-child(3n+3) { clear: both; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; }
    .job-offer:first-child { margin-top: 0; }
    .job-offer .job-name { padding-top: 15px; }
    .job-offer .job-name h3 { padding-bottom: 15px; font-size: 30px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.listing-2col { *zoom: 1; display: block; margin: 0 auto; }

.listing-2col:before, .listing-2col:after { content: " "; display: table; line-height: 0; }

.listing-2col:after { clear: both; }

.listing-2col.centered { max-width: 1440px; }

.listing-2col.large .listing-2col-item { width: 100%; padding-bottom: 0; }

.listing-2col.large .listing-2col-item:nth-child(odd) { padding-right: 20px; }

.listing-2col.large .listing-2col-item .listing-2col-item-wrapper { padding-top: 38.25%; }

.listing-2col .listing-2col-item { position: relative; width: 50%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 20px; }

.listing-2col .listing-2col-item:nth-child(odd) { padding-right: 10px; }

.listing-2col .listing-2col-item:nth-child(even) { padding-left: 10px; }

.listing-2col .listing-2col-item .shadow-filter { opacity: 0.5; z-index: 2; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,e5e5e5+100&1+0,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(black), to(rgba(229, 229, 229, 0))); background: linear-gradient(to right, black 0%, rgba(229, 229, 229, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 */ position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.listing-2col .listing-2col-item .listing-2col-item-wrapper { width: 100%; height: 0; padding-top: 56.25%; position: relative; overflow: hidden; }

.listing-2col .listing-2col-item .listing-2col-item-wrapper .bg, .listing-2col .listing-2col-item .listing-2col-item-wrapper .bg-mobile { position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; max-width: none; height: 100%; }

.listing-2col .listing-2col-item .listing-2col-item-wrapper .bg-mobile { width: 100%; height: auto; }

.listing-2col .listing-2col-item .listing-2col-item-wrapper .content { z-index: 2; position: absolute; top: 50%; left: 77px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (min-width: 0) and (max-width: 1439px) { .listing-2col.centered { max-width: 1024px; } }

@media (min-width: 0) and (max-width: 1023px) { .listing-2col.centered { max-width: 768px; }
    .listing-2col.large .listing-2col-item .listing-2col-item-wrapper { padding-top: 50%; } }

@media (min-width: 0) and (max-width: 767px) { .listing-2col.centered { max-width: 480px; }
    .listing-2col.large { text-align: center; }
    .listing-2col.large .listing-2col-item { padding-bottom: 0; }
    .listing-2col.large .listing-2col-item:nth-child(odd) { padding-right: 10px; }
    .listing-2col.large .listing-2col-item .listing-2col-item-wrapper .bg { width: 100%; height: auto; }
    .listing-2col.large .listing-2col-item .listing-2col-item-wrapper .content { left: 0; width: 100%; padding: 0 20px; }
    .listing-2col .listing-2col-item { width: 100%; padding: 10px 10px; padding-top: 0; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.listing-3col { *zoom: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; }

.listing-3col:before, .listing-3col:after { content: " "; display: table; line-height: 0; }

.listing-3col:after { clear: both; }

.listing-3col.centered { max-width: 1440px; }

.listing-3col.large .listing-3col-item { width: 100%; padding-bottom: 0; }

.listing-3col.large .listing-3col-item:nth-child(odd) { padding-right: 20px; }

.listing-3col.large .listing-3col-item .listing-3col-item-wrapper { padding-top: 38.25%; }

.listing-3col .listing-3col-item { position: relative; width: 33.3%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 20px; }

.listing-3col .listing-3col-item:nth-child(odd) { padding-right: 10px; }

.listing-3col .listing-3col-item:nth-child(3) { padding-left: 10px; padding-right: 20px; }

.listing-3col .listing-3col-item .shadow-filter { opacity: 0.5; z-index: 2; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,e5e5e5+100&1+0,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(black), to(rgba(229, 229, 229, 0))); background: linear-gradient(to right, black 0%, rgba(229, 229, 229, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 */ position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.listing-3col .listing-3col-item .listing-3col-item-wrapper { width: 100%; height: 0; padding-top: 56.25%; position: relative; overflow: hidden; }

.listing-3col .listing-3col-item .listing-3col-item-wrapper .bg, .listing-3col .listing-3col-item .listing-3col-item-wrapper .bg-mobile { position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; max-width: none; height: 100%; }

.listing-3col .listing-3col-item .listing-3col-item-wrapper .bg-mobile { width: 100%; height: auto; }

.listing-3col .listing-3col-item .listing-3col-item-wrapper .content { z-index: 2; position: absolute; top: 50%; left: 77px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media (min-width: 0) and (max-width: 1439px) { .listing-3col.centered { max-width: 1024px; } }

@media (min-width: 0) and (max-width: 1023px) { .listing-3col { display: block; }
    .listing-3col.centered { max-width: 768px; }
    .listing-3col.large .listing-3col-item .listing-3col-item-wrapper { padding-top: 50%; }
    .listing-3col .listing-3col-item { width: 100%; padding: 20px 20px; padding-top: 0; }
    .listing-3col .listing-3col-item:nth-child(1) { padding-right: 20px; }
    .listing-3col .listing-3col-item:nth-child(3) { padding-left: 20px; padding-right: 20px; } }

@media (min-width: 0) and (max-width: 767px) { .listing-3col.centered { max-width: 480px; }
    .listing-3col.large { text-align: center; }
    .listing-3col.large .listing-3col-item { padding-bottom: 0; padding-left: 15px !important; padding-right: 15px !important; }
    .listing-3col.large .listing-3col-item .listing-3col-item-wrapper .bg { width: 100%; height: auto; }
    .listing-3col.large .listing-3col-item .listing-3col-item-wrapper .content { left: 0; width: 100%; padding: 0 20px; }
    .listing-3col .listing-3col-item { width: 100%; padding-left: 15px !important; padding-right: 15px !important; padding-top: 0; }
    .listing-3col .listing-3col-item:nth-child(3) { padding-right: 10px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.section.menu-category { padding: 30px 0 20px; background: #FFF; z-index: 9; -webkit-transition: top 250ms ease-in-out; transition: top 250ms ease-in-out; }

.section.menu-category.fixed { position: fixed; left: 0; right: 0; }

.section.menu-category .centered-content .inline-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.section.menu-category .centered-content .inline-menu li { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; min-height: 53px; border: 1px solid #A2A2A2; -webkit-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53); overflow: hidden; }

.section.menu-category .centered-content .inline-menu li:not(:last-child) { border-right: none; }

.section.menu-category .centered-content .inline-menu li.active, .section.menu-category .centered-content .inline-menu li:hover { border-color: #902929; background-color: #902929; }

.section.menu-category .centered-content .inline-menu li.active + li, .section.menu-category .centered-content .inline-menu li:hover + li { border-left-color: #902929; }

.section.menu-category .centered-content .inline-menu li.active a, .section.menu-category .centered-content .inline-menu li:hover a { color: #FFF; }

.section.menu-category .centered-content .inline-menu li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 15px 20px; font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 18px; line-height: 1.22; text-decoration: none; text-align: center; color: #464646; -webkit-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53); }

.section.menu-category .centered-content .menu-category-mobile { display: none !important; }

.section.menu-category .centered-content .menu-category-mobile.skinMe .skinme-select-ctn { position: relative; height: 50px; line-height: 1; }

.section.menu-category .centered-content .menu-category-mobile.skinMe .skinme-select-ctn .select.category { cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 50px; border: 1px solid; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; color: #333333; border-color: #d3d8d8; }

.section.menu-category .centered-content .menu-category-mobile.skinMe .skinme-select-ctn .select.category .toggler { position: absolute; top: 25px; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 13.5px; height: 9px; background-image: url("../../../../resources/assets/images/ui/arrow-select-white@2x.png"); background-size: 100% auto; }

.section.menu-category .centered-content .menu-category-mobile.skinMe .skinme-select-ctn .select.category .skinme-mask { position: absolute; width: 100%; height: 100%; z-index: 10; background-color: #ffffff; filter: "alpha(opacity=1)"; -khtml-opacity: 0.01; -moz-opacity: 0.01; opacity: 0.01; }

.section.menu-category .centered-content .menu-category-mobile.skinMe .skinme-select-ctn .select.category.opened .toggler { background-position: 0 -9px; }

.section.menu-category .centered-content .menu-category-mobile.skinMe .skinme-select-ctn .select.category.opened .active-choice { border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.section.menu-category .centered-content .menu-category-mobile.skinMe .skinme-select-ctn .select.category .active-choice { position: absolute; height: 50px; top: 0; left: 0; z-index: 5; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding-left: 15px; padding-right: 50px; }

.section.menu-category .centered-content .menu-category-mobile.skinMe .skinme-select-ctn .select.category .skinme-select-choices { display: none; position: relative; top: 100%; margin-top: 1px; border: 1px solid; z-index: 9999; overflow: hidden; border-radius: 0 0 25px 25px; background-color: #ffffff; border-color: #ececec; }

.section.menu-category .centered-content .menu-category-mobile.skinMe .skinme-select-ctn .select.category .skinme-select-choices.open { display: block; }

.section.menu-category .centered-content .menu-category-mobile.skinMe .skinme-select-ctn .select.category .skinme-select-choices .choice { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 5px 15px; clear: both; cursor: pointer; text-align: left; }

.section.menu-category .centered-content .menu-category-mobile.skinMe .skinme-select-ctn .select.category .skinme-select-choices .choice.default { display: none; }

.section.menu-category .centered-content .menu-category-mobile.skinMe .skinme-select-ctn .select.category .skinme-select-choices .choice.selected, .section.menu-category .centered-content .menu-category-mobile.skinMe .skinme-select-ctn .select.category .skinme-select-choices .choice:hover { color: #333333; background-color: #d3d8d8; }

.section.menu-category .centered-content .menu-category-mobile.skinMe .skinme-select-ctn .select.category:hover { background-color: #d3d8d8; }

.section.menu-category .centered-content .menu-category-mobile.skinMe .skinme-select-ctn select { cursor: pointer; z-index: 1; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; }

.section.menu-category .centered-content .menu-category-mobile.skinMe .skinme-select-ctn select.native { position: absolute; top: 0; bottom: 0; width: 100%; z-index: 10; }

@media (min-width: 0) and (max-width: 1439px) { .section.menu-category { padding: 20px 0; } }

@media (min-width: 0) and (max-width: 767px) { .section.menu-category { padding: 0; background: transparent; }
    .section.menu-category .centered-content { padding: 0; height: 50px; }
    .section.menu-category .centered-content .inline-menu { display: none; }
    .section.menu-category .centered-content .menu-category-mobile { display: inline-block !important; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.newsletter-popup { padding-top: 290px; }

.newsletter-popup h2 { margin-bottom: 35px; }

.newsletter-popup p { margin-bottom: 20px; }

.newsletter-absolute-wrapper { position: absolute; top: 0; left: -1px; right: -1px; height: 290px; overflow: hidden; }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.modal { display: none; overflow: auto; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.modal .modal-bg { background: #FFF; opacity: 0.75; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }

.modal .modal-box { width: 576px; border: 1px solid rgba(35, 31, 32, 0.5); background-color: #FFF; -webkit-box-shadow: 0 4px 5px 0 rgba(150, 150, 150, 0.8); box-shadow: 0 4px 5px 0 rgba(150, 150, 150, 0.8); margin: 80px auto 50px; position: relative; z-index: 2; }

.modal .modal-box .close-button { position: absolute; right: 0px; top: 0px; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0.5; padding: 10px; z-index: 20; }

.modal .modal-box .close-button:hover { opacity: 0.75; background: none; }

.modal .modal-box .content-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 32px 70px 20px; }

.modal .modal-header { margin-bottom: 25px; }

.modal .modal-header h3 { text-align: center; margin-bottom: 17px; }

.modal .modal-header p { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; color: #231F20; text-align: center; line-height: 1.4em; margin-bottom: 10px; }

.modal .modal-header p:last-child { margin-bottom: 0; }

.modal .modal-content { margin-bottom: 39px; }

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

@media (min-width: 0) and (max-width: 767px) { .modal.fixed-mobile .modal-bg { display: none; }
    .modal.fixed-mobile .modal-box { width: 90%; margin: 20px auto; }
    .modal .modal-box { width: 90%; margin: 40px auto; }
    .modal .modal-box .content-wrapper { padding: 20px 10px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.no-restaurant-selected { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px; padding: 13px 20px; background-color: #F2F2F2; font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; line-height: 1.25; }

.no-restaurant-selected .icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 10px; padding: 0 8px; border: 2px solid #E83B30; border-radius: 50%; font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; color: #E83B30; }

.no-restaurant-selected .text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

.no-restaurant-selected .text a { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; text-decoration: none; color: #B21F28; }

.no-restaurant-selected .text a:hover { text-decoration: underline; }

@media (min-width: 0) and (max-width: 959px) { .no-restaurant-selected { margin-bottom: 30px; } }

@media (max-width: 767px) { .no-restaurant-selected { margin-bottom: 20px; font-size: 14px; }
    .no-restaurant-selected .text a { font-size: inherit; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.post { -webkit-box-sizing: border-box; box-sizing: border-box; width: 30.12048%; float: left; margin-right: 4.81928%; min-height: 480px; -webkit-box-shadow: 0 5px 15px 0 rgba(197, 197, 197, 0.5); box-shadow: 0 5px 15px 0 rgba(197, 197, 197, 0.5); overflow: hidden; margin-bottom: 40px; background-color: white; position: relative; }

.post.double-post { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 65.06024%; float: left; margin-right: 4.81928%; }

.post.double-post .post-image { position: absolute; z-index: 1; height: 100%; width: 100%; overflow: hidden; }

.post.double-post .post-image .overlay-color { position: absolute; z-index: 3; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.8; background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(transparent)); background: linear-gradient(0deg, #000000 0%, transparent 100%); }

.post.double-post .post-image img { width: 100%; }

.post.double-post .post-info { position: absolute; z-index: 2; width: 100%; padding: 30px; bottom: 0%; }

.post.double-post .post-info .post-info-title { color: #FFF; width: 50%; }

.post.double-post .post-info .post-info-description { color: #FFF; width: 50%; }

.post.double-post .post-info .post-author .post-author-name { color: #FFF; }

.post.double-post .post-info .post-author .post-author-job { color: #FFF; }

.post:nth-child(2n+2) { float: right; margin-right: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.post .post-image { height: 240px; overflow: hidden; position: relative; }

.post .post-image a { display: block; width: 100%; height: 100%; }

.post .post-image a img { min-height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.post .post-info { padding: 30px; }

.post .post-info .post-info-category { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; color: #902929; }

.post .post-info a.title-link { text-decoration: none; }

.post .post-info .post-info-title { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 34px; text-transform: uppercase; padding: 10px 0 20px; }

.post .post-info .post-info-description { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 17px; line-height: 1.3; padding-bottom: 60px; }

.post .post-info .action { position: absolute; bottom: 30px; left: 30px; }

.post .post-info .post-author { position: absolute; right: 30px; bottom: 30px; width: 45%; text-align: right; }

.post .post-info .post-author .post-author-name { position: absolute; font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; right: 50px; bottom: 24px; opacity: 0.5; }

.post .post-info .post-author .post-author-job { position: absolute; font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; right: 50px; top: 23px; opacity: 0.5; }

.post .post-info .post-author .post-author-image-wrapper { border-radius: 100%; width: 40px; height: 40px; float: right; overflow: hidden; }

.post .post-info .post-author .post-author-image-wrapper .post-author-image { height: 100%; max-width: none; margin-left: -25%; }

@media (min-width: 0) and (max-width: 1439px) { .post.double-post .post-image img { height: 100%; width: auto; max-width: none; }
    .post.double-post .post-info { padding: 20px; }
    .post .post-image { height: 160px; }
    .post .post-info { padding: 20px; }
    .post .post-info .action { bottom: 20px; left: 20px; }
    .post .post-info .post-author { right: 20px; bottom: 20px; } }

@media (min-width: 0) and (max-width: 1023px) { .post { -webkit-box-sizing: border-box; box-sizing: border-box; width: 48.583%; float: left; margin-right: 2.83401%; }
    .post.double-post { -webkit-box-sizing: border-box; box-sizing: border-box; width: 48.583%; float: left; margin-right: 2.83401%; }
    .post.double-post .post-info .post-info-title { width: 100%; }
    .post.double-post .post-info .post-info-description { width: 100%; }
    .post:nth-child(2n+2) { float: right; margin-right: 0; } }

@media (min-width: 0) and (max-width: 767px) { .post { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; max-height: none; height: auto; width: 100%; max-width: 370px; min-height: 400px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .post.double-post { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; }
    .post.double-post .post-info { bottom: 0; height: auto; padding: 20px; }
    .post.double-post .post-info .post-info-title { width: 100%; }
    .post.double-post .post-info .post-info-description { width: 100%; }
    .post.double-post .post-info .primary-cta { left: 0; bottom: 0; position: relative; }
    .post.double-post .post-info .post-author { right: 20px; bottom: 20px; }
    .post:nth-child(2n+2) { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; }
    .post:not(.double-post) .post-image { height: auto; }
    .post:not(.double-post) .post-image img { position: relative; -webkit-transform: none; transform: none; left: 0; top: 0; }
    .post .post-info { width: 100%; float: none; height: 60%; }
    .post .post-info .post-info-title { padding: 10px 0; }
    .post .post-info .primary-cta { position: relative; left: 0; bottom: 0; -webkit-transform: translateX(0); transform: translateX(0); }
    .post .post-info .post-author { right: 20px; bottom: 20px; width: 45%; } }

@charset "UTF-8";
/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.wysiwyg-wrapper { *zoom: 1; padding: 85px 0; }

.wysiwyg-wrapper:before, .wysiwyg-wrapper:after { content: " "; display: table; line-height: 0; }

.wysiwyg-wrapper:after { clear: both; }

.wysiwyg-wrapper.left-1 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 77.0751%; float: left; margin-right: 3.16206%; margin-left: 11.46245%; margin-right: 11.46245%; }

.wysiwyg-wrapper.left-1.right-2 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 65.61265%; float: left; margin-right: 3.16206%; margin-right: 22.9249%; }

.wysiwyg-wrapper.left-1.right-3 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.1502%; float: left; margin-right: 3.16206%; margin-right: 34.38735%; }

.wysiwyg-wrapper.left-2 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 65.61265%; float: left; margin-right: 3.16206%; margin-left: 22.9249%; margin-right: 11.46245%; }

.wysiwyg-wrapper.left-2.right-2 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.1502%; float: left; margin-right: 3.16206%; margin-right: 22.9249%; }

.wysiwyg-wrapper.left-2.right-3 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 42.68775%; float: left; margin-right: 3.16206%; margin-right: 34.38735%; }

.wysiwyg-wrapper.left-3 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.1502%; float: left; margin-right: 3.16206%; margin-left: 34.38735%; margin-right: 11.46245%; }

.wysiwyg-wrapper.left-3.right-2 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 42.68775%; float: left; margin-right: 3.16206%; margin-right: 22.9249%; }

.wysiwyg-wrapper.left-3.right-3 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 31.2253%; float: left; margin-right: 3.16206%; margin-right: 34.38735%; }

.wysiwyg-wrapper h2 { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 40px; text-transform: uppercase; margin: 0 0 40px; }

.wysiwyg-wrapper h3 { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 25px; text-transform: uppercase; margin: 0 0 25px; }

.wysiwyg-wrapper h4 { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 20px; text-transform: uppercase; margin: 0 0 20px; }

.wysiwyg-wrapper h5 { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 18px; text-transform: uppercase; margin: 0 0 18px; }

.wysiwyg-wrapper p { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 17px; line-height: 1.5; margin: 0 0 50px; color: #231F20; }

.wysiwyg-wrapper p + ul { margin-top: -35px; }

.wysiwyg-wrapper table { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 17px; line-height: 1.5; color: #231F20; margin: 0 0 50px; }

.wysiwyg-wrapper a { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 17px; opacity: 0.7; line-height: 1.5; margin: 0 0 50px; }

.wysiwyg-wrapper img { width: 100%; margin: 0 0 70px; }

.wysiwyg-wrapper ul { list-style: none; margin: 0 0 30px; }

.wysiwyg-wrapper ul li { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 17px; opacity: 0.7; line-height: 1.5; margin: 0 0 5px; position: relative; padding-left: 15px; }

.wysiwyg-wrapper ul li:before { content: "•"; font-size: 17px; margin-right: 5px; position: absolute; left: 0; }

.wysiwyg-wrapper ol { list-style: none; margin: 0 0 50px; }

.wysiwyg-wrapper ol li { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 17px; opacity: 0.7; line-height: 1.5; margin: 0 0 5px; }

.wysiwyg-wrapper ol li:before { content: "•"; font-size: 17px; margin-right: 5px; }

.wysiwyg-wrapper .fr-video { width: 100% !important; height: 0 !important; padding-top: 56.25%; position: relative; display: block; }

.wysiwyg-wrapper .fr-video iframe, .wysiwyg-wrapper .fr-video embed { position: absolute; top: 0; width: 100% !important; height: 100% !important; }

.wysiwyg-wrapper iframe, .wysiwyg-wrapper embed { width: 100%; margin: 0 0 70px; -webkit-box-shadow: 0 10px 25px 0 rgba(150, 150, 150, 0.7); box-shadow: 0 10px 25px 0 rgba(150, 150, 150, 0.7); }

@media (min-width: 0) and (max-width: 1439px) { .wysiwyg-wrapper.left-1 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 82.87671%; float: left; margin-right: 2.73973%; margin-left: 8.56164%; margin-right: 8.56164%; }
    .wysiwyg-wrapper.left-1.right-2 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 74.31507%; float: left; margin-right: 2.73973%; margin-right: 17.12329%; }
    .wysiwyg-wrapper.left-1.right-3 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 65.75342%; float: left; margin-right: 2.73973%; margin-right: 25.68493%; }
    .wysiwyg-wrapper.left-2 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 74.31507%; float: left; margin-right: 2.73973%; margin-left: 17.12329%; margin-right: 8.56164%; }
    .wysiwyg-wrapper.left-2.right-2 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 65.75342%; float: left; margin-right: 2.73973%; margin-right: 17.12329%; }
    .wysiwyg-wrapper.left-2.right-3 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 57.19178%; float: left; margin-right: 2.73973%; margin-right: 25.68493%; }
    .wysiwyg-wrapper.left-3 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 65.75342%; float: left; margin-right: 2.73973%; margin-left: 25.68493%; margin-right: 8.56164%; }
    .wysiwyg-wrapper.left-3.right-2 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 57.19178%; float: left; margin-right: 2.73973%; margin-right: 17.12329%; }
    .wysiwyg-wrapper.left-3.right-3 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 48.63014%; float: left; margin-right: 2.73973%; margin-right: 25.68493%; } }

@media (min-width: 0) and (max-width: 1023px) { .wysiwyg-wrapper.left-1 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; }
    .wysiwyg-wrapper.left-1.right-2 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; }
    .wysiwyg-wrapper.left-1.right-3 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; }
    .wysiwyg-wrapper.left-2 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; }
    .wysiwyg-wrapper.left-2.right-2 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; }
    .wysiwyg-wrapper.left-2.right-3 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; }
    .wysiwyg-wrapper.left-3 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; }
    .wysiwyg-wrapper.left-3.right-2 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; }
    .wysiwyg-wrapper.left-3.right-3 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; } }

@media (min-width: 0) and (max-width: 767px) { .wysiwyg-wrapper.left-1 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; }
    .wysiwyg-wrapper.left-1.right-2 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; }
    .wysiwyg-wrapper.left-1.right-3 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; }
    .wysiwyg-wrapper.left-2 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; }
    .wysiwyg-wrapper.left-2.right-2 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; }
    .wysiwyg-wrapper.left-2.right-3 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; }
    .wysiwyg-wrapper.left-3 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; }
    .wysiwyg-wrapper.left-3.right-2 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; }
    .wysiwyg-wrapper.left-3.right-3 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; }
    .wysiwyg-wrapper h2 { font-size: 25px; line-height: 1.5; }
    .wysiwyg-wrapper h3 { font-size: 25px; line-height: 1.5; }
    .wysiwyg-wrapper h4 { line-height: 1.5; }
    .wysiwyg-wrapper h5 { line-height: 1.5; }
    .wysiwyg-wrapper p { margin: 0 0 20px; }
    .wysiwyg-wrapper a { margin: 0 0 20px; }
    .wysiwyg-wrapper img { margin: 0 0 30px; }
    .wysiwyg-wrapper ul { margin: 0 0 20px; }
    .wysiwyg-wrapper ol { margin: 0 0 20px; }
    .wysiwyg-wrapper iframe, .wysiwyg-wrapper embed { margin: 0 0 30px; } }

@media (min-width: 0) and (max-width: 767px) { .wysiwyg-wrapper { padding: 35px 0; } }

.single-promotion .wysiwyg-wrapper iframe, .single-promotion .wysiwyg-wrapper embed { width: auto; margin: 0 0 70px; -webkit-box-shadow: none; box-shadow: none; border: none; }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.articles-section { padding: 100px 0 85px; background-color: #F2F2F2; }

.articles-section.no-bg { background-color: transparent; }

.articles-section .articles { position: relative; }

.articles-section .articles .articles-ctn { *zoom: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.articles-section .articles .articles-ctn:before, .articles-section .articles .articles-ctn:after { content: " "; display: table; line-height: 0; }

.articles-section .articles .articles-ctn:after { clear: both; }

.articles-section .articles .articles-ctn.one-line .post { -webkit-box-sizing: border-box; box-sizing: border-box; width: 30.12048%; float: left; margin-right: 4.81928%; }

.articles-section .articles .articles-ctn.one-line .post:last-child { -webkit-box-sizing: border-box; box-sizing: border-box; width: 30.12048%; float: right; margin-right: 0; }

.articles-section .articles .see-all { position: absolute; top: 15px; right: 0; font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; text-transform: uppercase; color: #B21F28; border-bottom: 1px solid #B21F28; }

.articles-section h2 { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 40px; text-transform: uppercase; padding-bottom: 50px; }

@media (min-width: 0) and (max-width: 1023px) { .articles-section { padding: 60px 0 50px; }
    .articles-section .articles .articles-ctn.one-line .post .post-info .post-info-description { padding-bottom: 120px; }
    .articles-section .articles .articles-ctn.one-line .post .post-info .post-author { left: 20px; bottom: 80px; width: 80%; }
    .articles-section .articles .articles-ctn.one-line .post .post-info .post-author .post-author-image-wrapper { float: left; }
    .articles-section .articles .articles-ctn.one-line .post .post-info .post-author .post-author-name, .articles-section .articles .articles-ctn.one-line .post .post-info .post-author .post-author-job { text-align: left; left: 50px; } }

@media (min-width: 0) and (max-width: 767px) { .articles-section { padding: 30px 0 20px; }
    .articles-section .articles .articles-ctn { display: block; }
    .articles-section .articles .articles-ctn.one-line .post { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; }
    .articles-section .articles .articles-ctn.one-line .post:nth-child(3n+3) { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; }
    .articles-section .articles .articles-ctn.one-line .post .post-info .post-info-description { padding-bottom: 60px; }
    .articles-section .articles .articles-ctn.one-line .post .post-info .post-author { left: auto; bottom: 20px; width: 45%; }
    .articles-section .articles .articles-ctn.one-line .post .post-info .post-author .post-author-image-wrapper { float: right; }
    .articles-section .articles .articles-ctn.one-line .post .post-info .post-author .post-author-name, .articles-section .articles .articles-ctn.one-line .post .post-info .post-author .post-author-job { text-align: right; left: auto; }
    .articles-section .articles .see-all { position: relative; display: inline-block; margin-bottom: 10px; top: 0; }
    .articles-section h2 { font-size: 25px; padding-bottom: 25px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.aside-with-content { position: relative; padding: 70px 0 150px; }

@media (min-width: 0) and (max-width: 1023px) { .aside-with-content { padding: 35px 0 75px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.careers-listing { margin: 0 0 48px; }

.careers-listing.minimized { margin: 42px 0 0; }

.careers-listing.minimized .title { margin: 0 0 48px; }

.careers-listing.minimized .position .info { -webkit-box-flex: 0; -ms-flex: 0 0 31.16%; flex: 0 0 31.16%; }

.careers-listing.minimized .position .distance { -webkit-box-flex: 0; -ms-flex: 0 0 13.37%; flex: 0 0 13.37%; }

.careers-listing.minimized .position .cta-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.careers-listing.minimized .position .cta-wrapper .primary-cta:first-child { margin-right: 30px; }

.careers-listing .listing-error { margin: 0 0 40px; color: #B21F28; }

.careers-listing .title { margin: 0 0 48px; }

.careers-listing .position { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.careers-listing .position:not(:first-child) { border-top: 1px solid #A2A2A2; padding-top: 16px; }

.careers-listing .position:not(:last-child) { padding-bottom: 16px; }

.careers-listing .position .info { -webkit-box-flex: 0; -ms-flex: 0 0 41.27%; flex: 0 0 41.27%; }

.careers-listing .position .info .name { font-size: 30px; line-height: 0.73; margin: 0 0 9px; }

.careers-listing .position .info .restaurant { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; line-height: 1.375; margin: 0 0 5px; }

.careers-listing .position .info .address, .careers-listing .position .info .phone { font-size: 14px; color: #464646; }

.careers-listing .position .info .address { line-height: 1.287; margin: 0 0 5px; }

.careers-listing .position .info .phone { line-height: 1.57; }

.careers-listing .position .info .distance { display: none; }

.careers-listing .position > .distance { text-align: center; padding: 0 20px; -webkit-box-flex: 0; -ms-flex: 0 0 23.27%; flex: 0 0 23.27%; }

.careers-listing .position .distance { font-family: TorontoSubwayBlack, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; line-height: 0.96; }

.careers-listing .position .cta-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 15px; }

.careers-listing .position .cta-wrapper .primary-cta { display: block; padding: 15.5px 30px; }

.careers-listing .position .cta-wrapper .primary-cta:first-child { margin-right: 54px; }

.careers-listing .position .cta-wrapper .primary-cta .text { font-size: 16px; line-height: 1.375; }

@media (min-width: 0) and (max-width: 1439px) { .careers-listing.minimized .position .cta-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 42%; flex: 0 0 42%; }
    .careers-listing .position > .distance { -webkit-box-flex: 0; -ms-flex: 0 0 17.27%; flex: 0 0 17.27%; }
    .careers-listing .position .cta-wrapper { padding: 0; }
    .careers-listing .position .cta-wrapper .primary-cta:first-child { margin-right: 20px; } }

@media (min-width: 0) and (max-width: 1023px) { .careers-listing.minimized .position .info, .careers-listing.minimized .position .cta-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; }
    .careers-listing .position { position: relative; }
    .careers-listing .position .info { margin: 0 0 10px; -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; }
    .careers-listing .position .info .distance { display: block; margin: 7px 0 0; }
    .careers-listing .position > .distance { display: none; }
    .careers-listing .position .cta-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; }
    .careers-listing .position .cta-wrapper .primary-cta:first-child { margin-right: 15px; } }

@media (min-width: 768px) { .careers-listing.minimized .position .cta-wrapper > *:first-child { padding: 0; background: none; border: none; text-decoration: underline; text-align: left; min-width: auto; color: #902929; }
    .careers-listing.minimized .position .cta-wrapper > *:first-child .text { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; line-height: 1.406; color: currentColor; -webkit-transition: none; transition: none; }
    .careers-listing.minimized .position .cta-wrapper > *:first-child:hover { background: none; text-decoration: none; color: #231F20; } }

@media (min-width: 0) and (max-width: 767px) { .careers-listing { margin: 0 0 35px; }
    .careers-listing.minimized .position .info, .careers-listing.minimized .position .cta-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .careers-listing.minimized .position .cta-wrapper .primary-cta:first-child { margin: 0 0 5px; }
    .careers-listing .listing-error { margin: 0 0 20px; font-size: 14px; }
    .careers-listing .title { font-size: 35px; line-height: 0.643; margin: 0 0 29px; }
    .careers-listing .position { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; }
    .careers-listing .position:not(:first-child) { padding-top: 20px; }
    .careers-listing .position:not(:last-child) { padding-bottom: 20px; }
    .careers-listing .position .info .name { font-size: 26px; line-height: 0.846; margin: 0 0 1px; }
    .careers-listing .position .info .restaurant { font-size: 14px; line-height: 1.57; margin: 0 0 2px; }
    .careers-listing .position .info .address, .careers-listing .position .info .phone { font-size: 12px; }
    .careers-listing .position .info .address { line-height: 1.42; margin: 0; }
    .careers-listing .position .info .phone { line-height: 1.833; }
    .careers-listing .position .cta-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0; margin: 0; }
    .careers-listing .position .cta-wrapper .primary-cta { width: 100%; padding: 12px 30px; }
    .careers-listing .position .cta-wrapper .primary-cta:first-child { margin: 0 0 8px; }
    .careers-listing .position .cta-wrapper .primary-cta .text { font-size: 14px; line-height: 1; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.covid-19 { padding: 70px 70px 80px; margin: 0 20px 20px; background-color: #D25E27; }

.covid-19 .centered-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; color: #FFF; }

.covid-19 .centered-content h2 { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 35px; color: #FFF; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1.4px; }

.covid-19 .centered-content p { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 20px; line-height: 1.5; margin-bottom: 20px; }

.covid-19 .centered-content a { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 24px; color: #FFF; }

.covid-19 .centered-content a:hover { color: #FFF; }

@media (min-width: 0) and (max-width: 1023px) { .covid-19 { padding: 50px 20px; }
    .covid-19 .centered-content h2 { font-size: 24px; }
    .covid-19 .centered-content p { font-size: 16px; }
    .covid-19 .centered-content a { font-size: 16px; } }

@media (min-width: 0) and (max-width: 767px) { .covid-19 { margin: 0 10px 10px; padding: 30px 10px; }
    .covid-19 .centered-content h2 { font-size: 18px; }
    .covid-19 .centered-content p { font-size: 14px; }
    .covid-19 .centered-content a { font-size: 14px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.footer-extranet { height: 205px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #231F20; }

.footer-extranet p { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; color: #FFF; margin-bottom: 18px; text-align: center; opacity: 0.5; }

@media (min-width: 0) and (max-width: 767px) { .footer-extranet p { margin: 25px 0; font-size: 12px; line-height: 20px; padding: 0 20px; }
    .footer-extranet br { display: none; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
#site-footer { background: #231F20; }

#site-footer .footer { padding-top: 93px; padding-bottom: 50px; }

#site-footer .footer .footer-row { *zoom: 1; margin-bottom: 50px; position: relative; }

#site-footer .footer .footer-row:before, #site-footer .footer .footer-row:after { content: " "; display: table; line-height: 0; }

#site-footer .footer .footer-row:after { clear: both; }

#site-footer .footer .footer-row:last-child { margin-bottom: 0; }

#site-footer .footer .footer-row .footer-navigation { -webkit-box-sizing: border-box; box-sizing: border-box; width: 55.22059%; float: left; margin-right: 2.35294%; padding-top: 35px; }

#site-footer .footer .footer-row .footer-navigation .wrapper-sections-list { *zoom: 1; }

#site-footer .footer .footer-row .footer-navigation .wrapper-sections-list:before, #site-footer .footer .footer-row .footer-navigation .wrapper-sections-list:after { content: " "; display: table; line-height: 0; }

#site-footer .footer .footer-row .footer-navigation .wrapper-sections-list:after { clear: both; }

#site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list { float: left; width: 188px; margin-right: 13px; }

#site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list.desktop-only { padding-top: 83px; }

#site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list .links-title { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 30px; color: #FFF; text-transform: uppercase; margin-bottom: 53px; letter-spacing: 1.4px; }

#site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list .links-title .icon { display: none; }

#site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list .links-title.title-mobile-only { visibility: hidden; }

#site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list .links > li > a { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; color: #FFF; text-decoration: none; margin-bottom: 18px; display: block; -webkit-transition: color 200ms ease-in-out, opacity 200ms ease-in-out; transition: color 200ms ease-in-out, opacity 200ms ease-in-out; }

#site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list .links > li > a:hover { color: #B21F28; }

#site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list .links .mobile-only { display: none; }

#site-footer .footer .footer-row .newsletter-subscribtion { -webkit-box-sizing: border-box; box-sizing: border-box; width: 42.42647%; float: right; margin-right: 0; }

#site-footer .footer .footer-row .newsletter-subscribtion .tag-line { font-family: 'Faboulous Script', Arial, helvetica, sans-serif; font-style: normal; font-size: 30px; color: #FFF; margin-bottom: 5px; }

#site-footer .footer .footer-row .newsletter-subscribtion .newsletter-title { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 40px; color: #FFF; text-transform: uppercase; margin-bottom: 50px; letter-spacing: 1.6px; }

#site-footer .footer .footer-row .newsletter-subscribtion .error-message { padding-left: 20px; margin-top: 10px; color: #902929; }

#site-footer .footer .footer-row .newsletter-subscribtion .error-message.success { color: #639D2C; }

#site-footer .footer .footer-row.space-between { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#site-footer .footer .footer-row.space-between::after, #site-footer .footer .footer-row.space-between::before { display: none; }

#site-footer .footer .footer-row .language-switcher { *zoom: 1; -webkit-box-sizing: border-box; box-sizing: border-box; width: 19.76285%; float: left; margin-right: 3.16206%; }

#site-footer .footer .footer-row .language-switcher:before, #site-footer .footer .footer-row .language-switcher:after { content: " "; display: table; line-height: 0; }

#site-footer .footer .footer-row .language-switcher:after { clear: both; }

#site-footer .footer .footer-row .language-switcher .single-lang { text-decoration: none; border: 1px solid #902929; border-left: none; display: inline-block; float: left; padding: 11px; font-size: 12px; font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; background: #231F20; color: #FFF; -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out; transition: background 200ms ease-in-out, color 200ms ease-in-out; }

#site-footer .footer .footer-row .language-switcher .single-lang:first-child { border-left: 1px solid #902929; }

#site-footer .footer .footer-row .language-switcher .single-lang.current, #site-footer .footer .footer-row .language-switcher .single-lang:hover { background: #902929; }

#site-footer .footer .footer-row .footer-logo { width: 91px; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#site-footer .footer .footer-row .footer-logo img { width: 91px; height: 91px; display: block; }

#site-footer .footer .footer-row .social-media { -webkit-box-sizing: border-box; box-sizing: border-box; width: 19.76285%; float: right; margin-right: 0; text-align: right; }

#site-footer .footer .footer-row .social-media a { display: inline-block; margin-left: 24px; }

#site-footer .footer .footer-row .social-media a .icon { display: block; }

#site-footer .footer .footer-row .social-media a .icon svg { display: block; -webkit-transition: fill 200ms ease-in-out, opacity 200ms ease-in-out; transition: fill 200ms ease-in-out, opacity 200ms ease-in-out; }

#site-footer .footer .footer-row .social-media a:hover svg { fill: #902929; }

#site-footer .footer .footer-row .social-media a:first-child { margin-left: 0; }

#site-footer .footer .footer-row .copyright { text-align: center; padding-top: 12px; margin-bottom: 30px; }

#site-footer .footer .footer-row .copyright p { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 13px; color: #FFF; line-height: 1.8em; opacity: 0.5; }

#site-footer .footer .footer-row .copyright p br { display: none; }

#site-footer .footer .footer-row .link-legal { text-align: center; }

#site-footer .footer .footer-row .link-legal a { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 13px; color: #FFF; text-decoration: none; -webkit-transition: color 200ms ease-in-out; transition: color 200ms ease-in-out; }

#site-footer .footer .footer-row .link-legal a:hover { color: #B21F28; }

#site-footer .footer .footer-row .link-legal span { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; color: #FFF; text-decoration: none; }

@media (min-width: 0) and (max-width: 1439px) { #site-footer .footer { padding-top: 93px; padding-bottom: 40px; }
    #site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list { width: 165px; } }

@media (min-width: 0) and (max-width: 1023px) { #site-footer .footer .footer-row .social-media { -webkit-box-sizing: border-box; box-sizing: border-box; width: 32.50664%; float: right; margin-right: 0; }
    #site-footer .footer .footer-row .footer-navigation { -webkit-box-sizing: border-box; box-sizing: border-box; width: 49.06417%; float: left; margin-right: 1.87166%; }
    #site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list { float: left; }
    #site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list.desktop-only { padding-top: 0; }
    #site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list:last-child { margin-bottom: 0; }
    #site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list .links-title { margin-bottom: 30px; }
    #site-footer .footer .footer-row .newsletter-subscribtion { -webkit-box-sizing: border-box; box-sizing: border-box; width: 49.06417%; float: right; margin-right: 0; } }

@media (min-width: 0) and (max-width: 767px) { #site-footer .footer { padding-top: 30px; padding-bottom: 40px; }
    #site-footer .footer .footer-row { margin-bottom: 45px; }
    #site-footer .footer .footer-row .footer-navigation, #site-footer .footer .footer-row .newsletter-subscribtion { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; padding-top: 0; }
    #site-footer .footer .footer-row .footer-navigation { display: block; float: none; margin-bottom: 29px; }
    #site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list { margin-right: 0; margin-bottom: 0; width: 100%; }
    #site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list.desktop-only { display: none; }
    #site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list .accordion-wrapper { padding-top: 26px; padding-bottom: 28px; border-top: 1px solid rgba(151, 151, 151, 0.5); overflow: hidden; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; }
    #site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list .accordion-wrapper.open .links-title .icon { -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); }
    #site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list .accordion-wrapper .links-title { font-size: 20px; letter-spacing: 0.9px; margin-bottom: 0; position: relative; }
    #site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list .accordion-wrapper .links-title .icon { display: block; position: absolute; top: 50%; right: 20px; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
    #site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list .accordion-wrapper .links-title .icon svg { display: block; stroke: #FFF; }
    #site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list .accordion-wrapper .links-title.title-mobile-only { visibility: visible; }
    #site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list .links { padding-top: 34px; }
    #site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list .links > li > a { font-size: 14px; margin-bottom: 26px; }
    #site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list .links > li:last-child > a { margin-bottom: 0; }
    #site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list .links .mobile-only { display: block; }
    #site-footer .footer .footer-row .footer-navigation .wrapper-sections-list .section-list:nth-child(2) > ul { border-bottom: 1px solid rgba(151, 151, 151, 0.5); }
    #site-footer .footer .footer-row .newsletter-subscribtion .tag-line { font-size: 18px; }
    #site-footer .footer .footer-row .newsletter-subscribtion .newsletter-title { font-size: 20px; margin-bottom: 40px; letter-spacing: 0.8px; }
    #site-footer .footer .footer-row .language-switcher { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 28px; width: 100%; margin-right: 0; }
    #site-footer .footer .footer-row .language-switcher:not(.mobile-only) { display: none; }
    #site-footer .footer .footer-row.space-between { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    #site-footer .footer .footer-row .footer-logo { position: relative; left: auto; top: auto; -webkit-transform: none; transform: none; margin: 0 auto; }
    #site-footer .footer .footer-row .social-media { margin-bottom: 47px; float: none; width: 100%; text-align: center; }
    #site-footer .footer .footer-row .social-media a { padding: 12px 12px; margin-left: 0; }
    #site-footer .footer .footer-row .copyright { padding-top: 0; margin-bottom: 42px; }
    #site-footer .footer .footer-row .copyright p { line-height: 1.5; font-size: 12px; }
    #site-footer .footer .footer-row .copyright p br { display: block; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.section.header-banner { height: 431px; }

.section.header-banner .centered-content { position: relative; padding: 0 0 17px; }

.section.header-banner .centered-content .wrapper h1 { width: 100%; margin-bottom: 11px; letter-spacing: 4px; }

.section.header-banner .centered-content .primary-cta { margin: 38px 0; }

.section.header-banner .centered-content p { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; color: #FFF; letter-spacing: 1px; }

.section.header-banner .centered-content p a { color: #FFF; text-decoration: none; border-bottom: #FFF 1px solid; }

.section.header-banner .centered-content p a:hover { color: #B21F28; border-bottom: #B21F28 1px solid; }

.section.header-banner .centered-content p span { margin: 0 17px; }

@media (min-width: 0) and (max-width: 767px) { .section.header-banner { height: 400px; }
    .section.header-banner .centered-content { padding: 0 20px; height: 100%; }
    .section.header-banner .centered-content .wrapper h1 { margin-bottom: 0; }
    .section.header-banner .centered-content .primary-cta { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .section.header-banner .centered-content p { position: absolute; bottom: 30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; letter-spacing: 0; }
    .section.header-banner .centered-content p span { margin: 0 10px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
#site-header { background: #FFF; padding-top: 120px; }

#site-header .header { position: fixed; width: 100%; top: 0; left: 0; z-index: 10; background: #FFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-shadow: 1px -9px 20px black; box-shadow: 1px -9px 20px black; -webkit-transition: top 300ms; transition: top 300ms; }

#site-header .header::before, #site-header .header::after { display: none; }

#site-header .header .shadow-masker { position: absolute; bottom: 100%; width: 100%; height: 100px; background-color: #FFF; }

#site-header .header .centered-content { background: #FFF; }

#site-header .header .main-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 120px; }

#site-header .header .main-navigation .logo { width: 125px; display: block; -ms-flex-negative: 0; flex-shrink: 0; }

#site-header .header .main-navigation .logo img { width: 125px; height: 96px; display: block; }

#site-header .header .main-navigation .burger-btn { display: none; }

#site-header .header .main-navigation .wrapper-mobile-expand { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-preferred-size: 100%; flex-basis: 100%; }

#site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper { padding: 0 40px 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-preferred-size: 100%; flex-basis: 100%; background-color: white; }

#site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li > a { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; color: #231F20; text-decoration: none; display: block; margin: 0 28px; position: relative; }

#site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li > a::after { position: absolute; left: 50%; top: 56px; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; content: ''; width: 0; height: 4px; background: #D25E27; -webkit-transition: width 250ms; transition: width 250ms; }

#site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li > a:last-child { margin-right: 0; }

#site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li > a:hover::after, #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li > a.active::after { width: 45px; }

#site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li > a .icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 8px; }

#site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li > a .icon svg { display: block; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

#site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li > a .text { line-height: 1.5; }

#site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li > a.is-open .icon svg { -webkit-transform: none; transform: none; }

#site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links .restaurant-modal-handler.selected-restaurant { padding-right: 30px; }

#site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links .restaurant-modal-handler .text { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; }

#site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .secondary-links ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 4px 0 9px; }

#site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .secondary-links ul li a { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; color: rgba(35, 31, 32, 0.5); text-decoration: none; margin: 0 15px; display: block; -webkit-transition: color 200ms ease-in-out; transition: color 200ms ease-in-out; }

#site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .secondary-links ul li a:hover, #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .secondary-links ul li a.active { color: #B21F28; }

#site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .secondary-links ul li a.language-switcher { color: #D25E27; text-transform: uppercase; margin-right: 0; }

#site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .secondary-links ul li a.language-switcher:hover { color: #B21F28; }

#site-header .header .main-navigation .wrapper-mobile-expand .order-menu, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet { position: relative; -ms-flex-negative: 0; flex-shrink: 0; padding: 5px 0 5px 40px; background: #FFF; border-left: 1px solid #231F20; }

#site-header .header .main-navigation .wrapper-mobile-expand .order-menu ul, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; }

#site-header .header .main-navigation .wrapper-mobile-expand .order-menu ul li, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet ul li { margin-left: 20px; }

#site-header .header .main-navigation .wrapper-mobile-expand .order-menu ul li:first-child, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet ul li:first-child { margin-left: 0; }

#site-header .header .main-navigation .wrapper-mobile-expand .order-menu ul li a:not(.order-online), #site-header .header .main-navigation .wrapper-mobile-expand .order-menu ul li:not(.logout), #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet ul li a:not(.order-online), #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet ul li:not(.logout) { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 18px; color: #231F20; text-decoration: none; -webkit-transition: color 200ms ease-in-out; transition: color 200ms ease-in-out; }

#site-header .header .main-navigation .wrapper-mobile-expand .order-menu ul li a:not(.order-online) .icon, #site-header .header .main-navigation .wrapper-mobile-expand .order-menu ul li:not(.logout) .icon, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet ul li a:not(.order-online) .icon, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet ul li:not(.logout) .icon { margin-right: 9px; }

#site-header .header .main-navigation .wrapper-mobile-expand .order-menu ul li a:not(.order-online):hover, #site-header .header .main-navigation .wrapper-mobile-expand .order-menu ul li:not(.logout):hover, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet ul li a:not(.order-online):hover, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet ul li:not(.logout):hover { color: #B21F28; }

#site-header .header .main-navigation .wrapper-mobile-expand .order-menu ul li.phone-link, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet ul li.phone-link { padding: 15px 0 16px; }

#site-header .header .main-navigation .wrapper-mobile-expand .order-menu ul li .order-online, #site-header .header .main-navigation .wrapper-mobile-expand .order-menu ul li .logout, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet ul li .order-online, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet ul li .logout { padding: 17px 29px 18px; }

#site-header .header .main-navigation .wrapper-mobile-expand .order-menu ul li .order-online .text, #site-header .header .main-navigation .wrapper-mobile-expand .order-menu ul li .logout .text, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet ul li .order-online .text, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet ul li .logout .text { font-family: TorontoSubwayBlack, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; }

#site-header .header .main-navigation .wrapper-mobile-expand .order-menu .secondary-extra-bg, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet .secondary-extra-bg { position: absolute; z-index: 1; top: 0; right: -9000px; left: 0; bottom: 0; background: #FFF; }

#site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet { min-height: 102px; background: none; }

#site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet .secondary-extra-bg { background: none; }

#site-header .header .order-online-mobile, #site-header .header .logout-extranet-mobile { position: relative; z-index: 1; display: none; width: 100%; background: #FFF; padding: 9px 10px; }

#site-header .header .order-online-mobile .order-online, #site-header .header .order-online-mobile .logout, #site-header .header .logout-extranet-mobile .order-online, #site-header .header .logout-extranet-mobile .logout { max-width: 270px; display: block; margin: 0 auto; padding: 5px 3px; }

#site-header .header .order-online-mobile .order-online .text, #site-header .header .order-online-mobile .logout .text, #site-header .header .logout-extranet-mobile .order-online .text, #site-header .header .logout-extranet-mobile .logout .text { font-family: TorontoSubwayBlack, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; }

@media (min-width: 0) and (max-width: 1439px) { #site-header .header .main-navigation { padding-right: 0; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 0 20px 0 20px; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .secondary-links ul li a { font-size: 14px; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li > a { font-size: 14px; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li > a:after { top: 55px; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li:first-child > a { margin-left: 0; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li:first-child > a .icon { right: 5px; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li:last-child > a { margin-right: 0; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links .restaurant-modal-handler.selected-restaurant { padding-right: 20px; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links .restaurant-modal-handler.selected-restaurant .text { max-width: 134px; }
    #site-header .header .main-navigation .wrapper-mobile-expand .order-menu, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet { padding: 5px 0 5px 20px; } }

@media (min-width: 0) and (max-width: 1023px) { #site-header .header .centered-content { max-width: none; padding: 0 20px; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li > a { margin: 0 10px; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li:first-child > a { margin-left: 0; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li:last-child > a { margin-right: 0; } }

@media (min-width: 0) and (max-width: 959px) { #site-header { padding-top: 166px; -webkit-transition: padding-top 0.3s; transition: padding-top 0.3s; }
    #site-ctn.small-header #site-header { padding-top: 50px; }
    #site-header .header .centered-content { padding: 0; }
    #site-header .header .main-navigation { display: block; }
    #site-header .header .main-navigation .logo { display: inline-block; padding: 20px 25px; -webkit-box-sizing: content-box; box-sizing: content-box; width: 75px; height: 60px; position: relative; z-index: 1; }
    #site-header .header .main-navigation .logo img { width: 75px; height: 58px; }
    #site-header .header .main-navigation .burger-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; width: 108px; height: 100px; float: right; }
    #site-header .header .main-navigation .burger-btn .burger-line { width: 44px; height: 4px; background: #231F20; display: block; margin-bottom: 6px; -webkit-transform-origin: 50% 50% 0; transform-origin: 50% 50% 0; border-radius: 100px; }
    #site-header .header .main-navigation .burger-btn .burger-line:last-child { margin-bottom: 0; }
    #site-header .header .main-navigation .wrapper-mobile-expand { display: none; background: #FFF; width: 100%; position: fixed; top: 104px; bottom: 0; z-index: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper { padding: 0; display: block; position: absolute; top: 0; bottom: 100px; width: 100%; overflow: auto; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links { padding-top: 28px; margin-bottom: 40px; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul { display: block; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li { padding: 0 30px; margin-bottom: 14px; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li a { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 20px; padding: 6px 0; margin: 0; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li a::after { -webkit-transform: none; transform: none; top: 100%; left: 0; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li a .icon { display: none; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li a .text { line-height: 1.5; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links .restaurant-modal-handler.selected-restaurant { white-space: initial; overflow: visible; text-overflow: initial; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .main-links .restaurant-modal-handler.selected-restaurant .text { max-width: none; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .secondary-links { margin-bottom: 45px; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .secondary-links ul { display: block; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .secondary-links ul li { padding: 0 30px; margin-bottom: 4px; }
    #site-header .header .main-navigation .wrapper-mobile-expand .links-wrapper .secondary-links ul li a { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 20px; padding: 8px 0; margin: 0; }
    #site-header .header .main-navigation .wrapper-mobile-expand .order-menu, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet { display: block; padding: 26px 25px 24px 25px; position: absolute; bottom: 0; width: 100%; }
    #site-header .header .main-navigation .wrapper-mobile-expand .order-menu ul, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
    #site-header .header .main-navigation .wrapper-mobile-expand .order-menu ul li .order-online, #site-header .header .main-navigation .wrapper-mobile-expand .order-menu ul li .logout, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet ul li .order-online, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet ul li .logout { padding: 13px 16px; }
    #site-header .header .main-navigation .wrapper-mobile-expand .order-menu ul li .order-online .text, #site-header .header .main-navigation .wrapper-mobile-expand .order-menu ul li .logout .text, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet ul li .order-online .text, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet ul li .logout .text { font-size: 20px; }
    #site-header .header .main-navigation .wrapper-mobile-expand .order-menu ul li.phone-link a, #site-header .header .main-navigation .wrapper-mobile-expand .logout-extranet ul li.phone-link a { color: #231F20; font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 20px; }
    #site-header .header .main-navigation.open + .order-online-mobile, #site-header .header .main-navigation.open + .logout-extranet-mobile { z-index: -2; }
    #site-header .header .main-navigation.open .burger-btn .burger-line:first-child { -webkit-animation: burgerOpenFirstLine 150ms 0ms ease-in-out forwards, burgerOpenRotateFirstLine 100ms 150ms ease-in-out forwards; animation: burgerOpenFirstLine 150ms 0ms ease-in-out forwards, burgerOpenRotateFirstLine 100ms 150ms ease-in-out forwards; }
    #site-header .header .main-navigation.open .burger-btn .burger-line:nth-child(2) { -webkit-animation: fadeOut 1ms 150ms ease-in-out both; animation: fadeOut 1ms 150ms ease-in-out both; }
    #site-header .header .main-navigation.open .burger-btn .burger-line:last-child { -webkit-animation: burgerOpenLastLine 150ms 0ms ease-in-out forwards, burgerOpenRotateLastLine 100ms 150ms ease-in-out forwards; animation: burgerOpenLastLine 150ms 0ms ease-in-out forwards, burgerOpenRotateLastLine 100ms 150ms ease-in-out forwards; }
    #site-header .header .main-navigation.close.during-animation + .order-online-mobile, #site-header .header .main-navigation.close.during-animation + .logout-extranet-mobile { z-index: -2; }
    #site-header .header .main-navigation.close .burger-btn .burger-line:first-child { -webkit-animation: burgerCloseRotateFirstLine 100ms 0ms ease-in-out forwards, burgerCloseFirstLine 150ms 100ms ease-in-out forwards; animation: burgerCloseRotateFirstLine 100ms 0ms ease-in-out forwards, burgerCloseFirstLine 150ms 100ms ease-in-out forwards; }
    #site-header .header .main-navigation.close .burger-btn .burger-line:nth-child(2) { -webkit-animation: fadeIn 1ms 100ms ease-in-out both; animation: fadeIn 1ms 100ms ease-in-out both; }
    #site-header .header .main-navigation.close .burger-btn .burger-line:last-child { -webkit-animation: burgerCloseRotateLastLine 100ms 0ms ease-in-out forwards, burgerCloseLastLine 150ms 100ms ease-in-out forwards; animation: burgerCloseRotateLastLine 100ms 0ms ease-in-out forwards, burgerCloseLastLine 150ms 100ms ease-in-out forwards; }
    #site-header .header .order-online-mobile, #site-header .header .logout-extranet-mobile { display: block; }
    #site-header .header .order-online-mobile .mobile-without-order-online { display: block; text-align: center; color: #231F20; font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 20px; text-decoration: none; padding: 3px; }
    #site-header .header .order-online-mobile .mobile-without-order-online:hover { color: #B21F28; }
    #site-header .header .order-online-mobile .mobile-without-order-online .icon { margin-right: 10px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.hero-banner { height: 330px; position: relative; overflow: hidden; z-index: 1; }

.hero-banner.no-gradient .gradient { display: none; }

.hero-banner.hero-banner-small-title .centered-content .wrapper h1 { line-height: 1; }

.hero-banner.img-bottom-aligned .hero-bg { background-position: bottom center; }

.hero-banner.with-subtitle { height: 400px; }

.hero-banner.with-subtitle .centered-content .wrapper h1 span { font-family: 'Faboulous Script', Arial, helvetica, sans-serif; font-style: normal; font-size: 34px; text-transform: none; display: block; letter-spacing: 0; }

.hero-banner.with-subtitle .centered-content .wrapper .offer-subtitle { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 20px; color: #FFF; text-transform: uppercase; margin-bottom: 5px; }

.hero-banner .hero-bg, .hero-banner .video-ctn { position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; background-size: cover; background-position: center; }

.hero-banner video.hero-bg { min-width: 100%; min-height: 375px; }

.hero-banner .gradient { background-color: rgba(35, 31, 32, 0.2); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; }

.hero-banner .centered-content { position: relative; height: 100%; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }

.hero-banner .centered-content .wrapper { padding: 50px 0; width: 100%; }

.hero-banner .centered-content .wrapper h1 { width: 50%; float: none; letter-spacing: 6px; color: #FFF; margin-bottom: 9px; }

.hero-banner .centered-content .wrapper > a, .hero-banner .centered-content .wrapper > span { margin-right: 20px; display: inline-block; color: #FFF; text-decoration: none; }

.hero-banner .centered-content .wrapper > a span.text, .hero-banner .centered-content .wrapper > span span.text { -webkit-transition: all 0.3s; transition: all 0.3s; }

.hero-banner .centered-content .wrapper > a:hover:not(.primary-cta) span.text, .hero-banner .centered-content .wrapper > span:hover:not(.primary-cta) span.text { color: #FFF; border-color: #FFF; }

.hero-banner .centered-content .wrapper > a.direction .icon, .hero-banner .centered-content .wrapper > span.direction .icon { display: inline-block; width: 15px; height: 21px; top: 6px; }

.hero-banner .centered-content .wrapper > a.direction .icon svg, .hero-banner .centered-content .wrapper > span.direction .icon svg { width: 100%; height: 100%; }

.hero-banner .centered-content .wrapper > a.direction .text, .hero-banner .centered-content .wrapper > span.direction .text { padding-bottom: 2px; border-bottom: 1px solid #FFF; }

.hero-banner .centered-content .wrapper > a.phone .icon, .hero-banner .centered-content .wrapper > span.phone .icon { top: 3px; }

.hero-banner .centered-content .wrapper > a .icon, .hero-banner .centered-content .wrapper > span .icon { position: relative; top: 2px; margin-right: 4px; }

.hero-banner .centered-content .wrapper > a .icon svg, .hero-banner .centered-content .wrapper > span .icon svg { opacity: 1; }

.hero-banner .centered-content .wrapper > a.social-icons, .hero-banner .centered-content .wrapper > span.social-icons { margin-right: 5px; position: relative; top: 3px; }

.hero-banner .centered-content .wrapper > a.social-icons a, .hero-banner .centered-content .wrapper > span.social-icons a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 30px; }

.hero-banner .centered-content .wrapper > a.social-icons a:hover svg *, .hero-banner .centered-content .wrapper > span.social-icons a:hover svg * { fill: #FFF; }

.hero-banner .centered-content .wrapper > a.social-icons a svg *, .hero-banner .centered-content .wrapper > span.social-icons a svg * { -webkit-transition: fill 0.3s; transition: fill 0.3s; fill: #FFF; }

@media (min-width: 0) and (max-width: 1439px) { .hero-banner .centered-content .wrapper h1 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 65.75342%; float: left; margin-right: 2.73973%; float: none; } }

@media (min-width: 0) and (max-width: 1023px) { .hero-banner .centered-content .wrapper h1 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; float: none; } }

@media (min-width: 0) and (max-width: 767px) { .hero-banner .hero-bg { min-height: 100%; max-height: 100%; max-width: none; display: block; }
    .hero-banner.with-subtitle .centered-content .wrapper h1 { font-size: 40px; line-height: 45px; max-width: 320px; }
    .hero-banner.with-subtitle .centered-content .wrapper h1 span { font-size: 16px; line-height: 20px; }
    .hero-banner.with-subtitle .centered-content .wrapper .offer-subtitle { font-size: 15px; margin-bottom: 20px; }
    .hero-banner.with-subtitle .centered-content .wrapper .categories-with-check { clear: both; }
    .hero-banner.hero-banner-small-title .centered-content .wrapper h1 { font-size: 40px; }
    .hero-banner .centered-content .wrapper h1 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; font-size: 40px; line-height: 45px; margin-bottom: 18px; }
    .hero-banner .centered-content .wrapper .documents { width: 100%; text-align: center; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.large-banner { position: relative; margin: 20px; height: 500px; overflow: hidden; }

.large-banner .bg { min-width: 100%; }

.large-banner .bg-mobile { display: none; bottom: -50px !important; top: auto !important; }

.large-banner .shadow-filter { opacity: 0.5; z-index: 2; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,e5e5e5+100&1+0,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(black), to(rgba(229, 229, 229, 0))); background: linear-gradient(to right, black 0%, rgba(229, 229, 229, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00e5e5e5', GradientType=1); /* IE6-9 */ position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.large-banner .content { position: relative; z-index: 5; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0 100px; }

.large-banner .content .subtitle { margin-bottom: 10px; font-family: 'Faboulous Script', Arial, helvetica, sans-serif; font-style: normal; font-size: 34px; color: #FFF; }

.large-banner .content .title { margin-bottom: 10px; font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 70px; text-transform: uppercase; color: #FFF; }

.large-banner .content .primary-cta { margin-top: 40px; }

@media (min-width: 0) and (max-width: 1439px) { .large-banner { height: 450px; } }

@media (min-width: 0) and (max-width: 1023px) { .large-banner { height: 400px; }
    .large-banner .content .title { margin-bottom: 10px; font-size: 80px; }
    .large-banner .content .categories-with-check { margin-bottom: 40px; } }

@media (min-width: 0) and (max-width: 767px) { .large-banner { height: 525px; margin: 15px; }
    .large-banner.smaller { height: 400px; }
    .large-banner .content { height: 100%; top: 0; padding-top: 30px; -webkit-transform: none; transform: none; text-align: center; padding: 30px 10px 0; }
    .large-banner .content .subtitle { margin-bottom: 15px; font-size: 15px; }
    .large-banner .content .title { padding: 0 20px; font-size: 70px; line-height: 70px; }
    .large-banner .content .primary-cta { bottom: 20px; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); min-width: 250px; left: 50%; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.section.main-links { margin: 80px 0; }

.section.main-links .main-links-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 1; }

.section.main-links .main-links-wrapper .main-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; width: 31.2253%; float: left; margin-right: 3.16206%; }

.section.main-links .main-links-wrapper .main-link:first-child { -webkit-box-sizing: border-box; box-sizing: border-box; width: 31.2253%; float: left; margin-right: 3.16206%; }

.section.main-links .main-links-wrapper .main-link:last-child { -webkit-box-sizing: border-box; box-sizing: border-box; width: 31.2253%; float: right; margin-right: 0; }

.section.main-links .main-links-wrapper .main-link .img-header { margin-bottom: 0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.section.main-links .main-links-wrapper .main-link .img-header .ratio { position: relative; height: 0; width: 100%; padding-top: 100%; overflow: hidden; }

.section.main-links .main-links-wrapper .main-link .img-header .ratio img { position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; max-width: none; }

.section.main-links .main-links-wrapper .main-link .main-link-content { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-top: 28px; padding-bottom: 20px; }

.section.main-links .main-links-wrapper .main-link .main-link-content .first-line { font-family: 'Faboulous Script', Arial, helvetica, sans-serif; font-style: normal; font-size: 34px; color: #D25E27; display: block; margin-bottom: 6px; }

.section.main-links .main-links-wrapper .main-link .main-link-content h2 { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 55px; color: #902929; margin-bottom: 10px; letter-spacing: 1.6px; text-transform: uppercase; }

.section.main-links .main-links-wrapper .main-link .main-link-content .excerpt { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; color: #231F20; line-height: 1.5; margin-bottom: 31px; }

.section.main-links .main-links-wrapper .main-link .main-link-content .action { -ms-flex-item-align: end; align-self: flex-end; }

@media (min-width: 0) and (max-width: 1023px) { .section.main-links .main-links-wrapper .main-link .main-link-content { padding-top: 20px; }
    .section.main-links .main-links-wrapper .main-link .main-link-content .first-line { font-size: 24px; }
    .section.main-links .main-links-wrapper .main-link .main-link-content h2 { font-size: 35px; margin-bottom: 15px; }
    .section.main-links .main-links-wrapper .main-link .main-link-content .excerpt { font-size: 14px; margin-bottom: 20px; } }

@media (min-width: 0) and (max-width: 767px) { .section.main-links .main-links-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .section.main-links .main-links-wrapper .main-link { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 10px; }
    .section.main-links .main-links-wrapper .main-link:first-child, .section.main-links .main-links-wrapper .main-link:last-child { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; }
    .section.main-links .main-links-wrapper .main-link .img-header .ratio { padding-top: 65.25%; }
    .section.main-links .main-links-wrapper .main-link .main-link-content { background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#F4F4F4)); background: linear-gradient(90deg, #FFFFFF 0%, #F4F4F4 100%); padding: 25px 20px 20px; }
    .section.main-links .main-links-wrapper .main-link .main-link-content .first-line { font-size: 30px; margin-bottom: 9px; }
    .section.main-links .main-links-wrapper .main-link .main-link-content h2 { font-size: 50px; }
    .section.main-links .main-links-wrapper .main-link .main-link-content .excerpt { font-size: 14px; margin-bottom: 37px; }
    .section.main-links .main-links-wrapper .main-link .main-link-content .action .primary-cta { background: transparent; width: 100%; }
    .section.main-links .main-links-wrapper .main-link .main-link-content .action .primary-cta:hover { background: #B21F28; } }

@media (min-width: 0) and (max-width: 767px) { .section.main-links { margin: 0; }
    .section.main-links .salad-wrapper { display: none; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.section.pagination { margin-bottom: 105px; }

.section.pagination .centered-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; justify-items: center; }

.section.pagination .centered-content .pages-wrapper { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; }

.section.pagination .centered-content .pages-wrapper a { font-family: TorontoSubwayBlack, Arial, helvetica, sans-serif; font-style: normal; font-size: 18px; line-height: 1.25; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #464646; background: #F8F8F8; width: 46px; height: 46px; border-radius: 50%; }

.section.pagination .centered-content .pages-wrapper a.number { -webkit-transition: all 100ms cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 100ms cubic-bezier(0.55, 0.085, 0.68, 0.53); padding: 5px; }

.section.pagination .centered-content .pages-wrapper a:nth-child(n + 2):nth-last-child(n + 3) { margin-right: 20px; }

.section.pagination .centered-content .pages-wrapper a:nth-last-child(2) { margin-right: 0; }

.section.pagination .centered-content .pages-wrapper a:hover { color: #FFF; background: #D25E27; }

.section.pagination .centered-content .pages-wrapper a.current { color: #FFF; background: #D25E27; pointer-events: none; }

.section.pagination .centered-content .pages-wrapper a.arrow { pointer-events: none; opacity: 0.5; border: none; background: none; width: auto; height: auto; }

.section.pagination .centered-content .pages-wrapper a.arrow.prev { margin-right: 22.5px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.section.pagination .centered-content .pages-wrapper a.arrow.next { margin-left: 22.5px; }

.section.pagination .centered-content .pages-wrapper a.arrow.available { pointer-events: auto; opacity: 1; }

.section.pagination .centered-content .pages-wrapper a.arrow.available svg * { fill: #464646; }

.section.pagination .centered-content .pages-wrapper a.arrow:hover svg * { fill: #D25E27; }

@media (min-width: 0) and (max-width: 767px) { .section.pagination { margin-bottom: 40px; }
    .section.pagination .centered-content { padding: 0; }
    .section.pagination .centered-content .pages-wrapper { max-width: 290px; }
    .section.pagination .centered-content .pages-wrapper a { font-size: 14px; line-height: 1; width: 35px; height: 35px; }
    .section.pagination .centered-content .pages-wrapper a:nth-child(n + 2):nth-last-child(n + 3) { margin-right: 10px; }
    .section.pagination .centered-content .pages-wrapper a.arrow { width: 30px; }
    .section.pagination .centered-content .pages-wrapper a.arrow.prev { margin-right: 7px; }
    .section.pagination .centered-content .pages-wrapper a.arrow.next { margin-left: 7px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.redirection-links .redirection-links-wrapper .redirection-link { position: relative; width: 50%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 20px; }

.redirection-links .redirection-links-wrapper .redirection-link:nth-child(odd) { padding-right: 10px; }

.redirection-links .redirection-links-wrapper .redirection-link:nth-child(even) { padding-left: 10px; }

.redirection-links .redirection-links-wrapper .redirection-link .shadow-filter { opacity: 0.5; z-index: 2; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,e5e5e5+100&1+0,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(black), to(rgba(229, 229, 229, 0))); background: linear-gradient(to right, black 0%, rgba(229, 229, 229, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 */ position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.redirection-links .redirection-links-wrapper .redirection-link .redirection-link-ratio { width: 100%; height: 0; padding-top: 56.25%; position: relative; overflow: hidden; }

.redirection-links .redirection-links-wrapper .redirection-link .redirection-link-ratio .bg, .redirection-links .redirection-links-wrapper .redirection-link .redirection-link-ratio .bg-mobile { position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; max-width: none; height: 100%; }

.redirection-links .redirection-links-wrapper .redirection-link .redirection-link-ratio .bg-mobile { width: 100%; height: auto; }

.redirection-links .redirection-links-wrapper .redirection-link .redirection-link-ratio .content { position: absolute; top: 0; left: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 50px 77px; height: 100%; width: 100%; }

.redirection-links .redirection-links-wrapper .redirection-link .redirection-link-ratio .content .tag { font-family: 'Faboulous Script', Arial, helvetica, sans-serif; font-style: normal; font-size: 30px; color: #F2F2F2; display: block; margin-bottom: 9px; }

.redirection-links .redirection-links-wrapper .redirection-link .redirection-link-ratio .content .redirection-title { color: #F2F2F2; font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 70px; text-transform: uppercase; }

.redirection-links .redirection-links-wrapper .redirection-link .redirection-link-ratio .content .primary-cta { -ms-flex-item-align: start; align-self: flex-start; margin-top: 50px; }

@media (min-width: 0) and (max-width: 1439px) { .redirection-links .redirection-links-wrapper .redirection-link .redirection-link-ratio .content { padding: 25px; }
    .redirection-links .redirection-links-wrapper .redirection-link .redirection-link-ratio .content .tag { margin-bottom: 11px; }
    .redirection-links .redirection-links-wrapper .redirection-link .redirection-link-ratio .content .redirection-title { line-height: 0.8; margin-bottom: 0; } }

@media (min-width: 0) and (max-width: 1023px) { .redirection-links .redirection-links-wrapper .redirection-link .redirection-link-ratio .content .tag { font-size: 24px; }
    .redirection-links .redirection-links-wrapper .redirection-link .redirection-link-ratio .content .redirection-title { font-size: 35px; margin-bottom: -5px; }
    .redirection-links .redirection-links-wrapper .redirection-link .redirection-link-ratio .content .primary-cta { margin-top: 20px; } }

@media (min-width: 0) and (max-width: 767px) { .redirection-links .redirection-links-wrapper .redirection-link { width: 100%; padding: 10px 10px; padding-top: 0; }
    .redirection-links .redirection-links-wrapper .redirection-link .redirection-link-ratio { height: 300px; }
    .redirection-links .redirection-links-wrapper .redirection-link .redirection-link-ratio .content { padding: 38px 20px; text-align: center; }
    .redirection-links .redirection-links-wrapper .redirection-link .redirection-link-ratio .content .tag { text-align: center; margin-bottom: 12px; }
    .redirection-links .redirection-links-wrapper .redirection-link .redirection-link-ratio .content .redirection-title { font-size: 50px; text-align: center; }
    .redirection-links .redirection-links-wrapper .redirection-link .redirection-link-ratio .content .primary-cta { width: 100%; max-width: 260px; -ms-flex-item-align: center; align-self: center; margin-top: auto; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.section .centered-content { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; *zoom: 1; max-width: 1280px; margin-left: auto; margin-right: auto; box-sizing: border-box; width: 100%; }

.section .centered-content:before, .section .centered-content:after { content: " "; display: table; line-height: 0; }

.section .centered-content:after { clear: both; }

@media (min-width: 0) and (max-width: 1439px) { .section .centered-content { -webkit-box-sizing: border-box; box-sizing: border-box; *zoom: 1; max-width: 980px; margin-left: auto; margin-right: auto; }
    .section .centered-content:before, .section .centered-content:after { content: " "; display: table; line-height: 0; }
    .section .centered-content:after { clear: both; } }

@media (min-width: 0) and (max-width: 1023px) { .section .centered-content { -webkit-box-sizing: border-box; box-sizing: border-box; *zoom: 1; max-width: 748px; margin-left: auto; margin-right: auto; }
    .section .centered-content:before, .section .centered-content:after { content: " "; display: table; line-height: 0; }
    .section .centered-content:after { clear: both; } }

@media (min-width: 0) and (max-width: 767px) { .section .centered-content { -webkit-box-sizing: border-box; box-sizing: border-box; *zoom: 1; max-width: 100%; margin-left: auto; margin-right: auto; padding: 0 15px; }
    .section .centered-content:before, .section .centered-content:after { content: " "; display: table; line-height: 0; }
    .section .centered-content:after { clear: both; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.share { padding: 70px 0; }

@media (min-width: 0) and (max-width: 1023px) { .share { padding: 50px 0; } }

@media (min-width: 0) and (max-width: 767px) { .share { padding: 30px 0; }
    .share .centered-content { padding: 0; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.side-menu-section { position: relative; }

.side-menu-section .side-menu { position: absolute; top: 0; display: inline-block; width: 393px; z-index: 8; }

.side-menu-section .side-menu.animated { -webkit-transition: top 250ms ease-in-out; transition: top 250ms ease-in-out; }

.side-menu-section .side-menu.fixed { position: fixed; }

.side-menu-section .side-menu.fixed .side-menu-mobile-wrapper { left: 0; }

.side-menu-section .side-menu.absolute { position: absolute; }

.side-menu-section .side-menu.hide { top: -75px; }

.side-menu-section .side-menu .warning-gluten { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 13px; }

.side-menu-section .side-menu .side-menu-desktop li { padding-bottom: 15px; }

.side-menu-section .side-menu .side-menu-desktop li a { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 18px; line-height: 1; text-decoration: none; color: #231F20; -webkit-transition: color 200ms ease-in-out; transition: color 200ms ease-in-out; }

.side-menu-section .side-menu .side-menu-desktop li a:hover { color: #B21F28; }

.side-menu-section .side-menu .side-menu-desktop li .primary-cta { min-width: 160px; margin-bottom: 0; }

.side-menu-section .side-menu .side-menu-desktop li .primary-cta.order-online { margin: 0; }

.side-menu-section .side-menu .side-menu-desktop li .description { display: none; }

.side-menu-section .side-menu .side-menu-desktop li.small-padding { padding-bottom: 8px; }

.side-menu-section .side-menu .side-menu-desktop li.active a { color: #902929; }

.side-menu-section .side-menu .side-menu-desktop.is-big { padding-right: 75px; }

.side-menu-section .side-menu .side-menu-desktop.is-big li .description { margin: 20px 0 0; font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; line-height: 1.25; }

.side-menu-section .side-menu .side-menu-desktop.is-big li.active { padding: 12px 0; }

.side-menu-section .side-menu .side-menu-desktop.is-big li.active a { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 50px; line-height: 1; color: #902929; pointer-events: none; cursor: default; letter-spacing: 2px; text-transform: uppercase; }

.side-menu-section .side-menu .side-menu-desktop.is-big li.active .description { display: block; }

.side-menu-section .side-menu .side-menu-desktop.is-big li.active:first-child { padding-top: 0; }

.side-menu-section .side-menu .side-menu-desktop img { display: block; margin: 0 auto; max-width: 250px; }

.side-menu-section .side-menu .side-menu-desktop img.hide { display: none; }

.side-menu-section .side-menu .side-menu-mobile { display: none !important; }

.side-menu-section .side-menu .side-menu-mobile.skinMe .skinme-select-ctn { position: relative; height: 55px; line-height: 1; }

.side-menu-section .side-menu .side-menu-mobile.skinMe .skinme-select-ctn .select.sideMenu { cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 55px; border: 1px solid; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; color: #333333; border-color: #d3d8d8; }

.side-menu-section .side-menu .side-menu-mobile.skinMe .skinme-select-ctn .select.sideMenu .toggler { position: absolute; top: 27.5px; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 13.5px; height: 9px; background-image: url("/resources/assets/images/ui/arrow-select-red@2x.png"); background-size: 100% auto; }

.side-menu-section .side-menu .side-menu-mobile.skinMe .skinme-select-ctn .select.sideMenu .skinme-mask { position: absolute; width: 100%; height: 100%; z-index: 10; background-color: #ffffff; filter: "alpha(opacity=1)"; -khtml-opacity: 0.01; -moz-opacity: 0.01; opacity: 0.01; }

.side-menu-section .side-menu .side-menu-mobile.skinMe .skinme-select-ctn .select.sideMenu.opened .toggler { background-position: 0 -9px; }

.side-menu-section .side-menu .side-menu-mobile.skinMe .skinme-select-ctn .select.sideMenu.opened .active-choice { border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.side-menu-section .side-menu .side-menu-mobile.skinMe .skinme-select-ctn .select.sideMenu .active-choice { position: absolute; height: 55px; top: 0; left: 0; z-index: 5; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding-left: 15px; padding-right: 55px; }

.side-menu-section .side-menu .side-menu-mobile.skinMe .skinme-select-ctn .select.sideMenu .skinme-select-choices { display: none; position: relative; top: 100%; margin-top: 1px; border: 1px solid; z-index: 9999; overflow: hidden; border-radius: 0 0 25px 25px; background-color: #ffffff; border-color: #ececec; }

.side-menu-section .side-menu .side-menu-mobile.skinMe .skinme-select-ctn .select.sideMenu .skinme-select-choices.open { display: block; }

.side-menu-section .side-menu .side-menu-mobile.skinMe .skinme-select-ctn .select.sideMenu .skinme-select-choices .choice { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 5px 15px; clear: both; cursor: pointer; text-align: left; }

.side-menu-section .side-menu .side-menu-mobile.skinMe .skinme-select-ctn .select.sideMenu .skinme-select-choices .choice.default { display: none; }

.side-menu-section .side-menu .side-menu-mobile.skinMe .skinme-select-ctn .select.sideMenu .skinme-select-choices .choice.selected, .side-menu-section .side-menu .side-menu-mobile.skinMe .skinme-select-ctn .select.sideMenu .skinme-select-choices .choice:hover { color: #333333; background-color: #d3d8d8; }

.side-menu-section .side-menu .side-menu-mobile.skinMe .skinme-select-ctn .select.sideMenu:hover { background-color: #d3d8d8; }

.side-menu-section .side-menu .side-menu-mobile.skinMe .skinme-select-ctn select { cursor: pointer; z-index: 1; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; }

.side-menu-section .side-menu .side-menu-mobile.skinMe .skinme-select-ctn select.native { position: absolute; top: 0; bottom: 0; width: 100%; z-index: 10; }

@media (min-width: 0) and (max-width: 1439px) { .side-menu-section .side-menu { width: 306px; } }

@media (min-width: 0) and (max-width: 1023px) { .side-menu-section .side-menu { width: 363px; } }

@media (min-width: 0) and (max-width: 959px) { .side-menu-section.has-prev-category-menu .side-menu .side-menu-mobile-wrapper { padding-top: 0; }
    .side-menu-section .side-menu { position: relative; top: auto; -webkit-transition: top 250ms ease-in-out; transition: top 250ms ease-in-out; margin: 0; }
    .side-menu-section .side-menu.fixed { background: #FFF; padding: 0 20px; }
    .side-menu-section .side-menu .side-menu-desktop { display: none; }
    .side-menu-section .side-menu .side-menu-mobile-wrapper { padding: 20px 0; position: relative; background: white; }
    .side-menu-section .side-menu .side-menu-mobile-wrapper .side-menu-mobile { display: inline-block !important; width: 80%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: relative; } }

@media (min-width: 0) and (max-width: 767px) { .side-menu-section .side-menu.fixed { padding: 0 15px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.about-us .about-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 77.0751%; float: left; margin-right: 3.16206%; margin-left: 11.46245%; margin-right: 11.46245%; }

.about-us .about-wrapper .wysiwyg-wrapper { padding-bottom: 30px; }

@media (min-width: 0) and (max-width: 1023px) { .about-us .about-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 74.2915%; float: left; margin-right: 2.83401%; margin-left: 12.85425%; margin-right: 12.85425%; } }

@media (min-width: 0) and (max-width: 767px) { .about-us { padding-bottom: 50px; }
    .about-us .about-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; }
    .about-us .about-wrapper .wysiwyg-wrapper { padding: 50px 0 30px; }
    .about-us .about-wrapper .wysiwyg-wrapper h2 { margin-bottom: 20px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.hero-banner.hero-about .centered-content .wrapper h1 { width: 40%; }

@media (min-width: 0) and (max-width: 1023px) { .hero-banner.hero-about .centered-content .wrapper h1 { width: 65%; } }

@media (min-width: 0) and (max-width: 767px) { .hero-banner.hero-about .centered-content .wrapper h1 { width: 80%; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.careers-category { padding: 80px 0; }

.careers-category + .careers-category { padding-top: 0; }

.careers-category .category-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 77.0751%; float: left; margin-right: 3.16206%; margin-left: 11.46245%; }

.careers-category .category-wrapper h2 { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 55px; line-height: 1; margin: 0; padding-bottom: 30px; text-transform: uppercase; color: #902929; }

.careers-category .category-wrapper p { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; line-height: 1.2; color: #231F20; padding-bottom: 30px; }

.careers-category .category-wrapper .careers-job-offers .careers-section { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (min-width: 0) and (max-width: 1439px) { .careers-category .category-wrapper { clear: both; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

@media (min-width: 0) and (max-width: 1023px) { .careers-category .category-wrapper { clear: both; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

@media (max-width: 959px) { .careers-category { padding: 45px 0; } }

@media (min-width: 0) and (max-width: 767px) { .careers-category .category-wrapper h2 { font-size: 35px; }
    .careers-category .category-wrapper .careers-job-offers > .centered-content { padding: 0; }
    .careers-category .category-wrapper .careers-job-offers .careers-section { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.careers-description { padding: 100px 0 60px; }

.careers-description .description-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.1502%; float: left; margin-right: 3.16206%; margin-left: 11.46245%; }

.careers-description .description-wrapper h2 { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 40px; line-height: 1.2; margin: 0; padding-bottom: 30px; text-transform: uppercase; }

.careers-description .description-wrapper p { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 17px; line-height: 27px; opacity: 0.5; padding-bottom: 30px; }

@media (min-width: 0) and (max-width: 1439px) { .careers-description .description-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 74.31507%; float: left; margin-right: 2.73973%; margin-left: 8.56164%; } }

@media (min-width: 0) and (max-width: 1023px) { .careers-description { padding: 60px 0 50px; }
    .careers-description .description-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; } }

@media (min-width: 0) and (max-width: 767px) { .careers-description { padding: 30px 0 50px; }
    .careers-description .description-wrapper h2 { font-size: 25px; }
    .careers-description .description-wrapper > .primary-cta { width: 100%; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.hero-banner.careers-hero { height: 400px; }

.hero-banner.careers-hero .hero-bg { background-position: center 40%; }

@media (min-width: 0) and (max-width: 1023px) { .hero-banner.careers-hero { height: 350px; } }

@media (min-width: 0) and (max-width: 767px) { .hero-banner.careers-hero { height: 250px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.careers-search-bar { margin: 24px 0 80px; }

.careers-search-bar form { height: 62px; position: relative; }

.careers-search-bar form.form-error .error { display: block; }

.careers-search-bar form > * { height: 100%; }

.careers-search-bar form .address-autocomplete { -webkit-box-flex: 1; -ms-flex: 1 1 34.44%; flex: 1 1 34.44%; position: relative; }

.careers-search-bar form .address-autocomplete.opened .autocomplete-input { border-bottom: none; }

.careers-search-bar form .address-autocomplete.opened .autocomplete-results { display: block; }

.careers-search-bar form .address-autocomplete .autocomplete-input { line-height: 1.61; padding: 20.5px 28px 18.5px; height: 100%; border-color: rgba(0, 0, 0, 0.13); color: #464646; }

.careers-search-bar form .address-autocomplete .autocomplete-input::-webkit-input-placeholder { color: #757575; }

.careers-search-bar form .address-autocomplete .autocomplete-input:-ms-input-placeholder { color: #757575; }

.careers-search-bar form .address-autocomplete .autocomplete-input::-ms-input-placeholder { color: #757575; }

.careers-search-bar form .address-autocomplete .autocomplete-input::placeholder { color: #757575; }

.careers-search-bar form .address-autocomplete .autocomplete-results { display: none; position: absolute; top: 100%; z-index: 5; width: 100%; max-height: 250px; overflow: auto; background-color: #FFF; border-style: solid; border-color: rgba(0, 0, 0, 0.13); border-width: 0 1px 1px; }

.careers-search-bar form .address-autocomplete .autocomplete-results .result { padding: 11px 28px; font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; line-height: 1.875; color: #464646; cursor: pointer; -webkit-transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53); }

.careers-search-bar form .address-autocomplete .autocomplete-results .result:hover { background-color: #B21F28; color: #FFF; border-color: #B21F28; }

.careers-search-bar form .select-position { -webkit-box-flex: 1; -ms-flex: 1 1 50.52%; flex: 1 1 50.52%; }

.careers-search-bar form .btn-submit { font-size: 16px; text-transform: none; -webkit-box-flex: 0; -ms-flex: 0 0 15.19%; flex: 0 0 15.19%; padding: 20px 30px; cursor: pointer; }

.careers-search-bar form .error { display: none; position: absolute; left: 30px; bottom: -30px; height: auto; font-size: 14px; color: #B21F28; }

@media (min-width: 0) and (max-width: 767px) { .careers-search-bar { margin: 15px 0 57px; }
    .careers-search-bar form { height: auto; }
    .careers-search-bar form > * { height: auto; }
    .careers-search-bar form .address-autocomplete { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .careers-search-bar form .address-autocomplete .autocomplete-input { font-size: 14px; min-height: 62px; }
    .careers-search-bar form .address-autocomplete .autocomplete-results { z-index: 15; }
    .careers-search-bar form .select-position { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; min-height: 62px; }
    .careers-search-bar form .btn-submit { font-size: 14px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; min-height: 45px; padding: 11.5px 20px; }
    .careers-search-bar form .error { left: 0; bottom: -40px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.spontaneous-app { margin: 0; padding: 90px 0; background-color: #F8F8F8; }

.spontaneous-app .centered-content { max-width: 100%; }

.spontaneous-app .spontaneous-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.spontaneous-app .spontaneous-wrapper img { width: 47.6%; }

.spontaneous-app .spontaneous-wrapper .content { width: 53.4%; }

.spontaneous-app .content { padding: 0 6.43%; }

.spontaneous-app .content > *:not(:last-child) { margin: 0 0 40px; }

.spontaneous-app .content .title > * { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 55px; line-height: 1.04; color: #902929; text-transform: uppercase; }

.spontaneous-app .content .description { font-size: 14px; line-height: 1.57; }

.spontaneous-app .content .primary-cta { padding: 15.5px 30px; }

.spontaneous-app .content .primary-cta .text { font-size: 16px; line-height: 1.375; }

@media (min-width: 0) and (max-width: 767px) { .spontaneous-app { margin: 0; padding: 0; }
    .spontaneous-app .centered-content { padding: 0; }
    .spontaneous-app .spontaneous-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .spontaneous-app .spontaneous-wrapper img, .spontaneous-app .spontaneous-wrapper .content { width: 100%; }
    .spontaneous-app .spontaneous-wrapper img { max-height: 250px; -o-object-fit: cover; object-fit: cover; }
    .spontaneous-app .content { padding: 30px 15px; }
    .spontaneous-app .content .title { margin: 0 0 18px; }
    .spontaneous-app .content .title > * { font-size: 35px; line-height: 1.029; }
    .spontaneous-app .content .description { line-height: 1.6; margin: 0 0 22px; }
    .spontaneous-app .content .primary-cta { padding: 13.5px 30px; }
    .spontaneous-app .content .primary-cta .text { font-size: 14px; line-height: 1; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.contact-us-content { position: relative; padding: 80px 0 100px; }

.contact-us-content .bg-img { position: absolute; z-index: 1; top: -160px; right: -200px; }

.contact-us-content nav { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 45px; }

.contact-us-content nav .primary-cta:not(:last-child) { margin-right: 5px; }

.contact-us-content nav .primary-cta.active { background: #B21F28; }

.contact-us-content nav .primary-cta.active .text { color: #FFF; }

@media (min-width: 0) and (max-width: 1439px) { .contact-us-content { padding-bottom: 80px; }
    .contact-us-content .bg-img { top: -200px; right: -250px; -webkit-transform: scale(0.7); transform: scale(0.7); }
    .contact-us-content nav { margin-left: 8.56164%; } }

@media (min-width: 0) and (max-width: 1023px) { .contact-us-content { padding: 30px 0 60px; }
    .contact-us-content .bg-img { display: none; }
    .contact-us-content nav { margin-left: 0%; } }

@media (max-width: 767px) { .contact-us-content nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .contact-us-content nav .primary-cta:not(:last-child) { margin-right: 0; margin-bottom: 5px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.contact-forms { position: relative; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; width: 42.68775%; float: left; margin-right: 3.16206%; }

@media (min-width: 0) and (max-width: 1439px) { .contact-forms { -webkit-box-sizing: border-box; box-sizing: border-box; width: 57.19178%; float: left; margin-right: 2.73973%; margin-right: 8.56164%; } }

@media (min-width: 0) and (max-width: 1023px) { .contact-forms { -webkit-box-sizing: border-box; box-sizing: border-box; width: 61.43725%; float: right; margin-right: 0; margin-right: 0%; } }

@media (min-width: 0) and (max-width: 767px) { .contact-forms { width: 100%; max-width: 460px; left: 50%; float: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.hero-banner.contact-hero .hero-bg { background-position: center 70%; }

@media (min-width: 0) and (max-width: 1023px) { .hero-banner.contact-hero { height: 250px; } }

@media (min-width: 0) and (max-width: 767px) { .hero-banner.contact-hero { height: 150px; }
    .hero-banner.contact-hero h1 { text-align: center; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.contact-side-infos { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 31.2253%; float: left; margin-right: 3.16206%; }

.contact-side-infos h2 { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 20px; color: #231F20; line-height: 1.5; margin-bottom: 24px; }

.contact-side-infos p { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; color: #231F20; line-height: 1.3; }

.contact-side-infos p a { color: #231F20; text-decoration: none; }

.contact-side-infos p a:hover { color: #B21F28; }

.contact-side-infos .info:not(:last-child) { margin-bottom: 20px; }

@media (min-width: 0) and (max-width: 1439px) { .contact-side-infos { margin-left: 8.56164%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 22.94521%; float: left; margin-right: 2.73973%; } }

@media (min-width: 0) and (max-width: 1023px) { .contact-side-infos { margin-left: 0%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 35.72874%; float: left; margin-right: 2.83401%; } }

@media (min-width: 0) and (max-width: 767px) { .contact-side-infos { width: 100%; max-width: 460px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin: 0 0 30px; float: none; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.error-404-wrapper { background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(#EEEEEE)); background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #EEEEEE 100%); }

.error-404-wrapper p { position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-sizing: border-box; box-sizing: border-box; width: 59.88142%; float: left; margin-right: 3.16206%; float: none; padding: 230px 0 30px; font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 36px; color: #B21F28; text-align: center; line-height: 1.3; }

.error-404-wrapper .primary-cta { position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); min-width: 170px; margin: 0 0 230px; }

@media (min-width: 0) and (max-width: 1023px) { .error-404-wrapper p { -webkit-box-sizing: border-box; box-sizing: border-box; width: 74.2915%; float: left; margin-right: 2.83401%; float: none; padding-top: 150px; }
    .error-404-wrapper .primary-cta { margin-bottom: 150px; } }

@media (min-width: 0) and (max-width: 767px) { .error-404-wrapper p { padding-top: 100px; font-size: 24px; }
    .error-404-wrapper .primary-cta { margin-bottom: 100px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
#site-header .header-extranet .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li a:after { top: 53px; }

#site-header .header-extranet .main-navigation .wrapper-mobile-expand .logout-extranet ul { height: 100%; }

@media (min-width: 0) and (max-width: 1439px) { #site-header .header-extranet .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li a:after { top: 51px; } }

@media (min-width: 0) and (max-width: 1023px) { #site-header .header-extranet .main-navigation .wrapper-mobile-expand .links-wrapper .main-links ul li a:after { top: 100%; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.form-select-branch.skinMe .skinme-select-ctn { position: relative; height: 24px; line-height: 1; }

.form-select-branch.skinMe .skinme-select-ctn .select.branch_id { cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 24px; border: 1px solid; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; color: #333333; border-color: #d3d8d8; }

.form-select-branch.skinMe .skinme-select-ctn .select.branch_id .toggler { position: absolute; top: 12px; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 12px; background-image: url("/resources/assets/images/ui/arrow-dropdown-red.png"); background-size: 100% auto; }

.form-select-branch.skinMe .skinme-select-ctn .select.branch_id .skinme-mask { position: absolute; width: 100%; height: 100%; z-index: 10; background-color: #ffffff; filter: "alpha(opacity=1)"; -khtml-opacity: 0.01; -moz-opacity: 0.01; opacity: 0.01; }

.form-select-branch.skinMe .skinme-select-ctn .select.branch_id.opened .toggler { background-position: 0 -12px; }

.form-select-branch.skinMe .skinme-select-ctn .select.branch_id.opened .active-choice { border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.form-select-branch.skinMe .skinme-select-ctn .select.branch_id .active-choice { position: absolute; height: 24px; top: 0; left: 0; z-index: 5; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding-left: 15px; padding-right: 24px; }

.form-select-branch.skinMe .skinme-select-ctn .select.branch_id .skinme-select-choices { display: none; position: relative; top: 100%; margin-top: 1px; border: 1px solid; z-index: 9999; overflow: hidden; border-radius: 0 0 25px 25px; background-color: #ffffff; border-color: #ececec; }

.form-select-branch.skinMe .skinme-select-ctn .select.branch_id .skinme-select-choices.open { display: block; }

.form-select-branch.skinMe .skinme-select-ctn .select.branch_id .skinme-select-choices .choice { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 5px 15px; clear: both; cursor: pointer; text-align: left; }

.form-select-branch.skinMe .skinme-select-ctn .select.branch_id .skinme-select-choices .choice.default { display: none; }

.form-select-branch.skinMe .skinme-select-ctn .select.branch_id .skinme-select-choices .choice.selected, .form-select-branch.skinMe .skinme-select-ctn .select.branch_id .skinme-select-choices .choice:hover { color: #333333; background-color: #d3d8d8; }

.form-select-branch.skinMe .skinme-select-ctn .select.branch_id:hover { background-color: #d3d8d8; }

.form-select-branch.skinMe .skinme-select-ctn select { cursor: pointer; z-index: 1; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; }

.form-select-branch.skinMe .skinme-select-ctn select.native { position: absolute; top: 0; bottom: 0; width: 100%; z-index: 10; }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.hero-extranet { position: relative; overflow: hidden; }

.hero-extranet.large { height: 625px; }

.hero-extranet.large .hero-bg { background-position: center; }

.hero-extranet h1 { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; font-size: 60px; margin: 100px 0; color: #FFF; position: relative; z-index: 3; }

.hero-extranet .hero-bg { width: 100%; height: 100%; background-position: top center; background-size: cover; position: absolute; top: 0; left: 0; z-index: 1; }

.hero-extranet .gradient { position: absolute; z-index: 2; top: 0; left: 0; opacity: 0.4; width: 100%; height: 100%; background-color: #231F20; }

.hero-extranet .centered-content { position: relative; z-index: 3; }

.hero-extranet .wrapper-content { width: 31.2253%; margin: 125px 0 0; }

.hero-extranet .wrapper-content .form-title { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 50px; color: #FFF; text-transform: uppercase; margin-bottom: 40px; }

.hero-extranet .wrapper-content a.btn-submit { float: left; }

@media (min-width: 0) and (max-width: 1439px) { .hero-extranet .wrapper-content { width: 48.63014%; } }

@media (min-width: 0) and (max-width: 1023px) { .hero-extranet.large { height: 525px; }
    .hero-extranet .wrapper-content { margin-top: 75px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 48.583%; float: left; margin-right: 2.83401%; margin-left: 25.7085%; } }

@media (min-width: 0) and (max-width: 767px) { .hero-extranet.large { height: 400px; }
    .hero-extranet .wrapper-content { margin-top: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.grand-saladier-wysiwyg .wysiwyg-wrapper { position: relative; min-height: 600px; }

.grand-saladier-wysiwyg .img-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 1px; }

.grand-saladier-wysiwyg .bg-img { position: absolute; top: 40px; right: 100%; width: auto; }

@media (min-width: 0) and (max-width: 767px) { .grand-saladier-wysiwyg .wysiwyg-wrapper { min-height: 0; }
    .grand-saladier-wysiwyg .img-wrapper { display: none; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.homepage-hero { height: 600px; text-align: center; }

.homepage-hero .slideshow-ctn .hero-bg { -webkit-transition: opacity 1s ease-in-out,-webkit-transform 6s linear; transition: opacity 1s ease-in-out,-webkit-transform 6s linear; transition: opacity 1s ease-in-out,transform 6s linear; transition: opacity 1s ease-in-out,transform 6s linear,-webkit-transform 6s linear; opacity: 0; -webkit-transform: scale(1.1); transform: scale(1.1); }

.homepage-hero .slideshow-ctn .hero-bg.first { opacity: 1; }

.homepage-hero .slideshow-ctn .hero-bg.active { z-index: 3; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.homepage-hero .slideshow-ctn .hero-bg.previous-active { z-index: 2; -webkit-transform: scale(1); transform: scale(1); }

.homepage-hero .gradient { z-index: 4; background: rgba(29, 29, 27, 0.2); }

.homepage-hero .centered-content { z-index: 5; }

.homepage-hero .centered-content .wrapper { padding: 50px; }

.homepage-hero .centered-content .wrapper h1 { font-size: 100px; width: 100%; margin-bottom: 0; }

.homepage-hero .centered-content .wrapper .primary-cta { margin: 100px 0 0; }

@media (min-width: 0) and (max-width: 1439px) { .homepage-hero { height: 500px; }
    .homepage-hero .centered-content .wrapper h1 { font-size: 75px; } }

@media (min-width: 0) and (max-width: 1023px) { .homepage-hero { height: 375px; }
    .homepage-hero .centered-content .wrapper h1 { font-size: 70px; }
    .homepage-hero .centered-content .wrapper .primary-cta { margin: 50px 0 0; } }

@media (min-width: 0) and (max-width: 767px) { .homepage-hero .centered-content .wrapper { padding: 0; }
    .homepage-hero .centered-content .wrapper h1 { font-size: 45px; }
    .homepage-hero .centered-content .wrapper br { display: none; }
    .homepage-hero .centered-content .wrapper .primary-cta { margin-right: 0; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.form-contest .form-contest-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 77.0751%; float: left; margin-right: 3.16206%; margin-left: 11.46245%; margin-right: 11.46245%; }

@media (min-width: 0) and (max-width: 1439px) { .form-contest .form-contest-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 82.87671%; float: left; margin-right: 2.73973%; margin-left: 8.56164%; margin-right: 8.56164%; } }

@media (min-width: 0) and (max-width: 1023px) { .form-contest .form-contest-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; } }

@media (min-width: 0) and (max-width: 767px) { .form-contest .form-contest-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.promos-listing-infos { padding: 70px 0 20px; }

.promos-listing-infos .centered-content p { -webkit-box-sizing: border-box; box-sizing: border-box; width: 54.1502%; float: left; margin-right: 3.16206%; margin-left: 22.9249%; margin-bottom: 80px; opacity: 0.5; font-size: 17px; line-height: 27px; }

.promos-listing-infos .promo { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 20px; float: left; }

@media (min-width: 0) and (max-width: 1439px) { .promos-listing-infos .centered-content p { margin-bottom: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 65.75342%; float: left; margin-right: 2.73973%; margin-left: 17.12329%; } }

@media (min-width: 0) and (max-width: 1023px) { .promos-listing-infos .centered-content p { margin-bottom: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; } }

@media (min-width: 0) and (max-width: 767px) { .promos-listing-infos { padding: 30px 0 20px; }
    .promos-listing-infos .centered-content p { margin-bottom: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.promos-listing { margin: 20px 0; }

.promos-listing .no-offers { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 20px; color: #231F20; margin: 100px 0; }

.promos-listing .listing-2col .promo.alternate.listing-2col-item .content .offer-subtitle, .promos-listing .listing-2col .promo.alternate.listing-3col-item .content .offer-subtitle, .promos-listing .listing-3col .promo.alternate.listing-2col-item .content .offer-subtitle, .promos-listing .listing-3col .promo.alternate.listing-3col-item .content .offer-subtitle { color: #231F20; }

.promos-listing .listing-2col .promo.alternate.listing-2col-item .content .offer-title, .promos-listing .listing-2col .promo.alternate.listing-3col-item .content .offer-title, .promos-listing .listing-3col .promo.alternate.listing-2col-item .content .offer-title, .promos-listing .listing-3col .promo.alternate.listing-3col-item .content .offer-title { color: #902929; }

.promos-listing .listing-2col .promo.no-gradient .shadow-filter, .promos-listing .listing-3col .promo.no-gradient .shadow-filter { display: none; }

.promos-listing .listing-2col .promo.large.listing-2col-item .listing-2col-item-wrapper, .promos-listing .listing-2col .promo.large.listing-2col-item .listing-3col-item-wrapper, .promos-listing .listing-2col .promo.large.listing-3col-item .listing-2col-item-wrapper, .promos-listing .listing-2col .promo.large.listing-3col-item .listing-3col-item-wrapper, .promos-listing .listing-3col .promo.large.listing-2col-item .listing-2col-item-wrapper, .promos-listing .listing-3col .promo.large.listing-2col-item .listing-3col-item-wrapper, .promos-listing .listing-3col .promo.large.listing-3col-item .listing-2col-item-wrapper, .promos-listing .listing-3col .promo.large.listing-3col-item .listing-3col-item-wrapper { min-height: 530px; }

.promos-listing .listing-2col .promo.listing-2col-item.promo-contest .content, .promos-listing .listing-2col .promo.listing-3col-item.promo-contest .content, .promos-listing .listing-3col .promo.listing-2col-item.promo-contest .content, .promos-listing .listing-3col .promo.listing-3col-item.promo-contest .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.promos-listing .listing-2col .promo.listing-2col-item.promo-contest .content .primary-cta, .promos-listing .listing-2col .promo.listing-3col-item.promo-contest .content .primary-cta, .promos-listing .listing-3col .promo.listing-2col-item.promo-contest .content .primary-cta, .promos-listing .listing-3col .promo.listing-3col-item.promo-contest .content .primary-cta { position: relative; -webkit-transform: none; transform: none; left: 0; bottom: 0; }

.promos-listing .listing-2col .promo.listing-2col-item.promo-contest .content .excerpt, .promos-listing .listing-2col .promo.listing-3col-item.promo-contest .content .excerpt, .promos-listing .listing-3col .promo.listing-2col-item.promo-contest .content .excerpt, .promos-listing .listing-3col .promo.listing-3col-item.promo-contest .content .excerpt { max-width: 365px; color: #FFF; text-align: center; font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; line-height: 21px; text-transform: uppercase; margin-bottom: 31px; }

.promos-listing .listing-2col .promo.listing-2col-item.promo-contest .content .offer-categories span, .promos-listing .listing-2col .promo.listing-3col-item.promo-contest .content .offer-categories span, .promos-listing .listing-3col .promo.listing-2col-item.promo-contest .content .offer-categories span, .promos-listing .listing-3col .promo.listing-3col-item.promo-contest .content .offer-categories span { font-size: 18px; line-height: 26px; }

.promos-listing .listing-2col .promo.listing-2col-item .listing-2col-item-wrapper, .promos-listing .listing-2col .promo.listing-2col-item .listing-3col-item-wrapper, .promos-listing .listing-2col .promo.listing-3col-item .listing-2col-item-wrapper, .promos-listing .listing-2col .promo.listing-3col-item .listing-3col-item-wrapper, .promos-listing .listing-3col .promo.listing-2col-item .listing-2col-item-wrapper, .promos-listing .listing-3col .promo.listing-2col-item .listing-3col-item-wrapper, .promos-listing .listing-3col .promo.listing-3col-item .listing-2col-item-wrapper, .promos-listing .listing-3col .promo.listing-3col-item .listing-3col-item-wrapper { min-height: 525px; }

.promos-listing .listing-2col .promo.listing-2col-item .shadow-filter, .promos-listing .listing-2col .promo.listing-3col-item .shadow-filter, .promos-listing .listing-3col .promo.listing-2col-item .shadow-filter, .promos-listing .listing-3col .promo.listing-3col-item .shadow-filter { background: -webkit-gradient(linear, left bottom, left top, from(#2D2D2D), color-stop(56.14%, rgba(95, 95, 95, 0.9)), to(rgba(255, 255, 255, 0))); background: linear-gradient(0deg, #2D2D2D 0%, rgba(95, 95, 95, 0.9) 56.14%, rgba(255, 255, 255, 0) 100%); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.promos-listing .listing-2col .promo.listing-2col-item .content, .promos-listing .listing-2col .promo.listing-3col-item .content, .promos-listing .listing-3col .promo.listing-2col-item .content, .promos-listing .listing-3col .promo.listing-3col-item .content { padding: 40px 10%; width: 100%; height: 100%; left: 0; top: 0; -webkit-transform: none; transform: none; text-align: center; }

.promos-listing .listing-2col .promo.listing-2col-item .content .offer-subtitle, .promos-listing .listing-2col .promo.listing-3col-item .content .offer-subtitle, .promos-listing .listing-3col .promo.listing-2col-item .content .offer-subtitle, .promos-listing .listing-3col .promo.listing-3col-item .content .offer-subtitle { font-family: 'Faboulous Script', Arial, helvetica, sans-serif; font-style: normal; font-size: 34px; color: #FFF; margin-bottom: 5px; }

.promos-listing .listing-2col .promo.listing-2col-item .content .offer-title, .promos-listing .listing-2col .promo.listing-3col-item .content .offer-title, .promos-listing .listing-3col .promo.listing-2col-item .content .offer-title, .promos-listing .listing-3col .promo.listing-3col-item .content .offer-title { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 70px; color: #FFF; text-transform: uppercase; }

.promos-listing .listing-2col .promo.listing-2col-item .content .offer-categories, .promos-listing .listing-2col .promo.listing-3col-item .content .offer-categories, .promos-listing .listing-3col .promo.listing-2col-item .content .offer-categories, .promos-listing .listing-3col .promo.listing-3col-item .content .offer-categories { margin: 10px 0; }

.promos-listing .listing-2col .promo.listing-2col-item .content .primary-cta, .promos-listing .listing-2col .promo.listing-3col-item .content .primary-cta, .promos-listing .listing-3col .promo.listing-2col-item .content .primary-cta, .promos-listing .listing-3col .promo.listing-3col-item .content .primary-cta { position: absolute; bottom: 40px; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; }

@media (min-width: 0) and (max-width: 1439px) { .promos-listing .listing-2col .promo.large.listing-2col-item .listing-2col-item-wrapper, .promos-listing .listing-2col .promo.large.listing-2col-item .listing-3col-item-wrapper, .promos-listing .listing-2col .promo.large.listing-3col-item .listing-2col-item-wrapper, .promos-listing .listing-2col .promo.large.listing-3col-item .listing-3col-item-wrapper, .promos-listing .listing-3col .promo.large.listing-2col-item .listing-2col-item-wrapper, .promos-listing .listing-3col .promo.large.listing-2col-item .listing-3col-item-wrapper, .promos-listing .listing-3col .promo.large.listing-3col-item .listing-2col-item-wrapper, .promos-listing .listing-3col .promo.large.listing-3col-item .listing-3col-item-wrapper { min-height: 480px; }
    .promos-listing .listing-2col .promo.listing-2col-item .listing-2col-item-wrapper, .promos-listing .listing-2col .promo.listing-2col-item .listing-3col-item-wrapper, .promos-listing .listing-2col .promo.listing-3col-item .listing-2col-item-wrapper, .promos-listing .listing-2col .promo.listing-3col-item .listing-3col-item-wrapper, .promos-listing .listing-3col .promo.listing-2col-item .listing-2col-item-wrapper, .promos-listing .listing-3col .promo.listing-2col-item .listing-3col-item-wrapper, .promos-listing .listing-3col .promo.listing-3col-item .listing-2col-item-wrapper, .promos-listing .listing-3col .promo.listing-3col-item .listing-3col-item-wrapper { min-height: 400px; }
    .promos-listing .listing-2col .promo.listing-2col-item.promo-contest .content .offer-categories span, .promos-listing .listing-2col .promo.listing-3col-item.promo-contest .content .offer-categories span, .promos-listing .listing-3col .promo.listing-2col-item.promo-contest .content .offer-categories span, .promos-listing .listing-3col .promo.listing-3col-item.promo-contest .content .offer-categories span { font-size: 14px; }
    .promos-listing .listing-2col .promo.listing-2col-item .content .offer-title, .promos-listing .listing-2col .promo.listing-3col-item .content .offer-title, .promos-listing .listing-3col .promo.listing-2col-item .content .offer-title, .promos-listing .listing-3col .promo.listing-3col-item .content .offer-title { font-size: 45px; } }

@media (min-width: 0) and (max-width: 1023px) { .promos-listing .listing-2col .promo.large.listing-2col-item .listing-2col-item-wrapper, .promos-listing .listing-2col .promo.large.listing-2col-item .listing-3col-item-wrapper, .promos-listing .listing-2col .promo.large.listing-3col-item .listing-2col-item-wrapper, .promos-listing .listing-2col .promo.large.listing-3col-item .listing-3col-item-wrapper, .promos-listing .listing-3col .promo.large.listing-2col-item .listing-2col-item-wrapper, .promos-listing .listing-3col .promo.large.listing-2col-item .listing-3col-item-wrapper, .promos-listing .listing-3col .promo.large.listing-3col-item .listing-2col-item-wrapper, .promos-listing .listing-3col .promo.large.listing-3col-item .listing-3col-item-wrapper { min-height: 450px; padding-top: 47%; }
    .promos-listing .listing-2col .promo.listing-2col-item.promo-contest .content .excerpt, .promos-listing .listing-2col .promo.listing-3col-item.promo-contest .content .excerpt, .promos-listing .listing-3col .promo.listing-2col-item.promo-contest .content .excerpt, .promos-listing .listing-3col .promo.listing-3col-item.promo-contest .content .excerpt { font-size: 12px; }
    .promos-listing .listing-2col .promo.listing-2col-item .content, .promos-listing .listing-2col .promo.listing-3col-item .content, .promos-listing .listing-3col .promo.listing-2col-item .content, .promos-listing .listing-3col .promo.listing-3col-item .content { padding: 25px; }
    .promos-listing .listing-2col .promo.listing-2col-item .content .primary-cta, .promos-listing .listing-2col .promo.listing-3col-item .content .primary-cta, .promos-listing .listing-3col .promo.listing-2col-item .content .primary-cta, .promos-listing .listing-3col .promo.listing-3col-item .content .primary-cta { bottom: 25px; }
    .promos-listing .listing-2col .promo.listing-2col-item .content .offer-subtitle, .promos-listing .listing-2col .promo.listing-3col-item .content .offer-subtitle, .promos-listing .listing-3col .promo.listing-2col-item .content .offer-subtitle, .promos-listing .listing-3col .promo.listing-3col-item .content .offer-subtitle { font-size: 24px; }
    .promos-listing .listing-2col .promo.listing-2col-item .content .offer-title, .promos-listing .listing-2col .promo.listing-3col-item .content .offer-title, .promos-listing .listing-3col .promo.listing-2col-item .content .offer-title, .promos-listing .listing-3col .promo.listing-3col-item .content .offer-title { font-size: 45px; } }

@media (min-width: 0) and (max-width: 767px) { .promos-listing { margin: 10px 0; }
    .promos-listing .listing-2col .promo.listing-2col-item .listing-2col-item-wrapper, .promos-listing .listing-2col .promo.listing-2col-item .listing-3col-item-wrapper, .promos-listing .listing-2col .promo.listing-3col-item .listing-2col-item-wrapper, .promos-listing .listing-2col .promo.listing-3col-item .listing-3col-item-wrapper, .promos-listing .listing-3col .promo.listing-2col-item .listing-2col-item-wrapper, .promos-listing .listing-3col .promo.listing-2col-item .listing-3col-item-wrapper, .promos-listing .listing-3col .promo.listing-3col-item .listing-2col-item-wrapper, .promos-listing .listing-3col .promo.listing-3col-item .listing-3col-item-wrapper { min-height: 400px; }
    .promos-listing .listing-2col .promo.listing-2col-item .content, .promos-listing .listing-2col .promo.listing-3col-item .content, .promos-listing .listing-3col .promo.listing-2col-item .content, .promos-listing .listing-3col .promo.listing-3col-item .content { padding: 50px 25px 25px; }
    .promos-listing .listing-2col .promo.listing-2col-item .content .primary-cta, .promos-listing .listing-2col .promo.listing-3col-item .content .primary-cta, .promos-listing .listing-3col .promo.listing-2col-item .content .primary-cta, .promos-listing .listing-3col .promo.listing-3col-item .content .primary-cta { bottom: 25px; }
    .promos-listing .listing-2col .promo.listing-2col-item .content .offer-subtitle, .promos-listing .listing-2col .promo.listing-3col-item .content .offer-subtitle, .promos-listing .listing-3col .promo.listing-2col-item .content .offer-subtitle, .promos-listing .listing-3col .promo.listing-3col-item .content .offer-subtitle { font-size: 24px; margin-bottom: 20px; }
    .promos-listing .listing-2col .promo.listing-2col-item .content .offer-title, .promos-listing .listing-2col .promo.listing-3col-item .content .offer-title, .promos-listing .listing-3col .promo.listing-2col-item .content .offer-title, .promos-listing .listing-3col .promo.listing-3col-item .content .offer-title { font-size: 40px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.restaurant-info-toolbox { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; background: #FFF; -webkit-box-shadow: 0 4px 5px 0 rgba(150, 150, 150, 0.8); box-shadow: 0 4px 5px 0 rgba(150, 150, 150, 0.8); top: -150px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; -webkit-transition: top 500ms, opacity 500ms; transition: top 500ms, opacity 500ms; pointer-events: none; }

.restaurant-info-toolbox.opened { opacity: 1; top: 100%; pointer-events: auto; }

.restaurant-info-toolbox .informations-wrapper .informations-header { background: #FFF; padding: 21px 27px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.restaurant-info-toolbox .informations-wrapper .informations-header h3 { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 24px; color: #902929; width: 332px; padding-right: 20px; -webkit-box-sizing: content-box; box-sizing: content-box; }

.restaurant-info-toolbox .informations-wrapper .informations-header .contacts .contact-type { position: relative; padding-left: 25px; }

.restaurant-info-toolbox .informations-wrapper .informations-header .contacts .contact-type .type-icon { position: absolute; top: -2px; left: 0; }

.restaurant-info-toolbox .informations-wrapper .informations-header .contacts .contact-type .phone .contact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 4px; }

.restaurant-info-toolbox .informations-wrapper .informations-header .contacts .contact-type .phone .contact:last-child { margin-bottom: 0; }

.restaurant-info-toolbox .informations-wrapper .informations-header .contacts .contact-type .phone .contact .type { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; color: #902929; margin-right: 6px; white-space: nowrap; }

.restaurant-info-toolbox .informations-wrapper .informations-header .contacts .contact-type .phone .contact .phone-number { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; color: #231F20; text-decoration: none; white-space: nowrap; }

.restaurant-info-toolbox .informations-wrapper .informations-header .contacts .contact-type .phone .contact .phone-number:hover { color: #902929; }

.restaurant-info-toolbox .informations-wrapper .informations-content { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 21px 27px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.restaurant-info-toolbox .informations-wrapper .informations-content .actions { padding: 0 20px 0 0; -ms-flex-negative: 0; flex-shrink: 0; }

.restaurant-info-toolbox .informations-wrapper .informations-content .actions .action { margin-bottom: 10px; text-align: center; }

.restaurant-info-toolbox .informations-wrapper .informations-content .actions .action:last-child { margin-bottom: 0; }

.restaurant-info-toolbox .informations-wrapper .informations-content .actions .action .change-restaurant { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 10px; text-decoration: underline; color: #231F20; padding-top: 3px; }

.restaurant-info-toolbox .informations-wrapper .informations-content .categories { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 0; }

.restaurant-info-toolbox .informations-wrapper .informations-content .categories .category { margin-left: 22px; }

.restaurant-info-toolbox .informations-wrapper .informations-content .categories .category:first-child { margin-left: 0; }

.restaurant-info-toolbox .informations-wrapper .informations-content .categories .category h4 { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; color: #231F20; margin-bottom: 24px; }

.restaurant-info-toolbox .informations-wrapper .informations-content .categories .category .hours .hour { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; color: #231F20; }

.restaurant-info-toolbox .informations-wrapper .informations-content .categories .category .hours .hour:not(:last-child) { margin-bottom: 6px; }

.restaurant-info-toolbox .informations-wrapper .informations-content .categories .category .hours .hour .circle-status { margin-right: 4px; }

.restaurant-info-toolbox .map-localize { width: 275px; }

.restaurant-info-toolbox .map-localize .map { height: 100%; width: 100%; }

@media (min-width: 0) and (max-width: 959px) { .restaurant-info-toolbox { display: none; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.single-restaurant-infos { *zoom: 1; display: block; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid rgba(35, 31, 32, 0.5); padding: 12px 0 24px; }

.single-restaurant-infos:before, .single-restaurant-infos:after { content: " "; display: table; line-height: 0; }

.single-restaurant-infos:after { clear: both; }

.single-restaurant-infos:first-child { padding-top: 0; }

.single-restaurant-infos:last-child { border-bottom: none; }

.single-restaurant-infos .restaurants-infos { -webkit-box-sizing: border-box; box-sizing: border-box; width: 59.62025%; float: left; position: relative; }

.single-restaurant-infos .restaurants-infos .distance { padding-top: 2px; position: absolute; left: 0; text-align: center; }

.single-restaurant-infos .restaurants-infos .distance span { display: block; font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; color: #231F20; }

.single-restaurant-infos .restaurants-infos .distance .map-pin { width: 20px; }

.single-restaurant-infos .restaurants-infos .restaurants-details { width: 100%; padding-left: 50px; padding-right: 20px; }

.single-restaurant-infos .restaurants-infos .restaurants-details h5 a { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 20px; color: #902929; margin-bottom: 3px; text-decoration: none; text-transform: none; }

.single-restaurant-infos .restaurants-infos .restaurants-details .street { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; color: #231F20; }

.single-restaurant-infos .restaurants-infos .restaurants-details .address { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; color: #231F20; margin-bottom: 4px; }

.single-restaurant-infos .restaurants-infos .restaurants-details .status { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; color: #231F20; vertical-align: middle; }

.single-restaurant-infos .restaurants-infos .restaurants-details .status .circle-status { margin-left: 4px; }

.single-restaurant-infos .restaurants-infos .restaurants-details .more .socials { display: inline-block; vertical-align: top; }

.single-restaurant-infos .restaurants-infos .restaurants-details .more .socials .social-icon { display: inline-block; margin-right: 10px; }

.single-restaurant-infos .restaurants-infos .restaurants-details .more .socials .social-icon svg { fill: #902929; opacity: 1; }

.single-restaurant-infos .restaurants-infos .restaurants-details .more .phone-contact { display: inline-block; }

.single-restaurant-infos .restaurants-infos .restaurants-details .more .phone-contact p { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; margin-bottom: 4px; }

.single-restaurant-infos .restaurants-infos .restaurants-details .more .phone-contact p a { color: #231F20; text-decoration: none; }

.single-restaurant-infos .restaurants-infos .restaurants-details .more .phone-contact p a:hover { color: #B21F28; }

.single-restaurant-infos .opening-times .category h4 { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; text-transform: none; margin-bottom: 24px; }

.single-restaurant-infos .opening-times .category .hours .hour { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; }

.single-restaurant-infos .opening-times .category .hours .hour:not(:last-child) { margin-bottom: 6px; }

.single-restaurant-infos .opening-times .category .hours .hour .circle-status { margin-right: 4px; }

.single-restaurant-infos .actions { float: right; }

.single-restaurant-infos .actions .action { text-align: center; margin-bottom: 14px; }

.single-restaurant-infos .actions .action:last-child { margin-bottom: 0; }

.single-restaurant-infos .actions .action a { display: inline-block; font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; color: #231F20; }

.single-restaurant-infos .actions .action .phone-order-text { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; margin-top: 10px; width: 140px; }

@media (min-width: 0) and (max-width: 767px) { .single-restaurant-infos .restaurants-infos { display: block; float: none; margin-bottom: 20px; width: 100%; }
    .single-restaurant-infos .restaurants-infos::after, .single-restaurant-infos .restaurants-infos::before { display: none; }
    .single-restaurant-infos .restaurants-infos .distance { width: 30px; -ms-flex-negative: 0; flex-shrink: 0; position: absolute; top: 0; right: 0; left: auto; }
    .single-restaurant-infos .restaurants-infos .restaurants-details { padding-right: 10px; padding-left: 0; }
    .single-restaurant-infos .restaurants-infos .restaurants-details h5 { font-size: 16px; }
    .single-restaurant-infos .actions { display: block; float: none; max-width: none; }
    .single-restaurant-infos .actions .action .primary-cta { width: 100%; }
    .single-restaurant-infos .actions .action a br { display: none; }
    .single-restaurant-infos .actions .action .phone-order-text { width: 100%; } }

.modal-content .single-restaurant-infos .restaurants-infos .restaurants-details h5 a { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 18px; }

.modal-content .single-restaurant-infos .actions .primary-cta { padding: 11px 17px; width: 100%; }

@media (min-width: 0) and (max-width: 767px) { .modal-content .single-restaurant-infos .restaurants-infos .restaurants-details h5 { font-size: 16px; }
    .modal-content .single-restaurant-infos .restaurants-infos .restaurants-details h5 a { font-size: 16px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.modal .restaurant-list { border-bottom: 1px solid rgba(35, 31, 32, 0.5); }

.restaurant-list { max-height: 400px; overflow: auto; position: relative; }

.restaurant-list.loading-data::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #FFF; opacity: 0.75; }

@media (min-width: 0) and (max-width: 767px) { .restaurant-list { max-height: none; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.locator-list .restaurant-list { max-height: none; padding-bottom: 62px; }

.locator-list .restaurant-list .single-restaurant-infos { display: block; *zoom: 1; padding: 29px 0; }

.locator-list .restaurant-list .single-restaurant-infos:before, .locator-list .restaurant-list .single-restaurant-infos:after { content: " "; display: table; line-height: 0; }

.locator-list .restaurant-list .single-restaurant-infos:after { clear: both; }

.locator-list .restaurant-list .single-restaurant-infos.no-schedule .restaurants-infos { -webkit-box-sizing: border-box; box-sizing: border-box; width: 71.34387%; float: left; margin-right: 3.16206%; }

.locator-list .restaurant-list .single-restaurant-infos .restaurants-infos { -webkit-box-sizing: border-box; box-sizing: border-box; width: 42.68775%; float: left; margin-right: 3.16206%; }

.locator-list .restaurant-list .single-restaurant-infos .restaurants-infos .distance { -webkit-box-sizing: border-box; box-sizing: border-box; width: 19.44444%; float: left; margin-right: 7.40741%; padding-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.locator-list .restaurant-list .single-restaurant-infos .restaurants-infos .distance span { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; margin-top: 15px; }

.locator-list .restaurant-list .single-restaurant-infos .restaurants-infos .distance .map-pin { width: 30px; }

.locator-list .restaurant-list .single-restaurant-infos .restaurants-infos .restaurants-details { -webkit-box-sizing: border-box; box-sizing: border-box; width: 73.14815%; float: right; margin-right: 0; padding-left: 0; }

.locator-list .restaurant-list .single-restaurant-infos .restaurants-infos .restaurants-details h5 { margin-bottom: 25px; }

.locator-list .restaurant-list .single-restaurant-infos .restaurants-infos .restaurants-details .address, .locator-list .restaurant-list .single-restaurant-infos .restaurants-infos .restaurants-details .street { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; line-height: 1.3; }

.locator-list .restaurant-list .single-restaurant-infos .restaurants-infos .restaurants-details .address { margin-bottom: 20px; }

.locator-list .restaurant-list .single-restaurant-infos .opening-times { -webkit-box-sizing: border-box; box-sizing: border-box; width: 31.2253%; float: left; margin-right: 3.16206%; *zoom: 1; padding-top: 35px; }

.locator-list .restaurant-list .single-restaurant-infos .opening-times:before, .locator-list .restaurant-list .single-restaurant-infos .opening-times:after { content: " "; display: table; line-height: 0; }

.locator-list .restaurant-list .single-restaurant-infos .opening-times:after { clear: both; }

.locator-list .restaurant-list .single-restaurant-infos .opening-times .category { -webkit-box-sizing: border-box; box-sizing: border-box; width: 26.58228%; float: left; margin-right: 10.12658%; }

.locator-list .restaurant-list .single-restaurant-infos .opening-times .category:last-child { margin-right: 0; }

.locator-list .restaurant-list .single-restaurant-infos .actions { -webkit-box-sizing: border-box; box-sizing: border-box; width: 25.49407%; float: right; margin-right: 0; padding-top: 27px; }

.locator-list .restaurant-list .single-restaurant-infos .actions .action { width: 100%; display: block; }

.locator-list .restaurant-list .single-restaurant-infos .actions .action a { display: block; line-height: 13px; }

.locator-list .restaurant-list .single-restaurant-infos .actions .action .phone-order-text { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; margin-bottom: 24px; width: 100%; }

@media (min-width: 0) and (max-width: 1439px) { .locator-list .restaurant-list .single-restaurant-infos.no-schedule .restaurants-infos { -webkit-box-sizing: border-box; box-sizing: border-box; width: 65.75342%; float: left; margin-right: 2.73973%; }
    .locator-list .restaurant-list .single-restaurant-infos.no-schedule .actions { -webkit-box-sizing: border-box; box-sizing: border-box; width: 31.50685%; float: right; margin-right: 0; }
    .locator-list .restaurant-list .single-restaurant-infos .restaurants-infos { -webkit-box-sizing: border-box; box-sizing: border-box; width: 35.78767%; float: left; margin-right: 2.73973%; }
    .locator-list .restaurant-list .single-restaurant-infos .opening-times { -webkit-box-sizing: border-box; box-sizing: border-box; width: 35.78767%; float: left; margin-right: 2.73973%; }
    .locator-list .restaurant-list .single-restaurant-infos .actions { -webkit-box-sizing: border-box; box-sizing: border-box; width: 18.66438%; float: right; margin-right: 0; } }

@media (min-width: 0) and (max-width: 1023px) { .locator-list .restaurant-list .single-restaurant-infos .restaurants-infos { -webkit-box-sizing: border-box; box-sizing: border-box; width: 35.72874%; float: left; margin-right: 2.83401%; margin-right: 0; }
    .locator-list .restaurant-list .single-restaurant-infos .restaurants-infos .distance { -webkit-box-sizing: border-box; box-sizing: border-box; width: 28.04533%; float: left; margin-right: 7.93201%; margin: 0; }
    .locator-list .restaurant-list .single-restaurant-infos .restaurants-infos .restaurants-details h5 { font-size: 16px; }
    .locator-list .restaurant-list .single-restaurant-infos .restaurants-infos .restaurants-details h5 a { font-size: 16px; }
    .locator-list .restaurant-list .single-restaurant-infos .restaurants-infos .restaurants-details .street, .locator-list .restaurant-list .single-restaurant-infos .restaurants-infos .restaurants-details .address { font-size: 16px; }
    .locator-list .restaurant-list .single-restaurant-infos .restaurants-infos .restaurants-details .more .socials { display: block; margin-bottom: 5px; }
    .locator-list .restaurant-list .single-restaurant-infos .restaurants-infos .restaurants-details .more .phone-contact p { font-size: 16px; }
    .locator-list .restaurant-list .single-restaurant-infos .opening-times { -webkit-box-sizing: border-box; box-sizing: border-box; width: 35.72874%; float: left; margin-right: 2.83401%; margin-right: 0; }
    .locator-list .restaurant-list .single-restaurant-infos .opening-times .category { width: 30%; }
    .locator-list .restaurant-list .single-restaurant-infos .opening-times .category:not(:last-child) { margin-right: 10px; }
    .locator-list .restaurant-list .single-restaurant-infos .opening-times .category h4 { font-size: 14px; margin-bottom: 20px; }
    .locator-list .restaurant-list .single-restaurant-infos .opening-times .category .hours .hour { font-size: 14px; }
    .locator-list .restaurant-list .single-restaurant-infos .actions { -webkit-box-sizing: border-box; box-sizing: border-box; width: 22.87449%; float: right; margin-right: 0; } }

@media (min-width: 0) and (max-width: 767px) { .locator-list .restaurant-list .single-restaurant-infos.no-schedule .actions { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: right; margin-right: 0; }
    .locator-list .restaurant-list .single-restaurant-infos .restaurants-infos { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; position: relative; display: block; padding-top: 0; margin-bottom: 28px; }
    .locator-list .restaurant-list .single-restaurant-infos .restaurants-infos .distance { display: block; height: auto; position: absolute; width: auto; margin: 0; top: 0; right: 0; left: auto; }
    .locator-list .restaurant-list .single-restaurant-infos .restaurants-infos .restaurants-details { padding-right: 35px; width: 100%; float: none; }
    .locator-list .restaurant-list .single-restaurant-infos .restaurants-infos .restaurants-details h5 { font-size: 20px; }
    .locator-list .restaurant-list .single-restaurant-infos .restaurants-infos .restaurants-details h5 a { font-size: 20px; }
    .locator-list .restaurant-list .single-restaurant-infos .restaurants-infos .restaurants-details .more .socials .social-icon { margin-right: 24px; }
    .locator-list .restaurant-list .single-restaurant-infos .opening-times { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; display: block; padding-top: 0; }
    .locator-list .restaurant-list .single-restaurant-infos .opening-times .category { -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.45455%; float: right; margin-right: 0; margin-bottom: 42px; margin-right: 0 !important; }
    .locator-list .restaurant-list .single-restaurant-infos .opening-times .category:nth-child(odd) { -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.45455%; float: left; margin-right: 9.09091%; }
    .locator-list .restaurant-list .single-restaurant-infos .actions { display: block; padding-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; }
    .locator-list .restaurant-list .single-restaurant-infos .actions .action a br { display: none; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.restaurants-locator .main-map { width: 100%; height: 450px; position: relative; }

.restaurants-locator .main-map .map { height: 100%; width: 100%; }

.restaurants-locator .main-map .form-locator { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; }

.restaurants-locator .main-map .form-locator .centered-content { height: 0; }

.restaurants-locator .main-map .form-locator .form-wrapper { -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 435px; padding: 35px 25px 25px; background: #FFF; -webkit-box-shadow: 0 5px 10px 0 rgba(150, 150, 150, 0.8); box-shadow: 0 5px 10px 0 rgba(150, 150, 150, 0.8); }

.restaurants-locator .main-map .form-locator .form-wrapper h1 { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 34px; text-align: center; margin-bottom: 38px; }

.restaurants-locator .main-map .form-locator .form-wrapper .single-submit-wrapper input { font-size: 14px; padding: 19px 151px 18px 26px; }

.restaurants-locator .main-map .form-locator .form-wrapper .single-submit-wrapper .btn-submit { font-size: 16px; padding: 0 39px; }

@media (min-width: 0) and (max-width: 1023px) { .restaurants-locator .main-map .form-locator .form-wrapper { max-width: 355px; }
    .restaurants-locator .main-map .form-locator .form-wrapper h1 { font-size: 16px; margin-bottom: 15px; } }

@media (min-width: 0) and (max-width: 767px) { .restaurants-locator .main-map { height: auto; }
    .restaurants-locator .main-map .map { display: none; }
    .restaurants-locator .main-map .form-locator { position: relative; top: 0; -webkit-transform: none; transform: none; left: 0; }
    .restaurants-locator .main-map .form-locator .centered-content { padding: 0 20px; height: auto; background: #F2F2F2; -webkit-box-shadow: 0 5px 10px 0 rgba(150, 150, 150, 0.8); box-shadow: 0 5px 10px 0 rgba(150, 150, 150, 0.8); }
    .restaurants-locator .main-map .form-locator .form-wrapper { width: 100%; max-width: 320px; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: none; transform: none; -webkit-box-shadow: none; box-shadow: none; background: none; padding: 38px 25px 25px; }
    .restaurants-locator .main-map .form-locator .form-wrapper h1 { font-size: 20px; line-height: 1.1; margin-bottom: 37px; }
    .restaurants-locator .main-map .form-locator .form-wrapper .single-submit-wrapper input { padding: 18px 26px; font-size: 14px; }
    .restaurants-locator .main-map .form-locator .form-wrapper .single-submit-wrapper .btn-submit { padding: 11px 25px; font-size: 16px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.find-restaurant-modal-content.with-map .modal-header { display: none; }

.find-restaurant-modal-content.with-map .modal-content .map { display: block; }

.find-restaurant-modal-content.with-map .modal-content .single-restaurant-infos .actions { max-width: 150px; }

.find-restaurant-modal-content .modal-content .map { display: none; width: 100%; padding-top: 70%; margin-bottom: 37px; }

.find-restaurant-modal-content .modal-content .single-restaurant-infos .actions { max-width: 150px; }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.franchise-ctn .franchise-navigation { position: fixed; top: 120px; z-index: 10; width: 100%; background: #B21F28; }

.franchise-ctn .franchise-navigation .centered-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.franchise-ctn .franchise-navigation .centered-content::after, .franchise-ctn .franchise-navigation .centered-content::before { display: none; }

.franchise-ctn .franchise-navigation ul { *zoom: 1; }

.franchise-ctn .franchise-navigation ul:before, .franchise-ctn .franchise-navigation ul:after { content: " "; display: table; line-height: 0; }

.franchise-ctn .franchise-navigation ul:after { clear: both; }

.franchise-ctn .franchise-navigation ul:first-child { margin-right: 60px; }

.franchise-ctn .franchise-navigation ul:not(.cta-links) li { float: left; }

.franchise-ctn .franchise-navigation ul:not(.cta-links) li:not(:first-child) { margin-left: 10px; }

.franchise-ctn .franchise-navigation ul:not(.cta-links) li a { padding: 22px 5px; font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; line-height: 17px; display: block; text-transform: uppercase; color: #FFF; text-decoration: none; }

.franchise-ctn .franchise-navigation ul:not(.cta-links) li a:hover { text-decoration: underline; }

.franchise-ctn .franchise-navigation ul.cta-links li { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (min-width: 0) and (max-width: 1439px) { .franchise-ctn .franchise-navigation .centered-content { padding: 0; } }

@media (min-width: 0) and (max-width: 1023px) { .franchise-ctn .franchise-navigation .centered-content { max-width: none; padding: 0 20px; } }

@media (min-width: 0) and (max-width: 959px) { .franchise-ctn .franchise-navigation { display: none; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.franchise-ctn .s-contact { background: #F2F2F2; padding-top: 120px; }

.franchise-ctn .s-contact div.title-ctn { margin: 0 0 80px 0; }

.franchise-ctn .s-contact h2 { margin-top: 50px; }

.franchise-ctn .s-contact h3 { margin-top: 20px; }

.franchise-ctn .s-contact p { font-size: 20px; width: 65%; margin: 40px auto 0; line-height: 1.4; }

.franchise-ctn .s-contact .form-wrapper { width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0 90px; }

.franchise-ctn .s-contact .form-wrapper .form-separator { font-size: 30px; font-weight: bold; width: 16%; position: relative; top: 115px; }

.franchise-ctn .s-contact .form-wrapper .single-form { width: 42%; }

.franchise-ctn .s-contact .form-wrapper .single-form h3 { font-size: 30px; text-align: left; margin-bottom: 48px; }

.franchise-ctn .single-opportunities .s-contact { padding-top: 25px; }

@media (min-width: 0) and (max-width: 1023px) { .franchise-ctn .s-contact .form-wrapper { display: block; }
    .franchise-ctn .s-contact .form-wrapper .single-form { width: 70%; margin: 0 auto; }
    .franchise-ctn .s-contact .form-wrapper .form-separator { position: initial; display: block; width: auto; margin: 30px auto; }
    .franchise-ctn .s-contact p { width: 100%; } }

@media (min-width: 0) and (max-width: 767px) { .franchise-ctn .s-contact { padding-top: 60px; }
    .franchise-ctn .s-contact div.title-ctn { margin: 0 0 30px 0; }
    .franchise-ctn .s-contact .form-wrapper { padding: 0 0 40px; }
    .franchise-ctn .s-contact .form-wrapper .single-form { width: 100%; }
    .franchise-ctn .s-contact p { font-size: 16px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.franchise-ctn section.s-investments div.wrapper { max-width: 1500px; }

.franchise-ctn section.s-investments h2 { margin: 0 0 35px 0; line-height: 1.4em; }

.franchise-ctn section.s-investments p.introduction { margin: 0 0 120px 0; font-size: 22px; }

.franchise-ctn section.s-investments div.content-ctn { max-width: 1200px; font-size: 0; width: 100%; margin: auto; }

.franchise-ctn section.s-investments div.box { background: #D25E27; position: relative; display: inline-block; vertical-align: top; width: 390px; padding: 85px 25px 75px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.franchise-ctn section.s-investments div.box h3, .franchise-ctn section.s-investments div.box p { color: #FFF; text-align: left; }

.franchise-ctn section.s-investments div.box h3 { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 20px; margin: 0 0 5px 0; }

.franchise-ctn section.s-investments div.box p.info { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 55px; line-height: 1; margin: 0 0 5px 0; }

.franchise-ctn section.s-investments div.box p.detail { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 20px; }

.franchise-ctn section.s-investments div.box:before { content: ''; display: block; position: absolute; top: 0; right: 100%; height: 100%; width: 150px; background: #D25E27; }

.franchise-ctn section.s-investments div.box-info { margin: 0 0 40px 0; }

.franchise-ctn section.s-investments div.box-info:last-child { margin: 0; }

.franchise-ctn section.s-investments div.dropdown-ctn { vertical-align: top; display: inline-block; width: calc(100% - 390px); padding: 145px 0 310px 0; }

.franchise-ctn section.s-investments div.dropdown-ctn div.dropdown { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 30px; color: #231F20; border-bottom: solid 1px rgba(35, 31, 32, 0.5); text-align: left; margin-left: 120px; position: relative; }

.franchise-ctn section.s-investments div.dropdown-ctn div.dropdown:first-child { border-top: solid 1px rgba(35, 31, 32, 0.5); }

.franchise-ctn section.s-investments div.dropdown-ctn div.dropdown h3 { padding: 28px 35px 30px 0; position: relative; z-index: 2; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.franchise-ctn section.s-investments div.dropdown-ctn div.dropdown svg.icon-franchise-x { width: 22px; height: 22px; position: absolute; top: 30px; right: 5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.2s; transition: all 0.2s; z-index: 1; }

.franchise-ctn section.s-investments div.dropdown-ctn div.dropdown svg.icon-franchise-x path { fill: #B21F28; }

.franchise-ctn section.s-investments div.dropdown-ctn div.dropdown div.drop-content { overflow: hidden; height: 0; position: relative; -webkit-transition: all 0.2s; transition: all 0.2s; }

.franchise-ctn section.s-investments div.dropdown-ctn div.dropdown div.drop-content ul { padding: 5px 0 0 0; }

.franchise-ctn section.s-investments div.dropdown-ctn div.dropdown div.drop-content ul li { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 18px; color: #231F20; margin: 0 0 30px 0; position: relative; line-height: 1.5; }

.franchise-ctn section.s-investments div.dropdown-ctn div.dropdown div.drop-content ul li span { padding: 0 0 0 40px; display: block; }

.franchise-ctn section.s-investments div.dropdown-ctn div.dropdown div.drop-content ul li svg { width: 23px; height: 16px; position: absolute; top: 3px; left: 0; }

.franchise-ctn section.s-investments div.dropdown-ctn div.dropdown div.drop-content ul li svg path { fill: #B21F28; }

.franchise-ctn section.s-investments div.dropdown-ctn div.dropdown.active div.drop-content { height: auto; }

.franchise-ctn section.s-investments div.dropdown-ctn div.dropdown.active svg.icon-franchise-x { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.franchise-ctn section.s-investments div.picture { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 400px; margin: -270px 0 0 0; }

@media (min-width: 0) and (max-width: 1439px) { .franchise-ctn section.s-investments h2 { margin: 0 0 25px 0; }
    .franchise-ctn section.s-investments p.introduction { margin: 0 0 80px 0; }
    .franchise-ctn section.s-investments div.picture { height: 300px; }
    .franchise-ctn section.s-investments div.box { width: 300px; }
    .franchise-ctn section.s-investments div.box p.info { font-size: 25px; }
    .franchise-ctn section.s-investments div.dropdown-ctn { padding: 100px 0 310px 0; width: calc(100% - 550px); }
    .franchise-ctn section.s-investments div.dropdown-ctn div.dropdown { margin-left: 60px; }
    .franchise-ctn section.s-investments div.dropdown-ctn div.dropdown h3 { font-size: 25px; } }

@media (min-width: 0) and (max-width: 1023px) { .franchise-ctn section.s-investments h2 { margin: 0 0 25px 0; }
    .franchise-ctn section.s-investments p.introduction { margin: 0 0 80px 0; }
    .franchise-ctn section.s-investments div.picture { height: 300px; }
    .franchise-ctn section.s-investments div.box { width: 300px; }
    .franchise-ctn section.s-investments div.box p.info { font-size: 25px; }
    .franchise-ctn section.s-investments div.dropdown-ctn { padding: 100px 0 310px 0; width: calc(100% - 400px); }
    .franchise-ctn section.s-investments div.dropdown-ctn div.dropdown { margin-left: 60px; }
    .franchise-ctn section.s-investments div.dropdown-ctn div.dropdown h3 { font-size: 25px; }
    .franchise-ctn section.s-investments div.dropdown-ctn div.dropdown div.drop-content ul li { font-size: 18px; } }

@media (min-width: 0) and (max-width: 767px) { .franchise-ctn section.s-investments div.picture { height: 200px; }
    .franchise-ctn section.s-investments h2 { margin: 0 0 15px 0; }
    .franchise-ctn section.s-investments p.introduction { margin: 0 0 40px 0; font-size: 18px; }
    .franchise-ctn section.s-investments div.box { width: 100%; display: block; margin: auto; padding: 40px 20px; }
    .franchise-ctn section.s-investments div.box:before { display: none; }
    .franchise-ctn section.s-investments div.box h3 { font-size: 16px; }
    .franchise-ctn section.s-investments div.box p.info { font-size: 20px; }
    .franchise-ctn section.s-investments div.box p.detail { font-size: 16px; }
    .franchise-ctn section.s-investments div.dropdown-ctn { display: block; width: 100%; padding: 50px 0 80px 0; }
    .franchise-ctn section.s-investments div.dropdown-ctn div.dropdown { margin-left: 0; }
    .franchise-ctn section.s-investments div.dropdown-ctn div.dropdown h3 { font-size: 20px; }
    .franchise-ctn section.s-investments div.dropdown-ctn div.dropdown svg.svg-x-icon { width: 16px; height: 16px; top: 34px; }
    .franchise-ctn section.s-investments div.dropdown-ctn div.dropdown div.drop-content ul li { margin: 0 0 15px 0; font-size: 16px; }
    .franchise-ctn section.s-investments div.dropdown-ctn div.dropdown div.drop-content ul li svg { width: 17px; height: 12px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.franchise-ctn section.s-plan { padding: 0 0 120px 0; }

.franchise-ctn section.s-plan div.box { width: 430px; }

.franchise-ctn section.s-plan div.box svg { margin: 0 0 35px 0; }

.franchise-ctn section.s-plan div.box svg path { fill: #B21F28; }

.franchise-ctn section.s-plan div.box h3 { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 26px; margin: 0 0 25px 0; }

.franchise-ctn section.s-plan div.box p { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 18px; line-height: 1.4em; margin: 0 0 25px 0; }

.franchise-ctn section.s-plan div.box p.amount, .franchise-ctn section.s-plan div.box p.unit { color: #B21F28; }

.franchise-ctn section.s-plan div.box p.amount { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 67px; margin: 0 0 15px 0; }

.franchise-ctn section.s-plan div.box p.unit { font-size: 33.5px; margin: 0; }

.franchise-ctn section.s-plan div.concept-ctn { width: 100%; }

.franchise-ctn section.s-plan div.concept-ctn.concept-1 { text-align: right; margin-top: -200px; }

.franchise-ctn section.s-plan div.concept-ctn.concept-2 { text-align: left; margin-top: -300px; }

.franchise-ctn section.s-plan div.concept-ctn .concept { display: inline-block; text-align: left; }

.franchise-ctn section.s-plan div.concept-ctn .concept h4 { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 26px; color: #B21F28; margin: 0 0 45px 0; }

@media (min-width: 0) and (max-width: 1023px) { .franchise-ctn section.s-plan { padding: 80px 0 0 0; }
    .franchise-ctn section.s-plan div.box { width: 350px; margin: 0 auto 60px; }
    .franchise-ctn section.s-plan div.concept-ctn.concept-1, .franchise-ctn section.s-plan div.concept-ctn.concept-2 { margin: 0 auto; text-align: center; }
    .franchise-ctn section.s-plan div.concept-ctn.concept-1 { margin: 0 auto 60px; }
    .franchise-ctn section.s-plan div.concept-ctn .concept { width: 100%; text-align: center; }
    .franchise-ctn section.s-plan div.concept-ctn .concept h4 { text-align: center; margin: 0 0 30px 0; }
    .franchise-ctn section.s-plan div.concept-ctn .concept img { max-width: 100%; margin: auto; text-align: center; } }

@media (min-width: 0) and (max-width: 767px) { .franchise-ctn section.s-plan div.box p { margin: 0 0 10px 0; font-size: 16px; }
    .franchise-ctn section.s-plan div.box p.amount { font-size: 40px; margin: 0; }
    .franchise-ctn section.s-plan div.box p.unit { font-size: 30px; margin: 0; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.franchise-ctn section.s-selection { padding: 120px 0 0 0; margin: 0; position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.franchise-ctn section.s-selection div.wrapper { text-align: center; width: 100%; margin: 0; }

.franchise-ctn section.s-selection div.wrapper h2 { margin: 0 auto 40px; color: #FFF; }

.franchise-ctn section.s-selection div.wrapper p { color: #FFF; }

.franchise-ctn section.s-selection div.wrapper .steps-wrapper { margin-top: 120px; margin-bottom: 640px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.franchise-ctn section.s-selection div.wrapper .steps-wrapper .step-block { display: inline-block; vertical-align: top; width: 22%; background: #FFF; margin: 10px; padding: 0 20px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.franchise-ctn section.s-selection div.wrapper .steps-wrapper .step-block span { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 26px; color: #231F20; }

.franchise-ctn section.s-selection div.wrapper .steps-wrapper .step-block span.step-number { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 150px; display: block; color: #902929; line-height: 1; margin-top: 20px; }

@media (min-width: 0) and (max-width: 1439px) { .franchise-ctn section.s-selection div.wrapper .steps-wrapper .step-block { width: 30%; } }

@media (min-width: 0) and (max-width: 1023px) { .franchise-ctn section.s-selection div.wrapper { text-align: center; }
    .franchise-ctn section.s-selection div.wrapper h2 { margin: 0 0 30px; }
    .franchise-ctn section.s-selection div.wrapper .steps-wrapper .step-block { width: 290px; } }

@media (min-width: 0) and (max-width: 767px) { .franchise-ctn section.s-selection div.wrapper h2 { margin: 0 0 15px; }
    .franchise-ctn section.s-selection div.wrapper .steps-wrapper { margin-top: 80px; margin-bottom: 200px; }
    .franchise-ctn section.s-selection div.wrapper .steps-wrapper .step-block { width: 200px; padding: 0 20px 20px; }
    .franchise-ctn section.s-selection div.wrapper .steps-wrapper .step-block span.step-number { font-size: 90px; }
    .franchise-ctn section.s-selection div.wrapper .steps-wrapper .step-block span { font-size: 20px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.franchise-ctn section.s-title-list { padding: 45px 0 20px 0; }

.franchise-ctn section.s-title-list h3 { margin: 0 0 35px 0; }

.franchise-ctn section.s-title-list ul { text-align: center; }

.franchise-ctn section.s-title-list ul li { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 24px; display: inline-block; position: relative; color: #231F20; margin: 0 35px 25px 15px; padding: 0 0 0 35px; }

.franchise-ctn section.s-title-list ul li svg { position: absolute; bottom: 3px; left: 0; }

.franchise-ctn section.s-title-list ul li svg path { fill: #B21F28; }

.franchise-ctn section.s-title-list.new { /* The default style above uses this */ }

.franchise-ctn section.s-title-list.seeking.seeking { background: #D25E27; height: 172px; }

.franchise-ctn section.s-title-list.seeking.seeking h3 { color: #FFF; }

.franchise-ctn section.s-title-list.seeking.seeking ul li { color: #FFF; }

.franchise-ctn section.s-title-list.seeking.seeking ul li svg { bottom: 0; width: 16px; height: 32px; }

.franchise-ctn section.s-title-list.seeking.seeking ul li svg path { fill: #FFF; }

@media (min-width: 0) and (max-width: 1023px) { .franchise-ctn section.s-title-list h3 { font-size: 30px; margin: 0 0 30px; }
    .franchise-ctn section.s-title-list ul li { font-size: 22px; } }

@media (min-width: 0) and (max-width: 767px) { .franchise-ctn section.s-title-list h3 { font-size: 25px; margin: 0 0 25px; }
    .franchise-ctn section.s-title-list ul li { font-size: 20px; padding: 0 0 0 30px; margin: 0 25px 15px 15px; }
    .franchise-ctn section.s-title-list ul li svg { width: 17px; height: 12px; }
    .franchise-ctn section.s-title-list.seeking.seeking ul li { padding: 0 0 0 20px; }
    .franchise-ctn section.s-title-list.seeking.seeking ul li svg { width: 11px; height: 22px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.franchise-ctn section.s-visitor { padding: 0 50px 0 0; text-align: left; }

.franchise-ctn section.s-visitor .wrapper { max-width: 1500px; }

.franchise-ctn section.s-visitor img { float: left; }

.franchise-ctn section.s-visitor .box { background: #B21F28; float: right; position: relative; top: -372px; margin: 0 0px -372px 0; text-align: center; width: 36%; padding: 4.30%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.franchise-ctn section.s-visitor .box * { color: #FFF; margin-left: auto; margin-right: auto; }

.franchise-ctn section.s-visitor .box h3 { margin-top: 23px; }

.franchise-ctn section.s-visitor .box .box-text { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 18px; margin: 23px auto; line-height: 1.4em; }

.franchise-ctn section.s-visitor .box .box-visitors { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 60px; text-transform: uppercase; margin: 40px auto 5px; }

.franchise-ctn section.s-visitor .box .box-unit { font-size: 33.5px; }

@media screen and (max-width: 1500px) { .franchise-ctn section.s-visitor .wrapper { margin: auto; }
    .franchise-ctn section.s-visitor .box { margin: 0 0 -372px 0; }
    .franchise-ctn section.s-visitor .box-visitors { font-size: 55px; }
    .franchise-ctn section.s-visitor img { width: 85%; } }

@media (min-width: 0) and (max-width: 1023px) { .franchise-ctn section.s-visitor { padding: 0; }
    .franchise-ctn section.s-visitor div.wrapper { padding: 0 50px; }
    .franchise-ctn section.s-visitor img { width: 100%; float: inherit; margin: 0 0 10px 0; }
    .franchise-ctn section.s-visitor .box { width: 100%; float: inherit; position: initial; top: inherit; margin: 0; padding: 50px; }
    .franchise-ctn section.s-visitor .box-visitor { margin: 20px auto 5px; } }

@media (min-width: 0) and (max-width: 767px) { .franchise-ctn section.s-visitor div.wrapper { padding: 0 15px; }
    .franchise-ctn section.s-visitor .box { padding: 50px 25px; }
    .franchise-ctn section.s-visitor .box svg { margin: 0 0 25px 0; }
    .franchise-ctn section.s-visitor .box h3 { margin: 0 0 20px 0; }
    .franchise-ctn section.s-visitor .box-text { font-size: 16px; margin: 0 0 20px 0; }
    .franchise-ctn section.s-visitor .box-visitors { font-size: 40px; margin: 0; }
    .franchise-ctn section.s-visitor .box-unit { font-size: 30px; margin: 0; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.franchise-ctn section { text-align: center; }

.franchise-ctn section .wrapper { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; *zoom: 1; max-width: 1280px; margin-left: auto; margin-right: auto; box-sizing: border-box; width: 100%; }

.franchise-ctn section .wrapper:before, .franchise-ctn section .wrapper:after { content: " "; display: table; line-height: 0; }

.franchise-ctn section .wrapper:after { clear: both; }

.franchise-ctn section hr { display: block; margin: 0 auto 50px; width: 40px; height: 3px; background: #B21F28; border: none; }

.franchise-ctn section h2 { text-align: center; margin: 0 auto 35px; }

.franchise-ctn .s-sub-title { margin-top: 0 !important; padding: 125px 0 100px; }

.franchise-ctn .s-sub-title h2 { margin: 0 auto 35px; }

.franchise-ctn .s-sub-title p { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 22px; margin: auto; line-height: 1.4em; }

@media (min-width: 0) and (max-width: 1439px) { .franchise-ctn section .wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; *zoom: 1; max-width: 980px; margin-left: auto; margin-right: auto; }
    .franchise-ctn section .wrapper:before, .franchise-ctn section .wrapper:after { content: " "; display: table; line-height: 0; }
    .franchise-ctn section .wrapper:after { clear: both; } }

@media (min-width: 0) and (max-width: 1023px) { .franchise-ctn p { font-size: 18px; }
    .franchise-ctn section .wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; *zoom: 1; max-width: 748px; margin-left: auto; margin-right: auto; }
    .franchise-ctn section .wrapper:before, .franchise-ctn section .wrapper:after { content: " "; display: table; line-height: 0; }
    .franchise-ctn section .wrapper:after { clear: both; }
    .franchise-ctn .s-sub-title { padding: 100px 0; }
    .franchise-ctn .s-sub-title h2 { margin: 0 auto 25px; }
    .franchise-ctn .s-sub-title p { font-size: 18px; } }

@media (min-width: 0) and (max-width: 767px) { .franchise-ctn p { font-size: 16px; }
    .franchise-ctn section .wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; *zoom: 1; max-width: 100%; margin-left: auto; margin-right: auto; padding: 0 15px; }
    .franchise-ctn section .wrapper:before, .franchise-ctn section .wrapper:after { content: " "; display: table; line-height: 0; }
    .franchise-ctn section .wrapper:after { clear: both; }
    .franchise-ctn .s-sub-title { padding: 80px 0; }
    .franchise-ctn .s-sub-title h2 { margin: 0 auto 15px; }
    .franchise-ctn .s-sub-title p { font-size: 16px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.apply-form h2 { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 45px; color: #902929; text-transform: uppercase; text-align: center; padding-bottom: 15px; margin-top: 10px; }

.apply-form form.success .form-content { max-height: 0; overflow: hidden; }

.apply-form form.success .submit-successful { opacity: 1; max-height: none; overflow: auto; }

.apply-form form.error .submit-error { max-height: none; overflow: auto; }

.apply-form form .form-content { max-height: 1500px; -webkit-transition: max-height 200ms ease-in-out; transition: max-height 200ms ease-in-out; }

.apply-form form .submit-error { max-height: 0; overflow: hidden; }

.apply-form form .submit-successful { opacity: 0; -webkit-transition: opacity 200ms 200ms ease-in-out; transition: opacity 200ms 200ms ease-in-out; max-height: 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; }

.apply-form form .submit-successful svg { margin: 40px 0 30px; }

.apply-form form .submit-successful h3 { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 45px; margin: 0 0 20px; text-transform: uppercase; color: #231F20; }

.apply-form form .submit-successful p { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 20px; margin: 0 0 30px; color: #231F20; text-transform: none; }

.apply-form form .submit-successful .primary-cta { padding: 15px 30px; }

.apply-form form .submit-successful .primary-cta .text { font-size: 16px; }

.apply-form form .submit-successful .btn { background: #B21F28; border-color: #B21F28; color: #FFF; }

.apply-form form .submit-successful .btn:hover { background: #FFF; color: #B21F28; }

.apply-form .form-restaurant-selector { position: relative; }

.apply-form .form-restaurant-selector.opened .selector { border-bottom: none; padding-top: 19.5px; }

.apply-form .form-restaurant-selector.opened .toggler { -webkit-transform: translateY(-50%); transform: translateY(-50%); background-position: 0 -10px; }

.apply-form .form-restaurant-selector.opened .choices { border-top: none; display: block; }

.apply-form .form-restaurant-selector .restaurant-selector { position: relative; }

.apply-form .form-restaurant-selector .selector, .apply-form .form-restaurant-selector .choices { border: 1px solid rgba(0, 0, 0, 0.13); background-color: #B21F28; }

.apply-form .form-restaurant-selector .selector { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 60px; padding: 20.5px 50px 18.5px 28px; font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; line-height: 1.607; color: #FFF; cursor: pointer; }

.apply-form .form-restaurant-selector .selector .note { display: none; }

.apply-form .form-restaurant-selector .toggler { position: absolute; top: 29px; right: 26px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 15px; height: 10px; z-index: 9; background-image: url(../../../../../../resources/assets/images/ui/arrow-select-white@2x.png); background-size: 100% auto; margin-top: 3px; cursor: pointer; }

.apply-form .form-restaurant-selector .choices { display: none; width: 100%; max-height: 250px; overflow: auto; position: absolute; top: 100%; z-index: 999; }

.apply-form .form-restaurant-selector input { display: none; }

.apply-form .form-restaurant-selector input:checked + .choice:before { background-color: #FFF; }

.apply-form .form-restaurant-selector input:disabled + .choice { background: #902929; cursor: not-allowed; pointer-events: none; }

.apply-form .form-restaurant-selector input:disabled + .choice > * { opacity: 0.7; }

.apply-form .form-restaurant-selector input:disabled + .choice .note { display: block; }

.apply-form .form-restaurant-selector .choice { position: relative; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 44px; padding: 11.5px 28px 9.5px 68px; margin: 0; background: #B21F28; -webkit-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.apply-form .form-restaurant-selector .choice:before, .apply-form .form-restaurant-selector .choice:after { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.apply-form .form-restaurant-selector .choice:before { width: 24px; height: 24px; border-color: #FFF; left: 28px; }

.apply-form .form-restaurant-selector .choice:after { width: 14px; height: 11px; background-image: url("../../../../../../resources/assets/images/ui/check-red-2x.png"); background-size: 100% auto; background-color: transparent; left: 33px; }

.apply-form .form-restaurant-selector .choice p { font-size: 12px; line-height: 1.875; color: #FFF; margin: 0; padding: 0; }

.apply-form .form-restaurant-selector .choice .note { display: none; font-size: 10px; line-height: 1; text-transform: none; }

.apply-form p.label-error { display: none; }

.apply-form p.label-error.error { display: block; }

.apply-form p { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; text-align: center; padding-bottom: 15px; }

.apply-form .btn-close { width: 45%; float: left; }

.apply-form .btn-submit-wrapper { width: 45%; float: right; }

@media (min-width: 0) and (max-width: 767px) { .apply-form .field-row { margin-bottom: 15px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.career-apply { display: none; position: fixed; bottom: 0; width: 100%; padding: 25px 0; background-color: #FFF; -webkit-box-shadow: 1px 9px 20px black; box-shadow: 1px 9px 20px black; z-index: 5; }

.career-apply .primary-cta { position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.career-apply.fadeOut { -webkit-animation: fadeOut 150ms 0ms ease-in-out forwards, fixedZindexDown 0ms 150ms ease-in-out forwards; animation: fadeOut 150ms 0ms ease-in-out forwards, fixedZindexDown 0ms 150ms ease-in-out forwards; }

.career-apply.fadeIn { -webkit-animation: fadeIn 150ms 0ms ease-in-out forwards, fixedZindexUp 0ms 0ms ease-in-out forwards; animation: fadeIn 150ms 0ms ease-in-out forwards, fixedZindexUp 0ms 0ms ease-in-out forwards; }

@media (min-width: 0) and (max-width: 1023px) { .career-apply { padding: 25px 0; } }

@media (min-width: 0) and (max-width: 767px) { .career-apply { padding: 10px 0; display: block; }
    .career-apply .primary-cta { padding: 15px 50px; }
    .career-apply .primary-cta .text { font-size: 14px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.career-info .centered-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.career-info .centered-content:before, .career-info .centered-content:after { display: none; }

.career-info .career-single { -webkit-box-flex: 0; -ms-flex: 0 1 65.87%; flex: 0 1 65.87%; }

.career-info .sidebar { -webkit-box-flex: 0; -ms-flex: 0 1 25.4%; flex: 0 1 25.4%; padding: 67px 0 45px; }

.career-info .sidebar .sidebar-wrapper.sticky { position: -webkit-sticky !important; position: sticky !important; top: 160px !important; }

@media (min-width: 0) and (max-width: 1023px) { .career-info .sidebar .sidebar-wrapper.sticky { top: 200px !important; } }

@media (min-width: 0) and (max-width: 767px) { .career-info { position: relative; }
    .career-info .centered-content { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
    .career-info .career-single, .career-info .sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .career-info .career-single .share { position: absolute; top: 0; }
    .career-info .sidebar { position: static; top: auto; padding: 120px 0 54px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.hero-banner.job-hero { height: 270px; }

.hero-banner.job-hero .hero-bg { background-position: center; }

.hero-banner.job-hero .gradient { background: #231F20; opacity: 0.5; }

.hero-banner.job-hero .centered-content .wrapper h1 { margin: 0; font-size: 70px; line-height: 1; }

@media (min-width: 0) and (max-width: 767px) { .hero-banner.job-hero { height: 200px; }
    .hero-banner.job-hero .centered-content .wrapper h1 { font-size: 40px; line-height: 45px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.career-openings .locator-list { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; }

.career-openings .locator-list h2 { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 45px; padding-bottom: 30px; }

.career-openings .locator-list .single-restaurant-infos { position: relative; border-bottom-color: #F2F2F2; }

.career-openings .locator-list .single-restaurant-infos .restaurants-infos { width: 50%; }

.career-openings .locator-list .single-restaurant-infos .restaurants-infos h5 a { font-size: 20px; }

.career-openings .locator-list .single-restaurant-infos .phone-contact p { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; }

.career-openings .locator-list .single-restaurant-infos .actions { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; }

@media (min-width: 0) and (max-width: 1439px) { .career-openings .locator-list { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; } }

@media (min-width: 0) and (max-width: 1023px) { .career-openings .locator-list { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; } }

@media (min-width: 0) and (max-width: 767px) { .career-openings .locator-list { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; }
    .career-openings .locator-list .single-restaurant-infos .restaurants-infos { width: 100% !important; }
    .career-openings .locator-list .single-restaurant-infos .actions { position: relative; -webkit-transform: translateY(0); transform: translateY(0); } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.career-spontaneous .spontaneous-wrapper { padding-bottom: 60px; }

.career-spontaneous .spontaneous-wrapper h3 { text-align: center; padding-bottom: 20px; }

.career-spontaneous .spontaneous-wrapper .primary-cta { position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media (min-width: 0) and (max-width: 767px) { .career-spontaneous { padding-top: 30px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.confirmation-modal h2 { color: #902929; text-align: center; padding-bottom: 30px; }

.confirmation-modal p { text-align: center; padding-bottom: 30px; }

.confirmation-modal .confirmation-form .btn-submit-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 42%; float: right; margin-right: 0; }

.confirmation-modal .confirmation-form .btn-close { -webkit-box-sizing: border-box; box-sizing: border-box; width: 42%; float: left; margin-right: 16%; }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.applications-listing { margin: 75px 0; }

.applications-listing .wrapper { margin-left: 0%; margin-right: 0%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; }

.applications-listing .wrapper .row { position: relative; padding: 10px 0; border-bottom: 1px solid #F2F2F2; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.applications-listing .wrapper .row.expended { background-color: #F2F2F2; }

.applications-listing .wrapper .row.expended .overflow-container :first-child a svg { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.applications-listing .wrapper .row.title { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 55px; text-transform: uppercase; color: #902929; }

.applications-listing .wrapper .row.title :nth-child(1) { -webkit-box-sizing: border-box; box-sizing: border-box; width: 25.64103%; float: left; margin-right: 4.10256%; }

.applications-listing .wrapper .row.title :nth-child(2) { -webkit-box-sizing: border-box; box-sizing: border-box; width: 18.20513%; float: left; margin-right: 4.10256%; }

.applications-listing .wrapper .row.title :nth-child(3) { -webkit-box-sizing: border-box; box-sizing: border-box; width: 18.20513%; float: left; margin-right: 4.10256%; }

.applications-listing .wrapper .row.title :nth-child(4) { -webkit-box-sizing: border-box; box-sizing: border-box; width: 25.64103%; float: right; margin-right: 0; }

.applications-listing .wrapper .row .mobile-only { display: none; }

.applications-listing .wrapper .row:first-child { margin-bottom: 30px; border-bottom: none; }

.applications-listing .wrapper .row .overflow-container { height: 65px; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.applications-listing .wrapper .row .overflow-container.mobile-height { height: auto !important; }

.applications-listing .wrapper .row .overflow-container p, .applications-listing .wrapper .row .overflow-container span, .applications-listing .wrapper .row .overflow-container a { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; }

.applications-listing .wrapper .row .overflow-container .title-mobile { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 18px; color: #902929; margin-top: 15px; }

.applications-listing .wrapper .row .overflow-container .applicant-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 25.64103%; float: left; margin-right: 4.10256%; }

.applications-listing .wrapper .row .overflow-container .applicant-wrapper .applicant-name { height: 65px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 10px; }

.applications-listing .wrapper .row .overflow-container .applicant-wrapper .applicant-name a { text-decoration: none; }

.applications-listing .wrapper .row .overflow-container .applicant-wrapper .applicant-name svg { fill: #902929; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-right: 10px; }

.applications-listing .wrapper .row .overflow-container .applicant-wrapper .applicant-phone { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 15px; }

.applications-listing .wrapper .row .overflow-container .applicant-wrapper .applicant-phone svg { margin-left: 70px; }

.applications-listing .wrapper .row .overflow-container .applicant-wrapper .applicant-phone p { padding-left: 10px; font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; }

.applications-listing .wrapper .row .overflow-container .applicant-wrapper .applicant-phone p span { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; line-height: 1.5; }

.applications-listing .wrapper .row .overflow-container .post-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 18.20513%; float: left; margin-right: 4.10256%; }

.applications-listing .wrapper .row .overflow-container .post-wrapper .post-name { height: 65px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.applications-listing .wrapper .row .overflow-container .post-wrapper .applicant-email { padding-top: 15px; }

.applications-listing .wrapper .row .overflow-container .post-wrapper .applicant-email p { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; }

.applications-listing .wrapper .row .overflow-container .post-wrapper .applicant-email p span { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; line-height: 1.5; }

.applications-listing .wrapper .row .overflow-container .status-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 18.20513%; float: left; margin-right: 4.10256%; }

.applications-listing .wrapper .row .overflow-container .status-wrapper .application-status-dropdown.skinMe .skinme-select-ctn { position: relative; height: 46px; line-height: 1; }

.applications-listing .wrapper .row .overflow-container .status-wrapper .application-status-dropdown.skinMe .skinme-select-ctn .select.application-status { cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 46px; border: 1px solid; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; color: #333333; border-color: #d3d8d8; }

.applications-listing .wrapper .row .overflow-container .status-wrapper .application-status-dropdown.skinMe .skinme-select-ctn .select.application-status .toggler { position: absolute; top: 23px; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 12px; background-image: url("/resources/assets/images/ui/arrow-dropdown-white.png"); background-size: 100% auto; }

.applications-listing .wrapper .row .overflow-container .status-wrapper .application-status-dropdown.skinMe .skinme-select-ctn .select.application-status .skinme-mask { position: absolute; width: 100%; height: 100%; z-index: 10; background-color: #ffffff; filter: "alpha(opacity=1)"; -khtml-opacity: 0.01; -moz-opacity: 0.01; opacity: 0.01; }

.applications-listing .wrapper .row .overflow-container .status-wrapper .application-status-dropdown.skinMe .skinme-select-ctn .select.application-status.opened .toggler { background-position: 0 -12px; }

.applications-listing .wrapper .row .overflow-container .status-wrapper .application-status-dropdown.skinMe .skinme-select-ctn .select.application-status.opened .active-choice { border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.applications-listing .wrapper .row .overflow-container .status-wrapper .application-status-dropdown.skinMe .skinme-select-ctn .select.application-status .active-choice { position: absolute; height: 46px; top: 0; left: 0; z-index: 5; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding-left: 15px; padding-right: 46px; }

.applications-listing .wrapper .row .overflow-container .status-wrapper .application-status-dropdown.skinMe .skinme-select-ctn .select.application-status .skinme-select-choices { display: none; position: relative; top: 100%; margin-top: 1px; border: 1px solid; z-index: 9999; overflow: hidden; border-radius: 0 0 25px 25px; background-color: #ffffff; border-color: #ececec; }

.applications-listing .wrapper .row .overflow-container .status-wrapper .application-status-dropdown.skinMe .skinme-select-ctn .select.application-status .skinme-select-choices.open { display: block; }

.applications-listing .wrapper .row .overflow-container .status-wrapper .application-status-dropdown.skinMe .skinme-select-ctn .select.application-status .skinme-select-choices .choice { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 5px 15px; clear: both; cursor: pointer; text-align: left; }

.applications-listing .wrapper .row .overflow-container .status-wrapper .application-status-dropdown.skinMe .skinme-select-ctn .select.application-status .skinme-select-choices .choice.default { display: none; }

.applications-listing .wrapper .row .overflow-container .status-wrapper .application-status-dropdown.skinMe .skinme-select-ctn .select.application-status .skinme-select-choices .choice.selected, .applications-listing .wrapper .row .overflow-container .status-wrapper .application-status-dropdown.skinMe .skinme-select-ctn .select.application-status .skinme-select-choices .choice:hover { color: #333333; background-color: #d3d8d8; }

.applications-listing .wrapper .row .overflow-container .status-wrapper .application-status-dropdown.skinMe .skinme-select-ctn .select.application-status:hover { background-color: #d3d8d8; }

.applications-listing .wrapper .row .overflow-container .status-wrapper .application-status-dropdown.skinMe .skinme-select-ctn select { cursor: pointer; z-index: 1; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; }

.applications-listing .wrapper .row .overflow-container .status-wrapper .application-status-dropdown.skinMe .skinme-select-ctn select.native { position: absolute; top: 0; bottom: 0; width: 100%; z-index: 10; }

.applications-listing .wrapper .row .overflow-container .status-wrapper .presentation-letter { margin-top: 65px; padding-top: 15px; }

.applications-listing .wrapper .row .overflow-container .status-wrapper .presentation-letter p { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; }

.applications-listing .wrapper .row .overflow-container .status-wrapper .presentation-letter p span { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; line-height: 1.5; }

.applications-listing .wrapper .row .overflow-container .application-date-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 13.74359%; float: left; margin-right: 4.10256%; }

.applications-listing .wrapper .row .overflow-container .application-date-wrapper .application-date { height: 65px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.applications-listing .wrapper .row .overflow-container .application-date-wrapper .applicant-resume { padding-top: 15px; }

.applications-listing .wrapper .row .overflow-container .application-date-wrapper .applicant-resume p { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; }

.applications-listing .wrapper .row .overflow-container .application-date-wrapper .applicant-resume p span { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; line-height: 1.5; }

.applications-listing .wrapper .row .overflow-container .delete-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 7.79487%; float: right; margin-right: 0; }

.applications-listing .wrapper .row .overflow-container .delete-wrapper .delete { height: 65px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(35, 31, 32, 0.5); text-transform: uppercase; font-size: 14px; }

.applications-listing .wrapper .row .overflow-container .delete-wrapper .delete:hover { color: #902929; }

.applications-listing .wrapper .row .overflow-container .extra-infos { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; padding-top: 15px; }

.applications-listing .wrapper .row .overflow-container .extra-infos .applicant-social-media { -webkit-box-sizing: border-box; box-sizing: border-box; width: 25.64103%; float: left; margin-right: 4.10256%; padding-left: 98px; }

.applications-listing .wrapper .row .overflow-container .extra-infos .applicant-social-media p { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; }

.applications-listing .wrapper .row .overflow-container .extra-infos .applicant-social-media a { line-height: 1.5; }

.applications-listing .wrapper .row .overflow-container .extra-infos .applicant-message { -webkit-box-sizing: border-box; box-sizing: border-box; width: 55.38462%; float: left; margin-right: 4.10256%; padding-bottom: 20px; }

.applications-listing .wrapper .row .overflow-container .extra-infos .applicant-message p { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; }

.applications-listing .wrapper .row .overflow-container .extra-infos .applicant-message span { line-height: 1.5; font-weight: 300; }

@media (min-width: 0) and (max-width: 1439px) { .applications-listing .wrapper { margin-left: 0%; margin-right: 0%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; }
    .applications-listing .wrapper .row.title { font-size: 40px; }
    .applications-listing .wrapper .row .overflow-container p, .applications-listing .wrapper .row .overflow-container span, .applications-listing .wrapper .row .overflow-container a { font-size: 14px; }
    .applications-listing .wrapper .row .overflow-container .applicant-wrapper .applicant-phone svg { margin-left: 30px; }
    .applications-listing .wrapper .row .overflow-container .extra-infos .applicant-social-media { -webkit-box-sizing: border-box; box-sizing: border-box; width: 26.90058%; float: left; margin-right: 2.33918%; padding-left: 58px; } }

@media (min-width: 0) and (max-width: 1023px) { .applications-listing .wrapper { margin-left: 0%; margin-right: 0%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; }
    .applications-listing .wrapper .row.title { font-size: 26px; }
    .applications-listing .wrapper .row .overflow-container .delete-wrapper .delete { font-size: 12px; } }

@media (min-width: 0) and (max-width: 767px) { .applications-listing { margin: 25px 0; }
    .applications-listing .wrapper { margin-left: 0%; margin-right: 0%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; }
    .applications-listing .wrapper .row.title { display: none; }
    .applications-listing .wrapper .row .mobile-only { display: block; }
    .applications-listing .wrapper .row .overflow-container { height: auto; overflow: visible; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 15px 15px; }
    .applications-listing .wrapper .row .overflow-container p, .applications-listing .wrapper .row .overflow-container span, .applications-listing .wrapper .row .overflow-container a { word-break: normal; }
    .applications-listing .wrapper .row .overflow-container .applicant-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.45455%; float: left; margin-right: 9.09091%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-bottom: 15px; }
    .applications-listing .wrapper .row .overflow-container .applicant-wrapper .applicant-name { padding: 15px 0 0; height: auto; }
    .applications-listing .wrapper .row .overflow-container .applicant-wrapper .applicant-name a { pointer-events: none; font-size: 20px; }
    .applications-listing .wrapper .row .overflow-container .applicant-wrapper .applicant-name svg { display: none; }
    .applications-listing .wrapper .row .overflow-container .applicant-wrapper .applicant-phone svg { margin-left: 0; display: none; }
    .applications-listing .wrapper .row .overflow-container .applicant-wrapper .applicant-phone p { padding-left: 0; }
    .applications-listing .wrapper .row .overflow-container .post-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.45455%; float: right; margin-right: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-bottom: 15px; }
    .applications-listing .wrapper .row .overflow-container .post-wrapper .post-name { padding: 15px 0 0; height: auto; }
    .applications-listing .wrapper .row .overflow-container .post-wrapper .email-value { word-break: break-all; }
    .applications-listing .wrapper .row .overflow-container .status-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.45455%; float: left; margin-right: 9.09091%; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .applications-listing .wrapper .row .overflow-container .status-wrapper .form-status { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; position: relative; }
    .applications-listing .wrapper .row .overflow-container .status-wrapper .presentation-letter { margin-top: 0; padding-top: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
    .applications-listing .wrapper .row .overflow-container .status-wrapper .title-mobile { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
    .applications-listing .wrapper .row .overflow-container .application-date-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.45455%; float: right; margin-right: 0; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
    .applications-listing .wrapper .row .overflow-container .application-date-wrapper .application-date { padding: 15px 0 0; height: auto; }
    .applications-listing .wrapper .row .overflow-container .application-date-wrapper .applicant-resume { padding-top: 0; }
    .applications-listing .wrapper .row .overflow-container .delete-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; }
    .applications-listing .wrapper .row .overflow-container .delete-wrapper .delete { height: auto; padding-top: 50px; font-size: 14px; }
    .applications-listing .wrapper .row .overflow-container .extra-infos { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; padding: 0 0 15px; }
    .applications-listing .wrapper .row .overflow-container .extra-infos .applicant-social-media { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-right: 9.09091%; padding: 0 0 15px; }
    .applications-listing .wrapper .row .overflow-container .extra-infos .applicant-social-media.no-message { -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.45455%; float: left; margin-right: 9.09091%; }
    .applications-listing .wrapper .row .overflow-container .extra-infos .applicant-message { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: right; margin-right: 0; padding-right: 0; }
    .applications-listing .wrapper .row .overflow-container .extra-infos .applicant-message.no-message { -webkit-box-sizing: border-box; box-sizing: border-box; width: 45.45455%; float: right; margin-right: 0; } }


/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.job-posts-listing .wrapper { margin-left: 11.46245%; margin-right: 11.46245%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 77.0751%; float: left; margin-right: 3.16206%; }

.job-posts-listing .wrapper h2 { color: #902929; margin-top: 37px; margin-bottom: 12px; }

.job-posts-listing .wrapper p.description { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; line-height: 21px; margin-bottom: 24px; }

.job-posts-listing .wrapper .primary-cta { margin-bottom: 32px; }

.job-posts-listing .wrapper .job-posts-categories { margin-bottom: 140px; }

.job-posts-listing .wrapper .job-posts-categories .category { position: relative; border-bottom: 1px solid #F2F2F2; min-height: 60px; }

.job-posts-listing .wrapper .job-posts-categories .category:last-child { border-bottom: none; }

.job-posts-listing .wrapper .job-posts-categories .category .title { display: block; font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 20px; padding: 20px 100px 20px 0; line-height: 24px; text-transform: uppercase; }

.job-posts-listing .wrapper .job-posts-categories .category a { width: 43px; height: 20px; border-radius: 10px; background-color: rgba(35, 31, 32, 0.5); top: 20px; position: absolute; right: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.job-posts-listing .wrapper .job-posts-categories .category a.active { background-color: #902929; }

.job-posts-listing .wrapper .job-posts-categories .category a.active span { left: calc(100% - 20px); }

.job-posts-listing .wrapper .job-posts-categories .category a span { display: block; width: 20px; height: 20px; position: absolute; border-radius: 50%; background-color: #FFF; border: 1px solid rgba(35, 31, 32, 0.5); left: 0; top: 0; -webkit-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; }

.job-posts-listing .wrapper .job-posts-categories .button-container { height: 1px; }

.job-posts-listing .wrapper .job-posts-categories .button-container.fixed { margin-top: 118px; }

.job-posts-listing .wrapper .job-posts-categories .button-container.fixed .button-wrapper { position: fixed; bottom: 0; left: 0; width: 100%; background: #FFF; height: 118px; border-top: 1px solid #F2F2F2; z-index: 99; }

.job-posts-listing .wrapper .job-posts-categories .button-container .button-wrapper .btn-submit { margin: 30px auto; max-width: 200px; }

@media (min-width: 0) and (max-width: 1439px) { .job-posts-listing .wrapper { margin-left: 8.56164%; margin-right: 8.56164%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 82.87671%; float: left; margin-right: 2.73973%; } }

@media (min-width: 0) and (max-width: 1023px) { .job-posts-listing .wrapper { margin-left: 0%; margin-right: 0%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

@media (min-width: 0) and (max-width: 767px) { .job-posts-listing .wrapper { margin-left: 0%; margin-right: 0%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.resources-documents { padding-top: 75px; }

.resources-documents .documents-menu-mobile { display: none; padding-bottom: 30px; margin: 0 auto; }

.resources-documents .documents-menu-mobile.skinMe .skinme-select-ctn { position: relative; height: 55px; line-height: 1; }

.resources-documents .documents-menu-mobile.skinMe .skinme-select-ctn .select.documents-menu { cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 55px; border: 1px solid; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; color: #333333; border-color: #d3d8d8; }

.resources-documents .documents-menu-mobile.skinMe .skinme-select-ctn .select.documents-menu .toggler { position: absolute; top: 27.5px; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 12px; background-image: url("/resources/assets/images/ui/arrow-dropdown-red.png"); background-size: 100% auto; }

.resources-documents .documents-menu-mobile.skinMe .skinme-select-ctn .select.documents-menu .skinme-mask { position: absolute; width: 100%; height: 100%; z-index: 10; background-color: #ffffff; filter: "alpha(opacity=1)"; -khtml-opacity: 0.01; -moz-opacity: 0.01; opacity: 0.01; }

.resources-documents .documents-menu-mobile.skinMe .skinme-select-ctn .select.documents-menu.opened .toggler { background-position: 0 -12px; }

.resources-documents .documents-menu-mobile.skinMe .skinme-select-ctn .select.documents-menu.opened .active-choice { border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.resources-documents .documents-menu-mobile.skinMe .skinme-select-ctn .select.documents-menu .active-choice { position: absolute; height: 55px; top: 0; left: 0; z-index: 5; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding-left: 15px; padding-right: 55px; }

.resources-documents .documents-menu-mobile.skinMe .skinme-select-ctn .select.documents-menu .skinme-select-choices { display: none; position: relative; top: 100%; margin-top: 1px; border: 1px solid; z-index: 9999; overflow: hidden; border-radius: 0 0 25px 25px; background-color: #ffffff; border-color: #ececec; }

.resources-documents .documents-menu-mobile.skinMe .skinme-select-ctn .select.documents-menu .skinme-select-choices.open { display: block; }

.resources-documents .documents-menu-mobile.skinMe .skinme-select-ctn .select.documents-menu .skinme-select-choices .choice { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 5px 15px; clear: both; cursor: pointer; text-align: left; }

.resources-documents .documents-menu-mobile.skinMe .skinme-select-ctn .select.documents-menu .skinme-select-choices .choice.default { display: none; }

.resources-documents .documents-menu-mobile.skinMe .skinme-select-ctn .select.documents-menu .skinme-select-choices .choice.selected, .resources-documents .documents-menu-mobile.skinMe .skinme-select-ctn .select.documents-menu .skinme-select-choices .choice:hover { color: #333333; background-color: #d3d8d8; }

.resources-documents .documents-menu-mobile.skinMe .skinme-select-ctn .select.documents-menu:hover { background-color: #d3d8d8; }

.resources-documents .documents-menu-mobile.skinMe .skinme-select-ctn select { cursor: pointer; z-index: 1; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; }

.resources-documents .documents-menu-mobile.skinMe .skinme-select-ctn select.native { position: absolute; top: 0; bottom: 0; width: 100%; z-index: 10; }

.resources-documents .documents-menu-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 31.2253%; float: left; margin-right: 3.16206%; margin-left: 11.46245%; }

.resources-documents .documents-menu-wrapper .documents-menu-title { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 55px; color: #902929; padding-bottom: 40px; }

.resources-documents .documents-menu-wrapper .documents-menu .documents-menu-items { padding-bottom: 30px; }

.resources-documents .documents-menu-wrapper .documents-menu .documents-menu-items a { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 20px; text-decoration: none; }

.resources-documents .documents-menu-wrapper .documents-menu .documents-menu-items a:hover { color: #902929; }

.resources-documents .documents-menu-wrapper .documents-menu .documents-menu-items.active a { color: #902929; }

@media (min-width: 0) and (max-width: 1439px) { .resources-documents .documents-menu-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 40.06849%; float: left; margin-right: 2.73973%; margin-left: 4.28082%; } }

@media (min-width: 0) and (max-width: 767px) { .resources-documents { padding-top: 30px; }
    .resources-documents .documents-menu-mobile { display: block; }
    .resources-documents .documents-menu-wrapper { display: none; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.files-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 42.68775%; float: left; margin-right: 3.16206%; margin-right: 11.46245%; float: right; }

.files-wrapper .files-title { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 55px; color: #902929; padding-bottom: 10px; }

.files-wrapper .module-files-extranet { padding-bottom: 20px; display: none; }

.files-wrapper .module-files-extranet.show { display: block; }

.files-wrapper .files-category-wrapper { padding: 30px 0; }

.files-wrapper .files-category-wrapper .line-before { display: inline-block; width: 45px; height: 5px; background: #902929; vertical-align: middle; margin-right: 18px; }

.files-wrapper .files-category-wrapper .files-category { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 20px; display: inline-block; text-transform: none; }

.files-wrapper .files-ordering { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; text-decoration: none; }

.files-wrapper .files-ordering.order-name { margin-left: 30px; }

.files-wrapper .files-ordering.ascending svg { opacity: 1; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.files-wrapper .files-ordering.ascending.descending svg { -webkit-transform: rotate(0); transform: rotate(0); }

.files-wrapper .files-ordering svg { width: 12px !important; stroke: #902929 !important; opacity: 0; }

.files-wrapper .files-list-wrapper { padding-top: 10px; }

.files-wrapper .files-list-wrapper .files-list-item { position: relative; border-bottom: 1px solid #D8D8D8; }

.files-wrapper .files-list-wrapper .files-list-item span { position: absolute; left: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); min-width: 16px; min-height: 21px; }

.files-wrapper .files-list-wrapper .files-list-item span.pdf { background: url("/resources/assets/images/svg/file-pdf.svg"); }

.files-wrapper .files-list-wrapper .files-list-item span.doc, .files-wrapper .files-list-wrapper .files-list-item span.docx, .files-wrapper .files-list-wrapper .files-list-item span.txt { background: url("/resources/assets/images/svg/file-txt.svg"); }

.files-wrapper .files-list-wrapper .files-list-item span.mp3, .files-wrapper .files-list-wrapper .files-list-item span.wma { background: url("/resources/assets/images/svg/file-audio.svg"); }

.files-wrapper .files-list-wrapper .files-list-item span.mp4, .files-wrapper .files-list-wrapper .files-list-item span.wav, .files-wrapper .files-list-wrapper .files-list-item span.avi, .files-wrapper .files-list-wrapper .files-list-item span.ogg { background: url("/resources/assets/images/svg/file-video.svg"); }

.files-wrapper .files-list-wrapper .files-list-item p { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; line-height: 1.3; padding: 10px 50px 10px 95px; }

.files-wrapper .files-list-wrapper .files-list-item a { position: absolute; top: 50%; right: 5px; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 10px; }

.files-wrapper .files-list-wrapper .files-list-item a svg { width: 16px; }

@media (min-width: 0) and (max-width: 1439px) { .files-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 48.63014%; float: left; margin-right: 2.73973%; margin-right: 4.28082%; } }

@media (min-width: 0) and (max-width: 767px) { .files-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-right: 0%; }
    .files-wrapper .files-order-type { margin-left: 0%; }
    .files-wrapper .files-list-wrapper { margin-left: 0%; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.single-post-author .single-post-author-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 77.0751%; float: left; margin-right: 3.16206%; margin-left: 11.46245%; margin-right: 11.46245%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 45px 0; background-color: #F2F2F2; }

.single-post-author .single-post-author-wrapper .single-post-author-image-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 18.20513%; float: left; margin-right: 4.10256%; }

.single-post-author .single-post-author-wrapper .single-post-author-image-wrapper > div { position: relative; left: 50%; -webkit-transform: translateX(-25%); transform: translateX(-25%); border-radius: 100%; width: 100px; height: 100px; overflow: hidden; }

.single-post-author .single-post-author-wrapper .single-post-author-image-wrapper > div .single-post-author-image { height: 100%; max-width: none; }

.single-post-author .single-post-author-wrapper .single-post-author-infos { -webkit-box-sizing: border-box; box-sizing: border-box; width: 62.82051%; float: left; margin-right: 4.10256%; margin-right: 14.87179%; }

.single-post-author .single-post-author-wrapper .single-post-author-infos .single-post-author-name { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 20px; margin-bottom: 25px; }

.single-post-author .single-post-author-wrapper .single-post-author-infos .single-post-author-description { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 17px; line-height: 1.3; opacity: 0.5; margin-bottom: 25px; }

.single-post-author .single-post-author-wrapper .single-post-author-infos .single-post-author-follow { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; }

.single-post-author .single-post-author-wrapper .single-post-author-infos .single-post-author-follow a { color: #B21F28; }

@media (min-width: 0) and (max-width: 1439px) { .single-post-author .single-post-author-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 82.87671%; float: left; margin-right: 2.73973%; margin-left: 8.56164%; margin-right: 8.56164%; } }

@media (min-width: 0) and (max-width: 1023px) { .single-post-author .single-post-author-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; }
    .single-post-author .single-post-author-wrapper .single-post-author-image-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 27.42857%; float: left; margin-right: 1.6%; }
    .single-post-author .single-post-author-wrapper .single-post-author-image-wrapper > div { -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

@media (min-width: 0) and (max-width: 767px) { .single-post-author .single-post-author-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 20px; }
    .single-post-author .single-post-author-wrapper .single-post-author-image-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-bottom: 30px; }
    .single-post-author .single-post-author-wrapper .single-post-author-infos { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-right: 0%; text-align: center; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.single-post-bottom-infos { padding: 45px 0 60px; }

.single-post-bottom-infos .category-share { -webkit-box-sizing: border-box; box-sizing: border-box; width: 77.0751%; float: left; margin-right: 3.16206%; margin-left: 11.46245%; margin-right: 11.46245%; }

.single-post-bottom-infos .category-share .single-post-category { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; padding-bottom: 30px; }

@media (min-width: 0) and (max-width: 1439px) { .single-post-bottom-infos .category-share { -webkit-box-sizing: border-box; box-sizing: border-box; width: 82.87671%; float: left; margin-right: 2.73973%; margin-left: 8.56164%; margin-right: 8.56164%; } }

@media (min-width: 0) and (max-width: 1023px) { .single-post-bottom-infos .category-share { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.hero-banner.hero-single-post { height: 270px; position: relative; }

.hero-banner.hero-single-post .hero-bg { background-position: center; }

.hero-banner.hero-single-post .gradient { background: #231F20; opacity: 0.8; }

.hero-banner.hero-single-post .post-author { position: absolute; right: 30px; bottom: 30px; width: 45%; text-align: right; z-index: 5; }

.hero-banner.hero-single-post .post-author .post-author-name { position: absolute; font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; right: 50px; bottom: 24px; opacity: 0.5; color: #F2F2F2; }

.hero-banner.hero-single-post .post-author .post-author-job { position: absolute; font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; right: 50px; top: 23px; opacity: 0.5; color: #F2F2F2; }

.hero-banner.hero-single-post .post-author .post-author-image-wrapper { border-radius: 100%; width: 40px; height: 40px; float: right; overflow: hidden; }

.hero-banner.hero-single-post .post-author .post-author-image-wrapper .post-author-image { height: 100%; max-width: none; margin-left: -25%; }

.hero-banner.hero-single-post .centered-content .wrapper { width: 70%; }

.hero-banner.hero-single-post .centered-content .wrapper a { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 20px; width: 100%; text-transform: uppercase; text-align: center; }

.hero-banner.hero-single-post .centered-content .wrapper h1 { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 40px; margin: 0; width: 100%; text-transform: uppercase; text-align: center; }

@media (min-width: 0) and (max-width: 1439px) { .hero-banner.hero-single-post .centered-content .wrapper { width: 100%; }
    .hero-banner.hero-single-post .centered-content .wrapper h1 { font-size: 35px; line-height: 1.2; } }

@media (min-width: 0) and (max-width: 1023px) { .hero-banner.hero-single-post .centered-content .wrapper { width: 100%; }
    .hero-banner.hero-single-post .centered-content .wrapper h1 { font-size: 30px; line-height: 1.2; } }

@media (min-width: 0) and (max-width: 767px) { .hero-banner.hero-single-post .post-author { display: none; }
    .hero-banner.hero-single-post .centered-content .wrapper { width: 100%; }
    .hero-banner.hero-single-post .centered-content .wrapper a { font-size: 15px; }
    .hero-banner.hero-single-post .centered-content .wrapper h1 { font-size: 25px; line-height: 1.2; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.single-post-top-infos { padding: 45px 0 0; }

.single-post-top-infos .date-share { -webkit-box-sizing: border-box; box-sizing: border-box; width: 77.0751%; float: left; margin-right: 3.16206%; margin-left: 11.46245%; margin-right: 11.46245%; }

.single-post-top-infos .date-share .single-post-date { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; padding-bottom: 30px; }

@media (min-width: 0) and (max-width: 1439px) { .single-post-top-infos .date-share { -webkit-box-sizing: border-box; box-sizing: border-box; width: 82.87671%; float: left; margin-right: 2.73973%; margin-left: 8.56164%; margin-right: 8.56164%; } }

@media (min-width: 0) and (max-width: 1023px) { .single-post-top-infos .date-share { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.restaurants-general-infos { z-index: 2; padding-bottom: 80px; }

.restaurants-general-infos .side-menu { -webkit-box-sizing: border-box; box-sizing: border-box; width: 19.76285%; float: left; margin-right: 3.16206%; }

.restaurants-general-infos .side-menu.fixed { width: 250px; margin-right: 0; }

.restaurants-general-infos .side-menu.side-menu-width { -webkit-box-sizing: border-box; box-sizing: border-box; width: 19.76285%; float: left; margin-right: 3.16206%; }

.restaurants-general-infos .side-menu .side-menu-desktop { margin-top: 10px; margin-bottom: 30px; }

.restaurants-general-infos .side-menu .side-menu-desktop li:last-child { padding-bottom: 0; }

.restaurants-general-infos .side-menu .side-menu-desktop .primary-cta { margin-top: 40px; margin-bottom: 45px; }

.restaurants-general-infos .side-menu .side-menu-desktop .delivery-logos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.restaurants-general-infos .side-menu .side-menu-desktop .delivery-logos .delivery-logo { width: 50%; padding: 0 5px; margin-bottom: 20px; }

.restaurants-general-infos .side-menu .side-menu-desktop .delivery-logos .delivery-logo img { width: 100%; }

.restaurants-general-infos .side-menu .primary-cta { margin-bottom: 10px; }

.restaurants-general-infos .side-menu .side-menu-mobile-wrapper { display: none; }

.restaurants-general-infos .aside-related-content .section.careers-listing .aside-content-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 77.0751%; float: left; margin-right: 3.16206%; }

.restaurants-general-infos .aside-related-content .section .aside-content-wrapper { margin-left: 22.9249%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 65.61265%; float: left; margin-right: 3.16206%; margin-right: 11.46245%; }

.restaurants-general-infos h2 { margin-bottom: 40px; width: 77.0751%; }

.restaurants-general-infos .bold { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; }

@media (min-width: 0) and (max-width: 1439px) { .restaurants-general-infos .side-menu-section .side-menu.fixed { width: 193px; margin-right: 0; } }

@media (min-width: 0) and (max-width: 1023px) { .restaurants-general-infos .side-menu-section { padding-top: 0 !important; }
    .restaurants-general-infos .side-menu-section .side-menu { visibility: hidden; pointer-events: none; }
    .restaurants-general-infos .aside-related-content .section.careers-listing .aside-content-wrapper, .restaurants-general-infos .aside-related-content .section .aside-content-wrapper { margin-left: 0%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-right: 0%; } }

@media (min-width: 0) and (max-width: 767px) { .restaurants-general-infos.aside-with-content { padding-top: 0; }
    .restaurants-general-infos .side-menu-section .side-menu { width: 100%; visibility: visible; pointer-events: auto; height: auto; margin-bottom: 25px; position: relative !important; top: 0 !important; }
    .restaurants-general-infos .side-menu-section .side-menu .side-menu-desktop { visibility: hidden; pointer-events: none; }
    .restaurants-general-infos .side-menu-section .side-menu .side-menu-mobile-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
    .restaurants-general-infos .side-menu-section .side-menu .side-menu-mobile-wrapper .primary-cta { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; margin-bottom: 0; }
    .restaurants-general-infos .side-menu-section .side-menu .side-menu-mobile-wrapper .delivery-logos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 250px; }
    .restaurants-general-infos .side-menu-section .side-menu .side-menu-mobile-wrapper .delivery-logos .delivery-logo { width: 50%; padding: 0 5px; }
    .restaurants-general-infos .side-menu-section .side-menu .side-menu-mobile-wrapper .delivery-logos .delivery-logo img { width: 100%; }
    .restaurants-general-infos h2 { font-size: 25px; line-height: 30px; margin-bottom: 20px; width: 100%; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.restaurant-hero .centered-content .wrapper > a, .restaurant-hero .centered-content .wrapper > span { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; margin-right: 20px; display: inline-block; color: #FFF; text-decoration: none; }

.restaurant-hero .centered-content .wrapper > a span.text, .restaurant-hero .centered-content .wrapper > span span.text { -webkit-transition: all 0.3s; transition: all 0.3s; }

.restaurant-hero .centered-content .wrapper > a:hover span.text, .restaurant-hero .centered-content .wrapper > span:hover span.text { color: #B21F28; border-color: #B21F28; }

.restaurant-hero .centered-content .wrapper > a:hover.direction .icon svg, .restaurant-hero .centered-content .wrapper > a:hover.phone .icon svg, .restaurant-hero .centered-content .wrapper > span:hover.direction .icon svg, .restaurant-hero .centered-content .wrapper > span:hover.phone .icon svg { fill: #B21F28; }

.restaurant-hero .centered-content .wrapper > a.direction .icon, .restaurant-hero .centered-content .wrapper > span.direction .icon { display: inline-block; width: 15px; height: 21px; top: 6px; }

.restaurant-hero .centered-content .wrapper > a.direction .icon svg, .restaurant-hero .centered-content .wrapper > span.direction .icon svg { width: 100%; height: 100%; fill: #FFF; }

.restaurant-hero .centered-content .wrapper > a.direction .text, .restaurant-hero .centered-content .wrapper > span.direction .text { padding-bottom: 2px; border-bottom: 1px solid #FFF; }

.restaurant-hero .centered-content .wrapper > a.phone .icon, .restaurant-hero .centered-content .wrapper > span.phone .icon { top: 3px; }

.restaurant-hero .centered-content .wrapper > a.phone .icon svg, .restaurant-hero .centered-content .wrapper > span.phone .icon svg { fill: #FFF; }

.restaurant-hero .centered-content .wrapper > a .icon, .restaurant-hero .centered-content .wrapper > span .icon { position: relative; top: 2px; margin-right: 4px; }

.restaurant-hero .centered-content .wrapper > a .icon svg, .restaurant-hero .centered-content .wrapper > span .icon svg { -webkit-transition: fill 200ms ease-in-out; transition: fill 200ms ease-in-out; opacity: 1; }

.restaurant-hero .centered-content .wrapper > a.social-icons, .restaurant-hero .centered-content .wrapper > span.social-icons { margin-right: 5px; position: relative; top: 3px; }

.restaurant-hero .centered-content .wrapper > a.social-icons a, .restaurant-hero .centered-content .wrapper > span.social-icons a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 30px; }

.restaurant-hero .centered-content .wrapper > a.social-icons a:hover svg *, .restaurant-hero .centered-content .wrapper > span.social-icons a:hover svg * { fill: #B21F28; }

.restaurant-hero .centered-content .wrapper > a.social-icons a svg *, .restaurant-hero .centered-content .wrapper > span.social-icons a svg * { -webkit-transition: fill 0.3s; transition: fill 0.3s; }

@media (min-width: 0) and (max-width: 767px) { .restaurant-hero { min-height: 330px; height: auto; }
    .restaurant-hero .centered-content .wrapper > a, .restaurant-hero .centered-content .wrapper > span { font-size: 12px; }
    .restaurant-hero .centered-content .wrapper > a.social-icons, .restaurant-hero .centered-content .wrapper > span.social-icons { margin-left: -4px; margin-right: 15px; }
    .restaurant-hero .centered-content .wrapper > a.phone, .restaurant-hero .centered-content .wrapper > span.phone { display: block; margin: 12px 0 40px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.career-single h2 { font-size: 35px; margin-bottom: 30px; }

.career-single .wysiwyg-wrapper { padding: 0; margin-bottom: 70px; }

@media (min-width: 0) and (max-width: 1023px) { .career-single .wysiwyg-wrapper { padding: 30px 0 50px; } }

@media (min-width: 0) and (max-width: 767px) { .career-single { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; }
    .career-single .wysiwyg-wrapper { padding: 20px 0 30px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.sidebar { position: relative; }

.sidebar .sidebar-wrapper { width: 100%; }

.sidebar .information { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.sidebar .icon { padding: 0 30px 11px 15px; }

.sidebar .icon svg { width: 28px; height: auto; }

.sidebar .content { margin: 0 0 16px; }

.sidebar .content .restaurant { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; line-height: 1.41; color: #902929; margin: 0 0 12px; }

.sidebar .content .address, .sidebar .content .phone { font-size: 14px; }

.sidebar .content .address { line-height: 1.29; margin: 0 0 8px; }

.sidebar .content .phone { line-height: 1.57; }

.sidebar .primary-cta { width: 100%; padding: 15.5px 30px; }

.sidebar .primary-cta .text { font-size: 16px; line-height: 1.375; }

@media (min-width: 0) and (max-width: 1023px) { .sidebar .icon { padding: 0 15px; } }

@media (min-width: 0) and (max-width: 767px) { .sidebar { display: block; padding-top: 30px; }
    .sidebar .icon { padding: 0 31px 16px 11px; }
    .sidebar .icon svg { width: 22px; }
    .sidebar .content { margin: 0 0 11px; }
    .sidebar .content .restaurant { margin: 0 0 6px; }
    .sidebar .primary-cta { padding: 11px 30px; }
    .sidebar .primary-cta .text { font-size: 14px; line-height: 1.57; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.section.restaurant-directions { position: relative; background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#F4F4F4)); background: linear-gradient(90deg, #FFFFFF 0%, #F4F4F4 100%); }

.section.restaurant-directions .map { position: absolute !important; right: 0; height: 100%; width: 670px; z-index: 2; }

.section.restaurant-directions .centered-content { padding: 77px 0; }

.section.restaurant-directions .centered-content .aside-content-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 31.2253%; float: left; margin-right: 3.16206%; }

.section.restaurant-directions .centered-content p { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; font-size: 14px; line-height: 1.7; margin-bottom: 15px; }

.section.restaurant-directions .centered-content .phone { color: #231F20; text-decoration: none; }

.section.restaurant-directions .centered-content .phone:hover { color: #B21F28; }

.section.restaurant-directions .centered-content .primary-cta { margin-top: 20px; }

@media (min-width: 0) and (max-width: 1439px) { .section.restaurant-directions .map { width: 500px; } }

@media (min-width: 0) and (max-width: 767px) { .section.restaurant-directions { padding: 10px 10px 20px; }
    .section.restaurant-directions .centered-content { padding: 0; }
    .section.restaurant-directions .centered-content .aside-content-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; }
    .section.restaurant-directions .map { position: relative !important; top: 0; right: auto; height: 350px; width: 100%; margin-bottom: 20px; }
    .section.restaurant-directions .centered-content .primary-cta { margin: 0 auto; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.restaurant-infos { position: relative; }

.restaurant-infos .bg-img { position: absolute; z-index: 1; top: 450px; right: -100px; display: none; }

.restaurant-infos .aside-content-wrapper h2 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 82.53012%; float: left; margin-right: 4.81928%; margin-right: 17.46988%; }

.restaurant-infos .aside-content-wrapper h3 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 82.53012%; float: left; margin-right: 4.81928%; margin-right: 17.46988%; }

.restaurant-infos .aside-content-wrapper h4 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 82.53012%; float: left; margin-right: 4.81928%; margin-right: 17.46988%; }

.restaurant-infos .aside-content-wrapper h5 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 82.53012%; float: left; margin-right: 4.81928%; margin-right: 17.46988%; }

.restaurant-infos .aside-content-wrapper p { -webkit-box-sizing: border-box; box-sizing: border-box; width: 82.53012%; float: left; margin-right: 4.81928%; margin-right: 17.46988%; }

.restaurant-infos .aside-content-wrapper a { -webkit-box-sizing: border-box; box-sizing: border-box; width: 82.53012%; float: left; margin-right: 4.81928%; margin-right: 17.46988%; }

.restaurant-infos .aside-content-wrapper ul { -webkit-box-sizing: border-box; box-sizing: border-box; width: 82.53012%; float: left; margin-right: 4.81928%; margin-right: 17.46988%; }

.restaurant-infos .aside-content-wrapper ol { -webkit-box-sizing: border-box; box-sizing: border-box; width: 82.53012%; float: left; margin-right: 4.81928%; margin-right: 17.46988%; }

@media (min-width: 0) and (max-width: 1439px) { .restaurant-infos .bg-img { right: -200px; } }

@media (min-width: 0) and (max-width: 1023px) { .restaurant-infos .bg-img { display: none; }
    .restaurant-infos .aside-content-wrapper h2 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; }
    .restaurant-infos .aside-content-wrapper h3 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; }
    .restaurant-infos .aside-content-wrapper h4 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; }
    .restaurant-infos .aside-content-wrapper h5 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; }
    .restaurant-infos .aside-content-wrapper p { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; }
    .restaurant-infos .aside-content-wrapper a { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; }
    .restaurant-infos .aside-content-wrapper ul li { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.restaurant-job-offers { padding: 75px 0 100px; background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), to(#F4F4F4)); background: linear-gradient(90deg, #FFFFFF 0%, #F4F4F4 100%); }

.restaurant-job-offers .job-offers { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (min-width: 0) and (max-width: 1439px) { .restaurant-job-offers.section .centered-content .aside-content-wrapper { margin-right: 0%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 77.37557%; float: left; margin-right: 1.80995%; } }

@media (min-width: 0) and (max-width: 1023px) { .restaurant-job-offers.section .centered-content .aside-content-wrapper { margin-left: 0%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

@media (min-width: 0) and (max-width: 767px) { .restaurant-job-offers .job-offers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .restaurant-job-offers .job-offers .job-offer:nth-child(3n+3) { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.restaurant-schedule { position: relative; }

.restaurant-schedule .bg-img { position: absolute; z-index: 1; top: -100px; right: -200px; }

.restaurant-schedule .centered-content { position: relative; z-index: 2; }

.restaurant-schedule .centered-content .delivery-logos { display: none; margin-left: auto; margin-right: 250px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 250px; margin-bottom: 40px; }

.restaurant-schedule .centered-content .delivery-logos .delivery-logo { width: 50%; padding: 0 5px; text-decoration: none; }

.restaurant-schedule .centered-content .delivery-logos .delivery-logo img { width: 100%; }

.restaurant-schedule .centered-content .no-phone { display: inline-block; vertical-align: top; margin: 0 0 50px; line-height: 1.2; padding: 11px 20px; border: 1px solid rgba(35, 31, 32, 0.5); color: #902929; font-weight: bold; }

.restaurant-schedule .centered-content .schedule-menu-mobile { display: none; }

.restaurant-schedule .centered-content .schedule-menu-mobile.skinMe .skinme-select-ctn { position: relative; height: 55px; line-height: 1; }

.restaurant-schedule .centered-content .schedule-menu-mobile.skinMe .skinme-select-ctn .select.schedule-menu { cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 55px; border: 1px solid; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; color: #333333; border-color: #d3d8d8; }

.restaurant-schedule .centered-content .schedule-menu-mobile.skinMe .skinme-select-ctn .select.schedule-menu .toggler { position: absolute; top: 27.5px; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 12px; background-image: url("/resources/assets/images/ui/arrow-dropdown-red.png"); background-size: 100% auto; }

.restaurant-schedule .centered-content .schedule-menu-mobile.skinMe .skinme-select-ctn .select.schedule-menu .skinme-mask { position: absolute; width: 100%; height: 100%; z-index: 10; background-color: #ffffff; filter: "alpha(opacity=1)"; -khtml-opacity: 0.01; -moz-opacity: 0.01; opacity: 0.01; }

.restaurant-schedule .centered-content .schedule-menu-mobile.skinMe .skinme-select-ctn .select.schedule-menu.opened .toggler { background-position: 0 -12px; }

.restaurant-schedule .centered-content .schedule-menu-mobile.skinMe .skinme-select-ctn .select.schedule-menu.opened .active-choice { border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.restaurant-schedule .centered-content .schedule-menu-mobile.skinMe .skinme-select-ctn .select.schedule-menu .active-choice { position: absolute; height: 55px; top: 0; left: 0; z-index: 5; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding-left: 15px; padding-right: 55px; }

.restaurant-schedule .centered-content .schedule-menu-mobile.skinMe .skinme-select-ctn .select.schedule-menu .skinme-select-choices { display: none; position: relative; top: 100%; margin-top: 1px; border: 1px solid; z-index: 9999; overflow: hidden; border-radius: 0 0 25px 25px; background-color: #ffffff; border-color: #ececec; }

.restaurant-schedule .centered-content .schedule-menu-mobile.skinMe .skinme-select-ctn .select.schedule-menu .skinme-select-choices.open { display: block; }

.restaurant-schedule .centered-content .schedule-menu-mobile.skinMe .skinme-select-ctn .select.schedule-menu .skinme-select-choices .choice { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 5px 15px; clear: both; cursor: pointer; text-align: left; }

.restaurant-schedule .centered-content .schedule-menu-mobile.skinMe .skinme-select-ctn .select.schedule-menu .skinme-select-choices .choice.default { display: none; }

.restaurant-schedule .centered-content .schedule-menu-mobile.skinMe .skinme-select-ctn .select.schedule-menu .skinme-select-choices .choice.selected, .restaurant-schedule .centered-content .schedule-menu-mobile.skinMe .skinme-select-ctn .select.schedule-menu .skinme-select-choices .choice:hover { color: #333333; background-color: #d3d8d8; }

.restaurant-schedule .centered-content .schedule-menu-mobile.skinMe .skinme-select-ctn .select.schedule-menu:hover { background-color: #d3d8d8; }

.restaurant-schedule .centered-content .schedule-menu-mobile.skinMe .skinme-select-ctn select { cursor: pointer; z-index: 1; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; }

.restaurant-schedule .centered-content .schedule-menu-mobile.skinMe .skinme-select-ctn select.native { position: absolute; top: 0; bottom: 0; width: 100%; z-index: 10; }

.restaurant-schedule .centered-content .schedule-table { margin-bottom: 70px; }

.restaurant-schedule .centered-content .schedule-table .row { margin: -3px 0 0; padding: 0 10px; display: inline-block; border-bottom: 1px solid rgba(35, 31, 32, 0.5); }

.restaurant-schedule .centered-content .schedule-table .row::after { content: ""; clear: both; display: table; }

.restaurant-schedule .centered-content .schedule-table .row:last-child { border-bottom: none; }

.restaurant-schedule .centered-content .schedule-table .row:first-child { border-bottom: none; }

.restaurant-schedule .centered-content .schedule-table .row:first-child h3 { font-size: 14px; }

.restaurant-schedule .centered-content .schedule-table .row.active { background-color: #F2F2F2; }

.restaurant-schedule .centered-content .schedule-table .row .col { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 8px 30px 8px 0; float: left; min-height: 21px; width: 150px; line-height: 20px; font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; }

.restaurant-schedule .centered-content .schedule-table .row .col:last-child { width: 150px; padding-right: 0; }

.restaurant-schedule .centered-content .schedule-table .row .col h3 { line-height: 20px; }

.restaurant-schedule .centered-content .schedule-table .row .col .circle-status { position: absolute; left: -13px; top: 15px; }

.restaurant-schedule .centered-content .schedule-table .row .exception-info { width: 472px; }

.restaurant-schedule .centered-content .schedule-table .row .exception-info p { padding-bottom: 10px; font-size: 14px; line-height: 1.5; color: rgba(35, 31, 32, 0.5); }

.restaurant-schedule .centered-content .circle-status { margin-right: 5px; }

@media (min-width: 0) and (max-width: 1439px) { .restaurant-schedule .bg-img { top: -180px; right: -250px; -webkit-transform: scale(0.7); transform: scale(0.7); } }

@media (min-width: 0) and (max-width: 1023px) { .restaurant-schedule .centered-content .delivery-logos { display: -webkit-box; display: -ms-flexbox; display: flex; } }

@media (min-width: 0) and (max-width: 767px) { .restaurant-schedule .bg-img { display: none; }
    .restaurant-schedule .centered-content { padding-left: 0; padding-right: 0; }
    .restaurant-schedule .centered-content .delivery-logos { display: none; }
    .restaurant-schedule .centered-content h2 { padding-left: 15px; padding-right: 15px; }
    .restaurant-schedule .centered-content .no-phone { margin-left: 15px; margin-right: 15px; }
    .restaurant-schedule .centered-content .schedule-menu-mobile { display: block; width: 280px !important; margin: 0 auto 20px; }
    .restaurant-schedule .centered-content .schedule-table { margin-bottom: 35px; }
    .restaurant-schedule .centered-content .schedule-table .row { margin-top: 0; display: block; padding: 0; margin: 0 10px; }
    .restaurant-schedule .centered-content .schedule-table .row:first-child { display: none; }
    .restaurant-schedule .centered-content .schedule-table .row .col { display: none; width: 70%; padding-right: 0; font-size: 14px; }
    .restaurant-schedule .centered-content .schedule-table .row .col.mobile-visible { display: block; text-align: right; }
    .restaurant-schedule .centered-content .schedule-table .row .col:first-child { display: block; width: 30%; }
    .restaurant-schedule .centered-content .schedule-table .row .col:last-child { width: 70%; }
    .restaurant-schedule .centered-content .schedule-table .row .col .circle-status { left: auto; top: -2px; position: relative; }
    .restaurant-schedule .centered-content .schedule-table .row .exception-info { width: 100%; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.infobox-restaurant .infos { margin-bottom: 15px; }

.infobox-restaurant .infos .title { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 18px; color: #902929; margin-bottom: 3px; }

.infobox-restaurant .infos .address { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; color: #231F20; line-height: 13px; }

.infobox-restaurant .infos .delivery { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; color: #231F20; margin-top: 10px; }

.infobox-restaurant .infos .delivery .icon { display: inline-block; vertical-align: middle; margin-right: 4px; }

.infobox-restaurant .infos .delivery .phone { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; text-decoration: none; }

.infobox-restaurant .infos .delivery .phone:hover { color: #902929; }

.infobox-restaurant .actions .action { display: inline-block; }

.infobox-restaurant .actions .action:not(:last-child) { margin-right: 10px; }

.infobox-restaurant .actions .action .primary-cta { font-size: 12px; }

.infobox-restaurant .actions .action .phone-order-text { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; margin-bottom: 24px; padding-right: 2px; }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.covid-19-content-wrapper { border: 2px solid #e32313; padding: 30px 40px !important; }

.covid-19-content-wrapper .covid-19-modal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; color: #231F20; }

.covid-19-content-wrapper .covid-19-modal h2 { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 20px; margin-bottom: 20px; }

.covid-19-content-wrapper .covid-19-modal p { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; line-height: 1.5; margin-bottom: 20px; width: 100%; }

.covid-19-content-wrapper .covid-19-modal a { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; text-transform: uppercase; color: #231F20; }

.covid-19-content-wrapper .covid-19-modal a:hover { color: #231F20; }

@media (min-width: 0) and (max-width: 1023px) { .covid-19-content-wrapper .covid-19-modal h2 { font-size: 18px; }
    .covid-19-content-wrapper .covid-19-modal p { font-size: 14px; }
    .covid-19-content-wrapper .covid-19-modal a { font-size: 14px; } }

@media (min-width: 0) and (max-width: 767px) { .covid-19-content-wrapper { padding: 30px !important; }
    .covid-19-content-wrapper .covid-19-modal h2 { font-size: 16px; }
    .covid-19-content-wrapper .covid-19-modal p { font-size: 12px; }
    .covid-19-content-wrapper .covid-19-modal a { font-size: 12px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.find-restaurant-modal-content .modal-content { padding: 0 28px; }

.find-restaurant-modal-content .modal-content .search-restaurant { margin-bottom: 37px; }

.find-restaurant-modal-content .modal-content .single-submit-wrapper input { font-size: 14px; padding: 12px 116px 10px 19px; }

.find-restaurant-modal-content .modal-content .single-submit-wrapper .btn-submit { font-size: 14px; padding: 11px 28px; }

@media (min-width: 0) and (max-width: 767px) { .find-restaurant-modal-content .modal-content { padding: 0; }
    .find-restaurant-modal-content .modal-content .search-restaurant { position: relative; top: 20px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.branch-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.branch-menu.aside-with-content { padding: 80px 0; }

.branch-menu .bg-img { position: absolute; top: 640px; left: -100px; }

.branch-menu .aside-related-content .section .aside-content-wrapper { min-height: 550px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 65.61265%; float: right; margin-right: 0; }

.branch-menu .aside-related-content .section .aside-content-wrapper ul { display: none; }

.branch-menu .aside-related-content .section .aside-content-wrapper ul.active { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.branch-menu .aside-related-content .section .aside-content-wrapper ul li { position: relative; top: 40px; opacity: 0.001; -webkit-transition: all ease-out 0.5s; transition: all ease-out 0.5s; }

.branch-menu .aside-related-content .section .aside-content-wrapper ul li.active { opacity: 1; top: 0; }

@media (min-width: 0) and (max-width: 1023px) { .branch-menu .aside-related-content .section .aside-content-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; width: 49.06417%; float: right; margin-right: 0; } }

@media (min-width: 0) and (max-width: 959px) { .branch-menu.aside-with-content { padding: 0 0 30px; }
    .branch-menu .bg-img { display: none; }
    .branch-menu .side-menu { width: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .branch-menu .aside-related-content { width: 100%; padding-top: 10px; }
    .branch-menu .aside-related-content .section .aside-content-wrapper { min-height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; } }

@media (max-width: 767px) { .branch-menu.aside-with-content { padding: 0 0 20px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.menu-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 47.59036%; float: left; margin-right: 4.81928%; padding: 30px 30px 40px; margin-top: 40px; background: #F2F2F2; }

.menu-item:nth-child(2n) { margin-right: 0; }

.menu-item .menu-item-top-content { padding-bottom: 20px; }

.menu-item .menu-item-img { width: 100%; min-height: 150px; display: inline-block; text-align: center; }

.menu-item .menu-item-img img { max-height: 200px; }

.menu-item .menu-item-title { margin-top: 24px; font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 35px; text-transform: uppercase; line-height: 1.2; color: #902929; letter-spacing: 1.5px; }

.menu-item .menu-item-description { margin-top: 15px; }

.menu-item .menu-item-description p { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; color: #231F20; line-height: 1.25; }

.menu-item .menu-item-variations { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.menu-item .menu-item-variations .menu-item-single-variation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 17px; }

.menu-item .menu-item-variations .menu-item-single-variation:last-child { margin-right: 0; }

.menu-item .menu-item-variations .menu-item-single-variation .menu-item-variation-price { font-family: 'Knockout Featherweight', Arial, helvetica, sans-serif; font-style: normal; font-size: 27px; color: #D25E27; letter-spacing: 1.5px; }

.menu-item .menu-item-variations .menu-item-single-variation .menu-item-variation-name { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 18px; }

.menu-item .primary-cta { display: none; }

.menu-item.with-button .menu-item-actions { padding-top: 30px; }

.menu-item.with-button .menu-item-actions .primary-cta { display: inline-block; }

@media (min-width: 0) and (max-width: 1439px) { .menu-item { margin-top: 30px; } }

@media (min-width: 0) and (max-width: 1023px) { .menu-item { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: right; margin-right: 0; } }

@media (min-width: 0) and (max-width: 959px) { .menu-item { width: calc(50% - 15px); margin-right: 30px; } }

@media (min-width: 768px) { .menu-item:nth-child(-n+2) { margin-top: 0; } }

@media (min-width: 0) and (max-width: 767px) { .menu-item { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: right; margin-right: 0; margin-top: 20px; }
    .menu-item:first-child { margin-top: 0; }
    .menu-item .menu-item-title { text-align: center; }
    .menu-item .menu-item-description { text-align: center; }
    .menu-item .menu-item-variations { -ms-flex-pack: distribute; justify-content: space-around; }
    .menu-item.with-button .primary-cta { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.gift-cards-action { -webkit-box-sizing: border-box; box-sizing: border-box; width: 77.0751%; float: left; margin-right: 3.16206%; margin-left: 11.46245%; margin-right: 11.46245%; padding-bottom: 40px; }

.gift-cards-action > a { margin-bottom: 10px; margin-left: 10px; }

@media (min-width: 0) and (max-width: 1439px) { .gift-cards-action { -webkit-box-sizing: border-box; box-sizing: border-box; width: 82.87671%; float: left; margin-right: 2.73973%; margin-left: 8.56164%; margin-right: 8.56164%; } }

@media (min-width: 0) and (max-width: 1023px) { .gift-cards-action { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; } }

@media (min-width: 0) and (max-width: 767px) { .gift-cards-action { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; margin-left: 0%; margin-right: 0%; } }

@charset "UTF-8";
/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.bootstrap { /*! Bootstrap v3.4.1 (https://getbootstrap.com/) Copyright 2011-2019 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ }

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

.bootstrap body { margin: 0; }

.bootstrap article, .bootstrap aside, .bootstrap details, .bootstrap figcaption, .bootstrap figure, .bootstrap footer, .bootstrap header, .bootstrap hgroup, .bootstrap main, .bootstrap menu, .bootstrap nav, .bootstrap section, .bootstrap summary { display: block; }

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

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

.bootstrap [hidden], .bootstrap template { display: none; }

.bootstrap a { background-color: transparent; }

.bootstrap a:active, .bootstrap a:hover { outline: 0; }

.bootstrap abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }

.bootstrap b, .bootstrap strong { font-weight: bold; }

.bootstrap dfn { font-style: italic; }

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

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

.bootstrap small { font-size: 80%; }

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

.bootstrap sup { top: -0.5em; }

.bootstrap sub { bottom: -0.25em; }

.bootstrap img { border: 0; }

.bootstrap svg:not(:root) { overflow: hidden; }

.bootstrap figure { margin: 1em 40px; }

.bootstrap hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }

.bootstrap pre { overflow: auto; }

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

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

.bootstrap button { overflow: visible; }

.bootstrap button, .bootstrap select { text-transform: none; }

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

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

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

.bootstrap input { line-height: normal; }

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

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

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

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

.bootstrap fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

.bootstrap legend { border: 0; padding: 0; }

.bootstrap textarea { overflow: auto; }

.bootstrap optgroup { font-weight: bold; }

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

.bootstrap td, .bootstrap th { padding: 0; }

@media print { .bootstrap *, .bootstrap *:before, .bootstrap *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
    .bootstrap a, .bootstrap a:visited { text-decoration: underline; }
    .bootstrap a[href]:after { content: " (" attr(href) ")"; }
    .bootstrap abbr[title]:after { content: " (" attr(title) ")"; }
    .bootstrap a[href^="#"]:after, .bootstrap a[href^="javascript:"]:after { content: ""; }
    .bootstrap pre, .bootstrap blockquote { border: 1px solid #999; page-break-inside: avoid; }
    .bootstrap thead { display: table-header-group; }
    .bootstrap tr, .bootstrap img { page-break-inside: avoid; }
    .bootstrap img { max-width: 100% !important; }
    .bootstrap p, .bootstrap h2, .bootstrap h3 { orphans: 3; widows: 3; }
    .bootstrap h2, .bootstrap h3 { page-break-after: avoid; }
    .bootstrap .navbar { display: none; }
    .bootstrap .btn > .caret, .bootstrap .dropup > .btn > .caret { border-top-color: #000 !important; }
    .bootstrap .label { border: 1px solid #000; }
    .bootstrap .table { border-collapse: collapse !important; }
    .bootstrap .table td, .bootstrap .table th { background-color: #fff !important; }
    .bootstrap .table-bordered th, .bootstrap .table-bordered td { border: 1px solid #ddd !important; } }

@font-face { font-family: "Glyphicons Halflings"; src: url("/resources/npm/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.eot"); src: url("/resources/npm/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/resources/npm/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("/resources/npm/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("/resources/npm/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("/resources/npm/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.bootstrap .glyphicon { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.bootstrap .glyphicon-asterisk:before { content: "\002a"; }

.bootstrap .glyphicon-plus:before { content: "\002b"; }

.bootstrap .glyphicon-euro:before, .bootstrap .glyphicon-eur:before { content: "\20ac"; }

.bootstrap .glyphicon-minus:before { content: "\2212"; }

.bootstrap .glyphicon-cloud:before { content: "\2601"; }

.bootstrap .glyphicon-envelope:before { content: "\2709"; }

.bootstrap .glyphicon-pencil:before { content: "\270f"; }

.bootstrap .glyphicon-glass:before { content: "\e001"; }

.bootstrap .glyphicon-music:before { content: "\e002"; }

.bootstrap .glyphicon-search:before { content: "\e003"; }

.bootstrap .glyphicon-heart:before { content: "\e005"; }

.bootstrap .glyphicon-star:before { content: "\e006"; }

.bootstrap .glyphicon-star-empty:before { content: "\e007"; }

.bootstrap .glyphicon-user:before { content: "\e008"; }

.bootstrap .glyphicon-film:before { content: "\e009"; }

.bootstrap .glyphicon-th-large:before { content: "\e010"; }

.bootstrap .glyphicon-th:before { content: "\e011"; }

.bootstrap .glyphicon-th-list:before { content: "\e012"; }

.bootstrap .glyphicon-ok:before { content: "\e013"; }

.bootstrap .glyphicon-remove:before { content: "\e014"; }

.bootstrap .glyphicon-zoom-in:before { content: "\e015"; }

.bootstrap .glyphicon-zoom-out:before { content: "\e016"; }

.bootstrap .glyphicon-off:before { content: "\e017"; }

.bootstrap .glyphicon-signal:before { content: "\e018"; }

.bootstrap .glyphicon-cog:before { content: "\e019"; }

.bootstrap .glyphicon-trash:before { content: "\e020"; }

.bootstrap .glyphicon-home:before { content: "\e021"; }

.bootstrap .glyphicon-file:before { content: "\e022"; }

.bootstrap .glyphicon-time:before { content: "\e023"; }

.bootstrap .glyphicon-road:before { content: "\e024"; }

.bootstrap .glyphicon-download-alt:before { content: "\e025"; }

.bootstrap .glyphicon-download:before { content: "\e026"; }

.bootstrap .glyphicon-upload:before { content: "\e027"; }

.bootstrap .glyphicon-inbox:before { content: "\e028"; }

.bootstrap .glyphicon-play-circle:before { content: "\e029"; }

.bootstrap .glyphicon-repeat:before { content: "\e030"; }

.bootstrap .glyphicon-refresh:before { content: "\e031"; }

.bootstrap .glyphicon-list-alt:before { content: "\e032"; }

.bootstrap .glyphicon-lock:before { content: "\e033"; }

.bootstrap .glyphicon-flag:before { content: "\e034"; }

.bootstrap .glyphicon-headphones:before { content: "\e035"; }

.bootstrap .glyphicon-volume-off:before { content: "\e036"; }

.bootstrap .glyphicon-volume-down:before { content: "\e037"; }

.bootstrap .glyphicon-volume-up:before { content: "\e038"; }

.bootstrap .glyphicon-qrcode:before { content: "\e039"; }

.bootstrap .glyphicon-barcode:before { content: "\e040"; }

.bootstrap .glyphicon-tag:before { content: "\e041"; }

.bootstrap .glyphicon-tags:before { content: "\e042"; }

.bootstrap .glyphicon-book:before { content: "\e043"; }

.bootstrap .glyphicon-bookmark:before { content: "\e044"; }

.bootstrap .glyphicon-print:before { content: "\e045"; }

.bootstrap .glyphicon-camera:before { content: "\e046"; }

.bootstrap .glyphicon-font:before { content: "\e047"; }

.bootstrap .glyphicon-bold:before { content: "\e048"; }

.bootstrap .glyphicon-italic:before { content: "\e049"; }

.bootstrap .glyphicon-text-height:before { content: "\e050"; }

.bootstrap .glyphicon-text-width:before { content: "\e051"; }

.bootstrap .glyphicon-align-left:before { content: "\e052"; }

.bootstrap .glyphicon-align-center:before { content: "\e053"; }

.bootstrap .glyphicon-align-right:before { content: "\e054"; }

.bootstrap .glyphicon-align-justify:before { content: "\e055"; }

.bootstrap .glyphicon-list:before { content: "\e056"; }

.bootstrap .glyphicon-indent-left:before { content: "\e057"; }

.bootstrap .glyphicon-indent-right:before { content: "\e058"; }

.bootstrap .glyphicon-facetime-video:before { content: "\e059"; }

.bootstrap .glyphicon-picture:before { content: "\e060"; }

.bootstrap .glyphicon-map-marker:before { content: "\e062"; }

.bootstrap .glyphicon-adjust:before { content: "\e063"; }

.bootstrap .glyphicon-tint:before { content: "\e064"; }

.bootstrap .glyphicon-edit:before { content: "\e065"; }

.bootstrap .glyphicon-share:before { content: "\e066"; }

.bootstrap .glyphicon-check:before { content: "\e067"; }

.bootstrap .glyphicon-move:before { content: "\e068"; }

.bootstrap .glyphicon-step-backward:before { content: "\e069"; }

.bootstrap .glyphicon-fast-backward:before { content: "\e070"; }

.bootstrap .glyphicon-backward:before { content: "\e071"; }

.bootstrap .glyphicon-play:before { content: "\e072"; }

.bootstrap .glyphicon-pause:before { content: "\e073"; }

.bootstrap .glyphicon-stop:before { content: "\e074"; }

.bootstrap .glyphicon-forward:before { content: "\e075"; }

.bootstrap .glyphicon-fast-forward:before { content: "\e076"; }

.bootstrap .glyphicon-step-forward:before { content: "\e077"; }

.bootstrap .glyphicon-eject:before { content: "\e078"; }

.bootstrap .glyphicon-chevron-left:before { content: "\e079"; }

.bootstrap .glyphicon-chevron-right:before { content: "\e080"; }

.bootstrap .glyphicon-plus-sign:before { content: "\e081"; }

.bootstrap .glyphicon-minus-sign:before { content: "\e082"; }

.bootstrap .glyphicon-remove-sign:before { content: "\e083"; }

.bootstrap .glyphicon-ok-sign:before { content: "\e084"; }

.bootstrap .glyphicon-question-sign:before { content: "\e085"; }

.bootstrap .glyphicon-info-sign:before { content: "\e086"; }

.bootstrap .glyphicon-screenshot:before { content: "\e087"; }

.bootstrap .glyphicon-remove-circle:before { content: "\e088"; }

.bootstrap .glyphicon-ok-circle:before { content: "\e089"; }

.bootstrap .glyphicon-ban-circle:before { content: "\e090"; }

.bootstrap .glyphicon-arrow-left:before { content: "\e091"; }

.bootstrap .glyphicon-arrow-right:before { content: "\e092"; }

.bootstrap .glyphicon-arrow-up:before { content: "\e093"; }

.bootstrap .glyphicon-arrow-down:before { content: "\e094"; }

.bootstrap .glyphicon-share-alt:before { content: "\e095"; }

.bootstrap .glyphicon-resize-full:before { content: "\e096"; }

.bootstrap .glyphicon-resize-small:before { content: "\e097"; }

.bootstrap .glyphicon-exclamation-sign:before { content: "\e101"; }

.bootstrap .glyphicon-gift:before { content: "\e102"; }

.bootstrap .glyphicon-leaf:before { content: "\e103"; }

.bootstrap .glyphicon-fire:before { content: "\e104"; }

.bootstrap .glyphicon-eye-open:before { content: "\e105"; }

.bootstrap .glyphicon-eye-close:before { content: "\e106"; }

.bootstrap .glyphicon-warning-sign:before { content: "\e107"; }

.bootstrap .glyphicon-plane:before { content: "\e108"; }

.bootstrap .glyphicon-calendar:before { content: "\e109"; }

.bootstrap .glyphicon-random:before { content: "\e110"; }

.bootstrap .glyphicon-comment:before { content: "\e111"; }

.bootstrap .glyphicon-magnet:before { content: "\e112"; }

.bootstrap .glyphicon-chevron-up:before { content: "\e113"; }

.bootstrap .glyphicon-chevron-down:before { content: "\e114"; }

.bootstrap .glyphicon-retweet:before { content: "\e115"; }

.bootstrap .glyphicon-shopping-cart:before { content: "\e116"; }

.bootstrap .glyphicon-folder-close:before { content: "\e117"; }

.bootstrap .glyphicon-folder-open:before { content: "\e118"; }

.bootstrap .glyphicon-resize-vertical:before { content: "\e119"; }

.bootstrap .glyphicon-resize-horizontal:before { content: "\e120"; }

.bootstrap .glyphicon-hdd:before { content: "\e121"; }

.bootstrap .glyphicon-bullhorn:before { content: "\e122"; }

.bootstrap .glyphicon-bell:before { content: "\e123"; }

.bootstrap .glyphicon-certificate:before { content: "\e124"; }

.bootstrap .glyphicon-thumbs-up:before { content: "\e125"; }

.bootstrap .glyphicon-thumbs-down:before { content: "\e126"; }

.bootstrap .glyphicon-hand-right:before { content: "\e127"; }

.bootstrap .glyphicon-hand-left:before { content: "\e128"; }

.bootstrap .glyphicon-hand-up:before { content: "\e129"; }

.bootstrap .glyphicon-hand-down:before { content: "\e130"; }

.bootstrap .glyphicon-circle-arrow-right:before { content: "\e131"; }

.bootstrap .glyphicon-circle-arrow-left:before { content: "\e132"; }

.bootstrap .glyphicon-circle-arrow-up:before { content: "\e133"; }

.bootstrap .glyphicon-circle-arrow-down:before { content: "\e134"; }

.bootstrap .glyphicon-globe:before { content: "\e135"; }

.bootstrap .glyphicon-wrench:before { content: "\e136"; }

.bootstrap .glyphicon-tasks:before { content: "\e137"; }

.bootstrap .glyphicon-filter:before { content: "\e138"; }

.bootstrap .glyphicon-briefcase:before { content: "\e139"; }

.bootstrap .glyphicon-fullscreen:before { content: "\e140"; }

.bootstrap .glyphicon-dashboard:before { content: "\e141"; }

.bootstrap .glyphicon-paperclip:before { content: "\e142"; }

.bootstrap .glyphicon-heart-empty:before { content: "\e143"; }

.bootstrap .glyphicon-link:before { content: "\e144"; }

.bootstrap .glyphicon-phone:before { content: "\e145"; }

.bootstrap .glyphicon-pushpin:before { content: "\e146"; }

.bootstrap .glyphicon-usd:before { content: "\e148"; }

.bootstrap .glyphicon-gbp:before { content: "\e149"; }

.bootstrap .glyphicon-sort:before { content: "\e150"; }

.bootstrap .glyphicon-sort-by-alphabet:before { content: "\e151"; }

.bootstrap .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; }

.bootstrap .glyphicon-sort-by-order:before { content: "\e153"; }

.bootstrap .glyphicon-sort-by-order-alt:before { content: "\e154"; }

.bootstrap .glyphicon-sort-by-attributes:before { content: "\e155"; }

.bootstrap .glyphicon-sort-by-attributes-alt:before { content: "\e156"; }

.bootstrap .glyphicon-unchecked:before { content: "\e157"; }

.bootstrap .glyphicon-expand:before { content: "\e158"; }

.bootstrap .glyphicon-collapse-down:before { content: "\e159"; }

.bootstrap .glyphicon-collapse-up:before { content: "\e160"; }

.bootstrap .glyphicon-log-in:before { content: "\e161"; }

.bootstrap .glyphicon-flash:before { content: "\e162"; }

.bootstrap .glyphicon-log-out:before { content: "\e163"; }

.bootstrap .glyphicon-new-window:before { content: "\e164"; }

.bootstrap .glyphicon-record:before { content: "\e165"; }

.bootstrap .glyphicon-save:before { content: "\e166"; }

.bootstrap .glyphicon-open:before { content: "\e167"; }

.bootstrap .glyphicon-saved:before { content: "\e168"; }

.bootstrap .glyphicon-import:before { content: "\e169"; }

.bootstrap .glyphicon-export:before { content: "\e170"; }

.bootstrap .glyphicon-send:before { content: "\e171"; }

.bootstrap .glyphicon-floppy-disk:before { content: "\e172"; }

.bootstrap .glyphicon-floppy-saved:before { content: "\e173"; }

.bootstrap .glyphicon-floppy-remove:before { content: "\e174"; }

.bootstrap .glyphicon-floppy-save:before { content: "\e175"; }

.bootstrap .glyphicon-floppy-open:before { content: "\e176"; }

.bootstrap .glyphicon-credit-card:before { content: "\e177"; }

.bootstrap .glyphicon-transfer:before { content: "\e178"; }

.bootstrap .glyphicon-cutlery:before { content: "\e179"; }

.bootstrap .glyphicon-header:before { content: "\e180"; }

.bootstrap .glyphicon-compressed:before { content: "\e181"; }

.bootstrap .glyphicon-earphone:before { content: "\e182"; }

.bootstrap .glyphicon-phone-alt:before { content: "\e183"; }

.bootstrap .glyphicon-tower:before { content: "\e184"; }

.bootstrap .glyphicon-stats:before { content: "\e185"; }

.bootstrap .glyphicon-sd-video:before { content: "\e186"; }

.bootstrap .glyphicon-hd-video:before { content: "\e187"; }

.bootstrap .glyphicon-subtitles:before { content: "\e188"; }

.bootstrap .glyphicon-sound-stereo:before { content: "\e189"; }

.bootstrap .glyphicon-sound-dolby:before { content: "\e190"; }

.bootstrap .glyphicon-sound-5-1:before { content: "\e191"; }

.bootstrap .glyphicon-sound-6-1:before { content: "\e192"; }

.bootstrap .glyphicon-sound-7-1:before { content: "\e193"; }

.bootstrap .glyphicon-copyright-mark:before { content: "\e194"; }

.bootstrap .glyphicon-registration-mark:before { content: "\e195"; }

.bootstrap .glyphicon-cloud-download:before { content: "\e197"; }

.bootstrap .glyphicon-cloud-upload:before { content: "\e198"; }

.bootstrap .glyphicon-tree-conifer:before { content: "\e199"; }

.bootstrap .glyphicon-tree-deciduous:before { content: "\e200"; }

.bootstrap .glyphicon-cd:before { content: "\e201"; }

.bootstrap .glyphicon-save-file:before { content: "\e202"; }

.bootstrap .glyphicon-open-file:before { content: "\e203"; }

.bootstrap .glyphicon-level-up:before { content: "\e204"; }

.bootstrap .glyphicon-copy:before { content: "\e205"; }

.bootstrap .glyphicon-paste:before { content: "\e206"; }

.bootstrap .glyphicon-alert:before { content: "\e209"; }

.bootstrap .glyphicon-equalizer:before { content: "\e210"; }

.bootstrap .glyphicon-king:before { content: "\e211"; }

.bootstrap .glyphicon-queen:before { content: "\e212"; }

.bootstrap .glyphicon-pawn:before { content: "\e213"; }

.bootstrap .glyphicon-bishop:before { content: "\e214"; }

.bootstrap .glyphicon-knight:before { content: "\e215"; }

.bootstrap .glyphicon-baby-formula:before { content: "\e216"; }

.bootstrap .glyphicon-tent:before { content: "\26fa"; }

.bootstrap .glyphicon-blackboard:before { content: "\e218"; }

.bootstrap .glyphicon-bed:before { content: "\e219"; }

.bootstrap .glyphicon-apple:before { content: "\f8ff"; }

.bootstrap .glyphicon-erase:before { content: "\e221"; }

.bootstrap .glyphicon-hourglass:before { content: "\231b"; }

.bootstrap .glyphicon-lamp:before { content: "\e223"; }

.bootstrap .glyphicon-duplicate:before { content: "\e224"; }

.bootstrap .glyphicon-piggy-bank:before { content: "\e225"; }

.bootstrap .glyphicon-scissors:before { content: "\e226"; }

.bootstrap .glyphicon-bitcoin:before { content: "\e227"; }

.bootstrap .glyphicon-btc:before { content: "\e227"; }

.bootstrap .glyphicon-xbt:before { content: "\e227"; }

.bootstrap .glyphicon-yen:before { content: "\00a5"; }

.bootstrap .glyphicon-jpy:before { content: "\00a5"; }

.bootstrap .glyphicon-ruble:before { content: "\20bd"; }

.bootstrap .glyphicon-rub:before { content: "\20bd"; }

.bootstrap .glyphicon-scale:before { content: "\e230"; }

.bootstrap .glyphicon-ice-lolly:before { content: "\e231"; }

.bootstrap .glyphicon-ice-lolly-tasted:before { content: "\e232"; }

.bootstrap .glyphicon-education:before { content: "\e233"; }

.bootstrap .glyphicon-option-horizontal:before { content: "\e234"; }

.bootstrap .glyphicon-option-vertical:before { content: "\e235"; }

.bootstrap .glyphicon-menu-hamburger:before { content: "\e236"; }

.bootstrap .glyphicon-modal-window:before { content: "\e237"; }

.bootstrap .glyphicon-oil:before { content: "\e238"; }

.bootstrap .glyphicon-grain:before { content: "\e239"; }

.bootstrap .glyphicon-sunglasses:before { content: "\e240"; }

.bootstrap .glyphicon-text-size:before { content: "\e241"; }

.bootstrap .glyphicon-text-color:before { content: "\e242"; }

.bootstrap .glyphicon-text-background:before { content: "\e243"; }

.bootstrap .glyphicon-object-align-top:before { content: "\e244"; }

.bootstrap .glyphicon-object-align-bottom:before { content: "\e245"; }

.bootstrap .glyphicon-object-align-horizontal:before { content: "\e246"; }

.bootstrap .glyphicon-object-align-left:before { content: "\e247"; }

.bootstrap .glyphicon-object-align-vertical:before { content: "\e248"; }

.bootstrap .glyphicon-object-align-right:before { content: "\e249"; }

.bootstrap .glyphicon-triangle-right:before { content: "\e250"; }

.bootstrap .glyphicon-triangle-left:before { content: "\e251"; }

.bootstrap .glyphicon-triangle-bottom:before { content: "\e252"; }

.bootstrap .glyphicon-triangle-top:before { content: "\e253"; }

.bootstrap .glyphicon-console:before { content: "\e254"; }

.bootstrap .glyphicon-superscript:before { content: "\e255"; }

.bootstrap .glyphicon-subscript:before { content: "\e256"; }

.bootstrap .glyphicon-menu-left:before { content: "\e257"; }

.bootstrap .glyphicon-menu-right:before { content: "\e258"; }

.bootstrap .glyphicon-menu-down:before { content: "\e259"; }

.bootstrap .glyphicon-menu-up:before { content: "\e260"; }

.bootstrap fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

.bootstrap legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; }

.bootstrap label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; }

.bootstrap input[type="search"] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.bootstrap input[type="radio"], .bootstrap input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; }

.bootstrap input[type="radio"][disabled], .bootstrap input[type="radio"].disabled, fieldset[disabled] .bootstrap input[type="radio"], .bootstrap input[type="checkbox"][disabled], .bootstrap input[type="checkbox"].disabled, fieldset[disabled] .bootstrap input[type="checkbox"] { cursor: not-allowed; }

.bootstrap input[type="file"] { display: block; }

.bootstrap input[type="range"] { display: block; width: 100%; }

.bootstrap select[multiple], .bootstrap select[size] { height: auto; }

.bootstrap input[type="file"]:focus, .bootstrap input[type="radio"]:focus, .bootstrap input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.bootstrap output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857; color: #555555; }

.bootstrap .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; }

.bootstrap .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.bootstrap .form-control::-moz-placeholder { color: #999; opacity: 1; }

.bootstrap .form-control:-ms-input-placeholder { color: #999; }

.bootstrap .form-control::-webkit-input-placeholder { color: #999; }

.bootstrap .form-control::-ms-expand { background-color: transparent; border: 0; }

.bootstrap .form-control[disabled], .bootstrap .form-control[readonly], fieldset[disabled] .bootstrap .form-control { background-color: #eeeeee; opacity: 1; }

.bootstrap .form-control[disabled], fieldset[disabled] .bootstrap .form-control { cursor: not-allowed; }

.bootstrap textarea.form-control { height: auto; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { .bootstrap input[type="date"].form-control, .bootstrap input[type="time"].form-control, .bootstrap input[type="datetime-local"].form-control, .bootstrap input[type="month"].form-control { line-height: 34px; }
    .bootstrap input[type="date"].input-sm, .bootstrap .input-group-sm > input.form-control[type="date"], .bootstrap .input-group-sm > input.input-group-addon[type="date"], .bootstrap .input-group-sm > .input-group-btn > input.btn[type="date"], .input-group-sm .bootstrap input[type="date"], .bootstrap input[type="time"].input-sm, .bootstrap .input-group-sm > input.form-control[type="time"], .bootstrap .input-group-sm > input.input-group-addon[type="time"], .bootstrap .input-group-sm > .input-group-btn > input.btn[type="time"], .input-group-sm .bootstrap input[type="time"], .bootstrap input[type="datetime-local"].input-sm, .bootstrap .input-group-sm > input.form-control[type="datetime-local"], .bootstrap .input-group-sm > input.input-group-addon[type="datetime-local"], .bootstrap .input-group-sm > .input-group-btn > input.btn[type="datetime-local"], .input-group-sm .bootstrap input[type="datetime-local"], .bootstrap input[type="month"].input-sm, .bootstrap .input-group-sm > input.form-control[type="month"], .bootstrap .input-group-sm > input.input-group-addon[type="month"], .bootstrap .input-group-sm > .input-group-btn > input.btn[type="month"], .input-group-sm .bootstrap input[type="month"] { line-height: 30px; }
    .bootstrap input[type="date"].input-lg, .bootstrap .input-group-lg > input.form-control[type="date"], .bootstrap .input-group-lg > input.input-group-addon[type="date"], .bootstrap .input-group-lg > .input-group-btn > input.btn[type="date"], .input-group-lg .bootstrap input[type="date"], .bootstrap input[type="time"].input-lg, .bootstrap .input-group-lg > input.form-control[type="time"], .bootstrap .input-group-lg > input.input-group-addon[type="time"], .bootstrap .input-group-lg > .input-group-btn > input.btn[type="time"], .input-group-lg .bootstrap input[type="time"], .bootstrap input[type="datetime-local"].input-lg, .bootstrap .input-group-lg > input.form-control[type="datetime-local"], .bootstrap .input-group-lg > input.input-group-addon[type="datetime-local"], .bootstrap .input-group-lg > .input-group-btn > input.btn[type="datetime-local"], .input-group-lg .bootstrap input[type="datetime-local"], .bootstrap input[type="month"].input-lg, .bootstrap .input-group-lg > input.form-control[type="month"], .bootstrap .input-group-lg > input.input-group-addon[type="month"], .bootstrap .input-group-lg > .input-group-btn > input.btn[type="month"], .input-group-lg .bootstrap input[type="month"] { line-height: 46px; } }

.bootstrap .form-group { margin-bottom: 15px; }

.bootstrap .radio, .bootstrap .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; }

.bootstrap .radio.disabled label, fieldset[disabled] .bootstrap .radio label, .bootstrap .checkbox.disabled label, fieldset[disabled] .bootstrap .checkbox label { cursor: not-allowed; }

.bootstrap .radio label, .bootstrap .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; }

.bootstrap .radio input[type="radio"], .bootstrap .radio-inline input[type="radio"], .bootstrap .checkbox input[type="checkbox"], .bootstrap .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: 4px \9; margin-left: -20px; }

.bootstrap .radio + .radio, .bootstrap .checkbox + .checkbox { margin-top: -5px; }

.bootstrap .radio-inline, .bootstrap .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; }

.bootstrap .radio-inline.disabled, fieldset[disabled] .bootstrap .radio-inline, .bootstrap .checkbox-inline.disabled, fieldset[disabled] .bootstrap .checkbox-inline { cursor: not-allowed; }

.bootstrap .radio-inline + .radio-inline, .bootstrap .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; }

.bootstrap .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; }

.bootstrap .form-control-static.input-lg, .bootstrap .input-group-lg > .form-control-static.form-control, .bootstrap .input-group-lg > .form-control-static.input-group-addon, .bootstrap .input-group-lg > .input-group-btn > .form-control-static.btn, .bootstrap .form-control-static.input-sm, .bootstrap .input-group-sm > .form-control-static.form-control, .bootstrap .input-group-sm > .form-control-static.input-group-addon, .bootstrap .input-group-sm > .input-group-btn > .form-control-static.btn { padding-right: 0; padding-left: 0; }

.bootstrap .input-sm, .bootstrap .input-group-sm > .form-control, .bootstrap .input-group-sm > .input-group-addon, .bootstrap .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

.bootstrap select.input-sm, .bootstrap .input-group-sm > select.form-control, .bootstrap .input-group-sm > select.input-group-addon, .bootstrap .input-group-sm > .input-group-btn > select.btn { height: 30px; line-height: 30px; }

.bootstrap textarea.input-sm, .bootstrap .input-group-sm > textarea.form-control, .bootstrap .input-group-sm > textarea.input-group-addon, .bootstrap .input-group-sm > .input-group-btn > textarea.btn, .bootstrap select[multiple].input-sm, .bootstrap .input-group-sm > select.form-control[multiple], .bootstrap .input-group-sm > select.input-group-addon[multiple], .bootstrap .input-group-sm > .input-group-btn > select.btn[multiple] { height: auto; }

.bootstrap .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

.bootstrap .form-group-sm select.form-control { height: 30px; line-height: 30px; }

.bootstrap .form-group-sm textarea.form-control, .bootstrap .form-group-sm select[multiple].form-control { height: auto; }

.bootstrap .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; }

.bootstrap .input-lg, .bootstrap .input-group-lg > .form-control, .bootstrap .input-group-lg > .input-group-addon, .bootstrap .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; }

.bootstrap select.input-lg, .bootstrap .input-group-lg > select.form-control, .bootstrap .input-group-lg > select.input-group-addon, .bootstrap .input-group-lg > .input-group-btn > select.btn { height: 46px; line-height: 46px; }

.bootstrap textarea.input-lg, .bootstrap .input-group-lg > textarea.form-control, .bootstrap .input-group-lg > textarea.input-group-addon, .bootstrap .input-group-lg > .input-group-btn > textarea.btn, .bootstrap select[multiple].input-lg, .bootstrap .input-group-lg > select.form-control[multiple], .bootstrap .input-group-lg > select.input-group-addon[multiple], .bootstrap .input-group-lg > .input-group-btn > select.btn[multiple] { height: auto; }

.bootstrap .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; }

.bootstrap .form-group-lg select.form-control { height: 46px; line-height: 46px; }

.bootstrap .form-group-lg textarea.form-control, .bootstrap .form-group-lg select[multiple].form-control { height: auto; }

.bootstrap .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.33333; }

.bootstrap .has-feedback { position: relative; }

.bootstrap .has-feedback .form-control { padding-right: 42.5px; }

.bootstrap .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; }

.bootstrap .input-lg + .form-control-feedback, .bootstrap .input-group-lg > .form-control + .form-control-feedback, .bootstrap .input-group-lg > .input-group-addon + .form-control-feedback, .bootstrap .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .bootstrap .input-group-lg + .form-control-feedback, .bootstrap .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; }

.bootstrap .input-sm + .form-control-feedback, .bootstrap .input-group-sm > .form-control + .form-control-feedback, .bootstrap .input-group-sm > .input-group-addon + .form-control-feedback, .bootstrap .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .bootstrap .input-group-sm + .form-control-feedback, .bootstrap .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; }

.bootstrap .has-success .help-block, .bootstrap .has-success .control-label, .bootstrap .has-success .radio, .bootstrap .has-success .checkbox, .bootstrap .has-success .radio-inline, .bootstrap .has-success .checkbox-inline, .bootstrap .has-success.radio label, .bootstrap .has-success.checkbox label, .bootstrap .has-success.radio-inline label, .bootstrap .has-success.checkbox-inline label { color: #3c763d; }

.bootstrap .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.bootstrap .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.bootstrap .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; }

.bootstrap .has-success .form-control-feedback { color: #3c763d; }

.bootstrap .has-warning .help-block, .bootstrap .has-warning .control-label, .bootstrap .has-warning .radio, .bootstrap .has-warning .checkbox, .bootstrap .has-warning .radio-inline, .bootstrap .has-warning .checkbox-inline, .bootstrap .has-warning.radio label, .bootstrap .has-warning.checkbox label, .bootstrap .has-warning.radio-inline label, .bootstrap .has-warning.checkbox-inline label { color: #8a6d3b; }

.bootstrap .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.bootstrap .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.bootstrap .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; }

.bootstrap .has-warning .form-control-feedback { color: #8a6d3b; }

.bootstrap .has-error .help-block, .bootstrap .has-error .control-label, .bootstrap .has-error .radio, .bootstrap .has-error .checkbox, .bootstrap .has-error .radio-inline, .bootstrap .has-error .checkbox-inline, .bootstrap .has-error.radio label, .bootstrap .has-error.checkbox label, .bootstrap .has-error.radio-inline label, .bootstrap .has-error.checkbox-inline label { color: #a94442; }

.bootstrap .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.bootstrap .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.bootstrap .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; }

.bootstrap .has-error .form-control-feedback { color: #a94442; }

.bootstrap .has-feedback label ~ .form-control-feedback { top: 25px; }

.bootstrap .has-feedback label.sr-only ~ .form-control-feedback { top: 0; }

.bootstrap .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; }

@media (min-width: 768px) { .bootstrap .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
    .bootstrap .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
    .bootstrap .form-inline .form-control-static { display: inline-block; }
    .bootstrap .form-inline .input-group { display: inline-table; vertical-align: middle; }
    .bootstrap .form-inline .input-group .input-group-addon, .bootstrap .form-inline .input-group .input-group-btn, .bootstrap .form-inline .input-group .form-control { width: auto; }
    .bootstrap .form-inline .input-group > .form-control { width: 100%; }
    .bootstrap .form-inline .control-label { margin-bottom: 0; vertical-align: middle; }
    .bootstrap .form-inline .radio, .bootstrap .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
    .bootstrap .form-inline .radio label, .bootstrap .form-inline .checkbox label { padding-left: 0; }
    .bootstrap .form-inline .radio input[type="radio"], .bootstrap .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }
    .bootstrap .form-inline .has-feedback .form-control-feedback { top: 0; } }

.bootstrap .form-horizontal .radio, .bootstrap .form-horizontal .checkbox, .bootstrap .form-horizontal .radio-inline, .bootstrap .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; }

.bootstrap .form-horizontal .radio, .bootstrap .form-horizontal .checkbox { min-height: 27px; }

.bootstrap .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; }

.bootstrap .form-horizontal .form-group:before, .bootstrap .form-horizontal .form-group:after { display: table; content: " "; }

.bootstrap .form-horizontal .form-group:after { clear: both; }

@media (min-width: 768px) { .bootstrap .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } }

.bootstrap .form-horizontal .has-feedback .form-control-feedback { right: 15px; }

@media (min-width: 768px) { .bootstrap .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } }

@media (min-width: 768px) { .bootstrap .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } }

.bootstrap .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.bootstrap .btn:focus, .bootstrap .btn.focus, .bootstrap .btn:active:focus, .bootstrap .btn:active.focus, .bootstrap .btn.active:focus, .bootstrap .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.bootstrap .btn:hover, .bootstrap .btn:focus, .bootstrap .btn.focus { color: #333; text-decoration: none; }

.bootstrap .btn:active, .bootstrap .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.bootstrap .btn.disabled, .bootstrap .btn[disabled], fieldset[disabled] .bootstrap .btn { cursor: not-allowed; filter: alpha(opacity=65); opacity: 0.65; -webkit-box-shadow: none; box-shadow: none; }

.bootstrap a.btn.disabled, fieldset[disabled] .bootstrap a.btn { pointer-events: none; }

.bootstrap .btn-default { color: #333; background-color: #fff; border-color: #ccc; }

.bootstrap .btn-default:focus, .bootstrap .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; }

.bootstrap .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; }

.bootstrap .btn-default:active, .bootstrap .btn-default.active, .open > .bootstrap .btn-default.dropdown-toggle { color: #333; background-color: #e6e6e6; background-image: none; border-color: #adadad; }

.bootstrap .btn-default:active:hover, .bootstrap .btn-default:active:focus, .bootstrap .btn-default:active.focus, .bootstrap .btn-default.active:hover, .bootstrap .btn-default.active:focus, .bootstrap .btn-default.active.focus, .open > .bootstrap .btn-default.dropdown-toggle:hover, .open > .bootstrap .btn-default.dropdown-toggle:focus, .open > .bootstrap .btn-default.dropdown-toggle.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; }

.bootstrap .btn-default.disabled:hover, .bootstrap .btn-default.disabled:focus, .bootstrap .btn-default.disabled.focus, .bootstrap .btn-default[disabled]:hover, .bootstrap .btn-default[disabled]:focus, .bootstrap .btn-default[disabled].focus, fieldset[disabled] .bootstrap .btn-default:hover, fieldset[disabled] .bootstrap .btn-default:focus, fieldset[disabled] .bootstrap .btn-default.focus { background-color: #fff; border-color: #ccc; }

.bootstrap .btn-default .badge { color: #fff; background-color: #333; }

.bootstrap .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; }

.bootstrap .btn-primary:focus, .bootstrap .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; }

.bootstrap .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; }

.bootstrap .btn-primary:active, .bootstrap .btn-primary.active, .open > .bootstrap .btn-primary.dropdown-toggle { color: #fff; background-color: #286090; background-image: none; border-color: #204d74; }

.bootstrap .btn-primary:active:hover, .bootstrap .btn-primary:active:focus, .bootstrap .btn-primary:active.focus, .bootstrap .btn-primary.active:hover, .bootstrap .btn-primary.active:focus, .bootstrap .btn-primary.active.focus, .open > .bootstrap .btn-primary.dropdown-toggle:hover, .open > .bootstrap .btn-primary.dropdown-toggle:focus, .open > .bootstrap .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #204d74; border-color: #122b40; }

.bootstrap .btn-primary.disabled:hover, .bootstrap .btn-primary.disabled:focus, .bootstrap .btn-primary.disabled.focus, .bootstrap .btn-primary[disabled]:hover, .bootstrap .btn-primary[disabled]:focus, .bootstrap .btn-primary[disabled].focus, fieldset[disabled] .bootstrap .btn-primary:hover, fieldset[disabled] .bootstrap .btn-primary:focus, fieldset[disabled] .bootstrap .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; }

.bootstrap .btn-primary .badge { color: #337ab7; background-color: #fff; }

.bootstrap .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }

.bootstrap .btn-success:focus, .bootstrap .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; }

.bootstrap .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; }

.bootstrap .btn-success:active, .bootstrap .btn-success.active, .open > .bootstrap .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; background-image: none; border-color: #398439; }

.bootstrap .btn-success:active:hover, .bootstrap .btn-success:active:focus, .bootstrap .btn-success:active.focus, .bootstrap .btn-success.active:hover, .bootstrap .btn-success.active:focus, .bootstrap .btn-success.active.focus, .open > .bootstrap .btn-success.dropdown-toggle:hover, .open > .bootstrap .btn-success.dropdown-toggle:focus, .open > .bootstrap .btn-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #255625; }

.bootstrap .btn-success.disabled:hover, .bootstrap .btn-success.disabled:focus, .bootstrap .btn-success.disabled.focus, .bootstrap .btn-success[disabled]:hover, .bootstrap .btn-success[disabled]:focus, .bootstrap .btn-success[disabled].focus, fieldset[disabled] .bootstrap .btn-success:hover, fieldset[disabled] .bootstrap .btn-success:focus, fieldset[disabled] .bootstrap .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; }

.bootstrap .btn-success .badge { color: #5cb85c; background-color: #fff; }

.bootstrap .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; }

.bootstrap .btn-info:focus, .bootstrap .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; }

.bootstrap .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; }

.bootstrap .btn-info:active, .bootstrap .btn-info.active, .open > .bootstrap .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; background-image: none; border-color: #269abc; }

.bootstrap .btn-info:active:hover, .bootstrap .btn-info:active:focus, .bootstrap .btn-info:active.focus, .bootstrap .btn-info.active:hover, .bootstrap .btn-info.active:focus, .bootstrap .btn-info.active.focus, .open > .bootstrap .btn-info.dropdown-toggle:hover, .open > .bootstrap .btn-info.dropdown-toggle:focus, .open > .bootstrap .btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; }

.bootstrap .btn-info.disabled:hover, .bootstrap .btn-info.disabled:focus, .bootstrap .btn-info.disabled.focus, .bootstrap .btn-info[disabled]:hover, .bootstrap .btn-info[disabled]:focus, .bootstrap .btn-info[disabled].focus, fieldset[disabled] .bootstrap .btn-info:hover, fieldset[disabled] .bootstrap .btn-info:focus, fieldset[disabled] .bootstrap .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; }

.bootstrap .btn-info .badge { color: #5bc0de; background-color: #fff; }

.bootstrap .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; }

.bootstrap .btn-warning:focus, .bootstrap .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; }

.bootstrap .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; }

.bootstrap .btn-warning:active, .bootstrap .btn-warning.active, .open > .bootstrap .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; background-image: none; border-color: #d58512; }

.bootstrap .btn-warning:active:hover, .bootstrap .btn-warning:active:focus, .bootstrap .btn-warning:active.focus, .bootstrap .btn-warning.active:hover, .bootstrap .btn-warning.active:focus, .bootstrap .btn-warning.active.focus, .open > .bootstrap .btn-warning.dropdown-toggle:hover, .open > .bootstrap .btn-warning.dropdown-toggle:focus, .open > .bootstrap .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #985f0d; }

.bootstrap .btn-warning.disabled:hover, .bootstrap .btn-warning.disabled:focus, .bootstrap .btn-warning.disabled.focus, .bootstrap .btn-warning[disabled]:hover, .bootstrap .btn-warning[disabled]:focus, .bootstrap .btn-warning[disabled].focus, fieldset[disabled] .bootstrap .btn-warning:hover, fieldset[disabled] .bootstrap .btn-warning:focus, fieldset[disabled] .bootstrap .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; }

.bootstrap .btn-warning .badge { color: #f0ad4e; background-color: #fff; }

.bootstrap .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; }

.bootstrap .btn-danger:focus, .bootstrap .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; }

.bootstrap .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; }

.bootstrap .btn-danger:active, .bootstrap .btn-danger.active, .open > .bootstrap .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; background-image: none; border-color: #ac2925; }

.bootstrap .btn-danger:active:hover, .bootstrap .btn-danger:active:focus, .bootstrap .btn-danger:active.focus, .bootstrap .btn-danger.active:hover, .bootstrap .btn-danger.active:focus, .bootstrap .btn-danger.active.focus, .open > .bootstrap .btn-danger.dropdown-toggle:hover, .open > .bootstrap .btn-danger.dropdown-toggle:focus, .open > .bootstrap .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #761c19; }

.bootstrap .btn-danger.disabled:hover, .bootstrap .btn-danger.disabled:focus, .bootstrap .btn-danger.disabled.focus, .bootstrap .btn-danger[disabled]:hover, .bootstrap .btn-danger[disabled]:focus, .bootstrap .btn-danger[disabled].focus, fieldset[disabled] .bootstrap .btn-danger:hover, fieldset[disabled] .bootstrap .btn-danger:focus, fieldset[disabled] .bootstrap .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; }

.bootstrap .btn-danger .badge { color: #d9534f; background-color: #fff; }

.bootstrap .btn-link { font-weight: 400; color: #337ab7; border-radius: 0; }

.bootstrap .btn-link, .bootstrap .btn-link:active, .bootstrap .btn-link.active, .bootstrap .btn-link[disabled], fieldset[disabled] .bootstrap .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }

.bootstrap .btn-link, .bootstrap .btn-link:hover, .bootstrap .btn-link:focus, .bootstrap .btn-link:active { border-color: transparent; }

.bootstrap .btn-link:hover, .bootstrap .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; }

.bootstrap .btn-link[disabled]:hover, .bootstrap .btn-link[disabled]:focus, fieldset[disabled] .bootstrap .btn-link:hover, fieldset[disabled] .bootstrap .btn-link:focus { color: #777777; text-decoration: none; }

.bootstrap .btn-lg, .bootstrap .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; }

.bootstrap .btn-sm, .bootstrap .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

.bootstrap .btn-xs, .bootstrap .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

.bootstrap .btn-block { display: block; width: 100%; }

.bootstrap .btn-block + .btn-block { margin-top: 5px; }

.bootstrap input[type="submit"].btn-block, .bootstrap input[type="reset"].btn-block, .bootstrap input[type="button"].btn-block { width: 100%; }

.bootstrap .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }

.bootstrap .fade.in { opacity: 1; }

.bootstrap .collapse { display: none; }

.bootstrap .collapse.in { display: block; }

.bootstrap tr.collapse.in { display: table-row; }

.bootstrap tbody.collapse.in { display: table-row-group; }

.bootstrap .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; }

.bootstrap .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; }

.bootstrap .dropup, .bootstrap .dropdown { position: relative; }

.bootstrap .dropdown-toggle:focus { outline: 0; }

.bootstrap .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

.bootstrap .dropdown-menu.pull-right { right: 0; left: auto; }

.bootstrap .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }

.bootstrap .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857; color: #333333; white-space: nowrap; }

.bootstrap .dropdown-menu > li > a:hover, .bootstrap .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; }

.bootstrap .dropdown-menu > .active > a, .bootstrap .dropdown-menu > .active > a:hover, .bootstrap .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; }

.bootstrap .dropdown-menu > .disabled > a, .bootstrap .dropdown-menu > .disabled > a:hover, .bootstrap .dropdown-menu > .disabled > a:focus { color: #777777; }

.bootstrap .dropdown-menu > .disabled > a:hover, .bootstrap .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.bootstrap .open > .dropdown-menu { display: block; }

.bootstrap .open > a { outline: 0; }

.bootstrap .dropdown-menu-right { right: 0; left: auto; }

.bootstrap .dropdown-menu-left { right: auto; left: 0; }

.bootstrap .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857; color: #777777; white-space: nowrap; }

.bootstrap .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; }

.bootstrap .pull-right > .dropdown-menu { right: 0; left: auto; }

.bootstrap .dropup .caret, .bootstrap .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; }

.bootstrap .dropup .dropdown-menu, .bootstrap .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; }

@media (min-width: 768px) { .bootstrap .navbar-right .dropdown-menu { right: 0; left: auto; }
    .bootstrap .navbar-right .dropdown-menu-left { left: 0; right: auto; } }

.bootstrap .btn-group, .bootstrap .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; }

.bootstrap .btn-group > .btn, .bootstrap .btn-group-vertical > .btn { position: relative; float: left; }

.bootstrap .btn-group > .btn:hover, .bootstrap .btn-group > .btn:focus, .bootstrap .btn-group > .btn:active, .bootstrap .btn-group > .btn.active, .bootstrap .btn-group-vertical > .btn:hover, .bootstrap .btn-group-vertical > .btn:focus, .bootstrap .btn-group-vertical > .btn:active, .bootstrap .btn-group-vertical > .btn.active { z-index: 2; }

.bootstrap .btn-group .btn + .btn, .bootstrap .btn-group .btn + .btn-group, .bootstrap .btn-group .btn-group + .btn, .bootstrap .btn-group .btn-group + .btn-group { margin-left: -1px; }

.bootstrap .btn-toolbar { margin-left: -5px; }

.bootstrap .btn-toolbar:before, .bootstrap .btn-toolbar:after { display: table; content: " "; }

.bootstrap .btn-toolbar:after { clear: both; }

.bootstrap .btn-toolbar .btn, .bootstrap .btn-toolbar .btn-group, .bootstrap .btn-toolbar .input-group { float: left; }

.bootstrap .btn-toolbar > .btn, .bootstrap .btn-toolbar > .btn-group, .bootstrap .btn-toolbar > .input-group { margin-left: 5px; }

.bootstrap .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; }

.bootstrap .btn-group > .btn:first-child { margin-left: 0; }

.bootstrap .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.bootstrap .btn-group > .btn:last-child:not(:first-child), .bootstrap .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.bootstrap .btn-group > .btn-group { float: left; }

.bootstrap .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; }

.bootstrap .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .bootstrap .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.bootstrap .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.bootstrap .btn-group .dropdown-toggle:active, .bootstrap .btn-group.open .dropdown-toggle { outline: 0; }

.bootstrap .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; }

.bootstrap .btn-group > .btn-lg + .dropdown-toggle, .bootstrap .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-right: 12px; padding-left: 12px; }

.bootstrap .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.bootstrap .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; }

.bootstrap .btn .caret { margin-left: 0; }

.bootstrap .btn-lg .caret, .bootstrap .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; }

.bootstrap .dropup .btn-lg .caret, .bootstrap .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; }

.bootstrap .btn-group-vertical > .btn, .bootstrap .btn-group-vertical > .btn-group, .bootstrap .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; }

.bootstrap .btn-group-vertical > .btn-group:before, .bootstrap .btn-group-vertical > .btn-group:after { display: table; content: " "; }

.bootstrap .btn-group-vertical > .btn-group:after { clear: both; }

.bootstrap .btn-group-vertical > .btn-group > .btn { float: none; }

.bootstrap .btn-group-vertical > .btn + .btn, .bootstrap .btn-group-vertical > .btn + .btn-group, .bootstrap .btn-group-vertical > .btn-group + .btn, .bootstrap .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; }

.bootstrap .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; }

.bootstrap .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.bootstrap .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

.bootstrap .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; }

.bootstrap .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .bootstrap .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.bootstrap .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; }

.bootstrap .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; }

.bootstrap .btn-group-justified > .btn, .bootstrap .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; }

.bootstrap .btn-group-justified > .btn-group .btn { width: 100%; }

.bootstrap .btn-group-justified > .btn-group .dropdown-menu { left: auto; }

.bootstrap [data-toggle="buttons"] > .btn input[type="radio"], .bootstrap [data-toggle="buttons"] > .btn input[type="checkbox"], .bootstrap [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], .bootstrap [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; }

.bootstrap .input-group { position: relative; display: table; border-collapse: separate; }

.bootstrap .input-group[class*="col-"] { float: none; padding-right: 0; padding-left: 0; }

.bootstrap .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; }

.bootstrap .input-group .form-control:focus { z-index: 3; }

.bootstrap .input-group-addon, .bootstrap .input-group-btn, .bootstrap .input-group .form-control { display: table-cell; }

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

.bootstrap .input-group-addon, .bootstrap .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; }

.bootstrap .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; }

.bootstrap .input-group-addon.input-sm, .bootstrap .input-group-sm > .input-group-addon, .bootstrap .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 3px; }

.bootstrap .input-group-addon.input-lg, .bootstrap .input-group-lg > .input-group-addon, .bootstrap .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 6px; }

.bootstrap .input-group-addon input[type="radio"], .bootstrap .input-group-addon input[type="checkbox"] { margin-top: 0; }

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

.bootstrap .input-group-addon:first-child { border-right: 0; }

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

.bootstrap .input-group-addon:last-child { border-left: 0; }

.bootstrap .input-group-btn { position: relative; font-size: 0; white-space: nowrap; }

.bootstrap .input-group-btn > .btn { position: relative; }

.bootstrap .input-group-btn > .btn + .btn { margin-left: -1px; }

.bootstrap .input-group-btn > .btn:hover, .bootstrap .input-group-btn > .btn:focus, .bootstrap .input-group-btn > .btn:active { z-index: 2; }

.bootstrap .input-group-btn:first-child > .btn, .bootstrap .input-group-btn:first-child > .btn-group { margin-right: -1px; }

.bootstrap .input-group-btn:last-child > .btn, .bootstrap .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; }

.bootstrap .nav { padding-left: 0; margin-bottom: 0; list-style: none; }

.bootstrap .nav:before, .bootstrap .nav:after { display: table; content: " "; }

.bootstrap .nav:after { clear: both; }

.bootstrap .nav > li { position: relative; display: block; }

.bootstrap .nav > li > a { position: relative; display: block; padding: 10px 15px; }

.bootstrap .nav > li > a:hover, .bootstrap .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; }

.bootstrap .nav > li.disabled > a { color: #777777; }

.bootstrap .nav > li.disabled > a:hover, .bootstrap .nav > li.disabled > a:focus { color: #777777; text-decoration: none; cursor: not-allowed; background-color: transparent; }

.bootstrap .nav .open > a, .bootstrap .nav .open > a:hover, .bootstrap .nav .open > a:focus { background-color: #eeeeee; border-color: #337ab7; }

.bootstrap .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }

.bootstrap .nav > li > a > img { max-width: none; }

.bootstrap .nav-tabs { border-bottom: 1px solid #ddd; }

.bootstrap .nav-tabs > li { float: left; margin-bottom: -1px; }

.bootstrap .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857; border: 1px solid transparent; border-radius: 4px 4px 0 0; }

.bootstrap .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #ddd; }

.bootstrap .nav-tabs > li.active > a, .bootstrap .nav-tabs > li.active > a:hover, .bootstrap .nav-tabs > li.active > a:focus { color: #555555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; }

.bootstrap .nav-pills > li { float: left; }

.bootstrap .nav-pills > li > a { border-radius: 4px; }

.bootstrap .nav-pills > li + li { margin-left: 2px; }

.bootstrap .nav-pills > li.active > a, .bootstrap .nav-pills > li.active > a:hover, .bootstrap .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; }

.bootstrap .nav-stacked > li { float: none; }

.bootstrap .nav-stacked > li + li { margin-top: 2px; margin-left: 0; }

.bootstrap .nav-justified, .bootstrap .nav-tabs.nav-justified { width: 100%; }

.bootstrap .nav-justified > li, .bootstrap .nav-tabs.nav-justified > li { float: none; }

.bootstrap .nav-justified > li > a, .bootstrap .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; }

.bootstrap .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; }

@media (min-width: 768px) { .bootstrap .nav-justified > li, .bootstrap .nav-tabs.nav-justified > li { display: table-cell; width: 1%; }
    .bootstrap .nav-justified > li > a, .bootstrap .nav-tabs.nav-justified > li > a { margin-bottom: 0; } }

.bootstrap .nav-tabs-justified, .bootstrap .nav-tabs.nav-justified { border-bottom: 0; }

.bootstrap .nav-tabs-justified > li > a, .bootstrap .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; }

.bootstrap .nav-tabs-justified > .active > a, .bootstrap .nav-tabs.nav-justified > .active > a, .bootstrap .nav-tabs-justified > .active > a:hover, .bootstrap .nav-tabs.nav-justified > .active > a:hover, .bootstrap .nav-tabs-justified > .active > a:focus, .bootstrap .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; }

@media (min-width: 768px) { .bootstrap .nav-tabs-justified > li > a, .bootstrap .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; }
    .bootstrap .nav-tabs-justified > .active > a, .bootstrap .nav-tabs.nav-justified > .active > a, .bootstrap .nav-tabs-justified > .active > a:hover, .bootstrap .nav-tabs.nav-justified > .active > a:hover, .bootstrap .nav-tabs-justified > .active > a:focus, .bootstrap .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } }

.bootstrap .tab-content > .tab-pane { display: none; }

.bootstrap .tab-content > .active { display: block; }

.bootstrap .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; }

.bootstrap .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; }

.bootstrap .navbar:before, .bootstrap .navbar:after { display: table; content: " "; }

.bootstrap .navbar:after { clear: both; }

@media (min-width: 768px) { .bootstrap .navbar { border-radius: 4px; } }

.bootstrap .navbar-header:before, .bootstrap .navbar-header:after { display: table; content: " "; }

.bootstrap .navbar-header:after { clear: both; }

@media (min-width: 768px) { .bootstrap .navbar-header { float: left; } }

.bootstrap .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; }

.bootstrap .navbar-collapse:before, .bootstrap .navbar-collapse:after { display: table; content: " "; }

.bootstrap .navbar-collapse:after { clear: both; }

.bootstrap .navbar-collapse.in { overflow-y: auto; }

@media (min-width: 768px) { .bootstrap .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; }
    .bootstrap .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; }
    .bootstrap .navbar-collapse.in { overflow-y: visible; }
    .navbar-fixed-top .bootstrap .navbar-collapse, .navbar-static-top .bootstrap .navbar-collapse, .navbar-fixed-bottom .bootstrap .navbar-collapse { padding-right: 0; padding-left: 0; } }

.bootstrap .navbar-fixed-top, .bootstrap .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; }

.bootstrap .navbar-fixed-top .navbar-collapse, .bootstrap .navbar-fixed-bottom .navbar-collapse { max-height: 340px; }

@media (max-device-width: 480px) and (orientation: landscape) { .bootstrap .navbar-fixed-top .navbar-collapse, .bootstrap .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } }

@media (min-width: 768px) { .bootstrap .navbar-fixed-top, .bootstrap .navbar-fixed-bottom { border-radius: 0; } }

.bootstrap .navbar-fixed-top { top: 0; border-width: 0 0 1px; }

.bootstrap .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; }

.bootstrap .container > .navbar-header, .bootstrap .container > .navbar-collapse, .bootstrap .container-fluid > .navbar-header, .bootstrap .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; }

@media (min-width: 768px) { .bootstrap .container > .navbar-header, .bootstrap .container > .navbar-collapse, .bootstrap .container-fluid > .navbar-header, .bootstrap .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } }

.bootstrap .navbar-static-top { z-index: 1000; border-width: 0 0 1px; }

@media (min-width: 768px) { .bootstrap .navbar-static-top { border-radius: 0; } }

.bootstrap .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; }

.bootstrap .navbar-brand:hover, .bootstrap .navbar-brand:focus { text-decoration: none; }

.bootstrap .navbar-brand > img { display: block; }

@media (min-width: 768px) { .navbar > .container .bootstrap .navbar-brand, .navbar > .container-fluid .bootstrap .navbar-brand { margin-left: -15px; } }

.bootstrap .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-right: 15px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; }

.bootstrap .navbar-toggle:focus { outline: 0; }

.bootstrap .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; }

.bootstrap .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }

@media (min-width: 768px) { .bootstrap .navbar-toggle { display: none; } }

.bootstrap .navbar-nav { margin: 7.5px -15px; }

.bootstrap .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; }

@media (max-width: 767px) { .bootstrap .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; }
    .bootstrap .navbar-nav .open .dropdown-menu > li > a, .bootstrap .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; }
    .bootstrap .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; }
    .bootstrap .navbar-nav .open .dropdown-menu > li > a:hover, .bootstrap .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } }

@media (min-width: 768px) { .bootstrap .navbar-nav { float: left; margin: 0; }
    .bootstrap .navbar-nav > li { float: left; }
    .bootstrap .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } }

.bootstrap .navbar-form { padding: 10px 15px; margin-right: -15px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 8px; margin-bottom: 8px; }

@media (min-width: 768px) { .bootstrap .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
    .bootstrap .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; }
    .bootstrap .navbar-form .form-control-static { display: inline-block; }
    .bootstrap .navbar-form .input-group { display: inline-table; vertical-align: middle; }
    .bootstrap .navbar-form .input-group .input-group-addon, .bootstrap .navbar-form .input-group .input-group-btn, .bootstrap .navbar-form .input-group .form-control { width: auto; }
    .bootstrap .navbar-form .input-group > .form-control { width: 100%; }
    .bootstrap .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; }
    .bootstrap .navbar-form .radio, .bootstrap .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
    .bootstrap .navbar-form .radio label, .bootstrap .navbar-form .checkbox label { padding-left: 0; }
    .bootstrap .navbar-form .radio input[type="radio"], .bootstrap .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }
    .bootstrap .navbar-form .has-feedback .form-control-feedback { top: 0; } }

@media (max-width: 767px) { .bootstrap .navbar-form .form-group { margin-bottom: 5px; }
    .bootstrap .navbar-form .form-group:last-child { margin-bottom: 0; } }

@media (min-width: 768px) { .bootstrap .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } }

.bootstrap .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }

.bootstrap .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.bootstrap .navbar-btn { margin-top: 8px; margin-bottom: 8px; }

.bootstrap .navbar-btn.btn-sm, .bootstrap .btn-group-sm > .navbar-btn.btn { margin-top: 10px; margin-bottom: 10px; }

.bootstrap .navbar-btn.btn-xs, .bootstrap .btn-group-xs > .navbar-btn.btn { margin-top: 14px; margin-bottom: 14px; }

.bootstrap .navbar-text { margin-top: 15px; margin-bottom: 15px; }

@media (min-width: 768px) { .bootstrap .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } }

@media (min-width: 768px) { .bootstrap .navbar-left { float: left !important; }
    .bootstrap .navbar-right { float: right !important; margin-right: -15px; }
    .bootstrap .navbar-right ~ .navbar-right { margin-right: 0; } }

.bootstrap .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; }

.bootstrap .navbar-default .navbar-brand { color: #777; }

.bootstrap .navbar-default .navbar-brand:hover, .bootstrap .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; }

.bootstrap .navbar-default .navbar-text { color: #777; }

.bootstrap .navbar-default .navbar-nav > li > a { color: #777; }

.bootstrap .navbar-default .navbar-nav > li > a:hover, .bootstrap .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; }

.bootstrap .navbar-default .navbar-nav > .active > a, .bootstrap .navbar-default .navbar-nav > .active > a:hover, .bootstrap .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; }

.bootstrap .navbar-default .navbar-nav > .disabled > a, .bootstrap .navbar-default .navbar-nav > .disabled > a:hover, .bootstrap .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; }

.bootstrap .navbar-default .navbar-nav > .open > a, .bootstrap .navbar-default .navbar-nav > .open > a:hover, .bootstrap .navbar-default .navbar-nav > .open > a:focus { color: #555; background-color: #e7e7e7; }

@media (max-width: 767px) { .bootstrap .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; }
    .bootstrap .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .bootstrap .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; }
    .bootstrap .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .bootstrap .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .bootstrap .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; }
    .bootstrap .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .bootstrap .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .bootstrap .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } }

.bootstrap .navbar-default .navbar-toggle { border-color: #ddd; }

.bootstrap .navbar-default .navbar-toggle:hover, .bootstrap .navbar-default .navbar-toggle:focus { background-color: #ddd; }

.bootstrap .navbar-default .navbar-toggle .icon-bar { background-color: #888; }

.bootstrap .navbar-default .navbar-collapse, .bootstrap .navbar-default .navbar-form { border-color: #e7e7e7; }

.bootstrap .navbar-default .navbar-link { color: #777; }

.bootstrap .navbar-default .navbar-link:hover { color: #333; }

.bootstrap .navbar-default .btn-link { color: #777; }

.bootstrap .navbar-default .btn-link:hover, .bootstrap .navbar-default .btn-link:focus { color: #333; }

.bootstrap .navbar-default .btn-link[disabled]:hover, .bootstrap .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .bootstrap .navbar-default .btn-link:hover, fieldset[disabled] .bootstrap .navbar-default .btn-link:focus { color: #ccc; }

.bootstrap .navbar-inverse { background-color: #222; border-color: #090909; }

.bootstrap .navbar-inverse .navbar-brand { color: #9d9d9d; }

.bootstrap .navbar-inverse .navbar-brand:hover, .bootstrap .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; }

.bootstrap .navbar-inverse .navbar-text { color: #9d9d9d; }

.bootstrap .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; }

.bootstrap .navbar-inverse .navbar-nav > li > a:hover, .bootstrap .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; }

.bootstrap .navbar-inverse .navbar-nav > .active > a, .bootstrap .navbar-inverse .navbar-nav > .active > a:hover, .bootstrap .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #090909; }

.bootstrap .navbar-inverse .navbar-nav > .disabled > a, .bootstrap .navbar-inverse .navbar-nav > .disabled > a:hover, .bootstrap .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; }

.bootstrap .navbar-inverse .navbar-nav > .open > a, .bootstrap .navbar-inverse .navbar-nav > .open > a:hover, .bootstrap .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #090909; }

@media (max-width: 767px) { .bootstrap .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090909; }
    .bootstrap .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #090909; }
    .bootstrap .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; }
    .bootstrap .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .bootstrap .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; }
    .bootstrap .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .bootstrap .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .bootstrap .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #090909; }
    .bootstrap .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .bootstrap .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .bootstrap .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } }

.bootstrap .navbar-inverse .navbar-toggle { border-color: #333; }

.bootstrap .navbar-inverse .navbar-toggle:hover, .bootstrap .navbar-inverse .navbar-toggle:focus { background-color: #333; }

.bootstrap .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; }

.bootstrap .navbar-inverse .navbar-collapse, .bootstrap .navbar-inverse .navbar-form { border-color: #101010; }

.bootstrap .navbar-inverse .navbar-link { color: #9d9d9d; }

.bootstrap .navbar-inverse .navbar-link:hover { color: #fff; }

.bootstrap .navbar-inverse .btn-link { color: #9d9d9d; }

.bootstrap .navbar-inverse .btn-link:hover, .bootstrap .navbar-inverse .btn-link:focus { color: #fff; }

.bootstrap .navbar-inverse .btn-link[disabled]:hover, .bootstrap .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .bootstrap .navbar-inverse .btn-link:hover, fieldset[disabled] .bootstrap .navbar-inverse .btn-link:focus { color: #444; }

.bootstrap .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; }

.bootstrap .breadcrumb > li { display: inline-block; }

.bootstrap .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/ "; }

.bootstrap .breadcrumb > .active { color: #777777; }

.bootstrap .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }

.bootstrap .pagination > li { display: inline; }

.bootstrap .pagination > li > a, .bootstrap .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }

.bootstrap .pagination > li > a:hover, .bootstrap .pagination > li > a:focus, .bootstrap .pagination > li > span:hover, .bootstrap .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eeeeee; border-color: #ddd; }

.bootstrap .pagination > li:first-child > a, .bootstrap .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.bootstrap .pagination > li:last-child > a, .bootstrap .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.bootstrap .pagination > .active > a, .bootstrap .pagination > .active > a:hover, .bootstrap .pagination > .active > a:focus, .bootstrap .pagination > .active > span, .bootstrap .pagination > .active > span:hover, .bootstrap .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; }

.bootstrap .pagination > .disabled > span, .bootstrap .pagination > .disabled > span:hover, .bootstrap .pagination > .disabled > span:focus, .bootstrap .pagination > .disabled > a, .bootstrap .pagination > .disabled > a:hover, .bootstrap .pagination > .disabled > a:focus { color: #777777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }

.bootstrap .pagination-lg > li > a, .bootstrap .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.33333; }

.bootstrap .pagination-lg > li:first-child > a, .bootstrap .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }

.bootstrap .pagination-lg > li:last-child > a, .bootstrap .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.bootstrap .pagination-sm > li > a, .bootstrap .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; }

.bootstrap .pagination-sm > li:first-child > a, .bootstrap .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

.bootstrap .pagination-sm > li:last-child > a, .bootstrap .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.bootstrap .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; }

.bootstrap .pager:before, .bootstrap .pager:after { display: table; content: " "; }

.bootstrap .pager:after { clear: both; }

.bootstrap .pager li { display: inline; }

.bootstrap .pager li > a, .bootstrap .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; }

.bootstrap .pager li > a:hover, .bootstrap .pager li > a:focus { text-decoration: none; background-color: #eeeeee; }

.bootstrap .pager .next > a, .bootstrap .pager .next > span { float: right; }

.bootstrap .pager .previous > a, .bootstrap .pager .previous > span { float: left; }

.bootstrap .pager .disabled > a, .bootstrap .pager .disabled > a:hover, .bootstrap .pager .disabled > a:focus, .bootstrap .pager .disabled > span { color: #777777; cursor: not-allowed; background-color: #fff; }

.bootstrap .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; }

.bootstrap .label:empty { display: none; }

.btn .bootstrap .label { position: relative; top: -1px; }

.bootstrap a.label:hover, .bootstrap a.label:focus { color: #fff; text-decoration: none; cursor: pointer; }

.bootstrap .label-default { background-color: #777777; }

.bootstrap .label-default[href]:hover, .bootstrap .label-default[href]:focus { background-color: #5e5e5e; }

.bootstrap .label-primary { background-color: #337ab7; }

.bootstrap .label-primary[href]:hover, .bootstrap .label-primary[href]:focus { background-color: #286090; }

.bootstrap .label-success { background-color: #5cb85c; }

.bootstrap .label-success[href]:hover, .bootstrap .label-success[href]:focus { background-color: #449d44; }

.bootstrap .label-info { background-color: #5bc0de; }

.bootstrap .label-info[href]:hover, .bootstrap .label-info[href]:focus { background-color: #31b0d5; }

.bootstrap .label-warning { background-color: #f0ad4e; }

.bootstrap .label-warning[href]:hover, .bootstrap .label-warning[href]:focus { background-color: #ec971f; }

.bootstrap .label-danger { background-color: #d9534f; }

.bootstrap .label-danger[href]:hover, .bootstrap .label-danger[href]:focus { background-color: #c9302c; }

.bootstrap .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777777; border-radius: 10px; }

.bootstrap .badge:empty { display: none; }

.btn .bootstrap .badge { position: relative; top: -1px; }

.btn-xs .bootstrap .badge, .bootstrap .btn-group-xs > .btn .bootstrap .badge, .btn-group-xs > .btn .bootstrap .badge { top: 0; padding: 1px 5px; }

.list-group-item.active > .bootstrap .badge, .nav-pills > .active > a > .bootstrap .badge { color: #337ab7; background-color: #fff; }

.list-group-item > .bootstrap .badge { float: right; }

.list-group-item > .bootstrap .badge + .bootstrap .badge { margin-right: 5px; }

.nav-pills > li > a > .bootstrap .badge { margin-left: 3px; }

.bootstrap a.badge:hover, .bootstrap a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; }

.bootstrap .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eeeeee; }

.bootstrap .jumbotron h1, .bootstrap .jumbotron .h1 { color: inherit; }

.bootstrap .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; }

.bootstrap .jumbotron > hr { border-top-color: #d5d5d5; }

.container .bootstrap .jumbotron, .container-fluid .bootstrap .jumbotron { padding-right: 15px; padding-left: 15px; border-radius: 6px; }

.bootstrap .jumbotron .container { max-width: 100%; }

@media screen and (min-width: 768px) { .bootstrap .jumbotron { padding-top: 48px; padding-bottom: 48px; }
    .container .bootstrap .jumbotron, .container-fluid .bootstrap .jumbotron { padding-right: 60px; padding-left: 60px; }
    .bootstrap .jumbotron h1, .bootstrap .jumbotron .h1 { font-size: 63px; } }

.bootstrap .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; }

.bootstrap .thumbnail > img, .bootstrap .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-right: auto; margin-left: auto; }

.bootstrap .thumbnail .caption { padding: 9px; color: #333333; }

.bootstrap a.thumbnail:hover, .bootstrap a.thumbnail:focus, .bootstrap a.thumbnail.active { border-color: #337ab7; }

.bootstrap .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }

.bootstrap .alert h4 { margin-top: 0; color: inherit; }

.bootstrap .alert .alert-link { font-weight: bold; }

.bootstrap .alert > p, .bootstrap .alert > ul { margin-bottom: 0; }

.bootstrap .alert > p + p { margin-top: 5px; }

.bootstrap .alert-dismissable, .bootstrap .alert-dismissible { padding-right: 35px; }

.bootstrap .alert-dismissable .close, .bootstrap .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; }

.bootstrap .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }

.bootstrap .alert-success hr { border-top-color: #c9e2b3; }

.bootstrap .alert-success .alert-link { color: #2b542c; }

.bootstrap .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }

.bootstrap .alert-info hr { border-top-color: #a6e1ec; }

.bootstrap .alert-info .alert-link { color: #245269; }

.bootstrap .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }

.bootstrap .alert-warning hr { border-top-color: #f7e1b5; }

.bootstrap .alert-warning .alert-link { color: #66512c; }

.bootstrap .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }

.bootstrap .alert-danger hr { border-top-color: #e4b9c0; }

.bootstrap .alert-danger .alert-link { color: #843534; }

@-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; }
    to { background-position: 0 0; } }

@keyframes progress-bar-stripes { from { background-position: 40px 0; }
    to { background-position: 0 0; } }

.bootstrap .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.bootstrap .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; transition: width 0.6s ease; }

.bootstrap .progress-striped .progress-bar, .bootstrap .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; }

.bootstrap .progress.active .progress-bar, .bootstrap .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }

.bootstrap .progress-bar-success { background-color: #5cb85c; }

.progress-striped .bootstrap .progress-bar-success { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.bootstrap .progress-bar-info { background-color: #5bc0de; }

.progress-striped .bootstrap .progress-bar-info { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.bootstrap .progress-bar-warning { background-color: #f0ad4e; }

.progress-striped .bootstrap .progress-bar-warning { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.bootstrap .progress-bar-danger { background-color: #d9534f; }

.progress-striped .bootstrap .progress-bar-danger { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.bootstrap .media { margin-top: 15px; }

.bootstrap .media:first-child { margin-top: 0; }

.bootstrap .media, .bootstrap .media-body { overflow: hidden; zoom: 1; }

.bootstrap .media-body { width: 10000px; }

.bootstrap .media-object { display: block; }

.bootstrap .media-object.img-thumbnail { max-width: none; }

.bootstrap .media-right, .bootstrap .media > .pull-right { padding-left: 10px; }

.bootstrap .media-left, .bootstrap .media > .pull-left { padding-right: 10px; }

.bootstrap .media-left, .bootstrap .media-right, .bootstrap .media-body { display: table-cell; vertical-align: top; }

.bootstrap .media-middle { vertical-align: middle; }

.bootstrap .media-bottom { vertical-align: bottom; }

.bootstrap .media-heading { margin-top: 0; margin-bottom: 5px; }

.bootstrap .media-list { padding-left: 0; list-style: none; }

.bootstrap .list-group { padding-left: 0; margin-bottom: 20px; }

.bootstrap .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; }

.bootstrap .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; }

.bootstrap .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

.bootstrap .list-group-item.disabled, .bootstrap .list-group-item.disabled:hover, .bootstrap .list-group-item.disabled:focus { color: #777777; cursor: not-allowed; background-color: #eeeeee; }

.bootstrap .list-group-item.disabled .list-group-item-heading, .bootstrap .list-group-item.disabled:hover .list-group-item-heading, .bootstrap .list-group-item.disabled:focus .list-group-item-heading { color: inherit; }

.bootstrap .list-group-item.disabled .list-group-item-text, .bootstrap .list-group-item.disabled:hover .list-group-item-text, .bootstrap .list-group-item.disabled:focus .list-group-item-text { color: #777777; }

.bootstrap .list-group-item.active, .bootstrap .list-group-item.active:hover, .bootstrap .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; }

.bootstrap .list-group-item.active .list-group-item-heading, .bootstrap .list-group-item.active .list-group-item-heading > small, .bootstrap .list-group-item.active .list-group-item-heading > .small, .bootstrap .list-group-item.active:hover .list-group-item-heading, .bootstrap .list-group-item.active:hover .list-group-item-heading > small, .bootstrap .list-group-item.active:hover .list-group-item-heading > .small, .bootstrap .list-group-item.active:focus .list-group-item-heading, .bootstrap .list-group-item.active:focus .list-group-item-heading > small, .bootstrap .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; }

.bootstrap .list-group-item.active .list-group-item-text, .bootstrap .list-group-item.active:hover .list-group-item-text, .bootstrap .list-group-item.active:focus .list-group-item-text { color: #c7ddef; }

.bootstrap a.list-group-item, .bootstrap button.list-group-item { color: #555; }

.bootstrap a.list-group-item .list-group-item-heading, .bootstrap button.list-group-item .list-group-item-heading { color: #333; }

.bootstrap a.list-group-item:hover, .bootstrap a.list-group-item:focus, .bootstrap button.list-group-item:hover, .bootstrap button.list-group-item:focus { color: #555; text-decoration: none; background-color: #f5f5f5; }

.bootstrap button.list-group-item { width: 100%; text-align: left; }

.bootstrap .list-group-item-success { color: #3c763d; background-color: #dff0d8; }

.bootstrap a.list-group-item-success, .bootstrap button.list-group-item-success { color: #3c763d; }

.bootstrap a.list-group-item-success .list-group-item-heading, .bootstrap button.list-group-item-success .list-group-item-heading { color: inherit; }

.bootstrap a.list-group-item-success:hover, .bootstrap a.list-group-item-success:focus, .bootstrap button.list-group-item-success:hover, .bootstrap button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; }

.bootstrap a.list-group-item-success.active, .bootstrap a.list-group-item-success.active:hover, .bootstrap a.list-group-item-success.active:focus, .bootstrap button.list-group-item-success.active, .bootstrap button.list-group-item-success.active:hover, .bootstrap button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; }

.bootstrap .list-group-item-info { color: #31708f; background-color: #d9edf7; }

.bootstrap a.list-group-item-info, .bootstrap button.list-group-item-info { color: #31708f; }

.bootstrap a.list-group-item-info .list-group-item-heading, .bootstrap button.list-group-item-info .list-group-item-heading { color: inherit; }

.bootstrap a.list-group-item-info:hover, .bootstrap a.list-group-item-info:focus, .bootstrap button.list-group-item-info:hover, .bootstrap button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; }

.bootstrap a.list-group-item-info.active, .bootstrap a.list-group-item-info.active:hover, .bootstrap a.list-group-item-info.active:focus, .bootstrap button.list-group-item-info.active, .bootstrap button.list-group-item-info.active:hover, .bootstrap button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; }

.bootstrap .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; }

.bootstrap a.list-group-item-warning, .bootstrap button.list-group-item-warning { color: #8a6d3b; }

.bootstrap a.list-group-item-warning .list-group-item-heading, .bootstrap button.list-group-item-warning .list-group-item-heading { color: inherit; }

.bootstrap a.list-group-item-warning:hover, .bootstrap a.list-group-item-warning:focus, .bootstrap button.list-group-item-warning:hover, .bootstrap button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; }

.bootstrap a.list-group-item-warning.active, .bootstrap a.list-group-item-warning.active:hover, .bootstrap a.list-group-item-warning.active:focus, .bootstrap button.list-group-item-warning.active, .bootstrap button.list-group-item-warning.active:hover, .bootstrap button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; }

.bootstrap .list-group-item-danger { color: #a94442; background-color: #f2dede; }

.bootstrap a.list-group-item-danger, .bootstrap button.list-group-item-danger { color: #a94442; }

.bootstrap a.list-group-item-danger .list-group-item-heading, .bootstrap button.list-group-item-danger .list-group-item-heading { color: inherit; }

.bootstrap a.list-group-item-danger:hover, .bootstrap a.list-group-item-danger:focus, .bootstrap button.list-group-item-danger:hover, .bootstrap button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; }

.bootstrap a.list-group-item-danger.active, .bootstrap a.list-group-item-danger.active:hover, .bootstrap a.list-group-item-danger.active:focus, .bootstrap button.list-group-item-danger.active, .bootstrap button.list-group-item-danger.active:hover, .bootstrap button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; }

.bootstrap .list-group-item-heading { margin-top: 0; margin-bottom: 5px; }

.bootstrap .list-group-item-text { margin-bottom: 0; line-height: 1.3; }

.bootstrap .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.bootstrap .panel-body { padding: 15px; }

.bootstrap .panel-body:before, .bootstrap .panel-body:after { display: table; content: " "; }

.bootstrap .panel-body:after { clear: both; }

.bootstrap .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; }

.bootstrap .panel-heading > .dropdown .dropdown-toggle { color: inherit; }

.bootstrap .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; }

.bootstrap .panel-title > a, .bootstrap .panel-title > small, .bootstrap .panel-title > .small, .bootstrap .panel-title > small > a, .bootstrap .panel-title > .small > a { color: inherit; }

.bootstrap .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

.bootstrap .panel > .list-group, .bootstrap .panel > .panel-collapse > .list-group { margin-bottom: 0; }

.bootstrap .panel > .list-group .list-group-item, .bootstrap .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; }

.bootstrap .panel > .list-group:first-child .list-group-item:first-child, .bootstrap .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; }

.bootstrap .panel > .list-group:last-child .list-group-item:last-child, .bootstrap .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

.bootstrap .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; }

.bootstrap .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; }

.bootstrap .list-group + .panel-footer { border-top-width: 0; }

.bootstrap .panel > .table, .bootstrap .panel > .table-responsive > .table, .bootstrap .panel > .panel-collapse > .table { margin-bottom: 0; }

.bootstrap .panel > .table caption, .bootstrap .panel > .table-responsive > .table caption, .bootstrap .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px; }

.bootstrap .panel > .table:first-child, .bootstrap .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; }

.bootstrap .panel > .table:first-child > thead:first-child > tr:first-child, .bootstrap .panel > .table:first-child > tbody:first-child > tr:first-child, .bootstrap .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .bootstrap .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; }

.bootstrap .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .bootstrap .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .bootstrap .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .bootstrap .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .bootstrap .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .bootstrap .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .bootstrap .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .bootstrap .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; }

.bootstrap .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .bootstrap .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .bootstrap .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .bootstrap .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .bootstrap .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .bootstrap .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .bootstrap .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .bootstrap .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; }

.bootstrap .panel > .table:last-child, .bootstrap .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

.bootstrap .panel > .table:last-child > tbody:last-child > tr:last-child, .bootstrap .panel > .table:last-child > tfoot:last-child > tr:last-child, .bootstrap .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .bootstrap .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

.bootstrap .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .bootstrap .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .bootstrap .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .bootstrap .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .bootstrap .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .bootstrap .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .bootstrap .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .bootstrap .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; }

.bootstrap .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .bootstrap .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .bootstrap .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .bootstrap .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .bootstrap .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .bootstrap .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .bootstrap .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .bootstrap .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; }

.bootstrap .panel > .panel-body + .table, .bootstrap .panel > .panel-body + .table-responsive, .bootstrap .panel > .table + .panel-body, .bootstrap .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; }

.bootstrap .panel > .table > tbody:first-child > tr:first-child th, .bootstrap .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; }

.bootstrap .panel > .table-bordered, .bootstrap .panel > .table-responsive > .table-bordered { border: 0; }

.bootstrap .panel > .table-bordered > thead > tr > th:first-child, .bootstrap .panel > .table-bordered > thead > tr > td:first-child, .bootstrap .panel > .table-bordered > tbody > tr > th:first-child, .bootstrap .panel > .table-bordered > tbody > tr > td:first-child, .bootstrap .panel > .table-bordered > tfoot > tr > th:first-child, .bootstrap .panel > .table-bordered > tfoot > tr > td:first-child, .bootstrap .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .bootstrap .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .bootstrap .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .bootstrap .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .bootstrap .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .bootstrap .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; }

.bootstrap .panel > .table-bordered > thead > tr > th:last-child, .bootstrap .panel > .table-bordered > thead > tr > td:last-child, .bootstrap .panel > .table-bordered > tbody > tr > th:last-child, .bootstrap .panel > .table-bordered > tbody > tr > td:last-child, .bootstrap .panel > .table-bordered > tfoot > tr > th:last-child, .bootstrap .panel > .table-bordered > tfoot > tr > td:last-child, .bootstrap .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .bootstrap .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .bootstrap .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .bootstrap .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .bootstrap .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .bootstrap .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; }

.bootstrap .panel > .table-bordered > thead > tr:first-child > td, .bootstrap .panel > .table-bordered > thead > tr:first-child > th, .bootstrap .panel > .table-bordered > tbody > tr:first-child > td, .bootstrap .panel > .table-bordered > tbody > tr:first-child > th, .bootstrap .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .bootstrap .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .bootstrap .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .bootstrap .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; }

.bootstrap .panel > .table-bordered > tbody > tr:last-child > td, .bootstrap .panel > .table-bordered > tbody > tr:last-child > th, .bootstrap .panel > .table-bordered > tfoot > tr:last-child > td, .bootstrap .panel > .table-bordered > tfoot > tr:last-child > th, .bootstrap .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .bootstrap .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .bootstrap .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .bootstrap .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; }

.bootstrap .panel > .table-responsive { margin-bottom: 0; border: 0; }

.bootstrap .panel-group { margin-bottom: 20px; }

.bootstrap .panel-group .panel { margin-bottom: 0; border-radius: 4px; }

.bootstrap .panel-group .panel + .panel { margin-top: 5px; }

.bootstrap .panel-group .panel-heading { border-bottom: 0; }

.bootstrap .panel-group .panel-heading + .panel-collapse > .panel-body, .bootstrap .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; }

.bootstrap .panel-group .panel-footer { border-top: 0; }

.bootstrap .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; }

.bootstrap .panel-default { border-color: #ddd; }

.bootstrap .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #ddd; }

.bootstrap .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; }

.bootstrap .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; }

.bootstrap .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; }

.bootstrap .panel-primary { border-color: #337ab7; }

.bootstrap .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; }

.bootstrap .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; }

.bootstrap .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; }

.bootstrap .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; }

.bootstrap .panel-success { border-color: #d6e9c6; }

.bootstrap .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }

.bootstrap .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; }

.bootstrap .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; }

.bootstrap .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; }

.bootstrap .panel-info { border-color: #bce8f1; }

.bootstrap .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }

.bootstrap .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; }

.bootstrap .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; }

.bootstrap .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; }

.bootstrap .panel-warning { border-color: #faebcc; }

.bootstrap .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }

.bootstrap .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; }

.bootstrap .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; }

.bootstrap .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; }

.bootstrap .panel-danger { border-color: #ebccd1; }

.bootstrap .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }

.bootstrap .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; }

.bootstrap .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; }

.bootstrap .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; }

.bootstrap .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }

.bootstrap .embed-responsive .embed-responsive-item, .bootstrap .embed-responsive iframe, .bootstrap .embed-responsive embed, .bootstrap .embed-responsive object, .bootstrap .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.bootstrap .embed-responsive-16by9 { padding-bottom: 56.25%; }

.bootstrap .embed-responsive-4by3 { padding-bottom: 75%; }

.bootstrap .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }

.bootstrap .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); }

.bootstrap .well-lg { padding: 24px; border-radius: 6px; }

.bootstrap .well-sm { padding: 9px; border-radius: 3px; }

.bootstrap .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: 0.2; }

.bootstrap .close:hover, .bootstrap .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; }

.bootstrap button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.bootstrap .modal-open { overflow: hidden; }

.bootstrap .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; }

.bootstrap .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }

.bootstrap .modal.in .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.bootstrap .modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.bootstrap .modal-dialog { position: relative; width: auto; margin: 10px; }

.bootstrap .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0; }

.bootstrap .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; }

.bootstrap .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; }

.bootstrap .modal-backdrop.in { filter: alpha(opacity=50); opacity: 0.5; }

.bootstrap .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; }

.bootstrap .modal-header:before, .bootstrap .modal-header:after { display: table; content: " "; }

.bootstrap .modal-header:after { clear: both; }

.bootstrap .modal-header .close { margin-top: -2px; }

.bootstrap .modal-title { margin: 0; line-height: 1.42857; }

.bootstrap .modal-body { position: relative; padding: 15px; }

.bootstrap .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; }

.bootstrap .modal-footer:before, .bootstrap .modal-footer:after { display: table; content: " "; }

.bootstrap .modal-footer:after { clear: both; }

.bootstrap .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }

.bootstrap .modal-footer .btn-group .btn + .btn { margin-left: -1px; }

.bootstrap .modal-footer .btn-block + .btn-block { margin-left: 0; }

.bootstrap .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

@media (min-width: 768px) { .bootstrap .modal-dialog { width: 600px; margin: 30px auto; }
    .bootstrap .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    .bootstrap .modal-sm { width: 300px; } }

@media (min-width: 1024px) { .bootstrap .modal-lg { width: 900px; } }

.bootstrap .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857; line-break: auto; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; font-size: 12px; filter: alpha(opacity=0); opacity: 0; }

.bootstrap .tooltip.in { filter: alpha(opacity=90); opacity: 0.9; }

.bootstrap .tooltip.top { padding: 5px 0; margin-top: -3px; }

.bootstrap .tooltip.right { padding: 0 5px; margin-left: 3px; }

.bootstrap .tooltip.bottom { padding: 5px 0; margin-top: 3px; }

.bootstrap .tooltip.left { padding: 0 5px; margin-left: -3px; }

.bootstrap .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.bootstrap .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.bootstrap .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.bootstrap .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; }

.bootstrap .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; }

.bootstrap .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.bootstrap .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.bootstrap .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.bootstrap .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; }

.bootstrap .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }

.bootstrap .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857; line-break: auto; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.bootstrap .popover.top { margin-top: -10px; }

.bootstrap .popover.right { margin-left: 10px; }

.bootstrap .popover.bottom { margin-top: 10px; }

.bootstrap .popover.left { margin-left: -10px; }

.bootstrap .popover > .arrow { border-width: 11px; }

.bootstrap .popover > .arrow, .bootstrap .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }

.bootstrap .popover > .arrow:after { content: ""; border-width: 10px; }

.bootstrap .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; }

.bootstrap .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; }

.bootstrap .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; }

.bootstrap .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; }

.bootstrap .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); }

.bootstrap .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; }

.bootstrap .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); }

.bootstrap .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; }

.bootstrap .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; }

.bootstrap .popover-content { padding: 9px 14px; }

.bootstrap .carousel { position: relative; }

.bootstrap .carousel-inner { position: relative; width: 100%; overflow: hidden; }

.bootstrap .carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; }

.bootstrap .carousel-inner > .item > img, .bootstrap .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; }

@media all and (transform-3d), (-webkit-transform-3d) { .bootstrap .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; }
    .bootstrap .carousel-inner > .item.next, .bootstrap .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; }
    .bootstrap .carousel-inner > .item.prev, .bootstrap .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; }
    .bootstrap .carousel-inner > .item.next.left, .bootstrap .carousel-inner > .item.prev.right, .bootstrap .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } }

.bootstrap .carousel-inner > .active, .bootstrap .carousel-inner > .next, .bootstrap .carousel-inner > .prev { display: block; }

.bootstrap .carousel-inner > .active { left: 0; }

.bootstrap .carousel-inner > .next, .bootstrap .carousel-inner > .prev { position: absolute; top: 0; width: 100%; }

.bootstrap .carousel-inner > .next { left: 100%; }

.bootstrap .carousel-inner > .prev { left: -100%; }

.bootstrap .carousel-inner > .next.left, .bootstrap .carousel-inner > .prev.right { left: 0; }

.bootstrap .carousel-inner > .active.left { left: -100%; }

.bootstrap .carousel-inner > .active.right { left: 100%; }

.bootstrap .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: 0.5; }

.bootstrap .carousel-control.left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; }

.bootstrap .carousel-control.right { right: 0; left: auto; background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; }

.bootstrap .carousel-control:hover, .bootstrap .carousel-control:focus { color: #fff; text-decoration: none; outline: 0; filter: alpha(opacity=90); opacity: 0.9; }

.bootstrap .carousel-control .icon-prev, .bootstrap .carousel-control .icon-next, .bootstrap .carousel-control .glyphicon-chevron-left, .bootstrap .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; }

.bootstrap .carousel-control .icon-prev, .bootstrap .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; }

.bootstrap .carousel-control .icon-next, .bootstrap .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; }

.bootstrap .carousel-control .icon-prev, .bootstrap .carousel-control .icon-next { width: 20px; height: 20px; font-family: serif; line-height: 1; }

.bootstrap .carousel-control .icon-prev:before { content: "\2039"; }

.bootstrap .carousel-control .icon-next:before { content: "\203a"; }

.bootstrap .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; }

.bootstrap .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; }

.bootstrap .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; }

.bootstrap .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }

.bootstrap .carousel-caption .btn { text-shadow: none; }

@media screen and (min-width: 768px) { .bootstrap .carousel-control .glyphicon-chevron-left, .bootstrap .carousel-control .glyphicon-chevron-right, .bootstrap .carousel-control .icon-prev, .bootstrap .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; }
    .bootstrap .carousel-control .glyphicon-chevron-left, .bootstrap .carousel-control .icon-prev { margin-left: -10px; }
    .bootstrap .carousel-control .glyphicon-chevron-right, .bootstrap .carousel-control .icon-next { margin-right: -10px; }
    .bootstrap .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; }
    .bootstrap .carousel-indicators { bottom: 20px; } }

.bootstrap .clearfix:before, .bootstrap .clearfix:after { display: table; content: " "; }

.bootstrap .clearfix:after { clear: both; }

.bootstrap .center-block { display: block; margin-right: auto; margin-left: auto; }

.bootstrap .pull-right { float: right !important; }

.bootstrap .pull-left { float: left !important; }

.bootstrap .hide { display: none !important; }

.bootstrap .show { display: block !important; }

.bootstrap .invisible { visibility: hidden; }

.bootstrap .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.bootstrap .hidden { display: none !important; }

.bootstrap .affix { position: fixed; }

@-ms-viewport { width: device-width; }

.bootstrap .visible-xs { display: none !important; }

.bootstrap .visible-sm { display: none !important; }

.bootstrap .visible-md { display: none !important; }

.bootstrap .visible-lg { display: none !important; }

.bootstrap .visible-xs-block, .bootstrap .visible-xs-inline, .bootstrap .visible-xs-inline-block, .bootstrap .visible-sm-block, .bootstrap .visible-sm-inline, .bootstrap .visible-sm-inline-block, .bootstrap .visible-md-block, .bootstrap .visible-md-inline, .bootstrap .visible-md-inline-block, .bootstrap .visible-lg-block, .bootstrap .visible-lg-inline, .bootstrap .visible-lg-inline-block { display: none !important; }

@media (max-width: 767px) { .bootstrap .visible-xs { display: block !important; }
    .bootstrap table.visible-xs { display: table !important; }
    .bootstrap tr.visible-xs { display: table-row !important; }
    .bootstrap th.visible-xs, .bootstrap td.visible-xs { display: table-cell !important; } }

@media (max-width: 767px) { .bootstrap .visible-xs-block { display: block !important; } }

@media (max-width: 767px) { .bootstrap .visible-xs-inline { display: inline !important; } }

@media (max-width: 767px) { .bootstrap .visible-xs-inline-block { display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 1023px) { .bootstrap .visible-sm { display: block !important; }
    .bootstrap table.visible-sm { display: table !important; }
    .bootstrap tr.visible-sm { display: table-row !important; }
    .bootstrap th.visible-sm, .bootstrap td.visible-sm { display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 1023px) { .bootstrap .visible-sm-block { display: block !important; } }

@media (min-width: 768px) and (max-width: 1023px) { .bootstrap .visible-sm-inline { display: inline !important; } }

@media (min-width: 768px) and (max-width: 1023px) { .bootstrap .visible-sm-inline-block { display: inline-block !important; } }

@media (min-width: 1024px) and (max-width: 1439px) { .bootstrap .visible-md { display: block !important; }
    .bootstrap table.visible-md { display: table !important; }
    .bootstrap tr.visible-md { display: table-row !important; }
    .bootstrap th.visible-md, .bootstrap td.visible-md { display: table-cell !important; } }

@media (min-width: 1024px) and (max-width: 1439px) { .bootstrap .visible-md-block { display: block !important; } }

@media (min-width: 1024px) and (max-width: 1439px) { .bootstrap .visible-md-inline { display: inline !important; } }

@media (min-width: 1024px) and (max-width: 1439px) { .bootstrap .visible-md-inline-block { display: inline-block !important; } }

@media (min-width: 1440px) { .bootstrap .visible-lg { display: block !important; }
    .bootstrap table.visible-lg { display: table !important; }
    .bootstrap tr.visible-lg { display: table-row !important; }
    .bootstrap th.visible-lg, .bootstrap td.visible-lg { display: table-cell !important; } }

@media (min-width: 1440px) { .bootstrap .visible-lg-block { display: block !important; } }

@media (min-width: 1440px) { .bootstrap .visible-lg-inline { display: inline !important; } }

@media (min-width: 1440px) { .bootstrap .visible-lg-inline-block { display: inline-block !important; } }

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

@media (min-width: 768px) and (max-width: 1023px) { .bootstrap .hidden-sm { display: none !important; } }

@media (min-width: 1024px) and (max-width: 1439px) { .bootstrap .hidden-md { display: none !important; } }

@media (min-width: 1440px) { .bootstrap .hidden-lg { display: none !important; } }

.bootstrap .visible-print { display: none !important; }

@media print { .bootstrap .visible-print { display: block !important; }
    .bootstrap table.visible-print { display: table !important; }
    .bootstrap tr.visible-print { display: table-row !important; }
    .bootstrap th.visible-print, .bootstrap td.visible-print { display: table-cell !important; } }

.bootstrap .visible-print-block { display: none !important; }

@media print { .bootstrap .visible-print-block { display: block !important; } }

.bootstrap .visible-print-inline { display: none !important; }

@media print { .bootstrap .visible-print-inline { display: inline !important; } }

.bootstrap .visible-print-inline-block { display: none !important; }

@media print { .bootstrap .visible-print-inline-block { display: inline-block !important; } }

@media print { .bootstrap .hidden-print { display: none !important; } }

.bootstrap input, .bootstrap select, .bootstrap textarea { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; color: #231F20; }

/*! Datetimepicker for Bootstrap 3 version : 4.17.47 https://github.com/Eonasdan/bootstrap-datetimepicker/ */
.bootstrap-datetimepicker-widget { list-style: none; }

.bootstrap-datetimepicker-widget.dropdown-menu { display: block; margin: 2px 0; padding: 4px; width: 19em; }

@media (min-width: 768px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } }

@media (min-width: 992px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } }

@media (min-width: 1200px) { .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; } }

.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after { content: ''; display: inline-block; position: absolute; }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); top: -7px; left: 7px; }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; top: -6px; left: 8px; }

.bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); bottom: -7px; left: 6px; }

.bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid white; bottom: -6px; left: 7px; }

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { left: auto; right: 6px; }

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { left: auto; right: 7px; }

.bootstrap-datetimepicker-widget .list-unstyled { margin: 0; }

.bootstrap-datetimepicker-widget a[data-action] { padding: 6px 0; }

.bootstrap-datetimepicker-widget a[data-action]:active { -webkit-box-shadow: none; box-shadow: none; }

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 54px; font-weight: bold; font-size: 1.2em; margin: 0; }

.bootstrap-datetimepicker-widget button[data-action] { padding: 6px; }

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Increment Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Decrement Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Show Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle AM/PM"; }

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Clear the picker"; }

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Set the date to today"; }

.bootstrap-datetimepicker-widget .picker-switch { text-align: center; }

.bootstrap-datetimepicker-widget .picker-switch::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Toggle Date and Time Screens"; }

.bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit; }

.bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100%; }

.bootstrap-datetimepicker-widget table { width: 100%; margin: 0; }

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { text-align: center; border-radius: 4px; }

.bootstrap-datetimepicker-widget table th { height: 20px; line-height: 20px; width: 20px; }

.bootstrap-datetimepicker-widget table th.picker-switch { width: 145px; }

.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; color: #777777; cursor: not-allowed; }

.bootstrap-datetimepicker-widget table th.prev::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Previous Month"; }

.bootstrap-datetimepicker-widget table th.next::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; content: "Next Month"; }

.bootstrap-datetimepicker-widget table thead tr:first-child th { cursor: pointer; }

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: #eeeeee; }

.bootstrap-datetimepicker-widget table td { height: 54px; line-height: 54px; width: 54px; }

.bootstrap-datetimepicker-widget table td.cw { font-size: .8em; height: 20px; line-height: 20px; color: #777777; }

.bootstrap-datetimepicker-widget table td.day { height: 20px; line-height: 20px; width: 20px; }

.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover { background: #eeeeee; cursor: pointer; }

.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new { color: #777777; }

.bootstrap-datetimepicker-widget table td.today { position: relative; }

.bootstrap-datetimepicker-widget table td.today:before { content: ''; display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #337ab7; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; }

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #337ab7; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #fff; }

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover { background: none; color: #777777; cursor: not-allowed; }

.bootstrap-datetimepicker-widget table td span { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 4px; }

.bootstrap-datetimepicker-widget table td span:hover { background: #eeeeee; }

.bootstrap-datetimepicker-widget table td span.active { background-color: #337ab7; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.bootstrap-datetimepicker-widget table td span.old { color: #777777; }

.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { background: none; color: #777777; cursor: not-allowed; }

.bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; }

.bootstrap-datetimepicker-widget.wider { width: 21em; }

.bootstrap-datetimepicker-widget .datepicker-decades .decade { line-height: 1.8em !important; }

.input-group.date .input-group-addon { cursor: pointer; }

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

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.skin-checkbox-ctn { position: relative; }

.skin-checkbox-ctn input { visibility: hidden; }

.skin-checkbox-ctn .checkbox { position: absolute; }

.skin-checkbox-ctn label { padding-left: 30px; }

.skinMe.activated.radio input[type="radio"] { display: none; }

.skinMe.activated.checkbox input[type="checkbox"] { display: none; }

.skinMe.activated.select select { filter: "alpha(opacity=1)"; -khtml-opacity: 0.01; -moz-opacity: 0.01; opacity: 0.01; }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.applications-listing .centered-content .wrapper .row .overflow-container > *:nth-child(3) .application-status-dropdown.skinMe.select { display: inline-block; min-width: 167px; position: absolute; top: 20px; }

.applications-listing .centered-content .wrapper .row .overflow-container > *:nth-child(3) .application-status-dropdown.skinMe.select .skinme-select-ctn .select.application-status { background-color: initial; border-radius: 0; color: initial; text-transform: uppercase; border: 0; position: relative; line-height: 1; }

.applications-listing .centered-content .wrapper .row .overflow-container > *:nth-child(3) .application-status-dropdown.skinMe.select .skinme-select-ctn .select.application-status.opened .active-choice { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom: none; }

.applications-listing .centered-content .wrapper .row .overflow-container > *:nth-child(3) .application-status-dropdown.skinMe.select .skinme-select-ctn .select.application-status .toggler { right: 30px; z-index: 9; margin-top: 0; }

.applications-listing .centered-content .wrapper .row .overflow-container > *:nth-child(3) .application-status-dropdown.skinMe.select .skinme-select-ctn .select.application-status .active-choice { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; line-height: 1; padding: 15px 67px 12px 28px; position: relative; overflow: visible; background-color: #902929; border: 2px solid #F2F2F2; color: #FFF; text-transform: uppercase; text-align: left; }

.applications-listing .centered-content .wrapper .row .overflow-container > *:nth-child(3) .application-status-dropdown.skinMe.select .skinme-select-ctn .select.application-status .skinme-select-choices { border-radius: 0; margin: 0; max-height: 250px; overflow: auto; top: 0; border: 2px solid #F2F2F2; }

.applications-listing .centered-content .wrapper .row .overflow-container > *:nth-child(3) .application-status-dropdown.skinMe.select .skinme-select-ctn .select.application-status .skinme-select-choices.open { border-top: none; }

.applications-listing .centered-content .wrapper .row .overflow-container > *:nth-child(3) .application-status-dropdown.skinMe.select .skinme-select-ctn .select.application-status .skinme-select-choices .choice { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; color: #FFF; padding: 10px 28px; background-color: #902929; }

.applications-listing .centered-content .wrapper .row .overflow-container > *:nth-child(3) .application-status-dropdown.skinMe.select .skinme-select-ctn .select.application-status .skinme-select-choices .choice:hover { background: #F2F2F2; color: #902929; }

.applications-listing .centered-content .wrapper .row .overflow-container > *:nth-child(3) .application-status-dropdown.skinMe.select .skinme-select-ctn select { border: none; padding: 0; margin: 0; padding-right: 17px; }

@media (min-width: 0) and (max-width: 1439px) { .applications-listing .centered-content .select.application-status .active-choice { font-size: 28px; }
    .applications-listing .centered-content .select.application-status .skinme-select-choices .choice { font-size: 16px; } }

@media (min-width: 0) and (max-width: 1023px) { .applications-listing .centered-content .wrapper .row .overflow-container > *:nth-child(3) .application-status-dropdown.skinMe.select { min-width: 150px; left: 375px; } }

@media (min-width: 0) and (max-width: 767px) { .applications-listing .centered-content .wrapper .row .overflow-container > *:nth-child(3) .application-status-dropdown.skinMe.select { min-width: 120px; max-width: 120px; left: 0; top: 10px; position: absolute; }
    .applications-listing .centered-content .wrapper .row .overflow-container > *:nth-child(3) .application-status-dropdown.skinMe.select .skinme-select-ctn .select.application-status .active-choice { font-size: 14px; padding: 13px 20px 12px 15px; }
    .applications-listing .centered-content .wrapper .row .overflow-container > *:nth-child(3) .application-status-dropdown.skinMe.select .skinme-select-ctn .select.application-status .toggler { right: 15px; }
    .applications-listing .centered-content .wrapper .row .overflow-container > *:nth-child(3) .application-status-dropdown.skinMe.select .skinme-select-ctn .select.application-status .skinme-select-choices .choice { font-size: 14px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.apply, .modal .base-form.skinMe.select .skinme-select-ctn .select.apply, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.apply { background: #B21F28; border: 1px solid rgba(0, 0, 0, 0.13); overflow: hidden; height: auto; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.apply .toggler, .modal .base-form.skinMe.select .skinme-select-ctn .select.apply .toggler, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.apply .toggler { right: 26px; z-index: 9; margin-top: 1px; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-mask, .modal .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-mask, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-mask { background: transparent; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.apply .active-choice, .section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.apply .active-choice .name, .modal .base-form.skinMe.select .skinme-select-ctn .select.apply .active-choice, .modal .base-form.skinMe.select .skinme-select-ctn .select.apply .active-choice .name, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.apply .active-choice, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.apply .active-choice .name { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; line-height: 1.607; text-align: left; color: #FFF; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.apply .active-choice, .modal .base-form.skinMe.select .skinme-select-ctn .select.apply .active-choice, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.apply .active-choice { background: #B21F28; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 60px; padding: 20.5px 50px 18.5px 28px; position: relative; overflow: visible; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.apply .active-choice .name, .modal .base-form.skinMe.select .skinme-select-ctn .select.apply .active-choice .name, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.apply .active-choice .name { margin: 0; padding: 0; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.apply .active-choice .note, .modal .base-form.skinMe.select .skinme-select-ctn .select.apply .active-choice .note, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.apply .active-choice .note { display: none; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices, .modal .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices { border: none; border-radius: 0; margin: 0; max-height: 250px; overflow: auto; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice, .modal .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice { height: 44px; padding: 11.5px 28px 9.5px; background: #B21F28; -webkit-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice:not(.placeholder-choice), .modal .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice:not(.placeholder-choice), section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice:not(.placeholder-choice) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice.disabled, .modal .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice.disabled, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice.disabled { cursor: not-allowed; pointer-events: none; background: #902929; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice.disabled > *, .modal .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice.disabled > *, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice.disabled > * { opacity: 0.7; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice.disabled .note, .modal .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice.disabled .note, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice.disabled .note { display: block; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice:hover, .modal .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice:hover, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice:hover { background: #F2F2F2; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice:hover .name, .modal .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice:hover .name, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice:hover .name { color: #B21F28; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice .name, .modal .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice .name, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice .name { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; line-height: 1.875; color: #FFF; -webkit-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); text-align: left; margin: 0; padding: 0; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice .note, .modal .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice .note, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.apply .skinme-select-choices .choice .note { display: none; font-size: 10px; line-height: 1.2; text-transform: none; }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.main-navigation .wrapper-mobile-expand .links-wrapper .main-links .form-select-branch.skinMe.select { display: inline-block; position: relative; }

.main-navigation .wrapper-mobile-expand .links-wrapper .main-links .form-select-branch.skinMe.select .skinme-select-ctn .select.branch_id { background-color: initial; border-radius: 0; color: initial; border: 0; position: relative; line-height: 1; }

.main-navigation .wrapper-mobile-expand .links-wrapper .main-links .form-select-branch.skinMe.select .skinme-select-ctn .select.branch_id.opened .active-choice { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom: none; }

.main-navigation .wrapper-mobile-expand .links-wrapper .main-links .form-select-branch.skinMe.select .skinme-select-ctn .select.branch_id::after { position: absolute; left: 50%; top: 56px; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; content: ''; width: 0; height: 4px; background: #D25E27; -webkit-transition: width 250ms; transition: width 250ms; }

.main-navigation .wrapper-mobile-expand .links-wrapper .main-links .form-select-branch.skinMe.select .skinme-select-ctn .select.branch_id.hover::after { width: 45px; }

.main-navigation .wrapper-mobile-expand .links-wrapper .main-links .form-select-branch.skinMe.select .skinme-select-ctn .select.branch_id .toggler { right: 15px; z-index: 9; margin-top: 0; }

.main-navigation .wrapper-mobile-expand .links-wrapper .main-links .form-select-branch.skinMe.select .skinme-select-ctn .select.branch_id .active-choice { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 16px; line-height: 1; padding: 5px 45px 5px 28px; position: relative; overflow: visible; background-color: white; border: none; text-align: left; }

.main-navigation .wrapper-mobile-expand .links-wrapper .main-links .form-select-branch.skinMe.select .skinme-select-ctn .select.branch_id .skinme-select-choices { position: absolute; border-radius: 0; padding-top: 42px; max-height: 300px; overflow: auto; top: 0; border: none; left: 25px; z-index: 4; }

.main-navigation .wrapper-mobile-expand .links-wrapper .main-links .form-select-branch.skinMe.select .skinme-select-ctn .select.branch_id .skinme-select-choices.open { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top: none; }

.main-navigation .wrapper-mobile-expand .links-wrapper .main-links .form-select-branch.skinMe.select .skinme-select-ctn .select.branch_id .skinme-select-choices .choice { font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; color: #383838; padding: 10px 28px; background: white; }

.main-navigation .wrapper-mobile-expand .links-wrapper .main-links .form-select-branch.skinMe.select .skinme-select-ctn .select.branch_id .skinme-select-choices .choice:hover { background: #902929; color: white; }

.main-navigation .wrapper-mobile-expand .links-wrapper .main-links .form-select-branch.skinMe.select .skinme-select-ctn select { border: none; padding: 0; margin: 0; padding-right: 17px; }

@media (min-width: 0) and (max-width: 959px) { .main-navigation .wrapper-mobile-expand .links-wrapper .main-links .form-select-branch.skinMe.select .skinme-select-ctn .select.branch_id::after { left: 0; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: none; transition: none; }
    .main-navigation .wrapper-mobile-expand .links-wrapper .main-links .form-select-branch.skinMe.select .skinme-select-ctn .select.branch_id.hover::after { width: 0; }
    .main-navigation .wrapper-mobile-expand .links-wrapper .main-links .form-select-branch.skinMe.select .skinme-select-ctn .select.branch_id .toggler { top: 60%; }
    .main-navigation .wrapper-mobile-expand .links-wrapper .main-links .form-select-branch.skinMe.select .skinme-select-ctn .select.branch_id .active-choice { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 20px; padding: 15px 45px 12px 0; line-height: 1.3; height: auto; }
    .main-navigation .wrapper-mobile-expand .links-wrapper .main-links .form-select-branch.skinMe.select .skinme-select-ctn .select.branch_id .skinme-select-choices { width: 100%; left: 0; padding-top: 72px; }
    .main-navigation .wrapper-mobile-expand .links-wrapper .main-links .form-select-branch.skinMe.select .skinme-select-ctn .select.branch_id .skinme-select-choices.open { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
    .main-navigation .wrapper-mobile-expand .links-wrapper .main-links .form-select-branch.skinMe.select .skinme-select-ctn .select.branch_id .skinme-select-choices .choice { font-size: 14px; padding-left: 10px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.section.menu-category .centered-content .menu-category-mobile.skinMe.select { display: inline-block; width: 100%; }

.section.menu-category .centered-content .menu-category-mobile.skinMe.select .skinme-select-ctn .select.category { background: #B21F28; border: none; overflow: hidden; height: auto; }

.section.menu-category .centered-content .menu-category-mobile.skinMe.select .skinme-select-ctn .select.category .toggler { right: 15px; z-index: 9; margin-top: 1px; }

.section.menu-category .centered-content .menu-category-mobile.skinMe.select .skinme-select-ctn .select.category .skinme-mask { background: transparent; }

.section.menu-category .centered-content .menu-category-mobile.skinMe.select .skinme-select-ctn .select.category .active-choice { background: #B21F28; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20.5px 28px 18.5px; font-family: TorontoSubwayBlack, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; line-height: 1.607; text-align: left; color: #FFF; position: relative; overflow: visible; }

.section.menu-category .centered-content .menu-category-mobile.skinMe.select .skinme-select-ctn .select.category .skinme-select-choices { border: none; border-radius: 0; margin: 0; max-height: 250px; overflow: auto; }

.section.menu-category .centered-content .menu-category-mobile.skinMe.select .skinme-select-ctn .select.category .skinme-select-choices .choice { height: 44px; padding: 11.5px 28px 9.5px; background: #B21F28; -webkit-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; line-height: 1.875; color: #FFF; }

.section.menu-category .centered-content .menu-category-mobile.skinMe.select .skinme-select-ctn .select.category .skinme-select-choices .choice:hover { background: #F2F2F2; color: #B21F28; }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.section .centered-content .base-form.skinMe.select, .modal .base-form.skinMe.select, section .wrapper .base-form.skinMe.select { display: inline-block; width: 100%; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.contact, .modal .base-form.skinMe.select .skinme-select-ctn .select.contact, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.contact { background-color: initial; border-radius: 0; color: initial; border: 0; position: relative; line-height: 1; height: auto; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.contact.opened .active-choice, .modal .base-form.skinMe.select .skinme-select-ctn .select.contact.opened .active-choice, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.contact.opened .active-choice { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom: none; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.contact .toggler, .modal .base-form.skinMe.select .skinme-select-ctn .select.contact .toggler, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.contact .toggler { right: 30px; z-index: 9; margin-top: 3px; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.contact .active-choice, .modal .base-form.skinMe.select .skinme-select-ctn .select.contact .active-choice, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.contact .active-choice { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; line-height: 1; padding: 23px 61px 23px 28px; position: relative; height: auto; overflow: visible; background-color: #B21F28; border: 1px solid rgba(35, 31, 32, 0.5); color: #231F20; text-align: left; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.contact .skinme-select-choices, .modal .base-form.skinMe.select .skinme-select-ctn .select.contact .skinme-select-choices, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.contact .skinme-select-choices { border-radius: 0; margin: 0; max-height: 250px; overflow: auto; border: 1px solid rgba(35, 31, 32, 0.5); }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.contact .skinme-select-choices.open, .modal .base-form.skinMe.select .skinme-select-ctn .select.contact .skinme-select-choices.open, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.contact .skinme-select-choices.open { border-top: none; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.contact .skinme-select-choices .choice, .modal .base-form.skinMe.select .skinme-select-ctn .select.contact .skinme-select-choices .choice, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.contact .skinme-select-choices .choice { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; color: #231F20; padding: 23px 28px; background: #B21F28; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn .select.contact .skinme-select-choices .choice:hover, .modal .base-form.skinMe.select .skinme-select-ctn .select.contact .skinme-select-choices .choice:hover, section .wrapper .base-form.skinMe.select .skinme-select-ctn .select.contact .skinme-select-choices .choice:hover { background: #F2F2F2; }

.section .centered-content .base-form.skinMe.select .skinme-select-ctn select, .modal .base-form.skinMe.select .skinme-select-ctn select, section .wrapper .base-form.skinMe.select .skinme-select-ctn select { border: none; padding: 0; margin: 0; padding-right: 17px; }

@media (min-width: 0) and (max-width: 1023px) { .section .centered-content .base-form.skinMe.select .select.contact .active-choice, .modal .base-form.skinMe.select .select.contact .active-choice, section .wrapper .base-form.skinMe.select .select.contact .active-choice { font-size: 28px; }
    .section .centered-content .base-form.skinMe.select .select.contact .skinme-select-choices .choice, .modal .base-form.skinMe.select .select.contact .skinme-select-choices .choice, section .wrapper .base-form.skinMe.select .select.contact .skinme-select-choices .choice { font-size: 16px; } }

@media (min-width: 0) and (max-width: 767px) { .section .centered-content .base-form.skinMe.select .select.contact .active-choice, .modal .base-form.skinMe.select .select.contact .active-choice, section .wrapper .base-form.skinMe.select .select.contact .active-choice { font-size: 24px; }
    .section .centered-content .base-form.skinMe.select .select.contact .skinme-select-choices .choice, .modal .base-form.skinMe.select .select.contact .skinme-select-choices .choice, section .wrapper .base-form.skinMe.select .select.contact .skinme-select-choices .choice { font-size: 14px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.section .centered-content .base-form.skinMe.select.select-reversed, .modal .base-form.skinMe.select.select-reversed, section .wrapper .base-form.skinMe.select.select-reversed { display: -webkit-box; display: -ms-flexbox; display: flex; }

.section .centered-content .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position, .modal .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position, section .wrapper .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position { border: 0; position: relative; line-height: 1; height: auto; }

.section .centered-content .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position.opened .active-choice, .modal .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position.opened .active-choice, section .wrapper .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position.opened .active-choice { color: #B21F28; border-bottom: none; }

.section .centered-content .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .toggler, .modal .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .toggler, section .wrapper .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .toggler { right: 26px; z-index: 9; margin-top: 1px; }

.section .centered-content .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .skinme-mask, .modal .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .skinme-mask, section .wrapper .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .skinme-mask { background: transparent; }

.section .centered-content .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .active-choice, .modal .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .active-choice, section .wrapper .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .active-choice { padding: 20.5px 50px 18.5px 28px; position: relative; overflow: visible; font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 14px; line-height: 1.607; color: #231F20; text-align: left; background-color: #FFF; border-style: solid; border-color: rgba(0, 0, 0, 0.13); border-width: 1px 0; }

.section .centered-content .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .active-choice span, .modal .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .active-choice span, section .wrapper .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .active-choice span { color: #B21F28; }

.section .centered-content .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .skinme-select-choices, .modal .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .skinme-select-choices, section .wrapper .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .skinme-select-choices { border-radius: 0; margin: 0 -1px; max-height: 250px; overflow: auto; z-index: 10; border: 1px solid rgba(0, 0, 0, 0.13); }

.section .centered-content .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .skinme-select-choices.open, .modal .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .skinme-select-choices.open, section .wrapper .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .skinme-select-choices.open { border-top: none; }

.section .centered-content .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .skinme-select-choices .choice, .modal .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .skinme-select-choices .choice, section .wrapper .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .skinme-select-choices .choice { padding: 11px 28px; font-family: TorontoSubway, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; line-height: 1.83; background: #FFF; -webkit-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.section .centered-content .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .skinme-select-choices .choice:hover, .modal .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .skinme-select-choices .choice:hover, section .wrapper .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .skinme-select-choices .choice:hover { background: #B21F28; }

.section .centered-content .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .skinme-select-choices .choice:hover span, .modal .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .skinme-select-choices .choice:hover span, section .wrapper .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .skinme-select-choices .choice:hover span { color: #FFF; }

.section .centered-content .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .skinme-select-choices .choice span, .modal .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .skinme-select-choices .choice span, section .wrapper .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .skinme-select-choices .choice span { color: #B21F28; }

@media (min-width: 0) and (max-width: 767px) { .section .centered-content .base-form.skinMe.select.select-reversed, .modal .base-form.skinMe.select.select-reversed, section .wrapper .base-form.skinMe.select.select-reversed { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .section .centered-content .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .active-choice, .modal .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .active-choice, section .wrapper .base-form.skinMe.select.select-reversed .skinme-select-ctn .select.position .active-choice { border-width: 0 1px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
.section .centered-content .side-menu-mobile.skinMe.select, .section .centered-content .schedule-menu-mobile.skinMe.select, .section .centered-content .documents-menu-mobile.skinMe.select { width: 100%; }

.section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn { height: auto; }

.section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn .select.sideMenu, .section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn .select.schedule-menu, .section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn .select.documents-menu, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn .select.sideMenu, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn .select.schedule-menu, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn .select.documents-menu, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn .select.sideMenu, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn .select.schedule-menu, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn .select.documents-menu { background-color: #FFF; border-radius: 25px; color: #231F20; border: 0; position: relative; line-height: 1; height: auto; }

.section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn .select.sideMenu .toggler, .section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn .select.schedule-menu .toggler, .section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn .select.documents-menu .toggler, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn .select.sideMenu .toggler, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn .select.schedule-menu .toggler, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn .select.documents-menu .toggler, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn .select.sideMenu .toggler, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn .select.schedule-menu .toggler, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn .select.documents-menu .toggler { top: 17.5px; right: 20px; }

.section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn .select.sideMenu .skinme-mask, .section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn .select.schedule-menu .skinme-mask, .section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn .select.documents-menu .skinme-mask, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn .select.sideMenu .skinme-mask, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn .select.schedule-menu .skinme-mask, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn .select.documents-menu .skinme-mask, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn .select.sideMenu .skinme-mask, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn .select.schedule-menu .skinme-mask, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn .select.documents-menu .skinme-mask { background: transparent; }

.section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn .select.sideMenu .active-choice, .section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn .select.schedule-menu .active-choice, .section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn .select.documents-menu .active-choice, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn .select.sideMenu .active-choice, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn .select.schedule-menu .active-choice, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn .select.documents-menu .active-choice, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn .select.sideMenu .active-choice, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn .select.schedule-menu .active-choice, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn .select.documents-menu .active-choice { font-family: TorontoSubwayBlack, Arial, helvetica, sans-serif; font-style: normal; font-size: 10.5px; line-height: 1; padding: 10px; position: relative; height: auto; overflow: visible; text-align: center; border: rgba(35, 31, 32, 0.5) 1px solid; }

.section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn .select.sideMenu .skinme-select-choices, .section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn .select.schedule-menu .skinme-select-choices, .section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn .select.documents-menu .skinme-select-choices, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn .select.sideMenu .skinme-select-choices, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn .select.schedule-menu .skinme-select-choices, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn .select.documents-menu .skinme-select-choices, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn .select.sideMenu .skinme-select-choices, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn .select.schedule-menu .skinme-select-choices, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn .select.documents-menu .skinme-select-choices { border: none; border-radius: 0; margin: 25px 0; background: #FFF; }

.section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn .select.sideMenu .skinme-select-choices .choice, .section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn .select.schedule-menu .skinme-select-choices .choice, .section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn .select.documents-menu .skinme-select-choices .choice, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn .select.sideMenu .skinme-select-choices .choice, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn .select.schedule-menu .skinme-select-choices .choice, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn .select.documents-menu .skinme-select-choices .choice, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn .select.sideMenu .skinme-select-choices .choice, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn .select.schedule-menu .skinme-select-choices .choice, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn .select.documents-menu .skinme-select-choices .choice { font-family: TorontoSubwayBold, Arial, helvetica, sans-serif; font-style: normal; font-size: 12px; color: #231F20; background: transparent; padding: 10px; text-align: center; }

.section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn .select.sideMenu:hover, .section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn .select.schedule-menu:hover, .section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn .select.documents-menu:hover, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn .select.sideMenu:hover, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn .select.schedule-menu:hover, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn .select.documents-menu:hover, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn .select.sideMenu:hover, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn .select.schedule-menu:hover, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn .select.documents-menu:hover { background: none !important; }

.section .centered-content .side-menu-mobile.skinMe.select .skinme-select-ctn select, .section .centered-content .schedule-menu-mobile.skinMe.select .skinme-select-ctn select, .section .centered-content .documents-menu-mobile.skinMe.select .skinme-select-ctn select { border: none; padding: 0; margin: 0; padding-right: 17px; }

@media (min-width: 0) and (max-width: 1023px) { .section .centered-content .side-menu-mobile.skinMe.select .select.default .active-choice, .section .centered-content .schedule-menu-mobile.skinMe.select .select.default .active-choice, .section .centered-content .documents-menu-mobile.skinMe.select .select.default .active-choice { font-size: 28px; }
    .section .centered-content .side-menu-mobile.skinMe.select .select.default .skinme-select-choices .choice, .section .centered-content .schedule-menu-mobile.skinMe.select .select.default .skinme-select-choices .choice, .section .centered-content .documents-menu-mobile.skinMe.select .select.default .skinme-select-choices .choice { font-size: 16px; } }

@media (min-width: 0) and (max-width: 959px) { .section .centered-content .side-menu-mobile.skinMe.select, .section .centered-content .schedule-menu-mobile.skinMe.select, .section .centered-content .documents-menu-mobile.skinMe.select { width: 748px; } }

@media (min-width: 0) and (max-width: 767px) { .section .centered-content .side-menu-mobile.skinMe.select, .section .centered-content .schedule-menu-mobile.skinMe.select, .section .centered-content .documents-menu-mobile.skinMe.select { width: 100%; }
    .section .centered-content .side-menu-mobile.skinMe.select .select.default .active-choice, .section .centered-content .schedule-menu-mobile.skinMe.select .select.default .active-choice, .section .centered-content .documents-menu-mobile.skinMe.select .select.default .active-choice { font-size: 24px; }
    .section .centered-content .side-menu-mobile.skinMe.select .select.default .skinme-select-choices .choice, .section .centered-content .schedule-menu-mobile.skinMe.select .select.default .skinme-select-choices .choice, .section .centered-content .documents-menu-mobile.skinMe.select .select.default .skinme-select-choices .choice { font-size: 14px; } }

/* ======================================================================= CONFIG ----------------------------------------------------------------------- File used to import custom and vendors variables ===================================================================== */
/* ======================================================================= BREAKPOINTS ----------------------------------------------------------------------- Breakpoints are used for responsive design. You can define here the breakpoints required for the design. ===================================================================== */
/* ======================================================================= COLORS VARIABLES ----------------------------------------------------------------------- Define all the colors used in the website. You can use http://chir.ag/projects/name-that-color/ to generate human readable names for each color. ===================================================================== */
/* ======================================================================= FONTS ----------------------------------------------------------------------- Define class to add for all type and style of font @mixin font-{{font}}() {font-family:'{{font}}, {{fallback}}'; font-weight:normal;} example: @mixin roboto-regular($font-weight: normal){ font-family: 'robotoregular', Arial, helvetica, sans-serif; font-weight: $font-weight; } ===================================================================== */
/*********************************************************************************/
/*********************************** NEW FONTS ***********************************/
/*********************************************************************************/
@font-face { font-family: 'Knockout Featherweight'; font-display: auto; src: url("/resources/assets/fonts/Knockout-HTF48-Featherweight.otf") format("opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Faboulous Script'; font-display: auto; src: url("/resources/assets/fonts/FabulousScript.otf") format("opentype"); font-weight: normal; font-style: normal; }

/* ======================================================================= BASE VARIABLES ----------------------------------------------------------------------- ===================================================================== */
/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors configurations files for them to be automatically loaded into the app.config file ===================================================================== */
/* ======================================================================= MIXINS ----------------------------------------------------------------------- File used to import custom and vendors mixins ===================================================================== */
@-webkit-keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@keyframes fadeOut { from { opacity: 1; }
    to { opacity: 0; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
    to { opacity: 1; } }

@-webkit-keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@keyframes fixedZindexUp { from { z-index: -9999; }
    to { z-index: 5; } }

@-webkit-keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@keyframes fixedZindexDown { from { z-index: 5; }
    to { z-index: -9999; } }

@-webkit-keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@keyframes burgerOpenFirstLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(10px); transform: translateY(10px); } }

@-webkit-keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@keyframes burgerOpenRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); }
    to { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } }

@-webkit-keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@keyframes burgerOpenLastLine { from { -webkit-transform: translateY(0px); transform: translateY(0px); }
    to { -webkit-transform: translateY(-10px); transform: translateY(-10px); } }

@-webkit-keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@keyframes burgerOpenRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); }
    to { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } }

@-webkit-keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseFirstLine { from { -webkit-transform: translateY(10px); transform: translateY(10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@keyframes burgerCloseRotateFirstLine { from { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); }
    to { -webkit-transform: translateY(10px) rotate(0deg); transform: translateY(10px) rotate(0deg); } }

@-webkit-keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes burgerCloseLastLine { from { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
    to { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@-webkit-keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

@keyframes burgerCloseRotateLastLine { from { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); }
    to { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } }

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

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

@-webkit-keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@keyframes submitShrink { from { width: 100%; }
    to { width: 54px;
        height: 54px;
        padding: 0 0;
        border-top-color: #B21F28; } }

@-webkit-keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

@keyframes submitShrinkUp { from { width: 0;
        padding: 20px 25px;
        border-top-color: #B21F28; }
    to { width: 100%;
        height: auto;
        padding: 20px 45px;
        border-top-color: #B21F28; } }

/* ======================================================================= VENDORS VARIABLES ----------------------------------------------------------------------- Import here vendors mixins files for them to be automatically loaded into the app.mixins file ===================================================================== */
@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; -webkit-filter: none !important; filter: none !important; -ms-filter: none !important; border: none !important; overflow: visible !important; position: static !important; } }

/*** Reset style with boilerplate { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .image-replace a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } */