@charset "UTF-8";
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align:baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display:block
}

[hidden] {
    display:none
}

body {
    line-height:1
}

ol, ul {
    list-style:none
}

blockquote, q {
    quotes:none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content:none
}

table {
    border-collapse: collapse;
    border-spacing:0
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index:1
}

.swiper-container-no-flexbox .swiper-slide {
    float:left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction:column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing:content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform:translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin:0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property:transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility:hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height:auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property:transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective:1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style:preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index:10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image:linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image:linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image:linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image:linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action:pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action:pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat:no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events:none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right:auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left:auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display:none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index:10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity:0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width:100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size:0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position:relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform:scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform:scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform:scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform:scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform:scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity:.2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance:none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor:pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background:#007aff
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform:translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display:block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width:8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s, -webkit-transform .2s;
    transition: top .2s, -webkit-transform .2s;
    transition: transform .2s, top .2s;
    transition:transform .2s, top .2s, -webkit-transform .2s
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin:0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space:nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    transition: transform .2s, left .2s;
    transition:transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    transition: right .2s, -webkit-transform .2s;
    transition: transform .2s, right .2s;
    transition:transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position:absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin:left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin:right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top:0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top:0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background:#fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background:hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background:#fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background:#000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background:rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background:#000
}

.swiper-pagination-lock {
    display:none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background:rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width:98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height:98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top:0
}

.swiper-scrollbar-cursor-drag {
    cursor:move
}

.swiper-scrollbar-lock {
    display:none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align:center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit:contain
}

.swiper-slide-zoomed {
    cursor:move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation:swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat:no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform:rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform:rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index:-1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function:ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property:opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events:none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events:auto
}

.swiper-container-cube {
    overflow:visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height:100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events:none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin:100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events:auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility:visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility:hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index:0
}

.swiper-container-flip {
    overflow:visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index:1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events:none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events:auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility:hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective:1200px
}

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: none;
    position: relative;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
    width:100%
}

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

b, strong {
    font-weight:700
}

.container, .wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left:2rem
}

.container--reset {
    padding:0
}

@media screen and (min-width: 75em) {
    .container--reset {
        padding-right: 2rem;
        padding-left:2rem
    }
}

.container--wide-reset {
    padding:0
}

.wrap {
    max-width:122rem
}

.row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1.5rem;
    margin-left:-1.5rem
}

.row, .row--column {
    -webkit-box-direction:normal
}

.row--column {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction:column
}

.row--spaced {
    margin-top: -1.5rem;
    margin-bottom:-1.5rem
}

@media screen and (min-width: 62em) {
    .row--nav {
        margin-bottom: -.5rem;
        margin-top:-.5rem
    }
}

.col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-offset-0, .col-md-offset-1, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12, .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 1.5rem;
    padding-left:1.5rem
}

.row--spaced > .col-lg, .row--spaced > .col-lg-1, .row--spaced > .col-lg-2, .row--spaced > .col-lg-3, .row--spaced > .col-lg-4, .row--spaced > .col-lg-5, .row--spaced > .col-lg-6, .row--spaced > .col-lg-7, .row--spaced > .col-lg-8, .row--spaced > .col-lg-9, .row--spaced > .col-lg-10, .row--spaced > .col-lg-11, .row--spaced > .col-lg-12, .row--spaced > .col-lg-offset-0, .row--spaced > .col-lg-offset-1, .row--spaced > .col-lg-offset-2, .row--spaced > .col-lg-offset-3, .row--spaced > .col-lg-offset-4, .row--spaced > .col-lg-offset-5, .row--spaced > .col-lg-offset-6, .row--spaced > .col-lg-offset-7, .row--spaced > .col-lg-offset-8, .row--spaced > .col-lg-offset-9, .row--spaced > .col-lg-offset-10, .row--spaced > .col-lg-offset-11, .row--spaced > .col-lg-offset-12, .row--spaced > .col-md, .row--spaced > .col-md-1, .row--spaced > .col-md-2, .row--spaced > .col-md-3, .row--spaced > .col-md-4, .row--spaced > .col-md-5, .row--spaced > .col-md-6, .row--spaced > .col-md-7, .row--spaced > .col-md-8, .row--spaced > .col-md-9, .row--spaced > .col-md-10, .row--spaced > .col-md-11, .row--spaced > .col-md-12, .row--spaced > .col-md-offset-0, .row--spaced > .col-md-offset-1, .row--spaced > .col-md-offset-2, .row--spaced > .col-md-offset-3, .row--spaced > .col-md-offset-4, .row--spaced > .col-md-offset-5, .row--spaced > .col-md-offset-6, .row--spaced > .col-md-offset-7, .row--spaced > .col-md-offset-8, .row--spaced > .col-md-offset-9, .row--spaced > .col-md-offset-10, .row--spaced > .col-md-offset-11, .row--spaced > .col-md-offset-12, .row--spaced > .col-sm, .row--spaced > .col-sm-1, .row--spaced > .col-sm-2, .row--spaced > .col-sm-3, .row--spaced > .col-sm-4, .row--spaced > .col-sm-5, .row--spaced > .col-sm-6, .row--spaced > .col-sm-7, .row--spaced > .col-sm-8, .row--spaced > .col-sm-9, .row--spaced > .col-sm-10, .row--spaced > .col-sm-11, .row--spaced > .col-sm-12, .row--spaced > .col-sm-offset-0, .row--spaced > .col-sm-offset-1, .row--spaced > .col-sm-offset-2, .row--spaced > .col-sm-offset-3, .row--spaced > .col-sm-offset-4, .row--spaced > .col-sm-offset-5, .row--spaced > .col-sm-offset-6, .row--spaced > .col-sm-offset-7, .row--spaced > .col-sm-offset-8, .row--spaced > .col-sm-offset-9, .row--spaced > .col-sm-offset-10, .row--spaced > .col-sm-offset-11, .row--spaced > .col-sm-offset-12, .row--spaced > .col-xs, .row--spaced > .col-xs-1, .row--spaced > .col-xs-2, .row--spaced > .col-xs-3, .row--spaced > .col-xs-4, .row--spaced > .col-xs-5, .row--spaced > .col-xs-6, .row--spaced > .col-xs-7, .row--spaced > .col-xs-8, .row--spaced > .col-xs-9, .row--spaced > .col-xs-10, .row--spaced > .col-xs-11, .row--spaced > .col-xs-12, .row--spaced > .col-xs-offset-0, .row--spaced > .col-xs-offset-1, .row--spaced > .col-xs-offset-2, .row--spaced > .col-xs-offset-3, .row--spaced > .col-xs-offset-4, .row--spaced > .col-xs-offset-5, .row--spaced > .col-xs-offset-6, .row--spaced > .col-xs-offset-7, .row--spaced > .col-xs-offset-8, .row--spaced > .col-xs-offset-9, .row--spaced > .col-xs-offset-10, .row--spaced > .col-xs-offset-11, .row--spaced > .col-xs-offset-12 {
    padding-top: 1.5rem;
    padding-bottom:1.5rem
}

.col-xs {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width:100%
}

.col-xs-1 {
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width:8.33333%
}

.col-xs-2 {
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width:16.66667%
}

.col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width:25%
}

.col-xs-4 {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width:33.33333%
}

.col-xs-5 {
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width:41.66667%
}

.col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width:50%
}

.col-xs-7 {
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width:58.33333%
}

.col-xs-8 {
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width:66.66667%
}

.col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width:75%
}

.col-xs-10 {
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width:83.33333%
}

.col-xs-11 {
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width:91.66667%
}

.col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width:100%
}

@media screen and (min-width: 48em) {
    .col-sm {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width:100%
    }

    .col-sm-1 {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width:8.33333%
    }

    .col-sm-2 {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width:16.66667%
    }

    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width:25%
    }

    .col-sm-4 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width:33.33333%
    }

    .col-sm-5 {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width:41.66667%
    }

    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width:50%
    }

    .col-sm-7 {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width:58.33333%
    }

    .col-sm-8 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width:66.66667%
    }

    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width:75%
    }

    .col-sm-10 {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width:83.33333%
    }

    .col-sm-11 {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width:91.66667%
    }

    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width:100%
    }
}

@media screen and (min-width: 62em) {
    .col-md {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width:100%
    }

    .col-md-1 {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width:8.33333%
    }

    .col-md-2 {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width:16.66667%
    }

    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width:25%
    }

    .col-md-4 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width:33.33333%
    }

    .col-md-5 {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width:41.66667%
    }

    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width:50%
    }

    .col-md-7 {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width:58.33333%
    }

    .col-md-8 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width:66.66667%
    }

    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width:75%
    }

    .col-md-10 {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width:83.33333%
    }

    .col-md-11 {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width:91.66667%
    }

    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width:100%
    }
}

@media screen and (min-width: 75em) {
    .col-lg {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width:100%
    }

    .col-lg-1 {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width:8.33333%
    }

    .col-lg-2 {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width:16.66667%
    }

    .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width:25%
    }

    .col-lg-4 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width:33.33333%
    }

    .col-lg-5 {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width:41.66667%
    }

    .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width:50%
    }

    .col-lg-7 {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width:58.33333%
    }

    .col-lg-8 {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width:66.66667%
    }

    .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width:75%
    }

    .col-lg-10 {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width:83.33333%
    }

    .col-lg-11 {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width:91.66667%
    }

    .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width:100%
    }
}

.col-xs-offset-0 {
    margin-left:0
}

.col-xs-offset-1 {
    margin-left:8.33333%
}

.col-xs-offset-2 {
    margin-left:16.66667%
}

.col-xs-offset-3 {
    margin-left:25%
}

.col-xs-offset-4 {
    margin-left:33.33333%
}

.col-xs-offset-5 {
    margin-left:41.66667%
}

.col-xs-offset-6 {
    margin-left:50%
}

.col-xs-offset-7 {
    margin-left:58.33333%
}

.col-xs-offset-8 {
    margin-left:66.66667%
}

.col-xs-offset-9 {
    margin-left:75%
}

.col-xs-offset-10 {
    margin-left:83.33333%
}

.col-xs-offset-11 {
    margin-left:91.66667%
}

.col-xs-offset-12 {
    margin-left:100%
}

@media screen and (min-width: 48em) {
    .col-sm-offset-0 {
        margin-left:0
    }

    .col-sm-offset-1 {
        margin-left:8.33333%
    }

    .col-sm-offset-2 {
        margin-left:16.66667%
    }

    .col-sm-offset-3 {
        margin-left:25%
    }

    .col-sm-offset-4 {
        margin-left:33.33333%
    }

    .col-sm-offset-5 {
        margin-left:41.66667%
    }

    .col-sm-offset-6 {
        margin-left:50%
    }

    .col-sm-offset-7 {
        margin-left:58.33333%
    }

    .col-sm-offset-8 {
        margin-left:66.66667%
    }

    .col-sm-offset-9 {
        margin-left:75%
    }

    .col-sm-offset-10 {
        margin-left:83.33333%
    }

    .col-sm-offset-11 {
        margin-left:91.66667%
    }

    .col-sm-offset-12 {
        margin-left:100%
    }
}

@media screen and (min-width: 62em) {
    .col-md-offset-0 {
        margin-left:0
    }

    .col-md-offset-1 {
        margin-left:8.33333%
    }

    .col-md-offset-2 {
        margin-left:16.66667%
    }

    .col-md-offset-3 {
        margin-left:25%
    }

    .col-md-offset-4 {
        margin-left:33.33333%
    }

    .col-md-offset-5 {
        margin-left:41.66667%
    }

    .col-md-offset-6 {
        margin-left:50%
    }

    .col-md-offset-7 {
        margin-left:58.33333%
    }

    .col-md-offset-8 {
        margin-left:66.66667%
    }

    .col-md-offset-9 {
        margin-left:75%
    }

    .col-md-offset-10 {
        margin-left:83.33333%
    }

    .col-md-offset-11 {
        margin-left:91.66667%
    }

    .col-md-offset-12 {
        margin-left:100%
    }
}

@media screen and (min-width: 75em) {
    .col-lg-offset-0 {
        margin-left:0
    }

    .col-lg-offset-1 {
        margin-left:8.33333%
    }

    .col-lg-offset-2 {
        margin-left:16.66667%
    }

    .col-lg-offset-3 {
        margin-left:25%
    }

    .col-lg-offset-4 {
        margin-left:33.33333%
    }

    .col-lg-offset-5 {
        margin-left:41.66667%
    }

    .col-lg-offset-6 {
        margin-left:50%
    }

    .col-lg-offset-7 {
        margin-left:58.33333%
    }

    .col-lg-offset-8 {
        margin-left:66.66667%
    }

    .col-lg-offset-9 {
        margin-left:75%
    }

    .col-lg-offset-10 {
        margin-left:83.33333%
    }

    .col-lg-offset-11 {
        margin-left:91.66667%
    }

    .col-lg-offset-12 {
        margin-left:100%
    }
}

@font-face {
    font-family: BuenosAiresWeb;
    font-weight: 200;
    font-style: normal;
    src: url(../static/fonts/BuenosAiresWeb-200-normal.eot) format("eot"), url(../static/fonts/BuenosAiresWeb-200-normal.woff) format("woff"), url(../static/fonts/BuenosAiresWeb-200-normal.woff2) format("woff2")
}

@font-face {
    font-family: BuenosAiresWeb;
    font-weight: 200;
    font-style: italic;
    src: url(../static/fonts/BuenosAiresWeb-200-italic.eot) format("eot"), url(../static/fonts/BuenosAiresWeb-200-italic.woff) format("woff"), url(../static/fonts/BuenosAiresWeb-200-italic.woff2) format("woff2")
}

@font-face {
    font-family: BuenosAiresWeb;
    font-weight: 300;
    font-style: normal;
    src: url(../static/fonts/BuenosAiresWeb-300-normal.eot) format("eot"), url(../static/fonts/BuenosAiresWeb-300-normal.woff) format("woff"), url(../static/fonts/BuenosAiresWeb-300-normal.woff2) format("woff2")
}

@font-face {
    font-family: BuenosAiresWeb;
    font-weight: 300;
    font-style: italic;
    src: url(../static/fonts/BuenosAiresWeb-300-italic.eot) format("eot"), url(../static/fonts/BuenosAiresWeb-300-italic.woff) format("woff"), url(../static/fonts/BuenosAiresWeb-300-italic.woff2) format("woff2")
}

@font-face {
    font-family: BuenosAiresWeb;
    font-weight: 350;
    font-style: normal;
    src: url(../static/fonts/BuenosAiresWeb-350-normal.eot) format("eot"), url(../static/fonts/BuenosAiresWeb-350-normal.woff) format("woff"), url(../static/fonts/BuenosAiresWeb-350-normal.woff2) format("woff2")
}

@font-face {
    font-family: BuenosAiresWeb;
    font-weight: 350;
    font-style: italic;
    src: url(../static/fonts/BuenosAiresWeb-350-italic.eot) format("eot"), url(../static/fonts/BuenosAiresWeb-350-italic.woff) format("woff"), url(../static/fonts/BuenosAiresWeb-350-italic.woff2) format("woff2")
}

@font-face {
    font-family: BuenosAiresWeb;
    font-weight: 400;
    font-style: normal;
    src: url(../static/fonts/BuenosAiresWeb-400-normal.eot) format("eot"), url(../static/fonts/BuenosAiresWeb-400-normal.woff) format("woff"), url(../static/fonts/BuenosAiresWeb-400-normal.woff2) format("woff2")
}

@font-face {
    font-family: BuenosAiresWeb;
    font-weight: 400;
    font-style: italic;
    src: url(../static/fonts/BuenosAiresWeb-400-italic.eot) format("eot"), url(../static/fonts/BuenosAiresWeb-400-italic.woff) format("woff"), url(../static/fonts/BuenosAiresWeb-400-italic.woff2) format("woff2")
}

@font-face {
    font-family: BuenosAiresWeb;
    font-weight: 600;
    font-style: normal;
    src: url(../static/fonts/BuenosAiresWeb-600-normal.eot) format("eot"), url(../static/fonts/BuenosAiresWeb-600-normal.woff) format("woff"), url(../static/fonts/BuenosAiresWeb-600-normal.woff2) format("woff2")
}

@font-face {
    font-family: BuenosAiresWeb;
    font-weight: 600;
    font-style: italic;
    src: url(../static/fonts/BuenosAiresWeb-600-italic.eot) format("eot"), url(../static/fonts/BuenosAiresWeb-600-italic.woff) format("woff"), url(../static/fonts/BuenosAiresWeb-600-italic.woff2) format("woff2")
}

@font-face {
    font-family: BuenosAiresWeb;
    font-weight: 700;
    font-style: normal;
    src: url(../static/fonts/BuenosAiresWeb-700-normal.eot) format("eot"), url(../static/fonts/BuenosAiresWeb-700-normal.woff) format("woff"), url(../static/fonts/BuenosAiresWeb-700-normal.woff2) format("woff2")
}

@font-face {
    font-family: BuenosAiresWeb;
    font-weight: 700;
    font-style: italic;
    src: url(../static/fonts/BuenosAiresWeb-700-italic.eot) format("eot"), url(../static/fonts/BuenosAiresWeb-700-italic.woff) format("woff"), url(../static/fonts/BuenosAiresWeb-700-italic.woff2) format("woff2")
}

@font-face {
    font-family: BuenosAiresWeb;
    font-weight: 900;
    font-style: normal;
    src: url(../static/fonts/BuenosAiresWeb-900-normal.eot) format("eot"), url(../static/fonts/BuenosAiresWeb-900-normal.woff) format("woff"), url(../static/fonts/BuenosAiresWeb-900-normal.woff2) format("woff2")
}

@font-face {
    font-family: BuenosAiresWeb;
    font-weight: 900;
    font-style: italic;
    src: url(../static/fonts/BuenosAiresWeb-900-italic.eot) format("eot"), url(../static/fonts/BuenosAiresWeb-900-italic.woff) format("woff"), url(../static/fonts/BuenosAiresWeb-900-italic.woff2) format("woff2")
}

.richtext--content {
    background-color: #fff;
    padding:3rem 3.2rem
}

@media screen and (min-width: 62em) {
    .richtext--content {
        padding:7rem 6.4rem
    }
}

.checkbox__label--required:after, .label--required:after {
    content: "*";
    margin-left: .3rem;
    color:#c84343
}

.justify-content-start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content:flex-start
}

.justify-content-end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content:flex-end
}

.justify-content-center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.justify-content-between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.justify-content-around-xs {
    -ms-flex-pack: distribute;
    justify-content:space-around
}

@media screen and (min-width: 48em) {
    .justify-content-start-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content:flex-start
    }

    .justify-content-end-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content:flex-end
    }

    .justify-content-center-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content:center
    }

    .justify-content-between-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content:space-between
    }

    .justify-content-around-sm {
        -ms-flex-pack: distribute;
        justify-content:space-around
    }
}

@media screen and (min-width: 62em) {
    .justify-content-start-md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content:flex-start
    }

    .justify-content-end-md {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content:flex-end
    }

    .justify-content-center-md {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content:center
    }

    .justify-content-between-md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content:space-between
    }

    .justify-content-around-md {
        -ms-flex-pack: distribute;
        justify-content:space-around
    }
}

@media screen and (min-width: 75em) {
    .justify-content-start-lg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content:flex-start
    }

    .justify-content-end-lg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content:flex-end
    }

    .justify-content-center-lg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content:center
    }

    .justify-content-between-lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content:space-between
    }

    .justify-content-around-lg {
        -ms-flex-pack: distribute;
        justify-content:space-around
    }
}

.align-items-start-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items:flex-start
}

.align-items-end-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items:flex-end
}

.align-items-center-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.align-items-stretch-xs {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items:stretch
}

.align-items-baseline-xs {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items:baseline
}

@media screen and (min-width: 48em) {
    .align-items-start-sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items:flex-start
    }

    .align-items-end-sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items:flex-end
    }

    .align-items-center-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items:center
    }

    .align-items-stretch-sm {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items:stretch
    }

    .align-items-baseline-sm {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items:baseline
    }
}

@media screen and (min-width: 62em) {
    .align-items-start-md {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items:flex-start
    }

    .align-items-end-md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items:flex-end
    }

    .align-items-center-md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items:center
    }

    .align-items-stretch-md {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items:stretch
    }

    .align-items-baseline-md {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items:baseline
    }
}

@media screen and (min-width: 75em) {
    .align-items-start-lg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items:flex-start
    }

    .align-items-end-lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items:flex-end
    }

    .align-items-center-lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items:center
    }

    .align-items-stretch-lg {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items:stretch
    }

    .align-items-baseline-lg {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items:baseline
    }
}

.align-self-auto-xs {
    -ms-flex-item-align: auto;
    align-self:auto
}

.align-self-start-xs {
    -ms-flex-item-align: start;
    align-self:flex-start
}

.align-self-end-xs {
    -ms-flex-item-align: end;
    align-self:flex-end
}

.align-self-center-xs {
    -ms-flex-item-align: center;
    align-self:center
}

.align-self-stretch-xs {
    -ms-flex-item-align: stretch;
    align-self:stretch
}

.align-self-baseline-xs {
    -ms-flex-item-align: baseline;
    align-self:baseline
}

@media screen and (min-width: 48em) {
    .align-self-auto-sm {
        -ms-flex-item-align: auto;
        align-self:auto
    }

    .align-self-start-sm {
        -ms-flex-item-align: start;
        align-self:flex-start
    }

    .align-self-end-sm {
        -ms-flex-item-align: end;
        align-self:flex-end
    }

    .align-self-center-sm {
        -ms-flex-item-align: center;
        align-self:center
    }

    .align-self-stretch-sm {
        -ms-flex-item-align: stretch;
        align-self:stretch
    }

    .align-self-baseline-sm {
        -ms-flex-item-align: baseline;
        align-self:baseline
    }
}

@media screen and (min-width: 62em) {
    .align-self-auto-md {
        -ms-flex-item-align: auto;
        align-self:auto
    }

    .align-self-start-md {
        -ms-flex-item-align: start;
        align-self:flex-start
    }

    .align-self-end-md {
        -ms-flex-item-align: end;
        align-self:flex-end
    }

    .align-self-center-md {
        -ms-flex-item-align: center;
        align-self:center
    }

    .align-self-stretch-md {
        -ms-flex-item-align: stretch;
        align-self:stretch
    }

    .align-self-baseline-md {
        -ms-flex-item-align: baseline;
        align-self:baseline
    }
}

@media screen and (min-width: 75em) {
    .align-self-auto-lg {
        -ms-flex-item-align: auto;
        align-self:auto
    }

    .align-self-start-lg {
        -ms-flex-item-align: start;
        align-self:flex-start
    }

    .align-self-end-lg {
        -ms-flex-item-align: end;
        align-self:flex-end
    }

    .align-self-center-lg {
        -ms-flex-item-align: center;
        align-self:center
    }

    .align-self-stretch-lg {
        -ms-flex-item-align: stretch;
        align-self:stretch
    }

    .align-self-baseline-lg {
        -ms-flex-item-align: baseline;
        align-self:baseline
    }
}

.order-first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order:-1
}

.order-last-xs {
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order:9999
}

.order-0-xs {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order:0
}

.order-1-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order:1
}

.order-2-xs {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order:2
}

.order-3-xs {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order:3
}

.order-4-xs {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order:4
}

.order-5-xs {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order:5
}

.order-6-xs {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order:6
}

.order-7-xs {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order:7
}

.order-8-xs {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order:8
}

.order-9-xs {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order:9
}

.order-10-xs {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order:10
}

@media screen and (min-width: 48em) {
    .order-first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order:-1
    }

    .order-last-sm {
        -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
        order:9999
    }

    .order-0-sm {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order:0
    }

    .order-1-sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order:1
    }

    .order-2-sm {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order:2
    }

    .order-3-sm {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order:3
    }

    .order-4-sm {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order:4
    }

    .order-5-sm {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order:5
    }

    .order-6-sm {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order:6
    }

    .order-7-sm {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order:7
    }

    .order-8-sm {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order:8
    }

    .order-9-sm {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order:9
    }

    .order-10-sm {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order:10
    }
}

@media screen and (min-width: 62em) {
    .order-first-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order:-1
    }

    .order-last-md {
        -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
        order:9999
    }

    .order-0-md {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order:0
    }

    .order-1-md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order:1
    }

    .order-2-md {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order:2
    }

    .order-3-md {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order:3
    }

    .order-4-md {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order:4
    }

    .order-5-md {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order:5
    }

    .order-6-md {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order:6
    }

    .order-7-md {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order:7
    }

    .order-8-md {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order:8
    }

    .order-9-md {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order:9
    }

    .order-10-md {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order:10
    }
}

@media screen and (min-width: 75em) {
    .order-first-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order:-1
    }

    .order-last-lg {
        -webkit-box-ordinal-group: 10000;
        -ms-flex-order: 9999;
        order:9999
    }

    .order-0-lg {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order:0
    }

    .order-1-lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order:1
    }

    .order-2-lg {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order:2
    }

    .order-3-lg {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order:3
    }

    .order-4-lg {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order:4
    }

    .order-5-lg {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order:5
    }

    .order-6-lg {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order:6
    }

    .order-7-lg {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order:7
    }

    .order-8-lg {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order:8
    }

    .order-9-lg {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order:9
    }

    .order-10-lg {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order:10
    }
}

.display-none-xs {
    display:none
}

.display-block-xs {
    display:block
}

.display-flex-xs {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

@media screen and (min-width: 48em) {
    .display-none-sm {
        display:none
    }

    .display-block-sm {
        display:block
    }

    .display-flex-sm {
        display: -webkit-box;
        display: -ms-flexbox;
        display:flex
    }
}

@media screen and (min-width: 62em) {
    .display-none-md {
        display:none
    }

    .display-block-md {
        display:block
    }

    .display-flex-md {
        display: -webkit-box;
        display: -ms-flexbox;
        display:flex
    }
}

@media screen and (min-width: 75em) {
    .display-none-lg {
        display:none
    }

    .display-block-lg {
        display:block
    }

    .display-flex-lg {
        display: -webkit-box;
        display: -ms-flexbox;
        display:flex
    }
}

.text-left-xs {
    text-align:left
}

.text-center-xs {
    text-align:center
}

.text-right-xs {
    text-align:right
}

@media screen and (min-width: 48em) {
    .text-left-sm {
        text-align:left
    }

    .text-center-sm {
        text-align:center
    }

    .text-right-sm {
        text-align:right
    }
}

@media screen and (min-width: 62em) {
    .text-left-md {
        text-align:left
    }

    .text-center-md {
        text-align:center
    }

    .text-right-md {
        text-align:right
    }
}

@media screen and (min-width: 75em) {
    .text-left-lg {
        text-align:left
    }

    .text-center-lg {
        text-align:center
    }

    .text-right-lg {
        text-align:right
    }
}

.spacing-top-0-xs {
    margin-top:0
}

.spacing-top-1-xs {
    margin-top:1rem
}

.spacing-top-2-xs {
    margin-top:2rem
}

.spacing-top-3-xs {
    margin-top:3rem
}

.spacing-top-4-xs {
    margin-top:4rem
}

.spacing-top-5-xs {
    margin-top:5rem
}

.spacing-top-6-xs {
    margin-top:6rem
}

.spacing-top-7-xs {
    margin-top:7rem
}

.spacing-top-8-xs {
    margin-top:8rem
}

.spacing-top-9-xs {
    margin-top:9rem
}

.spacing-top-10-xs {
    margin-top:10rem
}

@media screen and (min-width: 48em) {
    .spacing-top-0-sm {
        margin-top:0
    }

    .spacing-top-1-sm {
        margin-top:1rem
    }

    .spacing-top-2-sm {
        margin-top:2rem
    }

    .spacing-top-3-sm {
        margin-top:3rem
    }

    .spacing-top-4-sm {
        margin-top:4rem
    }

    .spacing-top-5-sm {
        margin-top:5rem
    }

    .spacing-top-6-sm {
        margin-top:6rem
    }

    .spacing-top-7-sm {
        margin-top:7rem
    }

    .spacing-top-8-sm {
        margin-top:8rem
    }

    .spacing-top-9-sm {
        margin-top:9rem
    }

    .spacing-top-10-sm {
        margin-top:10rem
    }
}

@media screen and (min-width: 62em) {
    .spacing-top-0-md {
        margin-top:0
    }

    .spacing-top-1-md {
        margin-top:1rem
    }

    .spacing-top-2-md {
        margin-top:2rem
    }

    .spacing-top-3-md {
        margin-top:3rem
    }

    .spacing-top-4-md {
        margin-top:4rem
    }

    .spacing-top-5-md {
        margin-top:5rem
    }

    .spacing-top-6-md {
        margin-top:6rem
    }

    .spacing-top-7-md {
        margin-top:7rem
    }

    .spacing-top-8-md {
        margin-top:8rem
    }

    .spacing-top-9-md {
        margin-top:9rem
    }

    .spacing-top-10-md {
        margin-top:10rem
    }
}

@media screen and (min-width: 75em) {
    .spacing-top-0-lg {
        margin-top:0
    }

    .spacing-top-1-lg {
        margin-top:1rem
    }

    .spacing-top-2-lg {
        margin-top:2rem
    }

    .spacing-top-3-lg {
        margin-top:3rem
    }

    .spacing-top-4-lg {
        margin-top:4rem
    }

    .spacing-top-5-lg {
        margin-top:5rem
    }

    .spacing-top-6-lg {
        margin-top:6rem
    }

    .spacing-top-7-lg {
        margin-top:7rem
    }

    .spacing-top-8-lg {
        margin-top:8rem
    }

    .spacing-top-9-lg {
        margin-top:9rem
    }

    .spacing-top-10-lg {
        margin-top:10rem
    }
}

.spacing-bottom-0-xs {
    margin-bottom:0
}

.spacing-bottom-1-xs {
    margin-bottom:1rem
}

.spacing-bottom-2-xs {
    margin-bottom:2rem
}

.spacing-bottom-3-xs {
    margin-bottom:3rem
}

.spacing-bottom-4-xs {
    margin-bottom:4rem
}

.spacing-bottom-5-xs {
    margin-bottom:5rem
}

.spacing-bottom-6-xs {
    margin-bottom:6rem
}

.spacing-bottom-7-xs {
    margin-bottom:7rem
}

.spacing-bottom-8-xs {
    margin-bottom:8rem
}

.spacing-bottom-9-xs {
    margin-bottom:9rem
}

.spacing-bottom-10-xs {
    margin-bottom:10rem
}

@media screen and (min-width: 48em) {
    .spacing-bottom-0-sm {
        margin-bottom:0
    }

    .spacing-bottom-1-sm {
        margin-bottom:1rem
    }

    .spacing-bottom-2-sm {
        margin-bottom:2rem
    }

    .spacing-bottom-3-sm {
        margin-bottom:3rem
    }

    .spacing-bottom-4-sm {
        margin-bottom:4rem
    }

    .spacing-bottom-5-sm {
        margin-bottom:5rem
    }

    .spacing-bottom-6-sm {
        margin-bottom:6rem
    }

    .spacing-bottom-7-sm {
        margin-bottom:7rem
    }

    .spacing-bottom-8-sm {
        margin-bottom:8rem
    }

    .spacing-bottom-9-sm {
        margin-bottom:9rem
    }

    .spacing-bottom-10-sm {
        margin-bottom:10rem
    }
}

@media screen and (min-width: 62em) {
    .spacing-bottom-0-md {
        margin-bottom:0
    }

    .spacing-bottom-1-md {
        margin-bottom:1rem
    }

    .spacing-bottom-2-md {
        margin-bottom:2rem
    }

    .spacing-bottom-3-md {
        margin-bottom:3rem
    }

    .spacing-bottom-4-md {
        margin-bottom:4rem
    }

    .spacing-bottom-5-md {
        margin-bottom:5rem
    }

    .spacing-bottom-6-md {
        margin-bottom:6rem
    }

    .spacing-bottom-7-md {
        margin-bottom:7rem
    }

    .spacing-bottom-8-md {
        margin-bottom:8rem
    }

    .spacing-bottom-9-md {
        margin-bottom:9rem
    }

    .spacing-bottom-10-md {
        margin-bottom:10rem
    }
}

@media screen and (min-width: 75em) {
    .spacing-bottom-0-lg {
        margin-bottom:0
    }

    .spacing-bottom-1-lg {
        margin-bottom:1rem
    }

    .spacing-bottom-2-lg {
        margin-bottom:2rem
    }

    .spacing-bottom-3-lg {
        margin-bottom:3rem
    }

    .spacing-bottom-4-lg {
        margin-bottom:4rem
    }

    .spacing-bottom-5-lg {
        margin-bottom:5rem
    }

    .spacing-bottom-6-lg {
        margin-bottom:6rem
    }

    .spacing-bottom-7-lg {
        margin-bottom:7rem
    }

    .spacing-bottom-8-lg {
        margin-bottom:8rem
    }

    .spacing-bottom-9-lg {
        margin-bottom:9rem
    }

    .spacing-bottom-10-lg {
        margin-bottom:10rem
    }
}

.spacing-right-0-xs {
    margin-right:0
}

.spacing-right-1-xs {
    margin-right:1rem
}

.spacing-right-2-xs {
    margin-right:2rem
}

.spacing-right-3-xs {
    margin-right:3rem
}

.spacing-right-4-xs {
    margin-right:4rem
}

.spacing-right-5-xs {
    margin-right:5rem
}

.spacing-right-6-xs {
    margin-right:6rem
}

.spacing-right-7-xs {
    margin-right:7rem
}

.spacing-right-8-xs {
    margin-right:8rem
}

.spacing-right-9-xs {
    margin-right:9rem
}

.spacing-right-10-xs {
    margin-right:10rem
}

@media screen and (min-width: 48em) {
    .spacing-right-0-sm {
        margin-right:0
    }

    .spacing-right-1-sm {
        margin-right:1rem
    }

    .spacing-right-2-sm {
        margin-right:2rem
    }

    .spacing-right-3-sm {
        margin-right:3rem
    }

    .spacing-right-4-sm {
        margin-right:4rem
    }

    .spacing-right-5-sm {
        margin-right:5rem
    }

    .spacing-right-6-sm {
        margin-right:6rem
    }

    .spacing-right-7-sm {
        margin-right:7rem
    }

    .spacing-right-8-sm {
        margin-right:8rem
    }

    .spacing-right-9-sm {
        margin-right:9rem
    }

    .spacing-right-10-sm {
        margin-right:10rem
    }
}

@media screen and (min-width: 62em) {
    .spacing-right-0-md {
        margin-right:0
    }

    .spacing-right-1-md {
        margin-right:1rem
    }

    .spacing-right-2-md {
        margin-right:2rem
    }

    .spacing-right-3-md {
        margin-right:3rem
    }

    .spacing-right-4-md {
        margin-right:4rem
    }

    .spacing-right-5-md {
        margin-right:5rem
    }

    .spacing-right-6-md {
        margin-right:6rem
    }

    .spacing-right-7-md {
        margin-right:7rem
    }

    .spacing-right-8-md {
        margin-right:8rem
    }

    .spacing-right-9-md {
        margin-right:9rem
    }

    .spacing-right-10-md {
        margin-right:10rem
    }
}

@media screen and (min-width: 75em) {
    .spacing-right-0-lg {
        margin-right:0
    }

    .spacing-right-1-lg {
        margin-right:1rem
    }

    .spacing-right-2-lg {
        margin-right:2rem
    }

    .spacing-right-3-lg {
        margin-right:3rem
    }

    .spacing-right-4-lg {
        margin-right:4rem
    }

    .spacing-right-5-lg {
        margin-right:5rem
    }

    .spacing-right-6-lg {
        margin-right:6rem
    }

    .spacing-right-7-lg {
        margin-right:7rem
    }

    .spacing-right-8-lg {
        margin-right:8rem
    }

    .spacing-right-9-lg {
        margin-right:9rem
    }

    .spacing-right-10-lg {
        margin-right:10rem
    }
}

.spacing-left-0-xs {
    margin-left:0
}

.spacing-left-1-xs {
    margin-left:1rem
}

.spacing-left-2-xs {
    margin-left:2rem
}

.spacing-left-3-xs {
    margin-left:3rem
}

.spacing-left-4-xs {
    margin-left:4rem
}

.spacing-left-5-xs {
    margin-left:5rem
}

.spacing-left-6-xs {
    margin-left:6rem
}

.spacing-left-7-xs {
    margin-left:7rem
}

.spacing-left-8-xs {
    margin-left:8rem
}

.spacing-left-9-xs {
    margin-left:9rem
}

.spacing-left-10-xs {
    margin-left:10rem
}

@media screen and (min-width: 48em) {
    .spacing-left-0-sm {
        margin-left:0
    }

    .spacing-left-1-sm {
        margin-left:1rem
    }

    .spacing-left-2-sm {
        margin-left:2rem
    }

    .spacing-left-3-sm {
        margin-left:3rem
    }

    .spacing-left-4-sm {
        margin-left:4rem
    }

    .spacing-left-5-sm {
        margin-left:5rem
    }

    .spacing-left-6-sm {
        margin-left:6rem
    }

    .spacing-left-7-sm {
        margin-left:7rem
    }

    .spacing-left-8-sm {
        margin-left:8rem
    }

    .spacing-left-9-sm {
        margin-left:9rem
    }

    .spacing-left-10-sm {
        margin-left:10rem
    }
}

@media screen and (min-width: 62em) {
    .spacing-left-0-md {
        margin-left:0
    }

    .spacing-left-1-md {
        margin-left:1rem
    }

    .spacing-left-2-md {
        margin-left:2rem
    }

    .spacing-left-3-md {
        margin-left:3rem
    }

    .spacing-left-4-md {
        margin-left:4rem
    }

    .spacing-left-5-md {
        margin-left:5rem
    }

    .spacing-left-6-md {
        margin-left:6rem
    }

    .spacing-left-7-md {
        margin-left:7rem
    }

    .spacing-left-8-md {
        margin-left:8rem
    }

    .spacing-left-9-md {
        margin-left:9rem
    }

    .spacing-left-10-md {
        margin-left:10rem
    }
}

@media screen and (min-width: 75em) {
    .spacing-left-0-lg {
        margin-left:0
    }

    .spacing-left-1-lg {
        margin-left:1rem
    }

    .spacing-left-2-lg {
        margin-left:2rem
    }

    .spacing-left-3-lg {
        margin-left:3rem
    }

    .spacing-left-4-lg {
        margin-left:4rem
    }

    .spacing-left-5-lg {
        margin-left:5rem
    }

    .spacing-left-6-lg {
        margin-left:6rem
    }

    .spacing-left-7-lg {
        margin-left:7rem
    }

    .spacing-left-8-lg {
        margin-left:8rem
    }

    .spacing-left-9-lg {
        margin-left:9rem
    }

    .spacing-left-10-lg {
        margin-left:10rem
    }
}

.shrink-xs {
    -ms-flex-negative: 1;
    flex-shrink:1
}

.shrink-none-xs {
    -ms-flex-negative: 0;
    flex-shrink:0
}

@media screen and (min-width: 48em) {
    .shrink-sm {
        -ms-flex-negative: 1;
        flex-shrink:1
    }

    .shrink-none-sm {
        -ms-flex-negative: 0;
        flex-shrink:0
    }
}

@media screen and (min-width: 62em) {
    .shrink-md {
        -ms-flex-negative: 1;
        flex-shrink:1
    }

    .shrink-none-md {
        -ms-flex-negative: 0;
        flex-shrink:0
    }
}

@media screen and (min-width: 75em) {
    .shrink-lg {
        -ms-flex-negative: 1;
        flex-shrink:1
    }

    .shrink-none-lg {
        -ms-flex-negative: 0;
        flex-shrink:0
    }
}

.grow-xs {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow:1
}

.grow-none-xs {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow:0
}

@media screen and (min-width: 48em) {
    .grow-sm {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow:1
    }

    .grow-none-sm {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow:0
    }
}

@media screen and (min-width: 62em) {
    .grow-md {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow:1
    }

    .grow-none-md {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow:0
    }
}

@media screen and (min-width: 75em) {
    .grow-lg {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow:1
    }

    .grow-none-lg {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow:0
    }
}

body {
    font-size: 1.6rem;
    color: #343469;
    font-family: BuenosAiresWeb, sans-serif;
    background-color: #f5f4f7;
    line-height: 1.5;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
    padding-top:6rem
}

@media screen and (min-width: 62em) {
    body {
        padding-top:8rem
    }
}

::-moz-selection {
    background: #f58220;
    color:#fff
}

::selection {
    background: #f58220;
    color:#fff
}

button, input, select, textarea {
    font-family:inherit
}

.spacer {
    margin:4rem 0
}

.spacer--small {
    margin:2rem 0
}

:focus {
    outline:.2rem solid #4049d4 !important
}

a, a :active, a :focus, a :visited {
    color:#343469
}

img {
    width: 100%;
    display:block
}

@-webkit-keyframes fadeIn {
    0% {
        opacity:0
    }

    to {
        opacity:1
    }
}

@keyframes fadeIn {
    0% {
        opacity:0
    }

    to {
        opacity:1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity:1
    }

    to {
        opacity:0
    }
}

@keyframes fadeOut {
    0% {
        opacity:1
    }

    to {
        opacity:0
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2rem);
        transform:translateY(2rem)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform:translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2rem);
        transform:translateY(2rem)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform:translateY(0)
    }
}

@-webkit-keyframes openBigAccordion {
    0% {
        -webkit-transform: rotate(90deg) translateX(0);
        transform: rotate(90deg) translateX(0);
        opacity:1
    }

    50% {
        -webkit-transform: rotate(90deg) translateX(.3rem);
        transform: rotate(90deg) translateX(.3rem);
        opacity:0
    }

    50.1% {
        opacity: 0;
        -webkit-transform: rotate(90deg) translateX(-.3rem);
        transform:rotate(90deg) translateX(-.3rem)
    }

    to {
        -webkit-transform: rotate(90deg) translateX(0);
        transform: rotate(90deg) translateX(0);
        opacity:1
    }
}

@keyframes openBigAccordion {
    0% {
        -webkit-transform: rotate(90deg) translateX(0);
        transform: rotate(90deg) translateX(0);
        opacity:1
    }

    50% {
        -webkit-transform: rotate(90deg) translateX(.3rem);
        transform: rotate(90deg) translateX(.3rem);
        opacity:0
    }

    50.1% {
        opacity: 0;
        -webkit-transform: rotate(90deg) translateX(-.3rem);
        transform:rotate(90deg) translateX(-.3rem)
    }

    to {
        -webkit-transform: rotate(90deg) translateX(0);
        transform: rotate(90deg) translateX(0);
        opacity:1
    }
}

@-webkit-keyframes closeBigAccordion {
    0% {
        -webkit-transform: rotate(-90deg) translateX(0);
        transform: rotate(-90deg) translateX(0);
        opacity:1
    }

    50% {
        -webkit-transform: rotate(-90deg) translateX(.3rem);
        transform: rotate(-90deg) translateX(.3rem);
        opacity:0
    }

    50.1% {
        opacity: 0;
        -webkit-transform: rotate(-90deg) translateX(-.3rem);
        transform:rotate(-90deg) translateX(-.3rem)
    }

    to {
        -webkit-transform: rotate(-90deg) translateX(0);
        transform: rotate(-90deg) translateX(0);
        opacity:1
    }
}

@keyframes closeBigAccordion {
    0% {
        -webkit-transform: rotate(-90deg) translateX(0);
        transform: rotate(-90deg) translateX(0);
        opacity:1
    }

    50% {
        -webkit-transform: rotate(-90deg) translateX(.3rem);
        transform: rotate(-90deg) translateX(.3rem);
        opacity:0
    }

    50.1% {
        opacity: 0;
        -webkit-transform: rotate(-90deg) translateX(-.3rem);
        transform:rotate(-90deg) translateX(-.3rem)
    }

    to {
        -webkit-transform: rotate(-90deg) translateX(0);
        transform: rotate(-90deg) translateX(0);
        opacity:1
    }
}

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

    20% {
        -webkit-transform: translateX(10px);
        transform:translateX(10px)
    }

    40% {
        -webkit-transform: translateX(0);
        transform:translateX(0)
    }

    60% {
        -webkit-transform: translateX(10px);
        transform:translateX(10px)
    }

    80% {
        -webkit-transform: translateX(0);
        transform:translateX(0)
    }

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

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

    20% {
        -webkit-transform: translateX(10px);
        transform:translateX(10px)
    }

    40% {
        -webkit-transform: translateX(0);
        transform:translateX(0)
    }

    60% {
        -webkit-transform: translateX(10px);
        transform:translateX(10px)
    }

    80% {
        -webkit-transform: translateX(0);
        transform:translateX(0)
    }

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

.richtext, .richtext p {
    color:rgba(52, 52, 105, .75)
}

.richtext p {
    margin-bottom:2.4rem
}

.richtext p:last-child {
    margin-bottom:0
}

.richtext h1, .richtext h2, .richtext h3, .richtext h4, .richtext h5, .richtext h6 {
    color: #343469;
    font-weight: 700;
    margin-bottom:2.4rem
}

.richtext h1:last-child, .richtext h2:last-child, .richtext h3:last-child, .richtext h4:last-child, .richtext h5:last-child, .richtext h6:last-child {
    margin-bottom:0
}

.richtext h1, .richtext h2 {
    font-size:4.5rem
}

.richtext h3 {
    font-size:3.5rem
}

.richtext h4 {
    font-size:2.5rem
}

.richtext h5 {
    font-size:1.8rem
}

.richtext img {
    width:100%
}

.richtext .image-extended img, .richtext .image-fullwidth img {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: relative;
    left:50%
}

.richtext .image-extended img {
    max-width: 122rem;
    width:100vw
}

.richtext .image-fullwidth img {
    width:100%
}

.richtext--content .image-fullwidth img {
    width:calc(100% + 6.4rem)
}

@media screen and (min-width: 62em) {
    .richtext--content .image-fullwidth img {
        width:calc(100% + 12.8rem)
    }
}

.richtext a {
    -webkit-transition: color .2s;
    transition: color .2s;
    font-weight:600
}

.richtext a:hover {
    color:#f58220
}

.richtext blockquote, .richtext q {
    display: block;
    padding: 0 6.4rem;
    color: #343469;
    line-height: 1.5;
    font-weight: 700;
    font-size:2rem
}

.richtext blockquote:after, .richtext blockquote:before, .richtext q:after, .richtext q:before {
    content: "";
    display: inline-block;
    width: 2.2rem;
    height: 1.6rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size:contain
}

.richtext blockquote:before, .richtext q:before {
    -webkit-transform: translateX(-100%) translate(-2rem);
    transform: translateX(-100%) translate(-2rem);
    margin-right: -2.2rem;
    background-image:url(../static/img/quote-start--wise-blue.svg)
}

.richtext blockquote:after, .richtext q:after {
    -webkit-transform: translateX(100%) translate(2rem, 25%);
    transform: translateX(100%) translate(2rem, 25%);
    margin-left: -2.2rem;
    background-image:url(../static/img/quote-end--wise-blue.svg)
}

.richtext .link a {
    position: relative;
    display: inline-block;
    padding: 2rem 2rem 2rem 3.9rem;
    font-size: 1.4rem;
    font-weight: 700;
    font-family: BuenosAiresWeb, sans-serif;
    line-height: normal;
    color: #343469;
    cursor: pointer;
    text-align: left;
    text-decoration:none
}

.richtext .link a, .richtext .link a:before {
    -webkit-transition: all .25s;
    transition:all .25s
}

.richtext .link a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1.4rem;
    height: 1.4rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 2.4rem 2.4rem;
    background-image:url(../static/img/arrow-wiseblue.svg)
}

.richtext .link--download a:before {
    background-image:url(../static/img/download-wiseblue.svg)
}

.richtext .link--external a:before {
    background-image:url(../static/img/external-link-wiseblue.svg)
}

.richtext ol, .richtext ul {
    margin-bottom:2.4rem
}

.richtext ol:last-child, .richtext ul:last-child {
    margin-bottom:0
}

.richtext ol li, .richtext ul li {
    display: table;
    position: relative;
    padding-left:3rem
}

.richtext ol li:before, .richtext ul li:before {
    content: "";
    display: inline-block;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background-color: #f58220;
    position: absolute;
    left: 0;
    top:.8rem
}

.richtext ol {
    counter-reset:list-counter
}

.richtext ol li {
    counter-increment:list-counter
}

.richtext ol li:before {
    content: counter(list-counter);
    font-size: 1.4rem;
    width: unset;
    height: unset;
    border-radius: 0;
    background-color: transparent;
    color: #f58220;
    top:.2rem
}

.richtext .arrow-list li:before {
    width: .8rem;
    height: 1.2rem;
    top: .5rem;
    background-image:url(../static/img/chevron-orange.svg)
}

.richtext .arrow-list li:before, .richtext .check-list li:before {
    content: "";
    background-color: transparent;
    border-radius: 0;
    background-position: 50%;
    background-repeat:no-repeat
}

.richtext .check-list li:before {
    width: 1.3rem;
    height: 1rem;
    top: .7rem;
    background-image:url(../static/img/checkmark-orange.svg)
}

.richtext .check-list-fancy {
    margin-top: -.9rem;
    margin-bottom:1.5rem
}

.richtext .check-list-fancy li {
    padding:0 0 0 4rem
}

.richtext .check-list-fancy li:before {
    content: "";
    width: 2rem;
    height: 2rem;
    background-color: transparent;
    border-radius: 0;
    top: .2rem;
    background-image: url(../static/img/checkmark-small-blue.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size:2rem
}

.custom-list {
    line-height:2
}

.custom-list--center li {
    margin:0 auto
}

.custom-list--spaced > li + li {
    margin-top:2rem
}

.custom-list li {
    display: table;
    position: relative;
    padding-left:3rem
}

.custom-list li.date:before {
    background-image:url(../static/img/chevron-orange.svg)
}

@media screen and (min-width: 62em) {
    .custom-list li {
        margin:0
    }
}

.custom-list li:before {
    content: "";
    margin-right: 1.5rem;
    display: inline-block;
    width: .8rem;
    height: 1.2rem;
    position: absolute;
    left: 0;
    top: 1rem;
    background-image: url(../static/img/chevron-orange.svg);
    background-position: 50%;
    background-repeat:no-repeat
}

.background--white {
    background-color:#fff
}

.background--space-bottom {
    padding-bottom:4rem
}

@media screen and (min-width: 62em) {
    .background--space-bottom {
        padding-bottom:10rem
    }
}

.navbar {
    margin: 0;
    background: #f5f4f7;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index:2
}

@media screen and (min-width: 62em) {
    .navbar {
        position:absolute
    }
}

.navbar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
    opacity: 0;
    -webkit-box-shadow: 0 .3rem 3rem 0 rgba(52, 52, 105, .2);
    box-shadow: 0 .3rem 3rem 0 rgba(52, 52, 105, .2);
    -webkit-transition: opacity .3s;
    transition:opacity .3s
}

.navbar--sticky {
    position:fixed
}

.navbar--active:after {
    opacity:1
}

.navbar__content {
    height:6rem
}

@media screen and (min-width: 62em) {
    .navbar__content {
        padding-top: .5rem;
        height:9rem
    }
}

.navbar__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content:flex-end
}

.navbar__top-nav-item {
    -ms-flex-item-align: center;
    align-self: center;
    text-decoration: none;
    margin-right: 2rem;
    font-size:1.3rem
}

.navbar__top-nav-item:only-child {
    margin-right:0
}

.navbar__language-switch {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    font-size: 1.3rem;
    text-decoration:none
}

@media screen and (min-width: 22em) {
    .navbar__language-switch:before {
        content: "";
        background-image: url(../static/img/taalswitch.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50%;
        height: 100%;
        width: 1.9rem;
        margin-right:.5rem
    }
}

.navbar__language-switch.navbar-mobile {
    height:100%
}

@media screen and (min-width: 62em) {
    .navbar__language-switch.navbar-mobile {
        display:none
    }
}

.navbar__my-deltion {
    height: 100%;
    margin-right: .6rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    display:none
}

.navbar__my-deltion:last-child {
    margin-right:0
}

@media screen and (min-width: 22em) {
    .navbar__my-deltion {
        display: -webkit-box;
        display: -ms-flexbox;
        display:flex
    }
}

@media screen and (min-width: 62em) {
    .navbar__my-deltion {
        font-size: 1.3rem;
        margin-right:2rem
    }
}

.navbar__my-deltion:active, .navbar__my-deltion:visited {
    color:#343469
}

.navbar__my-deltion:before {
    content: "";
    width: 2.7rem;
    height: 55%;
    margin-right: 0;
    background-image: url(../static/img/my-deltion.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position:50%
}

@media screen and (min-width: 48em) {
    .navbar__my-deltion:before {
        margin-right:.2rem
    }
}

.navbar__search {
    padding: 1rem;
    width: 3.8rem;
    background-image: url(../static/img/search.svg);
    background-position:50%
}

.navbar__open, .navbar__search {
    outline: none;
    position: relative;
    border: 0;
    height: 100%;
    cursor: pointer;
    background-color: transparent;
    background-repeat:no-repeat
}

.navbar__open {
    padding: 1rem 1rem 1rem 3.3rem;
    font-size: 1.2rem;
    font-weight: 800;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #343469;
    font-family: BuenosAiresWeb, sans-serif;
    background-image: url(../static/img/menu.svg);
    background-position:1rem
}

@media screen and (min-width: 62em) {
    .navbar__open {
        display:none
    }
}

@media screen and (min-width: 22em) {
    .navbar__open {
        padding:1rem 1rem 1rem 4.2rem
    }
}

.navbar__top {
    height: 3rem;
    display: none;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content:flex-end
}

@media screen and (min-width: 62em) {
    .navbar__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display:flex
    }
}

.navbar__top-wrapper {
    background:#fff
}

.detail-navbar {
    background: #f5f4f7;
    border-bottom: .2rem solid #f5f4f7;
    z-index: 2;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    display:none
}

@media screen and (min-width: 62em) {
    .detail-navbar {
        display:block
    }
}

.detail-navbar[hidden] {
    display:none
}

.detail-navbar--welzijn-en-gezondheid {
    border-color:#e3a433
}

.detail-navbar--arbeids-mobiliteit {
    border-color:#cdc72e
}

.detail-navbar--veiligheid {
    border-color:#c0af7a
}

.detail-navbar--techniek-gebouwde-omgeving {
    border-color:#5073e2
}

.detail-navbar--economie-ondernemen {
    border-color:#22ac5f
}

.detail-navbar--mobiliteit-logistiek {
    border-color:#289fad
}

.detail-navbar--sport-opvoeding-maatschappij {
    border-color:#8c376b
}

.detail-navbar--horeca-reizen-dienstverlening {
    border-color:#c84343
}

.detail-navbar--design-media-ict {
    border-color:#c5488b
}

.detail-navbar--start-deltion {
    border-color:#f58220
}

.detail-navbar--overig {
    border-color:#343469
}

.detail-navbar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
    opacity: 0;
    -webkit-box-shadow: 0 .3rem 3rem 0 rgba(52, 52, 105, .2);
    box-shadow: 0 .3rem 3rem 0 rgba(52, 52, 105, .2);
    -webkit-transition: opacity .3s;
    transition:opacity .3s
}

.detail-navbar--active {
    -webkit-transform: translateY(0);
    transform:translateY(0)
}

.detail-navbar--active:after {
    opacity:1
}

.detail-navbar__content {
    height: 8rem;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .25s;
    transition:opacity .25s
}

.detail-navbar--active .detail-navbar__content {
    opacity: 1;
    pointer-events:auto
}

.detail-navbar__back, .detail-navbar__controls {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.detail-navbar__controls {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content:flex-end
}

.detail-navbar__apply {
    padding: 0 2rem;
    background: #343469;
    text-align: left;
    margin-left:2.5rem
}

.navigation {
    height:100%
}

.navigation__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.navigation__list--right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content:flex-end
}

.navigation__item {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-size: 1.4rem;
    font-weight:500
}

@media screen and (min-width: 62em) {
    .navigation__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display:flex
    }
}

.navigation__item--with-logo {
    margin-right: 3.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.navigation__item:last-of-type {
    margin-right:0
}

.navigation__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 2rem;
    text-decoration: none;
    color: #343469;
    white-space:nowrap
}

.navigation__item--with-logo .navigation__link {
    padding:1rem 0
}

@media screen and (min-width: 62em) {
    .navigation__item--with-logo .navigation__link {
        padding:2rem 0
    }
}

.navigation__logo {
    height:100%
}

.navigation__foldout {
    z-index: 1;
    background: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    display: none;
    -webkit-transition: opacity .3s, height .3s, -webkit-transform .3s;
    transition: opacity .3s, height .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s, height .3s;
    transition: transform .3s, opacity .3s, height .3s, -webkit-transform .3s;
    -webkit-box-shadow: 0 2rem 3rem 0 rgba(52, 52, 105, .2);
    box-shadow:0 2rem 3rem 0 rgba(52, 52, 105, .2)
}

@media screen and (min-width: 62em) {
    .navigation__foldout {
        display:block
    }
}

.navigation__foldout--active {
    opacity: 1;
    pointer-events:auto
}

.navigation__foldout-arrow {
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    top: -.7rem;
    left: -.7rem;
    margin: auto;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition:transform .3s, -webkit-transform .3s
}

.navigation__foldout-arrow-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background:#fff
}

.navigation__foldout-inner {
    padding: 2.8rem 0 4.4rem;
    max-height: calc(95vh - 8rem);
    overflow-y: auto;
    overscroll-behavior-y:contain
}

.navigation__foldout-block, .navigation__foldout-content {
    display: none;
    opacity:0
}

.navigation__foldout-block--active, .navigation__foldout-content--active {
    display: block;
    -webkit-animation: fadeIn .3s .3s 1 forwards;
    animation:fadeIn .3s .3s 1 forwards
}

.navigation__foldout-item {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    min-height: 6rem;
    padding-bottom: .4rem;
    background-color:#f5f4f7
}

.navigation__foldout-item--has-children:after {
    position: absolute;
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 1.8rem;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-image: url(../static/img/chevron-blue.svg);
    background-repeat: no-repeat;
    background-position:50%
}

.navigation__foldout-item--has-color {
    padding-bottom: 0;
    border-bottom:.4rem solid transparent
}

.navigation__foldout-item--welzijn-en-gezondheid {
    border-color:#e3a433
}

.navigation__foldout-item--arbeids-mobiliteit {
    border-color:#cdc72e
}

.navigation__foldout-item--veiligheid {
    border-color:#c0af7a
}

.navigation__foldout-item--techniek-gebouwde-omgeving {
    border-color:#5073e2
}

.navigation__foldout-item--economie-ondernemen {
    border-color:#22ac5f
}

.navigation__foldout-item--mobiliteit-logistiek {
    border-color:#289fad
}

.navigation__foldout-item--sport-opvoeding-maatschappij {
    border-color:#8c376b
}

.navigation__foldout-item--horeca-reizen-dienstverlening {
    border-color:#c84343
}

.navigation__foldout-item--design-media-ict {
    border-color:#c5488b
}

.navigation__foldout-item--start-deltion {
    border-color:#f58220
}

.navigation__foldout-item--overig {
    border-color:#343469
}

.navigation__foldout-crumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom:2.8rem
}

.navigation__foldout-crumb {
    display: none;
    opacity: 0;
    -webkit-box-ordinal-group: 1001;
    -ms-flex-order: 1000;
    order: 1000;
    font-size: 1.8rem;
    outline: none;
    background: none;
    border: 0;
    font-weight: 500;
    line-height: 1.33;
    color: #343469;
    position: relative;
    padding: 0;
    -webkit-transition: font-weight .01s .3s;
    transition: font-weight .01s .3s;
    cursor:pointer
}

.navigation__foldout-crumb:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2.8rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2.4rem;
    height: 2.4rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: none;
    margin: auto;
    pointer-events: none;
    background-image: url(../static/img/chevron-orange.svg);
    background-repeat: no-repeat;
    background-position:50%
}

.navigation__foldout-crumb--visible {
    display: block;
    -webkit-animation: fadeIn .3s .3s 1 forwards;
    animation:fadeIn .3s .3s 1 forwards
}

.navigation__foldout-crumb--visible ~ .navigation__foldout-crumb--visible {
    margin-left:5.6rem
}

.navigation__foldout-crumb--visible ~ .navigation__foldout-crumb--visible:before {
    display:block
}

.navigation__foldout-crumb--active {
    font-weight:700
}

.mobile-navigation {
    background: #fff;
    right: 0;
    width: 100%;
    top: 0;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    z-index: 1;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    display: block;
    position:absolute
}

@media screen and (min-width: 62em) {
    .mobile-navigation {
        display:none
    }
}

.mobile-navigation--open {
    -webkit-transform: translateX(0);
    transform:translateX(0)
}

.mobile-navigation__inner {
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-animation: fadeOut .25s forwards;
    animation:fadeOut .25s forwards
}

.mobile-navigation--open .mobile-navigation__inner {
    -webkit-animation: fadeIn .25s .25s forwards;
    animation:fadeIn .25s .25s forwards
}

.mobile-navigation__header {
    -ms-flex-negative: 0;
    flex-shrink:0
}

.mobile-navigation__header-item {
    height: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding:1.3rem 0
}

.mobile-navigation__header-item--left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content:flex-start
}

.mobile-navigation__header-item--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.mobile-navigation__header-item--right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content:flex-end
}

.mobile-navigation__home-link, .mobile-navigation__home-logo {
    height: 100%;
    display:block
}

.mobile-navigation__back, .mobile-navigation__close {
    font-size: 1.2rem;
    font-weight: 800;
    outline: none;
    background: transparent;
    border: 0;
    color: #343469;
    font-family: BuenosAiresWeb, sans-serif;
    padding:1rem 0 1rem 2.4rem
}

.mobile-navigation__close {
    background-image: url(../static/img/close-blue.svg);
    background-position:.3rem
}

.mobile-navigation__back, .mobile-navigation__close {
    background-color: transparent;
    background-repeat:no-repeat
}

.mobile-navigation__back {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    background-image: url(../static/img/back-blue.svg);
    background-position:-.3rem
}

.mobile-navigation__back--active {
    opacity: 1;
    pointer-events:auto
}

.mobile-navigation__cta {
    background: #343469;
    padding: 0 2rem;
    text-align:center
}

.mobile-navigation__blocks {
    padding:2.5rem 0
}

.mobile-navigation__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    overflow: hidden;
    height:100%
}

.mobile-navigation__content:before {
    top: -.1rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background:linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, 0))
}

.mobile-navigation__content:after, .mobile-navigation__content:before {
    content: "";
    z-index: 1;
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height:2.5rem
}

.mobile-navigation__content:after {
    bottom: -.1rem;
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background:linear-gradient(0deg, #fff 0, hsla(0, 0%, 100%, 0))
}

.mobile-navigation__content-inner {
    overflow: auto;
    height:100%
}

.mobile-navigation__footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1rem 0;
    height:7rem
}

.mobile-navigation__footer, .mobile-navigation__my-deltion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.mobile-navigation__my-deltion {
    padding-right: 2rem;
    text-decoration: none;
    font-size: 1.3rem;
    font-weight: 800;
    white-space: nowrap;
    height:100%
}

.mobile-navigation__my-deltion:only-child {
    padding-right:0
}

.mobile-navigation__my-deltion:active, .mobile-navigation__my-deltion:visited {
    color:#343469
}

.mobile-navigation__my-deltion:before {
    content: "";
    width: 2.7rem;
    height: 50%;
    margin-right: .2rem;
    background-image: url(../static/img/my-deltion.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position:50%
}

.mobile-navigation__link {
    padding-right: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    font-size: 1.3rem;
    font-weight: 800;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height:100%
}

.mobile-navigation__link:only-child {
    padding-right:0
}

.mobile-navigation__block {
    display: none;
    opacity:0
}

.mobile-navigation__block--active {
    display: block;
    -webkit-animation: fadeIn .25s .25s 1 forwards;
    animation:fadeIn .25s .25s 1 forwards
}

.mobile-navigation__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    min-height: 6rem;
    padding-bottom: .4rem;
    background-color:#f5f4f7
}

.mobile-navigation__item + .mobile-navigation__item {
    margin-top:2.5rem
}

.mobile-navigation__item--has-color {
    padding-bottom: 0;
    border-bottom:.4rem solid transparent
}

.mobile-navigation__item--welzijn-en-gezondheid {
    border-color:#e3a433
}

.mobile-navigation__item--arbeids-mobiliteit {
    border-color:#cdc72e
}

.mobile-navigation__item--veiligheid {
    border-color:#c0af7a
}

.mobile-navigation__item--techniek-gebouwde-omgeving {
    border-color:#5073e2
}

.mobile-navigation__item--economie-ondernemen {
    border-color:#22ac5f
}

.mobile-navigation__item--mobiliteit-logistiek {
    border-color:#289fad
}

.mobile-navigation__item--sport-opvoeding-maatschappij {
    border-color:#8c376b
}

.mobile-navigation__item--horeca-reizen-dienstverlening {
    border-color:#c84343
}

.mobile-navigation__item--design-media-ict {
    border-color:#c5488b
}

.mobile-navigation__item--start-deltion {
    border-color:#f58220
}

.mobile-navigation__item--overig {
    border-color:#343469
}

.mobile-navigation__item--has-children:after {
    position: absolute;
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 1.8rem;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-image: url(../static/img/chevron-blue.svg);
    background-repeat: no-repeat;
    background-position:50%
}

.footer__navigation {
    background-color: #f58220;
    padding:4rem 0 10rem
}

.footer__navigation-section {
    display: block;
    position:relative
}

.footer__navigation-section:after {
    content: "";
    width: 100%;
    height: .1rem;
    display: block;
    background-color: #fff;
    opacity: .11;
    position: absolute;
    bottom: 0;
    left:0
}

@media screen and (min-width: 62em) {
    .footer__navigation-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height:100%
    }

    .footer__navigation-section:after {
        display:none
    }
}

.footer__navigation-header {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 1.3rem 0;
    position:relative
}

.footer__navigation-header:before {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    background-image: url(../static/img/chevron-white.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition:transform .25s, -webkit-transform .25s
}

.footer__navigation-section--active .footer__navigation-header:before {
    -webkit-transform: rotate(270deg);
    transform:rotate(270deg)
}

@media screen and (min-width: 62em) {
    .footer__navigation-header {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding:0
    }

    .footer__navigation-header:before {
        display:none
    }
}

.footer__navigation-foldout {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s .2s;
    transition:height .3s .2s
}

.footer__navigation-section--active .footer__navigation-foldout {
    -webkit-transition-delay: 0s;
    transition-delay:0s
}

@media screen and (min-width: 62em) {
    .footer__navigation-foldout {
        height: auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow:1
    }
}

.footer__navigation-inner {
    height: auto;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition:opacity .3s
}

.footer__navigation-section--active .footer__navigation-inner {
    opacity: 1;
    -webkit-transition-delay: .2s;
    transition-delay:.2s
}

@media screen and (min-width: 62em) {
    .footer__navigation-inner {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 100%;
        opacity:1
    }
}

@media screen and (min-width: 62em) {
    .footer__navigation-inner, .footer__navigation-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction:column
    }

    .footer__navigation-list {
        margin:1rem 0
    }
}

.footer__navigation-item {
    margin-bottom:.7rem
}

.footer__navigation-link {
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.83;
    text-decoration:none
}

.footer__navigation-button {
    margin-top:auto
}

.footer__contact {
    background-color: #343469;
    padding: 3.4rem 4.3rem;
    margin-top:-6rem
}

@media screen and (min-width: 48em) {
    .footer__contact {
        padding:3.4rem 6.1rem
    }
}

.footer__contact-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom:3rem
}

@media screen and (min-width: 62em) {
    .footer__contact-logo {
        margin-bottom: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content:flex-start
    }
}

.footer__contact-item {
    color: #fff;
    text-align: center;
    padding-top: 1.5rem;
    margin-bottom:3rem
}

@media screen and (min-width: 62em) {
    .footer__contact-item {
        text-align: left;
        padding-top: 0;
        margin-bottom:0
    }
}

.footer__contact-label {
    font-size: 1.2rem;
    font-weight: 700;
    opacity: .75;
    line-height: 1;
    -webkit-transform: translateY(-1.5rem);
    transform:translateY(-1.5rem)
}

.footer__contact-value {
    font-size: 2.6rem;
    line-height:1
}

.footer__contact-value a {
    color: inherit;
    text-decoration:none
}

.footer__social {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color:#fff
}

.footer__social, .footer__social-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.footer__social-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.footer__social-link {
    display: none;
    width: 4rem;
    height:4rem
}

.footer__social-link--twitter, .footer__social-link[href * =twitter] {
    display: block;
    background-image:url(../static/img/twitter-white.svg)
}

.footer__social-link--youtube, .footer__social-link[href * =youtube] {
    display: block;
    background-image:url(../static/img/youtube-white.svg)
}

.footer__social-link--instagram, .footer__social-link[href * =instagram] {
    display: block;
    background-image:url(../static/img/instagram-white.svg)
}

.footer__social-link--facebook, .footer__social-link[href * =facebook] {
    display: block;
    background-image:url(../static/img/facebook-white.svg)
}

.footer__social-link--linkedin, .footer__social-link[href * =linkedin] {
    display: block;
    background-image:url(../static/img/linkedin-white.svg)
}

.footer__legal {
    margin-top:1.2rem
}

.footer__legal-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.footer__legal-item, .footer__legal-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.footer__legal-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.footer__legal-item + .footer__legal-item {
    margin-left:.5rem
}

@media screen and (min-width: 62em) {
    .footer__legal-item {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow:0
    }

    .footer__legal-item + .footer__legal-item {
        margin-left:6rem
    }
}

.footer__legal-link {
    font-size: 1rem;
    line-height: 3.8;
    font-weight: 700;
    opacity: .85;
    text-decoration:none
}

.searchbar {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background: #fff;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-box-shadow: 0 2rem 3rem 0 rgba(52, 52, 105, .2);
    box-shadow:0 2rem 3rem 0 rgba(52, 52, 105, .2)
}

.searchbar[hidden] {
    display:none
}

.searchbar--open {
    opacity: 1;
    pointer-events:auto
}

.searchbar__foldout {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s .2s;
    transition: height .3s .2s;
    position:relative
}

.searchbar--open .searchbar__foldout {
    -webkit-transition-delay: 0s;
    transition-delay:0s
}

.searchbar__content {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    opacity:0
}

.searchbar--open .searchbar__content {
    opacity: 1;
    -webkit-transition-delay: .2s;
    transition-delay:.2s
}

.searchbar__form {
    margin-top:4.5rem
}

.detail-mobile-navbar {
    display: block;
    position: fixed;
    top: 6rem;
    background-color: #f5f4f7;
    width: 100%;
    z-index: 1;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition:transform .25s, -webkit-transform .25s
}

.detail-mobile-navbar--welzijn-en-gezondheid {
    background-color:#e3a433
}

.detail-mobile-navbar--arbeids-mobiliteit {
    background-color:#cdc72e
}

.detail-mobile-navbar--veiligheid {
    background-color:#c0af7a
}

.detail-mobile-navbar--techniek-gebouwde-omgeving {
    background-color:#5073e2
}

.detail-mobile-navbar--economie-ondernemen {
    background-color:#22ac5f
}

.detail-mobile-navbar--mobiliteit-logistiek {
    background-color:#289fad
}

.detail-mobile-navbar--sport-opvoeding-maatschappij {
    background-color:#8c376b
}

.detail-mobile-navbar--horeca-reizen-dienstverlening {
    background-color:#c84343
}

.detail-mobile-navbar--design-media-ict {
    background-color:#c5488b
}

.detail-mobile-navbar--start-deltion {
    background-color:#f58220
}

.detail-mobile-navbar--overig {
    background-color:#343469
}

@media screen and (min-width: 62em) {
    .detail-mobile-navbar {
        display:none
    }
}

.detail-mobile-navbar[hidden] {
    display:none
}

.detail-mobile-navbar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
    opacity: 0;
    -webkit-box-shadow: 0 .3rem 3rem 0 rgba(52, 52, 105, .2);
    box-shadow: 0 .3rem 3rem 0 rgba(52, 52, 105, .2);
    -webkit-transition: opacity .3s;
    transition:opacity .3s
}

.detail-mobile-navbar--active {
    -webkit-transform: translateY(0);
    transform:translateY(0)
}

.detail-mobile-navbar--active:after {
    opacity:1
}

.detail-mobile-navbar__header-wrapper {
    background:rgba(0, 0, 0, .1)
}

.detail-mobile-navbar__header {
    position: relative;
    padding: 0 4rem;
    height: 6rem;
    color: #fff;
    font-weight:700
}

.detail-mobile-navbar__back, .detail-mobile-navbar__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.detail-mobile-navbar__back {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(180deg);
    transform:rotate(180deg)
}

.detail-mobile-navbar__expand {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url(../static/img/chevrondown-white.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: transparent;
    border: 0;
    width: 3.4rem;
    height: 3.4em;
    max-height: 3.4rem;
    padding: 0;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition:transform .25s, -webkit-transform .25s
}

.detail-mobile-navbar--open .detail-mobile-navbar__expand {
    -webkit-transform: rotate(180deg);
    transform:rotate(180deg)
}

.detail-mobile-navbar__item {
    font-size: 1.4rem;
    font-weight: 500;
    text-align:center
}

.detail-mobile-navbar__item + .detail-mobile-navbar__item {
    border-top:.2rem solid hsla(0, 0%, 100%, .1)
}

.detail-mobile-navbar__link {
    padding: 2.2rem 0;
    text-align: center;
    display:block
}

.detail-mobile-navbar__link, .detail-mobile-navbar__link:active, .detail-mobile-navbar__link:focus, .detail-mobile-navbar__link:visited {
    color: #fff;
    text-decoration:none
}

.detail-mobile-navbar__cta {
    background: #343469;
    text-align: center;
    margin-bottom:3rem
}

.detail-mobile-navbar__foldout {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .25s;
    transition:height .25s
}

.heading {
    font-family: BuenosAiresWeb, sans-serif;
    color: #343469;
    font-weight:700
}

.heading--light {
    color:#fff
}

.heading--break {
    word-break:break-word
}

.heading--center {
    text-align:center
}

.heading--inline {
    display:inline
}

.heading--1 {
    font-size: 4rem;
    line-height:1.13
}

@media screen and (min-width: 62em) {
    .heading--1 {
        font-size: 6.5rem;
        line-height:.98
    }
}

.heading--2 {
    font-size: 3.5rem;
    line-height:1.14
}

@media screen and (min-width: 62em) {
    .heading--2 {
        font-size: 4.5rem;
        line-height:1.11
    }
}

.heading--3 {
    font-size: 3rem;
    line-height:1.17
}

@media screen and (min-width: 62em) {
    .heading--3 {
        font-size: 3.5rem;
        line-height:1.14
    }
}

.heading--4 {
    font-size: 2rem;
    line-height:1.25
}

@media screen and (min-width: 62em) {
    .heading--4 {
        font-size: 2.5rem;
        line-height:1.4
    }
}

.heading--5 {
    font-size: 1.8rem;
    line-height:1.22
}

.heading--margin-bottom {
    margin-bottom:3rem
}

.heading--border {
    border-bottom: 4px solid;
    padding-bottom: 1rem;
    margin-bottom:1.5rem
}

.heading--welzijn-en-gezondheid {
    border-color:#e3a433
}

.heading--arbeids-mobiliteit {
    border-color:#cdc72e
}

.heading--veiligheid {
    border-color:#c0af7a
}

.heading--techniek-gebouwde-omgeving {
    border-color:#5073e2
}

.heading--economie-ondernemen {
    border-color:#22ac5f
}

.heading--mobiliteit-logistiek {
    border-color:#289fad
}

.heading--sport-opvoeding-maatschappij {
    border-color:#8c376b
}

.heading--horeca-reizen-dienstverlening {
    border-color:#c84343
}

.heading--design-media-ict {
    border-color:#c5488b
}

.heading--start-deltion {
    border-color:#f58220
}

.heading--overig {
    border-color:#343469
}

.heading--margin {
    margin-bottom:1rem
}

.heading--left {
    text-align:left
}

.subheading {
    font-family: BuenosAiresWeb, sans-serif;
    color:#343469
}

.subheading--light {
    color:#fff
}

.subheading--1 {
    font-size: 2rem;
    line-height: 1.5;
    font-weight:350
}

@media screen and (min-width: 62em) {
    .subheading--1 {
        font-size: 2.5rem;
        line-height:1.4
    }
}

.subheading--2 {
    font-size: 1.8rem;
    line-height: 1.22;
    font-weight:400
}

@media screen and (min-width: 62em) {
    .subheading--2 {
        font-size: 2rem;
        line-height: 2.5;
        font-weight:700
    }
}

.subheading--3 {
    font-size: 1.4rem;
    line-height: 2;
    font-weight:400
}

.section {
    position:relative
}

.section--spacing {
	/* padding-top:6rem; */
    padding-bottom:6rem;
}

@media screen and (min-width: 48em) {
    .section--spacing {
    	/* padding-top:8rem; */
        padding-bottom:8rem;
    }
}

@media screen and (min-width: 62em) {
    .section--spacing {
    	/* padding-top:12rem; */
        padding-bottom:12rem;
    }
}

.section--light {
    background-color:#fff
}

.table {
    overflow:auto
}

@media screen and (min-width: 48em) {
    .table {
        display:block
    }
}

.table--mobile {
    display:block
}

.table--mobile + .table--mobile {
    margin-top:2rem
}

.table--mobile .table__t {
    table-layout:fixed
}

.table--mobile .table__td, .table--mobile .table__th {
    font-size: 1.4rem;
    text-align:center
}

@media screen and (min-width: 48em) {
    .table--mobile {
        display:none
    }
}

.table__t {
    border-collapse: collapse;
    border-spacing: 0;
    width:100%
}

.table__t--fixed {
    table-layout:fixed
}

.table__thead {
    background-color:#fff
}

.table__tbody {
    background-color:#f5f4f7
}

.table__tr {
    border: .2rem solid #fff;
    border-top:0
}

.table__td, .table__th {
    text-align: left;
    vertical-align:middle
}

.table__td {
    font-size: 1.4rem;
    font-weight: 500;
    padding:2rem 1.5rem
}

@media screen and (min-width: 48em) {
    .table__td {
        font-size:1.6rem
    }
}

.table__th {
    font-size: 1.4rem;
    font-weight: 700;
    padding:2rem 1.5rem
}

@media screen and (min-width: 48em) {
    .table__th {
        font-size:1.6rem
    }
}

.table__tbody .table__th, .table__title {
    background-color: #343469;
    color: #fff;
    text-align:center
}

.table__title {
    display: block;
    font-size: 1.6rem;
    font-weight: 700;
    padding:2rem 1.5rem
}

.table__icon {
    max-width: 6rem;
    height: 2.4rem;
    border-radius: .2rem;
    padding: 0 1rem;
    display: table-cell;
    vertical-align: middle;
    margin: -2rem 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 2.4rem;
    font-size: 1.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-size: contain;
    background-repeat: no-repeat;
    background-position:50%
}

@media screen and (min-width: 30em) {
    .table__icon {
        max-width: 12rem;
        width:100%
    }
}

.table__icon--full, .table__icon--wait-list {
    background-color:#d43d3d
}

.table__icon--almost-full {
    background-color:#f58220
}

.table__icon--limited, .table__icon--min-participation {
    background-color:#343469
}

.table-block > .table__t {
    display:none
}

@media screen and (min-width: 48em) {
    .table-block > .table__t {
        display:inline-table
    }
}

.table-scroll {
    margin-bottom: 20px;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: shake 2.5s ease-in-out infinite;
    animation:shake 2.5s ease-in-out infinite
}

.table-scroll:before {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 4rem;
    margin-right: 12px;
    height: 4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-image: url(../static/img/scroll_hand.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size:contain
}

.form__fieldset, .form__legend {
    margin-bottom:3rem
}

.form__legend {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.form__intro {
    margin-bottom:.5rem
}

.form__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom:1rem
}

.form__label--condensed {
    margin-bottom:0
}

.form__field {
    margin-bottom:2rem
}

.form__error {
    color: #5073e2;
    font-size: 1.4rem;
    width: 100%;
    line-height: 1;
    margin-top:1rem
}

.form__submit--right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content:flex-end
}

.form__photo-block {
    margin-top:3rem
}

@media screen and (min-width: 62em) {
    .form__photo-block {
        margin-top:0
    }
}

.label {
    font-weight:700
}

.input {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.input__dom {
    font-family: BuenosAiresWeb, sans-serif;
    color: #343469;
    font-size: 1.6rem;
    font-weight: 700;
    display: block;
    background: #f5f4f7;
    padding: 1.7rem 1.9rem;
    width: 100%;
    border: .1rem solid #f5f4f7;
    -webkit-transition: all .25s;
    transition: all .25s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden
}

.input__dom::-webkit-input-placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    color:rgba(52, 52, 105, .5)
}

.input__dom::-moz-placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    color:rgba(52, 52, 105, .5)
}

.input__dom:-ms-input-placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    color:rgba(52, 52, 105, .5)
}

.input__dom::-ms-input-placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    color:rgba(52, 52, 105, .5)
}

.input__dom::placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    color:rgba(52, 52, 105, .5)
}

.input__dom[data-datepicker] {
    background:#f5f4f7 url(../static/img/calendar-blue.svg) no-repeat right 2rem center
}

.input__dom:focus {
    outline: none !important;
    border-color:#343469
}

.input--number .input__dom {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance:textfield
}

.input--number .input__dom::-webkit-inner-spin-button, .input--number .input__dom::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin:0
}

.input--invalid .input__dom {
    background: rgba(80, 115, 226, .1);
    padding-right:6.4rem
}

.input--valid .input__dom {
    background: rgba(34, 172, 95, .1);
    padding-right:6.4rem
}

.input--invalid:after {
    margin: auto;
    background-color: #5073e2;
    background-image:url(../static/img/exclamation-white.svg)
}

.input--invalid:after, .input--valid:after {
    content: "";
    position: absolute;
    right: 2rem;
    top: 1.3rem;
    pointer-events: none;
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position:50%
}

.input--valid:after {
    background-color: #22ac5f;
    background-image:url(../static/img/checkmark-white.svg)
}

.select {
    position:relative
}

.select:before {
    content: "";
    position: absolute;
    top: 1.6rem;
    right: 2rem;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(../static/img/chevron-orange.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    pointer-events:none
}

.select__dom {
    font-family: BuenosAiresWeb, sans-serif;
    display: block;
    background: #f5f4f7;
    padding: 1.7rem 5.6rem 1.7rem 1.9rem;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: .1rem solid #f5f4f7;
    -webkit-transition: border-color .25s;
    transition: border-color .25s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden
}

.select__dom, .select__dom option {
    color: #343469;
    font-size: 1.6rem;
    font-weight:600
}

.select__dom::-ms-expand {
    display: none
}

.select__dom[data-value=""] {
    font-size: 1.6rem;
    font-weight: 500;
    color:rgba(52, 52, 105, .5)
}

.select__dom:focus {
    outline: none !important;
    border-color:#343469
}

.select--invalid .select__dom {
    background: rgba(80, 115, 226, .1);
    padding-right:9.6rem
}

.select--valid .select__dom {
    background: rgba(34, 172, 95, .1);
    padding-right:9.6rem
}

.select--invalid:after {
    background-color: #5073e2;
    background-image:url(../static/img/exclamation-white.svg)
}

.select--invalid:after, .select--valid:after {
    content: "";
    position: absolute;
    right: 6rem;
    top: 1.3rem;
    margin: auto;
    pointer-events: none;
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position:50%
}

.select--valid:after {
    background-color: #22ac5f;
    background-image:url(../static/img/checkmark-white.svg)
}

.checkbox {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.checkbox + .checkbox {
    margin-top:.2rem
}

.checkbox--inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display:inline-flex
}

.checkbox--inline + .checkbox--inline {
    margin-left: 1rem;
    margin-top:0
}

@media screen and (min-width: 48em) {
    .checkbox--inline + .checkbox--inline {
        margin-left:3rem
    }
}

.checkbox--inline + .checkbox--inline.checkbox--small {
    margin:0
}

.checkbox__dom {
    opacity: 0;
    position: absolute;
    pointer-events:none
}

.checkbox__wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-right: 2rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor:pointer
}

.checkbox__styled-box {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 2rem;
    height: 2rem;
    background: #f5f4f7;
    margin-top: .2rem;
    cursor: pointer;
    border:.1rem solid #343469
}

.checkbox__styled-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f5f4f7;
    -webkit-transition: background-color .15s .1s;
    transition:background-color .15s .1s
}

.checkbox__dom:checked + .checkbox__styled-box:before {
    background-color: #343469;
    -webkit-transition-delay: 0s;
    transition-delay:0s
}

.checkbox--invalid .checkbox__styled-box:before {
    background:rgba(80, 115, 226, .1)
}

.checkbox__styled-box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip: rect(0, 0, 2rem, 0);
    -webkit-transition: clip .1s 0s;
    transition: clip .1s 0s;
    background-image: url(../static/img/checkmark-white.svg);
    background-position: 50%;
    background-repeat:no-repeat
}

.checkbox__dom:checked + .checkbox__styled-box:after {
    clip: rect(0, 2rem, 2rem, 0);
    -webkit-transition-delay: .1s;
    transition-delay:.1s
}

.checkbox--small .checkbox__styled-box {
    margin-top:0
}

.checkbox__dom:disabled + .checkbox__styled-box {
    cursor: auto;
    opacity:.5
}

.checkbox__dom:focus + .checkbox__styled-box {
    outline:.2rem solid #4049d4
}

.checkbox__label {
    font-size: 1.6rem;
    font-weight: 600;
    color: #343469;
    margin-left: 1rem;
    line-height: 1.63;
    cursor:pointer
}

.checkbox__label a {
    color:#f58220
}

.checkbox__dom:disabled ~ .checkbox__label {
    cursor: auto;
    opacity:.5
}

.checkbox--small .checkbox__label {
    font-size: 1.4rem;
    line-height:1.43
}

.checkbox--invalid:after {
    content: "";
    position: absolute;
    right: 2rem;
    top: 1.3rem;
    margin: auto;
    pointer-events: none;
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #5073e2;
    background-image: url(../static/img/exclamation-white.svg);
    background-repeat: no-repeat;
    background-position:50%
}

.radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.radio + .radio {
    margin-top:.2rem
}

.radio--inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display:inline-flex
}

.radio--inline + .radio--inline {
    margin-left: 1rem;
    margin-top:0
}

@media screen and (min-width: 48em) {
    .radio--inline + .radio--inline {
        margin-left:3rem
    }
}

.radio__dom {
    opacity: 0;
    position: absolute;
    pointer-events:none
}

.radio__wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-right: 2rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor:pointer
}

.radio__styled-box {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: .1rem solid #343469;
    background: #fff;
    margin-top:.2rem
}

.radio__styled-box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 1.2rem;
    height: 1.2rem;
    margin: auto;
    border-radius: 50%;
    background: #343469;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition:transform .25s, -webkit-transform .25s
}

.radio__dom:checked + .radio__styled-box:after {
    -webkit-transform: scale(1);
    transform:scale(1)
}

.radio__dom:disabled + .radio__styled-box {
    cursor:auto
}

.radio__dom:focus + .radio__styled-box {
    outline:.2rem solid #4049d4
}

.radio__label {
    font-size: 1.6rem;
    font-weight: 600;
    color: #343469;
    margin-left: 1rem;
    line-height:1.63
}

.radio__label a {
    color:#f58220
}

.textarea {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.textarea__dom {
    font-family: BuenosAiresWeb, sans-serif;
    color: #343469;
    font-size: 1.6rem;
    font-weight: 700;
    display: block;
    background: #f5f4f7;
    padding: 1.7rem 1.9rem;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 20rem;
    min-height: 20rem;
    max-height: 20rem;
    resize: none;
    border: .1rem solid #f5f4f7;
    -webkit-transition: all .25s;
    transition:all .25s
}

.textarea__dom::-webkit-input-placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    color:rgba(52, 52, 105, .5)
}

.textarea__dom::-moz-placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    color:rgba(52, 52, 105, .5)
}

.textarea__dom:-ms-input-placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    color:rgba(52, 52, 105, .5)
}

.textarea__dom::-ms-input-placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    color:rgba(52, 52, 105, .5)
}

.textarea__dom::placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    color:rgba(52, 52, 105, .5)
}

.textarea__dom:focus {
    outline: none !important;
    border-color:#343469
}

.textarea--invalid .textarea__dom {
    background:rgba(80, 115, 226, .1)
}

.textarea--valid .textarea__dom {
    background:rgba(34, 172, 95, .1)
}

.textarea--invalid:after {
    background-color: #5073e2;
    background-image:url(../static/img/exclamation-white.svg)
}

.textarea--invalid:after, .textarea--valid:after {
    content: "";
    position: absolute;
    right: 2rem;
    top: 1.3rem;
    margin: auto;
    pointer-events: none;
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position:50%
}

.textarea--valid:after {
    background-color: #22ac5f;
    background-image:url(../static/img/checkmark-white.svg)
}

.react-datepicker-wrapper {
    position: relative;
    display: block;
    width:100%
}

.dateinput--invalid .react-datepicker-wrapper:after {
    margin: auto;
    background-color: #5073e2;
    background-image:url(../static/img/exclamation-white.svg)
}

.dateinput--invalid .react-datepicker-wrapper:after, .dateinput--valid .react-datepicker-wrapper:after {
    content: "";
    position: absolute;
    right: 6rem;
    top: 1.3rem;
    pointer-events: none;
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position:50%
}

.dateinput--valid .react-datepicker-wrapper:after {
    background-color: #22ac5f;
    background-image:url(../static/img/checkmark-white.svg)
}

.react-datepicker__indicator {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 6.4rem;
    font-size: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    pointer-events:none
}

.react-datepicker__indicator:before {
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, .1);
    display: block;
    margin: auto;
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition:opacity .2s
}

.react-datepicker__indicator:after {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: url(../static/img/calendar-large.svg) no-repeat 50%;
    background-size:1.6rem auto
}

.react-datepicker__indicator:focus {
    outline:none !important
}

.react-datepicker__indicator:focus:before {
    opacity:1
}

.react-datepicker__indicator .icon {
    display:none
}

.react-datepicker__input {
    font-family: BuenosAiresWeb, sans-serif;
    color: #343469;
    font-size: 1.6rem;
    font-weight: 700;
    display: block;
    background: #f5f4f7;
    padding: 1.7rem 6.4rem 1.7rem 1.9rem;
    width: 100%;
    border: .1rem solid #f5f4f7;
    -webkit-transition: all .25s;
    transition: all .25s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden
}

.react-datepicker__input::-webkit-input-placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    color:rgba(52, 52, 105, .5)
}

.react-datepicker__input::-moz-placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    color:rgba(52, 52, 105, .5)
}

.react-datepicker__input:-ms-input-placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    color:rgba(52, 52, 105, .5)
}

.react-datepicker__input::-ms-input-placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    color:rgba(52, 52, 105, .5)
}

.react-datepicker__input::placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    color:rgba(52, 52, 105, .5)
}

.react-datepicker__input:focus {
    outline: none !important;
    border-color:#343469
}

.dateinput--invalid .react-datepicker__input {
    background: rgba(80, 115, 226, .1);
    padding-right:9.6rem
}

.dateinput--valid .react-datepicker__input {
    background: rgba(34, 172, 95, .1);
    padding-right:9.6rem
}

.react-datepicker {
    position: relative;
    display: inline-block;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .25);
    font-size: 12px;
    line-height: 13px;
    background-color: #fff;
    color: #343469;
    margin:0
}

.react-datepicker__tab-loop {
    position:relative
}

.react-datepicker--time-only {
    font-size: 16px;
    line-height:18px
}

.react-datepicker--time-only .react-datepicker__triangle {
    left:35px
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left:0
}

.react-datepicker__triangle {
    display:none
}

.react-datepicker-popper {
    z-index: 1;
    margin-top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: none !important;
    transform: none !important;
    position: absolute;
    top: auto !important;
    left: auto !important;
    right:0 !important
}

.react-datepicker__header {
    text-align: center;
    background: #343469;
    border-bottom: 1px solid #343469;
    color: #fff;
    position:relative
}

.react-datepicker__header--time {
    display:none
}

.react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__year-dropdown-container--select {
    display: inline-block;
    margin:0 2px
}

.react-datepicker-time__header, .react-datepicker__current-month {
    margin-top: 0;
    font-size: 14px;
    line-height: 16px;
    padding:16px 0
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden
}

.react-datepicker__navigation {
    position: absolute;
    display: block;
    z-index: 1;
    top: 0;
    width: 55px;
    height: 48px;
    padding: 0;
    border: 0;
    background: none;
    line-height: 30px;
    text-indent: -9999px;
    text-align: center;
    cursor: pointer;
    overflow:hidden
}

.react-datepicker__navigation--next:before, .react-datepicker__navigation--previous:before {
    content: "";
    position: absolute;
    top: 0;
    margin: 0 20px;
    width: 15px;
    height: 100%;
    display: block;
    text-indent: 0;
    background:url(../static/img/arrow-white.svg) no-repeat 50%
}

.react-datepicker__navigation--previous:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    background:url(../static/img/arrow-white.svg) no-repeat 50%
}

.react-datepicker__navigation:focus {
    outline:none
}

.react-datepicker__navigation--previous {
    left:0
}

.react-datepicker__navigation--next {
    right:0
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right:80px
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right:auto
}

.react-datepicker__month-container {
    float:left
}

.react-datepicker__month {
    text-align:center
}

.react-datepicker__time-container {
    float: right;
    width:70px
}

.react-datepicker__time-container--with-today-button {
    display: inline;
    position: absolute;
    right: -72px;
    top:0
}

.react-datepicker__time {
    position:relative
}

.react-datepicker__time-box {
    width: 70px;
    overflow-x: hidden;
    margin: 0 auto;
    text-align:center
}

.react-datepicker__time-list {
    list-style: none;
    margin: 0;
    height: 180px;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
    padding: 0 30px 0 0;
    width:calc(100% + 30px)
}

.react-datepicker__time-list-item {
    scroll-snap-align: start;
    width: 70px;
    display: table;
    line-height: 30px;
    cursor:pointer
}

.react-datepicker__time-list-item--selected, .react-datepicker__time-list-item--selected:hover, .react-datepicker__time-list-item:hover {
    background-color:rgba(227, 164, 51, .25)
}

.react-datepicker__time-list-item--disabled {
    cursor: default;
    background-color:#f58220
}

.react-datepicker__time-list-item--disabled, .react-datepicker__time-list-item--disabled:hover {
    color:#343469
}

.react-datepicker__day-names {
    background: #fff;
    border-top:1px solid #fff
}

.react-datepicker__day-names, .react-datepicker__week {
    white-space:nowrap
}

.react-datepicker__day, .react-datepicker__day-name, .react-datepicker__time-name {
    display: inline-block;
    width: 31px;
    line-height: 30px;
    text-align: center;
    color:#343469
}

.react-datepicker__day, .react-datepicker__time-name {
    border: 1px solid rgba(52, 52, 105, .5);
    border-width:0 1px 1px 0
}

.react-datepicker__day:last-child, .react-datepicker__time-name:last-child {
    border-right:0
}

.react-datepicker__week:last-child .react-datepicker__day, .react-datepicker__week:last-child .react-datepicker__time-name {
    border-bottom:0
}

.react-datepicker__day {
    cursor:pointer
}

.react-datepicker__day:hover {
    background-color: rgba(52, 52, 105, .75);
    color:#fff
}

.react-datepicker__day--today {
    font-weight:700
}

.react-datepicker__day--highlighted, .react-datepicker__day--highlighted:hover, .react-datepicker__day--in-range, .react-datepicker__day--in-range:hover, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-selecting-range:hover {
    background-color: rgba(52, 52, 105, .75);
    color:#fff
}

.react-datepicker__day--keyboard-selected, .react-datepicker__day--keyboard-selected:hover, .react-datepicker__day--selected, .react-datepicker__day--selected:hover {
    background-color: #343469;
    color:#fff
}

.react-datepicker__day--disabled, .react-datepicker__day--disabled:hover {
    cursor: default;
    background-color: #f5f4f7;
    color:#b9b5d1
}

.react-datepicker__day--outside-month {
    background:#f5f4f7
}

div.logo-no-type {
    background-size:contain
}

img.logo-no-type {
    margin: 0 auto;
    width:auto
}

.fileinput {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.fileinput__wrap {
    position: relative;
    width: 100%;
    display: block;
    cursor:pointer
}

.fileinput__dom {
    display:none
}

.fileinput__filename {
    font-family: BuenosAiresWeb, sans-serif;
    display: block;
    background: #f5f4f7;
    padding: 1.7rem 6.4rem 1.7rem 1.9rem;
    border: .1rem solid #f5f4f7;
    -webkit-transition: all .25s;
    transition: all .25s;
    color: #343469;
    font-size: 1.6rem;
    font-weight: 700;
    width: 100%;
    pointer-events:none
}

.fileinput__filename::-webkit-input-placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    color:rgba(52, 52, 105, .5)
}

.fileinput__filename::-moz-placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    color:rgba(52, 52, 105, .5)
}

.fileinput__filename:-ms-input-placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    color:rgba(52, 52, 105, .5)
}

.fileinput__filename::-ms-input-placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    color:rgba(52, 52, 105, .5)
}

.fileinput__filename::placeholder {
    font-size: 1.6rem;
    font-weight: 500;
    color:rgba(52, 52, 105, .5)
}

.fileinput--invalid .fileinput__filename {
    background: rgba(80, 115, 226, .1);
    padding-right: 14rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden
}

.fileinput--valid .fileinput__filename {
    background: rgba(34, 172, 95, .1);
    padding-right: 14rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden
}

.fileinput__button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 6.4rem;
    font-size: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    outline:none
}

.fileinput__button:before {
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, .1);
    display: block;
    margin: auto;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition:opacity .2s
}

.fileinput__button:after, .fileinput__button:before {
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position:absolute
}

.fileinput__button:after {
    background: url(../static/img/upload.svg) no-repeat 50%;
    background-size:1.6rem auto
}

.fileinput__button:focus {
    outline:none !important
}

.fileinput__button:focus:before {
    opacity:1
}

.fileinput__remove {
    position: absolute;
    top: 0;
    right: 6rem;
    bottom: 0;
    margin: auto;
    font-size: 1.6rem;
    line-height: 1.1875;
    text-transform: lowercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: underline;
    cursor:pointer
}

.fileinput__remove:focus {
    outline:none !important
}

.fileinput--invalid:after {
    margin: auto;
    background-color: #5073e2;
    background-image:url(../static/img/exclamation-white.svg)
}

.fileinput--invalid:after, .fileinput--valid:after {
    content: "";
    position: absolute;
    right: 2rem;
    top: 1.3rem;
    pointer-events: none;
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position:50%
}

.fileinput--valid:after {
    background-color: #22ac5f;
    background-image:url(../static/img/checkmark-white.svg)
}

.search {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.search:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 2rem;
    right: 2rem;
    height: .2rem;
    background-color: #343469;
    z-index:0
}

.search__dom {
    width: 100%;
    background: transparent;
    position: relative;
    z-index: 1;
    border: 0;
    height: 6rem;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: #343469;
    font-family: BuenosAiresWeb, sans-serif;
    padding:0 6.5rem 0 2rem
}

.search__dom::-webkit-input-placeholder {
    font-family: BuenosAiresWeb, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color:rgba(52, 52, 105, .75)
}

.search__dom::-moz-placeholder {
    font-family: BuenosAiresWeb, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color:rgba(52, 52, 105, .75)
}

.search__dom:-ms-input-placeholder {
    font-family: BuenosAiresWeb, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color:rgba(52, 52, 105, .75)
}

.search__dom::-ms-input-placeholder {
    font-family: BuenosAiresWeb, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color:rgba(52, 52, 105, .75)
}

.search__dom::placeholder {
    font-family: BuenosAiresWeb, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color:rgba(52, 52, 105, .75)
}

.search__button {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 2rem;
    bottom: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.contact-item {
    position: relative;
    padding-left: 4.8rem;
    font-weight:200
}

.contact-item:before {
    content: "";
    margin-left: -2rem;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    position: relative;
    left: 0;
    top: -.5rem;
    -webkit-transform: translate(-2.8rem, 50%);
    transform: translate(-2.8rem, 50%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size:100%
}

.contact-item--phone:before {
    background-image:url(../static/img/telephone.svg)
}

.contact-item--mail:before {
    background-image:url(../static/img/mail.svg)
}

.contact-item--location:before {
    background-image:url(../static/img/location-blue.svg)
}

.contact-item--time:before {
    background-image:url(../static/img/time-blue.svg)
}

.button {
    position: relative;
    display: inline-block;
    padding: 2rem 2rem 2rem 4.8rem;
    background: transparent;
    outline: none;
    border: 0;
    font-size: 1.4rem;
    font-weight: 700;
    font-family: BuenosAiresWeb, sans-serif;
    line-height: normal;
    color: #343469;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
    -webkit-transition: all .25s;
    transition:all .25s
}

.button:focus, .button:hover, a:focus .button, a:hover .button {
    text-indent:.3rem
}

.button:focus:before, .button:hover:before, a:focus .button:before, a:hover .button:before {
    -webkit-box-shadow: 0 0 1rem 0;
    box-shadow: 0 0 1rem 0;
    -webkit-transform: scale(1.12);
    transform:scale(1.12)
}

a:focus .button:before, a:hover .button:before {
    -webkit-box-shadow: none;
    box-shadow:none
}

.button:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%;
    -webkit-transition: all .25s;
    transition: all .25s;
    background-color: #f58220;
    color:#f58220
}

.button--welzijn-en-gezondheid:before {
    background-color: #e3a433;
    color:#e3a433
}

.button--arbeids-mobiliteit:before {
    background-color: #cdc72e;
    color:#cdc72e
}

.button--veiligheid:before {
    background-color: #c0af7a;
    color:#c0af7a
}

.button--techniek-gebouwde-omgeving:before {
    background-color: #5073e2;
    color:#5073e2
}

.button--economie-ondernemen:before {
    background-color: #22ac5f;
    color:#22ac5f
}

.button--mobiliteit-logistiek:before {
    background-color: #289fad;
    color:#289fad
}

.button--sport-opvoeding-maatschappij:before {
    background-color: #8c376b;
    color:#8c376b
}

.button--horeca-reizen-dienstverlening:before {
    background-color: #c84343;
    color:#c84343
}

.button--design-media-ict:before {
    background-color: #c5488b;
    color:#c5488b
}

.button--start-deltion:before {
    background-color: #f58220;
    color:#f58220
}

.button--overig:before {
    background-color: #343469;
    color:#343469
}

.button:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%;
    -webkit-transition: all .25s;
    transition: all .25s;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 2.4rem 2.4rem;
    background-image:url(../static/img/arrow-white.svg)
}

.button:disabled {
    opacity: .6;
    pointer-events:none
}

.button[hidden] {
    display:none
}

.button.button--light {
    color:#fff
}

.button--block {
    display: block;
    width:100%
}

.button--small {
    font-size:1.2rem
}

.button--large {
    font-size: 1.8rem;
    font-weight:700
}

.button--secondary {
    color:#343469
}

.button--secondary:focus, .button--secondary:hover, a:focus .button--secondary, a:hover .button--secondary {
    text-indent:0
}

.button--secondary:focus:after, .button--secondary:hover:after, a:focus .button--secondary:after, a:hover .button--secondary:after {
    -webkit-transform: translateX(.5rem);
    transform:translateX(.5rem)
}

.button--secondary:before {
    display:none
}

.button--secondary:after {
    background-image: url(../static/img/arrow-wiseblue.svg);
    background-color:transparent
}

.button--secondary.button--light {
    color:#fff
}

.button--secondary.button--light:after {
    background-image:url(../static/img/arrow-white.svg)
}

.button--collapse {
    overflow:visible
}

.button--collapse:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    background-image:url(../static/img/chevron-white.svg)
}

.button--favorite:after {
    background-image:url(../static/img/favorite.svg)
}

.button--play:after {
    background-size: 1.5rem 1.5rem;
    background-image:url(../static/img/play.svg)
}

.button--no-text {
    padding:1.7rem
}

.button--back {
    padding-left:5.5rem
}

.button--back:after {
    -webkit-transform: rotate(180deg);
    transform:rotate(180deg)
}

.button--offset_0-0-0-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom:0
}

.button--offset_0-0-0-0.button--secondary {
    margin-left:-1rem
}

.button--offset_0-0-0-1 {
    padding-bottom:0
}

.button--offset_0-0-0-1, .button--offset_0-0-1-0 {
    padding-top: 0;
    padding-right:0
}

.button--offset_0-0-1-0.button--secondary {
    margin-left:-1rem
}

.button--offset_0-0-1-1 {
    padding-top: 0;
    padding-right:0
}

.button--offset_0-1-0-0 {
    padding-top: 0;
    padding-bottom:0
}

.button--offset_0-1-0-0.button--secondary {
    margin-left:-1rem
}

.button--offset_0-1-0-1 {
    padding-top: 0;
    padding-bottom:0
}

.button--offset_0-1-1-0 {
    padding-top:0
}

.button--offset_0-1-1-0.button--secondary {
    margin-left:-1rem
}

.button--offset_0-1-1-1 {
    padding-top:0
}

.button--offset_1-0-0-0 {
    padding-right: 0;
    padding-bottom:0
}

.button--offset_1-0-0-0.button--secondary {
    margin-left:-1rem
}

.button--offset_1-0-0-1 {
    padding-right: 0;
    padding-bottom:0
}

.button--offset_1-0-1-0 {
    padding-right:0
}

.button--offset_1-0-1-0.button--secondary {
    margin-left:-1rem
}

.button--offset_1-0-1-1 {
    padding-right:0
}

.button--offset_1-1-0-0 {
    padding-bottom:0
}

.button--offset_1-1-0-0.button--secondary {
    margin-left:-1rem
}

.button--offset_1-1-0-1 {
    padding-bottom:0
}

.button--offset_1-1-1-0.button--secondary {
    margin-left:-1rem
}

.breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

@media screen and (min-width: 62em) {
    .breadcrumbs {
        padding-left:2.5rem
    }
}

.breadcrumbs__link {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .5rem 1rem .5rem 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-decoration: none;
    color:inherit
}

@media screen and (min-width: 62em) {
    .breadcrumbs__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display:flex
    }
}

.breadcrumbs__link::active, .breadcrumbs__link::visited {
    color:inherit
}

.breadcrumbs__link:after {
    content: "";
    width: 1.4rem;
    height: 1.4rem;
    margin-left: 1rem;
    background-image: url(../static/img/chevron-orange.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display:none
}

@media screen and (min-width: 62em) {
    .breadcrumbs__link:after {
        display:inline-block
    }
}

.breadcrumbs__link--home {
    width: 3.8rem;
    height: 1.7rem;
    display: none;
    margin-left: -2.5rem;
    padding-left: 1.4rem;
    background-image: url(../static/img/home.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size:contain
}

@media screen and (min-width: 62em) {
    .breadcrumbs__link--home {
        display: -webkit-box;
        display: -ms-flexbox;
        display:flex
    }
}

.breadcrumbs__link--current {
    font-weight:700
}

.breadcrumbs__link--current:after {
    content:normal
}

.breadcrumbs__link--previous {
    font-weight: 700;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.breadcrumbs__link--previous:last-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

@media screen and (min-width: 62em) {
    .breadcrumbs__link--previous {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-weight:500
    }
}

.breadcrumbs__link--previous:before {
    content: "";
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 1rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url(../static/img/chevron-orange.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size:contain
}

@media screen and (min-width: 62em) {
    .breadcrumbs__link--previous:before {
        display:none
    }
}

.accordion {
    display: block;
    background:#fff
}

.accordion__header {
    position: relative;
    padding: 3rem 9.6rem 3rem 4rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    cursor: pointer;
    background: transparent;
    outline: none;
    border: 0;
    display: block;
    width: 100%;
    text-align: left;
    color:#343469
}

.accordion__header:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 3.6rem;
    width: 2.4rem;
    height: 2.4rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    margin: auto;
    background-image: url(../static/img/chevron-orange.svg);
    background-repeat: no-repeat;
    background-position:50%
}

.accordion--open .accordion__header:after {
    -webkit-transform: rotate(270deg);
    transform:rotate(270deg)
}

.accordion__foldout {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s .2s;
    transition: height .3s .2s;
    position:relative
}

.accordion--open .accordion__foldout {
    -webkit-transition-delay: 0s;
    transition-delay:0s
}

.accordion__divider {
    border: .1rem solid #343469;
    opacity: .1;
    margin: 0 0 3rem;
    position: absolute;
    top: 0;
    left: 4rem;
    right:4rem
}

.accordion__content {
    padding: 3rem 4rem;
    width: 100%;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
    color: transparent;
    -webkit-transition: color .3s;
    transition:color .3s
}

.accordion--open .accordion__content {
    color: #343469;
    -webkit-transition-delay: .2s;
    transition-delay:.2s
}

.cta-block {
    text-decoration: none;
    display: block;
    color: #fff;
    padding: 3.5rem 6rem 2.5rem 4.5rem;
    background-color: #343469;
    position: relative;
    line-height: 1.13;
    -webkit-transition-property: -webkit-transform, -webkit-box-shadow;
    transition-property: -webkit-transform, -webkit-box-shadow;
    transition-property: transform, box-shadow;
    transition-property: transform, box-shadow, -webkit-transform, -webkit-box-shadow;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function:ease-in-out
}

.cta-block--stretch {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.cta-block:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-box-shadow: 0 3.5rem 4rem 0 rgba(52, 52, 105, .2);
    box-shadow: 0 3.5rem 4rem 0 rgba(52, 52, 105, .2);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .25s;
    transition:opacity .25s
}

.cta-block:focus:after, .cta-block:hover:after {
    opacity:1
}

.cta-block__button {
    margin:1rem 0 0
}

.cta-block--spaced .cta-block__button {
    margin-top:4rem
}

@media screen and (min-width: 62em) {
    .cta-block__course {
        -webkit-transform: translateY(-50%);
        transform:translateY(-50%)
    }
}

.cta-block__title {
    font-size: 3.2rem;
    line-height: 1.13;
    font-weight:700
}

.event-card {
    text-decoration: none;
    display: block;
    position:relative
}

.event-card:active, .event-card:focus, .event-card:visited {
    color:#343469
}

.event-card__wrapper {
    background-color: #fff;
    width: calc(100% - 4.7rem);
    margin-left: 4.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition-property: padding;
    transition-property: padding;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function:ease-in-out
}

.event-card--force-open .event-card__wrapper, .event-card--open .event-card__wrapper, .event-card__wrapper {
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
    padding:4rem 2rem 4rem 9.7rem
}

@media screen and (min-width: 62em) {
    .event-card__wrapper {
        padding: 4.5rem 2rem 4.5rem 9.7rem;
        -webkit-transition-delay: .2s;
        transition-delay:.2s
    }
}

.event-card__foldout {
    overflow: hidden;
    -webkit-transition-property: height;
    transition-property: height;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function:ease-in-out
}

.event-card--force-open .event-card__foldout, .event-card--open .event-card__foldout, .event-card__foldout {
    -webkit-transition-delay: 0ms;
    transition-delay:0ms
}

.event-card--force-open .event-card__foldout, .event-card__foldout {
    height:auto
}

@media screen and (min-width: 62em) {
    .event-card__foldout {
        -webkit-transition-delay: .2s;
        transition-delay: .2s;
        height:0
    }
}

.event-card__content {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function:ease-in-out
}

.event-card--open .event-card__content {
    -webkit-transition-delay: .2s;
    transition-delay:.2s
}

.event-card--force-open .event-card__content, .event-card--open .event-card__content, .event-card__content {
    opacity:1
}

@media screen and (min-width: 62em) {
    .event-card__content {
        opacity:0
    }
}

.event-card__title {
    font-weight:700
}

.event-card__text {
    margin-top: 2rem;
    line-height:1.4
}

.event-card__calendar {
    position: absolute;
    left: 0;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 9.4rem;
    width: 10.6rem;
    color: #fff;
    text-align: center;
    background-image: url(../static/img/calendar.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position:50%
}

.event-card__calendar-day {
    font-size: 3.4rem;
    font-weight:700
}

.event-card__calendar-month {
    font-size:1.2rem
}

.contact-block {
    width: 100%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

@media screen and (min-width: 30em) {
    .contact-block {
        -ms-flex-wrap: nowrap;
        flex-wrap:nowrap
    }
}

.contact-block__image-container {
    position: relative;
    overflow:hidden
}

.contact-block__image {
    width: 100%;
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    min-height: 13rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position:50%
}

@media screen and (min-width: 30em) {
    .contact-block__image {
        width: 13rem;
        height: auto;
        -ms-flex-preferred-size: 13rem;
        flex-basis:13rem
    }
}

.contact-block__content {
    padding: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex:1
}

@media screen and (min-width: 30em) {
    .contact-block__content {
        padding:3rem
    }
}

.contact-block__title {
    font-weight:700
}

.contact-block__subtitle {
    font-weight:500
}

.contact-block__channels {
    margin-top:2rem
}

.contact-block__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom:.5rem
}

.contact-block__icon {
    width: 2.4rem;
    height: 2.4rem;
    margin-right:.5rem
}

.alert-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem;
    width: 100%;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom:1rem
}

@media screen and (min-width: 30em) {
    .alert-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding:0
    }
}

.alert-block__figure {
    width: 11rem;
    height: 2.4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 1rem;
    text-align: center;
    border-radius: .2rem;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.2rem;
    text-transform: uppercase;
    overflow: hidden;
    line-height:2.4rem
}

@media screen and (min-width: 30em) {
    .alert-block__figure {
        margin:0 2.5rem 0 1.5rem
    }
}

.alert-block__figure--full {
    background-color:#d43d3d
}

.alert-block__figure--almost-full {
    background-color:#f58220
}

.alert-block__figure--wait-list {
    background-color:#d43d3d
}

.alert-block__figure--limited, .alert-block__figure--min-participation {
    background-color:#343469
}

.alert-block__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 1.43;
    font-size: 1.4rem;
    font-weight:500
}

@media screen and (min-width: 30em) {
    .alert-block__content {
        padding:2rem 3rem 2rem 1rem
    }
}

.alert-block__content p {
    display:inline
}

.alert-block__title {
    font-weight:700
}

.share-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

@media screen and (min-width: 62em) {
    .share-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items:normal
    }
}

.share-block--shareable .share-block__button--desktop {
    display:none
}

.share-block--shareable .share-block__button--mobile {
    display:block
}

.share-block__title {
    font-weight: 700;
    font-size: 2.5rem;
    margin-bottom: 1rem;
    line-height:1.4
}

.share-block__figure {
    width: 14rem;
    height: 14rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position:50%
}

.share-block__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align:center
}

@media screen and (min-width: 62em) {
    .share-block__content {
        text-align:left
    }
}

.share-block__button--mobile {
    display:none
}

.share-block__button--desktop {
    margin-left:-1rem
}

.share-block__button--desktop a {
    text-decoration:none
}

.label-block {
    font-size: 1.6rem;
    text-align: center;
    font-weight: 700;
    padding: 2.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    background:#f5f4f7
}

.label-block--medium, .label-block--small {
    font-size: 1.2rem;
    line-height:2
}

.label-block--small {
    padding:1.3rem
}

.label-block--light {
    background-color:#fff
}

.label-block--clickable {
    text-decoration: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    text-align: left;
    padding: 1.3rem 4.6rem .9rem 2.5rem;
    font-size: 1.4rem;
    font-weight:500
}

.tabs__controls {
    position: relative;
    margin-top:-1rem
}

@media screen and (min-width: 62em) {
    .tabs__controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items:center
    }
}

.tabs__controls--spaced {
    margin-bottom:3rem
}

.tabs__controls--center {
    text-align:center
}

@media screen and (min-width: 62em) {
    .tabs__controls--center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content:center
    }
}

.tabs__controls:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: -2rem;
    height: 5.6rem;
    width: 6rem;
    pointer-events: none;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(245, 244, 247, 0)), color-stop(90%, #f5f4f7)), -webkit-gradient(linear, left top, right top, color-stop(0, rgba(245, 244, 247, 0)), color-stop(90%, #f5f4f7));
    background:linear-gradient(90deg, rgba(245, 244, 247, 0) 0, #f5f4f7 90%), linear-gradient(90deg, rgba(245, 244, 247, 0) 0, #f5f4f7 90%)
}

@media screen and (min-width: 75em) {
    .tabs__controls:after {
        display:none
    }
}

.tabs--light .tabs__controls:after {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, hsla(0, 0%, 100%, 0)), color-stop(90%, #fff)), -webkit-gradient(linear, left top, right top, color-stop(0, hsla(0, 0%, 100%, 0)), color-stop(90%, #fff));
    background:linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 90%), linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 90%)
}

.tabs__title {
    margin-bottom:1.5rem
}

@media screen and (min-width: 62em) {
    .tabs__title {
        margin-bottom:3.5rem
    }
}

.tabs__list {
    list-style: none;
    color: #343469;
    overflow-x: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 100%;
    padding: .2rem;
    height:5.6rem
}

.tabs__controls--center .tabs__list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display:inline-flex
}

.tabs__list-prefix {
    font-weight: 500;
    margin-right: 5.4rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex:1 1 auto
}

@media screen and (min-width: 62em) {
    .tabs__list-prefix {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        line-height: 3;
        padding-bottom:.4rem
    }
}

.tabs__tab {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height:5.2rem
}

.tabs__tab + .tabs__tab {
    margin-left:3.4rem
}

@media screen and (min-width: 75em) {
    .tabs__tab + .tabs__tab {
        margin-left:5.4rem
    }
}

.tabs__tab:last-of-type {
    padding-right:4rem
}

.tabs__tab-button {
    text-decoration: none;
    background: none;
    border: 0;
    color: inherit;
    padding: 0;
    line-height: 3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    font-size: 1.6rem;
    font-weight:700
}

.tabs__tab-button:after {
    content: "";
    display: block;
    width: 0;
    height: .4rem;
    background-color: #f58220;
    -webkit-transition: width .3s ease-in-out;
    transition:width .3s ease-in-out
}

.tabs__tab-button.active:after, .tabs__tab-button:focus:after, .tabs__tab-button:hover:after {
    width:100%
}

.tabs__tab-button[disabled] {
    cursor: not-allowed;
    opacity:.5
}

.tabs__tab-button[disabled]:after {
    display:none
}

.tabs__foldout {
    -webkit-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out;
    overflow:hidden
}

.tabs__section {
    display: block;
    opacity: 0;
    -webkit-animation: fadeIn .3s ease-in-out .3s forwards;
    animation:fadeIn .3s ease-in-out .3s forwards
}

.tabs__section--light {
    background-color:#fff
}

.tabs__section[hidden] {
    display:none
}

.tabs-content {
    padding:3rem 3.5rem 3.8rem
}

@media screen and (min-width: 62em) {
    .tabs-content {
        padding:3.8rem 4.8rem 5.2rem
    }
}

.tabs-content__title {
    line-height: 1.2;
    font-size: 2rem;
    position: relative;
    margin-bottom:1.5rem
}

.big-accordion {
    text-align:center
}

.big-accordion__title {
    margin-bottom:4rem
}

.big-accordion__foldout {
    height: 32rem;
    overflow: hidden;
    -webkit-transition: height .3s;
    transition: height .3s;
    position:relative
}

@media screen and (min-width: 62em) {
    .big-accordion__foldout {
        height:25rem
    }
}

.big-accordion__foldout--no-height {
    height:auto
}

.big-accordion__content {
    position: relative;
    padding-bottom:6rem
}

.big-accordion__button-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 6rem;
    margin-top: -6rem;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 244, 247, 0)), color-stop(90%, #f5f4f7));
    background:linear-gradient(180deg, rgba(245, 244, 247, 0), #f5f4f7 90%)
}

@media screen and (min-width: 62em) {
    .big-accordion__button-wrap--hide-md {
        display:none
    }
}

.big-accordion__button:focus:after, .big-accordion__button:hover:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation: openBigAccordion 1s ease-in-out infinite;
    animation:openBigAccordion 1s ease-in-out infinite
}

.big-accordion--open .big-accordion__button:after {
    -webkit-transform: rotate(-90deg);
    transform:rotate(-90deg)
}

.big-accordion--open .big-accordion__button:focus:after, .big-accordion--open .big-accordion__button:hover:after {
    -webkit-animation: closeBigAccordion 1s ease-in-out infinite;
    animation:closeBigAccordion 1s ease-in-out infinite
}

.usp-section {
    text-align:center
}

.usp-section__image {
    width: calc(100% - 4rem);
    margin: 0 auto;
    height: 50rem;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
    clip-path:polygon(0 0, 100% 0, 100% 90%, 0 100%)
}

@media screen and (min-width: 62em) {
    .usp-section__image {
        width: 100%;
        height:68rem
    }
}

.usp-section__title {
    font-size: 3rem;
    line-height:1.2
}

@media screen and (min-width: 62em) {
    .usp-section__title {
        font-size:3.5rem
    }
}

.usp-section__content {
    padding-bottom: 6rem;
    z-index:-1
}

@media screen and (min-width: 62em) {
    .usp-section__content {
        margin:initial
    }
}

.usp-section__inner {
    width: 100%;
    padding: 4rem 3rem;
    background-color: #fff;
    z-index: -1;
    position:relative
}

.usp-section__inner:before {
    content: "";
    display: block;
    background-color: #fff;
    width: 100%;
    height: 6rem;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
    transform:translateY(-100%)
}

@media screen and (min-width: 62em) {
    .usp-section__inner:before {
        display:none
    }
}

@media screen and (min-width: 62em) {
    .usp-section__inner {
        z-index: auto;
        margin-top: -20rem;
        padding:4rem 6.4rem
    }
}

.usp-section__item {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

@media screen and (min-width: 48em) {
    .usp-section__item {
        text-align: center;
        display:block
    }
}

.usp-section__item:before {
    content: "";
    display: block;
    width: 7rem;
    height: 7rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: initial;
    background-image: url(../static/img/illu-general-thumbs.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size:contain
}

@media screen and (min-width: 48em) {
    .usp-section__item:before {
        margin:0 auto
    }
}

.usp-section__item--checkmark:before {
    background-image:url(../static/img/illu-general-checkmark.svg)
}

.usp-section__body {
    margin-top:2.4rem
}

.info-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 3.5rem 1.5rem;
    background: #fff;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    cursor:pointer
}

@media screen and (min-width: 62em) {
    .info-block {
        padding: 3.5rem 3.5rem 4rem 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left;
        cursor:default
    }
}

.info-block__wrapper {
    width:100%
}

.info-block__content {
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition:opacity .3s
}

@media screen and (min-width: 62em) {
    .info-block__content {
        opacity:1
    }
}

.info-block--open .info-block__content {
    opacity:1
}

.info-block__foldout {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out;
    position:relative
}

@media screen and (min-width: 62em) {
    .info-block__foldout {
        height: auto;
        overflow:visible
    }
}

.info-block--open .info-block__foldout {
    -webkit-transition-delay: 0ms;
    transition-delay:0ms
}

.info-block__figure {
    width: 14rem;
    height: 14rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position:50%
}

.info-block__title {
    line-height: 1.2;
    font-size: 2rem;
    position: relative;
    margin-bottom:1.5rem
}

.info-block__title:after {
    content: "";
    display: block;
    width: 1.2rem;
    height: .8rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    background-image: url(../static/img/chevron-blue.svg);
    background-position: 50%;
    background-repeat:no-repeat
}

@media screen and (min-width: 62em) {
    .info-block__title:after {
        display:none
    }
}

.info-block--open .info-block__title:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform:translateY(-50%) rotate(180deg)
}

.info-block__inner {
    padding-bottom:2rem
}

.image-section--background {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(21rem, #fff), color-stop(21rem, hsla(0, 0%, 100%, 0)));
    background:linear-gradient(#fff 21rem, hsla(0, 0%, 100%, 0) 0)
}

@media screen and (min-width: 62em) {
    .image-section--background {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, hsla(0, 0%, 100%, 0)));
        background:linear-gradient(#fff 50%, hsla(0, 0%, 100%, 0) 0)
    }
}

.image-section__title {
    margin-bottom:3rem
}

@media screen and (min-width: 62em) {
    .image-section__title {
        margin-bottom:6rem
    }
}

.image-section__image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position:50%
}

.image-section__image--first {
    height:32rem
}

@media screen and (min-width: 48em) {
    .image-section__image--first {
        height:40rem
    }
}

@media screen and (min-width: 62em) {
    .image-section__image--first {
        height:50rem
    }
}

.image-section__image--second {
    height:50rem
}

@media screen and (min-width: 62em) {
    .image-section__image--second {
        -webkit-transform: translateY(15rem);
        transform:translateY(15rem)
    }
}

.image-section__image--third {
    height:26rem
}

@media screen and (min-width: 62em) {
    .image-section__image--third {
        height:30rem
    }
}

.quicklink-card {
    display: block;
    background: #fff;
    position: relative;
    height: 100%;
    text-decoration:none
}

.quicklink-card--has-color {
    border-bottom:.4rem solid transparent
}

.quicklink-card--welzijn-en-gezondheid {
    border-color:#e3a433
}

.quicklink-card--arbeids-mobiliteit {
    border-color:#cdc72e
}

.quicklink-card--veiligheid {
    border-color:#c0af7a
}

.quicklink-card--techniek-gebouwde-omgeving {
    border-color:#5073e2
}

.quicklink-card--economie-ondernemen {
    border-color:#22ac5f
}

.quicklink-card--mobiliteit-logistiek {
    border-color:#289fad
}

.quicklink-card--sport-opvoeding-maatschappij {
    border-color:#8c376b
}

.quicklink-card--horeca-reizen-dienstverlening {
    border-color:#c84343
}

.quicklink-card--design-media-ict {
    border-color:#c5488b
}

.quicklink-card--start-deltion {
    border-color:#f58220
}

.quicklink-card--overig {
    border-color:#343469
}

.quicklink-card, .quicklink-card:focus, .quicklink-card:visited {
    color:#343469
}

.quicklink-card:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-box-shadow: 0 3.5rem 4rem 0 rgba(52, 52, 105, .1);
    box-shadow: 0 3.5rem 4rem 0 rgba(52, 52, 105, .1);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .25s;
    transition:opacity .25s
}

.quicklink-card:focus:after, .quicklink-card:hover:after {
    opacity:1
}

.quicklink-card__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height:100%
}

.quicklink-card--reverse .quicklink-card__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction:column-reverse
}

.quicklink-card__title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
    text-decoration:none
}

.quicklink-card__text {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight:500
}

.quicklink-card__footer {
    margin-top:2.5rem
}

.quicklink-card__tags {
    margin-bottom:1rem
}

.quicklink-card__date {
    font-size: 1.4rem;
    margin-top: 1rem;
    display:block
}

.quicklink-card__content {
    padding: 2.2rem 4rem 1.5rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.quicklink-card__visual {
    height: 18rem;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: 50%;
    background-repeat:no-repeat
}

.quicklink-card--large .quicklink-card__visual {
    height:31rem
}

.quicklink-card__visual:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    padding-bottom: 10%;
    width: 101%;
    background: linear-gradient(4.5deg, hsla(0, 0%, 100%, 0) 50%, #fff 52%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform-origin: 0 0;
    transform-origin:0 0
}

.quicklink-card:focus .quicklink-card__visual:after, .quicklink-card:hover .quicklink-card__visual:after {
    -webkit-transform: rotate(-4.5deg);
    transform:rotate(-4.5deg)
}

.quicklink-card--reverse .quicklink-card__visual:after {
    top: auto;
    bottom: -.1rem;
    background:linear-gradient(175.5deg, hsla(0, 0%, 100%, 0) 50%, #fff 52%)
}

.quicklink-card--reverse:focus .quicklink-card__visual:after, .quicklink-card--reverse:hover .quicklink-card__visual:after {
    -webkit-transform: rotate(4.5deg);
    transform:rotate(4.5deg)
}

.reason-usp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction:column
}

@media screen and (min-width: 62em) {
    .reason-usp {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items:stretch
    }
}

.reason-usp__image {
    width: 10rem;
    height: 10rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-bottom:1rem
}

@media screen and (min-width: 62em) {
    .reason-usp__image {
        margin-bottom: 0;
        height: 14rem;
        width: 14rem;
        margin-right:2rem
    }
}

.reason-usp--multilingual .reason-usp__image {
    background-image:url(../static/img/illu-general-multilingual.svg)
}

.reason-usp--campus .reason-usp__image {
    background-image:url(../static/img/illu-general-campus.svg)
}

.reason-usp--tailormade .reason-usp__image {
    background-image:url(../static/img/illu-general-tailormade.svg)
}

.reason-usp--contact .reason-usp__image {
    background-image:url(../static/img/illu-general-contact.svg)
}

.reason-usp__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.reason-usp__title {
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom:.8rem
}

@media screen and (min-width: 62em) {
    .reason-usp__title {
        font-size:2rem
    }
}

.reason-usp__text {
    font-size: 1.6rem;
    opacity: .75;
    font-weight: 500;
    display:none
}

@media screen and (min-width: 62em) {
    .reason-usp__text {
        display:block
    }
}

.quote {
    position: relative;
    z-index:0
}

.quote__content {
    position: relative;
    z-index: 1;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align:center
}

@media screen and (min-width: 62em) {
    .quote__content {
        padding: 15rem 0 19rem;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align:left
    }
}

.quote__text {
    font-size: 4rem;
    line-height: 1.02;
    font-weight: 700;
    margin-bottom: 1.2rem;
    quotes: "“" "”"
}

@media screen and (min-width: 62em) {
    .quote__text {
        font-size: 5.5rem;
        font-weight: 700;
        line-height:1.02
    }
}

.quote__text:before {
    content:open-quote
}

.quote__text:after {
    content:close-quote
}

.quote__source {
    font-size: 1.6rem;
    opacity: .8;
    font-weight: 500;
    line-height: 1.25;
    margin-bottom:1.2rem
}

.quote__image-wrap {
    position: relative;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

@media screen and (min-width: 62em) {
    .quote__image-wrap {
        height:100%
    }
}

.quote--cutoff .quote__image-wrap:after, .quote--cutoff .quote__image-wrap:before {
    content: "";
    display: block;
    width: 120%;
    position: absolute;
    bottom: 0;
    right: 50%;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    max-width:50rem
}

@media screen and (min-width: 62em) {
    .quote--cutoff .quote__image-wrap:after, .quote--cutoff .quote__image-wrap:before {
        width: 160%;
        max-width:none
    }
}

.quote--cutoff .quote__image-wrap:after {
    height: 3.5rem;
    background-color: #f5f4f7;
    -webkit-transform: translateX(50%) rotate(-5deg);
    transform:translateX(50%) rotate(-5deg)
}

@media screen and (min-width: 48em) {
    .quote--cutoff .quote__image-wrap:after {
        height:4rem
    }
}

@media screen and (min-width: 62em) {
    .quote--cutoff .quote__image-wrap:after {
        height: 6rem;
        -webkit-transform: translateX(45%) rotate(-5deg);
        transform:translateX(45%) rotate(-5deg)
    }
}

.quote--cutoff .quote__image-wrap:before {
    height: 1rem;
    background: -webkit-gradient(linear, left top, right top, from(rgba(185, 181, 209, 0)), color-stop(50%, #b9b5d1), to(rgba(185, 181, 209, 0)));
    background: linear-gradient(90deg, rgba(185, 181, 209, 0) 0, #b9b5d1 50%, rgba(185, 181, 209, 0));
    z-index: 1;
    -webkit-transform: translate(50%, -250%) rotate(-5deg);
    transform:translate(50%, -250%) rotate(-5deg)
}

@media screen and (min-width: 48em) {
    .quote--cutoff .quote__image-wrap:before {
        -webkit-transform: translate(50%, -3rem) rotate(-5deg);
        transform:translate(50%, -3rem) rotate(-5deg)
    }
}

@media screen and (min-width: 62em) {
    .quote--cutoff .quote__image-wrap:before {
        -webkit-transform: translate(45%, -5rem) rotate(-5deg);
        transform:translate(45%, -5rem) rotate(-5deg)
    }
}

.quote__image {
    max-height: 30rem;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position:relative
}

@media screen and (min-width: 62em) {
    .quote__image {
        max-width: 120%;
        position: absolute;
        max-height: 100%;
        bottom: 0;
        right:0
    }
}

.sliced-block {
    padding: 21rem 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 87.5%, 0 100%);
    clip-path:polygon(0 0, 100% 0, 100% 87.5%, 0 100%)
}

.sliced-block--visual {
    padding: 0;
    height: 68rem;
    margin-bottom:-20rem
}

.sliced-block--visual:after {
    display:none
}

.sliced-block:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
    background-image: radial-gradient(circle at 49%, at 55%, rgba(0, 0, 0, .5), rgba(0, 0, 0, .47) 66%, transparent);
    background-image:radial-gradient(circle at 49% 55%, rgba(0, 0, 0, .5), rgba(0, 0, 0, .47) 66%, transparent)
}

.sliced-block__inner {
    position: relative;
    z-index:1
}

.sliced-block--visual .sliced-block__inner {
    display:none
}

.carousel__foldout {
    -webkit-transition: height .25s;
    transition:height .25s
}

.carousel__item {
    display: none;
    opacity:0
}

.carousel__item--active {
    display: block;
    -webkit-animation: fadeIn .3s .25s 1 forwards;
    animation:fadeIn .3s .25s 1 forwards
}

.carousel__bullets {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top:3.5rem
}

.carousel__bullet, .carousel__bullets {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.carousel__bullet {
    width: 3rem;
    height: 1.5rem;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 .9rem;
    cursor:pointer
}

.carousel__bullet:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: .4rem;
    opacity: .4;
    background: #343469;
    -webkit-transition: opacity .25s;
    transition:opacity .25s
}

.carousel__bullet--active {
    cursor: default;
    pointer-events:none
}

.carousel__bullet--active:after {
    opacity:1
}

.brochure {
    text-align:center
}

.brochure__text, .brochure__title {
    margin-bottom:1.5rem
}

.brochure__text {
    color:rgba(52, 52, 105, .75)
}

.brochure-item {
    padding: 2.1rem 1rem 2.1rem .5rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.brochure-item__remove {
    width: 2.1rem;
    height: 2.1rem;
    margin-left: 2rem;
    border: 0;
    background-color: transparent;
    background-image: url(../static/img/trash.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    cursor:pointer
}

.brochure-manager {
    height: 100%;
    position:relative
}

.brochure-manager__container {
    height:96%
}

.brochure-manager__button {
    outline: none;
    position: relative;
    border: 0;
    padding: 1rem;
    width: 3.8rem;
    height: 100%;
    cursor: pointer;
    overflow: visible;
    background-color: transparent;
    background-image: url(../static/img/brochures.svg);
    background-position: 50%;
    background-repeat:no-repeat
}

@media screen and (min-width: 62em) {
    .brochure-manager__button {
        margin-right:1.6rem
    }
}

.brochure-manager__button:after {
    content: attr(data-count);
    position: absolute;
    bottom: 50%;
    left: 50%;
    margin: auto;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    background: rgba(52, 52, 105, .2);
    font-weight: 700;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .8rem;
    -webkit-transform: translate(.5rem, -.5rem);
    transform: translate(.5rem, -.5rem);
    display: none;
    -webkit-animation: fadeIn .25s;
    animation:fadeIn .25s
}

@media screen and (min-width: 62em) {
    .brochure-manager__button:after {
        width: 2rem;
        height: 2rem;
        font-size:1rem
    }
}

.brochure-manager__button[data-count]:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.brochure-manager__popup {
    position: absolute;
    top: 100%;
    width: 100vw;
    pointer-events:none
}

@media screen and (min-width: 62em) {
    .brochure-manager__popup {
        right: -3.8rem;
        padding-top: 2rem;
        width:32rem
    }
}

.brochure-manager__popup--open {
    pointer-events:auto
}

.brochure-manager__inner {
    background: #fff;
    position: relative;
    opacity: 0;
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
    -webkit-transition: all .25s;
    transition: all .25s;
    -webkit-box-shadow: 0 2rem 3rem 0 rgba(52, 52, 105, .2);
    box-shadow:0 2rem 3rem 0 rgba(52, 52, 105, .2)
}

.brochure-manager__popup--open .brochure-manager__inner {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform:translateY(0)
}

.brochure-manager__arrow {
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    top: -.7rem;
    right: -.7rem;
    margin:auto
}

@media screen and (min-width: 62em) {
    .brochure-manager__arrow {
        -webkit-transform: translateX(-7.3rem);
        transform:translateX(-7.3rem)
    }
}

.brochure-manager__arrow-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background:#343469
}

.brochure-manager__header {
    background: #343469;
    color: #fff;
    padding: 2.5rem 5rem;
    position: relative;
    text-align:center
}

.brochure-manager__close {
    position: absolute;
    top: 0;
    right: 2.5rem;
    bottom: 0;
    margin: auto;
    height: 2rem;
    width: 2rem;
    background-image: url(../static/img/close-white.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0;
    padding: 0;
    cursor:pointer
}

.brochure-manager__request {
    background: #343469;
    padding: 0 2rem;
    text-align: center;
    margin-top:1rem
}

.brochure-manager__content {
    padding:0 2.5rem 3rem
}

.brochure-manager__empty {
    padding-top: 3rem;
    font-weight: 700;
    text-align:center
}

.brochure-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.brochure-list__inner {
    width:100%
}

.brochure-list__item + .brochure-list__item {
    border-top: .2rem solid rgba(52, 52, 105, .15);
    margin-top:-.1rem
}

.video-card {
    cursor: pointer;
    overflow: hidden;
    display: block;
    text-decoration: none;
    color: #343469;
    background: transparent;
    outline: none;
    border: 0;
    padding: 0;
    width:100%
}

.video-card:active, .video-card:visited {
    color:inherit
}

.video-card--hide {
    display:none
}

@media screen and (min-width: 62em) {
    .video-card--hide {
        display:block
    }
}

.video-card__align--items {
    height:100%
}

.video-card__align--content, .video-card__align--items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction:column
}

.video-card__align--content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.video-card__image {
    padding-bottom: 56.25%;
    position: relative;
    background-size: cover;
    background-position:50%
}

.video-card__image:after {
    content: "";
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -.1rem;
    height: 0;
    padding-bottom: 10%;
    width: 101%;
    background: linear-gradient(175.5deg, hsla(0, 0%, 100%, 0) 50%, #f5f4f7 52%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform-origin: 0 0;
    transform-origin:0 0
}

.video-card:focus .video-card__image:after, .video-card:hover .video-card__image:after {
    -webkit-transform: rotate(4.5deg);
    transform:rotate(4.5deg)
}

@media screen and (min-width: 62em) {
    .video-card__image:after {
        display:block
    }
}

.video-card__image--white:after {
    background:linear-gradient(175.5deg, rgba(245, 244, 247, 0) 50%, #fff 52%)
}

.video-card__image--square:after {
    content:none
}

.video-card__icon {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position:absolute
}

a:hover .video-card__icon:before {
    -webkit-box-shadow: 0 0 1rem 0;
    box-shadow:0 0 1rem 0
}

.video-card__content {
    display: none;
    background-color: #f5f4f7;
    padding: 2rem 0;
    text-align:left
}

@media screen and (min-width: 62em) {
    .video-card__content {
        display:block
    }
}

.video-card__content--medium {
    background-color: #fff;
    padding: 2rem 2rem 1.5rem;
    margin-bottom: 10px;
    font-size: 1.6rem;
    font-weight: 700;
    white-space: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.video-card__content--medium .button {
    margin-top: 1rem;
    font-size: 1.2rem;
    padding-right:0
}

.video-card__content--border {
    border-bottom:2px solid
}

.video-card__content--welzijn-en-gezondheid {
    border-color:#e3a433
}

.video-card__content--arbeids-mobiliteit {
    border-color:#cdc72e
}

.video-card__content--veiligheid {
    border-color:#c0af7a
}

.video-card__content--techniek-gebouwde-omgeving {
    border-color:#5073e2
}

.video-card__content--economie-ondernemen {
    border-color:#22ac5f
}

.video-card__content--mobiliteit-logistiek {
    border-color:#289fad
}

.video-card__content--sport-opvoeding-maatschappij {
    border-color:#8c376b
}

.video-card__content--horeca-reizen-dienstverlening {
    border-color:#c84343
}

.video-card__content--design-media-ict {
    border-color:#c5488b
}

.video-card__content--start-deltion {
    border-color:#f58220
}

.video-card__content--overig {
    border-color:#343469
}

a:hover .video-card__footer-button:before {
    -webkit-box-shadow: 0 0 1rem 0;
    box-shadow:0 0 1rem 0
}

.v-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 100;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    pointer-events:none
}

.v-modal--open {
    pointer-events: all;
    opacity:1
}

.v-modal__background {
    background-color: rgba(245, 244, 247, .8);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    top: 0;
    left:0
}

.v-modal--open .v-modal__background {
    opacity:1
}

.v-modal__wrapper {
    width: 100%;
    max-width: 100rem;
    margin:0 2rem
}

.v-modal__iframe, .v-modal__inner {
    opacity: 0;
    -webkit-transition: opacity .3s .2s;
    transition:opacity .3s .2s
}

.v-modal--open .v-modal__iframe, .v-modal--open .v-modal__inner {
    opacity:1
}

.v-modal__inner {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background-color: #000;
    -webkit-box-shadow: 0 3rem 6rem 0 rgba(0, 0, 0, .15);
    box-shadow:0 3rem 6rem 0 rgba(0, 0, 0, .15)
}

.v-modal__iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%
}

.v-modal__close {
    position: absolute;
    background: transparent;
    outline: none;
    border: 0;
    cursor: pointer;
    -webkit-transition: all .25s;
    transition: all .25s;
    top: -2rem;
    left: 50%;
    height: 5rem;
    width: 5rem;
    -webkit-transform: translate(-50%, -100%);
    transform:translate(-50%, -100%)
}

.v-modal__close.v-modal__close--hovered:before, .v-modal__close:focus:before, .v-modal__close:hover:before, a:focus .v-modal__close:before, a:hover .v-modal__close:before {
    -webkit-box-shadow: 0 0 1rem 0 rgba(245, 130, 32, .8);
    box-shadow: 0 0 1rem 0 rgba(245, 130, 32, .8);
    -webkit-transform: scale(1.12);
    transform:scale(1.12)
}

.v-modal__close:before {
    background-color:#f58220
}

.v-modal__close:after, .v-modal__close:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transition: all .25s;
    transition:all .25s
}

.v-modal__close:after {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 2rem;
    background-image:url(../static/img/cross.svg)
}

.d-tooltip {
    padding: 0;
    outline: none;
    border: 0;
    background-color: transparent;
    margin: 0 .8rem;
    height:2rem
}

.d-tooltip__button {
    width: 2rem;
    height: 2rem;
    background-color: #f5f4f7;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    background-image: url(../static/img/info-i-wiseblue.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transition-property: background-color, background-image;
    transition-property: background-color, background-image;
    -webkit-transition-duration: .2s;
    transition-duration:.2s
}

@media screen and (min-width: 62em) {
    .d-tooltip:focus .d-tooltip__button, .d-tooltip:hover .d-tooltip__button {
        background-color: #343469;
        background-image:url(../static/img/info-i-white.svg)
    }
}

.d-tooltip__element {
    display:none
}

.d-tooltip__inner {
    background-color: #fff;
    padding: 3.5rem 3rem;
    height: 100%;
    width: 100%;
    font-weight: 500;
    text-align: left;
    -webkit-box-shadow: 0 .3rem 3rem 0 rgba(52, 52, 105, .2);
    box-shadow:0 .3rem 3rem 0 rgba(52, 52, 105, .2)
}

@media screen and (min-width: 62em) {
    .d-tooltip__inner {
        max-width:33.5rem
    }
}

.d-tooltip__inner--hidden {
    display:none
}

.d-tooltip__title {
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom:1rem
}

.d-tooltip__divider {
    width: 100%;
    height: .2rem;
    background-color: #f5f4f7;
    margin:3rem 0
}

.d-tooltip__wrapper {
    z-index:1
}

.tippy-tooltip.deltion-theme {
    background-color: transparent;
    color: #343469;
    border-radius: 0;
    font-size: inherit;
    padding:0
}

.tippy-tooltip.deltion-theme[x-placement^=top] .tippy-arrow {
    border-top-color:#fff
}

.tippy-tooltip.deltion-theme[x-placement^=bottom] .tippy-arrow {
    border-bottom-color:#fff
}

.tippy-tooltip.deltion-theme[x-placement^=left] .tippy-arrow {
    border-left-color:#fff
}

.tippy-tooltip.deltion-theme[x-placement^=right] .tippy-arrow {
    border-right-color:#fff
}

.header-scroller {
    position:relative
}

@media screen and (min-width: 62em) {
    .header-scroller {
        height: calc(100% - 10rem);
        margin:5rem 0 5rem -5rem
    }
}

.header-scroller__element {
    width: 100%;
    background-color: #343469;
    padding: 5rem 4rem 3rem;
    color:#fff
}

@media screen and (min-width: 62em) {
    .header-scroller__element {
        position: absolute;
        top: 0;
        left:0
    }
}

.header-scroller__list-item {
    display: table;
    position: relative;
    padding-left: 4.8rem;
    margin-bottom:3rem
}

.header-scroller__list-item:last-child {
    margin-bottom:5rem
}

.header-scroller__list-item:before {
    content: "";
    margin-left: 1.8rem;
    display: inline-block;
    width: 1.6rem;
    height: 2rem;
    position: absolute;
    left: 0;
    top: 1rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size:100%
}

.header-scroller__list-item--date:before {
    background-image:url(../static/img/date.svg)
}

.header-scroller__list-item--location:before {
    background-image:url(../static/img/location.svg)
}

.header-scroller__list-item--time:before {
    background-image:url(../static/img/time.svg)
}

.content-scroller {
    position:relative
}

@media screen and (min-width: 62em) {
    .content-scroller__content {
        width:calc(100% + 3rem)
    }
}

.content-scroller__sidebar {
    padding:0
}

@media screen and (min-width: 62em) {
    .content-scroller__sidebar {
        padding: 5rem 0;
        position: -webkit-sticky;
        position: sticky;
        top: 8rem;
        margin-left:-5rem
    }
}

.content-scroller__element {
    width: 100%;
    background-color: #343469;
    padding: 5rem 4rem 3rem;
    color:#fff
}

@media screen and (min-width: 62em) {
    .content-scroller__element {
        top: 0;
        left:0
    }
}

.content-scroller__list {
    margin-bottom:3rem
}

.content-scroller__list-item {
    display: table;
    position: relative;
    padding-left: 4.8rem;
    font-weight:200
}

.content-scroller__list-item + .content-scroller__list-item {
    margin-top:3rem
}

.content-scroller__list-item:before {
    content: "";
    margin-left: 1.8rem;
    display: inline-block;
    width: 1.6rem;
    height: 2rem;
    position: absolute;
    left: 0;
    top: 1rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size:100%
}

.content-scroller__list-item--date:before {
    background-image:url(../static/img/date.svg)
}

.content-scroller__list-item--location:before {
    background-image:url(../static/img/location.svg)
}

.content-scroller__list-item--time:before {
    background-image:url(../static/img/time.svg)
}

.content-scroller__list-item--contactperson:before {
    background-image:url(../static/img/contactperson.svg)
}

.header-content {
    background-color: #fff;
    position: relative;
    padding:4rem
}

@media screen and (min-width: 48em) {
    .header-content {
        padding:6rem 5rem
    }
}

@media screen and (min-width: 62em) {
    .header-content {
        padding:4rem 6rem 7.5rem
    }
}

.link-slider {
    overflow: hidden;
    position: relative;
    z-index:0
}

.link-slider__bullets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top:3rem
}

.link-slider__bullet {
    position: relative;
    height: 3rem;
    width: 3rem;
    background: transparent;
    margin: 0 .9rem;
    opacity: .4;
    -webkit-transition: opacity .25s;
    transition:opacity .25s
}

.link-slider__bullet:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: .4rem;
    background:#343469
}

.link-slider__bullet--active {
    opacity:1
}

.link-slider__item {
    opacity: 0;
    -webkit-transition: opacity .25s;
    transition:opacity .25s
}

.link-slider__item-container {
    height:100%
}

.swiper-container-initialized .link-slider__item {
    opacity:1
}

.content-block {
    background-color: #fff;
    padding:4rem
}

@media screen and (min-width: 48em) {
    .content-block {
        padding:3rem 6rem
    }
}

@media screen and (min-width: 62em) {
    .content-block--large, .content-block--large-left .content-block--large-x {
        padding-left:10rem
    }
}

@media screen and (min-width: 62em) {
    .content-block--large, .content-block--large-right, .content-block--large-x {
        padding-right:10rem
    }
}

@media screen and (min-width: 62em) {
    .content-block--large, .content-block--large-top, .content-block--large-y {
        padding-top:7rem
    }
}

@media screen and (min-width: 62em) {
    .content-block--large, .content-block--large-bottom, .content-block--large-y {
        padding-bottom:7rem
    }
}

.filtergroup {
    background-color:#fff
}

.filtergroup__header {
    padding: 3rem 4rem;
    width: 100%;
    background: none;
    outline: none;
    border: none;
    text-align: left;
    cursor: pointer;
    font-size: 2rem;
    font-weight: 700;
    color: #343469;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.filtergroup__header:after {
    content: "";
    width: .8rem;
    height: 1.2rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    margin-right: .8rem;
    background-image: url(../static/img/chevron-orange.svg);
    background-repeat: no-repeat;
    background-position:50%
}

.filtergroup--open .filtergroup__header:after {
    -webkit-transform: rotate(270deg);
    transform:rotate(270deg)
}

.filtergroup__foldout {
    overflow: hidden;
    height: auto;
    -webkit-transition: height .3s .2s;
    transition: height .3s .2s;
    position:relative
}

.filtergroup--open .filtergroup__foldout {
    -webkit-transition-delay: 0s;
    transition-delay:0s
}

.filtergroup__content {
    padding: 3rem 4rem;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    position:relative
}

.filtergroup--open .filtergroup__content {
    opacity: 1;
    -webkit-transition-delay: .2s;
    transition-delay:.2s
}

.filtergroup__button-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 6rem;
    position: relative;
    position: absolute;
    left: 0;
    bottom: 2rem;
    background-color:#fff
}

.filtergroup__button-wrap:after, .filtergroup__button-wrap:before {
    content: "";
    display: block;
    width: 100%;
    position:absolute
}

.filtergroup__button-wrap:before {
    height: 6rem;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: height .2s ease-in;
    transition: height .2s ease-in;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    pointer-events:none
}

.filtergroup__button-wrap:after {
    height: 2rem;
    bottom: 0;
    background-color: #fff;
    -webkit-transform: translateY(100%);
    transform:translateY(100%)
}

.filtergroup__button:focus:after, .filtergroup__button:hover:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation: openBigAccordion 1s ease-in-out infinite;
    animation:openBigAccordion 1s ease-in-out infinite
}

.filtergroup--expanded .filtergroup__button-wrap:before {
    height:0
}

.filtergroup--expanded .filtergroup__button:after {
    -webkit-transform: rotate(-90deg);
    transform:rotate(-90deg)
}

.filtergroup--expanded .filtergroup__button:focus:after, .filtergroup--expanded .filtergroup__button:hover:after {
    -webkit-animation: closeBigAccordion 1s ease-in-out infinite;
    animation:closeBigAccordion 1s ease-in-out infinite
}

.filtergroup__filter {
    display: block;
    position: relative;
    cursor: pointer;
    padding-right: 2.4rem;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in;
    transition:opacity .2s ease-in
}

.filtergroup__filter--show {
    opacity:1
}

.filtergroup__filter-count {
    background-color: #f5f4f7;
    width: 2.4rem;
    height: 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #343469;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.2rem;
    font-weight:700
}

.filtergroup__filter-count--welzijn-en-gezondheid {
    background-color:#e3a433
}

.filtergroup__filter-count--arbeids-mobiliteit {
    background-color:#cdc72e
}

.filtergroup__filter-count--veiligheid {
    background-color:#c0af7a
}

.filtergroup__filter-count--techniek-gebouwde-omgeving {
    background-color:#5073e2
}

.filtergroup__filter-count--economie-ondernemen {
    background-color:#22ac5f
}

.filtergroup__filter-count--mobiliteit-logistiek {
    background-color:#289fad
}

.filtergroup__filter-count--sport-opvoeding-maatschappij {
    background-color:#8c376b
}

.filtergroup__filter-count--horeca-reizen-dienstverlening {
    background-color:#c84343
}

.filtergroup__filter-count--design-media-ict {
    background-color:#c5488b
}

.filtergroup__filter-count--start-deltion {
    background-color:#f58220
}

.filtergroup__filter-count--overig {
    background-color:#343469
}

.filtergroup__filter-count--has-color {
    color:#fff
}

.pagination {
    width: 100%;
    margin-top:4rem
}

.pagination, .pagination__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.pagination__page {
    font-weight: 300;
    font-size: 1.4rem;
    margin:0 1rem
}

.pagination__page--active {
    font-weight:700
}

.pagination__link {
    width: 100%;
    height: 100%;
    display: block;
    cursor:pointer
}

.pagination__button {
    width: 2rem;
    height: 2rem;
    background-position: 50%;
    background-size: .7rem 1.4rem;
    background-image: url(../static/img/chevron-orange.svg);
    background-repeat:no-repeat
}

.pagination__button--prev {
    -webkit-transform: rotate(180deg);
    transform:rotate(180deg)
}

.pagination__button--disabled {
    opacity:.5
}

.badge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: #f5f4f7;
    background-position: 50%;
    background-repeat:no-repeat
}

.badge--checkmark {
    background-color: #22ac5f;
    background-image:url(../static/img/checkmark-white.svg)
}

.activefilter {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin:-.5rem
}

.activefilter, .activefilter__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.activefilter__tag {
    background-color: #fff;
    padding: 1rem 1.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .5rem;
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: 600;
    min-height: 4rem;
    outline: none;
    border: none;
    cursor: pointer;
    -webkit-box-shadow: 0 0 0 0 rgba(52, 52, 105, 0);
    box-shadow: 0 0 0 0 rgba(52, 52, 105, 0);
    -webkit-transition: -webkit-box-shadow .3s ease-in-out;
    transition: -webkit-box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    position:relative
}

.activefilter__tag:focus, .activefilter__tag:hover {
    z-index: 1;
    -webkit-box-shadow: 0 .5rem 1rem 0 rgba(52, 52, 105, .1), 0 2.5rem 3rem 0 rgba(52, 52, 105, .05);
    box-shadow:0 .5rem 1rem 0 rgba(52, 52, 105, .1), 0 2.5rem 3rem 0 rgba(52, 52, 105, .05)
}

.activefilter__tag:after {
    content: "";
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    background-image: url(../static/img/close-orange.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left:2.4rem
}

.activefilter__tag--grey {
    background-color: #f5f4f7;
    border:.2rem solid #b9b5d1
}

.course-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background:#fff
}

@media screen and (min-width: 62em) {
    .course-block {
        -ms-flex-wrap: nowrap;
        flex-wrap:nowrap
    }
}

.course-block__visual {
    width: 100%;
    height: 20rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size:cover
}

@media screen and (min-width: 48em) {
    .course-block__visual {
        height:30rem
    }
}

@media screen and (min-width: 62em) {
    .course-block__visual {
        height: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width:40rem
    }
}

.course-block__content {
    padding: 3rem 3rem 2.6rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-bottom:.4rem solid transparent
}

.course-block--welzijn-en-gezondheid .course-block__content {
    border-color:#e3a433
}

.course-block--arbeids-mobiliteit .course-block__content {
    border-color:#cdc72e
}

.course-block--veiligheid .course-block__content {
    border-color:#c0af7a
}

.course-block--techniek-gebouwde-omgeving .course-block__content {
    border-color:#5073e2
}

.course-block--economie-ondernemen .course-block__content {
    border-color:#22ac5f
}

.course-block--mobiliteit-logistiek .course-block__content {
    border-color:#289fad
}

.course-block--sport-opvoeding-maatschappij .course-block__content {
    border-color:#8c376b
}

.course-block--horeca-reizen-dienstverlening .course-block__content {
    border-color:#c84343
}

.course-block--design-media-ict .course-block__content {
    border-color:#c5488b
}

.course-block--start-deltion .course-block__content {
    border-color:#f58220
}

.course-block--overig .course-block__content {
    border-color:#343469
}

@media screen and (min-width: 48em) {
    .course-block__content {
        padding:5rem 5rem 4.6rem
    }
}

.course-block__title {
    margin-bottom:2rem
}

.course-block__text {
    display:none
}

@media screen and (min-width: 48em) {
    .course-block__text {
        display:block
    }
}

.course-block__links {
    margin-top:1rem
}

.educations-menu {
    position: relative;
    height:0
}

.educations-menu__overlay {
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    background-color: #f5f4f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function:ease-out
}

.educations-menu__overlay--open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity:1
}

.educations-menu__button {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    outline: 0;
    border: 0;
    padding: 2rem 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    z-index: 1;
    -webkit-box-shadow: 0 .2rem 2rem 0 rgba(0, 0, 0, .2);
    box-shadow: 0 .2rem 2rem 0 rgba(0, 0, 0, .2);
    color: #343469;
    font-weight: 700;
    font-size: 2rem;
    height: 7rem;
    max-width: 30rem;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in 0ms, max-width .2s ease-in .8s, padding .2s ease-in .8s;
    transition:opacity .2s ease-in 0ms, max-width .2s ease-in .8s, padding .2s ease-in .8s
}

.educations-menu__button:after {
    content: "";
    display: block;
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    right: 2.4rem;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 2.2rem 2.2rem;
    background-image:url(../static/img/filter.svg)
}

.educations-menu__button--show {
    opacity:1
}

.educations-menu__button--fixed {
    position: fixed;
    max-width: 7rem;
    padding: 2rem 3.5rem;
    left: unset;
    top: unset;
    right: 1.5rem;
    bottom: 1.5rem;
    -webkit-transform: translate(0);
    transform:translate(0)
}

.educations-menu__button-text {
    display: block;
    opacity: 1;
    max-width: 10rem;
    margin-right:3rem
}

.educations-menu__button-filter-count {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #f58220;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    display: block;
    min-width: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    -webkit-transform: translate(.4rem, -.4rem);
    transform:translate(.4rem, -.4rem)
}

.educations-menu__footer, .educations-menu__header {
    width: 100%;
    background-color: #fff;
    z-index:1
}

.educations-menu__header {
    -webkit-box-shadow: 0 .5rem 3.4rem 0 rgba(0, 0, 0, .08);
    box-shadow:0 .5rem 3.4rem 0 rgba(0, 0, 0, .08)
}

.educations-menu__footer {
    -webkit-box-shadow: 0 -.5rem 3.4rem 0 rgba(0, 0, 0, .08);
    box-shadow: 0 -.5rem 3.4rem 0 rgba(0, 0, 0, .08);
    padding:1.3rem 0
}

.educations-menu__footer-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin:0 -.5rem
}

.educations-menu__header-title {
    font-size: 1.8rem;
    font-weight:700
}

.educations-menu__header-item {
    height: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding:1.3rem 0
}

.educations-menu__header-item--left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content:flex-start
}

.educations-menu__header-item--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.educations-menu__header-item--right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content:flex-end
}

.educations-menu__footer-item {
    margin:0 .5rem
}

.educations-menu__footer-item:last-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow:1
}

.educations-menu__apply, .educations-menu__back, .educations-menu__close, .educations-menu__reset {
    font-size: 1.2rem;
    font-weight: 800;
    outline: none;
    background: transparent;
    border: 0;
    color: #343469;
    font-family: BuenosAiresWeb, sans-serif;
    padding:1rem 0 1rem 2.4rem
}

.educations-menu__close {
    background-image: url(../static/img/close-blue.svg);
    background-position:.3rem
}

.educations-menu__back, .educations-menu__close {
    background-color: transparent;
    background-repeat:no-repeat
}

.educations-menu__back {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    background-image: url(../static/img/back-blue.svg);
    background-position:-.3rem
}

.educations-menu__back--active {
    opacity: 1;
    pointer-events:auto
}

.educations-menu__apply, .educations-menu__reset {
    width: 100%;
    height: 5rem;
    padding:1rem 2.4rem
}

.educations-menu__reset {
    opacity: .5;
    border:.1rem solid #343469
}

.educations-menu__reset--active {
    opacity:1
}

.educations-menu__apply {
    background-color: #343469;
    color:#fff
}

.educations-menu__content {
    width: 100%;
    padding: 3rem;
    overflow-y: auto;
    margin-bottom:auto
}

.educations-menu__content-item {
    background-color: #fff;
    margin:1rem 0
}

.educations-menu__content-item:first-child {
    margin-top:0
}

.educations-menu__content-item:last-child {
    margin-bottom:0
}

.educations-menu__filter, .educations-menu__filtergroup {
    min-height: 8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    text-align:left
}

.educations-menu__filtergroup {
    padding: 2rem 4rem;
    outline: 0;
    border: 0;
    background: none;
    color: #343469;
    font-size: 1.8rem;
    font-weight:700
}

.educations-menu__filtergroup-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.educations-menu__filtergroup-inner:after {
    content: "";
    right: 3.6rem;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(../static/img/chevron-orange.svg);
    background-repeat: no-repeat;
    background-position:50%
}

.educations-menu__filtergroup-count {
    font-size: 1rem;
    margin-right:2rem
}

.educations-menu__filter {
    width: 100%;
    position: relative;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    padding:2rem 3rem
}

.educations-menu__filter--show {
    opacity:1
}

.educations-menu__filter-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.educations-menu__filter-count {
    background-color: #f5f4f7;
    width: 2.4rem;
    height: 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #343469;
    font-size: 1.2rem;
    font-weight: 700;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex:none
}

.educations-menu__filter-count--welzijn-en-gezondheid {
    background-color:#e3a433
}

.educations-menu__filter-count--arbeids-mobiliteit {
    background-color:#cdc72e
}

.educations-menu__filter-count--veiligheid {
    background-color:#c0af7a
}

.educations-menu__filter-count--techniek-gebouwde-omgeving {
    background-color:#5073e2
}

.educations-menu__filter-count--economie-ondernemen {
    background-color:#22ac5f
}

.educations-menu__filter-count--mobiliteit-logistiek {
    background-color:#289fad
}

.educations-menu__filter-count--sport-opvoeding-maatschappij {
    background-color:#8c376b
}

.educations-menu__filter-count--horeca-reizen-dienstverlening {
    background-color:#c84343
}

.educations-menu__filter-count--design-media-ict {
    background-color:#c5488b
}

.educations-menu__filter-count--start-deltion {
    background-color:#f58220
}

.educations-menu__filter-count--overig {
    background-color:#343469
}

.educations-menu__filter-count--has-color {
    color:#fff
}

.swiper-slide {
    height:auto
}

.search-results {
    -webkit-transition: height .3s;
    transition:height .3s
}

.search-results__content {
    -webkit-animation: fadeIn .25s;
    animation:fadeIn .25s
}

.search-results__filters {
    background:#fff
}

.search-results__error, .search-results__items {
    position: relative;
    background: #f5f4f7;
    padding:3rem 0
}

@media screen and (min-width: 62em) {
    .search-results__error, .search-results__items {
        padding:6.5rem 0 7.5rem
    }
}

.loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-animation: fadeIn .25s;
    animation: fadeIn .25s;
    background:#f5f4f7
}

.loader--overlay {
    position: absolute;
    top: 0;
    padding: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background:rgba(245, 244, 247, .7)
}

.loader__spinner-container {
    position: relative;
    width: 6rem;
    height: 6rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin:5rem 0
}

.loader--overlay .loader__spinner-container {
    position: -webkit-sticky;
    position: sticky;
    margin: 10rem 0;
    top: 50vh;
    -webkit-transform: translateY(-50%);
    transform:translateY(-50%)
}

.loader__spinner {
    -webkit-animation: spinnerIn 1s forwards;
    animation: spinnerIn 1s forwards;
    background:#f58220
}

.loader__image, .loader__spinner {
    position: absolute;
    width: 6rem;
    height:6rem
}

@-webkit-keyframes spinnerIn {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        clip:rect(3rem, 6rem, 3rem, 0)
    }

    40% {
        -webkit-transform: rotate(0);
        transform:rotate(0)
    }

    to {
        clip:rect(0, 6rem, 6rem, 0)
    }
}

@keyframes spinnerIn {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        clip:rect(3rem, 6rem, 3rem, 0)
    }

    40% {
        -webkit-transform: rotate(0);
        transform:rotate(0)
    }

    to {
        clip:rect(0, 6rem, 6rem, 0)
    }
}

.search-item {
    position: relative;
    padding-top: 1rem;
    display: block;
    text-decoration: none;
    -webkit-animation: fadeIn .25s forwards;
    animation: fadeIn .25s forwards;
    opacity:0
}

.search-item + .search-item {
    margin-top:2.5rem
}

@media screen and (min-width: 62em) {
    .search-item + .search-item {
        margin-top:3.2rem
    }
}

.search-item__title-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom:.9rem
}

.search-item__title {
    font-weight: 700;
    text-decoration: underline;
    margin:0
}

.search-item__category {
    font-size: 1rem;
    line-height: 1.6;
    text-align: center;
    background: #fff;
    padding: .7rem 1.7rem;
    margin: 0 0 0 1rem;
    font-weight:700
}

.search-item__description {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom:.7rem
}

.search-item__description, .search-item__url {
    font-weight: 500;
    opacity: .75;
    text-decoration:none
}

.search-item__url {
    font-size: 1.2rem;
    line-height:1.33
}

.cookie-consent {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    padding: 3rem 0;
    z-index: 10;
    -webkit-box-shadow: 0 -.3rem 3rem 0 rgba(52, 52, 105, .2);
    box-shadow: 0 -.3rem 3rem 0 rgba(52, 52, 105, .2);
    -webkit-transition: opacity .25s, -webkit-transform .25s;
    transition: opacity .25s, -webkit-transform .25s;
    transition: transform .25s, opacity .25s;
    transition:transform .25s, opacity .25s, -webkit-transform .25s
}

.cookie-consent--entered, .cookie-consent--entering {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity:1
}

.cookie-consent--exited, .cookie-consent--exiting {
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
    opacity:0
}

@media screen and (min-width: 48em) {
    .cookie-consent__wrapper {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content:space-between
    }
}

@media screen and (min-width: 48em) {
    .cookie-consent__content {
        margin-right:5rem
    }
}

.cookie-consent__footer {
    margin-top:2rem
}

@media screen and (min-width: 48em) {
    .cookie-consent__footer {
        margin: 0;
        -ms-flex-preferred-size: 27rem;
        flex-basis: 27rem;
        -ms-flex-negative: 0;
        flex-shrink:0
    }
}

.cookie-consent__title {
    font-weight: 700;
    margin-bottom: 1rem;
    font-size: 1.8rem;
    line-height:1.33
}

@media screen and (min-width: 62em) {
    .cookie-consent__title {
        font-size: 2rem;
        line-height:1.75
    }
}

.cookie-consent__text {
    font-size: 1.4rem;
    line-height: 1.43;
    opacity: .75;
    font-weight: 500;
    margin-bottom:1rem
}

.cookie-consent__levels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: .1rem solid rgba(52, 52, 105, .75);
    border-radius: .4rem;
    padding-top: 2rem;
    -ms-flex-preferred-size: 100%;
    flex-basis:100%
}

@media screen and (min-width: 48em) {
    .cookie-consent__levels {
        padding-top: 0;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-left: 2rem;
        margin-right: 2rem;
        -ms-flex-preferred-size: auto;
        flex-basis:auto
    }
}

.cookie-consent__details {
    font-size: 1.4rem;
    line-height: 1.43;
    background: transparent;
    font-weight: 600;
    padding: 1.1rem 1.5rem 1.2rem;
    text-decoration: none;
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width:100%
}

.cookie-consent__details:after {
    content: "";
    margin-left: .5rem;
    display: inline-block;
    height: 2rem;
    width: 2rem;
    background-image: url(../static/img/arrow-wiseblue.svg);
    background-repeat: no-repeat;
    background-position:50%
}

.cookie-consent__submit {
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
    border: 0;
    outline: 0;
    padding: 1.4rem 2rem;
    cursor: pointer;
    margin-bottom:1rem
}

.cookie-consent__submit--primary {
    color: #fff;
    background:#f58220
}

.cookie-consent__submit--secondary {
    color: inherit;
    background-color:#f5f4f7
}

.cookie-consent__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

@media screen and (min-width: 48em) {
    .cookie-consent__options {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content:flex-start
    }
}

.cookie-consent__option {
    padding-left: 2rem;
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    flex-basis:100%
}

@media screen and (min-width: 48em) {
    .cookie-consent__option {
        margin-bottom: 0;
        padding-left: 0;
        -ms-flex-preferred-size: auto;
        flex-basis:auto
    }
}

.cookie-settings__setting {
    margin-bottom:2rem
}

.cookie-settings__setting-description {
    color: rgba(52, 52, 105, .75);
    margin-left:3rem
}

.vacancy {
    display: block;
    position: relative;
    background: #fff;
    padding: 4rem 4.5rem 2.2rem;
    text-decoration:none
}

.vacancy:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-box-shadow: 0 3.5rem 4rem 0 rgba(52, 52, 105, .1);
    box-shadow: 0 3.5rem 4rem 0 rgba(52, 52, 105, .1);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .25s;
    transition:opacity .25s
}

.vacancy:focus:after, .vacancy:hover:after {
    opacity:1
}

.vacancy__content {
    margin-bottom:2rem
}

.vacancy__title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom:1rem
}

.vacancy__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

@media screen and (min-width: 48em) {
    .vacancy__info {
        -ms-flex-wrap: nowrap;
        flex-wrap:nowrap
    }
}

.vacancy__date, .vacancy__location {
    font-size: 1.6rem;
    line-height: 1.25;
    font-weight: 350;
    padding-left: 3rem;
    position: relative;
    margin-right: 3rem;
    -ms-flex-preferred-size: 100%;
    flex-basis:100%
}

.vacancy__date:before, .vacancy__location:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 2rem;
    height:2rem
}

@media screen and (min-width: 48em) {
    .vacancy__date, .vacancy__location {
        -ms-flex-preferred-size: auto;
        flex-basis:auto
    }
}

.vacancy__location {
    margin-bottom:1rem
}

.vacancy__location:before {
    background-image:url(../static/img/location-blue.svg)
}

@media screen and (min-width: 62em) {
    .vacancy__location {
        margin-bottom:0
    }
}

.vacancy__date:before {
    background-image:url(../static/img/calendar-small-blue.svg)
}

.vacancy__description {
    font-size: 1.6rem;
    font-weight: 350;
    line-height: 1.5;
    opacity:.75
}

.tags {
    font-weight: 700;
    font-size: 1.2rem;
    line-height:3.57
}

@media screen and (min-width: 62em) {
    .tags {
        font-size:1.4rem
    }
}

.tags__tag + .tags__tag:before {
    content: "";
    display: inline-block;
    background-color: #f58220;
    border-radius: 1rem;
    width: .7rem;
    height: .7rem;
    margin:0 1rem
}

@media screen and (min-width: 62em) {
    .tags__tag + .tags__tag:before {
        margin:0 2rem
    }
}

.magazine-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align:center
}

@media screen and (min-width: 48em) {
    .magazine-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align:left
    }
}

.magazine-block__image-container {
    position: relative;
    margin: 0 0 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width:25rem
}

@media screen and (min-width: 48em) {
    .magazine-block__image-container {
        margin:0 4rem 0 0
    }
}

.magazine-block__image-container:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #f7dbd2;
    width: calc(100% + .8rem);
    height:calc(100% + .8rem)
}

.magazine-block__image, .magazine-block__image-container:before {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
    clip-path:polygon(0 0, 100% 0, 100% 90%, 0 100%)
}

.magazine-block__image {
    width: 25rem;
    position:relative
}

.magazine-block__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.magazine-block__inner {
    margin:1rem 0
}

.newsletter {
    background: #343469;
    color: #fff;
    text-align: center;
    padding:3.5rem 4rem
}

@media screen and (min-width: 48em) {
    .newsletter {
        padding:6rem
    }
}

@media screen and (min-width: 62em) {
    .newsletter {
        padding:6rem 10rem
    }
}

.newsletter__title {
    font-weight: 700;
    font-size: 3rem;
    line-height: 1.33;
    margin-bottom:2rem
}

@media screen and (min-width: 48em) {
    .newsletter__title {
        font-size: 3.5rem;
        line-height: 1.14;
        margin-bottom:.5rem
    }
}

.newsletter__text {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.67;
    margin-bottom:2rem
}

@media screen and (min-width: 48em) {
    .newsletter__text {
        font-size: 2rem;
        line-height: 2.5;
        margin-bottom:3rem
    }
}

.newsletter__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

@media screen and (min-width: 62em) {
    .newsletter__form {
        -ms-flex-wrap: nowrap;
        flex-wrap:nowrap
    }
}

.newsletter__inputs {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin:0 -1rem
}

@media screen and (min-width: 48em) {
    .newsletter__inputs {
        -ms-flex-wrap: nowrap;
        flex-wrap:nowrap
    }
}

.newsletter__input-wrapper {
    display: block;
    width:100%
}

.newsletter__input {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 2rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding:0 1rem
}

@media screen and (min-width: 48em) {
    .newsletter__input {
        -ms-flex-preferred-size: 50%;
        flex-basis:50%
    }
}

@media screen and (min-width: 62em) {
    .newsletter__input {
        margin-bottom:0
    }
}

.newsletter__label {
    text-align: left;
    margin-bottom:.5rem
}

.newsletter__input-dom, .newsletter__label {
    display: block;
    font-size: 1.6rem;
    font-weight:700
}

.newsletter__input-dom {
    width: 100%;
    border: 0;
    outline: none;
    background: hsla(0, 0%, 100%, .2);
    border-radius: 0;
    color: #fff;
    padding:1.7rem 1.9rem
}

.newsletter__submit {
    text-align: center;
    -ms-flex-preferred-size: 100%;
    flex-basis:100%
}

@media screen and (min-width: 62em) {
    .newsletter__submit {
        text-align: left;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding-left:2rem
    }
}

.newsletter.newsletter--section {
    padding:0
}

@media screen and (min-width: 48em) {
    .newsletter.newsletter--section {
        padding:0
    }
}

@media screen and (min-width: 62em) {
    .newsletter.newsletter--section {
        padding:0
    }
}

.newsletter.newsletter--section .newsletter--text {
    height:14rem
}

.newsletter.newsletter--section .newsletter__title {
    padding-top:3rem
}

@media screen and (min-width: 62em) {
    .newsletter.newsletter--section .newsletter__form {
        -ms-flex-wrap: wrap;
        flex-wrap:wrap
    }
}

@media screen and (min-width: 48em) {
    .newsletter.newsletter--section .newsletter__form {
        -ms-flex-wrap: wrap;
        flex-wrap:wrap
    }
}

@media screen and (min-width: 62em) {
    .newsletter.newsletter--section .newsletter__inputs {
        -ms-flex-wrap: wrap;
        flex-wrap:wrap
    }
}

@media screen and (min-width: 48em) {
    .newsletter.newsletter--section .newsletter__inputs {
        -ms-flex-wrap: wrap;
        flex-wrap:wrap
    }
}

@media screen and (min-width: 48em) {
    .newsletter.newsletter--section .newsletter__input {
        -ms-flex-preferred-size: 100%;
        flex-basis:100%
    }
}

.newsletter.newsletter--section .newsletter__submit {
    text-align: left;
    padding:0 1rem
}

.category-block {
    background-color: #fff;
    text-align: center;
    display: block;
    text-decoration: none;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    height: 100%;
    padding: 2rem 2rem 2.8rem;
    cursor:pointer
}

.category-block, .category-block:active, .category-block:focus, .category-block:visited {
    color:#343469
}

@media screen and (min-width: 62em) {
    .category-block {
        padding:5rem 2rem 3.2rem
    }
}

.category-block:focus, .category-block:hover {
    -webkit-transform: translateY(-1rem);
    transform:translateY(-1rem)
}

.category-block:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-box-shadow: 0 3.5rem 4rem 0 rgba(52, 52, 105, .2);
    box-shadow: 0 3.5rem 4rem 0 rgba(52, 52, 105, .2);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .25s;
    transition:opacity .25s
}

.category-block:focus:after, .category-block:hover:after {
    opacity:1
}

.category-block--selected {
    background-color:#343469
}

.category-block--selected, .category-block--selected:active, .category-block--selected:focus, .category-block--selected:visited {
    color:#fff
}

.category-block__image {
    margin: 0 auto 1.2rem;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-transition: background-image .3s;
    transition: background-image .3s;
    width: 10rem;
    height:10rem
}

@media screen and (min-width: 62em) {
    .category-block__image {
        margin-bottom: 2rem;
        width: 14rem;
        height:14rem
    }
}

.category-block__title {
    -webkit-transition: color .3s;
    transition: color .3s;
    font-size: 1.6rem;
    line-height:1.25
}

@media screen and (min-width: 62em) {
    .category-block__title {
        font-size: 2rem;
        line-height:1.2
    }
}

.faq-subject {
    padding:0 2rem
}

.faq-subject--selected {
    background:#343469
}

.table-of-contents__list {
    margin-top:15px
}

@media screen and (min-width: 62em) {
    .table-of-contents__list-columns--2 {
        -webkit-columns: 2;
        -moz-columns: 2;
        column-count:2
    }
}

@media screen and (min-width: 62em) {
    .table-of-contents__list-columns--3 {
        -webkit-columns: 3;
        -moz-columns: 3;
        column-count:3
    }
}

.video-session__title--collapsable {
    position: relative;
    display: inline-block;
    cursor:pointer
}

.video-session__title--collapsable:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -3rem;
    width: 2.4rem;
    height: 2.4rem;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    margin: auto;
    background-image: url(../static/img/chevron-orange.svg);
    background-repeat: no-repeat;
    background-position:50%
}

.video-session__title--closed:after {
    -webkit-transform: rotate(90deg);
    transform:rotate(90deg)
}

.video-session__title--open:after {
    -webkit-transform: rotate(270deg);
    transform:rotate(270deg)
}

.video-session__list {
    margin-top:2rem
}

.video-session__list--closed {
    display:none
}

.video-session__list--open {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.video-session__list-item {
    margin-bottom:10px
}

.photo-block {
    background:#fff
}

.image-full-width {
    max-width:2100px
}

.notice-bar__wrapper {
    position: absolute;
    z-index: 1;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.notice-bar__wrapper--orange {
    background:#f58220
}

.notice-bar__wrapper--purple {
    background:#343469
}

.notice-bar__wrapper + main > .results {
    margin-top:80px
}

@media screen and (min-width: 62em) {
    .notice-bar__top-menu {
        margin-top:30px
    }
}

.notice-bar__text {
    padding: 10px 15px;
    color: #fff;
    text-decoration: none;
    width: 100%;
    text-align:center
}

.section-header {
    overflow: hidden;
    position:relative
}

.section-header:after {
    content: "";
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: radial-gradient(circle at 30%, at 55%, rgba(0, 0, 0, .69), rgba(0, 0, 0, .31) 0, transparent);
    background-image:radial-gradient(circle at 30% 55%, rgba(0, 0, 0, .69), rgba(0, 0, 0, .31) 30%, transparent)
}

.section-header--home {
    padding: 18rem 0 12rem;
    margin-bottom: -8rem;
    background-size: cover;
    background-position:50%
}

@media screen and (min-width: 62em) {
    .section-header--home {
        padding:23rem 0 17rem
    }
}

.section-header--home-nocontent {
    padding: 18rem 0 8rem;
    background-size: cover;
    background-position:50%
}

@media screen and (min-width: 62em) {
    .section-header--home-nocontent {
        padding:22rem 0 8rem
    }
}

.section-header--subhome {
    padding: 13rem 0 6rem;
    margin-bottom: 12rem;
    background-size: cover;
    background-position:50%
}

.section-header--subhome-content {
    padding: 27.5rem 0 8.5rem;
    margin-bottom: -4.8rem;
    background-size: cover;
    background-position:50%
}

@media screen and (min-width: 62em) {
    .section-header--subhome-content {
        padding: 13rem 0 14rem;
        margin-bottom:-11rem
    }
}

.section-header--vacancy {
    padding: 15rem 0;
    margin-bottom:-15rem
}

@media screen and (min-width: 62em) {
    .section-header--vacancy {
        padding: 20rem 0;
        margin-bottom:-20rem
    }
}

.section-header--overview-content {
    padding: 27.5rem 0 8.5rem;
    background-size: cover;
    background-position:50%
}

@media screen and (min-width: 62em) {
    .section-header--overview-content {
        padding: 13rem 0 14rem;
        margin-bottom:-11rem
    }
}

.section-header--detail {
    padding: 15rem 0;
    background-size: cover;
    background-position: 50%;
    margin-bottom:-10rem
}

@media screen and (min-width: 62em) {
    .section-header--detail {
        padding: 29rem 0;
        margin-bottom:-23rem
    }
}

.section-header__inner {
    position: relative;
    z-index:1
}

.section-header__video-contentpage {
    margin-bottom: -45rem;
    height: 58rem;
    width: 100%;
    -o-object-fit: cover;
    object-fit:cover
}

@media screen and (max-width: 62em) {
    .section-header__video-contentpage {
        margin-bottom: unset;
        height:unset
    }
}

.section-header__video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    height: 100%;
    width: 177.77777778vh;
    min-width: 100%;
    /* min-height:56.25vw */
}

@media screen and (max-width: 62em) {
    .section-header__video--content-page {
        margin-bottom: unset;
        height:unset
    }
}

.header__image {
    width: 100%;
    height: 29rem;
    background-position: 50%;
    background-size: cover;
    background-repeat:no-repeat
}

@media screen and (min-width: 62em) {
    .header__image {
        margin-bottom: -45rem;
        height:58rem
    }
}

@media screen and (max-width: 62em) {
    .header__image--video {
        height: 0;
        padding-bottom: 56.25%;
        position: relative;
        margin-bottom:-1rem
    }
}

@media screen and (min-width: 48em) {
    .header__image--video {
        margin-bottom:-8rem
    }
}

@media screen and (min-width: 62em) {
    .header__image--video {
        margin-bottom: -11rem;
        height:24rem
    }
}

@media screen and (min-width: 62em) {
    .header--scroller .header__content {
        width:calc(100% + 3rem)
    }
}

.header__content {
    padding: 3.4rem 3.2rem 2.4rem;
    position: relative;
    width: 100%;
    background-color:#fff
}

@media screen and (min-width: 62em) {
    .header__content {
        padding:4rem 6.4rem
    }
}

.header__badge {
    width: 8rem;
    height: 8rem;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position:50%
}

@media screen and (min-width: 62em) {
    .header__badge {
        width: 10rem;
        height: 10rem;
        top: 10rem;
        -webkit-transform: translate(50%, 50%);
        transform:translate(50%, 50%)
    }
}

.header__inner {
    margin-top:4rem
}

@media screen and (min-width: 62em) {
    .header__inner {
        margin-top:7.5rem
    }
}

.header__tag-wrapper {
    font-weight: 700;
    font-size: 1.2rem;
    line-height:3.57
}

@media screen and (min-width: 62em) {
    .header__tag-wrapper {
        font-size:1.4rem
    }
}

.header__tag + .header__tag:before {
    content: "";
    display: inline-block;
    background-color: #f58220;
    border-radius: 1rem;
    width: .7rem;
    height: .7rem;
    margin:0 1rem
}

@media screen and (min-width: 62em) {
    .header__tag + .header__tag:before {
        margin:0 2rem
    }
}

.header__body {
    margin:1.6rem 0
}

.header__event {
    margin-top:4rem
}

@media screen and (min-width: 62em) {
    .header__event {
        margin: 41rem 0 -6rem;
        -webkit-transform: translateY(-50%);
        transform:translateY(-50%)
    }
}

.section-video__title {
    margin-bottom:3rem
}

.section-video__header-image {
    background-size: cover;
    background-position: 50%;
    height: 25.8rem;
    margin:0 -1rem -5rem
}

@media screen and (min-width: 62em) {
    .section-video__header-image {
        height: 100%;
        width: 135%;
        margin:initial
    }
}

.section-video__header-content {
    padding: 2rem 2.5rem 1rem;
    background-color:#fff
}

@media screen and (min-width: 62em) {
    .section-video__header-content {
        padding: 4.8rem 5.2rem;
        margin:4.6rem 0
    }
}

.section-video__header-title {
    line-height: 1;
    font-size: 3.5rem;
    word-break:break-word
}

@media screen and (min-width: 62em) {
    .section-video__header-title {
        font-size:5.5rem
    }
}

.section-video__header-text {
    margin:1.5rem 0 3rem
}

@media screen and (min-width: 62em) {
    .section-video__header-text {
        margin:3rem 0 1rem
    }
}

.section-video__related-title {
    font-weight: 700;
    margin:3rem 0 2rem
}

@media screen and (min-width: 62em) {
    .section-video__related-title {
        margin:4rem 0 3rem
    }
}

.section-video-simple {
    position:relative
}

.section-video-simple__image {
    background-size: cover;
    background-position: 50%;
    padding-bottom: 56.25%;
    width:100%
}

.section-video-simple__content {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4.8rem 5.2rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    text-align: center;
    z-index:1
}

.section-video-simple__content:after {
    content: "";
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: radial-gradient(circle at 49%, at 55%, rgba(0, 0, 0, .5), rgba(0, 0, 0, .25) 66%, transparent);
    background-image:radial-gradient(circle at 49% 55%, rgba(0, 0, 0, .5), rgba(0, 0, 0, .25) 66%, transparent)
}

.section-video-simple__title {
    line-height: 1;
    margin-bottom:1rem
}

@media screen and (min-width: 62em) {
    .section-video-simple__title {
        font-size:2.5rem
    }
}

.section-related__header {
    margin-bottom:1.5rem
}

@media screen and (min-width: 62em) {
    .section-related__header {
        margin-bottom:3rem
    }
}

.section-related__button {
    width:100%
}

.section-related__button--desktop {
    display:none
}

@media screen and (min-width: 62em) {
    .section-related__button--desktop {
        display:block
    }
}

.section-related__button--mobile {
    text-align: center;
    margin-top:2rem
}

@media screen and (min-width: 62em) {
    .section-related__button--mobile {
        display:none
    }
}

.section-error {
    padding-top:4rem
}

@media screen and (min-width: 62em) {
    .section-error {
        padding-top:8rem
    }
}

.section-error__image-wrapper {
    margin-bottom:3rem
}

.section-error__image {
    max-width:100%
}

.section-error__text {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.5;
    color:#343469
}

.section-error__related {
    margin-top:6rem
}

.educations__wrapper--desktop {
    display:none
}

@media screen and (min-width: 62em) {
    .educations__wrapper--desktop {
        display:block
    }
}

@media screen and (min-width: 62em) {
    .educations__wrapper--mobile {
        display: none
    }
}