.br-5{
	border-radius: 5px;
}
.tl-edges {
    max-width: 100%;
    overflow-x: hidden}


.tl-wrapper {
    width: 100%;
    float: left;
    position: relative
}

.tl-wrapper+.tl-wrapper {
    margin-left: -100%;
    margin-right: 0
}

.footer {
    width: 100vw;
    background-color: #041c26;
    text-align: center;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    height: auto
}

@media (min-width: 768px) {
    .footer {
        vertical-align:middle;
        line-height: 64px;
        display: block
    }
}

.footer__innerText,.footer__link,.footer__social {
    display: flex;
    justify-content: center
}

@media (min-width: 768px) {
    .footer__innerText,.footer__link,.footer__social {
        display:inline-block
    }
}

.footer__innerText {
    order: 3;
    background-color: #09242f;
    padding: 21px 45px 10px;
    margin-top: 20px
}

@media (min-width: 768px) {
    .footer__innerText {
        background-color:transparent;
        order: 1;
        padding: 0;
        margin: 0
    }
}

.footer__innerText p {
    color: #8ba0a9;
    padding: 0 12px
}

@media (min-width: 768px) {
    .footer__innerText p {
        margin:0
    }
}

.footer__link {
    order: 2;
    margin-top: 10px
}

@media (min-width: 768px) {
    .footer__link {
        margin:0
    }
}

.footer__link a {
    color: #fff;
    padding: 0 12px
}

.footer__social {
    order: 1;
    padding: 21px 20px 0;
    vertical-align: sub
}

@media (min-width: 768px) {
    .footer__social {
        order:3;
        margin: 0;
        padding: 0 20px
    }
}

.footer__socialList {
    display: inline-block;
    padding: 0 7px
}

.footer__socialLink {
    position: relative;
    color: #fff;
    cursor: pointer
}

.footer__socialLinkDribbble:hover .footer__socialHitBoxDribbble,.footer__socialLinkFacebook:hover .footer__socialHitBoxFacebook,.footer__socialLinkInstagram:hover .footer__socialHitBoxInstagram,.footer__socialLinkLinkedin:hover .footer__socialHitBoxLinkedin {
    visibility: visible;
    opacity: 1
}

.footer__socialHitBox {
    position: absolute;
    display: block;
    bottom: 20px;
    left: -68px;
    height: 74px
}

.footer__socialHitBoxDribbble,.footer__socialHitBoxFacebook,.footer__socialHitBoxInstagram,.footer__socialHitBoxLinkedin {
    visibility: hidden;
    opacity: 0;
    z-index: 3;
    transition: opacity .3s ease-in-out
}

.footer__socialHitBoxFacebook {
    left: -68px
}

.footer__socialHitBoxInstagram {
    left: -100px
}

.footer__socialHitBoxLinkedin {
    left: -132px
}

.footer__socialHitBoxDribbble {
    left: -164px
}

.footer__socialText {
    width: 250px;
    height: 55px;
    display: block;
    background: #1b3d4b;
    border-radius: 5px;
    box-sizing: border-box
}

.footer__socialText a {
    display: inline-block;
    color: #fff;
    padding: 0 5px 0 10px;
    position: relative;
    top: -4px
}

@media screen and (max-width: 767px) {
    .footer__socialText a {
        top:10px
    }
}

.footer__socialText a:hover {
    color: #18e9a8;
    text-decoration: none
}

.footer__socialText a:after {
    content: "|";
    color: #09242f;
    font-weight: 700;
    font-size: 18px;
    padding-left: 15px
}

.footer__socialText a:last-child:after {
    content: none
}

.footer__socialTextDribbble:after,.footer__socialTextFacebook:after,.footer__socialTextInstagram:after,.footer__socialTextLinkedin:after {
    content: "";
    position: absolute;
    top: 55px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #1b3d4b;
    clear: both
}

.footer__socialTextFacebook:after {
    left: 67px
}

.footer__socialTextInstagram:after {
    left: 99px
}

.footer__socialTextLinkedin:after {
    left: 131px
}

.footer__socialTextDribbble:after {
    left: 163px
}

.navigation__primary {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(9,36,47,.98);
    transform: translateX(-100%) translateZ(0px);
}

.navigation__list {
    list-style: none;
    overflow: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding: 1rem 1rem 1rem 4rem
}

.navigation__item {
    font-weight: 700;
    font-size: 2rem;
    line-height: .95;
    position: relative
}

@media (min-width: 768px) {
    .navigation__item {
        font-size:4rem;
        line-height: .95
    }
}

.navigation__item:before {
    position: absolute;
    right: calc(100% + 1rem);
    top: 50%;
    transform: translateY(-50%);
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.65;
    letter-spacing: .1em;
    text-align: right;
    opacity: .5
}

.navigation__item:first-child:before {
    content: "00."
}

.navigation__item:nth-child(2):before {
    content: "01."
}

.navigation__item:nth-child(3):before {
    content: "02."
}

.navigation__item:nth-child(4):before {
    content: "03."
}

.navigation__item:nth-child(5):before {
    content: "04."
}

.navigation__item:nth-child(6):before {
    content: "05."
}

.navigation__item:nth-child(7):before {
    content: "06."
}

.navigation__link {
    cursor: pointer;
    color: #fff;
    padding: 1rem 1rem 1rem 0;
    word-break: break-word;
    display: block;
    transition: opacity .3s ease-out;
    opacity: .5
}

.navigation__link:hover {
    opacity: 1
}

.changeLanguage {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center
}

.changeLanguage ul {
    background-color: #1b3d4b;
    padding: 0 .75rem 0 1.5rem;
    position: absolute;
    left: 0;
    top: 1.5rem;
    max-height: 0;
    min-width: 120px;
    height: auto;
    overflow: hidden;
    width: auto;
    transition: all .5s cubic-bezier(.66,.19,.19,1);
    border-radius: 3px;
    list-style: none
}

.changeLanguage:hover ul {
    max-height: 200px
}

.changeLanguage li {
    margin-top: 3px;
    margin-bottom: 3px
}

.changeLanguage a {
    color: #9ba4a8
}

.changeLanguage a.active,.changeLanguage a:hover {
    color: #18e9a8
}

.changeLanguage .globe {
    padding: 0 .7rem;
    width: 14px;
    transform: translateY(2px)
}

.changeLanguage .activeLanguage {
    padding-top: .2rem
}

.changeLanguage .arrowDown {
    margin-top: -.5rem;
    padding: 0 .5rem;
    width: 1.5rem;
    transform: translateY(6px)
}

#nav-anchor {
    position: absolute;
    top: 32px
}

.navbar {
    width: 100%;
    height: 5.25rem;
    position: fixed;
    z-index: 10;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    background-color: rgba(0,21,29,.98);
    transition: background-color .4s cubic-bezier(.65,0,.076,1)
}

@media (min-width: 1024px) {
    .navbar {
        background-color:transparent
    }
}

.navbar .find-job {
    color: #fff;
    padding: 1rem;
    margin-right: 1rem;
    font-weight: 700;
    position: relative;
    min-width: 7rem;
    text-align: center;
    transition: opacity .3s ease,transform .3s ease-out;
    opacity: 1
}

.navbar .find-job:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 5px;
    left: 0;
    background: #18e9a8;
    visibility: hidden;
    border-radius: 5px;
    transform: scaleX(0);
    transition: .25s linear
}

.navbar .find-job:focus:before,.navbar .find-job:hover:before {
    visibility: visible;
    transform: scaleX(1)
}

.navbar .find-job:hover {
    text-decoration: none
}

.navbar .is-hidden {
    opacity: 0;
    transform: translateX(1rem)
}

.navbar.is-sticky {
    background: rgba(0,21,29,0);
}

.nav_scrolled{
	background-color: rgba(0,21,29,.98);
}

.navbar.is-sticky .navbar__logo,.navbar.is-sticky .navbar__logo--incentr {
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

.navbar.is-sticky .navbar__logo--incentr {
    clip-path: circle(150% at 0 50%);
    -webkit-clip-path: circle(150% at 0 50%);
    opacity: 0
}

@media (min-width: 768px) {
    .navbar.is-sticky .navbar__logo--incentr {
        opacity:1
    }
}

.navbar__logo {
    margin-right: auto;
    padding: .5rem .5rem .5rem 1rem;
    width: 10.5rem;
    height: auto;
    fill: currentColor;
    z-index: 11;
    will-change: transform,-webkit-transform;
    transition: transform .42s cubic-bezier(.215,.61,.355,1)
}

.navbar__logo--incentr {
    opacity: 0;
    will-change: transform,-webkit-transform,-webkit-clip-path,clip-path;
    transition: clip-path .42s cubic-bezier(.215,.61,.355,1),-webkit-clip-path .42s cubic-bezier(.215,.61,.355,1),transform .42s cubic-bezier(.215,.61,.355,1)
}

@media (min-width: 768px) {
    .navbar__logo--incentr {
        opacity:0;
        clip-path: circle(0 at 0 50%);
        -webkit-clip-path: circle(0 at 0 50%);
        transform: translateX(75%);
        -webkit-transform: translateX(75%)
    }
}

.navbar__logo--o {
    stroke: #fff;
    stroke-dasharray: 155;
    transform-origin: 92.4% 55.2%;
    transform: translate(-23.35rem);
    transition: all .3s ease
}

@media (min-width: 768px) {
    .navbar__logo--o {
        transform:translate(0)
    }
}

@media (min-width: 768px) {
    .navbar__logo {
        /*transform:translateX(-75%);
        -webkit-transform: translateX(-75%)*/
    }

    .navbar__logo:hover {
        transform: translateX(0)
    }

    .navbar__logo:hover .navbar__logo--incentr {
        clip-path: circle(150% at 0 50%);
        -webkit-clip-path: circle(150% at 0 50%);
        transform: translateX(0);
        -webkit-transform: translateX(0);
        opacity: 1
    }

    .navbar__logo:hover circle {
        animation: logo 1s ease-out
    }
}

.navbar__menu {
    color: #fff;
    background: none;
    z-index: 1;
    margin-right: 1rem
}

.header_hamburger {
    position: relative;
    margin: 0 auto;
    border: none;
    background: none;
    color: #fff;
    cursor: pointer;
    width: 50px;
    height: 45px;
    z-index: 2
}

.header_hamburger_bottom,.header_hamburger_middle,.header_hamburger_top {
    position: absolute;
    height: 3px;
    left: 14px;
    background: #fff;
    border-radius: 1px;
    transition: all .3s ease;
    transform-origin: 0 50%
}

.header_hamburger_top {
    width: 12px;
    top: 35%
}

.header_hamburger_middle {
    width: 24px;
    top: 48%
}

.header_hamburger_bottom {
    top: 62%;
    width: 17px
}

.header_hamburger.nav-show .header_hamburger_middle {
    width: 0;
    opacity: 0
}

.header_hamburger.nav-show .header_hamburger_top {
    width: 24px;
    transform: rotate(44.33333deg) translateY(-3px)
}

.header_hamburger.nav-show .header_hamburger_bottom {
    width: 24px;
    transform: rotate(-44.33333deg) translateY(3px)
}

@keyframes logo {
    0% {
        stroke-dashoffset: 0;
        transform: rotate(0deg)
    }

    50% {
        stroke-dashoffset: 125;
        transform: rotate(500deg)
    }

    to {
        stroke-dashoffset: 0;
        transform: rotate(650deg)
    }
}

.ie-banner {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    overflow: hidden;
    padding: 5rem 3rem;
    background: #305362
}

.ie-banner__content {
    display: block;
    background: #09242f;
    border-radius: 5px;
    padding: 2rem;
    box-shadow: 0 16px 24px rgba(0,0,0,.3);
    color: #fff;
    max-width: 720px;
    margin: 0 auto
}

.ie-banner__content ul {
    list-style-type: none;
    padding: 0;
    display: block;
    margin: 0 auto
}

.ie-banner__content ul li {
    display: inline;
    margin-right: 2rem
}

.cc-container {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    position: fixed;
    bottom: 0;
    background: #09242f;
    color: #fff;
    z-index: 10;
    width: calc(100% - 32px);
    padding: 20px;
    max-width: 40rem;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 10px 50px rgba(9,36,47,.8);
    font-size: 14px;
    border-radius: 5px 5px 0 0
}

.cc-container a {
    color: #fe7333;
    text-decoration: underline
}

.cc-container .cc-content {
    flex: 1 0 100%;
    margin: 0 0 24px;
    flex-wrap: wrap;
    justify-content: space-between
}

.cc-container .btn__tertiary {
    margin-right: 1rem;
    margin-bottom: 1rem
}

.cc-container .btn__consent {
    margin-bottom: 1rem
}

@media (min-width: 768px) {
    .cc-container {
        padding:20px 40px;
        align-items: center;
        text-align: left
    }

    .cc-container>button {
        flex: 0 1 auto
    }
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Montserrat Bold"),local("Montserrat-Bold"),url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD_vx3rCs.woff2) format("woff2"),url("https://d33wubrfki0l68.cloudfront.net/46f6d60d4ac25fc1aa385513c42a58d89bab45ba/b941e/google-fonts/montserrat/v13/jturjig1_i6t8kchkm45_dje3gnd-a.woff") format("woff");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Work Sans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Work Sans Medium"),local("WorkSans-Medium"),url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3j4P8mNhNy_r-Kw.woff2) format("woff2"),url("https://d33wubrfki0l68.cloudfront.net/7a8fd3d1e06a23c8ef4a380a8aa3371fff2dd856/811f8/google-fonts/worksans/v4/qgypz_wnahgadqq43rh3j4p8mnhl.woff") format("woff");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: Work Sans;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Work Sans Bold"),local("WorkSans-Bold"),url(https://fonts.gstatic.com/s/worksans/v5/QGYpz_wNahGAdqQ43Rh3x4X8mNhNy_r-Kw.woff2) format("woff2"),url("https://d33wubrfki0l68.cloudfront.net/fb98fb0cba64958938911e35e46a4abe00766912/38257/google-fonts/worksans/v4/qgypz_wnahgadqq43rh3x4x8mnhl.woff") format("woff");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

body {
    background: #00151d
}

i {
    display: block;
    font-style: normal;
    line-height: 1;
    font-weight: 400
}

p {
    margin-top: 0
}

.shdw-1 {
    box-shadow: 0 2px 4px rgba(49,49,49,.1)
}

.shdw-2 {
    box-shadow: 0 4px 8px rgba(0,0,0,.1)
}

.shdw-3 {
    box-shadow: 0 8px 16px rgba(0,0,0,.1)
}

.shdw-4 {
    box-shadow: 0 16px 24px rgba(0,0,0,.1)
}

.shdw-5 {
    box-shadow: 0 26px 30px rgba(0,0,0,.1)
}

.tl-edges {
    overflow-y: hidden
}

html {
    font: 1em/1.82 Work Sans,sans-serif;
    font-weight: 500;
    color: #fff;
    font-family: 'Work Sans', sans-serif !important;
}

h1,h2,h3,h4,h5 {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 700;
    margin-top: 0;
    color: #fff
}

h1 {
    font-size: 2.5rem;
    line-height: 1.4;
    margin-bottom: 2rem
}

h2 {
    font-size: 1.5rem;
    line-height: 1.33;
    margin-bottom: 1.125rem
}

h3 {
    font-size: 1rem;
    line-height: 1.5
}

h4 {
    font-size: .75rem;
    line-height: 1.33;
    margin-bottom: 1rem
}

a,h4 {
    color: #18e9a8
}

.t--small {
    font-size: .75rem;
    line-height: 1.33
}

.t--big {
    font-family: Montserrat,sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.33;
    margin-bottom: 1.125rem
}

@media (min-width: 768px) {
    .t--big {
        font-size:2.5rem;
        line-height: 1.2;
        margin-bottom: 2rem
    }
}

@media only screen and (min-width: 768px) {
    h1 {
        font-size:5rem;
        line-height: .95
    }

    h2 {
        font-size: 2.5rem;
        line-height: 1.2;
        margin-bottom: 2rem
    }

    h3 {
        font-size: 1.5rem;
        line-height: 1.17
    }

    h4 {
        font-size: 1rem;
        line-height: 1.62
    }

    h5 {
        font-size: .75rem;
        line-height: 1.83
    }
}

@media only screen and (min-width: 1920px) {
    html {
        font-size:18px
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    15% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes bounce {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(3px)
    }

    to {
        transform: translateY(0)
    }
}

.a--fade-left {
    transform: translateX(25%);
    opacity: 0;
    transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1)
}

.a--fade-left-start {
    opacity: 1;
    transform: translateX(0)
}

.a--fade-right {
    transform: translateX(-25%);
    opacity: 0;
    transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1)
}

.a--fade-right-start {
    opacity: 1;
    transform: translateX(0)
}

.a--fade-up {
    transform: translateY(25%);
    opacity: 0;
    transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1)
}

.a--fade-up-start {
    opacity: 1;
    transform: translateX(0)
}

.a--fade-down {
    transform: translateY(-25%);
    opacity: 0;
    transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1)
}

.a--fade-down-start {
    opacity: 1;
    transform: translateX(0)
}

.u-clamp2 {
    -webkit-line-clamp: 2
}

.u-clamp2,.u-clamp3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.u-clamp3 {
    -webkit-line-clamp: 3
}

.u-clamp4 {
    -webkit-line-clamp: 4
}

.u-clamp4,.u-clamp5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.u-clamp5 {
    -webkit-line-clamp: 5
}

.c--accent {
    color: #18e9a8
}

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

.u--m0 {
    margin: 0
}

.u--container {
    max-width: 736px;
    margin-left: 1rem;
    margin-right: 1rem
}

@media (min-width: 768px) {
    .u--container {
        margin-left:auto;
        margin-right: auto
    }
}

.no-scroll {
    overflow: hidden
}

.no-scroll--ios {
    position: fixed
}

.ol--accent {
    list-style-type: none;
    counter-reset: list-counter;
    font-weight: 700;
    color: #8ba0a9;
    padding-left: 1.5rem
}

.ol--accent>li {
    counter-increment: list-counter;
    position: relative;
    margin-bottom: .5rem
}

.ol--accent>li:before {
    position: absolute;
    left: -1.5rem;
    content: counter(list-counter) ". ";
    color: #18e9a8
}

.wai-grid {
    display: grid;
    grid-template-columns: 1rem 1fr 1fr 1rem
}

@media (min-width: 768px) {
    .wai-grid {
        grid-template-columns:minmax(3rem,1fr) repeat(10,minmax(calc(76.8px - .6rem),144px)) minmax(3rem,1fr)
    }
}

@media (min-width: 1024px) {
    .wai-grid {
        grid-template-columns:minmax(7.5rem,1fr) repeat(10,minmax(calc(76.8px - 1.5rem),144px)) minmax(7.5rem,1fr)
    }
}

.wai-grid>.wai-wrapper+.wai-wrapper {
    padding-top: 4rem;
    margin-bottom: 4rem
}

@media (min-width: 768px) {
    .wai-grid>.wai-wrapper+.wai-wrapper {
        padding-top:7rem
    }
}

.wai-grid .wai-grid-item--aside,.wai-grid .wai-grid-item--half,.wai-grid .wai-grid-item--main {
    grid-column-start: 2;
    grid-column-end: -2
}

.wai-grid .wai-grid-item--full {
    grid-column-start: 1;
    grid-column-end: -1
}

.wai-grid .wai-grid-item--container {
    grid-column-start: 2;
    grid-column-end: -2
}

@media (min-width: 768px) {
    .wai-grid .wai-grid-item--aside {
        grid-column-start:2;
        grid-column-end: span 3
    }

    .wai-grid .wai-grid-item--half:first-child {
        grid-column-start: 2;
        grid-column-end: span 5
    }

    .wai-grid .wai-grid-item--half:nth-child(2) {
        grid-column-start: 7;
        grid-column-end: span 5
    }

    .wai-grid .wai-grid-item--main {
        grid-column-start: 6;
        grid-column-end: -2
    }
}

.wai-bg-gradient {
    background: linear-gradient(180deg,#041c26,#00151d 20.13%),#00151d
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a:active {
    color: #1b3d4b
}

.btn,.btn__consent,.btn__default,.btn__default--maxWidth,.btn__secondary,.btn__select,.btn__submit,.btn__tertiary {
    background: none;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    min-width: 5rem;
    padding: .5rem 0;
    text-decoration: none;
    transition: all .4s cubic-bezier(.65,0,.076,1);
    transition-property: color,background-color,border
}

@media (max-width: 768px) {
    .btn__default{
        min-width: 0rem;
    }
    .navbar__menu {
      margin-right: 0rem;
    }
    .navbar__logo {
        padding: 0px;
        width: 100%;
    }
}

.btn:hover,.btn__consent:hover,.btn__default--maxWidth:hover,.btn__default:hover,.btn__secondary:hover,.btn__select:hover,.btn__submit:hover,.btn__tertiary:hover {
color: #fff
}

.btn:focus,.btn:focus-within,.btn__consent:focus,.btn__consent:focus-within,.btn__default--maxWidth:focus,.btn__default--maxWidth:focus-within,.btn__default:focus,.btn__default:focus-within,.btn__secondary:focus,.btn__secondary:focus-within,.btn__select:focus,.btn__select:focus-within,.btn__submit:focus,.btn__submit:focus-within,.btn__tertiary:focus,.btn__tertiary:focus-within {
outline: 0;
box-shadow: 0 26px 30px rgba(0,0,0,.1);
border: 1px solid #fff
}

.btn:active,.btn__consent:active,.btn__default--maxWidth:active,.btn__default:active,.btn__secondary:active,.btn__select:active,.btn__submit:active,.btn__tertiary:active {
background-color: #1b3d4b
}

.btn:disabled,.btn__consent:disabled,.btn__default--maxWidth:disabled,.btn__default:disabled,.btn__secondary:disabled,.btn__select:disabled,.btn__submit:disabled,.btn__tertiary:disabled {
color: #8ba0a9;
background: #537381;
border: 1px solid #fff;
cursor: not-allowed
}

.btn__submit {
background: #18e9a8;
color: #fff;
width: 100%;
margin-bottom: .5rem;
border-radius: 86px
}

.btn__submit:hover {
box-sizing: border-box;
border: 1px solid #fff
}

.btn__select {
border: 1px solid #305362;
box-sizing: border-box;
border-radius: 80px;
text-align: center;
width: 100%;
max-width: 100%;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: .5rem
}

.btn__select:hover {
border: 1px solid #18e9a8
}

.btn__default,.btn__default--maxWidth {
display: flex;
align-items: center;
color: #18e9a8
}

.btn__default--maxWidth svg[icon=true],.btn__default svg[icon=true] {
margin-right: .5rem;
transition: transform .4s cubic-bezier(.65,0,.076,1)
}

.btn__default--maxWidth:hover,.btn__default:hover {
text-decoration: none
}

.btn__default--maxWidth:hover svg.rotate,.btn__default:hover svg.rotate {
transform: rotate(90deg)
}

.btn__default--maxWidth:hover svg.move,.btn__default:hover svg.move {
transform: translate(.3rem)
}

.btn__default--maxWidth:hover svg.move-left,.btn__default:hover svg.move-left {
transform: translate(-.3rem)
}

.btn__default--maxWidth:hover [data-animation=erase-circle],.btn__default:hover [data-animation=erase-circle] {
animation: logo 1s ease-out
}

.btn__default--maxWidth {
max-width: 8rem
}

.btn__consent,.btn__secondary,.btn__tertiary {
padding: .5rem 1rem;
text-align: center;
background: #18e9a8;
border-radius: 1.5rem;
color: #fff
}

.btn__consent:hover,.btn__secondary:hover,.btn__tertiary:hover {
color: #8ba0a9;
background-color: #1b3d4b;
text-decoration: none
}

.btn__tertiary {
background: none;
border: 1px solid #fff
}

.btn__tertiary:hover {
color: #8ba0a9;
background-color: #1b3d4b
}

.btn__tertiary:focus,.btn__tertiary:focus-within {
border-color: #18e9a8
}

.btn__consent {
color: #00151d
}

.btn__larger {
border-radius: 3.25rem;
font-size: 1.25rem;
padding: 1rem 2rem
}

svg[icon=true] {
width: 1.5rem;
height: 1.5rem;
color: inherit
}

svg[icon=true].small {
width: 1rem;
height: 1rem
}

svg[icon=true].big {
width: 3rem;
height: 3rem
}

svg[icon=true] [data-animation=erase-circle] {
stroke-dasharray: 155;
transform-origin: 50%
}

.data-request__container {
margin: 10rem 0 0;
min-height: 85vh
}

.data-request__intro {
max-width: 40rem;
margin: 0 auto
}

.data-request__form--textarea {
box-sizing: border-box;
width: 100%;
max-width: 100%;
min-width: 100%;
height: 6rem;
min-height: 6rem;
padding: 1rem
}

.movie-container {
height: 100vh
}

.movie-container__frame {
min-width: 100%;
max-width: 100%;
min-height: 100%;
max-height: 100%
}

.application__background {
background: linear-gradient(180deg,rgba(4,28,38,.5) 0,#09242f 88.63%);
display: none;
grid-row-start: 1;
grid-row-end: -1;
height: 100%
}

.application__background:after {
content: "";
background-image: url("https://d33wubrfki0l68.cloudfront.net/dd37d51b8937ae203de86a7af1cb83ecf0673d38/6de43/static/bg-f79ff3b3bd2cd21573b95936a1ab986a.jpg");
background-repeat: no-repeat;
background-size: cover;
height: 100%
}

@media (min-width: 768px) {
.application__background:after {
    display:block
}
}

@media (min-width: 768px) {
.application__background {
    grid-column-start:1;
    grid-column-end: -1;
    display: block
}
}

.application {
margin: 6rem 0;
min-height: 90vh;
border-radius: .5rem;
background-color: #00151d;
grid-column-start: 2;
grid-column-end: -2;
grid-row: 1
}

@media (min-width: 768px) {
.application {
    grid-column-start:2;
    grid-column-end: -2
}
}

@media (min-width: 1024px) {
.application {
    grid-column-start:3;
    grid-column-end: -3
}
}

@media (min-width: 1440px) {
.application {
    grid-column-start:4;
    grid-column-end: -4
}
}

.application__backButton {
display: block;
float: right;
margin: 1rem
}

.application-title {
margin: 4rem 0
}

@media (min-width: 768px) {
.application-title {
    margin:4rem 2rem 2rem
}
}

@media (min-width: 1024px) {
.application-title {
    margin:6rem 4rem 4rem
}
}

@media (min-width: 1440px) {
.application-title {
    margin:8rem 6rem 4rem
}
}

.application h3 {
color: #18e9a8
}

.application h2 {
color: #fff;
font-size: 1.7em
}

.application h4 {
color: #8ba0a9
}

.application__form-container {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5rem
}

@media (min-width: 768px) {
.application__form-container {
    grid-template-columns:1fr 1fr;
    margin: 2rem
}
}

@media (min-width: 1024px) {
.application__form-container {
    margin:4rem
}
}

@media (min-width: 1440px) {
.application__form-container {
    margin:6rem
}
}

.application__form-input {
margin-top: 1rem;
max-width: 100%;
overflow: hidden
}

.application__form-input-wide {
margin-top: 1rem;
grid-column-start: 1
}

@media (min-width: 768px) {
.application__form-input-wide {
    grid-column-start:span 2
}
}

.application__form-error {
border: 1px solid transparent;
color: #18e9a8
}

.application [type=file] {
border: 0;
clip: rect(0,0,0,0);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px
}

.application input {
font-family: Montserrat;
color: #fff;
font-weight: 700;
font-size: 1.5em;
background-color: #00151d;
margin-bottom: .5rem;
margin-right: 1rem;
padding: 1rem 0 1rem 1rem;
box-sizing: border-box;
width: 100%;
border: none;
border-bottom: 1px solid #8ba0a9
}

.application input:focus,.application input:hover {
border-bottom: 1px solid #18e9a8
}

.application input:focus {
outline: none
}

.application input:not(input:-webkit-autofill)::-webkit-contacts-auto-fill-button {
background-color: #8ba0a9
}

.application .required:after {
content: " *";
color: #18e9a8
}

.application textarea {
box-sizing: border-box;
color: #fff;
padding: 1rem;
background: transparent;
width: 100%;
height: 14rem;
border-radius: 15px;
border: 1px solid #8ba0a9;
line-height: 1.8
}

.application textarea:hover {
border: 1px solid #18e9a8
}

.application textarea:focus {
border: 1px solid #18e9a8;
outline: none
}

.application .checkbox {
display: flex
}

.application .checkbox [type=checkbox] {
margin-left: .1rem;
opacity: 0;
width: 1.4rem;
height: 1.4rem;
cursor: pointer
}

.application .checkbox .checked {
border: 2px solid #18e9a8;
width: 1.4rem;
height: 1.4rem;
border-radius: 50%;
pointer-events: none;
color: #18e9a8;
position: absolute
}

.all-vacancies {
display: grid;
grid-gap: 2rem 3rem;
margin: 2rem 0 4rem;
grid-template-rows: repeat(3,minmax(7rem,auto))
}

.process_selection,.fees_structure{
    margin: 2rem 0 2rem;
    grid-template-rows: repeat(1,minmax(0rem,auto))
}
.all-vacancies__gif {
margin-top: 3rem;
width: 100%
}

@media (min-width: 768px) {
.all-vacancies {
    grid-template-columns:repeat(2,minmax(7rem,50%))
}
.process_selection{
    grid-template-columns: repeat(3,minmax(0rem,auto)) !important;
}

}

.card-vacancy {
transition: background-color .4s cubic-bezier(.65,0,.076,1);
background-color: #041c26;
border-radius: 5px;
width: 100%
}

.card-vacancy:focus,.card-vacancy:focus-within,.card-vacancy:hover {
background: #1b3d4b
}

.card-vacancy:focus-within svg[icon=true].rotate,.card-vacancy:focus svg[icon=true].rotate,.card-vacancy:hover svg[icon=true].rotate {
transform: rotate(90deg)
}

.card-vacancy:focus-within svg[icon=true].move,.card-vacancy:focus svg[icon=true].move,.card-vacancy:hover svg[icon=true].move {
transform: translate(.3rem)
}

.card-vacancy:focus-within svg[icon=true][data-animation=erase-circle],.card-vacancy:focus svg[icon=true][data-animation=erase-circle],.card-vacancy:hover svg[icon=true][data-animation=erase-circle] {
animation: logo 1s ease-out
}

.card-vacancy:hover {
background-color: #1b3d4b
}

.card-vacancy__link {
border-radius: 5px;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: background-color .4s cubic-bezier(.65,0,.076,1);
box-sizing: border-box
}

.card-vacancy__link,.card-vacancy__link:hover {
text-decoration: none
}

.card-vacancy__link:active {
color: #fff
}

.card-vacancy__metadata-list {
margin: 1.5rem 1.5rem 1rem;
display: block;
list-style-type: none;
padding: 0
}

.card-vacancy__metadata {
display: inline-block;
margin-right: 1rem
}

.card-vacancy__content {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
margin: 0 1.5rem 2rem
}

.card-vacancy__title {
flex: 1 1 auto;
margin: 0;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto
}

.card-vacancy svg[icon=true] {
margin-left: 1rem;
flex: 0 0 2rem;
transition: transform .4s cubic-bezier(.65,0,.076,1)
}

.card-vacancy--bordered {
background-color: transparent;
border: 1px dashed #18e9a8
}

.dropdown-menu {
margin: 1rem 0 2rem;
padding: 0;
list-style: none;
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: column
}

@media (min-width: 768px) {
.dropdown-menu {
    align-items:flex-start;
    flex-direction: row
}
}

.dropdown-menu__item {
position: relative;
transition: background-color .2s ease-out;
margin-bottom: .5rem;
border-radius: .5rem
}

.dropdown-menu__item:hover {
background-color: #1b3d4b
}

.dropdown-menu__item.is-unfolded {
border-radius: .5rem .5rem 0 0
}

@media (min-width: 768px) {
.dropdown-menu__item {
    margin-right:2rem
}
}

.dropdown-menu__submenuListItem:last-child .dropdown-menu__linkItem {
border-radius: 0 0 .5rem .5rem;
padding-bottom: 1rem
}

.dropdown-menu__link {
color: #8ba0a9;
padding: 1rem;
display: flex;
align-items: center;
font-weight: 700;
background: transparent;
border: none;
vertical-align: text-bottom;
line-height: 1.62;
width: 100%;
cursor: pointer;
text-align: left
}

.dropdown-menu__link.is-filtering {
color: #fff
}

.dropdown-menu__link.is-unfolded {
color: #18e9a8;
background-color: #1b3d4b;
border-radius: .5rem .5rem 0 0
}

.dropdown-menu__linkItem {
color: #fff;
padding: .5rem 1rem;
background: transparent;
border: none;
vertical-align: text-bottom;
line-height: 1.62;
width: 100%;
cursor: pointer;
text-align: left
}

.dropdown-menu__linkItem.is-active {
color: #18e9a8
}

.dropdown-menu__linkItem:hover {
color: #8ba0a9
}

.dropdown-menu__linkItem.is-active:hover {
color: #fe7333
}

.dropdown-menu__clearItem {
position: relative;
min-width: 10rem;
border-radius: .5rem;
transition: background-color .2s ease-out
}

.dropdown-menu__clearItem:hover {
background-color: #1b3d4b;
color: #fff
}

.dropdown-menu__clear {
color: #fff;
background: transparent;
border: none;
padding: 1rem;
vertical-align: text-bottom;
line-height: 1.62;
width: 100%;
cursor: pointer;
text-align: left
}

.dropdown-menu [icon=true] {
margin-left: auto
}

@media (min-width: 768px) {
.dropdown-menu [icon=true] {
    margin-left:1rem
}
}

.dropdown-menu__submenu {
box-shadow: 0 26px 30px rgba(0,0,0,.1);
margin: 0;
padding: 0;
list-style: none;
background: #1b3d4b;
opacity: 0;
transform: translateY(-1rem);
border-radius: 0 0 .5rem .5rem;
max-height: 0;
width: 100%;
visibility: hidden;
transition: visibility 0s,transform .5s ease-out,max-height .4s ease-out,opacity .2s
}

@media (min-width: 768px) {
.dropdown-menu__submenu {
    position:absolute;
    left: 0;
    max-height: 100%
}
}

.dropdown-menu .dropdown-menu__submenu.is-unfolded {
opacity: 1;
transform: translateY(0);
visibility: visible;
max-height: 30rem;
z-index: 1
}

.scroll-indicator {
position: absolute;
bottom: 10%;
right: 10%;
animation: scrollAnimation 3s;
opacity: 1;
z-index: 4;
transition: opacity .3s ease-out
}

.scroll-indicator__scroll {
animation: scrollJump 3s infinite;
width: 0;
transform: translate(-50%,-300%) rotate(90deg)
}

.scroll-indicator__bar {
width: 2px;
height: 6rem;
transform: translateY(3rem);
background: #18e9a8
}

.scroll-indicator.is-hidden {
opacity: 0
}

@media (min-width: 768px) {
.scroll-indicator {
    bottom:0
}
}

@keyframes scrollAnimation {
0% {
    transform: translateY(0)
}

30% {
    opacity: .8;
    transform: translateY(-2rem)
}

70% {
    opacity: 1
}

to {
    transform: translateY(0)
}
}

@keyframes scrollJump {
0% {
    transform: translateY(0) translateX(-50%) rotate(90deg)
}

40% {
    transform: translateY(-1rem) translateX(-50%) rotate(90deg)
}

to {
    transform: translateY(0) translateX(-50%) rotate(90deg)
}
}

.works-with {
display: flex;
flex-wrap: wrap
}

.works-with__wrapper {
margin-right: 1rem
}

.works-with__heading {
font-size: .875rem
}

.works-with__tech-logos {
display: flex;
flex-flow: row;
flex-wrap: wrap;
margin-top: 1rem;
align-content: space-between
}

.works-with__tech-logo {
height: 2rem;
margin-bottom: 1rem;
margin-right: 1rem;
-o-object-fit: contain;
object-fit: contain
}

.works-with__client-logo,.works-with__tech-logo>svg {
height: 2rem
}

.works-with__client-logo>img,.works-with__client-logo>svg {
height: 2rem;
max-width: 100%
}

.banner,.banner--limitedHeight {
display: grid;
grid-template-columns: 1rem 1fr 1fr 1rem;
grid-template-rows: minmax(100vh,auto)
}

@media (min-width: 768px) {
.banner,.banner--limitedHeight {
    grid-template-columns:minmax(3rem,1fr) repeat(10,minmax(calc(76.8px - .6rem),144px)) minmax(3rem,1fr)
}
    .banner__content__contact{

    }
}

@media (min-width: 1024px) {
.banner,.banner--limitedHeight {
    grid-template-columns:minmax(7.5rem,1fr) repeat(10,minmax(calc(76.8px - 1.5rem),144px)) minmax(7.5rem,1fr)
}
}

.banner--with-scrollindicator {
position: relative
}

.banner--limitedHeight {
grid-template-rows: auto;
height: 100%
}

.banner--limitedHeight .banner__content {
margin: 6rem 0 3rem
}

.banner__content {
position: relative;
color: #fff;
display: flex;
justify-content: center;
flex-direction: column;
margin: 4rem 0;
grid-column: 2/-2;
grid-row: 1/1;
z-index: 3;
}

.banner__content h1 {
z-index: 5;
text-transform: none;
}

@media (min-width: 768px) {
.banner__content--left {
    grid-column:2/span 6
}
}

@media (min-width: 768px) {
.banner__content--right {
    grid-column:span 6/-2
}
}

@media (min-width: 768px) {
.banner__content--center {
    grid-column:3/-3
}
}

@media (min-width: 768px) {
.banner__content--404 {
    grid-column:2/span 7
}
}
@media (min-width: 992px) {
.header.header-transparent.header-fixed
{
       background: linear-gradient(180deg,rgba(4,28,38,.5) 0,#00151d 88.63%);
   }
}
.banner__overlay {
background: linear-gradient(180deg,rgba(4,28,38,.5) 0,#00151d 88.63%);
grid-column: 1/-1;
grid-row: 1/1;
position: relative;
z-index: 2;
}

.banner__background,.banner__video {
grid-column: 1/-1;
grid-row: 1/1;
z-index: 1;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
position: relative
}

.banner__video--player {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100vw
}

@supports (-ms-ime-align:auto) {
.banner__video--player {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto
}
}

.banner__background {
-webkit-filter: grayscale(1);
filter: grayscale(1)
}

.banner__background .gatsby-image-wrapper {
height: 100%;
max-height: 100vh
}

.banner__brand-video {
align-items: center;
display: flex;
flex-flow: row;
flex-wrap: wrap
}

.banner__btn {
cursor: pointer;
position: relative;
display: inline-block;
width: 2rem;
height: 2rem;
background-color: #18e9a8;
border-radius: 50%;
border: 1px solid #fff;
margin-bottom: 1rem;
margin-right: 2rem
}

.banner__btn svg {
width: .94rem;
height: .94rem;
color: inherit;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%)
}

.banner__btn:after,.banner__btn:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: transparent;
border: 2px solid #18e9a8;
border-radius: 50%;
transform-origin: center center;
animation: pulse 2.5s ease infinite;
animation-fill-mode: both
}

.banner__btn:after {
animation-delay: 1.25s
}

.banner__transition-wrapper {
position: absolute;
z-index: 999;
border-radius: 50%;
width: 1000vw;
height: 1000vw;
background: #00151d;
transform: translate(-50%,-50%) scale(0);
transition: transform .42s cubic-bezier(.43,.02,.45,.97)
}

.banner__transition-wrapper.modal-open {
transform: translate(-50%,-50%) scale(1);
position: fixed
}

.banner__subtitle {
color: #18e9a8;
margin-bottom: 1rem
}

.banner__video-player {
box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)
}

.ReactModal__Overlay {
z-index: 999;
opacity: 0;
transition: opacity .3s ease .5s
}

.ReactModal__Overlay--after-open {
opacity: 1;
background-color: #00151d;
box-shadow: inset 0 -20px 100px -10px rgba(0,0,0,.3),inset 0 20px 100px -10px rgba(0,0,0,.3),0 0 0 rgba(0,0,0,.1);
z-index: 9999999
}

.ReactModal__Overlay--before-close {
opacity: 0
}

.ReactModal__Body--open,.ReactModalPortal {
overflow: hidden
}

.ReactModalPortal .close-button {
cursor: pointer;
position: absolute;
right: 1vw;
top: 1vw;
background-color: transparent;
border: none;
padding: 0
}

.ReactModalPortal .close-button .close {
position: relative;
display: inline-block;
width: 3.1666vw;
height: 3.1666vw;
min-width: 40px;
min-height: 40px;
overflow: hidden
}

.ReactModalPortal .close-button .close:after,.ReactModalPortal .close-button .close:before {
content: "";
background: #18e9a8;
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px
}

.ReactModalPortal .close-button .close:before {
transform: rotate(45deg)
}

.ReactModalPortal .close-button .close:after {
transform: rotate(-45deg)
}

.ReactModalPortal .close-button .close.black:after,.ReactModalPortal .close-button .close.black:before {
height: 8px;
margin-top: -4px
}

.ReactModalPortal video {
width: 100%;
max-width: 147.9167vh;
margin-left: auto;
margin-right: auto
}

@keyframes pulse {
0% {
    transform: scale(1);
    opacity: 1
}

to {
    transform: scale(2);
    opacity: 0
}
}

.homepage-intro__body {
margin-bottom: 4rem
}

@media (min-width: 768px) {
.homepage-intro__body {
    margin-bottom:8rem
}
}

.homepage-intro__brands {
display: block;
margin: 0 auto;
overflow: hidden;
max-width: 1440px
}

.homepage-intro__brands:nth-child(2n) .homepage-intro__brands-ticker {
animation: row1 40s linear infinite;
-webkit-animation: row1 40s linear infinite
}

.homepage-intro__brands:nth-child(odd) .homepage-intro__brands-ticker {
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
animation: row2 40s linear infinite;
-webkit-animation: row2 40s linear infinite
}

.homepage-intro__brands-ticker {
display: inline-flex;
overflow: visible;
flex-flow: row nowrap;
justify-content: flex-start
}

.homepage-intro__brand-logo {
display: flex;
flex-flow: column;
height: auto;
justify-content: center;
height: 166px;
width: 330px
}

@keyframes row1 {
0% {
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

to {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}
}

@keyframes row2 {
0% {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

to {
    transform: translateX(0);
    -webkit-transform: translateX(0)
}
}

.homepage-tech__body {
margin-bottom: 2rem
}

.homepage-tech__grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fit,minmax(33%,1fr));
align-content: flex-start
}

.homepage-tech__grid__mentors
{
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fit,minmax(50%,1fr));
align-content: flex-start
}

@media (min-width: 768px) {
.homepage-tech__grid {
    gap:4rem 3rem;
    grid-template-columns: repeat(3,1fr)
}
.homepage-tech__grid__mentors {
    gap:2rem 2rem;
    grid-template-columns: repeat(2,1fr)
}
}

@media (min-width: 1024px) {
.homepage-tech__grid {
    gap:4rem 3rem;
    grid-template-columns: repeat(3,1fr)
}
.homepage-tech__grid__mentors {
    gap:2rem 2rem;
    grid-template-columns: repeat(2,1fr)
}
}

.homepage-tech__group {
background-color: transparent;
height: 6rem;
border-radius: 5px;
perspective: 1000px;
perspective-origin: 50%
}

.homepage-tech__group.flipped .homepage-tech__group-inner {
transform: rotateY(180deg)
}

.homepage-tech__group-inner {
background: #041c26;
border-radius: 5px;
height: 100%;
position: relative;
text-align: center;
transform-style: preserve-3d;
transition: transform 1.2s cubic-bezier(.215,.61,.355,1);
transition-delay: 0;
width: 100%
}

.homepage-tech__group-inner:after,.homepage-tech__group-inner:before {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #1b3d4b;
content: "";
height: 100%;
position: absolute;
width: 5px
}

.homepage-tech__group-inner:before {
right: 0;
transform-origin: right center;
transform: rotateY(90deg)
}

.homepage-tech__group-inner:after {
left: 0;
transform-origin: left center;
transform: rotateY(-90deg)
}

.homepage-tech__back,.homepage-tech__front {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #041c26;
left: 50%;
position: absolute;
top: 50%
}

.homepage-tech__front {
transform: translate(-50%,-50%)
}

.homepage-tech__back {
transform: translate(-50%,-50%) rotateY(180deg)
}

.card-default {
height: 100%;
background-color: #041c26
}

.card-default__link {
transition: background-color .4s cubic-bezier(.65,0,.076,1);
border-radius: 5px;
text-decoration: none;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
height: 100%
}

.hover-accent:hover{
color:#18e9a8 !important;
}

.card-default__link:focus,.card-default__link:focus-within,.card-default__link:hover {
background: #18e9a8;
text-decoration: none;
border-radius: 5px
}

.card-default__link:focus-within .btn__default,.card-default__link:focus .btn__default,.card-default__link:hover .btn__default {
color: #fff
}

.card-default__link:focus-within p,.card-default__link:focus p,.card-default__link:hover p {
color: #fff
}

.card-default__link:hover {
text-decoration: none;
background: #18e9a8
}

.card-default__link:hover .card-default__title,
.card-default__link:hover .card-default__body{
color:black !important;
}

.homepage-department__grid .card-default__body{
color:white;
}

.card-default__title {
margin: 2rem 1.5rem 1rem
}

.card-default__body {
margin-right: 1.5rem;
margin-left: 1.5rem;
margin-bottom: auto;
transition: color .4s cubic-bezier(.65,0,.076,1);
color: #fff;
align-self: stretch
}

.card-default__cta {
margin: 2rem 1.5rem 1.5rem;
font-family: Montserrat,sans-serif;
font-weight: 700;
font-size: 1rem;
line-height: 1.62;
color: #fff;
align-self: baseline;
cursor: pointer
}

.card-default :hover [class^=btn] {
color: #fff
}

.card-default:hover [data-animation=erase-circle] {
animation: logo 1s ease-out
}

.homepage-department__title {
margin-top: 5rem;
display: flex;
flex-direction: column-reverse;
margin-bottom: auto
}

.homepage-department__grid {
margin-top: 5rem;
display: grid;
grid-template-columns: 1fr;
grid-gap: 1rem
}

@media (min-width: 768px) {
.homepage-department__grid {
    grid-template-columns:1fr
}
}

@media (min-width: 1024px) {
.homepage-department__grid {
    grid-template-columns:1fr
}
}

.sustainability__container {
overflow: hidden;
min-height: 100vh;
position: relative
}

@media (min-width: 768px) {
.sustainability__container {
    min-height:100vh
}
}

.sustainability__background {
background-repeat: no-repeat;
background-size: cover;
position: absolute;
width: 100%
}

.sustainability__background .gatsby-image-wrapper {
-webkit-filter: grayscale(1);
filter: grayscale(1);
height: 100vh;
min-height: 100%
}

.sustainability__background-overlay {
background: linear-gradient(180deg,rgba(4,28,38,.5) 0,#00151d 88.63%);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
position: absolute
}

.sustainability__content {
display: flex;
flex-direction: column;
grid-column-end: -2;
grid-column-start: 2;
justify-content: center;
margin: 8rem 0;
position: relative;
z-index: 2
}

.sustainability__content h4 {
margin-top: 2rem
}

@media (min-width: 768px) {
.sustainability__content {
    grid-column-start:2;
    grid-column-end: span 7
}
}

.expendable__slidedown,.expendable__slideup {
-moz-transition: max-height .5s ease-in-out;
-o-transition: max-height .5s ease-in-out;
-webkit-transition: max-height .5s ease-in-out;
max-height: 0;
overflow-y: hidden;
transition: max-height .5s ease-in-out
}

.expendable__slidedown {
max-height: 300vh
}

.tooltip {
background: #18e9a8;
border-radius: 5px;
color: #fff;
cursor: pointer;
font-weight: 400;
line-height: 1.82;
display: none;
padding: .75rem;
position: absolute;
top: 3rem;
left: 50%;
opacity: 0;
transform: translateX(-50%);
width: 100%
}

.tooltip[aria-hidden=false] {
z-index: 100;
display: block;
box-sizing: border-box;
animation: fadeSlideIn .3s cubic-bezier(.215,.61,.355,1) both;
opacity: 1
}

.tooltip:before {
content: "";
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #18e9a8;
position: absolute;
top: -6px;
left: 33%;
transform: translateX(-50%);
will-change: opacity,transform
}

@keyframes fadeSlideIn {
0% {
    opacity: 0;
    transform: translate(-50%,-10%)
}

to {
    opacity: 1;
    transform: translate(-50%)
}
}

.list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(3,1fr);
justify-content: space-between
}

@media (max-width: 768px) {
.list {
    grid-template-columns: repeat(2,1fr);
}
}

.list__item {
background: none;
border: none;
color: #fff;
width: 100%;
text-align: left;
cursor: pointer;
font-weight: 700;
padding: 1.2rem 1rem 1.2rem 2rem;
position: relative;
transition: opacity .3s cubic-bezier(.215,.61,.355,1);
will-change: opacity
}

.list__item.is-active {
z-index: 88
}

.list svg {
color: #18e9a8;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%)
}

.accordion {
width: 100%
}

.panel,.panel__label {
background-color: #00151d
}

.panel__label {
font-family: Montserrat,sans-serif;
color: #fff;
position: relative;
display: flex;
width: 100%;
border: none;
text-align: left;
padding: 1rem;
cursor: pointer;
align-items: center
}

.panel__label:focus {
outline: none
}

.panel__label svg {
color: #18e9a8;
margin-right: .5rem
}

.panel[aria-expanded=true] .panel__content {
opacity: 1;
color: #8ba0a9
}

.panel[aria-expanded=true] .panel__label {
color: #fff
}

.panel__inner {
overflow: hidden;
transition: height .4s cubic-bezier(.65,0,.076,1)
}

.panel__content {
color: #fff;
font-weight: 400;
opacity: 1;
transition: opacity .3s linear .18s;
padding: 0 1rem 1.25rem 3rem
}

.homepage-perk-section__title {
margin: 5rem 0 2rem
}

.traineeship__container {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh
}

@media (min-width: 768px) and (min-height:550px) {
.traineeship__container {
    width:100vw;
    min-height: 70vh
}
}

.traineeship__container:last-of-type {
min-height: 90vh;
padding-bottom: 5rem
}

.traineeship__container .active {
opacity: 1
}

.traineeship__content {
position: relative;
padding-left: 4.5rem;
padding-right: 2rem;
z-index: 0
}

@media (min-width: 768px) and (min-height:550px) {
.traineeship__content {
    max-width:40rem;
    padding-left: 10rem;
    padding-right: 5rem;
    opacity: 0;
    will-change: opacity;
    transition: opacity 1.5s cubic-bezier(.215,.61,.355,1)
}
}

.flag-container {
width: 40px;
height: 30px
}

@media (min-width: 768px) and (min-height:550px) {
.flag-container {
    width:60px;
    height: 40px
}
}

.flag-animation {
will-change: transform;
animation: wave 1s ease-in-out infinite alternate;
background: #18e9a8;
background-size: 300px 100%;
position: relative;
height: 100%;
width: 1px;
display: inline-block
}

@keyframes wave {
50% {
    transform: translateY(7%)
}
}

.flag-animation:first-child {
animation-delay: 30ms
}

.flag-animation:nth-child(2) {
animation-delay: 60ms
}

.flag-animation:nth-child(3) {
animation-delay: 90ms
}

.flag-animation:nth-child(4) {
animation-delay: .12s
}

.flag-animation:nth-child(5) {
animation-delay: .15s
}

.flag-animation:nth-child(6) {
animation-delay: .18s
}

.flag-animation:nth-child(7) {
animation-delay: .21s
}

.flag-animation:nth-child(8) {
animation-delay: .24s
}

.flag-animation:nth-child(9) {
animation-delay: .27s
}

.flag-animation:nth-child(10) {
animation-delay: .3s
}

.flag-animation:nth-child(11) {
animation-delay: .33s
}

.flag-animation:nth-child(12) {
animation-delay: .36s
}

.flag-animation:nth-child(13) {
animation-delay: .39s
}

.flag-animation:nth-child(14) {
animation-delay: .42s
}

.flag-animation:nth-child(15) {
animation-delay: .45s
}

.flag-animation:nth-child(16) {
animation-delay: .48s
}

.flag-animation:nth-child(17) {
animation-delay: .51s
}

.flag-animation:nth-child(18) {
animation-delay: .54s
}

.flag-animation:nth-child(19) {
animation-delay: .57s
}

.flag-animation:nth-child(20) {
animation-delay: .6s
}

.flag-animation:nth-child(21) {
animation-delay: .63s
}

.flag-animation:nth-child(22) {
animation-delay: .66s
}

.flag-animation:nth-child(23) {
animation-delay: .69s
}

.flag-animation:nth-child(24) {
animation-delay: .72s
}

.flag-animation:nth-child(25) {
animation-delay: .75s
}

.flag-animation:nth-child(26) {
animation-delay: .78s
}

.flag-animation:nth-child(27) {
animation-delay: .81s
}

.flag-animation:nth-child(28) {
animation-delay: .84s
}

.flag-animation:nth-child(29) {
animation-delay: .87s
}

.flag-animation:nth-child(30) {
animation-delay: .9s
}

.flag-animation:nth-child(31) {
animation-delay: .93s
}

.flag-animation:nth-child(32) {
animation-delay: .96s
}

.flag-animation:nth-child(33) {
animation-delay: .99s
}

.flag-animation:nth-child(34) {
animation-delay: 1.02s
}

.flag-animation:nth-child(35) {
animation-delay: 1.05s
}

.flag-animation:nth-child(36) {
animation-delay: 1.08s
}

.flag-animation:nth-child(37) {
animation-delay: 1.11s
}

.flag-animation:nth-child(38) {
animation-delay: 1.14s
}

.flag-animation:nth-child(39) {
animation-delay: 1.17s
}

.flag-animation:nth-child(40) {
animation-delay: 1.2s
}

.flag-animation:nth-child(41) {
animation-delay: 1.23s
}

.flag-animation:nth-child(42) {
animation-delay: 1.26s
}

.flag-animation:nth-child(43) {
animation-delay: 1.29s
}

.flag-animation:nth-child(44) {
animation-delay: 1.32s
}

.flag-animation:nth-child(45) {
animation-delay: 1.35s
}

.flag-animation:nth-child(46) {
animation-delay: 1.38s
}

.flag-animation:nth-child(47) {
animation-delay: 1.41s
}

.flag-animation:nth-child(48) {
animation-delay: 1.44s
}

.flag-animation:nth-child(49) {
animation-delay: 1.47s
}

.flag-animation:nth-child(50) {
animation-delay: 1.5s
}

.flag-animation:nth-child(51) {
animation-delay: 1.53s
}

.flag-animation:nth-child(52) {
animation-delay: 1.56s
}

.flag-animation:nth-child(53) {
animation-delay: 1.59s
}

.flag-animation:nth-child(54) {
animation-delay: 1.62s
}

.flag-animation:nth-child(55) {
animation-delay: 1.65s
}

.flag-animation:nth-child(56) {
animation-delay: 1.68s
}

.flag-animation:nth-child(57) {
animation-delay: 1.71s
}

.flag-animation:nth-child(58) {
animation-delay: 1.74s
}

.flag-animation:nth-child(59) {
animation-delay: 1.77s
}

.flag-animation:nth-child(60) {
animation-delay: 1.8s
}

.traineeship__intro-container {
width: 100vw;
display: flex;
align-items: center;
justify-content: center
}

.traineeship__intro-container .active {
opacity: 1
}

.traineeship__intro {
width: 40rem;
padding-left: 4.5rem;
padding-right: 2rem
}

@media (min-width: 768px) and (min-height:550px) {
.traineeship__intro {
    padding-left:10rem;
    padding-right: 5rem;
    opacity: 0;
    will-change: opacity;
    transition: opacity 1.5s cubic-bezier(.215,.61,.355,1)
}
}

.traineeship__intro-title {
color: #18e9a8;
margin-bottom: 3px
}

.traineeship__intro-label {
display: inline-block;
margin-right: .5rem;
color: #fff6f2
}

.traineeship__intro-chevron {
color: #fff6f2;
animation: bounce 1s infinite;
will-change: transform;
transform: translateY(0)
}

.traineeship__background {
width: 100vw;
height: 100vh;
position: relative;
display: flex;
justify-content: center
}

.traineeship__background-intro {
position: absolute;
height: 100vw;
border: 1px solid #fff;
width: 100vw
}

.traineeship__background-intro-title {
margin-bottom: 3px
}

.traineeship__background-intro-label {
display: inline-block;
margin-right: .5rem
}

.traineeship__background-flag {
display: flex;
bottom: 0;
width: 100%;
left: auto;
right: auto;
padding-left: 1rem
}

@media (min-width: 768px) and (min-height:550px) {
.traineeship__background-flag {
    padding-left:4rem;
    max-width: 60rem
}
}

.traineeship__background-flag-pole {
height: 75vh;
bottom: 0;
width: 3px;
background-color: #537381
}

.traineeship__background-flag-pole:before {
position: absolute;
margin-left: 2px;
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
transform: translateX(-50%);
background-color: #18e9a8
}

.traineeship__background-flag-wrapper {
margin-top: 6px;
margin-left: -1px;
height: auto;
transform-origin: 0 50%;
will-change: transform;
transition: transform .2s;
transform: translateY(50vh);
}

.traineeship__background-ground {
z-index: 1;
bottom: 0;
width: 100%
}

.traineeship__background-ground>svg {
display: block
}

.fixed {
position: fixed
}

.absolute,.traineeship__background--tracker {
position: absolute
}

.traineeship__endOfContent--tracker {
height: 10rem;
position: absolute
}

.cta-banner {
margin: 1rem 0 4rem
}

.cta-banner__subtitle {
color: #18e9a8;
display: block
}

.cta-banner__content {
display: flex;
flex-direction: column
}

@media (min-width: 768px) {
.cta-banner__content {
    flex-direction:row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between
}
}

@media (min-width: 768px) {
.cta-banner__title {
    margin:0
}
}

.collage,.collage__1,.collage__2,.collage__3,.collage__4,.collage__5,.collage__6,.collage__7,.collage__8,.collage__9,.collage__10 {
content-visibility: auto;
width: 100%
}

.collage :nth-of-type(n),.collage__1 :nth-of-type(n),.collage__2 :nth-of-type(n),.collage__3 :nth-of-type(n),.collage__4 :nth-of-type(n),.collage__5 :nth-of-type(n),.collage__6 :nth-of-type(n),.collage__7 :nth-of-type(n),.collage__8 :nth-of-type(n),.collage__9 :nth-of-type(n),.collage__10 :nth-of-type(n) {
height: 22.5rem
}

.collage__img {
-o-object-fit: cover;
object-fit: cover;
height: 11.25rem;
width: 100%;
display: block;
float: left
}

.collage--filtered .collage__img {
position: relative
}

.collage--filtered .collage__img:after {
background: linear-gradient(180deg,rgba(4,28,38,.5) 0,#00151d 88.63%);
content: "";
height: 100%;
left: 0;
opacity: 1;
pointer-events: none;
position: absolute;
top: 0;
transition: opacity .8s ease-in-out;
width: 100%;
will-change: opacity
}

.collage--filtered .collage__img picture>img {
will-change: transform
}

.collage--filtered .collage__img:hover:after {
opacity: 0
}

@media (min-width: 768px) {
.collage--filtered .collage__img:hover picture>img {
    transform:scale(1.125)
}
}

.collage:hover,.collage__1:hover,.collage__2:hover,.collage__3:hover,.collage__4:hover,.collage__5:hover,.collage__6:hover,.collage__7:hover,.collage__8:hover,.collage__9:hover,.collage__10:hover {
-webkit-filter: none;
filter: none
}

.collage__1 {
contain-intrinsic-size: 1px 45rem
}

@media (min-width: 768px) {
.collage__1 :nth-child(n) {
    height:45rem
}
}

.collage__2 {
contain-intrinsic-size: 1px 33.75rem
}

.collage__2 :nth-of-type(n) {
width: 50%
}

@media (min-width: 768px) {
.collage__2 :nth-child(n) {
    height:33.75rem
}
}

.collage__3 {
contain-intrinsic-size: 1px 22.5rem
}

.collage__3 :nth-of-type(n+2) {
width: 50%;
height: 11.25rem
}

@media (min-width: 768px) {
.collage__3 :nth-child(n) {
    height:22.5rem;
    width: 33.33333%
}
}

.collage__4 {
contain-intrinsic-size: 1px 22.5rem
}

.collage__4 :nth-of-type(n) {
width: 50%
}

@media (min-width: 768px) {
.collage__4 :nth-child(n) {
    width:25%
}
}

.collage__5 {
contain-intrinsic-size: 1px 33.75rem
}

.collage__5 :nth-of-type(n+2) {
width: 50%
}

@media (min-width: 768px) {
.collage__5 :nth-of-type(-n+2) {
    height:33.75rem;
    width: 50%
}

.collage__5 :nth-of-type(n+3) {
    width: 33.33333%
}
}

.collage__6,.collage__7,.collage__8,.collage__9,.collage__10 {
contain-intrinsic-size: 1px 33.75rem;
display: grid;
grid-template-columns: repeat(2,1fr)
}

.collage__6 :first-child,.collage__6 :nth-child(n+6):nth-child(-2n+10):last-child,.collage__7 :first-child,.collage__7 :nth-child(n+6):nth-child(-2n+10):last-child,.collage__8 :first-child,.collage__8 :nth-child(n+6):nth-child(-2n+10):last-child,.collage__9 :first-child,.collage__9 :nth-child(n+6):nth-child(-2n+10):last-child,.collage__10 :first-child,.collage__10 :nth-child(n+6):nth-child(-2n+10):last-child {
grid-column: 1/-1
}

@media (min-width: 768px) {
.collage__6 :nth-child(n+6):nth-child(-2n+10):last-child,.collage__7 :nth-child(n+6):nth-child(-2n+10):last-child,.collage__8 :nth-child(n+6):nth-child(-2n+10):last-child,.collage__9 :nth-child(n+6):nth-child(-2n+10):last-child,.collage__10 :nth-child(n+6):nth-child(-2n+10):last-child {
    grid-column:initial
}
}

@media (min-width: 768px) {
.collage__6,.collage__7,.collage__8,.collage__9,.collage__10 {
    grid-template-columns:repeat(4,1fr);
    grid-column: initial
}

.collage__6 :last-child,.collage__7 :last-child,.collage__8 :last-child,.collage__9 :last-child,.collage__10 :last-child {
    grid-column: initial
}

.collage__6 :nth-of-type(-n+2),.collage__7 :nth-of-type(-n+2),.collage__8 :nth-of-type(-n+2),.collage__9 :nth-of-type(-n+2),.collage__10 :nth-of-type(-n+2) {
    grid-column: span 2
}

.collage__6 :first-of-type:nth-last-of-type(7),.collage__7 :first-of-type:nth-last-of-type(7),.collage__8 :first-of-type:nth-last-of-type(7),.collage__9 :first-of-type:nth-last-of-type(7),.collage__10 :first-of-type:nth-last-of-type(7) {
    grid-column: span 1;
    grid-row: span 1
}

.collage__6 :first-of-type:nth-last-of-type(8),.collage__7 :first-of-type:nth-last-of-type(8),.collage__8 :first-of-type:nth-last-of-type(8),.collage__9 :first-of-type:nth-last-of-type(8),.collage__10 :first-of-type:nth-last-of-type(8) {
    grid-row: span 2;
    height: 45rem
}

.collage__6 :nth-of-type(9):last-of-type,.collage__7 :nth-of-type(9):last-of-type,.collage__8 :nth-of-type(9):last-of-type,.collage__9 :nth-of-type(9):last-of-type,.collage__10 :nth-of-type(9):last-of-type {
    grid-column: span 2
}
}

.homepage__section {
margin: 4rem 0
}

.homepage__full-height {
height: 100vh
}

.languageWarning__container {
display: flex;
background-color: #1b3d4b;
width: 100%;
border-radius: 4px;
margin-bottom: 1rem;
height: 4.5rem
}

.languageWarning__container svg {
margin: 1rem;
max-width: 1.5rem;
width: 1.5rem;
min-height: 2rem
}

.languageWarning__message {
margin: 1rem 1rem 1rem 0;
display: inline-flex;
align-items: center;
min-height: 2rem
}

.vacancy-detail {
margin-top: 7rem;
min-height: 85vh
}

.vacancy-detail__background {
margin-top: -7rem;
position: absolute;
background-size: cover;
width: 100%;
z-index: -1
}

.vacancy-detail__background .gatsby-image-wrapper {
max-height: 30rem
}

.vacancy-detail__background-overlay {
background: linear-gradient(180deg,rgba(4,28,38,.5) 0,#00151d 88.63%);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
position: absolute
}

.vacancy-detail__title-tag {
margin-bottom: 0
}

.vacancy-detail__meta-title {
font-size: 2em
}

.vacancy-detail__meta-title,.vacancy-detail__title {
line-height: 1.4;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto
}

.vacancy-detail__title {
font-size: 3em
}

.vacancy-detail__backButton {
height: 3rem;
margin-bottom: 1rem
}

.vacancy-detail__metadata {
word-wrap: break-word;
padding: 1rem;
background-color: #09242f
}

@media (min-width: 768px) {
.vacancy-detail__metadata {
    padding:2rem
}
}

.vacancy-detail__metadata-list {
list-style: none;
margin-left: 1rem;
padding: 0
}

.vacancy-detail__tags {
margin-bottom: 2.1875rem
}

.vacancy-detail__tag {
color: #00151d;
font-size: .75rem;
border-radius: 6.25rem;
border: none;
box-sizing: border-box;
padding: .5rem 1.25rem;
margin: .5rem 1rem .5rem 0;
display: inline-block;
background-color: #18e9a8
}

.vacancy-detail__metadata-list-item:before {
content: "\2022";
color: #18e9a8;
font-weight: 700;
display: inline-block;
width: 1rem;
margin-left: -1rem
}

.vacancy-detail__description h2,.vacancy-detail__requirements h2 {
color: #18e9a8;
margin-top: 2rem;
margin-bottom: 1rem;
font-size: 1.8em
}

.vacancy-detail__description {
margin: 2rem 0 5rem
}

@media (min-width: 768px) {
.vacancy-detail__description {
    margin-top:5rem
}
}

.vacancy-detail__description figure {
margin: 0 0 1rem
}

.vacancy-detail__description img {
max-width: 100%
}

.vacancy-detail__requirements {
margin-bottom: 4rem
}

.vacancy-detail__requirements figure {
margin: 0 0 1rem
}

.vacancy-detail__requirements img {
max-width: 100%
}

.vacancy-detail__apply-button {
margin-top: 2.5rem
}

.vacancy-detail__collage {
margin-top: 5rem
}

.slide-out {
animation: slide-out 0.5s forwards;
-webkit-animation: slide-out 0.5s forwards;
}

.slide-in {
animation: slide-in 0.5s forwards;
-webkit-animation: slide-in 0.5s forwards;
}

@keyframes slide-in {
100% { right:0px; transform: translateX(0%); }
}

@-webkit-keyframes slide-in {
100% { right:0px;-webkit-transform: translateX(0%); }
}

@keyframes slide-out {
0% { transform: translateX(0%); }
100% { transform: translateX(-100%); }
}

@-webkit-keyframes slide-out {
0% { -webkit-transform: translateX(0%); }
100% { -webkit-transform: translateX(-100%); }
}

#back2Top{
padding: 10px;
background: rgb(24, 233, 168);
color: black;
}

.login_btn_new{
    width:5rem;
}

a.card-vacancy__link:hover{
    color:white;
}

.t--body-big,.t--h1,.t--h2,.t--h3,.t--h4,.t--h5,.t--heading-small{
    font-family: Montserrat,sans-serif;
    font-weight: 700;
    margin: 0;
    -webkit-margin-before: .1em;
    margin-block-start:.1em;-webkit-margin-after: .1em;
    margin-block-end:.1em}

.t--h1{
    font-size: 17.06667vw;
    line-height: .95
}

@media (min-width: 768px) {
    .t--h1 {
        font-size:8vw
    }
}

@media (min-width: 992px) {
    .t--h1 {
        font-size:6.66667vw
    }
}

@media (min-width: 1200px) {
    .t--h1 {
        font-size:5.55556vw
    }
}

.t--h2 {
    font-size: 4.26667vw;
    line-height: 1.17
}

@media (min-width: 768px) {
    .t--h2 {
        font-size:2.4vw
    }
}

@media (min-width: 992px) {
    .t--h2 {
        font-size:2vw
    }
}

@media (min-width: 1200px) {
    .t--h2 {
        font-size:1.66667vw
    }
}

.t--h3 {
    font-size: 4.26667vw;
    line-height: 1.2
}

@media (min-width: 768px) {
    .t--h3 {
        font-size:2.4vw
    }
}

@media (min-width: 992px) {
    .t--h3 {
        font-size:2vw
    }
}

@media (min-width: 1200px) {
    .t--h3 {
        font-size:1.66667vw
    }
}

.t--h4 {
    font-size: 4.26667vw
}

@media (min-width: 768px) {
    .t--h4 {
        font-size:1.6vw
    }
}

@media (min-width: 992px) {
    .t--h4 {
        font-size:1.33333vw
    }
}

@media (min-width: 1200px) {
    .t--h4 {
        font-size:1.11111vw
    }
}

.t--h5 {
    font-size: 3.2vw
}

@media (min-width: 768px) {
    .t--h5 {
        font-size:1.6vw
    }
}

@media (min-width: 992px) {
    .t--h5 {
        font-size:1.33333vw
    }
}

@media (min-width: 1200px) {
    .t--h5 {
        font-size:1.11111vw
    }
}

.t--body-big {
    font-size: 6.4vw;
    line-height: 1.2
}

@media (min-width: 768px) {
    .t--body-big {
        font-size:4vw
    }
}

@media (min-width: 992px) {
    .t--body-big {
        font-size:3.33333vw
    }
}

@media (min-width: 1200px) {
    .t--body-big {
        font-size:2.77778vw
    }
}

.t--heading-small {
    font-size: 3.2vw
}

@media (min-width: 768px) {
    .t--heading-small {
        font-size:1.2vw
    }
}

@media (min-width: 992px) {
    .t--heading-small {
        font-size:1vw
    }
}

@media (min-width: 1200px) {
    .t--heading-small {
        font-size:.83333vw
    }
}

.t--subtle {
    font-size: 4.26667vw;
    line-height: 1.63;
    color: #9ba4a8
}

@media (min-width: 768px) {
    .t--subtle {
        font-size:1.6vw
    }
}

@media (min-width: 992px) {
    .t--subtle {
        font-size:1.33333vw
    }
}

@media (min-width: 1200px) {
    .t--subtle {
        font-size:1.11111vw
    }
}

.t--small {
    font-size: 3.73333vw
}

@media (min-width: 768px) {
    .t--small {
        font-size:1.4vw
    }
}

@media (min-width: 992px) {
    .t--small {
        font-size:1.16667vw
    }
}

@media (min-width: 1200px) {
    .t--small {
        font-size:.97222vw
    }
}

.t--normal {
    font-size: 4.26667vw
}

@media (min-width: 768px) {
    .t--normal {
        font-size:1.6vw
    }
}

@media (min-width: 992px) {
    .t--normal {
        font-size:1.33333vw
    }
}

@media (min-width: 1200px) {
    .t--normal {
        font-size:1.11111vw
    }
}

.bg_theme_dark{
    background-color: #041c26;
}

.dark_input input{
    background-color: #041c26;
}

@media (max-width: 768px) {
    .dark_input form {
        margin: 2rem;
    }
}

@media (max-width: 1024px) {
    .mentors_main_div{
        grid-template-columns: repeat(1,minmax(0rem,auto)) !important;
    }

}

.overview-card.overview-card--event {
    flex: 0 0 100%;
    height: 34.55555vw;
    flex-flow: row nowrap;
}

.overview-card.overview-card--event .overview-card_date {
    flex: 0 0 33.95555vw;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    background-color: #fe5000;
    color: #fff;
    padding: 4.26667vw;
    vertical-align: bottom;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 3.2vw;
    line-height: normal;
    text-transform: capitalize;
}

.overview-card.overview-card--event .overview-card_date>span {
    display: block;
    width: 100%;
}

.overview-card.overview-card--event.overview-card--past .overview-card_date {
    background-color: transparent;
}

.overview-card.overview-card--event.overview-card--past .overview-card_location,
.overview-card.overview-card--event.overview-card--past .overview-card_title,
.overview-card.overview-card--event.overview-card--past .t--heading-small {
    color: #9ba4a8;
}

@media (min-width:768px) {
    .overview-card.overview-card--event {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(50% - 4.16667vw);
        height: 13.88889vw;
    }
    .overview-card.overview-card--event .overview-card_date {
        flex: 0 0 13.63333vw;
        padding: 0 2.22222vw 1.66667vw;
        font-size: 1.11111vw;
    }
    .overview-card.overview-card--event .overview-card_date>span {
        display: block;
        width: 100%;
    }
    .overview-card.overview-card--event .overview-card_title {
        font-size: 1.56667vw;
    }
}

.overview-card {
    height: 48vw;
    border: 1px solid #f3f3f3;
    display: flex;
    flex-flow: column nowrap;
    will-change: transform, opacity;
    animation: popIn .5s cubic-bezier(0, .46, .21, 1) .2s;
    transition: transform .3s cubic-bezier(.215, .61, .355, 1);
}

.overview-card_details {
    padding: 0 4.26667vw 4.26667vw;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    flex-grow: 1;
    position: relative;
}

.overview-card_details>* {
    margin: 0;
}

.overview-card_details .overview-card_title {
    font-family: Montserrat, sans-serif;
    font-size: 4.26667vw;
    font-weight: 700;
    line-height: normal;
}

.overview-card_details .overview-card_location {
    font-size: 3.73333vw;
    line-height: 1.2;
}

.overview-card_details span {
    position: absolute;
    top: 4.26667vw;
    left: 4.26667vw;
    line-height: .95;
    color: #fe5000;
}

@media (min-width:768px) {
    .overview-card {
        position: relative;
    }
    .overview-card:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: opacity .6s cubic-bezier(.215, .61, .355, 1);
        box-shadow: 0 14px 28px rgba(0, 0, 0, .2), 0 10px 10px rgba(0, 0, 0, .17);
        content: "";
        opacity: 0;
        z-index: -1;
    }
    .overview-card:focus,
    .overview-card:hover {
        transform: scale3d(1.006, 1.006, 1);
    }
    .overview-card:focus:after,
    .overview-card:hover:after {
        opacity: 1;
    }
    .overview-card_details {
        padding: 4.16667vw 2.22222vw 1.66667vw;
    }
    .overview-card_details>* {
        margin-top: 0;
        margin-bottom: 0;
    }
    .overview-card_details .overview-card_title {
        font-size: 1.66667vw;
        margin-bottom: .55556vw;
    }
    .overview-card_details .overview-card_location {
        font-size: 1.11111vw;
        margin: 0;
    }
    .overview-card_details span {
        top: 1.66667vw;
        left: 2.22222vw;
    }
}

.blog-overview__events .overview-card {
    margin-bottom: 4.26667vw;
}

@media (min-width:768px) {
    .blog-overview__events .overview-card {
        margin-bottom: 1.66667vw;
        flex-grow: 1;
        flex-basis: 100%;
    }
}


/*! CSS Used keyframes */

@keyframes popIn {
    0% {
        opacity: 0;
        transform: translateX(-20%);
    }
    15% {
        opacity: 0;
        transform: translateX(-20%);
    }
    to {
        opacity: 1;
        transform: none;
    }
}