@charset "UTF-8";

@-moz-keyframes sticky-appear {
    0% {
        position: fixed;
        top: -10rem;
    }

    100% {
        top: 0;
    }
}

@-webkit-keyframes sticky-appear {
    0% {
        position: fixed;
        top: -10rem;
    }

    100% {
        top: 0;
    }
}

@keyframes sticky-appear {
    0% {
        position: fixed;
        top: -10rem;
    }

    100% {
        top: 0;
    }
}

@-moz-keyframes sticky-disappear {
    0% {
        position: fixed;
        top: 0;
    }

    99% {
        top: -10rem;
    }

    100% {
        position: absolute;
    }
}

@-webkit-keyframes sticky-disappear {
    0% {
        position: fixed;
        top: 0;
    }

    99% {
        top: -10rem;
    }

    100% {
        position: absolute;
    }
}

@keyframes sticky-disappear {
    0% {
        position: fixed;
        top: 0;
    }

    99% {
        top: -10rem;
    }

    100% {
        position: absolute;
    }
}

@-moz-keyframes tooltip-appear {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes tooltip-appear {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes tooltip-appear {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes tooltip-disappear {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes tooltip-disappear {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes tooltip-disappear {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes modal-appear {
    0% {
        height: 0;
        opacity: 0;
    }

    100% {
        height: 100vh;
        opacity: 1;
    }
}

@-webkit-keyframes modal-appear {
    0% {
        height: 0;
        opacity: 0;
    }

    100% {
        height: 100vh;
        opacity: 1;
    }
}

@keyframes modal-appear {
    0% {
        height: 0;
        opacity: 0;
    }

    100% {
        height: 100vh;
        opacity: 1;
    }
}

@-moz-keyframes modal-disappear {
    0% {
        height: 100vh;
        opacity: 1;
    }

    100% {
        opacity: 0;
        height: 0;
    }
}

@-webkit-keyframes modal-disappear {
    0% {
        height: 100vh;
        opacity: 1;
    }

    100% {
        opacity: 0;
        height: 0;
    }
}

@keyframes modal-disappear {
    0% {
        height: 100vh;
        opacity: 1;
    }

    100% {
        opacity: 0;
        height: 0;
    }
}

@font-face {
    font-family: "Subway";
    src: url("../_fonts/subway/regular.woff2") format("woff2"), url("../_fonts/subway/regular.woff") format("woff"), url("../_fonts/subway/regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

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

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

@font-face {
    font-family: "Montserrat";
    src: url("../_fonts/montserrat/regular.woff2") format("woff2"), url("../_fonts/montserrat/regular.woff") format("woff"), url("../_fonts/montserrat/regular.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "MontserratExtended";
    src: url("../_fonts/montserrat/extended/regular.woff2") format("woff2"), url("../_fonts/montserrat/extended/regular.woff") format("woff"), url("../_fonts/montserrat/extended/regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "MontserratExtended";
    src: url("../_fonts/montserrat/extended/bold.woff2") format("woff2"), url("../_fonts/montserrat/extended/bold.woff") format("woff"), url("../_fonts/montserrat/extended/bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "FontAwesome";
    src: url("../_fonts/font-awesome/regular.woff") format("woff"), url("../_fonts/font-awesome/regular.svg") format("svg"), url("../_fonts/font-awesome/regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "FontAwesomeExtended";
    src: url("../_fonts/font-awesome/extended/regular.woff2") format("woff2"), url("../_fonts/font-awesome/extended/regular.woff") format("woff"), url("../_fonts/font-awesome/extended/regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "slick";
    src: url("../_fonts/slick/regular.woff") format("woff"), url("../_fonts/slick/regular.svg") format("svg"), url("../_fonts/slick/regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

/* = Reset
----------------------------------------------------------------------------------------------------------------- */
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote, fieldset, form, label, legend, table, caption, tr, th, td {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
   cursor: pointer;
}
h2 sup {
    font-size: .1em;
    vertical-align: super;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* = Typography
----------------------------------------------------------------------------------------------------------------- */
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-touch-callout: none;
    color: #333;
    font-family: Subway, Montserrat, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.579;
}

.preventScroll {
    overflow: hidden;
}

h1, h2, h3, h4, h5 {
    color: #009132;
    font-family: Subway, Montserrat, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    margin-bottom: 1.75rem;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

p + h1, p + h2, p + h3, p + h4, p + h5 {
    margin-top: 2.25rem;
}

@media (min-width: 23.7rem) {
    h1, h2, h3, h4, h5 {
        margin-bottom: 2rem;
    }
}

@media (min-width: 64rem) {
    p + h1, p + h2, p + h3, p + h4, p + h5 {
        margin-top: 2.25rem;
    }
}

h1 {
    font-size: 4.75rem;
    font-size: 48px;
    line-height: 1;
    margin-bottom: 2.5rem;
}

@media (min-width: 31rem) {
    h1 {
        font-size: 10vw;
        margin-bottom: 3rem;
    }
}

@media (min-width: 64rem) {
    h1 {
        font-size: 5rem;
    }
}

@media (min-width: 76rem) {
    h1 {
        font-size: 6rem;
    }
}

h2 {
    font-size: 30px;
}

@media (min-width: 31rem) {
    h2 {
        font-size: 6.25vw;
    }
}

@media (min-width: 64rem) {
    h2 {
        font-size: 3.5rem;
    }
}

@media (min-width: 76rem) {
    h2 {
        font-size: 3.75rem;
    }
}

h3 {
    font-size: 19px;
}

.why-join-heading h3,
.food-facts-heading h3 {
    font-size: 30px;
    margin-bottom: .5rem;
}

@media (max-width: 23.7rem) {
    .food-facts-heading h3 {
        font-size: 26px;
    }
}

@media (min-width: 31rem) {
    h3 {
        font-size: 4vw;
    }
}

@media (min-width: 48rem) {
    .why-join-heading h3,
    .food-facts-heading h3 {
        font-size: 4vw;
    }

    .food-facts-heading h3 {
        margin-bottom: 1.5rem;
    }
}

@media (min-width: 64rem) {
    h3,
    .why-join-heading h3 {
        font-size: 2.25rem;
    }

    .why-join-heading h3 {
        margin-bottom: 1rem;
    }

    .food-facts-heading h3 {
        font-size: 1.875rem;
        margin-bottom: .75rem;
    }
}

@media (min-width: 83.75em) {
    .food-facts-heading h3 {
        font-size: 2.25rem;
    }
}

h4 {
    font-size: 17px
}

@media (min-width: 31rem) {
    h4 {
        font-size: 3.2vw;
    }
}

@media (min-width: 64rem) {
    h4 {
        font-size: 1.875rem;
    }
}

h5 {
    font-size: 1.25rem;
}

@media (min-width: 31rem) {
    h5 {
        font-size: 1.5rem;
    }
}

h5:first-of-type {
    margin-top: 2rem;
}

h5 + p {
    margin-top: 2.25rem;
}

h5 + h1, h5 + h2, h5 + h3, h5 + h4 {
    margin-bottom: 2rem
}

h5 br {
    line-height: 1.6
}

p {
    margin: 0 0 1.75rem;
}

@media (min-width: 23.7rem) {
    p {
        margin: 0 0 2rem;
    }
}

a {
    color: #009132;
    font-weight: 700;
    text-decoration: none;
    position: relative;
}

/*Link animations*/
footer a,
footer a:visited,
footer a:hover,
footer a:active,
.back:visited,
.back:hover,
.back:active,
.modalClose:visited,
.modalClose:hover,
.modalClose:active,
.jobsSave:hover {
    position: relative;
    transition: 0.5s color ease;
    text-decoration: none;
}

    footer a:hover,
    .openJobDesc:hover,
    .back:hover,
    .modalClose:hover,
    .jobsSave:hover {
        color: #009132;
    }

    footer a:after,
    .openJobDesc:after,
    .back:after,
    .modalClose:after,
    .jobsSave:after {
        content: "";
        transition: 0.5s all ease;
        position: absolute;
    }

    footer a:after,
    .openJobDesc:after,
    .back:after,
    .modalClose:after,
    .jobsSave:after {
        left: 0;
        bottom: -1px;
        height: 2px;
        width: 0;
        background: #009132;
    }

.back:after {
    bottom: 0;
}


.openJobDesc:hover:after,
.back:hover:after,
.modalClose:hover:after,
.jobsSave:hover:after {
    width: 100%;
}

ol, ul {
    list-style-position: outside;
    margin-bottom: 2rem;
    padding-left: 1.75rem;
}

ul {
    list-style-type: none;
}

    ul li::before {
        content: '\2022';
        color: #009132;
        display: inline-block;
        font-size: 1.5rem;
        font-weight: 700;
        margin-left: -1em;
        width: 1em;
    }


@media (max-width: 48rem) {
    footer a:hover:after,
    .openJobDesc:hover:after, .back:hover:after, .modalClose:hover:after, .jobsSave:hover:after {
        width: 0;
    }
}



/* = tables
----------------------------------------------------------------------------------------------------------------- */
table {
    width: 100%;
    margin: 0 0 20px;
    border-collapse: collapse
}

    table th {
        padding: 20px 10px;
        color: #009132;
        border: 1px solid #009132;
        background: #ffc20d
    }

    table td {
        padding: 20px 10px;
        border: 1px solid #009132;
    }

    table tfoot td {
        color: #fff;
        background: #333;
    }

    table .rowItemAlt {
        background: #ccc;
    }

    table .rowItemStandout {
        color: #fff;
        background: #666;
    }

    table .rowItemDisabled {
        background: #eaeaea;
    }

.tableScroll {
    width: 100%;
    position: relative;
    overflow-x: auto
}


/* = Slick
----------------------------------------------------------------------------------------------------------------- */
.slickslider {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    display: block;
    position: relative;
}

.slick-list {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
    }

.slick-track {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
}

    .slick-track::before, .slick-track::after {
        content: "";
        display: table;
    }

    .slick-track::after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick .slick-arrow.slick-hidden {
    display: none;
}

/* = Accessibility
----------------------------------------------------------------------------------------------------------------- */
.screenreader {
    display: none !important;
}

/* = Animations
----------------------------------------------------------------------------------------------------------------- */
@keyframes submenu-appear {
    0% {
        display: none;
        opacity: 0;
        top: 90%;
    }

    1% {
        display: block;
    }

    100% {
        opacity: 1;
        top: 100%;
    }
}

/* = Cookie
----------------------------------------------------------------------------------------------------------------- */
.cookie {
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1.5rem;
    text-align: left;
    background: #151515;
    position: fixed;
    z-index: 10;
}

    .cookie p {
        margin-bottom: 0;
        color: #fff;
        padding-right: 85px;
    }

        .cookie p > a {
            margin-top: 5px;
            display: inline-block;
        }

    .cookie .closeCookie {
        padding-right: 18px;
        position: absolute;
        top: 50%;
        right: 0;
        margin: 0 1.875rem 0 0;
        margin-top: -9px;
    }

        .cookie .closeCookie::before {
            content: '\f00d';
            font-family: FontAwesome, FontAwesomeExtended, serif;
            line-height: 1;
            margin-left: 1rem;
            vertical-align: baseline;
            right: 0;
            top: 3px;
            position: absolute;
        }

@media (min-width: 23.7rem) {
    .cookie {
        padding: 1.5rem 1.875rem;
    }
}

@media (min-width: 610px) {
    .cookie p br {
        display: none;
    }

    .cookie p > a {
        display: inline;
        margin-top: 0;
        margin-left: 8px;
    }
}

@media (min-width: 64rem) {
    .cookie {
        padding-left: 1.875rem;
        padding-right: 1.875rem;
    }

    .cookie {
        padding-bottom: 0.9375rem;
        padding-top: 0.9375rem;
    }

        .cookie p br {
            display: none;
        }
}

/* = No JS
----------------------------------------------------------------------------------------------------------------- */
.nojavascript {
    background: #333;
    padding: 1.5rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}

    .nojavascript p {
        color: #fff;
        margin: 0;
    }

.no-js .header {
    top: 80px;
}

.no-js .sliderList .sliderItem {
    display: none;
}

    .no-js .sliderList .sliderItem:first-child {
        display: block
    }

.no-js .pageCareers main {
    opacity: 1;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.no-js .careerContent {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.no-js .pageCareer main {
    overflow: visible;
    position: relative;
}

    .no-js .pageCareer main h1 {
        font-size: 5rem;
        position: relative;
        -webkit-transition: font-size .75s ease-out;
        transition: font-size .75s ease-out;
    }

.no-js .pageCareer .sidebar img {
    transform: scale(1);
    z-index: 1;
    -webkit-transition: all 1.2s ease-out;
    transition: all 1.2s ease-out;
}

.no-js .pageCareer main .btnDark {
    transition-delay: 0s;
}

.no-js .pageCareer main .job-intro {
    padding-bottom: 1rem;
    max-height: 400px;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    height: auto;
    overflow: visible;
    -webkit-transition: all .75s ease-out;
    transition: all .75s ease-out;
    -webkit-transition-delay: .75s;
    transition-delay: .75s;
}

    .no-js .pageCareer main .job-intro.noDelay {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

.no-js .mapInner {
    background: url(/_img/map/map-nojs.jpg) no-repeat;
    background-size: cover;
}

.no-js .mapDark .mapInner {
    background: url(/_img/map/map-nojs-green.jpg) no-repeat;
    background-size: cover;
}

/* = Blocks
----------------------------------------------------------------------------------------------------------------- */
.block {
    background-color: #009132;
    color: #fff;
    overflow: hidden;
    position: relative;
}

.blockDark {
    background-color: #007528;
}

.blockLight {
    background-color: #ffc20d;
    color: #333;
}

.blockContent {
    margin: 0 1.5rem;
    width: auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
    position: relative;
    max-width: 28.750em;
    z-index: 2;
}

    .blockContent p,
    .sliderItem p,
    .leader,
    .pageCareer:not(.pageCareerDetail) p,
    .heroContentWide p,
    .mapContent p,
    .heroContent p,
    .pageCareer .job-intro p {
        font-size: 1.1rem;
    }

    .blockContent p {
        max-width: 36.25rem;
    }

@media (min-width: 23.7rem) {
    .blockContent {
        margin: 0 2.5rem;
    }
}

@media (min-width: 31rem) {
    .blockContent p,
    .sliderItem p,
    .leader,
    .pageCareer:not(.pageCareerDetail) p,
    .heroContentWide p,
    .mapContent p,
    .heroContent p,
    .pageCareer .job-intro p {
        font-size: 1.188rem;
    }

    .pageCareer .cookie p {
        font-size: 1em;
    }
}

.heroContent p:last-child,
.blockContent p:last-child,
.sliderItem p:last-child {
    margin-bottom: 0;
}

.pagePeople .sliderItem p,
.blockContentSmall p {
    font-size: 1rem;
}

.blockMediaPerson {
    display: none;
}

.pageFood .blockWide.blockFoodVideo .blockContent {
    padding-bottom: 3.5rem;
}


@media (min-width: 22.5rem) {
    .blockContent {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }
}

@media (min-width: 23.7rem) {
    .blockContent {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

@media (min-width: 30rem) {
    .blockContent {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}


@media (min-width: 35rem) {
    .blockContent {
        margin: 0 auto;
        width: 100%;
    }
}

@media (min-width: 48rem) {
    .blockMediaPerson {
        display: block;
    }

    .block {
        min-height: 100vh;
    }

    .blockContent {
        max-width: 37.75em;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        position: absolute;
    }

    .pageFood .blockWide.blockFoodVideo .blockContent {
        position: relative;
        -webkit-transform: none;
        transform: none;
        left: 0;
        top: 0;
    }
}

@media (min-width: 48rem) and (max-height: 40rem) and (max-width: 1023px) {
    .block {
        min-height: 130vh;
    }
}

@media (min-width: 64rem) and (max-height: 44rem) {
    .block {
        min-height: 130vh;
    }
}


@media (min-width: 64rem) {
    .blockContent {
        max-width: 33.75em;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .blockWide .blockContent {
        max-width: 35rem;
        width: 50%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 25%;
    }

    .pageFood .blockWide .blockContent {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        max-width: 35rem;
        width: 50%;
    }

    .pageFood .blockWide.blockFoodVideo .blockContent {
        left: 22%;
        padding-bottom: 6rem;
        max-width: 37.75em;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        position: absolute;
    }
}

@media (min-width: 64rem) and (max-width: 92rem) {
    .pageFood .blockWide.blockFoodVideo .blockContent {
        width: 40%;
        padding-right: 3.5rem;
        padding-left: 1.5rem;
    }
}

@media (min-width: 92rem) {
    .pageFood .blockWide.blockFoodVideo .blockContent {
        left: 25%;
        padding-right: 4rem;
    }
}

.blockContent h1, .blockContent h2, .blockContent h3, .blockContent h4, .blockContent h5 {
    color: inherit;
}

.blockLight .blockContent h1, .blockLight .blockContent h2, .blockLight .blockContent h3, .blockLight .blockContent h4, .blockLight .blockContent h5 {
    color: #009132;
}

.blockMedia {
    z-index: 1;
}

@media (min-width: 64rem) {
    .blockMedia {
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        height: 100%;
        position: absolute;
        width: 100%;
    }
}

.blockWide .blockMedia img {
    max-height: 30%;
    width: auto;
}

@media (max-width: 35rem) {
    .blockWide.blockHasSandwich .blockMedia img {
        position: relative;
        width: 80%;
        right: 0;
        margin: 0 auto 6rem;
        -webkit-filter: drop-shadow(3rem 3rem 0.1875rem rgba(0, 0, 0, 0.17));
        filter: drop-shadow(3rem 3rem 0.1875rem rgba(0, 0, 0, 0.17));
    }
}

@media (min-width: 64rem) {
    .blockWide .blockMedia img {
        max-height: none;
    }

    .pageFood .blockWide .blockMedia img {
        right: -28%;
    }

    .blockWide.blockHasSandwich .blockContent {
        padding-right: 4rem;
    }
}

@media (min-width: 81.250em) {
    .pageFood .blockWide .blockMedia img {
        right: -10%;
    }
}

@media (min-width: 100em) {
    .pageFood .blockWide .blockMedia img {
        right: 0%;
    }
}

.blockMedia img {
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -moz-backface-visibility: visible;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transform: translateZ(0);
    bottom: 0;
    display: block;
    position: absolute;
    right: -20%;
    width: auto;
}

.hoverZoomActive .blockMedia img {
    -moz-transform: scale(1.025);
    -ms-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
}

@media (min-width: 64rem) {
    .blockMedia img {
        bottom: 35%;
        left: 45%;
        max-height: none;
        right: auto;
    }
}

.blockMedia .embed {
    margin: 0;
}

@media (min-width: 43.75rem) {
    .blockMedia .embed {
        margin: 0 auto 6rem;
        width: 100%;
        max-width: 37.75em;
    }
}

@media (min-width: 64rem) {
    .blockMedia .embed {
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: auto;
        left: 45%;
        margin: 0;
        max-width: 53.375rem;
        position: absolute;
        right: auto;
        width: 50%;
    }
}

.blockMediaPinned img {
    bottom: 0;
    left: auto;
    max-height: 70%;
    right: -9%;
}

.blockMediaBackdrop img {
    height: 100%;
    right: -120%;
}

@media (min-width: 64rem) {
    .blockMediaBackdrop img {
        bottom: 0;
        left: auto;
        right: 0;
    }
}

.blockMedia .dropShadow {
    -webkit-filter: drop-shadow(3.625rem 3.625rem 0.1875rem rgba(0, 0, 0, 0.17));
    filter: drop-shadow(3.625rem 3.625rem 0.1875rem rgba(0, 0, 0, 0.17));
}

/* = Buttons
----------------------------------------------------------------------------------------------------------------- */
.btn {
    -moz-border-radius: 4em;
    -webkit-border-radius: 4em;
    border-radius: 4em;
    -webkit-filter: drop-shadow(1.25rem 1.25rem 0.125rem rgba(0, 0, 0, 0.17));
    filter: drop-shadow(1.25rem 1.25rem 0.125rem rgba(0, 0, 0, 0.17));
    -moz-transition: color 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
    background-color: transparent;
    border-width: 0;
    color: #009132;
    cursor: pointer;
    display: inline-block;
    font-family: Subway, Montserrat, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    outline: none;
    padding: .78125rem 1.625rem;
    position: relative;
}

    .btn::before, .btn::after {
        background-image: -webkit-linear-gradient(left, #fff 0, #fff 50%, #ffc20d 50.1%, #ffc20d 100%);
        background-image: linear-gradient(to right, #fff 0, #fff 50%, #ffc20d 50.1%, #ffc20d 100%);
        -moz-transition: background-position 0.2s ease-out;
        -webkit-transition: background-position 0.2s ease-out;
        transition: background-position 0.2s ease-out;
        background-color: #ffc20d;
        background-position: 98% 0;
        background-size: 206%;
        content: '';
        display: block;
        left: 0;
        height: 56%;
        position: absolute;
        width: 100%;
        z-index: -1;
    }

    .btn::before {
        -moz-border-radius: 1.1rem 1.1rem 30% 30%;
        -webkit-border-radius: 1.1rem 1.1rem 30% 30%;
        border-radius: 1.1rem 1.1rem 30% 30%;
        top: 0;
    }

    .btn::after {
        -moz-border-radius: 30% 30% 1.1rem 1.1rem;
        -webkit-border-radius: 30% 30% 1.1rem 1.1rem;
        border-radius: 30% 30% 1.1rem 1.1rem;
        bottom: 0;
    }

    .btn:focus::before, .btn:focus::after, .btn:hover::before, .btn:hover::after {
        background-position: 0 0;
    }

.btnDark {
    color: #fff;
}

    .btnDark::before, .btnDark::after {
        background-image: -webkit-linear-gradient(left, #fff 0, #fff 50%, #009132 50.1%, #009132 100%);
        background-image: linear-gradient(to right, #fff 0, #fff 50%, #009132 50.1%, #009132 100%);
        background-color: #009132;
    }

    .btnDark:focus, .btnDark:hover {
        color: #009132;
    }

.btnSmooth {
    -webkit-filter: none;
    filter: none;
    font-size: 0.875rem;
    padding: .25rem 1rem;
}

    .btnSmooth::before {
        -moz-border-radius: 0.9375rem 0.9375rem 0 0;
        -webkit-border-radius: 0.9375rem 0.9375rem 0 0;
        border-radius: 0.9375rem 0.9375rem 0 0;
    }

    .btnSmooth::after {
        -moz-border-radius: 0 0 0.9375rem 0.9375rem;
        -webkit-border-radius: 0 0 0.9375rem 0.9375rem;
        border-radius: 0 0 0.9375rem 0.9375rem;
    }

.copyBookmark {
    margin-bottom: 0;
}

    .copyBookmark > a {
        margin-right: 30px;
    }

@media (max-width: 26rem) {
    .copyBookmark > a {
        margin-bottom: 20px;
        clear: right;
    }

    .copyBookmark > span {
        clear: right;
    }
}


p a.btn {
    margin-top: .5rem;
}

/* = Career (Single)
----------------------------------------------------------------------------------------------------------------- */
.career {
    zoom: 1;
    color: #333;
    display: block;
    font-weight: 400;
}

    .career::after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

.careerContent {
    -moz-border-radius: 0.625rem;
    -webkit-border-radius: 0.625rem;
    border-radius: 0.625rem;
    -webkit-filter: drop-shadow(1.25rem 1.25rem 0.125rem rgba(0, 0, 0, 0.01));
    filter: drop-shadow(1.25rem 1.25rem 0.125rem rgba(0, 0, 0, 0.01));
    -moz-transition: filter 0.2s ease-out;
    -webkit-transition: filter 0.2s ease-out;
    transition: filter 0.2s ease-out;
    background-color: #fff;
    float: left;
    font-size: 1rem;
    padding: 1.25rem;
    position: relative;
    width: auto;
    margin-right: 125px;
}

    .careerContent p:last-child,
    .careerContent p:last-of-type {
        margin-bottom: 0;
    }

.careerContent {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}

    .careerContent.animateIn {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

@media (min-width: 30rem) {
    .careerContent {
        width: calc(100% - 150px);
        margin-right: 150px;
    }
}

@media (min-width: 64rem) {
    .careerContent {
        width: 40%;
        margin-right: 0;
    }
}

.careerContent:focus, .careerContent:hover {
    -webkit-filter: drop-shadow(1.25rem 1.25rem 0.125rem rgba(0, 0, 0, 0.15));
    filter: drop-shadow(1.25rem 1.25rem 0.125rem rgba(0, 0, 0, 0.15));
}

.careerContent::after {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 1rem .625rem;
    margin-left: -1px;
    left: 100%;
    content: '';
    position: absolute;
    top: 2.75rem;
}

.careerHeading {
    font-size: 1.2rem;
    margin-bottom: .5rem;
}

.careerImg {
    float: left;
    overflow: hidden;
    padding-bottom: 0.9375rem;
    padding-left: 1.25rem;
    padding-right: .5rem;
    padding-top: 0.9375rem;
    width: 120px;
    max-width: 120px;
    position: absolute;
    right: 0;
    top: 0;
}

.careerHeading > sup {
    font-size: .5em;
    padding-left: 2px;
}

@media (min-width: 30rem) {
    .careerHeading {
        font-size: 1.5rem;
    }

    .careerImg {
        width: 140px;
        max-width: 140px;
        padding-right: 1.25rem;
    }
}

@media (min-width: 64rem) {
    .careerImg {
        width: 20%;
        position: relative;
        padding-right: 1.25rem;
    }
}

.careerImg img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -moz-backface-visibility: visible;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transform: translateZ(0);
    background-color: #ffc20d;
    display: block;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
    width: 100%;
}

.hoverZoomActive .careerImg img {
    -moz-transform: scale(1.025);
    -ms-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
}

/* = Career (List)
----------------------------------------------------------------------------------------------------------------- */
.careersList {
    margin-top: 4.5rem;
    margin-right: 0;
    padding-bottom: 3.125rem;
    padding-left: 0;
}

.careersItem .career {
    position: relative;
    z-index: 2;
}

.careersItem {
    display: block;
    padding-bottom: 3.125rem;
    position: relative;
}

    .careersItem:last-child {
        padding-bottom: .5rem;
    }

    .careersItem::before {
        display: none;
    }

    .careersItem:not(:last-child)::after {
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: #ffc20d;
        display: block;
        content: '';
        height: 100%;
        padding-bottom: 0.625rem;
        position: absolute;
        right: 50px;
        top: 0.9375rem;
        width: .1875rem;
        z-index: 1;
    }

    .careersItem.careersDisabled {
        cursor: pointer;
    }

        .careersItem.careersDisabled .noJobsPopup {
            display: none;
            padding: 25px 0;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #fff;
            font-weight: bold;
            position: relative;
        }

@media (min-width: 30rem) {
    .careersItem:not(:last-child)::after {
        right: 66px;
    }
}

@media (min-width: 35rem) {
    .careersItem:last-child {
        padding-bottom: 3.125rem;
    }
}

@media (min-width: 64rem) {
    .careersItem {
        padding-bottom: 5rem;
    }

    .careersList {
        margin-right: 0;
        padding-bottom: 5rem;
    }

    .careersItem:not(:last-child)::after {
        right: 68px;
    }

    .careersItem:not(:last-child)::after {
        right: 17.5%;
    }

    .careersItem:not(:last-child)::after {
        left: 50%;
    }

    .careersItem:nth-child(even) .careerContent {
        float: right;
    }

        .careersItem:nth-child(even) .careerContent::after {
            border-left-color: transparent;
            border-right-color: #fff;
            left: auto;
            right: 100%;
        }

    .careersItem:nth-child(even) .careerImg {
        float: right;
    }
}

/* = Closing Soon
----------------------------------------------------------------------------------------------------------------- */
.closingSoon {
    vertical-align: middle;
    display: none;
}

    .closingSoon::before {
        content: '\f017';
        display: inline-block;
        color: #009132;
        font-family: FontAwesome, FontAwesomeExtended, serif;
        font-size: 1rem;
        margin-right: 0.625rem;
        vertical-align: baseline;
    }

/* = Columns
----------------------------------------------------------------------------------------------------------------- */
.cols {
    overflow: hidden;
}

@media (min-width: 64rem) {
    .cols {
        zoom: 1;
    }

        .cols::after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            overflow: hidden;
            visibility: hidden;
        }

        .cols .col {
            float: left;
            width: 100%;
        }

        .cols .colTwoThirds {
            width: 66.66666666666667%;
        }

        .cols .colHalf {
            width: 50%;
        }

        .cols .colThird {
            width: 33.3333333333333%;
        }

        .cols .colFourth {
            width: 25%;
        }
}

/* = Count
----------------------------------------------------------------------------------------------------------------- */
.sliderItem .count {
    margin-bottom: 20px;
    color: #009132;
    display: inline-block;
    font-size: 78px;
    font-weight: 700;
    line-height: 1;
    vertical-align: middle;
}

.countWrapper {
    zoom: 1;
    margin-bottom: 1.25rem;
    white-space: nowrap;
}

    .countWrapper::after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

    .countWrapper .count {
        margin-right: 1.25rem;
    }

    .countWrapper .countImg {
        max-width: 230px;
        -moz-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        -moz-backface-visibility: visible;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        transform: translateZ(0);
    }

.hoverZoomActive .countWrapper .countImg {
    -moz-transform: scale(1.025);
    -ms-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
}

.sliderItem .count.noNumber {
    margin-top: 35px;
    font-size: 3.4rem;
}

.pageFood .sliderItem .count.noNumber {
    font-size: 4rem;
}

@media (max-width: 380px) {
    .countWrapper {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

        .countWrapper .countImg {
            order: 1;
            margin: 0 auto;
            max-height: 150px;
        }

        .countWrapper .count,
        .sliderItem .countWrapper .count.noNumber {
            display: block;
            width: 100%;
            margin: 25px 0 0 0;
            order: 2;
            text-align: center;
        }
}

@media (min-width: 1024px) and (max-width: 1400px) {
    .countWrapper {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

        .countWrapper .countImg {
            order: 1;
            margin: 0 auto;
            max-height: 150px;
        }

        .countWrapper .count,
        .sliderItem .countWrapper .count.noNumber {
            display: block;
            width: 100%;
            margin: 25px 0 0 0;
            order: 2;
            text-align: center;
        }

    .food-facts .sliderItem {
        padding-top: 0;
    }
}

@media (max-width: 360px) {
    .pageFood .sliderItem .count,
    .pageFood .sliderItem .count.noNumber {
        font-size: 3.6rem;
    }
}

/* = Drop Shadows
----------------------------------------------------------------------------------------------------------------- */
.dropShadow {
    -webkit-filter: drop-shadow(0.9375rem 0.9375rem 0.125rem rgba(0, 0, 0, 0.17));
    filter: drop-shadow(0.9375rem 0.9375rem 0.125rem rgba(0, 0, 0, 0.17));
}

/* = Embeds
----------------------------------------------------------------------------------------------------------------- */
.embed {
    display: block;
    margin-bottom: 1.25rem;
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .embed iframe, .embed embed, .embed object, .embed video {
        border: 0;
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
    }

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

    .embed-container iframe, .embed-container object, .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* = Fallbacks for older browsers
----------------------------------------------------------------------------------------------------------------- */
.fallbackObjectFit {
    background-size: cover;
    background-repeat: no-repeat;
}

    .fallbackObjectFit img {
        opacity: 0;
    }

/* = Filter
----------------------------------------------------------------------------------------------------------------- */
.filter {
    zoom: 1;
}

    .filter::after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

.filterItem {
    cursor: pointer;
    font-size: 1rem;
    position: relative;
    padding-left: 1.625rem;
}

    .filterItem::before {
        -moz-border-radius: 0.1875rem;
        -webkit-border-radius: 0.1875rem;
        border-radius: 0.1875rem;
        -moz-transition: background-color 0.2s ease-out;
        -webkit-transition: background-color 0.2s ease-out;
        transition: background-color 0.2s ease-out;
        background-color: #fff;
        border: 1px solid #ebebeb;
        display: inline-block;
        color: #fff;
        content: '';
        font-family: FontAwesome, FontAwesomeExtended, serif;
        font-size: 13px;
        font-weight: 400;
        height: 16px;
        left: 0;
        line-height: 16px;
        position: absolute;
        text-align: center;
        top: .25rem;
        vertical-align: middle;
        width: 1rem;
    }

.filterItemInline {
    float: left;
}

    .filterItemInline + .filterItemInline {
        margin-left: 1rem;
    }

.filterItemActive::before {
    background-color: #009132;
    border-color: #009132;
    content: '\f00c';
}

/* = Flag Icon
----------------------------------------------------------------------------------------------------------------- */
.flag-icon {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 1em;
    position: relative;
    vertical-align: middle;
    width: 1.875rem;
}

    .flag-icon::before {
        content: '\00a0';
    }

.flag-icon-gb {
    background-image: url("../_img/flag/gb.svg");
}

.flag-icon-ie {
    background-image: url("../_img/flag/ie.svg");
}

.flag-icon-de {
    background-image: url("../_img/flag/de.svg");
}

.flag-icon-fr {
    background-image: url("../_img/flag/fr.svg");
}

.flag-icon-at {
    background-image: url("../_img/flag/at.svg");
}

.flag-icon-fr {
    background-image: url("../_img/flag/fr.svg");
}

.flag-icon-ch {
    background-image: url("../_img/flag/ch.svg");
}

.flag-icon-pl {
    background-image: url("../_img/flag/pl.svg");
}

.flag-icon-nl {
    background-image: url("../_img/flag/nl.svg");
}

.flag-icon-se {
    background-image: url("../_img/flag/se.svg");
}

.flag-icon-fi {
    background-image: url("../_img/flag/fi.svg");
}

/* = Form
----------------------------------------------------------------------------------------------------------------- */
.form {
    margin-bottom: 1.25rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 28.125rem;
}

.formField {
    margin-bottom: 1.25rem;
    overflow: hidden;
}

.formFieldRow {
    -webkit-filter: drop-shadow(1.25rem 1.25rem 0.125rem rgba(0, 0, 0, 0.17));
    filter: drop-shadow(1.25rem 1.25rem 0.125rem rgba(0, 0, 0, 0.17));
    -moz-border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    background-color: #fff;
    overflow: hidden;
    position: relative;
}

    .formFieldRow:last-child,
    .form:last-child {
        margin-bottom: 0;
    }

    .formFieldRow.formFieldSelect::before {
        right: 20%;
    }

    .formFieldRow .formInput {
        -moz-border-radius: 1.5rem 0 0 1.5rem;
        -webkit-border-radius: 1.5rem 0 0 1.5rem;
        border-radius: 1.5rem 0 0 1.5rem;
        background-color: transparent;
        float: left;
        position: relative;
        width: 80%;
        z-index: 1;
        
    }

    .formFieldRow .formButton {
        -moz-border-radius: 0 1.5rem 1.5rem 0;
        -webkit-border-radius: 0 1.5rem 1.5rem 0;
        border-radius: 0 1.5rem 1.5rem 0;
        background-color: transparent;
        height: 100%;
        margin-top: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 20%;
        z-index: 3;
    }

.formFieldSelect {
    -moz-border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    background-color: #fff;
    position: relative;
}

    .formFieldSelect::before {
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        content: '\f0d7';
        color: #333;
        font-family: FontAwesome, FontAwesomeExtended, serif;
        font-size: 1.125rem;
        font-weight: 400;
        position: absolute;
        right: 1.25rem;
        top: 50%;
        z-index: 1;
    }

    .formFieldSelect .formInput {
        background-color: transparent;
        position: relative;
        z-index: 2;
    }

        .formFieldSelect .formInput::-ms-expand {
            display: none;
        }

.formGroup {
    zoom: 1;
    margin-left: -0.625rem;
    margin-right: -0.625rem;
}

    .formGroup::after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

    .formGroup .formField {
        float: left;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 50%;
    }

.formLabel {
    float: left;
    font-family: Subway, Montserrat, Arial, sans-serif;
    font-size: 1rem;
    vertical-align: middle;
}

.formInput {
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    background-color: #fff;
    border-width: 0;
    display: block;
    color: #333;
    font-family: Subway, Montserrat, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    outline: none;
    padding: .875rem 1.5rem;
    width: 100%;
    overflow: scroll;
}

    .formInput::-moz-placeholder {
        -moz-transition: color 0.2s ease-out;
        -webkit-transition: color 0.2s ease-out;
        transition: color 0.2s ease-out;
        color: #333;
    }

    .formInput::-webkit-input-placeholder {
        -moz-transition: color 0.2s ease-out;
        -webkit-transition: color 0.2s ease-out;
        transition: color 0.2s ease-out;
        color: #333;
    }

    .formInput:focus::-moz-placeholder {
        color: #ebebeb;
    }

    .formInput:focus::-webkit-input-placeholder {
        color: #ebebeb;
    }

textarea.formInput {
    min-height: 6em;
    resize: vertical;
}

.formToggle .formLabel {
    cursor: pointer;
    display: block;
    padding-left: 1.8rem;
    position: relative;
}

    .formToggle .formLabel::before {
        -moz-border-radius: 0.1875rem;
        -webkit-border-radius: 0.1875rem;
        border-radius: 0.1875rem;
        -moz-transition: background-color 0.2s ease-out;
        -webkit-transition: background-color 0.2s ease-out;
        transition: background-color 0.2s ease-out;
        background-color: #fff;
        border: 1px solid #dadada;
        display: inline-block;
        color: #fff;
        content: '';
        font-family: FontAwesome, FontAwesomeExtended, serif;
        font-size: 13px;
        font-weight: 400;
        height: 16px;
        left: 0;
        line-height: 16px;
        position: absolute;
        text-align: center;
        top: .25rem;
        vertical-align: middle;
        width: 1rem;
    }

.formToggle .formInput {
    display: none;
}

    .formToggle .formInput:checked + .formLabel::before {
        background-color: #009132;
        border-color: #009132;
        content: '\f00c';
       
    }

.formToggle + .formToggle {
    margin-left: 1.25rem;
}

.formButton {
    background-color: #fff;
    border: 0;
    cursor: pointer;
    margin-top: 1.25rem;
    outline: none;
    padding: .875rem 1.5rem;
    position: relative;
}

.formButtonCheck::before {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    color: #009132;
    content: '\f00c';
    font-family: FontAwesome, FontAwesomeExtended, serif;
    font-size: 1.25rem;
    position: absolute;
}

.formButtonSearch::before {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    content: '\f002';
    font-family: FontAwesome, FontAwesomeExtended, serif;
    font-size: 1rem;
    position: absolute;
}

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

.pageCareers .formFieldRow:after {
    content: '';
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    right: 25%;
    bottom: 0;
    margin: auto;
    border-style: solid;
    border-width: 6px 5px 0px 5px;
    border-color: #333 transparent transparent transparent;
    pointer-events: none;
}

.termsBoxWrap {
    position: relative;
}

    .termsBoxWrap .hasAgreedOverlay {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.5) url(/_img/icons/check.svg) no-repeat 50% 50%;
        bottom: 36px;
        background-size: 40px auto;
    }

.submitButtonWrap {
    padding-bottom: 22px;
    position: relative;
}

    .submitButtonWrap .disableBtn {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 110px;
        z-index: 1;
    }

    .submitButtonWrap .btnDark {
        color: #a2a2a2;
    }

        .submitButtonWrap .btnDark::before,
        .submitButtonWrap .btnDark::after {
            background-color: #d4d4d4;
            background-image: -webkit-linear-gradient(left, #fff 0, #fff 50%, #d4d4d4 50.1%, #d4d4d4 100%);
            background-image: linear-gradient(to right, #fff 0, #fff 50%, #d4d4d4 50.1%, #d4d4d4 100%);
        }

    .submitButtonWrap.hasAgreed .disableBtn {
        display: none;
    }

    .submitButtonWrap.hasAgreed .btnDark {
        color: #fff;
    }

        .submitButtonWrap.hasAgreed .btnDark::before,
        .submitButtonWrap.hasAgreed .btnDark::after {
            background-image: -webkit-linear-gradient(left, #fff 0, #fff 50%, #009132 50.1%, #009132 100%);
            background-image: linear-gradient(to right, #fff 0, #fff 50%, #009132 50.1%, #009132 100%);
            background-color: #009132;
        }

        .submitButtonWrap.hasAgreed .btnDark:focus, .submitButtonWrap.hasAgreed .btnDark:hover {
            color: #009132;
        }

.termsField textarea {
    display: block;
    padding: 15px;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 175px;
    min-height: 175px;
    max-height: 175px;
    font-size: 1em;
    font-family: Arial, Sans-Serif;
    line-height: 1.3rem;
    font-size: .9rem;
    border: none;
    outline: none;
}

.termsField h5 {
    margin-top: .5rem;
    margin-bottom: 1rem;
}

    .termsField h5 + p {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

.termsField-buttons {
    margin-bottom: 10px;
    background: #009132;
    overflow: hidden;
    min-height: 36px;
}

    .termsField-buttons .btnSmall {
        border-radius: 0;
        height: 36px;
    }

        .termsField-buttons .btnSmall:nth-child(-n+3) {
            float: left;
        }

        .termsField-buttons .btnSmall:nth-last-child(-n+2) {
            float: right;
        }

        .termsField-buttons .btnSmall:hover {
            color: #ffc20d;
        }

        .termsField-buttons .btnSmall:before {
            background: none;
        }

    .termsField-buttons .termsAgree {
        float: right;
        position: relative;
    }

        .termsField-buttons .termsAgree .btnSmall {
            color: #a2a2a2;
            background: #e8e8e8;
        }

        .termsField-buttons .termsAgree .disableBtn {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.1);
        }

    .termsField-buttons.hasRead .termsAgree .disableBtn {
        display: none;
    }

    .termsField-buttons.hasRead .termsAgree .btnSmall {
        color: #ffc20d;
        background: #009132;
    }

        .termsField-buttons.hasRead .termsAgree .btnSmall:hover {
            background: #333;
            color: #fff;
        }

@media (max-width: 360px) {
    .termsField-buttons .btnSmall {
        padding: 5px 10px;
    }
}

@media (min-width: 30rem) {
    .pageCareers .formFieldRow:after {
        right: 90px;
    }
}

/* = Hero
----------------------------------------------------------------------------------------------------------------- */
.hero {
    color: #fff;
    overflow: hidden;
    position: relative;
}

    .hero::before {
        /*background-color: rgba(0, 0, 0, 0.3);*/
        content: '';
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2;
    }

.heroBackdrop {
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute;
    height: 100%;
    z-index: 1;
    width: 100%;
}


    .heroBackdrop img {
        -moz-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        -moz-backface-visibility: visible;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        transform: translateZ(0);
        display: block;
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

.hoverZoomActive .heroBackdrop img {
    -moz-transform: scale(1.025);
    -ms-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
}

.heroContent {
    margin: 0 1.5rem;
    width: auto;
    max-width: 38.75rem;
    padding-bottom: 4.5rem;
    padding-top: 11.3125rem;
    position: relative;
    max-width: 28.750em;
    z-index: 3;
}
.heroContentMap {
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -moz-backface-visibility: visible;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transform: translateZ(0);
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.home .heroBackdrop img {
    object-position: 30% 50%;
}

.pageFood .heroBackdrop img {
    object-position: 0 50%;
}

.heroBottom .heroContent {
    padding-bottom: 4rem;
    padding-top: 4rem;
}

.pageCareers .hero {
    min-height: 70vh;
}

@media (min-width: 22.5rem) {
    .heroBottom .heroContent {
        padding-bottom: 4.5rem;
        padding-top: 4.5rem;
    }
}

@media (min-width: 23.7rem) {
    .heroContent {
        margin: 0 2.5rem;
        padding-bottom: 5.5rem;
    }

    .heroBottom .heroContent {
        padding-bottom: 5rem;
        padding-top: 5rem;
    }
}

@media (min-width: 30rem) {
    .heroBottom .heroContent {
        padding-bottom: 6rem;
        padding-top: 6rem;
    }
}

@media (min-width: 35rem) {
    .heroContent {
        margin: 0 auto;
        width: 100%;
    }
}

@media (min-width: 48rem) {
    .hero {
        min-height: 100vh;
    }

    .pageCareers .hero {
        min-height: 70vh;
    }

    .heroContent {
        max-width: 37.5rem;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        position: absolute;
    }
}

@media (min-width: 48rem) and (max-height: 40rem) and (max-width: 1023px) {
    .hero {
        min-height: 140vh;
    }
}


@media (min-width: 64rem) and (max-height: 44rem) {
    .hero {
        min-height: 130vh;
    }
}

.heroContentWide {
    margin: 0 1.5rem;
    width: auto;
    max-width: 28.750em;
}

@media (min-width: 23.7rem) {
    .heroContentWide {
        margin: 0 2.5rem;
    }
}

@media (min-width: 35rem) {
    .heroContentWide {
        margin: 0 auto;
        width: 100%;
    }
}

@media (min-width: 48rem) {
    .heroContentWide {
        max-width: 37.5rem;
    }
}

@media (min-width: 64rem) {
    .heroContentWide {
        max-width: 49.25rem;
    }

    .heroWide .heroContent {
        padding: 0 2.75em;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .pagePeople .colTwoThirds .heroWide .heroContent {
        top: 60%;
    }

    .pageFood .colTwoThirds .heroWide .heroContent {
        top: 55%;
    }

    .pageCareers .hero {
        min-height: 100vh;
    }

    .pagePeople .heroBottom .heroContent {
        left: 30%;
    }
}

.heroContent h1, .heroContent h2, .heroContent h3, .heroContent h4, .heroContent h5 {
    color: inherit;
}
.ui-autocomplete-loading {
    background: green right center no-repeat;
}
.colThird.sidebar .heroContent {
    max-width: 28.750em;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    padding-top: 12rem;
    padding-bottom: 12rem;
}

.colThird.sidebar .heroBackdrop img {
    object-position: 50% 25%;
}

@media (min-width: 48rem) {
    .colThird.sidebar .heroContent {
        padding-top: 0;
        padding-bottom: 0;
    }

    .colThird.sidebar .heroBackdrop img {
        object-position: 50% 30%;
    }
}

/* = Job
----------------------------------------------------------------------------------------------------------------- */
.job {
    zoom: 1;
    display: block;
    float: none;
    font-size: 1rem;
    position: relative;
}

    .job::after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

.jobTitle {
    float: left;
    font-weight: 700;
    margin-bottom: .25rem;
    padding-right: 0.625rem;
}

.jobDistance {
    float: right;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1.579rem;
    margin-bottom: .25rem;
    padding-left: 0.625rem;
    text-align: right;
}

.jobLocation {
    clear: both;
    display: block;
    margin-bottom: .5rem;
    width: 100%;
    font-size: 0.875em;
}

.jobType {
    clear: leftmodalClose float: left;
    font-size: 0.75rem;
    padding-right: 0.625rem;
}

.alertText {
    clear: left;
    float: left;
    font-size: 0.65rem;
    padding-right: 0.625rem;
}
.jobClosing {
    float: right;
    padding-left: 0.625rem;
    font-size: 0.75rem;
    text-align: right;
}

.jobLabel {
    display: inline-block;
    font-weight: 700;
    margin-right: .25rem;
}

/* = Jobs List
----------------------------------------------------------------------------------------------------------------- */
.jobsTypes {
    border-bottom: 1px solid #ebebeb;
    font-weight: 700;
    padding: 1.25rem 1.25rem;
}

.jobsList {
    list-style-type: none;
    margin-bottom: 0;
    overflow-y: auto;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.jobsItem {
    zoom: 1;
    -moz-transition: background-color 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
    float: none;
    padding-bottom: 1.25rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 1.25rem;
    position: relative;
    width: 100%;
}

    .jobsItem::after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

    .jobsItem::before {
        left: 0.625rem;
        top: 1.5rem;
    }

    .jobsItem + .jobsItem {
        border-top: 1px solid #ebebeb;
        margin-left: 0;
        padding-top: 1.25rem;
    }

.jobsItemHighlight {
    background-color: #e9ffe1;
}

.jobsItemSelected {
    background-color: #fefacd;
}

.jobsFilterResult {
    border-top: 1px solid #ebebeb;
    padding-bottom: 1.25rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 1.25rem;
}

    .jobsFilterResult a {
        font-size: 1rem;
        vertical-align: middle;
    }

.jobsCount {
    display: inline-block;
    font-size: 0.875rem;
    margin-right: 1em;
    vertical-align: middle;
}

.jobsApply .form .btn {
    clear: both;
}

/* = Logo
----------------------------------------------------------------------------------------------------------------- */
.logo {
    background-image: url("../_img/logo-subway.svg ");
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    height: 1.9375rem;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 9.625rem;
}

/* = Banner
----------------------------------------------------------------------------------------------------------------- */
.map {
    min-height: 50vh;
    background-color: #009132;
    position: relative;
}

    .map.mapAlt {
        background: #ffc20d url(/_img/map/map-yellow.svg) no-repeat center center;
        background-size: cover;
    }

    .map::before {
        content: '';
        display: block;
        padding-top: 50vh;
    }

.pagePeople .map::before {
    padding-top: 65vh;
}

.mapDark {
    color: #fff;
    /*background: #009132 url(/_img/map/map-green.svg) no-repeat center center;*/
    background: #009132  no-repeat center center;
    background-size: cover;
}

.mapInner {
    height: 50vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.pagePeople .map {
    min-height: 65vh;
}

.pagePeople .mapInner {
    height: 65vh;
}

.mapInner a[href^="http://maps.google.com/maps"], .mapInner a[href^="https://maps.google.com/maps"] {
    display: none !important;
}

.mapInner .gmnoprint a, .mapInner .gmnoprint span, .mapInner .gm-style-cc {
    display: none;
}

.mapContent {
    max-width: 28.750em;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    color: #fff;
    position: absolute;
    width: 100%;
    z-index: 3;
}


@media (max-width: 769px) and (max-height: 35rem) {
    .map {
        min-height: 360px;
    }

        .map::before {
            padding-top: 360px;
        }

    .mapInner {
        height: 360px;
    }

    .pagePeople .map {
        min-height: 420px;
    }

    .pagePeople .mapInner {
        height: 420px;
    }
}

@media (min-width: 23.7rem) {
    .mapContent {
        padding-left: 1.875rem;
        padding-right: 1.875rem;
    }
}

.mapContent img {
    -webkit-filter: drop-shadow(0.9375rem 0.9375rem 0.125rem rgba(0, 0, 0, 0.17));
    filter: drop-shadow(0.9375rem 0.9375rem 0.125rem rgba(0, 0, 0, 0.17));
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -moz-backface-visibility: visible;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transform: translateZ(0);
    margin-bottom: 1.25rem;
    margin-right: .75rem;
}

.hoverZoomActive .mapContent img {
    -moz-transform: scale(1.025);
    -ms-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
}

.mapContent h1, .mapContent h2, .mapContent h3 {
    color: inherit;
}

.mapContent h2 {
    color: #009132;
}

.home .mapContent h2 {
    text-align: center;
    margin-bottom: .5rem;
}

.home .mapContent img {
    max-width: 30px;
    margin-bottom: .5rem;
}

.pagePeople .mapContent img {
    height: 38px;
    max-width: 30px;
    margin-bottom: .5rem;
    float: left;
    margin-right: 1.25rem;
}


@media (min-width: 30rem) {
    .home .mapContent h2 {
        margin-bottom: 1rem;
    }

    .home .mapContent img {
        max-width: 35px;
        margin-bottom: .75rem;
    }

    .mapContent img {
        max-width: 35px;
        margin-bottom: .75rem;
    }

    .pagePeople .mapContent img {
        height: 7.5vw;
        margin-right: 1.5rem;
    }
}

@media (min-width: 48rem) {
    .home .mapContent h2 {
        margin-bottom: 2rem;
    }

    .home .mapContent img {
        max-width: none;
        margin-bottom: 1.25rem;
    }

    .mapContent img {
        max-width: none;
        margin-bottom: .5rem;
    }

    .pagePeople .mapContent img {
        margin-bottom: 1.25rem;
        max-width: none;
        height: auto;
        float: none;
    }
}

.pagePeople .mapContent h2 {
    color: #fff;
}

.mapSidebar {
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    background-color: #fff;
    color: #333;
    height: 100vh;
    overflow: hidden;
    z-index: 2;
}

@media (min-width: 48rem) {
    .map,
    .pagePeople .map {
        min-height: 100vh;
    }

        .map::before,
        .pagePeople .map::before {
            padding-top: 100vh;
        }

    .mapInner,
    .pagePeople .mapInner {
        height: 100vh;
    }
}

@media (min-width: 64rem) {
    .mapSidebar {
        -moz-box-shadow: 2.5rem 2.5rem 0.1875rem rgba(0, 0, 0, 0.17);
        -webkit-box-shadow: 2.5rem 2.5rem 0.1875rem rgba(0, 0, 0, 0.17);
        box-shadow: 2.5rem 2.5rem 0.1875rem rgba(0, 0, 0, 0.17);
        bottom: 3.75rem;
        height: auto;
        position: absolute;
        right: 3.75rem;
        top: 3.75rem;
        width: 22.5rem;
    }
}

@media (min-width: 64rem) and (max-height: 44rem) {

    .map,
    .pagePeople .map {
        min-height: 130vh;
    }

        .map::before,
        .pagePeople .map::before {
            padding-top: 130vh;
        }

    .mapInner,
    .pagePeople .mapInner {
        height: 130vh;
    }
}


.mapSidebarHeader {
    background-color: #ffc20d;
    color: #333;
    font-size: 1.3125rem;
    font-weight: 700;
    padding: 1.25rem;
}

    .mapSidebarHeader .formField {
        -webkit-filter: none;
        filter: none;
        margin-bottom: 0;
    }

.mapSidebarLocation {
    background:  no-repeat 0 45%;
    background-size: auto 20px;
    display: inline-block;
    margin-bottom: 1.25rem;
    position: relative;
    padding-left: 1.625rem;
    vertical-align: text-top;
}
/*.mapSidebarLocation.geoLocated::before { color: #009132; content: '\f041'; display: block; font-family: FontAwesome, FontAwesomeExtended, serif; left: 0; position: absolute; top: 0; }*/
.mapInfoWindow {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    padding: 1.25rem;
    padding: 0;
}

.mapInfoWindowTitle {
    color: #009132;
    display: block;
    font-size: 1.1875rem;
    margin-bottom: .5em;
}

.mapMarkerHighlight {
    -webkit-filter: drop-shadow(0 0 0.4375rem #009132);
    filter: drop-shadow(0 0 0.4375rem #009132);
}

.mapInfoWindowContent {
    font-weight: normal;
}

.mapNearby {
    -moz-border-radius: 4em;
    -webkit-border-radius: 4em;
    border-radius: 4em;
    -webkit-filter: drop-shadow(1.25rem 1.25rem 0.125rem rgba(0, 0, 0, 0.17));
    filter: drop-shadow(1.25rem 1.25rem 0.125rem rgba(0, 0, 0, 0.17));
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    left: 1.875rem;
    overflow: hidden;
    outline: none;
    position: absolute;
    padding: .78125rem 1.625rem;
    top: 9.125rem;
    z-index: 3;
}

@media (min-width: 64rem) {
    .mapNearby {
        left: 3.75rem;
    }
}

.mapNearby::before, .mapNearby::after {
    -moz-transition: background-position 0.2s ease-out;
    -webkit-transition: background-position 0.2s ease-out;
    transition: background-position 0.2s ease-out;
    background-color: #009132;
    content: '';
    display: block;
    left: 0;
    height: 56%;
    position: absolute;
    width: 100%;
    z-index: -1;
    background-image: -webkit-linear-gradient(left, #fff 0, #fff 50%, #009132 50.1%, #009132 100%);
    background-image: linear-gradient(to right, #fff 0, #fff 50%, #009132 50.1%, #009132 100%);
    -moz-transition: background-position 0.2s ease-out;
    -webkit-transition: background-position 0.2s ease-out;
    transition: background-position 0.2s ease-out;
    background-color: #ffc20d;
    background-position: 100% 0;
    background-size: 200%;
}

.mapNearby:focus::before, .mapNearby:focus::after, .mapNearby:hover::before, .mapNearby:hover::after {
    background-position: 0 0;
}

.mapNearby:hover {
    color: #009132;
}

.mapNearby::before {
    -moz-border-radius: 0.9375rem 0.9375rem 30% 30%;
    -webkit-border-radius: 0.9375rem 0.9375rem 30% 30%;
    border-radius: 0.9375rem 0.9375rem 30% 30%;
    top: 0;
}

.mapNearby::after {
    -moz-border-radius: 30% 30% 0.9375rem 0.9375rem;
    -webkit-border-radius: 30% 30% 0.9375rem 0.9375rem;
    border-radius: 30% 30% 0.9375rem 0.9375rem;
    bottom: 0;
}

.pac-container {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-filter: drop-shadow(1.25rem 1.25rem 0.125rem rgba(0, 0, 0, 0.15));
    filter: drop-shadow(1.25rem 1.25rem 0.125rem rgba(0, 0, 0, 0.15));
    border-width: 0;
    font-family: Subway, Montserrat, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    margin-top: 1.25rem;
    overflow: visible;
}

    .pac-container::before {
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-color: transparent;
        border-style: solid;
        border-bottom-color: #fff;
        border-width: .625rem 1rem;
        bottom: 100%;
        content: '';
        height: 0;
        left: 50%;
        position: absolute;
        width: 0;
    }

    .pac-container::after {
        content: initial;
    }

    .pac-container .pac-item {
        padding: .875rem 1.5rem;
    }

        .pac-container .pac-item:first-child {
            border-top-width: 0;
        }

/*Map tooltip*/
.gm-style .gm-style-iw {
    background-color: #fff !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    padding: 18px;
    min-height: 75px;
    display: block !important;
    border-radius: 10px;
    width: auto !important;
    min-width: 200px;
}

    .gm-style .gm-style-iw #google-popup p {
        padding: 10px;
    }

.gm-style div div div div div div div div {
    background-color: #fff !important;
}

    .gm-style div div div div div div div div a {
        color: #f1f1f1;
        font-weight: bold;
    }

/* = Menu
----------------------------------------------------------------------------------------------------------------- */
.menu {
    color: #fff;
    display: none;
    font-weight: 700;
    text-align: center;
}

@media (min-width: 53.75rem) {
    .menu {
        display: block;
        text-align: left;
    }
}

.menuHorizontal .menuItem {
    display: block;
}

footer .menuHorizontal .menuItem {
    display: block;
}

@media (min-width: 30rem) {

    footer .menuHorizontal .menuItem {
        display: inline-block;
    }
}


@media (min-width: 53.75rem) {
    .menuHorizontal .menuItem {
        display: inline-block;
        vertical-align: middle;
    }
}

.menuVertical .menuItem {
    display: block;
}

.menuSubMenu {
    display: none;
}

@media (min-width: 53.75rem) {
    .menuSubMenu {
        -moz-animation: submenu-appear 0.2s ease-out;
        -webkit-animation: submenu-appear 0.2s ease-out;
        animation: submenu-appear 0.2s ease-out;
        -webkit-border-bottom-left-radius: 1.5rem;
        border-bottom-left-radius: 1.5rem;
        -webkit-border-bottom-right-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
        background-color: #ebebeb;
        left: 0;
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 1;
    }
}

.menuItemHasSubMenu:focus > .menuSubMenu, .menuItemHasSubMenu:hover > .menuSubMenu {
    display: block;
}

.menuSubMenu .menuItem {
    display: block;
}

.menuList,
.header > .menu ul {
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
    position: relative;
}

    .header > .menu ul li:not(.flag-icons) ul {
        display: none;
    }

@media (min-width: 53.75rem) {
    .menuList,
    .header > .menu ul {
        display: inline-block;
        vertical-align: middle;
    }
}

@media (min-width: 64rem) {
    .pageCareerDetail .colThird.menuHorizontal {
        color: #fff;
    }
}


.menuItem,
.header > .menu > ul > li {
    -moz-border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    position: relative;
    z-index: 2;
}

.menuItemHasSubMenu {
    cursor: pointer;
}

@media (min-width: 53.75rem) {
    .menuItemHasSubMenu {
        position: relative;
    }
}

.menuItemHasSubMenu:focus, .menuItemHasSubMenu:hover {
    background-color: #ebebeb;
}

@media (min-width: 53.75rem) {
    .menuItemHasSubMenu:focus, .menuItemHasSubMenu:hover,
    .header > .menu > ul > .menuItemHasSubMenu:hover {
        -webkit-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0;
    }
}

.menuItemHasSubMenu::after {
    color: #009132;
    content: '\f0d7';
    font-family: FontAwesome, FontAwesomeExtended, serif;
    font-size: 1.1875rem;
    margin-right: .9375rem;
    margin-top: .35rem;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 2;
}

@media (min-width: 53.75rem) {
    .menuItemHasSubMenu::after {
        display: inline-block;
        margin-top: 0;
        position: relative;
        vertical-align: middle;
    }
}

.header > .menu > ul > .menuItemMagicLine {
    -moz-transition-property: left, width;
    -webkit-transition-property: left, width;
    transition-property: left, width;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: #ebebeb;
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    z-index: 1;
}

.menuItem::before,
.header > .menu > ul > li:before {
    content: '';
}

.menuLabel, .menuLink, .header > .menu > ul > li > a {
    -moz-border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    color: #009132;
    display: inline-block;
    padding: .5rem 1.5rem;
}
   
footer .menuLink {
    margin: 0 1.5rem .5rem;
    padding: 0;
}

@media (min-width: 64rem) {
    footer .menuLink {
        margin: 0 1.25rem .5rem 0rem;
    }
}


@media (min-width: 64rem) and (max-width: 68.750rem) {
    .footer .copyright {
        width: 60%;
    }

    .footer .menu {
        width: 40%;
    }
}

.flag-icons .menuLabel {
    padding-right: 2.25rem;
}

.flag-icons .menuItem {
    padding-right: .75rem;
}

header > .menu > ul > li.flag-icons {
    display: inline-block;
}

.flag-icons .menuLink {
    padding: 0 1.5rem .4rem 1.5rem;
}

.flag-icons .menuItem:last-child .menuLink {
    padding-bottom: .75rem;
}



    .menuLabelActive::before, .menuLabelActive::after, .menuLinkActive::before, .menuLinkActive::after,
    .header > .menu > ul > li.apply > a::before, .header > .menu > ul > li.apply > a::after {
        background-color: #ffc20d;
        content: '';
        display: block;
        left: 0;
        height: 56%;
        position: absolute;
        width: 100%;
        z-index: -1;
    }

    .menuLabelActive::before, .menuLinkActive::before, .header > .menu > ul > li.apply > a::before {
        -moz-border-radius: 1rem 1rem 30% 30%;
        -webkit-border-radius: 1rem 1rem 30% 30%;
        border-radius: 1rem 1rem 30% 30%;
        top: 0;
    }

    .menuLabelActive::after, .menuLinkActive::after, .header > .menu > ul > li.apply > a::after {
        -moz-border-radius: 30% 30% 1rem 1rem;
        -webkit-border-radius: 30% 30% 1rem 1rem;
        border-radius: 30% 30% 1rem 1rem;
        bottom: 0;
    }

.menuLabelActive, .menuLinkActive, .header > .menu > ul > li > a.On {
    position: relative;
    z-index: 1;
    background: #ebebeb;
}
.menuLink> .menu > ul > li > a.active {
    position: relative;
    z-index: 1;
    background: #ebebeb;
}

@media (min-width: 53.75rem) {
    .flag-icons .menuLabel {
        padding-right: .5rem;
    }

    .menuItemHasSubMenu > .menuLabel, .menuItemHasSubMenu > .menuLink {
        position: relative;
        z-index: 2;
    }
}

@media (min-width: 53.75rem) {
    .menuItemHasSubMenu > .menuLabel:focus, .menuItemHasSubMenu > .menuLabel:hover, .menuItemHasSubMenu > .menuLink:focus, .menuItemHasSubMenu > .menuLink:hover {
        background-color: #ebebeb;

    }
    .menuLink Selected {
        background-color: #ebebeb;
    }
}

.menuTrigger {
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.menuTriggerLabel {
    display: none;
}

.menuTriggerIcon {
    display: inline-block;
    position: relative;
    width: 1.9375rem;
    vertical-align: middle;
}

.menuTriggerClose .menuTriggerIcon {
    background-color: transparent !important;
}

.menuTriggerIcon, .menuTriggerIcon::before, .menuTriggerIcon::after {
    -moz-border-radius: 0.1rem;
    -webkit-border-radius: 0.1rem;
    border-radius: 0.1rem;
    background-color: #009132;
    height: .25rem;
}

    .menuTriggerIcon::before, .menuTriggerIcon::after {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -moz-transition-duration: 0.2s;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        content: '';
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
    }

    .menuTriggerIcon::before {
        -moz-transition-property: top, transform;
        -webkit-transition-property: top, transform;
        transition-property: top, transform;
        top: -.5625rem;
    }

.menuTriggerClose .menuTriggerIcon::before {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
}

.menuTriggerIcon::after {
    -moz-transition-property: bottom, transform;
    -webkit-transition-property: bottom, transform;
    transition-property: bottom, transform;
    bottom: -.5625rem;
}

.menuTriggerClose .menuTriggerIcon::after {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 0;
}

@media (min-width: 53.75rem) {
    .menuTrigger {
        display: none;
    }
}

/* = Modal
----------------------------------------------------------------------------------------------------------------- */
.modal {
    -moz-animation-duration: 0.2s;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -moz-animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    background-color: #ffc20d;
    color: #333;
    display: block;
    height: 0;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.modalActive {
    -moz-animation-name: modal-appear;
    -webkit-animation-name: modal-appear;
    animation-name: modal-appear;
    opacity: 1;
    height: 100vh;
}


.modalInactive {
    -moz-animation-name: modal-disappear;
    -webkit-animation-name: modal-disappear;
    animation-name: modal-disappear;
    height: 0;
    opacity: 0;
}

.modalClose {
    color: #009132;
    cursor: pointer;
    float: right;
    font-size: 1rem;
    font-weight: 700;
    margin: 1.5rem;
    padding-right: 1.75rem;
   
    z-index: 2;
    top: 0;
    position: -webkit-sticky;
    position: sticky;
}

    .modalClose::before {
        content: '\f00d';
        font-family: FontAwesome, FontAwesomeExtended, serif;
        line-height: 1;
        margin-left: 1rem;
        vertical-align: baseline;
        right: 0;
        top: 4px;
        position: absolute;
    }

.modalContent {
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    clear: both;
    left: 50%;
    max-width: 35rem;
    position: relative;
    padding: 1.25rem;
    top: 0;
    overflow-y: auto;
}

.modalCancel {
    position: absolute;
    bottom: 1.875rem;
    right: 1.875rem;
    color: #009132;
    font-weight: 600;
    cursor: pointer;
}

.peopleModal .modalContent {
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    left: 0;
    max-width: 75rem;
    position: relative;
    padding: 1.5rem 1.5rem;
    padding-top: 1.0rem;
    top: 0;
    display: block;
    margin: 0 auto;
}



@media (min-width: 23.7rem) {
    .peopleModal .modalContent {
        padding: 1.25rem 2.5rem 3rem;
    }
}

@media (min-width: 64rem) {
    .modalClose {
        margin-bottom: 2rem;
    }

    .modalContent {
        padding: 1.875rem;
    }
}

/* = Pager
----------------------------------------------------------------------------------------------------------------- */
.pagerNav {
    bottom: 1.25rem;
    left: 0;
    position: relative;
    right: 0;
    text-align: center;
    z-index: 200;
    height: 75px;
    width: auto;
    margin: 0 1.5rem 1.5rem;
}

.pageCareerDetail .pagerNav {
    display: none;
}

@media (min-width: 23.7rem) {
    .pagerNav {
        margin: 0 2.5rem 1.5rem;
    }
}

@media (min-width: 64rem) {
    .pagerNav {
        bottom: 4.375rem;
        position: fixed;
        height: auto;
        width: 100%;
        margin: 0;
    }
}

.pagerLink {
    color: #fff;
    display: inline-block;
    height: 3.125rem;
    max-width: 3.125rem;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
}

@media (min-width: 64rem) {
    .pagerLink {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }
}

.pagerLinkPrev, .pagerLinkNext {
    -moz-transition: background-position 0.2s ease-out, max-width 0.2s ease-out;
    -webkit-transition: background-position 0.2s ease-out, max-width 0.2s ease-out;
    transition: background-position 0.2s ease-out, max-width 0.2s ease-out;
    background-color: transparent;
    background-size: 200%;
    z-index: 2;
}

    .pagerLinkPrev:focus, .pagerLinkPrev:hover, .pagerLinkNext:focus, .pagerLinkNext:hover {
        color: #009132;
        max-width: 260px;
    }

    .pagerLinkPrev span::before, .pagerLinkNext span::after {
        font-family: FontAwesome, FontAwesomeExtended, serif;
        position: relative;
        top: 1px;
    }

.pagerLinkPrev {
    background-image: -webkit-linear-gradient(left, #fff 0, #fff 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 100%);
    background-image: linear-gradient(to right, #fff 0, #fff 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 100%);
    background-position: 100%;
    left: 0;
}

    .pagerLinkPrev span::before {
        content: '\f0d9';
        margin-right: 1.25rem;
    }

@media (min-width: 64rem) {
    .pagerLinkPrev::before {
        margin-right: 2.5rem;
    }
}

.pagerLinkPrev:focus, .pagerLinkPrev:hover {
    background-position: 0;
}

.pagerLinkNext {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0.15) 50%, #fff 50%, #fff 100%);
    background-position: 0;
    direction: rtl;
    right: 0;
}

    .pagerLinkNext span::after {
        content: '\f0da';
        margin-left: 1.25rem;
    }

@media (min-width: 64rem) {
    .pagerLinkNext::after {
        margin-left: 2.5rem;
    }

    .pagerLinkNext {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0.15) 50%, #ffc20d 50%, #ffc20d 100%);
    }
}

.pagerLinkNext:focus, .pagerLinkNext:hover {
    background-position: 100%;
}

.pagerField {
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.15);
    display: inline-block;
    left: 50%;
    max-width: 50%;
}

.pagerFieldSelect::before {
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\f0d7';
    color: #fff;
    font-family: FontAwesome, FontAwesomeExtended, serif;
    font-size: 1.125rem;
    font-weight: 400;
    position: absolute;
    right: 1.25rem;
    top: 50%;
    z-index: 1;
}

.pagerFieldSelect .pagerInput {
    position: relative;
    z-index: 2;
}

    .pagerFieldSelect .pagerInput::-ms-expand {
        display: none;
    }

.pagerInput {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border-width: 0;
    font: inherit;
    color: inherit;
    line-height: 1.579;
    outline: none;
}

    .pagerInput option {
        background-color: #fff;
        color: #333;
    }

.pagerLink, .pagerField {
    -moz-border-radius: 1.5rem;
    -webkit-border-radius: 1.5rem;
    border-radius: 1.5rem;
    bottom: 0;
    color: #fff;
    font-family: Subway, Montserrat, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    height: 3.125rem;
    padding: 0.78125rem 1.25rem;
    position: absolute;
    text-align: left;
}

    .pagerLink span {
        top: -2px;
        position: relative;
        line-height: 1;
        display: inline-block;
        overflow: hidden;
        vertical-align: middle;
        max-width: 15px;
        -webkit-transition: max-width .2s linear;
        transition: max-width .2s linear;
    }

    .pagerLink:hover span {
        display: inline-block;
        max-width: 260px;
    }

.slick-loading .slick-list {
    background-color: #fff;
    background-image: url("../_img/slick/ajax-loader.gif");
    background-position: center;
    background-repeat: no-repeat;
}

.slick-prev, .slick-next {
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: transparent;
    border: none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    outline: none;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 20px;
}

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        background: transparent;
        color: transparent;
        outline: none;
    }

        .slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
        opacity: 1;
    }

    .slick-prev::before, .slick-next::before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        color: #fff;
        font-family: "slick";
        font-size: 20px;
        line-height: 1;
        opacity: 1;
    }

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev::before {
    content: "←";
}

[dir='rtl'] .slick-prev::before {
    content: "→";
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    left: -25px;
    right: auto;
}

.slick-next::before {
    content: "→";
}

[dir='rtl'] .slick-next::before {
    content: "←";
}

.slick-dotted.slick-slider {
    position: relative;
}

.slick-dots {
    bottom: 1.875rem;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

@media (min-width: 64rem) {
    .slick-dots {
        bottom: 2.5rem;
    }
}

.slick-dots li {
    display: inline-block;
    cursor: pointer;
    margin-left: .6rem;
    margin-right: .6rem;
    padding: 0;
    position: relative;
}

    .slick-dots li::before {
        display: none;
    }

    .slick-dots li button {
        width: 14px;
        height: 14px;
        padding: 0;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: white;
        border: 0;
        color: white;
        cursor: pointer;
        display: block;
        font-size: 0;
        line-height: 0;
        outline: none;
    }

.slick-dots yellow li button {
    width: 14px;
    height: 14px;
    padding: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #ffc20d;
    border: 0;
    color: #ffc20d;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: none;
}

        .slick-dots li button:hover, .slick-dots li button:focus {
            outline: none;
        }

            .slick-dots li button:hover::before, .slick-dots li button:focus::before {
                opacity: 1;
            }

    .slick-dots li.slick-active button {
        background: #009132;
        opacity: 1;
    }

.why-join .slick-dots li button,
.food-facts .slick-dots li button {
    background: #ffc20d;
}

.why-join .slick-dots li.slick-active button,
.food-facts .slick-dots li.slick-active button {
    background: #009132;
}

/* = Sliders
----------------------------------------------------------------------------------------------------------------- */
.slider {
    background-color: #ffc20d;
    overflow: hidden;
}

.sliderLight {
    background-color: #fff;
}

    .sliderLight .slick-dots button::before {
        color: #ffc20d;
    }

.sliderList {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
}

.sliderItem {
    outline: none;
    overflow: hidden;
    position: relative;
}

@media (min-width: 64rem) {
    .sliderItem {
        padding-bottom: 2.5rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-top: 8.5rem;
    }
}

.why-join,
.food-facts {
    position: relative;
    overflow: hidden;
    padding: 4.0rem 0;
}

    .why-join .slick-dots,
    .food-facts .slick-dots {
        margin-bottom: -4rem;
    }

.food-facts-heading,
.why-join-heading {
    text-align: center;
    padding: 0 1.25rem;
}

    .why-join-heading img {
        margin-bottom: 1rem;
    }

.food-facts .slider,
.why-join .slider {
    max-width: 660px;
    margin: 0 auto;
    position: relative;
    background: none;
}

.food-facts .slider,
.why-join .slider {
    overflow: visible;
}

.food-facts .sliderItem,
.why-join .sliderItem {
    min-height: 0;
    padding: 2rem 0 4rem;
}

@media (min-width: 1024px) and (max-width: 1400px) {
    .food-facts .sliderItem {
        padding-top: 0;
    }
}


@media (min-width: 35rem) and (max-width: 48.5rem) {
    .food-facts .sliderItem {
        margin: 0 4rem
    }
}

.food-facts .slick-dotted.slick-slider,
.why-join .slick-dotted.slick-slider {
    position: relative;
}

.food-facts .sliderContent,
.why-join .sliderContent {
    margin: 0 1.5rem;
    width: auto;
    max-width: 34rem;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    left: 0;
    top: 0;
    position: relative;
}

@media (min-width: 22.5rem) {
    .food-facts-heading,
    .why-join-heading {
        text-align: center;
        padding: 0 2rem;
    }

    .why-join,
    .food-facts {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }
}

@media (min-width: 23.7rem) {
    .food-facts .sliderContent,
    .why-join .sliderContent {
        margin: 0 2.5rem;
    }

    .food-facts-heading,
    .why-join-heading {
        text-align: center;
        padding: 0 2.5rem;
    }

    .why-join,
    .food-facts {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

@media (min-width: 30rem) {
    .why-join,
    .food-facts {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
}

@media (min-width: 35rem) {
    .food-facts .sliderContent,
    .why-join .sliderContent {
        max-width: 34rem;
        margin: 0 auto;
    }
}

@media (min-width: 48rem) {
    .sliderItem {
        min-height: 100vh;
    }

    .why-join,
    .food-facts {
        height: 100vh;
        position: relative;
        overflow: hidden;
    }

    .food-facts-inner,
    .why-join-inner {
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        position: relative;
    }

    .food-facts .slick-dots {
        top: 54.5vh;
        position: absolute;
    }

    .why-join .slick-dots {
        top: 48vh;
        position: absolute;
    }

    .food-facts .sliderContent,
    .why-join .sliderContent {
        padding: 0 50px;
    }
}

@media (min-width: 64rem) {
    .why-join-heading, .food-facts-heading {
        padding-top: 3rem;
    }

    .food-facts .sliderContent,
    .why-join .sliderContent {
        padding: 0 100px;
    }
}

.sliderItem::before {
    display: none;
}

.sliderContent {
    margin-left: auto;
    margin-right: auto;
    max-width: 34rem;
}

@media (min-width: 64rem) {
    .sliderContent {
        width: 100%;
        padding: 0 2.75rem;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        position: absolute;
    }

    .why-join .sliderContent,
    .food-facts .sliderContent {
        padding: 0 2.75rem;
    }
}

@media (min-width: 87rem) {
    .sliderContent {
        padding: 0 5rem;
    }

    .why-join .sliderContent,
    .food-facts .sliderContent {
        padding: 0 4rem;
    }
}

@media (min-width: 48rem) and (max-height: 40rem) and (max-width: 1023px) {
    .sliderItem {
        min-height: 130vh;
    }
}

@media (min-width: 64rem) and (max-height: 44rem) {
    .sliderItem {
        min-height: 130vh;
    }

    .why-join,
    .food-facts {
        height: 130vh;
    }

        .food-facts .slick-dots {
            top: auto;
        }

        .why-join .slick-dots {
            top: auto;
        }
}

.sliderContentCentered {
    text-align: center;
}

.sliderContent .hat {
    margin-bottom: -20px;
    max-width: 250px;
    max-height: 160px;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -moz-backface-visibility: visible;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transform: translateZ(0);
    margin-left: 40%;
    position: relative;
    z-index: 2;
}

.hoverZoomActive .sliderContent .hat {
    -moz-transform: scale(1.025);
    -ms-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
}

.sliderContent .count {
    position: relative;
    z-index: 1;
}

@media (min-width: 48rem) and (max-height: 48rem) {
    .sliderContent .hat {
        margin-bottom: -30px;
        max-height: 100px;
    }
}

/* = Testimonial
----------------------------------------------------------------------------------------------------------------- */
.testimonial {
    text-align: left;
    padding: 4rem 1.5rem 5.5rem;
}

.testimonialImg {
    margin-bottom: 2.5rem;
    max-width: 200px;
    -webkit-filter: drop-shadow(1.8rem 1.8rem 0.125rem rgba(0, 0, 0, 0.17));
    filter: drop-shadow(1.8rem 1.8rem 0.125rem rgba(0, 0, 0, 0.17));
}

    .testimonialImg img {
        width: 100%;
        -moz-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        -moz-backface-visibility: visible;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        transform: translateZ(0);
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: block;
        margin-left: 0;
    }

.hoverZoomActive .testimonialImg img {
    -moz-transform: scale(1.025);
    -ms-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
}

.testimonialContent {
    margin-bottom: 1rem;
}

.testimonialAuthor {
    color: #009132;
    font-weight: 700;
}

.sliderContent.testimonial .testimonialContent {
    overflow: hidden;
    position: relative;
    max-height: 4.6em;
    margin-right: -1em;
    padding-right: 1em;
}

    .sliderContent.testimonial .testimonialContent:before {
        content: '...';
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .sliderContent.testimonial .testimonialContent:after {
        content: '';
        position: absolute;
        right: 0;
        width: 125px;
        height: 1.1em;
        margin-top: 0.2em;
        background: #ffc20d;
        background: -o-linear-gradient(0deg, rgba(255, 194, 13, 0) 0%, #ffc20d 20%); /* opera 11.10+ */
        background: -ms-linear-gradient(0deg, rgba(255, 194, 13, 0) 0%, #ffc20d 20%); /* ie10+ */
        background: -webkit-linear-gradient(0deg, rgba(255, 194, 13, 0) 0%, #ffc20d 20%);
        background: linear-gradient(90deg, rgba(255, 194, 13, 0) 0%, #ffc20d 20%);
        bottom: 0;
    }

.openJobDesc {
    position: absolute;
    right: 28px;
    bottom: -2px;
    width: auto;
    z-index: 1;
    margin-right: 1em;
    outline: none;
}

    .openJobDesc:before {
        content: '... ';
        opacity: 0.9;
        position: relative;
        color: #333;
        font-weight: 400;
    }

.openJobsDescFull {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    outline: none;
}

.modalContent .openJobDesc {
    display: none;
}

.openJobDesc:hover {
    text-decoration: underline;
}

    .openJobDesc:hover:before {
        text-decoration: none;
    }

@media (min-width: 22.5rem) {
    .testimonial {
        padding: 4.5rem 1.5rem 6rem;
    }
}

@media (min-width: 23.7rem) {
    .testimonial {
        padding: 5rem 2.5rem 6.5rem;
    }
}

@media (min-width: 30rem) {
    .testimonial {
        max-width: 28.750em;
        padding: 5.5rem 2.5rem 7rem;
    }
}

@media (min-width: 48rem) {
    .testimonial {
        padding: 0;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        position: absolute;
    }
}

@media (min-width: 64rem) {
    .testimonial {
        max-width: 25rem;
        padding: 0 2.5rem;
        padding-bottom: 1.5rem;
    }

    .testimonialImg {
        margin-bottom: 3.5rem;
    }
}

@media (min-width: 64rem) and (max-height: 48rem) {
    .testimonialImg {
        margin-bottom: 2.25rem;
        max-width: 150px;
    }

    .testimonial h2 {
        font-size: 2.8rem;
        margin-bottom: 1.5rem;
    }
}

@media (min-width: 64rem) and (max-height: 37.5rem) {
    .testimonialImg {
        margin-bottom: 2rem;
        max-width: 150px;
    }

    .testimonial h2 {
        font-size: 2.4rem;
        margin-bottom: 1rem;
    }
}

/* = Tooltip
----------------------------------------------------------------------------------------------------------------- */
.tooltip {
    -moz-border-radius: 0.625rem;
    -webkit-border-radius: 0.625rem;
    border-radius: 0.625rem;
    -webkit-filter: drop-shadow(1.25rem 1.25rem 0.125rem rgba(0, 0, 0, 0.15));
    filter: drop-shadow(1.25rem 1.25rem 0.125rem rgba(0, 0, 0, 0.15));
    -moz-animation-duration: 0.2s;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -moz-animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    background-color: #fff;
    display: block;
    font-size: 1rem;
    left: 0;
    max-width: 17.5rem;
    padding: 1.25rem;
    position: absolute;
    top: 0;
    width: 65%;
    z-index: 150;
}

    .tooltip::after {
        border-color: transparent;
        border-style: solid;
        content: '';
        height: 0;
        position: absolute;
        width: 0;
    }

.tooltipActive {
    -moz-animation-name: tooltip-appear;
    -webkit-animation-name: tooltip-appear;
    animation-name: tooltip-appear;
   
}

.tooltipInactive {
    -moz-animation-name: tooltip-disappear;
    -webkit-animation-name: tooltip-disappear;
    animation-name: tooltip-disappear;
    opacity: 0;
}

.tooltipLeft::after {
    border-left-color: #fff;
    border-width: 1rem .625rem;
    margin-right: 1rem;
    top: 2.75rem;
    left: 100%;
}

.tooltipRight::after {
    border-right-color: #fff;
    border-width: 1rem .625rem;
    margin-left: 1rem;
    top: 2.75rem;
}

.tooltipBottom::after {
    border-top-color: #fff;
    border-width: .625rem 1rem;
    margin-top: 1rem;
    left: 50%;
}

.tooltipTop::after {
    border-bottom-color: #fff;
    border-width: .625rem 1rem;
    margin-bottom: 1rem;
    left: 50%;
}

.tooltipTitle {
    color: #009132;
    display: block;
    font-size: 1.1875rem;
    font-weight: 700;
    margin-bottom: .5em;
}
body {
}