@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; }
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: 63.75rem) {
    p + h1, p + h2, p + h3, p + h4, p + h5 { margin-top: 2.25rem; }
}

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

@media (min-width: 25rem) {
    h1 { font-size: 42px;  }
}

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

@media (min-width: 63.75rem)  {
    h1 { font-size: 4.4rem; }
}

@media (min-width: 70rem)   {
    h1 { font-size: 4.6rem; }
}

@media (min-width: 74rem)  {
    h1 { font-size: 4.8rem; }
}

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

@media (min-width: 74rem) and (max-height: 53rem) {
    h1 { font-size: 4.8rem; }
}

@media (min-width: 70rem) and (max-height: 50rem) {
    h1 { font-size: 4.6rem; }
}

@media (min-width: 63.75rem) and (max-height: 46rem) {
    h1 { font-size: 4.4rem; }
}


h2 { font-size: 30px; }

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

@media (min-width: 63.75rem) {
    h2 { font-size: 3.2rem; }
}

@media (min-width: 68rem)  {
    h2 { font-size: 3.4rem; }
}

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

@media (min-width: 76rem) and (max-height: 53rem) {
    h2 { font-size: 3.6rem; }
}

@media (min-width: 68rem) and (max-height: 50rem) {
    h2 { font-size: 3.4rem; }
}

@media (min-width: 63.75rem) and (max-height: 46rem) {
    h2 { font-size: 3.2rem; }
}

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: 63.75rem) {
    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: 63.75rem) {
    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; }

.hide{display:none}

/*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-notice { display: none; position: fixed; left: 0; bottom: 0; right: 0; z-index: 9999; }
.cookie-notice-inner { margin: 0 auto; max-width: 1200px; display: table; background: #333; position: relative; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; }
.cookie-notice p { color: #d4d4d4; }
.cookie-notice p:last-child { margin-bottom: 0; }
.cookie-notice .cookie-info { display: table-cell; vertical-align: middle; padding: 30px 35px; }
.cookie-notice .cookie-info .cookie-reject { display: none; }
.cookie-notice .cookie-info .cookie-links a:first-of-type { margin-left: 0; }
.cookie-notice .cookie-info p:first-child { margin-bottom: 8px; }
.cookie-notice .cookie-info a { color: #fff; text-decoration: underline; }
.cookie-notice .cookie-info .cookie-links a { display: inline-block; margin: 0 10px; }
.cookie-notice .cookie-info .cookie-links a:last-of-type { margin-right: 0; }
.cookie-notice .cookie-button { display: table-cell; vertical-align: middle; padding: 30px 35px; min-width: 300px; background: #3d3d3d; text-align: center; -webkit-border-top-right-radius: 20px; border-top-right-radius: 20px; }
.cookie-notice .cookie-button .btn { padding: 15px 20px 15px 70px; position: relative; text-transform: uppercase; border: 0; -webkit-border-radius: 1.25rem; border-radius: 1.25rem; color: #fff; background: #02b33f; }
.cookie-notice .cookie-button .btn:before,
.cookie-notice .cookie-button .btn:after { background: none; }
.cookie-notice .cookie-button .btn:before { content: ''; background: #009132 url(/_img/icons/cookie-check.svg) no-repeat 50% 50%; position: absolute; left: 0; top: 0; bottom: 0; height: 100%; width: 50px; -webkit-border-radius: 1.25rem 0 0 1.25rem; border-radius: 1.25rem 0 0 1.25rem; z-index: 1; }

@media screen and (max-width: 850px) {
    .cookie-notice .cookie-info .cookie-links a { display: block; margin: 6px 0 0; }
    .cookie-notice .cookie-info .cookie-links a + span { display: none; }
    .cookie-notice .cookie-info .cookie-reject .cookie-links a { display: inline-block; margin: 5px 10px 0; }
    .cookie-notice .cookie-info .cookie-reject .cookie-links a:first-of-type { margin-left: 0; }
}

@media screen and (max-width: 650px) {
    .cookie-notice .cookie-info { padding: 30px 25px 25px; display: block; }
    .cookie-notice .cookie-button { padding: 0 25px 30px; background: none; display: block; position: absolute; bottom: 0; right: 0; text-align: right; }
    .cookie-notice .cookie-info .cookie-links { width: calc(100% - 220px); min-height: 60px; }
    .cookie-notice .cookie-info .cookie-reject .cookie-links a { margin: 10px 0 0; display: inline-block; width: 44%; }
    .cookie-notice .cookie-button .btn { padding: 12px 15px 12px 65px; }
}

@media screen and (max-width: 460px) {
    .cookie-notice { font-size: .9em; }
    .cookie-notice .cookie-info { padding: 30px 25px 25px; }
    .cookie-notice .cookie-info .cookie-links { width: 100%; min-height: 0; }
    .cookie-notice .cookie-info .cookie-reject .cookie-links a { margin: 0 15px 0 0; width: auto; }
    .cookie-notice .cookie-button { position: relative; text-align: left; }
    .cookie-notice .cookie-button .btn { padding: 10px 15px 10px 65px; font-size: .9em; }
}

/* = 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; }

.sliderItem p:last-child {max-width: 480px; margin-left:auto; margin-right:auto;}

.sliderItem .testimonial p:last-child {max-width: 100%;}

.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: 1019px) {
    .block { min-height: 130vh; }
}

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


@media (min-width: 63.75rem) {
    .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: 63.75rem) 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: 63.75rem) {
    .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: 63.75rem) {
    .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: 63.75rem) {
    .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: 63.75rem) {
    .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: 63.75rem) {
    .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; }

p:last-child a.btn {margin-bottom: .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: 63.75rem) {
    .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: 63.75rem) {
    .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: 63.75rem) {
    .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: 63.75rem) {
    .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; text-align:center;  }
.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: 2.3rem; }

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


@media (min-width: 360px) {
    .sliderItem .count.noNumber { font-size: 2.4rem; }
}

@media (min-width: 400px) {
    .sliderItem .count.noNumber { font-size: 2.5rem; }
}

@media (min-width: 440px) {
    .sliderItem .count.noNumber { font-size: 2.75rem; }
}


@media (min-width: 480px) {
    .sliderItem .count.noNumber { font-size: 3.2rem; }
}

@media (min-width: 1020px) {
    .sliderItem .count.noNumber { font-size: 2.7rem;  }
}

/* @media (min-width: 1201px) {
    .sliderItem .count.noNumber { font-size: 3rem;  }
} */

@media (min-width: 1501px) {
    .sliderItem .count.noNumber { font-size:2.6vw; }
}


@media (max-width: 480px) {
    .countWrapper { display: flex; width: 100%; flex-wrap: wrap; }
    .countWrapper .countImg { order: 1; display: block; 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: 1020px) 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; }

    .pageFood .sliderItem .count, 
    .pageFood .sliderItem .count.noNumber { font-size:3em; } 
    .pageFood .sliderItem p { font-size: 1.1rem;} 
}

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


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

@media (max-width: 400px) {
    .pageFood .sliderItem .count,
    .pageFood .sliderItem .count.noNumber { font-size: 14vw; }
}

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

.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: 1019px) {
    .hero { min-height: 140vh; }
}

@media (min-width: 63.75rem) 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: 63.75rem) {
    .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; }

.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: left; float: left; font-size: 0.75rem; 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-careers.svg "); background-position: top left; background-repeat: no-repeat; background-size: contain; display: block; height: 35px; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 239px; }

@media screen and (max-width: 440px) {
    .logo {height: 30px;width: 205px;}
    }

@media screen and (max-width: 360px) {
    .logo {width: 190px;background-position: center left;}    
}


/* = 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; }

.mapAlt.mapFR { background: #ffc20d url(/_img/map/map-yellow-fr.svg) no-repeat center center; }
.mapAlt.mapDE { background: #ffc20d url(/_img/map/map-yellow-de.svg) no-repeat center center; }
.mapAlt.mapAT { background: #ffc20d url(/_img/map/map-yellow-at.svg) no-repeat center center; }
.mapAlt.mapCH { background: #ffc20d url(/_img/map/map-yellow-ch.svg) no-repeat center center; }

.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-size: cover; }

.mapDark.mapDarkFR { background: #009132 url(/_img/map/map-green-fr.svg) no-repeat center center; }
.mapDark.mapDarkDE { background: #009132 url(/_img/map/map-green-de.svg) no-repeat center center; }
.mapDark.mapDarkAT { background: #009132 url(/_img/map/map-green-at.svg) no-repeat center center; }
.mapDark.mapDarkCH { background: #009132 url(/_img/map/map-green-ch.svg) no-repeat center center; }

.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: 63.75rem) {
    .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: 63.75rem) 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: url(/_img/icon/map-pin-green.svg) 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: 63.75rem) {
    .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: 63.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: 63.75rem) {
    .menuHorizontal .menuItem { display: inline-block; vertical-align: middle; }
}

.menuVertical .menuItem { display: block; }
.menuSubMenu { display: none; }

@media (min-width: 63.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: 63.75rem) {
    .menuList,
    .header > .menu ul { display: inline-block; vertical-align: middle; }
}

@media (min-width: 63.75rem) {
    .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: 63.75rem) {
    .menuItemHasSubMenu { position: relative; }
}

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

@media (min-width: 63.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: 63.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: 63.75rem) {
    footer .menuLink { margin: 0 1.25rem .5rem 0rem; }
}


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

@media (min-width: 63.75rem) and (max-width: 80rem) {  .header > .menu > ul > li > a {   padding: .5rem 1rem; } }
@media (min-width: 65rem) and (max-width: 80rem) {  .header > .menu > ul > li > a {   padding: .5rem 1.1rem; } }

.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, .menuLinkActive, .header > .menu > ul > li > a.on { position: relative; z-index: 1; background: #009132; color: #fff }
.menuLabelActive, .menuLinkActive, .header > .menu > ul > li.apply > a.on { background: #fff; color: #009132 }

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

@media (min-width: 63.75rem) {
    .flag-icons .menuLabel { padding-right: 3px; }
    .menuItemHasSubMenu > .menuLabel, .menuItemHasSubMenu > .menuLink { position: relative; z-index: 2; }
}

@media (min-width: 63.75rem) {
    .menuItemHasSubMenu > .menuLabel:focus, .menuItemHasSubMenu > .menuLabel:hover, .menuItemHasSubMenu > .menuLink:focus, .menuItemHasSubMenu > .menuLink:hover { 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: 63.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; position: relative; z-index: 2; }

.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; }
.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: 45rem; position: relative; padding: 1.25rem 1.5rem; top: 0; display: block; margin: 0 auto; }

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

@media (min-width: 63.75rem) {
    .modalClose { margin-bottom: 2rem; }
    .modalContent { padding: 1.875rem; }
}

.gdprNote{margin-top: 60px}
.gdprNote p{font-size: 0.9rem;}

/* = 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: 63.75rem) {
    .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: 63.75rem) {
    .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: 63.75rem) {
    .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: 63.75rem) {
    .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: 63.75rem) {
    .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: #fff; border: 0; color: transparent; 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: 63.75rem) {
    .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: -2rem; }

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

@media (min-width: 1020px) 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;  padding: 0; 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: 42rem; margin: 0 auto; }
}

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


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

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

    .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: 63.75rem) {
    .why-join { padding-top: 5rem; padding-bottom: 7rem; }

    .why-join .slick-dots {
        margin-bottom: -3rem;
    }

    .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: 63.75rem) {
    .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: 63.75rem) and (max-width: 80em) and (max-height: 53.125em)  {
.food-facts { padding-top: 8rem; padding-bottom: 4rem; }
.food-facts .slick-dots {margin-bottom: -1.75rem; } 

.pageFood .sliderItem p {
    font-size: 1rem;
}

.food-facts-heading {     padding: 3rem 1.75rem 0; }

}

@media (min-width: 75rem) {
    .why-join { padding-top: 4rem; padding-bottom: 8rem; }

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


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

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

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

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

@media (min-width: 63.75rem) 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 { display:block; 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: 38%; 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: -25px; max-height: 100px; }
}

@media (min-width: 87.5rem) {
.sliderContent .hat { margin-bottom: -10px; }
}


@media (max-width: 480px) {
.sliderContent .hat { margin:0 auto; } 

}

/* = Testimonial
----------------------------------------------------------------------------------------------------------------- */
.testimonial { text-align: left; padding: 4rem 1.5rem 5.5rem; }
.testimonialImg { margin-bottom: 2.5rem; max-width: 200px; padding-bottom:200px; width:100%; height:0; overflow: hidden; -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)); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: relative; }
.testimonialImg img { position: absolute; top:50%; -webkit-transform: translateZ(0) translateY(-50%); transform: translateZ(0) translateY(-50%);  width: 100%; height:auto; -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; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: block; margin-left: 0; }
.hoverZoomActive .testimonialImg img {  -ms-transform: translateZ(0) translateY(-50%)  scale(1.025); -webkit-transform: translateZ(0) translateY(-50%) scale(1.025); transform: translateZ(0) translateY(-50%) 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: 40rem) {
    .testimonial { max-width: 32em; }
}

@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: 63.75rem) {
    .testimonial { max-width: 25rem; padding: 0 2.5rem; padding-bottom: 1.5rem; }
    .testimonialImg { margin-bottom: 3.5rem; }

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

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

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

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

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

@media (min-width: 75rem) {
    .testimonial { max-width: 30rem; }
    .testimonial h2 { font-size: 2.4rem; }
}

/* = 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; }