.no-touch .abb-box .abb-box--link:focus, .no-touch .abb-box .abb-box--link:hover, .rich-text a, .touch .abb-box .abb-box--link:active { text-decoration: underline }
.text__h1, h1 { font-size: 3.4rem; line-height: 1.6; font-weight: 400; margin: 0 }
.text__h1 ::-moz-selection, .text__h1::-moz-selection, h1 ::-moz-selection, h1::-moz-selection {
background-color:rgba(0,0,0,.15)
}
.text__h1 ::selection, .text__h1::selection, h1 ::selection, h1::selection { background-color: rgba(0,0,0,.15) }
.text__h2, h2 { font-size: 2rem; line-height: 1.6; font-weight: 700; margin: 0 }
.text__h2 ::-moz-selection, .text__h2::-moz-selection, h2 ::-moz-selection, h2::-moz-selection {
background-color:rgba(0,0,0,.15)
}
.text__h2 ::selection, .text__h2::selection, h2 ::selection, h2::selection { background-color: rgba(0,0,0,.15) }
.text__h2.text__bigger, h2.text__bigger { font-size: 2.4rem }
.text__h3, .text__p, h3, p { font-size: 1.6rem; margin: 0 }
.text__h3, h3 { line-height: 1.4; font-weight: 700 }
.text__h3 ::-moz-selection, .text__h3::-moz-selection, h3 ::-moz-selection, h3::-moz-selection {
background-color:rgba(0,0,0,.15)
}
.text__h3 ::selection, .text__h3::selection, h3 ::selection, h3::selection { background-color: rgba(0,0,0,.15) }
.text__h4, h4 { margin: 0 }
.text__h4 ::-moz-selection, .text__h4::-moz-selection, h4 ::-moz-selection, h4::-moz-selection {
background-color:rgba(0,0,0,.15)
}
.text__h4 ::selection, .text__h4::selection, h4 ::selection, h4::selection { background-color: rgba(0,0,0,.15) }
.text__h5, h5 { margin: 0 }
.text__h5 ::-moz-selection, .text__h5::-moz-selection, h5 ::-moz-selection, h5::-moz-selection {
background-color:rgba(0,0,0,.15)
}
.text__h5 ::selection, .text__h5::selection, h5 ::selection, h5::selection { background-color: rgba(0,0,0,.15) }
.text__h6, h6 { margin: 0 }
.text__h6 ::-moz-selection, .text__h6::-moz-selection, h6 ::-moz-selection, h6::-moz-selection {
background-color:rgba(0,0,0,.15)
}
.text__h6 ::selection, .text__h6::selection, h6 ::selection, h6::selection { background-color: rgba(0,0,0,.15) }
.text__p, p { line-height: 1.6; font-weight: 300 }
.text__p ::-moz-selection, .text__p::-moz-selection, p ::-moz-selection, p::-moz-selection {
background-color:rgba(0,0,0,.15)
}
.text__p ::selection, .text__p::selection, p ::selection, p::selection { background-color: rgba(0,0,0,.15) }
.text__quote { font-size: 5rem; line-height: 1.2; font-weight: 400; margin: 0 }
.rich-text h2, .rich-text p { margin-bottom: 12px }
.text__quote:before { content: "\201C" }
.text__quote:after { content: "\201D" }
.button:after, .cta:after, .menu-bar:after, .navigation:after, .skel:after { content: ""; clear: both }
.text__quote.text__small { font-size: 3.4rem; line-height: 1.4 }
.rich-text ::-moz-selection, .rich-text::-moz-selection {
background-color:rgba(0,0,0,.15)
}
.rich-text ::selection, .rich-text::selection { background-color: rgba(0,0,0,.15) }
.rich-text h2 { font-size: 2.4rem }
.rich-text a { color: #ddd; -webkit-transition: color .2s ease; transition: color .2s ease }
.rich-text a:focus, .rich-text a:hover { color: #eee; text-decoration: underline }
.rich-text a:focus { outline: dotted thin; outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px }
.skel--header { z-index: 2; top: 0; left: 0; position: fixed; width: 100%; height: 90px }
.skel--footer, .skel--main { position: relative }
.skel .skel--header.js-menu__is-active, .skel .skel--header.js-menu__is-active .col-sm-12, .skel .skel--header.js-menu__is-active .container, .skel .skel--header.js-menu__is-active .row, .valign { height: 100% }
.skel--footer, .skel--main { z-index: 1 }
.overlay { z-index: 3 }
.mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.skel--header .menu-bar { z-index: 1 }
.skel--header .navigation { z-index: 3 }
.skel--header .socials.socials__floating { z-index: 2 }
.mask { z-index: 1 }
.sct-keyvisual { z-index: 2 }
.skel { overflow: auto }
.skel .container { background-color: #fff }
.skel--header.js-menu__is-active { overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch }

.skel--spacer { overflow: hidden }
.skel .skel--header { -webkit-transition: background-color .2s ease; transition: background-color .2s ease; background-color: transparent }
.skel .skel--header.js-menu__is-active { background-color: #fff; -webkit-transform: translateZ(0) }
html.touch .skel .skel--header.js-menu__is-active { overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch }
.valign { width: 100% }
.valign.valign__top .valign--el { vertical-align: top }
.valign.valign__middle .valign--el { vertical-align: middle }
.valign.valign__bottom .valign--el { vertical-align: bottom }
.valign .valign--el { display: table-cell; vertical-align: middle }
.abb-box.abb-box__spread, .mask .mask--button-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox }
.mask { position: absolute; top: 0; left: 0; width: 100%; padding-bottom: 56.25%; overflow: hidden }
@media (max-width:767px) {
.mask { position: relative; padding-bottom: 0 }
}
.mask .mask--inner { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.mask .mask--inner img { width: 100% }
@media (max-width:767px) {
.mask .mask--video-mask { position: relative }
}
.mask .mask--video-mask img { -webkit-transform: scale(1.01); transform: scale(1.01) }
.mask .mask--floater { position: absolute; bottom: 110px; left: 0; width: 100%; color: #fff }
.mask .mask--button { position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #fff; border: none }
.mask .mask--title { font-size: 7rem; line-height: 1.2; font-weight: 700 }
.mask .mask--subtitle { font-size: 7rem; line-height: 1.2; font-weight: 300 }
.mask .mask--heading { width: 100%; position: absolute; top: 10%; left: 0 }
.mask .mask--button-text { display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; text-transform: uppercase; font-size: 1.2rem; font-weight: 300 }
.mask svg text { text-transform: uppercase; font-size: 26rem; font-weight: 700 }
.portrait-title { margin: 32px 0 0 }
.portrait-title .portrait-title--hr { width: 24px; margin: 0 0 10px; border-top-width: 3px; border-color: #00C81E }
.portrait-title .portrait-title--title { font-size: 3rem; line-height: 1.27; font-weight: 700 }
@media (max-width:767px) {
.portrait-title .portrait-title--title { font-size: 2.6rem; line-height: 1.23 }
}
.portrait-title .portrait-title--subtitle { font-size: 3rem; line-height: 1.27; font-weight: 300 }
@media (max-width:767px) {
.portrait-title .portrait-title--subtitle { font-size: 2.6rem; line-height: 1.23 }
body.home .mask { display: none }
}
@media (min-width:768px) {
body.home .portrait-title { display: none }
}
body.portrait .mask { display: none }
.button { display: inline-block; padding: 11px; border: 2px solid #fafafa; -webkit-transition: color .2s ease, background-color .2s ease; transition: color .2s ease, background-color .2s ease }
.button:after { display: table }
.button .button--icon { display: inline-block; width: 40px; height: 40px; padding: 4px; vertical-align: middle }
@media (min-width:1400px) {
.button { padding: 11px }
}
@media (min-width:992px) and (max-width:1399px) {
.button { padding: 8px }
}
@media (min-width:768px) and (max-width:991px) {
.button { padding: 6px }
}
@media (max-width:767px) {
.button { padding: 0 }
}
.button.button__bubble { border-radius: 999px }
.button.button__small { padding: 6px }
.button.button__social { padding: 8px }
.no-touch .button.button__social, .touch .button.button__social { color: #262626; border-color: #262626; background-color: transparent }
.no-touch .button.button__social:focus, .no-touch .button.button__social:hover, .touch .button.button__social:active { color: #fff; border-color: #262626; background-color: #262626 }
.button.button__social .button--icon { width: 24px; height: 24px; padding: 2px }
.button.button__rect { min-width: 140px; text-align: center; border-radius: 20px; text-transform: uppercase; font-size: 1.2rem }
.no-touch .button.button__rect, .no-touch .button.button__rect:focus, .no-touch .button.button__rect:hover, .touch .button.button__rect, .touch .button.button__rect:active { color: #a9a9a9; border-color: #a9a9a9 }
.icon { display: block; width: 100%; height: 100%; fill: currentColor; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.socials { margin-bottom: 30px }
.socials .socials--title { margin-bottom: 12px }
.socials .socials--list { width: 100%; font-size: 0 }
@media (max-width:767px) {
.button.button__rect { padding: 4px }
.socials .socials--list { text-align: center }
}
.socials .socials--action { display: inline-block; margin-left: 18px; -webkit-transition: color .2s ease, border-color .2s ease, background-color .2s ease; transition: color .2s ease, border-color .2s ease, background-color .2s ease }
.socials .socials--action:first-child { margin-left: 0 }
.socials .socials--icon { display: block; width: 32px; height: 32px }
.socials.socials__bottom, .socials.socials__home { margin-bottom: 0 }
.socials.socials__bottom .socials--list { margin-top: 10px; text-align: left }
.socials.socials__bottom .socials--icon { padding: 4px }
.socials.socials__bottom .socials--action { border-radius: 100% }
.no-touch .socials.socials__bottom .socials--action, .touch .socials.socials__bottom .socials--action { color: #6e6e6e; border-color: transparent; background-color: #fafafa }
.no-touch .socials.socials__bottom .socials--action:focus, .no-touch .socials.socials__bottom .socials--action:hover, .touch .socials.socials__bottom .socials--action:active { color: #fafafa; border-color: transparent; background-color: #6e6e6e }
.socials.socials__mobile { text-align: left; display: block; width: 100%; padding: 10px 0; position: absolute; top: 100%; left: 0; z-index: -1; background-color: #fafafa; -webkit-transition: visibility 0s linear .1s, opacity .1s ease 0s, -webkit-transform .1s ease 0s; transition: visibility 0s linear .1s, opacity .1s ease 0s, transform .1s ease 0s; visibility: hidden; opacity: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) }
.overlay .overlay--container, .socials.socials__mobile .container { background-color: transparent }
@media (min-width:768px) {
.socials.socials__mobile { display: none }
}
.socials.socials__mobile.socials__visible { -webkit-transition: visibility 0s linear 0s, opacity .1s ease 0s, -webkit-transform .1s ease 0s; transition: visibility 0s linear 0s, opacity .1s ease 0s, transform .1s ease 0s; visibility: inherit; opacity: 1; -webkit-transform: none; transform: none }
.socials.socials__mobile .socials--list { text-align: left; display: inline-block; width: auto; float: left }
.socials.socials__mobile .socials--close { float: right; height: 44px }
.socials.socials__mobile .socials--close-link { color: #000; display: block; width: 22px; height: 44px; padding: 11px 0 }
.socials.socials__floating { position: fixed; width: 100%; height: 100%; top: -100%; left: 0; margin: 0 }
.socials.socials__floating .col-sm-12, .socials.socials__floating .container, .socials.socials__floating .row, .socials.socials__floating .skel--spacer { height: 100%; position: relative; overflow: visible }
.socials.socials__floating .socials--backfloat-container { position: relative; text-align: left }
.socials.socials__floating .socials--backfloater { display: inline-block; position: absolute; top: 150%; left: 20px; width: auto; height: 240px; margin-top: -120px }
@media (min-width:1400px) {
.socials.socials__floating .socials--backfloater { margin-left: 16px }
}
@media (min-width:992px) and (max-width:1399px) {
.socials.socials__floating .socials--backfloater { margin-left: 16px }
}
@media (max-width:767px) {
.socials.socials__floating .socials--backfloater { display: none }
}
.socials.socials__floating .socials--list { width: auto }
.socials.socials__floating .button { display: block; margin-top: 12px }
.socials.socials__floating .button:first-child { margin-top: 0 }
body .socials.socials__floating { -webkit-transition: visibility 0s linear .2s, opacity .2s ease 0s; transition: visibility 0s linear .2s, opacity .2s ease 0s; visibility: hidden; opacity: 0 }
body.js-revealer--socials__is-active .socials.socials__floating { -webkit-transition: visibility 0s linear 0s, opacity .2s ease 0s; transition: visibility 0s linear 0s, opacity .2s ease 0s; visibility: inherit; opacity: 1 }
.cta { position: relative }
.cta:after { display: table }
.cta--subtitle { margin-bottom: 12px; color: #a9a9a9 }
body .sct-bottom .cta { display: none }
body.home .sct-bottom .cta { display: block }
.overlay .overlay--container { margin-top: 122px }
.overlay .overlay--title { font-weight: 700; text-align: center; font-size: 3.3rem; line-height: 1.35; padding: 40px 0 60px; color: #000 }
.overlay .overlay--row.overlay--row.overlay--row { height: auto }
.overlay .overlay--bg { padding-left: 12px; padding-right: 12px }
@media (max-width:991px) {
.socials.socials__floating .socials--backfloater { margin-left: 6px }
.cta .button.button__rect { min-width: 0; width: 100% }
.overlay .overlay--bg~.overlay--bg { margin-top: 12px }
}
.overlay .overlay--box { position: relative; width: 100%; background-color: #fff }
@media (min-width:992px) {
.overlay .overlay--box.overlay--box__text { padding-top: 117.85714% }
.overlay .overlay--box.overlay--box__text .overlay--box-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
}
@media (min-width:1400px) {
.overlay .overlay--box.overlay--box__text { padding-top: 94.28571% }
}
.overlay .overlay--box.overlay--box__text .overlay--box-inner { padding: 30px }
.overlay .overlay--box-inner ::-moz-selection, .overlay .overlay--box-inner::-moz-selection {
background-color:rgba(0,0,0,.15)
}
.overlay .overlay--box-inner ::selection, .overlay .overlay--box-inner::selection { background-color: rgba(0,0,0,.15) }
.overlay .overlay--box-root { position: relative; height: 100% }
.overlay .overlay--img { width: 100% }
.overlay .overlay--hr { width: 20px; margin: 0; border-top: 3px solid #fd0011; text-align: left }
.overlay .overlay--subheader { font-weight: 700; color: #000; margin-top: 8px }
.overlay .overlay--description { font-size: 2.2rem; line-height: 1.4 }
.overlay .overlay--btn { min-width: 60px; padding: 6px 4px; font-weight: 700; cursor: pointer; color: #6e6e6e!important; border: 1px solid #6e6e6e!important; border-radius: 24px; text-transform: uppercase }
@media (min-width:992px) {
.overlay .overlay--btn { position: absolute; bottom: 0; left: 0 }
}
@media (max-width:991px) {
.overlay .overlay--btn { margin-top: 12px }
}
.overlay { display: none }
.overlay.overlay.js-overlay__is-active { overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; display: block; top: 0; left: 0; position: fixed; width: 100%; height: 100%; background-color: #fafafa }
.navigation { position: absolute; top: 0; left: 0; height: auto; overflow: hidden; width: 100%; min-height: 100%; padding: 0 40px }
.navigation:after { display: table }
@media (max-width:767px) {
.navigation { padding: 0 20px }
}
.navigation .navigation--menu { height: 90px }
.navigation .navigation--links { font-size: 0; margin-top: -4px; margin-left: -4px; padding-bottom: 4px; padding-right: 4px }
.navigation .navigation--link { display: inline-block }
.navigation .navigation--inner { display: block; position: relative; height: 60px }
@media (min-width:1400px) {
.navigation .navigation--link { width: 25%; padding: 4px }
.navigation .navigation--inner { height: 60px }
}
@media (min-width:992px) and (max-width:1399px) {
.navigation .navigation--link { width: 33.33333%; padding: 4px }
.navigation .navigation--inner { height: 40px }
}
@media (min-width:768px) and (max-width:991px) {
.navigation .navigation--link { width: 50%; padding: 4px }
.navigation .navigation--inner { height: 36px }
}
@media (max-width:767px) {
.navigation .navigation--link { width: 50%; padding: 4px }
.navigation .navigation--inner { height: 24px }
}
.navigation .navigation--image { width: 100% }
.navigation .navigation--entry { margin: 40px 0 60px }
.js-menu--toggler .navigation { -webkit-transition: visibility 0s linear .2s, opacity .2s ease 0s; transition: visibility 0s linear .2s, opacity .2s ease 0s; visibility: hidden; opacity: 0 }
.js-menu--toggler.js-menu__is-active .navigation { -webkit-transition: visibility 0s linear 0s, opacity .2s ease 0s; transition: visibility 0s linear 0s, opacity .2s ease 0s; visibility: inherit; opacity: 1 }
.navigation .navigation--link .svg-textmask .svg-textmask--bg { fill: #b3000b }
.navigation .navigation--link .svg-textmask .svg-textmask--pattern { -webkit-transition: opacity .2s ease; transition: opacity .2s ease }
.no-touch .navigation .navigation--link .svg-textmask .svg-textmask--pattern, .touch .navigation .navigation--link .svg-textmask .svg-textmask--pattern { opacity: .65 }
.no-touch .navigation .navigation--link:focus .svg-textmask .svg-textmask--pattern, .no-touch .navigation .navigation--link:hover .svg-textmask .svg-textmask--pattern, .touch .navigation .navigation--link:active .svg-textmask .svg-textmask--pattern { opacity: 0 }
.menu-bar { position: relative; padding: 0 20px }
.menu-bar:after { display: table }
@media (max-width:767px) {
.navigation .navigation--entry .button { width: 100%; margin-bottom: 16px }
.menu-bar { padding: 0 }
.menu-bar .menu-bar--lang { padding-left: 16px }
}
.menu-bar .menu-bar--actions { height: 90px; float: right }
.menu-bar .menu-bar--logo { height: 90px; float: left }
.menu-bar .menu-bar--logo-svg, .menu-bar .menu-bar--logo-svg-small { height: 30px }
.menu-bar .menu-bar--link { display: block }
.menu-bar .menu-bar--list { font-size: 0 }
.menu-bar .menu-bar--lang { padding-right: 32px }
.menu-bar .menu-bar--social { display: inline-block }
.menu-bar .menu-bar--action { position: relative; display: inline-block; width: 32px; height: 32px; margin-left: 12px; vertical-align: middle; -webkit-transition: color .2s ease; transition: color .2s ease }
.footer-bar:after, .menu-bar.menu-bar__overlay .menu-bar--inner:after { content: ""; display: table; clear: both }
.no-touch .menu-bar .menu-bar--action, .touch .menu-bar .menu-bar--action { color: #000 }
.no-touch .menu-bar .menu-bar--action:focus, .no-touch .menu-bar .menu-bar--action:hover, .touch .menu-bar .menu-bar--action:active { color: #a9a9a9 }
.menu-bar .menu-bar--action:first-child { margin-left: 0 }
.menu-bar .menu-bar--action .icon { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.js-menu--toggler .menu-bar .menu-bar--action.menu-bar--action__menu .icon.icon__menu { -webkit-transition: visibility 0s linear 0s, opacity .2s ease 0s; transition: visibility 0s linear 0s, opacity .2s ease 0s; visibility: inherit; opacity: 1 }
.js-menu--toggler .menu-bar .menu-bar--action.menu-bar--action__menu .icon.icon__close { -webkit-transition: visibility 0s linear .2s, opacity .2s ease 0s; transition: visibility 0s linear .2s, opacity .2s ease 0s; visibility: hidden; opacity: 0 }
.js-menu--toggler .menu-bar .menu-bar--logo { -webkit-transition: visibility 0s linear 0s, opacity .2s ease 0s; transition: visibility 0s linear 0s, opacity .2s ease 0s; visibility: inherit; opacity: 1 }
.js-menu--toggler.js-menu__is-active .menu-bar .menu-bar--action.menu-bar--action__menu .icon.icon__menu { -webkit-transition: visibility 0s linear .2s, opacity .2s ease 0s; transition: visibility 0s linear .2s, opacity .2s ease 0s; visibility: hidden; opacity: 0 }
.js-menu--toggler.js-menu__is-active .menu-bar .menu-bar--action.menu-bar--action__menu .icon.icon__close { -webkit-transition: visibility 0s linear 0s, opacity .2s ease 0s; transition: visibility 0s linear 0s, opacity .2s ease 0s; visibility: inherit; opacity: 1 }
.js-menu--toggler.js-menu__is-active .menu-bar .menu-bar--logo { -webkit-transition: visibility 0s linear .2s, opacity .2s ease 0s; transition: visibility 0s linear .2s, opacity .2s ease 0s; visibility: hidden; opacity: 0 }
.navigation .menu-bar { padding: 0 }
.menu-bar.menu-bar__overlay { position: fixed; top: 0; left: 0; width: 100%; padding: 0; background-color: #fff; box-shadow: 0 3px 5px rgba(0,0,0,.25) }
.menu-bar.menu-bar__overlay .menu-bar--inner { position: relative; padding: 0 20px }
@media (max-width:767px) {
.menu-bar.menu-bar__overlay .menu-bar--inner { padding: 0 }
}
.footer-bar--copyright { height: 40px; float: left }
.footer-bar--text { margin: 0; font-size: 1.2rem; color: #a9a9a9 }
.footer-bar--corp { height: 40px; float: right }
.footer-bar--corp-link { padding-left: 20px; margin: 0; font-size: 1.2rem; color: #a9a9a9!important; text-transform: uppercase }
.footer-bar--corp-link:first-child { padding-left: 0 }
.footer-bar--corp-icon { display: inline-block; width: 24px; height: 24px; padding-right: 2px; vertical-align: middle }
.js-revealer--end-hook { margin-top: -40px }
.lang .lang--option { padding: 2px 0; position: relative; border-bottom: 1px solid currentColor; border-color: transparent; -webkit-transition: color .2s ease, border-color .2s ease; transition: color .2s ease, border-color .2s ease }
.no-touch .lang .lang--option, .touch .lang .lang--option { color: #000 }
.no-touch .lang .lang--option:focus, .no-touch .lang .lang--option:hover, .touch .lang .lang--option:active { border-bottom-width: 1px; color: #a9a9a9 }
.lang .lang--option~.lang--option { margin-left: 6px }
.lang .lang--option.lang--option__current { border-color: #000 }
.sct-fullimage, .sct-headline, .sct-location { border-top: 40px solid #fff }
.no-touch .lang .lang--option.lang--option__current, .no-touch .lang .lang--option.lang--option__current:focus, .no-touch .lang .lang--option.lang--option__current:hover, .touch .lang .lang--option.lang--option__current, .touch .lang .lang--option.lang--option__current:active { color: #000 }
.lang .lang--option.lang--option__no-its-a-share-option { display: none; text-transform: uppercase }
@media (max-width:767px) {
.lang .lang--option.lang--option__no-its-a-share-option { display: inline-block }
.abb-box.abb-box__spread .abb-box--cta { margin-top: 20px }
}
.lang .lang--option.lang--option__no-its-a-share-option.socials__visible .lang--icon { -webkit-transform: translate(4px, -40%) rotateZ(180deg); transform: translate(4px, -40%) rotateZ(180deg) }
.lang .lang--icon { display: inline-block; height: 4px; width: 4px; position: absolute; left: 100%; top: 50%; -webkit-transform: translate(4px, -40%); transform: translate(4px, -40%); -webkit-perspective: 900000px; perspective: 900000px }
.abb-box { padding: 24px }
.abb-box.abb-box__bottom, .abb-box.abb-box__imagegrid { padding: 0 }
.abb-box .abb-box--title { color: #262626; font-size: 26px; font-weight: 700; margin-bottom: 8px; text-transform: uppercase }
.abb-box .abb-box--text { font-size: 16px; line-height: 1.7; font-weight: 300 }
.abb-box .abb-box--link { font-size: 16px; line-height: 1.6; color: #fff }
.abb-box.abb-box__spread { display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; width: 100% }
.abb-box.abb-box__spread .abb-box--cta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto }
.abb-box.abb-box__bottom .abb-box--text { font-weight: 300!important }
.abb-box.abb-box__imagegrid .abb-box--title { margin-bottom: 0 }
.skel--inner section { position: relative }
.skel--inner .scrollmagic-pin-spacer:before { content: ''; position: absolute; top: 90%; left: 0; width: 100%; height: 100%; background-color: #fff }
.js-revealer--scene.js-revealer--scene__is-active { z-index: 0 }
.sct-movie { position: relative }
.movie { cursor: pointer }
.sct-headline { padding: 0 0 80px; background-color: #fff }
@media (max-width:991px) {
.sct-headline { padding: 0 0 40px }
}
.sct-headline--inner { position: relative }
.sct-headline--bgimage { width: 100% }
.sct-headline--positionner { position: absolute; top: 0; width: 50%; height: auto; left: auto; right: 0; padding: 40px 40px 0 0 }
@media (max-width:991px) {
.sct-headline--positionner { position: relative; width: 100%; padding: 12px 0 0 }
}
.sct-headline--title { width: 100%; max-width: 920px; padding: 16px 32px; margin: 0 auto; text-align: center; letter-spacing: 0; background-color: #fff }
@media (max-width:991px) {
.sct-headline--title { padding: 0 }
}
.sct-headline.js-revealer--scene .sct-headline--positionner { -webkit-transition: visibility 0s linear .8s, opacity .8s ease 0s; transition: visibility 0s linear .8s, opacity .8s ease 0s; visibility: hidden; opacity: 0 }
.sct-headline.js-revealer--scene .sct-headline--positionner .sct-headline--title { opacity: 0; -webkit-transform: translateY(150%); transform: translateY(150%); -webkit-transition: visibility 0s linear .8s, -webkit-transform .8s ease 0s, opacity .8s ease 0s; transition: visibility 0s linear .8s, transform .8s ease 0s, opacity .8s ease 0s; visibility: hidden }
@media (max-width:767px) {
.sct-headline.js-revealer--scene .sct-headline--positionner { -webkit-transition: visibility 0s linear 0s, opacity .8s ease 0s; transition: visibility 0s linear 0s, opacity .8s ease 0s; visibility: inherit; opacity: 1 }
.sct-headline.js-revealer--scene .sct-headline--positionner .sct-headline--title { opacity: 1; -webkit-transform: none; transform: none; -webkit-transition: visibility 0s linear 0s, -webkit-transform .8s ease 0s, opacity .8s ease 0s; transition: visibility 0s linear 0s, transform .8s ease 0s, opacity .8s ease 0s; visibility: inherit }
}
.sct-headline.js-revealer--scene.js-revealer--scene__is-active .sct-headline--positionner { -webkit-transition: visibility 0s linear 0s, opacity .8s ease 0s; transition: visibility 0s linear 0s, opacity .8s ease 0s; visibility: inherit; opacity: 1 }
.sct-headline.js-revealer--scene.js-revealer--scene__is-active .sct-headline--positionner .sct-headline--title { opacity: 1; -webkit-transform: none; transform: none; -webkit-transition: visibility 0s linear 0s, -webkit-transform .8s ease 0s, opacity .8s ease 0s; transition: visibility 0s linear 0s, transform .8s ease 0s, opacity .8s ease 0s; visibility: inherit }
.sct-location { color: #fafafa; margin-bottom: 120px }
.sct-location .valign { table-layout: fixed }
.sct-location .sct-location--bgpainter { background-color: #fff; background-clip: content-box }
.sct-location .sct-location--part.sct-location--part__left { color: #000 }
.sct-location .sct-location--part.sct-location--part__right .sct-location--wrap { background-color: #9c9c9c }
.sct-gallery, .sct-hallway, .sct-job-links { background-color: #fff }
.sct-location .sct-location--world { width: 100% }
.sct-location .sct-location--titles { position: relative; width: 100%; text-align: center; padding: 80px 0 80px 80px }
@media (max-width:767px) {
.sct-location .sct-location--titles { padding-left: 0 }
.sct-location .sct-location--titles img { width: 80% }
}
.sct-fullimage--bgimage, .sct-gallery--image, .sct-hallway .sct-hallway--image, .sct-location .sct-location--image { width: 100% }
.sct-location .sct-location--title-header { margin-bottom: 6px; text-transform: uppercase }
.sct-location .sct-location--title-data { margin-bottom: 24px; line-height: 1.4 }
.sct-location .sct-location--text { padding: 24px }
.sct-location .sct-location--wrap { height: 100% }
.sct-hallway { position: relative; padding: 40px 0 }
.sct-hallway .sct-hallway--image-wrap, .sct-hallway .sct-hallway--text-wrap { position: relative }
.sct-hallway .sct-hallway--title { position: relative; margin: 0 0 30px }
@media (max-width:767px) {
.sct-hallway { padding: 20px 0 }
.sct-hallway .sct-hallway--quote { margin-bottom: 40px }
}
.sct-fullimage { margin: 0 auto 80px }
.sct-fullimage--inner { position: relative }
.sct-gallery { padding: 40px 0 }
@media (max-width:767px) {
.sct-fullimage { margin: 0 auto 40px }
.sct-gallery { padding: 20px 0 }
.sct-gallery .sct-gallery--image { margin-top: 0!important; margin-bottom: 20px }
}
.sct-gallery .sct-gallery--part.sct-gallery--part__left .sct-gallery--image, .sct-gallery .sct-gallery--part.sct-gallery--part__right .sct-gallery--image { margin-top: 0 }
.sct-gallery--image { position: relative }
.sct-gallery--quote { position: relative; margin-top: 60px; margin-bottom: 30px }
@media (max-width:767px) {
.sct-gallery--quote { margin-top: 0; margin-bottom: 20px }
}
@media (max-width:991px) {
.sct-gallery--quote { margin-top: 20px; margin-bottom: 20px }
}
.sct-gallery--legend { margin-top: 30px }
@media (max-width:767px) {
.sct-gallery--legend { margin-top: 0 }
.sct-gallery.sct-gallery__inverse .sct-gallery--part.sct-gallery--part__left .sct-gallery--legend { margin-bottom: 30px }
}
.sct-imagegrid .sct-imagegrid--container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; width: 100%; margin: auto; overflow: hidden }
.sct-imagegrid .sct-imagegrid--row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap }
html.ie11 .sct-imagegrid .sct-imagegrid--row { min-height: 1px }
.sct-imagegrid .sct-imagegrid--col { position: relative; min-height: 1px; max-width: 100%; overflow: hidden }
@media (max-width:767px) {
.sct-imagegrid .sct-imagegrid--container { padding-left: 0; padding-right: 0 }
.sct-imagegrid .sct-imagegrid--container .sct-imagegrid--container:not(.u-iknowwhatimdoing) { visibility: hidden!important }
.sct-imagegrid .sct-imagegrid--container .sct-imagegrid--container:not(.u-iknowwhatimdoing)::before { visibility: visible; content: 'Nested `grid--container` detected!'; font-size: 20px; line-height: 1.2; color: red }
.sct-imagegrid .sct-imagegrid--row { margin: -10px }
.sct-imagegrid .sct-imagegrid--col { padding: 10px }
}
@media (min-width:768px) and (max-width:991px) {
.sct-imagegrid .sct-imagegrid--container { padding-left: 0; padding-right: 0 }
.sct-imagegrid .sct-imagegrid--container .sct-imagegrid--container:not(.u-iknowwhatimdoing) { visibility: hidden!important }
.sct-imagegrid .sct-imagegrid--container .sct-imagegrid--container:not(.u-iknowwhatimdoing)::before { visibility: visible; content: 'Nested `grid--container` detected!'; font-size: 20px; line-height: 1.2; color: red }
.sct-imagegrid .sct-imagegrid--row { margin: -25px }
.sct-imagegrid .sct-imagegrid--col { padding: 25px }
}
@media (min-width:992px) {
.sct-imagegrid .sct-imagegrid--container { padding-left: 0; padding-right: 0 }
.sct-imagegrid .sct-imagegrid--container .sct-imagegrid--container:not(.u-iknowwhatimdoing) { visibility: hidden!important }
.sct-imagegrid .sct-imagegrid--container .sct-imagegrid--container:not(.u-iknowwhatimdoing)::before { visibility: visible; content: 'Nested `grid--container` detected!'; font-size: 20px; line-height: 1.2; color: red }
.sct-imagegrid .sct-imagegrid--row { margin: -25px }
.sct-imagegrid .sct-imagegrid--col { padding: 25px }
}
.sct-imagegrid .sct-imagegrid--spacer { position: relative; padding: 72px 32px; background-color: #fff }
@media (max-width:767px) {
.sct-imagegrid .sct-imagegrid--spacer { padding: 0 }
.sct-imagegrid .sct-imagegrid--col { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50% }
html.ie10 .sct-imagegrid .sct-imagegrid--col, html.ie11 .sct-imagegrid .sct-imagegrid--col { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 50% }
}
@media (min-width:768px) and (max-width:991px) {
.sct-imagegrid .sct-imagegrid--col { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25% }
html.ie10 .sct-imagegrid .sct-imagegrid--col, html.ie11 .sct-imagegrid .sct-imagegrid--col { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 25% }
}
@media (min-width:992px) {
.sct-imagegrid .sct-imagegrid--col { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20% }
html.ie10 .sct-imagegrid .sct-imagegrid--col, html.ie11 .sct-imagegrid .sct-imagegrid--col { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 20% }
}
.sct-imagegrid .sct-imagegrid--link { display: block; position: relative; color: #000; text-align: center }
.sct-imagegrid .sct-imagegrid--link-inner { padding: 12px; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; -webkit-transform: rotate(1.02, 1.02); transform: rotate(1.02, 1.02) }
html.touch .sct-imagegrid .sct-imagegrid--link-inner { opacity: 1 }
.sct-imagegrid .sct-imagegrid--link-inner h3 { margin-bottom: 6px; text-transform: uppercase }
.sct-imagegrid .sct-imagegrid--link-inner p { line-height: 1.3 }
.sct-imagegrid .sct-imagegrid--image { width: 100%; border-radius: 50% }
.navigation .sct-imagegrid--spacer { padding: 0 }
.sct-job-links { position: relative; padding: 10px 0; margin-bottom: 0; overflow: hidden; width: 100% }
.sct-job-links .sct-job-links--container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; width: 100%; margin: auto; overflow: hidden; padding-left: 0; padding-right: 0 }
.sct-job-links .sct-job-links--row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: -5px }
html.ie11 .sct-job-links .sct-job-links--row { min-height: 1px }
.sct-job-links .sct-job-links--col { position: relative; min-height: 1px; max-width: 100%; padding: 5px; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch }
.sct-job-links .sct-job-links--container .sct-job-links--container:not(.u-iknowwhatimdoing) { visibility: hidden!important }
.sct-job-links .sct-job-links--container .sct-job-links--container:not(.u-iknowwhatimdoing)::before { visibility: visible; content: 'Nested `grid--container` detected!'; font-size: 20px; line-height: 1.2; color: red }
html.ie10 .sct-job-links .sct-job-links--col, html.ie11 .sct-job-links .sct-job-links--col { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 50% }
@media (max-width:767px) {
.sct-job-links { padding: 20px 0 }
.sct-job-links .sct-job-links--col { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100% }
html.ie10 .sct-job-links .sct-job-links--col, html.ie11 .sct-job-links .sct-job-links--col { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 100% }
}
.sct-job-links .sct-job-links--col.sct-job-links--col__full { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100% }
html.ie10 .sct-job-links .sct-job-links--col.sct-job-links--col__full, html.ie11 .sct-job-links .sct-job-links--col.sct-job-links--col__full { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 100% }
.sct-job-links .sct-job-links--wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto }
.sct-job-links .sct-job-links--wrap.sct-job-links--wrap__jobs { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; background-color: #00C81E }
.sct-job-links .sct-job-links--wrap.sct-job-links--wrap__ambassadors, .sct-job-links .sct-job-links--wrap.sct-job-links--wrap__careers { color: #000; background-color: #f0f0f0 }
.sct-job-links .sct-job-links--ambassadors-content { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25% }
html.ie10 .sct-job-links .sct-job-links--ambassadors-content, html.ie11 .sct-job-links .sct-job-links--ambassadors-content { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 25% }
.sct-job-links .sct-job-links--ambassadors-image { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75% }
html.ie10 .sct-job-links .sct-job-links--ambassadors-image, html.ie11 .sct-job-links .sct-job-links--ambassadors-image { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; width: 75% }
.sct-job-links .sct-job-links--link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; -webkit-transition: .2s ease; transition: .2s ease }
.no-touch .sct-job-links .sct-job-links--link, .touch .sct-job-links .sct-job-links--link { color: #fff }
.no-touch .sct-job-links .sct-job-links--link:focus, .no-touch .sct-job-links .sct-job-links--link:hover, .touch .sct-job-links .sct-job-links--link:active { color: #d9d9d9 }
.sct-job-links .sct-job-links--pre { text-align: center; margin-bottom: 40px }
.sct-job-links .sct-job-links--title-wrap { position: relative; width: 220px; padding-top: 220px; margin: 40px 0 }
.sct-job-links .sct-job-links--title-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; border: 2px solid #fff; border-radius: 50% }
@media (max-width:767px) {
.sct-job-links .sct-job-links--title-inner { height: auto; min-height: 100% }
}
.sct-job-links .sct-job-links--icon { width: 64px; height: 64px; margin: 0 auto }
.sct-job-links .sct-job-links--title { position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 2.3rem; letter-spacing: 0; line-height: 1.2; font-weight: 300!important; text-align: center }
.sct-job-links .sct-job-links--numjobs { display: inline-block; width: 100%; font-size: 3rem; font-weight: 700; letter-spacing:.4rem;
text-align: center }
.sct-bottom { padding: 20px 0; color: #fff; background-color: #6e6e6e }
@media (min-width:768px) {
.sct-bottom .sct-bottom--row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end }
}
.sct-bottom .sct-bottom--col.sct-bottom--col__align-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start }
.sct-bottom .sct-bottom--col.sct-bottom--col__align-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end }
.sct-bottom .container { background-color: transparent }
.sct-bottom .sct-bottom--title { padding-bottom: 60px; color: #fff; font-weight: 400 }
@media (max-width:767px) {
.sct-bottom .sct-bottom--col~.sct-bottom--col { margin-top: 32px }
.sct-bottom .sct-bottom--title { padding-bottom: 0; margin-bottom: 40px }
}
.sct-bottom .sct-bottom--copy { font-weight: 300 }
.sct-subheadline { border-bottom: 60px solid transparent; height:450px;border-top: 60px solid transparent; background-color: #fff }
@media (min-width:992px) {
.sct-subheadline { margin-top: 40px!important }
}
.sct-subheadline .sct-subheadline--title { color: #000; margin-bottom: 12px }
@media (max-width:1399px) {
.sct-subheadline { margin-top: 0 }
.sct-subheadline .sct-subheadline--wrap { padding: 0 20px }
.sct-subheadline .sct-subheadline--hr, .sct-subheadline .sct-subheadline--title { display: none }
}
.sct-subheadline .sct-subheadline--text { margin-bottom: 48px; font-weight: 300 }
.sct-subheadline .sct-subheadline--hr { width: 24px; margin: 0 auto 10px; border-top-width: 3px; border-color: #00C81E }
body .portrait .skel--spacer { padding: 0 20px }
@media (max-width:767px) {
body .portrait .skel--spacer { padding: 0 }
}
body.home .portrait .skel--spacer { padding: 0 20px }
body.home .portrait .skel--main .skel--spacer { padding: 0; border-left: 20px solid #fff; border-right: 20px solid #fff }
@media (max-width:767px) {
body.home .portrait .skel--spacer { padding: 0 }
body.home .portrait .skel--main .skel--spacer { border-width: 0 }
}
body.template-404 .skel .skel--inner { margin-bottom: 40px }
body.template-404 .skel .skel--footer { position: fixed; bottom: 0; left: 0; width: 100% }