/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background-color: transparent;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
* {
    box-sizing: border-box;
}
*:before,
*:after {
    box-sizing: border-box;
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #fff;
}
input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
a {
    color: #337ab7;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #23527c;
    text-decoration: underline;
}
a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
figure {
    margin: 0;
}
img {
    vertical-align: middle;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-rounded {
    border-radius: 6px;
}
.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.img-circle {
    border-radius: 50%;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}
[role="button"] {
    cursor: pointer;
}
fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}
input[type="search"] {
    box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
input[type="file"] {
    display: block;
}
input[type="range"] {
    display: block;
    width: 100%;
}
select[multiple],
select[size] {
    height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition:
        border-color ease-in-out 0.15s,
        box-shadow ease-in-out 0.15s;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow:
        inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #999;
}
.form-control::-webkit-input-placeholder {
    color: #999;
}
.form-control::-ms-expand {
    border: 0;
    background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}
textarea.form-control {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 34px;
    }
    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    .input-group-sm input[type="date"],
    .input-group-sm input[type="time"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"] {
        line-height: 30px;
    }
    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    .input-group-lg input[type="date"],
    .input-group-lg input[type="time"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"] {
        line-height: 46px;
    }
}
.form-group {
    margin-bottom: 15px;
}
.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
    margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}
.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0;
}
.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
select.input-sm {
    height: 30px;
    line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
    height: auto;
}
.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
    height: auto;
}
.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
select.input-lg {
    height: 46px;
    line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
    height: auto;
}
.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
    height: auto;
}
.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.has-feedback {
    position: relative;
}
.has-feedback .form-control {
    padding-right: 42.5px;
}
.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #3c763d;
}
.has-success .form-control {
    border-color: #3c763d;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
    border-color: #2b542c;
    box-shadow:
        inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 6px #67b168;
}
.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8;
}
.has-success .form-control-feedback {
    color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #8a6d3b;
}
.has-warning .form-control {
    border-color: #8a6d3b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow:
        inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
    color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442;
}
.has-error .form-control {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
    border-color: #843534;
    box-shadow:
        inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 6px #ce8483;
}
.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}
.has-error .form-control-feedback {
    color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
    top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}
@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .form-inline .form-control-static {
        display: inline-block;
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto;
    }
    .form-inline .input-group > .form-control {
        width: 100%;
    }
    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0;
    }
    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 27px;
}
.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}
@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px;
    }
}
.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}
@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px;
    }
}
@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px;
    }
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.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 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0%;
}
@media (min-width: 768px) {
    .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 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
}
@media (min-width: 992px) {
    .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 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
}
@media (min-width: 1200px) {
    .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 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0%;
    }
}
.clearfix:before,
.clearfix:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
    content: " ";
    display: table;
}
.clearfix:after,
.form-horizontal .form-group:after,
.container:after,
.container-fluid:after,
.row:after {
    clear: both;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
.invisible {
    visibility: hidden;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.hidden {
    display: none !important;
}
.affix {
    position: fixed;
}
@-ms-viewport {
    width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}
@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table !important;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table !important;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
    table.visible-md {
        display: table !important;
    }
    tr.visible-md {
        display: table-row !important;
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table !important;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}
.visible-print {
    display: none !important;
}
@media print {
    .visible-print {
        display: block !important;
    }
    table.visible-print {
        display: table !important;
    }
    tr.visible-print {
        display: table-row !important;
    }
    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}
.visible-print-block {
    display: none !important;
}
@media print {
    .visible-print-block {
        display: block !important;
    }
}
.visible-print-inline {
    display: none !important;
}
@media print {
    .visible-print-inline {
        display: inline !important;
    }
}
.visible-print-inline-block {
    display: none !important;
}
@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}
@media print {
    .hidden-print {
        display: none !important;
    }
}
/*
*   CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc.
*
*   Author: Marc van Nieuwenhuijzen
*   Company: WebVakman
*   Site: WebVakman.nl
*
*/
@media (min-width: 1200px) and (max-width: 1919px) {
    .hidden-lg {
        display: none !important;
    }
}
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl {
    display: none !important;
}
@media (min-width: 1920px) {
    .container {
        width: 1570px;
    }
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12 {
        float: left;
    }
    .col-xl-12 {
        width: 100%;
    }
    .col-xl-11 {
        width: 91.66666667%;
    }
    .col-xl-10 {
        width: 83.33333333%;
    }
    .col-xl-9 {
        width: 75%;
    }
    .col-xl-8 {
        width: 66.66666667%;
    }
    .col-xl-7 {
        width: 58.33333333%;
    }
    .col-xl-6 {
        width: 50%;
    }
    .col-xl-5 {
        width: 41.66666667%;
    }
    .col-xl-4 {
        width: 33.33333333%;
    }
    .col-xl-3 {
        width: 25%;
    }
    .col-xl-2 {
        width: 16.66666667%;
    }
    .col-xl-1 {
        width: 8.33333333%;
    }
    .col-xl-pull-12 {
        right: 100%;
    }
    .col-xl-pull-11 {
        right: 91.66666667%;
    }
    .col-xl-pull-10 {
        right: 83.33333333%;
    }
    .col-xl-pull-9 {
        right: 75%;
    }
    .col-xl-pull-8 {
        right: 66.66666667%;
    }
    .col-xl-pull-7 {
        right: 58.33333333%;
    }
    .col-xl-pull-6 {
        right: 50%;
    }
    .col-xl-pull-5 {
        right: 41.66666667%;
    }
    .col-xl-pull-4 {
        right: 33.33333333%;
    }
    .col-xl-pull-3 {
        right: 25%;
    }
    .col-xl-pull-2 {
        right: 16.66666667%;
    }
    .col-xl-pull-1 {
        right: 8.33333333%;
    }
    .col-xl-pull-0 {
        right: auto;
    }
    .col-xl-push-12 {
        left: 100%;
    }
    .col-xl-push-11 {
        left: 91.66666667%;
    }
    .col-xl-push-10 {
        left: 83.33333333%;
    }
    .col-xl-push-9 {
        left: 75%;
    }
    .col-xl-push-8 {
        left: 66.66666667%;
    }
    .col-xl-push-7 {
        left: 58.33333333%;
    }
    .col-xl-push-6 {
        left: 50%;
    }
    .col-xl-push-5 {
        left: 41.66666667%;
    }
    .col-xl-push-4 {
        left: 33.33333333%;
    }
    .col-xl-push-3 {
        left: 25%;
    }
    .col-xl-push-2 {
        left: 16.66666667%;
    }
    .col-xl-push-1 {
        left: 8.33333333%;
    }
    .col-xl-push-0 {
        left: auto;
    }
    .col-xl-offset-12 {
        margin-left: 100%;
    }
    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-xl-offset-9 {
        margin-left: 75%;
    }
    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-xl-offset-6 {
        margin-left: 50%;
    }
    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-xl-offset-3 {
        margin-left: 25%;
    }
    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-xl-offset-0 {
        margin-left: 0;
    }
    .visible-xl {
        display: block !important;
    }
    table.visible-xl {
        display: table;
    }
    tr.visible-xl {
        display: table-row !important;
    }
    th.visible-xl,
    td.visible-xl {
        display: table-cell !important;
    }
    .visible-xl-block {
        display: block !important;
    }
    .visible-xl-inline {
        display: inline !important;
    }
    .visible-xl-inline-block {
        display: inline-block !important;
    }
    .hidden-xl {
        display: none !important;
    }
}
.clearfixMobile {
    clear: both;
}
@media only screen and (min-width: 992px) {
    .clearfixMobile {
        clear: none;
    }
}
#main-wrapper a:hover,
#main-wrapper a:active,
#main-wrapper a:focus,
#main-wrapper a:visited {
    text-decoration: none;
    outline: none;
}
#main-wrapper button {
    outline: none;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
#main-wrapper button::-moz-focus-inner,
#main-wrapper input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
#main-wrapper .form-control {
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    line-height: 45px;
    height: 45px;
    padding: 0 12px;
    font-size: 14px;
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .form-control {
        font-size: 16px;
    }
}
#main-wrapper .form-control:focus {
    box-shadow: none;
}
#main-wrapper textarea.form-control {
    line-height: 1.5;
    padding: 6px 12px;
}
@media only screen and (min-width: 1920px) {
    #main-wrapper textarea.form-control {
        padding: 7px 12px;
    }
}
#main-wrapper textarea,
#main-wrapper input[type="text"],
#main-wrapper input[type="email"],
#main-wrapper input[type="tel"] {
    -webkit-appearance: none;
}
#main-wrapper ul,
#main-wrapper ol {
    padding: 0;
    margin: 0;
}
/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/
@font-face {
    font-family: DIN-Regular;
    src: url("../fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix");
    src:
        url("../fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix")
            format("eot"),
        url("../fonts/44e7b0fa-6c8d-43c2-b19e-f1e3ce9ea57c.woff2")
            format("woff2"),
        url("../fonts/c5a7f89e-15b6-49a9-8259-5ea665e72191.woff") format("woff"),
        url("../fonts/868c94b5-ca49-46b7-b62b-297f8d861125.ttf")
            format("truetype"),
        url("../fonts/e3145f65-29b5-4f7f-8c6e-2dc135021b6a.svg#e3145f65-29b5-4f7f-8c6e-2dc135021b6a")
            format("svg");
}
@font-face {
    font-family: DIN-Medium;
    src: url("../fonts/324dee78-6585-4c13-8ca3-5817cc600d84.eot?#iefix");
    src:
        url("../fonts/324dee78-6585-4c13-8ca3-5817cc600d84.eot?#iefix")
            format("eot"),
        url("../fonts/be607c9f-3c81-41b4-b7ad-17af005c80bb.woff2")
            format("woff2"),
        url("../fonts/4bf0ead4-e61b-4992-832b-6ff05828d99f.woff") format("woff"),
        url("../fonts/73713a0b-8f6a-4c4e-b8a8-7cf238e632f6.ttf")
            format("truetype"),
        url("../fonts/b90b6bdf-15e2-4544-9fe0-92c79fff0ecd.svg#b90b6bdf-15e2-4544-9fe0-92c79fff0ecd")
            format("svg");
}
@font-face {
    font-family: DIN-Bold;
    src: url("../fonts/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?#iefix");
    src:
        url("../fonts/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?#iefix")
            format("eot"),
        url("../fonts/121784c1-863c-4e49-b682-625ea7de55b0.woff2")
            format("woff2"),
        url("../fonts/9949035f-6226-4080-a14a-bf7d94ffb1e1.woff") format("woff"),
        url("../fonts/6241bd09-15c2-485e-9796-9db8d0aa6974.ttf")
            format("truetype"),
        url("../fonts/af94da3e-4232-416a-b6bc-f39f85dd5db6.svg#af94da3e-4232-416a-b6bc-f39f85dd5db6")
            format("svg");
}
html {
    box-sizing: border-box;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    height: 100%;
}
*,
*:after,
*:before {
    box-sizing: inherit;
}
body {
    margin: 0;
    position: relative;
    color: #333;
    height: 100%;
}
#main-wrapper.no-scroll {
    height: 100vh;
    overflow: hidden;
}
#main-wrapper #site-wrapper {
    overflow: hidden;
    width: 100%;
    transition: -webkit-transform 250ms ease;
    transition: transform 250ms ease;
    transition:
        transform 250ms ease,
        -webkit-transform 250ms ease;
}
#main-wrapper img {
    width: 100%;
    height: auto;
}
#main-wrapper video {
    width: 100%;
}
#main-wrapper section {
    position: relative;
}
#main-wrapper .iframe-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
    margin: 0 0 20px 0;
}
#main-wrapper .iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#main-wrapper .default-content-wrapper {
    padding: 80px 0 0 0;
    min-height: 50vh;
}
#main-wrapper .default-content-wrapper label {
    display: block;
    margin: 20px 0 0 0;
}
#main-wrapper .default-content-wrapper input {
    font-size: 16px;
    line-height: 2.5;
    padding: 0 10px;
    border: solid 1px #ccc;
    margin: 0 0 10px 0;
    max-width: 100%;
    box-shadow: none;
    outline: none;
}
#main-wrapper .default-content-wrapper input:focus {
    outline: none;
    border: solid 1px #ff4cbb;
}
#main-wrapper .default-content-wrapper input[type="submit"].button {
    line-height: 1.5;
    background: #333;
    margin: 20px 0 0 0;
    padding: 15px 40px 13px 40px;
    border: none;
}
#main-wrapper .default-content-wrapper input[type="submit"].button:focus {
    border: none;
}
.cd-platform {
    padding: 40px 0;
}
@media only screen and (min-width: 992px) {
    .cd-platform {
        padding: 80px 0;
    }
}
.cd-platform .row {
    margin-bottom: 80px;
}
.cd-platform article {
    margin: 0 0 20px 0;
}
.cd-platform article a {
    display: inline-block;
    width: 100%;
    color: white;
    line-height: 1.2;
    padding: 1em 1.2em;
    background: #333;
    text-transform: uppercase;
    font-size: 14px;
    background-image: url(../images/icons/arrow-download-white.svg);
    background-size: auto 1.25em;
    background-position: right 0.8em bottom 1em;
    background-repeat: no-repeat;
}
.cd-platform article a.disabled {
    background-image: none;
}
#main-wrapper {
    font-family: DIN-Regular, Sans-Serif;
    font-size: 16px;
    line-height: 1.5;
}
@media only screen and (min-width: 1920px) {
    #main-wrapper {
        font-size: 18px;
    }
}
#main-wrapper h1,
#main-wrapper h2,
#main-wrapper h3,
#main-wrapper h4,
#main-wrapper h5,
#main-wrapper h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
#main-wrapper h1.line-bottom:after,
#main-wrapper h2.line-bottom:after,
#main-wrapper h3.line-bottom:after,
#main-wrapper h4.line-bottom:after,
#main-wrapper h5.line-bottom:after,
#main-wrapper h6.line-bottom:after {
    content: "";
    width: 150px;
    height: 1px;
    background: #ccc;
    margin: 20px 0 20px 0;
    display: block;
}
#main-wrapper h1 {
    text-transform: uppercase;
    font-family: DIN-Medium, Sans-Serif;
    font-size: 40px;
    line-height: 1;
}
@media only screen and (min-width: 768px) {
    #main-wrapper h1 {
        font-size: 30px;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper h1 {
        font-size: 50px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper h1 {
        font-size: 70px;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper h1 {
        font-size: 90px;
    }
}
#main-wrapper h2 {
    display: inline-block;
    font-size: 40px;
    line-height: 1;
    text-transform: uppercase;
    font-family: DIN-Medium, Sans-Serif;
    margin: 0 0 10px 0;
    padding: 10px 0 0 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper h2 {
        margin: 0 0 20px 0;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper h2 {
        font-size: 60px;
        margin: 0 0 25px 0;
    }
}
#main-wrapper h2.line-bottom:after {
    width: 150px;
}
#main-wrapper h3 {
    text-transform: uppercase;
    font-family: DIN-Regular, Sans-Serif;
    font-size: 30px;
    margin: 30px 0 20px 0;
    line-height: 1;
    padding: 10px 0 0 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper h3 {
        margin: 70px 0 20px 0;
    }
}
#main-wrapper h3:first-child {
    margin: -10px 0 20px 0;
}
#main-wrapper h3.line-bottom:after {
    width: 75px;
}
#main-wrapper h4 {
    font-family: DIN-Bold, Sans-Serif;
    margin: 0 0 10px 0;
}
#main-wrapper h5 {
    font-family: DIN-Bold, Sans-Serif;
}
#main-wrapper p,
#main-wrapper h5,
#main-wrapper blockquote {
    margin: 0 0 20px 0;
}
@media only screen and (min-width: 1920px) {
    #main-wrapper p,
    #main-wrapper h5,
    #main-wrapper blockquote {
        margin: 0 0 25px 0;
    }
}
#main-wrapper p a,
#main-wrapper ul a,
#main-wrapper table a {
    color: #ff4cbb;
}
#main-wrapper p a:hover,
#main-wrapper ul a:hover,
#main-wrapper table a:hover,
#main-wrapper p a:active,
#main-wrapper ul a:active,
#main-wrapper table a:active {
    text-decoration: underline;
}
#main-wrapper b,
#main-wrapper strong {
    font-weight: normal;
    font-family: DIN-Bold, Sans-Serif;
}
#main-wrapper blockquote {
    display: inline-block;
    max-width: 100%;
}
@media only screen and (min-width: 768px) {
    #main-wrapper blockquote {
        max-width: 75%;
    }
}
#main-wrapper blockquote p:before {
    content: "«";
    font-size: 46px;
    color: #282828;
    margin: 0;
    position: absolute;
    top: -20px;
    left: 0;
}
#main-wrapper blockquote p:after {
    position: relative;
    content: "»";
    font-size: 46px;
    color: #282828;
    bottom: -10px;
    margin: 0 0 0 5px;
    line-height: 33.8px;
}
#main-wrapper blockquote p {
    position: relative;
    font-size: 26px;
    line-height: 1.3;
    color: #888;
    padding: 0 0 0 30px;
    margin: 0 0 25px 0;
}
#main-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 40px 0;
}
#main-wrapper ul li {
    margin: 0 0 0.6em 0;
    padding: 0 0 0 1.5em;
    text-indent: -1.5em;
}
#main-wrapper ul li:before {
    position: relative;
    top: 0.04em;
    display: inline-block;
    line-height: 1;
    padding: 0;
    width: 1em;
    text-indent: 0;
    content: "»";
    font-size: 1.5em;
    font-family: DIN-Bold, Sans-Serif;
    color: #ccc;
}
#main-wrapper ol {
    list-style: none;
    counter-reset: ol-counter;
    padding: 20px 0 0 0;
    margin: 40px 0;
}
#main-wrapper ol li {
    position: relative;
    padding: 0 0 0 60px;
    margin: 0 0 40px 0;
}
#main-wrapper ol li:before {
    position: absolute;
    content: counter(ol-counter);
    counter-increment: ol-counter;
    left: 0;
    display: inline-block;
    border-bottom: solid 1px #eaeaec;
    color: #ccc;
    width: 1.5em;
    height: 1.5em;
    font-family: DIN-Regular, Sans-Serif;
    font-size: 28px;
}
#main-wrapper table {
    width: 100%;
    max-width: 100%;
    margin: 20px 0;
}
#main-wrapper table th {
    text-align: left;
    font-family: DIN-Bold, Sans-Serif;
    font-weight: normal;
    color: #ccc;
}
#main-wrapper table th,
#main-wrapper table td {
    border: none;
    padding: 0.5em 0;
    line-height: 1.5;
    vertical-align: top;
    border-top: 1px solid #ccc;
}
#main-wrapper table tr:last-child td {
    border-bottom: 1px solid #ccc;
}
#main-wrapper table thead th,
#main-wrapper table thead td {
    border-top: none;
}
#main-wrapper p.large {
    font-size: 20px;
    color: #888;
    margin: 40px 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper p.large {
        margin: 0 0 10px 0;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper p.large {
        font-size: 26px;
    }
}
#main-wrapper .button {
    position: relative;
    display: inline-block;
    color: white;
    font-size: 12px;
    padding: 15px 40px 13px 15px;
    text-transform: uppercase;
    font-family: DIN-Bold, Sans-Serif;
    text-align: left;
    overflow: hidden;
    max-width: 100%;
}
#main-wrapper .button:before {
    overflow: hidden;
    content: "";
    position: absolute;
    background-size: contain;
    background-image: url(../images/bg/bg-red.svg);
    background-repeat: no-repeat;
    background-position: right center;
    width: 100%;
    height: 600%;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    transition: -webkit-transform 500ms;
    transition: transform 500ms;
    transition:
        transform 500ms,
        -webkit-transform 500ms;
}
#main-wrapper .button:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("../images/icons/arrow-white.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transition:
        opacity 500ms,
        -webkit-transform 500ms;
    transition:
        transform 500ms,
        opacity 500ms;
    transition:
        transform 500ms,
        opacity 500ms,
        -webkit-transform 500ms;
}
#main-wrapper .button span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition:
        opacity 500ms,
        -webkit-transform 500ms;
    transition:
        transform 500ms,
        opacity 500ms;
    transition:
        transform 500ms,
        opacity 500ms,
        -webkit-transform 500ms;
}
#main-wrapper .button h3 {
    position: relative;
    text-transform: none;
    font-family: DIN-Regular, Sans-Serif;
    font-size: 18px;
    z-index: 10;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition:
        opacity 500ms,
        -webkit-transform 500ms;
    transition:
        transform 500ms,
        opacity 500ms;
    transition:
        transform 500ms,
        opacity 500ms,
        -webkit-transform 500ms;
}
#main-wrapper .button.button-red {
    background-color: #ff4cbb;
    background-image: linear-gradient(to right, #ff4cbb 0%, #ff5f58 100%);
}
#main-wrapper .button.button-red:before {
    opacity: 0.75;
    top: -300%;
    right: -10%;
    background-image: url(../images/bg/bg-red.svg);
}
#main-wrapper .button.button-red.button-wide:before {
    width: 1000px;
    height: 1000px;
    top: -470px;
    right: -50px;
}
#main-wrapper .button.button-blue {
    background-color: #649dd9;
    background-image: linear-gradient(to right, #649dd9 0%, #7e65e2 100%);
}
#main-wrapper .button.button-blue:before {
    top: -200%;
    right: 0;
    opacity: 0.5;
    background-image: url(../images/bg/bg-blue.svg);
}
#main-wrapper .button.button-blue.button-wide:before {
    width: 1000px;
    height: 1000px;
    top: -400px;
    right: -330px;
}
#main-wrapper .button.button-black {
    background: #333;
}
#main-wrapper .button.button-black:before {
    display: none;
}
#main-wrapper .button.button-ghost {
    color: #888;
    background: none;
    border: solid 1px #ccc;
}
#main-wrapper .button.button-ghost:before {
    display: none;
}
#main-wrapper .button.button-ghost:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("../images/icons/arrow-light-grey.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#main-wrapper .button.button-ghost:focus,
#main-wrapper .button.button-ghost:visited,
#main-wrapper .button.button-ghost:hover {
    color: #888;
}
#main-wrapper .button.button-ghost:active {
    color: #ccc;
}
#main-wrapper .button.button-ghost-neg {
    color: white;
    background: none;
    border: solid 1px white;
}
#main-wrapper .button.button-ghost-neg:before {
    display: none;
}
#main-wrapper .button.button-ghost-neg:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("../images/icons/arrow-white.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#main-wrapper .button.button-ghost-neg:focus,
#main-wrapper .button.button-ghost-neg:visited,
#main-wrapper .button.button-ghost-neg:hover {
    color: white;
}
#main-wrapper .button.button-ghost-neg:active {
    color: white;
}
#main-wrapper .button.button-large {
    font-size: 24px;
    text-transform: none;
    font-family: DIN-Regular, Sans-Serif;
    padding: 15px 60px 13px 30px;
}
#main-wrapper .button.button-large:after {
    right: 25px;
}
#main-wrapper .button.button-left {
    padding: 15px 15px 13px 40px;
}
#main-wrapper .button.button-left:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 15px;
}
#main-wrapper .button.button-left:hover span {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}
#main-wrapper .button.button-left:hover:after {
    -webkit-transform: rotate(180deg) translateX(10px);
    transform: rotate(180deg) translateX(10px);
    opacity: 0;
}
#main-wrapper .button.button-no-arrow {
    padding: 15px 15px 13px 15px;
}
#main-wrapper .button.button-no-arrow:after {
    display: none;
}
#main-wrapper .button.button-no-arrow:hover span {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
#main-wrapper .button.button-no-arrow:hover h3 {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
#main-wrapper .button:active,
#main-wrapper .button:focus,
#main-wrapper .button:visited {
    color: white;
}
#main-wrapper .button:hover {
    color: white;
}
#main-wrapper .button:hover:before {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
#main-wrapper .button:hover:after {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0;
}
#main-wrapper .button:hover span {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}
#main-wrapper .button:hover h3 {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}
#main-wrapper .content-article {
    margin: 80px 0 0 0;
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .content-article {
        margin: 120px 0 0 0;
    }
}
#main-wrapper .content-article h2 {
    padding-top: 10px;
    margin-top: -13px;
}
#main-wrapper .content-article a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
#main-wrapper .content-article .content-logos {
    margin: 40px 0 0 0;
}
#main-wrapper .content-article .content-logos img {
    width: 15%;
    margin: 0 20px 0 0;
}
#main-wrapper .content {
    padding: 0 0 120px 0;
}
#main-wrapper .content .content-logos {
    margin: 40px 0 0 0;
}
#main-wrapper .content .content-logos img {
    width: 15%;
    margin: 0 20px 0 0;
}
#main-wrapper header {
    position: fixed;
    width: 100%;
    z-index: 500;
    transition: -webkit-transform 250ms ease;
    transition: transform 250ms ease;
    transition:
        transform 250ms ease,
        -webkit-transform 250ms ease;
}
#main-wrapper header .container {
    width: 100%;
}
@media only screen and (min-width: 992px) {
    #main-wrapper header .container {
        width: 970px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper header .container {
        width: 1170px;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper header .container {
        width: 1570px;
    }
}
#main-wrapper header .row > div {
    padding-left: 0;
    padding-right: 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper header .row > div {
        padding-left: 15px;
        padding-right: 15px;
    }
}
#main-wrapper header ul {
    margin: 0;
}
#main-wrapper header ul a:hover {
    text-decoration: none;
}
#main-wrapper header ul li {
    margin: 0;
    padding: 0;
    text-indent: 0;
}
#main-wrapper header ul li:before {
    display: none;
}
#main-wrapper header .header-menu {
    position: fixed;
    height: 100vh;
    width: calc(100vw - 50px);
    background: #333;
    left: 100vw;
    overflow-y: scroll;
    overflow-scrolling: touch;
}
#main-wrapper header .header-menu:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 10px;
    z-index: 10;
    pointer-events: none;
    background-image: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.15) 0%,
        rgba(0, 0, 0, 0) 100%
    );
}
#main-wrapper header .header-menu a:active {
    color: white;
}
#main-wrapper header .header-menu a.is-active {
    font-family: DIN-Bold, Sans-Serif;
}
#main-wrapper header .header-lang-nav {
    border-bottom: solid 1px #282828;
}
#main-wrapper header .header-lang-nav:before,
#main-wrapper header .header-lang-nav:after {
    content: " ";
    display: table;
}
#main-wrapper header .header-lang-nav:after {
    clear: both;
}
#main-wrapper header .header-lang-nav:before,
#main-wrapper header .header-lang-nav:after {
    content: " ";
    display: table;
}
#main-wrapper header .header-lang-nav:after {
    clear: both;
}
#main-wrapper header .header-lang-nav ul {
    float: right;
    font-size: 0;
}
#main-wrapper header .header-lang-nav li {
    display: inline-block;
    border-left: solid 1px #282828;
    margin: 0;
}
#main-wrapper header .header-lang-nav a {
    padding: 0 20px;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 3.125;
    color: #888;
}
#main-wrapper header .header-lang-nav a.is-active {
    font-family: DIN-Bold, Sans-Serif;
}
#main-wrapper header .header-main-nav ul ul a {
    padding-left: 30px;
}
#main-wrapper header .header-main-nav ul ul ul a {
    padding-left: 40px;
}
#main-wrapper header .header-main-nav li {
    display: block;
    position: relative;
    text-transform: uppercase;
    font-size: 20px;
}
#main-wrapper header .header-main-nav a {
    display: block;
    color: #888;
    border-bottom: solid 1px #282828;
    border-top: solid 1px transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1em 15px 1em 15px;
    line-height: 1.3;
}
#main-wrapper header .header-main-nav a:active + .header-arrow span {
    background: white;
}
#main-wrapper header .header-arrow {
    position: absolute;
    right: 30px;
    top: 30px;
}
#main-wrapper header .header-arrow span {
    position: absolute;
    width: 1px;
    height: 8px;
    background: #888;
    transition: -webkit-transform 250ms;
    transition: transform 250ms;
    transition:
        transform 250ms,
        -webkit-transform 250ms;
}
#main-wrapper header .header-arrow span:nth-child(1) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#main-wrapper header .header-arrow span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 5px;
}
#main-wrapper header li.open > a {
    color: white;
    background-color: #282828;
}
#main-wrapper header li.open > .header-arrow span {
    background: white;
}
#main-wrapper header li.open > .header-arrow span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#main-wrapper header li.open > .header-arrow span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#main-wrapper header li.open > .header-sub-nav {
    display: block;
}
#main-wrapper header .header-sub-nav {
    overflow: hidden;
    display: none;
}
#main-wrapper header .header-sub-nav li {
    font-size: 16px;
    line-height: 50px;
}
#main-wrapper header .header-hamburger {
    position: absolute;
    right: 0;
    top: 0;
    padding: 4px 10px;
    background: transparent;
}
#main-wrapper header .header-hamburger span {
    position: relative;
    display: block;
    width: 30px;
    height: 2px;
    margin: 8px 0;
    border-radius: 2px;
    background: white;
}
#main-wrapper header .header-hamburger span:nth-child(2) {
    transition:
        opacity 250ms linear,
        background 250ms linear;
}
#main-wrapper header .header-hamburger span:nth-child(1),
#main-wrapper header .header-hamburger span:nth-child(3) {
    transition:
        background 250ms linear,
        -webkit-transform 250ms;
    transition:
        transform 250ms,
        background 250ms linear;
    transition:
        transform 250ms,
        background 250ms linear,
        -webkit-transform 250ms;
}
#main-wrapper header .header-hamburger.close span {
    background: #333;
}
#main-wrapper header .header-hamburger.close span:nth-child(2) {
    opacity: 0;
}
#main-wrapper header .header-hamburger.close span:nth-child(1) {
    -webkit-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg);
}
#main-wrapper header .header-hamburger.close span:nth-child(3) {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
}
#main-wrapper header.grey .header-hamburger span {
    background: #333;
}
#main-wrapper header.grey .header-hamburger.close span {
    background: #333;
}
#main-wrapper header.minimal .header-hamburger {
    background: rgba(255, 255, 255, 0.95);
}
#main-wrapper header.minimal .header-hamburger span {
    background: #333;
}
@media only screen and (min-width: 992px) {
    #main-wrapper header {
        display: none;
    }
    #main-wrapper header .header-menu {
        position: absolute;
        width: 100%;
        left: 0;
        height: auto;
        overflow-y: auto;
        background: transparent;
        transition: -webkit-transform 250ms;
        transition: transform 250ms;
        transition:
            transform 250ms,
            -webkit-transform 250ms;
    }
    #main-wrapper header .header-menu:before {
        display: none;
    }
    #main-wrapper header .header-menu-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: block;
        opacity: 0;
        transition: opacity 250ms linear;
        overflow: hidden;
    }
    #main-wrapper header .header-lang-nav {
        border-bottom: none;
        position: absolute;
        right: 15px;
        top: 20px;
        opacity: 1;
        transition:
            opacity 250ms linear,
            -webkit-transform 250ms;
        transition:
            opacity 250ms linear,
            transform 250ms;
        transition:
            opacity 250ms linear,
            transform 250ms,
            -webkit-transform 250ms;
    }
    #main-wrapper header .header-lang-nav li {
        border-left: none;
    }
    #main-wrapper header .header-lang-nav li:not(:last-child) {
        margin: 0 8px 0 0;
        padding: 0 8px 0 0;
        border-right: solid 1px white;
    }
    #main-wrapper header .header-lang-nav a {
        padding: 0 12px;
        font-size: 12px;
        line-height: 1;
        color: white;
    }
    #main-wrapper header .header-main-nav {
        width: calc(100% - 42px);
        opacity: 1;
        margin: 50px 0 0 0;
        transition:
            opacity 250ms linear,
            margin 250ms;
    }
    #main-wrapper header .header-main-nav.is-hidden {
        opacity: 0;
        pointer-events: none;
    }
    #main-wrapper header .header-main-nav > ul {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
    #main-wrapper header .header-main-nav > ul > li {
        display: table-cell;
    }
    #main-wrapper header .header-main-nav > ul > li:not(:last-child) a {
        margin: 0 15px 0 0;
    }
    #main-wrapper
        header
        .header-main-nav
        > ul
        > li:not(:last-child)
        .header-arrow {
        right: 30px;
    }
    #main-wrapper header .header-main-nav ul ul a {
        padding-left: 5px;
    }
    #main-wrapper header .header-main-nav ul ul ul a {
        padding-left: 10px;
    }
    #main-wrapper header .header-main-nav li {
        font-size: 12px;
    }
    #main-wrapper header .header-main-nav a {
        padding: 0.75em 5px;
        color: white;
        border-bottom-color: white;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #main-wrapper header .header-sub-nav li {
        font-size: 12px;
    }
    #main-wrapper header .header-arrow {
        top: 12.5px;
        right: 15px;
    }
    #main-wrapper header .header-arrow span {
        background: white;
    }
    #main-wrapper header.grey .header-arrow span {
        background: #888;
    }
    #main-wrapper header.grey .header-main-nav a {
        color: #333;
        border-bottom-color: rgba(150, 150, 150, 0.5);
    }
    #main-wrapper header.grey .header-lang-nav li {
        border-color: rgba(150, 150, 150, 0.5);
    }
    #main-wrapper header.grey .header-lang-nav a {
        color: #333;
    }
    #main-wrapper header.grey .header-menu-bg {
        background: white;
    }
    #main-wrapper header.grey li.open a {
        color: #333;
    }
    #main-wrapper header.grey li.open .header-arrow span {
        background: #888;
    }
    #main-wrapper header.grey.minimal .header-menu {
        border-bottom: solid 1px #eaeaec;
    }
    #main-wrapper header.red .header-menu-bg {
        background-color: #ff4cbb;
        background-image: linear-gradient(to right, #ff4cbb 0%, #ff5f58 100%);
    }
    #main-wrapper header.blue .header-menu-bg {
        background-color: #649dd9;
        background-image: linear-gradient(to right, #649dd9 0%, #7e65e2 100%);
    }
    #main-wrapper header.black .header-menu-bg {
        background: #121212;
    }
    #main-wrapper header.minimal .header-arrow {
        display: none;
    }
    #main-wrapper header.minimal .header-menu {
        -webkit-transform: translateY(-45px);
        transform: translateY(-45px);
    }
    #main-wrapper header.minimal .header-menu-bg {
        opacity: 1;
    }
    #main-wrapper header.minimal .header-main-nav > ul > li:not(.open) > a {
        border-bottom-color: transparent;
    }
    #main-wrapper header .header-menu.open {
        padding: 0 0 40px 0;
    }
    #main-wrapper header .header-menu.open .header-menu-bg {
        opacity: 1;
    }
    #main-wrapper header li.open > a {
        font-family: DIN-Bold, Sans-Serif;
        background-color: transparent;
    }
    #main-wrapper header .header-hamburger {
        display: none;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper header .header-main-nav li {
        font-size: 14px;
    }
    #main-wrapper header .header-arrow {
        top: 15px;
    }
}
#main-wrapper header .header-search {
    position: relative;
    width: 100%;
    border-bottom: solid 1px #282828;
}
#main-wrapper header .header-search-input {
    background: #282828;
    border-radius: 4px;
    margin: 10px;
    height: 45px;
    width: calc(100% - 20px);
}
#main-wrapper header .header-search-input input {
    width: 100%;
    height: 100%;
    line-height: 45px;
    border: none;
    padding: 0 36px 0 10px;
    font-size: 14px;
    border-radius: 4px;
    color: white;
}
#main-wrapper header .header-search-input ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #888;
}
#main-wrapper header .header-search-input :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #888;
    opacity: 1;
}
#main-wrapper header .header-search-input ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #888;
    opacity: 1;
}
#main-wrapper header .header-search-input :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #888;
}
#main-wrapper header .header-search-lens,
#main-wrapper header .header-search-close {
    display: none;
}
#main-wrapper header .header-search-ok {
    position: absolute;
    width: 36px;
    height: 36px;
    display: block;
    top: 5px;
    right: 15px;
    background-image: url(../images/icons/lens-white.svg);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: center;
}
@media only screen and (min-width: 992px) {
    #main-wrapper header .header-search {
        position: absolute;
        right: 0;
        top: 46px;
        margin: 0 15px;
        width: auto;
        border: none;
    }
    #main-wrapper header .header-search-input {
        float: left;
        transition: -webkit-transform 250ms;
        transition: transform 250ms;
        transition:
            transform 250ms,
            -webkit-transform 250ms;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: right center;
        transform-origin: right center;
        background: white;
        margin: 0 40px 0 0;
        width: 0;
        height: 36px;
    }
    #main-wrapper header .header-search-input.visible {
        width: 300px;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    #main-wrapper header .header-search-input.visible input {
        opacity: 1;
        transition: opacity 100ms linear 150ms;
    }
    #main-wrapper header .header-search-input input {
        line-height: 36px;
        color: #333;
        opacity: 0;
        transition: opacity 100ms linear;
    }
    #main-wrapper header .header-search-input ::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
        color: #ccc;
    }
    #main-wrapper header .header-search-input :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #ccc;
        opacity: 1;
    }
    #main-wrapper header .header-search-input ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #ccc;
        opacity: 1;
    }
    #main-wrapper header .header-search-input :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #ccc;
    }
    #main-wrapper header .header-search-lens {
        position: absolute;
        display: block;
        right: 0;
        width: 32px;
        height: 32px;
        background-image: url(../images/icons/lens-white.svg);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
    }
    #main-wrapper header .header-search-close {
        position: absolute;
        right: 0;
        width: 36px;
        height: 36px;
        display: none;
        background-image: url(../images/icons/close-white.svg);
        background-size: 35%;
        background-repeat: no-repeat;
        background-position: center;
    }
    #main-wrapper header .header-search-ok {
        top: 0;
        right: 0;
        display: none;
        background-image: url(../images/icons/ok-light-grey.svg);
    }
    #main-wrapper header.grey .header-search-lens {
        background-image: url(../images/icons/lens-light-grey.svg);
    }
    #main-wrapper header.grey .header-search-close {
        background-image: url(../images/icons/close-light-grey.svg);
    }
    #main-wrapper header.grey .header-search-input {
        height: 34px;
    }
    #main-wrapper header.grey .header-search-input input {
        line-height: 34px;
        border: solid 1px #eaeaec;
    }
    #main-wrapper header.grey.minimal .header-search-input input {
        background: #eaeaec;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper header .header-search {
        top: 50px;
    }
    #main-wrapper header .header-search-lens {
        width: 36px;
        height: 36px;
    }
}
#main-wrapper footer.main-footer {
    background: #121212;
    padding: 60px 0;
    color: white;
}
@media only screen and (min-width: 992px) {
    #main-wrapper footer.main-footer {
        padding: 150px 0;
    }
}
#main-wrapper footer.main-footer a:not(.button) {
    color: white;
    display: block;
    margin: 0 0 10px 0;
    background: none;
    text-transform: none;
    padding: 0;
}
#main-wrapper footer.main-footer a:not(.button):hover,
#main-wrapper footer.main-footer a:not(.button):active,
#main-wrapper footer.main-footer a:not(.button):focus {
    color: #ccc;
}
#main-wrapper footer.main-footer .main-footer-top {
    margin: 0 0 20px 0;
}
#main-wrapper footer.main-footer .main-footer-top:before,
#main-wrapper footer.main-footer .main-footer-top:after {
    content: " ";
    display: table;
}
#main-wrapper footer.main-footer .main-footer-top:after {
    clear: both;
}
#main-wrapper footer.main-footer .main-footer-top:before,
#main-wrapper footer.main-footer .main-footer-top:after {
    content: " ";
    display: table;
}
#main-wrapper footer.main-footer .main-footer-top:after {
    clear: both;
}
@media only screen and (min-width: 992px) {
    #main-wrapper footer.main-footer .main-footer-top {
        margin: 0 0 120px 0;
    }
}
#main-wrapper footer.main-footer .main-footer-newsletter {
    margin: 0 0 100px 0;
}
#main-wrapper footer.main-footer .main-footer-newsletter p {
    display: inline;
}
#main-wrapper footer.main-footer .main-footer-newsletter h3 {
    font-family: DIN-Medium, Sans-Serif;
    color: white;
    font-size: 40px;
    text-transform: uppercase;
}
@media only screen and (min-width: 992px) {
    #main-wrapper footer.main-footer .main-footer-newsletter h3 {
        font-size: 60px;
    }
}
#main-wrapper footer.main-footer .main-footer-newsletter > div > span {
    display: block;
    color: #888;
    margin: 0 0 10px 0;
}
#main-wrapper footer.main-footer .main-footer-newsletter .form-control {
    border-color: #888;
    color: #888;
    line-height: 45px;
    height: 45px;
    margin: 0 20px 20px 0;
    min-width: 200px;
    font-size: 16px;
}
@media only screen and (min-width: 1920px) {
    #main-wrapper footer.main-footer .main-footer-newsletter .form-control {
        font-size: 18px;
    }
}
#main-wrapper footer.main-footer .main-footer-newsletter .form-control:focus {
    border-color: #ccc;
}
#main-wrapper footer.main-footer .main-footer-social {
    margin: 40px 0 0 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper footer.main-footer .main-footer-social {
        margin: 0;
    }
}
#main-wrapper footer.main-footer .main-footer-social a {
    display: block;
    text-align: center;
    color: #888;
    text-transform: uppercase;
    margin: 0 0 40px 0;
}
#main-wrapper footer.main-footer .main-footer-social a img {
    width: 40px;
}
#main-wrapper footer.main-footer .main-footer-social a span {
    margin: 20px 0 0 0;
    padding: 10px 0 0 0;
    border-top: solid 1px #333;
    display: block;
}
#main-wrapper footer.main-footer h4 {
    font-size: 24px;
    font-family: DIN-Medium, Sans-Serif;
    text-transform: uppercase;
    color: #888;
    margin: 40px 0 20px 0;
}
#main-wrapper footer.main-footer .main-footer-list {
    padding: 10px 0 0 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper footer.main-footer .main-footer-list {
        padding: 96px 0 0 0;
    }
}
#main-wrapper .intro .intro-top {
    position: relative;
}
#main-wrapper .intro .intro-top .container:first-child {
    position: relative;
}
#main-wrapper .intro .intro-top .intro-logo {
    position: relative;
    margin: 15px 0 0 0;
}
@media only screen and (min-width: 768px) {
    #main-wrapper .intro .intro-top .intro-logo {
        margin: 20px 0 0 0;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-top .intro-logo {
        margin: 60px 0 0 0;
    }
}
#main-wrapper .intro .intro-main-title {
    position: absolute;
    bottom: 0;
    width: 100%;
}
#main-wrapper .intro .intro-main-title h1 {
    position: absolute;
    bottom: 0.5em;
    font-size: 36px;
}
@media only screen and (min-width: 768px) {
    #main-wrapper .intro .intro-main-title h1 {
        font-size: 45px;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-main-title h1 {
        text-align: right;
        font-size: 60px;
        right: 15px;
        bottom: 2.5em;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .intro .intro-main-title h1 {
        bottom: 2em;
        font-size: 75px;
    }
}
#main-wrapper .intro .intro-main-title h1 span {
    display: inline-block;
    background: white;
    padding: 0 0.3em 0 0.3em;
    line-height: 1.3;
}
#main-wrapper .intro .intro-main-title h1 span:first-child {
    padding: 0.1em 0.3em 0 0.3em;
}
#main-wrapper .intro .intro-competences {
    margin: 20px 0 0 0;
    padding: 21px 0 0 0;
    pointer-events: none;
}
@media only screen and (min-width: 768px) {
    #main-wrapper .intro .intro-competences {
        margin: 50px 0 0 0;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-competences {
        margin: 105px 0 0 0;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .intro .intro-competences {
        margin: 120px 0 0 0;
    }
}
#main-wrapper .intro .intro-competences a {
    pointer-events: auto;
}
@media only screen and (min-width: 768px) {
    #main-wrapper .intro .intro-competences a {
        float: right;
    }
}
#main-wrapper .intro .intro-parks {
    position: relative;
    overflow: hidden;
    margin: 0 -15px 0 -15px;
    cursor: pointer;
    font-size: 0;
    vertical-align: top;
    background-color: #ff4cbb;
    background-image: linear-gradient(to right, #ff4cbb 0%, #ff5f58 100%);
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-parks {
        margin: -100px 0 200px 0;
        width: calc(100% - 1px);
    }
}
#main-wrapper .intro .intro-parks:before {
    overflow: hidden;
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    right: -50%;
    background-image: url(../images/bg/bg-red.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    opacity: 0.5;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-parks:before {
        width: 100%;
        height: 400%;
        top: -200%;
        right: 0;
    }
}
#main-wrapper .intro .intro-park {
    padding: 25px 15px;
    position: relative;
    background: white;
    transition: background 250ms linear;
    font-size: 16px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-park {
        display: inline-block;
        vertical-align: top;
        width: 20%;
        padding: 25px 15px;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .intro .intro-park {
        font-size: 18px;
    }
}
#main-wrapper .intro .intro-park:not(:first-child) {
    border-top: solid 1px #ccc;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-park:not(:first-child) {
        border-top: none;
        border-left: solid 1px #ccc;
    }
}
#main-wrapper .intro .intro-park.active {
    background: transparent;
    margin: 0;
    padding: 25px 15px;
    border-top: none;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-park.active {
        border-left: none;
    }
}
#main-wrapper .intro .intro-park.active h3,
#main-wrapper .intro .intro-park.active .intro-park-coordinates,
#main-wrapper .intro .intro-park.active p {
    position: relative;
    color: white;
}
#main-wrapper .intro .intro-park.active .button {
    background: white;
    color: #333;
}
#main-wrapper .intro .intro-park.active .button:after {
    background-image: url(../images/icons/arrow-dark-grey.svg);
}
#main-wrapper .intro .intro-park.active .button:before {
    display: none;
}
#main-wrapper .intro .intro-park.active + article {
    border-top-color: transparent;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-park.active + article {
        border-left-color: transparent;
    }
}
#main-wrapper .intro .intro-park h3 {
    font-family: DIN-Medium, Sans-Serif;
    text-transform: uppercase;
    line-height: 1;
    margin: 0 0 10px 0;
    font-size: 30px;
    transition: background 250ms linear;
    color: #282828;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-park h3 {
        min-height: 2em;
        font-size: 20px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .intro .intro-park h3 {
        font-size: 26px;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .intro .intro-park h3 {
        font-size: 38px;
    }
}
#main-wrapper .intro .intro-park .intro-park-coordinates {
    display: block;
    font-family: DIN-Regular, Sans-Serif;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1;
    color: #ff4cbb;
    margin: 0 0 35px 0;
    transition: background 250ms linear;
}
@media only screen and (min-width: 768px) {
    #main-wrapper .intro .intro-park .intro-park-coordinates {
        font-size: 14px;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-park .intro-park-coordinates {
        font-size: 22px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .intro .intro-park .intro-park-coordinates {
        font-size: 26px;
        margin: 0 0 75px 0;
    }
}
#main-wrapper .intro .intro-park a.button {
    width: 100%;
}
@media only screen and (min-width: 992px) {
    html.flexbox #main-wrapper .intro .intro-parks {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
}
@media only screen and (min-width: 992px) {
    html.flexbox #main-wrapper .intro .intro-park {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        width: 0;
    }
}
html.flexbox #main-wrapper .intro .intro-park p {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: auto;
}
#main-wrapper .intro .intro-map {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #eaeaec;
    background-image: radial-gradient(
        ellipse at center,
        #eaeaec 80%,
        #ccc 100%
    );
}
#main-wrapper .intro .intro-map .intro-map-webgl {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
#main-wrapper .intro .intro-map .intro-map-webgl > canvas {
    width: 100%;
    height: 100%;
}
#main-wrapper .intro-map-fallback {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
}
#main-wrapper .intro-map-fallback .intro-map-fallback-inner {
    position: absolute;
    width: 480px;
    right: -140px;
    bottom: 50px;
}
@media only screen and (min-width: 768px) {
    #main-wrapper .intro-map-fallback .intro-map-fallback-inner {
        margin: 0 auto;
        left: 0;
        right: 0;
        width: 500px;
        bottom: 100px;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro-map-fallback .intro-map-fallback-inner {
        width: 800px;
        bottom: 200px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .intro-map-fallback .intro-map-fallback-inner {
        width: 900px;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .intro-map-fallback .intro-map-fallback-inner {
        width: 1100px;
    }
}
#main-wrapper .intro-map-fallback .intro-map-fallback-inner svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
#main-wrapper .intro-map-fallback .intro-map-fallback-inner svg .dot {
    background: green;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro-map-fallback .intro-map-fallback-inner svg .dot {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
#main-wrapper .intro-map-fallback .intro-map-fallback-inner svg .dot-small {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro-map-fallback .intro-map-fallback-inner svg .dot-small {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
#main-wrapper .intro-map-fallback .intro-map-fallback-img {
    position: relative;
    width: 100%;
    height: auto;
}
#main-wrapper .intro-map-fallback .intro-map-fallback-shadow {
    position: relative;
    width: 70%;
    margin: 20px 0 0 15%;
    opacity: 0.15;
    height: auto;
}
#main-wrapper .intro-map-fallback .intro-map-fallback-park {
    position: absolute;
}
#main-wrapper .intro-map-fallback .intro-map-fallback-park .map-fallback-title {
    position: absolute;
    top: -30px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper
        .intro-map-fallback
        .intro-map-fallback-park
        .map-fallback-title {
        top: -30px;
    }
}
#main-wrapper
    .intro-map-fallback
    .intro-map-fallback-park
    .map-fallback-title
    a {
    padding: 5px 40px 4px 10px;
    font-size: 10px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper
        .intro-map-fallback
        .intro-map-fallback-park
        .map-fallback-title
        a {
        padding: 7px 40px 5px 15px;
        font-size: 12px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper
        .intro-map-fallback
        .intro-map-fallback-park
        .map-fallback-title
        a {
        padding: 10px 40px 8px 15px;
    }
}
#main-wrapper
    .intro-map-fallback
    .intro-map-fallback-park.sm-right
    .map-fallback-title {
    left: 5px;
}
#main-wrapper
    .intro-map-fallback
    .intro-map-fallback-park.sm-left
    .map-fallback-title {
    right: 5px;
}
@media only screen and (min-width: 768px) {
    #main-wrapper
        .intro-map-fallback
        .intro-map-fallback-park.lg-right
        .map-fallback-title {
        right: auto;
        left: 35px;
    }
}
@media only screen and (min-width: 768px) {
    #main-wrapper
        .intro-map-fallback
        .intro-map-fallback-park.lg-left
        .map-fallback-title {
        left: auto;
        right: 35px;
    }
}
#main-wrapper
    .intro-map-fallback
    .intro-map-fallback-park.basic
    .map-fallback-title
    a {
    padding: 4px 8px 3px 8px;
    color: #888;
    cursor: default;
}
#main-wrapper
    .intro-map-fallback
    .intro-map-fallback-park.basic
    .map-fallback-title
    a
    span:hover {
    -webkit-transform: none;
    transform: none;
}
#main-wrapper
    .intro-map-fallback
    .intro-map-fallback-park.basic
    .map-fallback-title
    a:after {
    display: none;
}
@media only screen and (min-width: 768px) {
    #main-wrapper
        .intro-map-fallback
        .intro-map-fallback-park.lg-left.basic
        .map-fallback-title {
        left: auto;
        right: 20px;
    }
}
@media only screen and (min-width: 768px) {
    #main-wrapper
        .intro-map-fallback
        .intro-map-fallback-park.lg-right.basic
        .map-fallback-title {
        right: auto;
        left: 20px;
    }
}
#main-wrapper
    .intro-map-fallback
    .intro-map-fallback-park.active
    .map-fallback-title
    a {
    color: #282828;
    background: white;
}
#main-wrapper
    .intro-map-fallback
    .intro-map-fallback-park.active
    .map-fallback-title
    a:after {
    background-image: url(../images/icons/arrow-dark-grey.svg);
}
#main-wrapper .foundation-board-management h3 {
    margin: 20px 0;
}
#main-wrapper .foundation-member {
    background: #eaeaec;
    position: relative;
    min-height: 220px;
    margin: 0 0 15px 0;
    transition: opacity 150ms;
}
#main-wrapper .foundation-member.open .foundation-member-detail {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#main-wrapper .foundation-member.disabled {
    opacity: 0.25;
}
#main-wrapper .foundation-member .foundation-member-img {
    background-size: cover;
    background-position: center center;
    height: 150px;
}
#main-wrapper .foundation-member h4 {
    font-family: DIN-Regular, Sans-Serif;
    padding: 10px 40px 0 10px;
}
#main-wrapper .foundation-member .foundation-member-open {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background-image: url(../images/icons/plus-light-grey.svg);
    background-size: contain;
    width: 20px;
    height: 20px;
}
#main-wrapper .foundation-member .foundation-member-close {
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(../images/icons/close-small-white.svg);
    background-size: contain;
    width: 15px;
    height: 15px;
}
#main-wrapper .foundation-member .foundation-member-detail {
    padding: 10px;
    position: absolute;
    top: 150px;
    background: #121212;
    width: calc(200% + 30px);
    opacity: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition:
        opacity 150ms,
        -webkit-transform 150ms ease-in;
    transition:
        transform 150ms ease-in,
        opacity 150ms;
    transition:
        transform 150ms ease-in,
        opacity 150ms,
        -webkit-transform 150ms ease-in;
    z-index: 100;
    left: 0;
    box-shadow: 2.5px 7.5px 20px rgba(0, 0, 0, 0.25);
    color: #888;
}
#main-wrapper .foundation-member .foundation-member-detail h4 {
    color: white;
    padding: 0;
}
#main-wrapper .foundation-member .foundation-member-detail a {
    color: #ccc;
}
#main-wrapper .foundation-member .foundation-member-detail ul {
    margin: 20px 0 0 0;
}
#main-wrapper .foundation-member .foundation-member-detail li {
    color: white;
}
#main-wrapper
    > div:nth-child(even)
    .foundation-member
    .foundation-member-detail {
    left: calc(-100% - 30px);
}
@media only screen and (min-width: 992px) {
    #main-wrapper
        > div:nth-child(even)
        .foundation-member
        .foundation-member-detail {
        left: 0;
    }
}
#main-wrapper .content-background {
    position: relative;
}
#main-wrapper .content-background .content-background-bg {
    position: absolute;
    display: none;
    width: 100%;
    height: 50%;
    background-color: #ff4cbb;
    background-image: linear-gradient(to right, #ff4cbb 0%, #ff5f58 100%);
}
#main-wrapper .content-background .content-background-bg:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 180%;
    background-size: contain;
    top: 0;
    right: 0;
    background-image: url(../images/bg/bg-red-crop.svg);
    background-repeat: no-repeat;
    background-position: right center;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .content-background .content-background-bg {
        display: block;
    }
}
#main-wrapper .content-background .content-background-inner {
    position: relative;
    margin: 40px 0;
    background: white;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .content-background .content-background-inner {
        margin: 80px 0;
    }
}
#main-wrapper .content-background .content-background-inner img {
    position: relative;
    right: -1px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .content-background .content-background-left {
        padding: 40px 0 15px 40px;
    }
}
#main-wrapper .content-background .content-background-right {
    padding: 15px 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .content-background .content-background-right {
        padding: 40px 15px 0 0;
    }
}
#main-wrapper .content-background .content-background-video {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
    overflow: hidden;
    width: 100%;
    margin-bottom: 40px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .content-background .content-background-video {
        margin-top: -40px;
        width: calc(100% + 15px);
    }
}
#main-wrapper .content-background .content-background-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#main-wrapper .content-text {
    padding: 40px 0 0 0;
}
#main-wrapper .news {
    background-color: red;
    position: relative;
    padding: 80px 0 80px 0;
    margin: 120px 0 0 0;
    background: #eaeaec;
}
#main-wrapper .news article {
    margin: 0 0 60px 0;
}
#main-wrapper .news article > a {
    display: block;
}
#main-wrapper .news article h3 {
    margin: 0;
    color: white;
}
#main-wrapper .news article aside {
    color: #888;
    margin-bottom: 10px;
    border-bottom: solid 1px #ccc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#main-wrapper .news article .news-img {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 45%;
    background-size: cover;
    background-color: white;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/news-fallback/sip_basel.svg);
}
@media only screen and (min-width: 768px) {
    #main-wrapper .news article .news-img {
        width: auto;
        padding-bottom: 0;
        height: 300px;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .news article .news-img {
        height: 200px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .news article .news-img {
        height: 225px;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .news article .news-img {
        height: 300px;
    }
}
#main-wrapper .news article .news-img.has-fallback {
    background-size: auto 100%;
}
#main-wrapper .news article .news-img img {
    position: absolute;
    left: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#main-wrapper .news article .button {
    width: 100%;
}
#main-wrapper .news article p {
    color: #888;
    margin: 20px 0 0 0;
}
#main-wrapper .news article.news-first {
    margin: 60px 0;
}
#main-wrapper .news article.news-first .news-first-title {
    position: relative;
}
#main-wrapper .news article.news-first .news-first-title h3 {
    position: absolute;
    padding: 20px 15px;
    background: none;
    z-index: 10;
    color: white;
    line-height: 1;
    font-family: DIN-Medium, Sans-Serif;
    text-transform: uppercase;
    max-width: 100%;
    max-height: 300px;
    font-size: 24px;
}
#main-wrapper .news article.news-first .news-first-title h3:after {
    display: none;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .news article.news-first .news-first-title h3 {
        font-size: 30px;
        max-height: 400px;
        padding: 40px 15px 40px 0;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .news article.news-first .news-first-title h3 {
        font-size: 40px;
    }
}
#main-wrapper .news article.news-first .news-img {
    height: 300px;
}
#main-wrapper .news article.news-first .news-img:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .news article.news-first .news-img {
        height: 400px;
    }
}
#main-wrapper .news .news-button {
    text-align: center;
}
#main-wrapper .news .news-button .button {
    margin: 0 12px;
    min-width: 150px;
}
#main-wrapper .examples {
    position: relative;
    margin: 80px 0 0 0;
    padding: 40px 0 0 0;
    background: #eaeaec;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .examples {
        padding: 80px 0 0 0;
    }
}
#main-wrapper .examples article {
    margin: 0 0 60px 0;
}
#main-wrapper .examples article > a {
    display: block;
}
#main-wrapper .examples article .examples-img {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 45%;
}
@media only screen and (min-width: 768px) {
    #main-wrapper .examples article .examples-img {
        width: auto;
        padding-bottom: 0;
        height: 300px;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .examples article .examples-img {
        height: 200px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .examples article .examples-img {
        height: 225px;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .examples article .examples-img {
        height: 300px;
    }
}
#main-wrapper .examples article .examples-img img {
    position: absolute;
    left: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
#main-wrapper .examples article .button {
    width: 100%;
}
#main-wrapper .examples article p {
    color: #888;
    margin: 20px 0 0 0;
}
#main-wrapper .competences {
    padding: 40px 0 40px 0;
    z-index: 100;
}
@media only screen and (max-width: 767px) {
    #main-wrapper .competences .container {
        padding: 0;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .competences {
        padding: 80px 0 0 0;
    }
}
#main-wrapper .competences .competences-bg {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    background-color: #ff4cbb;
    background-image: linear-gradient(to right, #ff4cbb 0%, #ff5f58 100%);
}
#main-wrapper .competences .competences-bg:before {
    overflow: hidden;
    content: "";
    position: absolute;
    background-size: contain;
    background-image: url(../images/bg/bg-red.svg);
    background-repeat: no-repeat;
    background-position: right center;
    width: 100%;
    height: 300%;
    top: -150%;
    right: -50%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media only screen and (min-width: 768px) {
    #main-wrapper .competences .competences-bg {
        width: 200vw;
        left: -50vw;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .competences .competences-bg {
        height: 100%;
        width: 50vw;
        right: -30px;
        top: 0;
        left: auto;
    }
}
#main-wrapper .competences .competences-info-top {
    position: relative;
    padding: 60px 15px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .competences .competences-info-top {
        padding: 60px 0;
        text-align: right;
        background: none;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .competences .competences-info-top {
        min-height: 356px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .competences .competences-info-top {
        min-height: 489px;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .competences .competences-info-top {
        min-height: 663px;
    }
}
#main-wrapper .competences .competences-info-top h2 {
    position: relative;
    color: white;
}
#main-wrapper .competences .competences-info-top h2:after {
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    margin: 21px 0 21px 0;
    display: block;
}
#main-wrapper .competences .competences-info-top p {
    position: relative;
    color: white;
}
#main-wrapper .competences .competences-info-bottom {
    padding: 60px 15px 0 15px;
}
#main-wrapper .competences .competences-info-bottom h2 {
    color: #ccc;
    font-size: 80px;
}
#main-wrapper .competences .competences-info-bottom h2:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #ccc;
    margin: 21px 0 21px 0;
    display: block;
}
#main-wrapper .competences .competences-info-bottom h2 span {
    font-size: 20px;
    margin-left: 20px;
}
#main-wrapper .competences .competences-list {
    position: relative;
    margin: 0 -4px 100px 0;
}
#main-wrapper .competences .competences-list:before,
#main-wrapper .competences .competences-list:after {
    content: " ";
    display: table;
}
#main-wrapper .competences .competences-list:after {
    clear: both;
}
#main-wrapper .competences .competences-list:before,
#main-wrapper .competences .competences-list:after {
    content: " ";
    display: table;
}
#main-wrapper .competences .competences-list:after {
    clear: both;
}
@media only screen and (min-width: 768px) {
    #main-wrapper .competences .competences-list {
        margin: 0 -3px 100px 0;
    }
}
#main-wrapper .competences article {
    position: relative;
    width: calc(50% - 4px);
    height: calc(50vw - 2px);
    float: left;
    padding: 15px;
    margin: 0 4px 4px 0;
    overflow: hidden;
    cursor: pointer;
}
@media only screen and (min-width: 768px) {
    #main-wrapper .competences article {
        margin: 0 3px 3px 0;
        width: 177.5px;
        height: 177.5px;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .competences article {
        width: 176.5px;
        height: 176.5px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .competences article {
        padding: 20px;
        width: 215.5px;
        height: 215.5px;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .competences article {
        width: 219px;
        height: 219px;
    }
}
#main-wrapper .competences article img {
    position: absolute;
    display: block;
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#main-wrapper .competences article .competences-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    transition: opacity 250ms;
    background: rgba(0, 0, 0, 0.8);
}
#main-wrapper .competences article:hover .competences-overlay {
    opacity: 0.5;
}
#main-wrapper .competences article h3 {
    position: relative;
    font-family: DIN-Bold, Sans-Serif;
    color: white;
    text-transform: uppercase;
    padding: 0 0 12px 0;
    border-bottom: solid 1px rgba(255, 255, 255, 0.5);
    margin: 0 0 12px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}
#main-wrapper .competences article span {
    position: relative;
    display: block;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition:
        opacity 500ms,
        -webkit-transform 500ms;
    transition:
        transform 500ms,
        opacity 500ms;
    transition:
        transform 500ms,
        opacity 500ms,
        -webkit-transform 500ms;
}
#main-wrapper .competences article span:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("../images/icons/arrow-white.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transition:
        opacity 500ms,
        -webkit-transform 500ms;
    transition:
        transform 500ms,
        opacity 500ms;
    transition:
        transform 500ms,
        opacity 500ms,
        -webkit-transform 500ms;
}
#main-wrapper .competences article:hover span {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}
#main-wrapper .competences article:hover span:after {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0;
}
#main-wrapper .competences article p,
#main-wrapper .competences article ul {
    display: none;
}
#main-wrapper .competences .competences-detail {
    position: absolute;
    background: white;
    width: 100%;
    top: 0;
    opacity: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition:
        opacity 250ms,
        -webkit-transform 250ms ease-in;
    transition:
        transform 250ms ease-in,
        opacity 250ms;
    transition:
        transform 250ms ease-in,
        opacity 250ms,
        -webkit-transform 250ms ease-in;
    margin: 0 3px 0 0;
    box-shadow: 2.5px 7.5px 20px rgba(0, 0, 0, 0.25);
}
@media only screen and (min-width: 768px) {
    #main-wrapper .competences .competences-detail {
        width: 538.5px;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .competences .competences-detail {
        width: 535.5px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .competences .competences-detail {
        width: 655.5px;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .competences .competences-detail {
        width: 663px;
    }
}
#main-wrapper .competences .competences-detail.visible {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#main-wrapper .competences .competences-detail.transform-left {
    -webkit-transform-origin: left top;
    transform-origin: left top;
}
#main-wrapper .competences .competences-detail.transform-center {
    -webkit-transform-origin: center top;
    transform-origin: center top;
}
#main-wrapper .competences .competences-detail.transform-right {
    -webkit-transform-origin: right top;
    transform-origin: right top;
}
#main-wrapper .competences .competences-detail .competences-detail-top {
    position: relative;
    width: 100%;
    height: 150px;
    overflow: hidden;
}
@media only screen and (min-width: 768px) {
    #main-wrapper .competences .competences-detail .competences-detail-top {
        min-height: 177.5px;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .competences .competences-detail .competences-detail-top {
        min-height: 176.5px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .competences .competences-detail .competences-detail-top {
        min-height: 215.5px;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .competences .competences-detail .competences-detail-top {
        min-height: 219px;
    }
}
#main-wrapper .competences .competences-detail .competences-detail-top img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#main-wrapper
    .competences
    .competences-detail
    .competences-detail-top
    .competences-detail-close {
    position: absolute;
    top: 27px;
    right: 25px;
    width: 22px;
    height: 22px;
}
#main-wrapper
    .competences
    .competences-detail
    .competences-detail-top
    .competences-detail-close
    svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: white;
    stroke-width: 5px;
}
#main-wrapper
    .competences
    .competences-detail
    .competences-detail-top
    .competences-detail-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.25);
}
#main-wrapper .competences .competences-detail .competences-detail-top h3 {
    position: relative;
    padding: 20px 0 20px 20px;
    margin: 0 60px 0 0;
    font-size: 30px;
    line-height: 1.1;
    top: 0;
    color: white;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    transition:
        opacity 250ms,
        -webkit-transform 0ms 250ms;
    transition:
        transform 0ms 250ms,
        opacity 250ms;
    transition:
        transform 0ms 250ms,
        opacity 250ms,
        -webkit-transform 0ms 250ms;
    overflow: hidden;
    text-overflow: ellipsis;
}
#main-wrapper .competences .competences-detail.visible h3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition:
        opacity 250ms 250ms,
        -webkit-transform 250ms cubic-bezier(0.075, 0.82, 0.165, 1) 250ms;
    transition:
        transform 250ms cubic-bezier(0.075, 0.82, 0.165, 1) 250ms,
        opacity 250ms 250ms;
    transition:
        transform 250ms cubic-bezier(0.075, 0.82, 0.165, 1) 250ms,
        opacity 250ms 250ms,
        -webkit-transform 250ms cubic-bezier(0.075, 0.82, 0.165, 1) 250ms;
}
#main-wrapper .competences .competences-detail p {
    margin: 20px;
    color: #888;
}
#main-wrapper .competences .competences-detail ul {
    margin: 40px 20px 0 20px;
}
#main-wrapper .competences .competences-detail ul li {
    line-height: 3;
}
#main-wrapper .competences .competences-detail ul li:before {
    display: none;
}
#main-wrapper .competences .competences-detail ul li:not(:last-child) {
    border-bottom: 1px solid #ccc;
}
#main-wrapper .competences .competences-detail ul a {
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #888;
    background: none;
}
#main-wrapper .competences .competences-detail ul a span {
    display: block;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition:
        opacity 500ms,
        -webkit-transform 500ms;
    transition:
        transform 500ms,
        opacity 500ms;
    transition:
        transform 500ms,
        opacity 500ms,
        -webkit-transform 500ms;
}
#main-wrapper .competences .competences-detail ul a:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("../images/icons/arrow-light-grey.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transition:
        opacity 500ms,
        -webkit-transform 500ms;
    transition:
        transform 500ms,
        opacity 500ms;
    transition:
        transform 500ms,
        opacity 500ms,
        -webkit-transform 500ms;
}
#main-wrapper .competences .competences-detail ul a:hover {
    text-decoration: none;
}
#main-wrapper .competences .competences-detail ul a:hover span {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}
#main-wrapper .competences .competences-detail ul a:hover:after {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0;
}
#main-wrapper .park-head .park-head-top {
    position: relative;
    width: 100%;
    height: 100vw;
    overflow: hidden;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .park-head .park-head-top {
        height: 49vw;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .park-head .park-head-top {
        height: 45vw;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .park-head .park-head-top {
        height: 40vw;
    }
}
#main-wrapper .park-head .park-head-top .park-head-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#main-wrapper .park-head .park-head-top .park-head-img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}
#main-wrapper .park-head .park-head-top .park-head-bg-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    overflow: hidden;
    background-image: linear-gradient(
        to right,
        rgba(255, 95, 88, 0.8) 20%,
        rgba(255, 76, 187, 0.1) 75%
    );
}
#main-wrapper .park-head .park-head-top .park-head-bg-overlay:before {
    content: "";
    position: absolute;
    width: 150%;
    height: 150%;
    background-size: contain;
    opacity: 0.5;
    top: -80%;
    left: -60%;
    background-image: url(../images/bg/bg-red.svg);
    background-repeat: no-repeat;
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
}
@media only screen and (min-width: 992px) {
    #main-wrapper .park-head .park-head-top .park-head-bg-overlay:before {
        top: -20%;
        left: -90%;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .park-head .park-head-top .park-head-bg-overlay:before {
        top: 0;
    }
}
#main-wrapper .park-head .park-head-title {
    position: absolute;
    margin: auto;
    top: 30%;
    height: 70%;
    width: 100%;
    z-index: 20;
    color: white;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .park-head .park-head-title {
        top: 50%;
        height: 50%;
    }
}
#main-wrapper .park-head .park-head-title .container,
#main-wrapper .park-head .park-head-title .row,
#main-wrapper .park-head .park-head-title .row > div {
    height: 100%;
}
#main-wrapper .park-head .park-head-title .park-head-title-inner {
    border-top: solid 1px white;
}
#main-wrapper .park-head .park-head-title .park-head-coordinates {
    position: absolute;
    right: 15px;
    top: -25px;
    height: auto;
}
#main-wrapper .park-head .park-head-title .park-head-map {
    position: absolute;
    right: 15px;
    top: 20px;
    height: auto;
    width: 60px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .park-head .park-head-title .park-head-map {
        top: 40px;
        width: 100px;
    }
}
#main-wrapper .park-head .park-head-title .park-head-map img {
    width: 100%;
    height: auto;
}
#main-wrapper .park-head .park-head-title h1 {
    display: inline-block;
    border-top: solid 8px white;
    padding: 20px 0 0 0;
    margin: -8px 130px 0 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .park-head .park-head-title h1 {
        padding: 40px 0 0 0;
    }
}
#main-wrapper .park-head .park-head-title .button {
    position: absolute;
    left: 15px;
    bottom: 20%;
}
#main-wrapper .park-head .park-head-bottom {
    padding: 40px 0 0 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .park-head .park-head-bottom {
        padding: 80px 0 0 0;
    }
}
#main-wrapper .park-head .park-head-bottom img {
    width: 100%;
    height: auto;
}
#main-wrapper .park-head .park-head-text {
    font-size: 20px;
    color: #888;
    margin: 40px 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .park-head .park-head-text {
        margin: 0 0 10px 0;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .park-head .park-head-text {
        font-size: 26px;
    }
}
#main-wrapper .park-head .park-head-address {
    border-left: solid 1px #ccc;
    padding: 0 0 0 15px;
}
#main-wrapper .park-head .park-head-address a {
    background: none;
    padding: 0;
    text-transform: none;
    display: block;
    color: #888;
}
#main-wrapper .contact-form {
    padding: 40px 0 0 0;
    overflow: hidden;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .contact-form {
        padding: 200px 0 0 0;
    }
}
#main-wrapper .contact-form .contact-form-logo {
    width: 100%;
    margin: 0 0 40px 0;
}
#main-wrapper .contact-form .contact-form-inner {
    position: relative;
    margin: 40px 0 0 0;
    padding: 60px 0;
    z-index: 50;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .contact-form .contact-form-inner {
        margin: 100px 0 0 0;
        padding: 100px 0;
    }
}
#main-wrapper .contact-form .contact-form-inner h2 {
    display: block;
    color: white;
    margin: 0 0 40px 0;
}
#main-wrapper .contact-form .contact-form-inner a {
    margin: 0 20px 0 0;
}
#main-wrapper .contact-form .contact-form-inner .form-control {
    color: white;
    border-color: white;
}
#main-wrapper .contact-form .contact-form-inner .form-control:focus {
    border-color: white;
}
#main-wrapper .contact-form .contact-form-inner ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: white;
}
#main-wrapper .contact-form .contact-form-inner :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: white;
    opacity: 1;
}
#main-wrapper .contact-form .contact-form-inner ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: white;
    opacity: 1;
}
#main-wrapper .contact-form .contact-form-inner :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white;
}
#main-wrapper .contact-form .contact-form-inner-bg {
    position: absolute;
    height: 100%;
    top: 0;
    right: -15px;
    left: -15px;
    overflow: hidden;
    background-color: #ff4cbb;
    background-image: linear-gradient(to right, #ff4cbb 0%, #ff5f58 100%);
}
@media only screen and (min-width: 768px) {
    #main-wrapper .contact-form .contact-form-inner-bg {
        width: 100vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .contact-form .contact-form-inner-bg {
        width: 75vw;
        right: -30px;
        left: auto;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
#main-wrapper .contact-form .contact-form-inner-bg:before {
    overflow: hidden;
    content: "";
    position: absolute;
    background-size: contain;
    background-image: url(../images/bg/bg-red.svg);
    background-repeat: no-repeat;
    background-position: right center;
    width: 200%;
    height: 200%;
    top: -100%;
    right: -120%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media only screen and (min-width: 992px) {
    #main-wrapper .contact-form .contact-form-inner-bg:before {
        width: 100%;
        height: 300%;
        top: -150%;
        right: -50%;
    }
}
#main-wrapper .contact-form .contact-form-inner-wrapper {
    position: relative;
}
#main-wrapper .contact-form .contact-form-inner-wrapper:before,
#main-wrapper .contact-form .contact-form-inner-wrapper:after {
    content: " ";
    display: table;
}
#main-wrapper .contact-form .contact-form-inner-wrapper:after {
    clear: both;
}
#main-wrapper .contact-form .contact-form-inner-wrapper:before,
#main-wrapper .contact-form .contact-form-inner-wrapper:after {
    content: " ";
    display: table;
}
#main-wrapper .contact-form .contact-form-inner-wrapper:after {
    clear: both;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .contact-form .contact-form-inner-wrapper {
        padding: 0 0 0 200px;
    }
}
#main-wrapper .contact-form .contact-form-address {
    margin: 40px 0;
    color: #888;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .contact-form .contact-form-address {
        margin: 100px 0 0 0;
    }
}
#main-wrapper .contact-form .contact-form-address a {
    color: #888;
}
#main-wrapper .contact-form .contact-form-map {
    position: relative;
    width: 100%;
    height: 350px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .contact-form .contact-form-map {
        top: -100px;
        height: 800px;
        margin: 0 0 -100px 0;
    }
}
#main-wrapper .contact-form .contact-form-map .gm-style-iw,
#main-wrapper .contact-form .contact-form-map .gm-style-iw a {
    font-family: DIN-Regular, Sans-Serif;
    color: #888;
    font-size: 14px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .contact-form .contact-form-map .gm-style-iw,
    #main-wrapper .contact-form .contact-form-map .gm-style-iw a {
        font-size: 16px;
    }
}
#main-wrapper .contact-form .contact-form-map .zoomIn,
#main-wrapper .contact-form .contact-form-map .zoomOut {
    position: relative;
    height: 40px;
    width: 40px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5);
}
#main-wrapper .contact-form .contact-form-map .zoomIn span,
#main-wrapper .contact-form .contact-form-map .zoomOut span {
    position: absolute;
    background: white;
}
#main-wrapper .contact-form .contact-form-map .zoomIn {
    margin: 20px 0 5px 20px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .contact-form .contact-form-map .zoomIn {
        margin: 150px 0 10px 50px;
    }
}
#main-wrapper .contact-form .contact-form-map .zoomIn :first-child {
    top: 19px;
    left: 14px;
    height: 2px;
    width: 12px;
}
#main-wrapper .contact-form .contact-form-map .zoomIn :last-child {
    left: 19px;
    top: 14px;
    width: 2px;
    height: 12px;
}
#main-wrapper .contact-form .contact-form-map .zoomOut {
    margin: 0 0 0 20px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .contact-form .contact-form-map .zoomOut {
        margin: 0 0 0 50px;
    }
}
#main-wrapper .contact-form .contact-form-map .zoomOut span {
    top: 19px;
    left: 14px;
    height: 2px;
    width: 12px;
}
#main-wrapper .slider {
    margin: 80px 0 0 0;
    padding: 20px 0 0 0;
    /* background: #282828; */
}
@media only screen and (min-width: 992px) {
    #main-wrapper .slider {
        background: none;
        padding: 0;
    }
}
#main-wrapper .slider .slider-info {
    display: none;
    text-align: right;
    height: 400px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .slider .slider-info {
        display: block;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .slider .slider-info {
        height: 500px;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .slider .slider-info {
        height: 600px;
    }
}
#main-wrapper .slider .slider-info h3,
#main-wrapper .slider .slider-info p {
    transition: opacity 250ms linear;
}
#main-wrapper .slider .slider-buttons {
    position: absolute;
    right: 15px;
    bottom: 0;
}
#main-wrapper .slider .slider-buttons button {
    display: none;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .slider .slider-buttons button {
        display: block;
        margin: 0 0 0 10px;
        background-image: url(../images/icons/arrow-white.svg);
        background-color: #333;
        background-size: 30% 30%;
        background-repeat: no-repeat;
        background-position: center;
        width: 40px;
        height: 40px;
    }
    #main-wrapper .slider .slider-buttons button:first-child {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .slider .slider-buttons button {
        width: 60px;
        height: 60px;
        margin: 0 0 0 20px;
    }
}
#main-wrapper .slider .slider-buttons button:hover {
    background-color: #282828;
}
#main-wrapper .slider .slider-buttons button.disabled {
    cursor: not-allowed;
    opacity: 0.25;
}
#main-wrapper .slider .slider-wrapper {
    overflow: hidden;
    /* height: 400px; */
}
@media only screen and (min-width: 992px) {
    #main-wrapper .slider .slider-wrapper {
        width: 100vw;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .slider .slider-wrapper {
        height: 500px;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .slider .slider-wrapper {
        height: 600px;
    }
}
#main-wrapper .slider .slider-content {
    font-size: 0;
    white-space: nowrap;
    height: 100%;
    transition: -webkit-transform 250ms ease-out;
    transition: transform 250ms ease-out;
    transition:
        transform 250ms ease-out,
        -webkit-transform 250ms ease-out;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .slider .slider-content {
        transition: -webkit-transform 500ms ease-out;
        transition: transform 500ms ease-out;
        transition:
            transform 500ms ease-out,
            -webkit-transform 500ms ease-out;
    }
}
#main-wrapper .slider .slider-item {
    display: inline-block;
    width: 100%;
    height: 100%;
    transition: opacity 500ms linear;
    text-align: center;
    overflow: hidden;
    vertical-align: top;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .slider .slider-item {
        width: auto;
    }
}
#main-wrapper .slider .slider-item:not(:first-child) {
    opacity: 0.1;
}
#main-wrapper .slider .slider-item img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 400px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .slider .slider-item img {
        height: 100%;
        width: auto;
        max-width: none;
        max-height: none;
    }
}
#main-wrapper .slider .slider-item-info {
    font-size: 18px;
    white-space: initial;
    width: 100%;
    margin-top: 12px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .slider .slider-item-info {
        display: none;
    }
}

#main-wrapper .slider .slider-button-thumbs {
    height: 40px;
    line-height: 40px;
    text-align: center;
}
#main-wrapper .slider .slider-button-thumbs span {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 5px;
    border-radius: 50%;
    background: #888;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .slider .slider-button-thumbs span {
        background: #ccc;
    }
}
#main-wrapper .slider .slider-button-thumbs span.active {
    background: #ccc;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .slider .slider-button-thumbs span.active {
        background: #333;
    }
}
#main-wrapper .content-head .content-head-top {
    position: relative;
    overflow: hidden;
}
#main-wrapper .content-head .content-head-title {
    position: relative;
    padding: 30% 0 10% 0;
    width: 100%;
    color: white;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .content-head .content-head-title {
        padding: 15% 0 7% 0;
    }
}
#main-wrapper .content-head .content-head-title h3 {
    color: white;
    margin: 0;
    padding: 0 0 20px 0;
    font-size: 10px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .content-head .content-head-title h3 {
        font-size: 14px;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .content-head .content-head-title h3 {
        font-size: 16px;
    }
}
#main-wrapper .content-head .content-head-title .content-head-title-inner {
    border-top: solid 1px white;
}
#main-wrapper .content-head .content-head-title .content-head-subtitle {
    position: absolute;
    right: 15px;
    top: -25px;
    height: auto;
}
#main-wrapper .content-head .content-head-title .content-head-map {
    position: absolute;
    right: 15px;
    top: 20px;
    height: auto;
    width: 60px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .content-head .content-head-title .content-head-map {
        top: 40px;
        width: 100px;
    }
}
#main-wrapper .content-head .content-head-title .content-head-map img {
    width: 100%;
    height: auto;
}
#main-wrapper .content-head .content-head-title h1 {
    display: inline-block;
    border-top: solid 8px white;
    padding: 20px 0 0 0;
    margin: -8px 0 0 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .content-head .content-head-title h1 {
        padding: 40px 0 0 0;
    }
}
#main-wrapper .content-head .content-head-bg {
    position: absolute;
    width: 150%;
    height: 150%;
    top: 0;
    overflow: hidden;
    background-color: #121212;
}
#main-wrapper .content-head .content-head-bottom {
    padding: 40px 0 0 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .content-head .content-head-bottom {
        padding: 80px 0 0 0;
    }
}
#main-wrapper .content-head .content-head-bottom img {
    width: 100%;
    height: auto;
}
#main-wrapper .content-head.red .content-head-bg {
    background-color: #ff4cbb;
    background-image: linear-gradient(to right, #ff4cbb 0%, #ff5f58 100%);
}
#main-wrapper .content-head.red .content-head-bg:before {
    content: "";
    position: absolute;
    width: 300%;
    height: 300%;
    background-size: contain;
    opacity: 0.5;
    top: 0;
    left: -170%;
    background-image: url(../images/bg/bg-red.svg);
    background-repeat: no-repeat;
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
}
@media only screen and (min-width: 992px) {
    #main-wrapper .content-head.red .content-head-bg:before {
        top: 190%;
        left: -190%;
    }
}
#main-wrapper .content-head.blue .content-head-bg {
    background-color: #649dd9;
    background-image: linear-gradient(to right, #649dd9 0%, #7e65e2 100%);
}
#main-wrapper .content-head.blue .content-head-bg:before {
    content: "";
    position: absolute;
    width: 300%;
    height: 300%;
    background-size: contain;
    opacity: 0.5;
    top: 0;
    left: -170%;
    background-image: url(../images/bg/bg-blue.svg);
    background-repeat: no-repeat;
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
}
@media only screen and (min-width: 992px) {
    #main-wrapper .content-head.blue .content-head-bg:before {
        top: 190%;
        left: -190%;
    }
}
html.edge .content-head-bg:before {
    display: none;
}
#main-wrapper .page-nav {
    display: none;
    z-index: 200;
    background: white;
    line-height: 47px;
    border-bottom: solid 1px #eaeaec;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .page-nav {
        display: block;
    }
}
#main-wrapper .page-nav.fixed {
    position: fixed;
    top: 37px;
    left: 0;
    width: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .page-nav.fixed {
        top: 46px;
    }
}
#main-wrapper .page-nav a {
    color: #888;
    text-transform: uppercase;
    line-height: 2;
    padding: 0 1.5em 0 0;
    margin: 0 1.5em 0 0;
    font-size: 12px;
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .page-nav a {
        font-size: 14px;
    }
}
#main-wrapper .page-nav a:not(:last-child) {
    border-right: solid 1px #eaeaec;
}
#main-wrapper .page-nav a.active {
    color: #282828;
}
#main-wrapper .competences-overview .competences-overview-item {
    margin: 15px 0 0 0;
    background: #eaeaec;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .competences-overview .competences-overview-item {
        margin: 80px 0 0 0;
    }
}
#main-wrapper .competences-overview .competences-overview-item h2 {
    position: relative;
    padding: 15px;
    background: #121212;
    color: white;
    font-size: 30px;
    margin: 0 0 25px 0;
    z-index: 10;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .competences-overview .competences-overview-item h2 {
        font-size: 50px;
        margin: -30px 0 50px 0;
        padding: 30px;
    }
}
#main-wrapper .competences-overview .competences-overview-item h3 {
    margin: 60px 0 10px 0;
    color: #888;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .competences-overview .competences-overview-item h3 {
        margin: 0 0 10px 0;
    }
}
#main-wrapper
    .competences-overview
    .competences-overview-item
    .competences-overview-img {
    margin: 20px 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper
        .competences-overview
        .competences-overview-item
        .competences-overview-img {
        margin: -100px 0 0 0;
    }
}
#main-wrapper
    .competences-overview
    .competences-overview-item
    .competences-overview-lower {
    padding: 40px 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper
        .competences-overview
        .competences-overview-item
        .competences-overview-lower {
        padding: 80px 0;
    }
}
#main-wrapper .competences-overview .competences-overview-item.odd {
    background: transparent;
}
#main-wrapper
    .competences-overview
    .competences-overview-item.odd
    .competences-expert {
    background: #eaeaec;
}
#main-wrapper .item-overview article {
    margin: 0 0 40px 0;
}
#main-wrapper .item-overview article:before,
#main-wrapper .item-overview article:after {
    content: " ";
    display: table;
}
#main-wrapper .item-overview article:after {
    clear: both;
}
#main-wrapper .item-overview article:before,
#main-wrapper .item-overview article:after {
    content: " ";
    display: table;
}
#main-wrapper .item-overview article:after {
    clear: both;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-overview .item-well {
        background: #eaeaec;
        padding: 40px 0;
        margin: 0 0 40px 0;
    }
}
#main-wrapper .item-overview aside {
    color: #ccc;
    font-family: DIN-Bold, Sans-Serif;
    margin: 0 0 10px 0;
}
#main-wrapper .item-overview h3 {
    font-family: DIN-Medium, Sans-Serif;
    text-transform: uppercase;
    line-height: 1;
    font-size: 30px;
    color: #282828;
    margin: 0;
}
#main-wrapper .item-overview .item-img {
    overflow: hidden;
    position: relative;
    width: 100%;
    background-size: cover;
    height: 200px;
    margin: 0 0 10px 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-overview .item-img {
        height: 300px;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-overview .item-normal h3 {
        font-size: 40px;
    }
}
#main-wrapper .item-overview .item-small .item-img {
    height: 200px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-overview .item-small h3 {
        font-size: 20px;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-overview .item-medium {
        background: white;
        margin: 0;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-overview .item-medium .item-content {
        padding: 15px;
    }
}
#main-wrapper .item-overview .item-big {
    position: relative;
    margin: 15px 0 60px 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-overview .item-big {
        margin: -60px 0 60px 0;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-overview .item-big .button-red {
        display: none;
    }
}
#main-wrapper .item-overview .item-big .button-ghost-neg {
    display: none;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-overview .item-big .button-ghost-neg {
        display: inline-block;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-overview .item-big .item-img {
        margin: 0;
        height: 400px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .item-overview .item-big .item-img {
        height: 500px;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-overview .item-big .item-overlay {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(
            to right,
            rgba(0, 0, 0, 0.6) 0%,
            rgba(0, 0, 0, 0.1) 100%
        );
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-overview .item-big .item-content {
        position: absolute;
        top: 0;
        padding: 30px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .item-overview .item-big .item-content {
        max-width: 66%;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .item-overview .item-big .item-content {
        max-width: 50%;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-overview .item-big .item-content aside {
        color: white;
        margin: 0 0 20px 0;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-overview .item-big .item-content p {
        color: white;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-overview .item-big .item-content h3 {
        color: white;
        font-size: 50px;
    }
}
#main-wrapper .item-overview .item-pagination {
    margin: 40px 0;
    text-align: center;
}
#main-wrapper .item-head .item-head-top {
    position: relative;
}
#main-wrapper .item-head .item-head-title {
    position: relative;
    padding: 30% 0 0 0;
    width: 100%;
    color: white;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-head .item-head-title {
        padding: 15% 0 0 0;
    }
}
#main-wrapper .item-head .item-head-title .item-head-back {
    position: relative;
    display: block;
    color: white;
    margin: 0 0 20px 0;
    padding: 0 0 0 20px;
}
#main-wrapper .item-head .item-head-title .item-head-back:before {
    content: "";
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("../images/icons/arrow-white.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    right: auto;
    left: 0;
}
#main-wrapper .item-head .item-head-title .item-head-title-inner {
    border-top: solid 1px white;
}
#main-wrapper .item-head .item-head-title h1 {
    display: inline-block;
    border-top: solid 8px white;
    padding: 20px 0 0 0;
    margin: -8px 0 0 0;
    font-size: 40px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-head .item-head-title h1 {
        font-size: 60px;
        padding: 40px 0 0 0;
    }
}
#main-wrapper .item-head .item-head-title .item-head-date {
    color: white;
    font-size: 16px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-head .item-head-title .item-head-date {
        font-size: 40px;
    }
}
#main-wrapper .item-head .item-head-title .item-head-author {
    margin: 100px 0 10px 0;
    color: white;
}
#main-wrapper .item-head .item-head-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    overflow: hidden;
}
#main-wrapper .item-head.red .item-head-bg {
    background-color: #ff4cbb;
    background-image: linear-gradient(to right, #ff4cbb 0%, #ff5f58 100%);
}
#main-wrapper .item-head.red .item-head-bg:before {
    content: "";
    position: absolute;
    width: 300%;
    height: 300%;
    background-size: contain;
    opacity: 0.5;
    top: 0;
    left: -170%;
    background-image: url(../images/bg/bg-red.svg);
    background-repeat: no-repeat;
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-head.red .item-head-bg:before {
        top: 190%;
        left: -190%;
    }
}
#main-wrapper .item-head.blue .item-head-bg {
    background-color: #649dd9;
    background-image: linear-gradient(to right, #649dd9 0%, #7e65e2 100%);
}
#main-wrapper .item-head.blue .item-head-bg:before {
    content: "";
    position: absolute;
    width: 300%;
    height: 300%;
    background-size: contain;
    opacity: 0.5;
    top: 0;
    left: -170%;
    background-image: url(../images/bg/bg-blue.svg);
    background-repeat: no-repeat;
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-head.blue .item-head-bg:before {
        top: 190%;
        left: -190%;
    }
}
#main-wrapper .item-head.black .item-head-title .item-head-back {
    color: #888;
}
#main-wrapper .item-head.black .item-head-title .item-head-back:before {
    content: "";
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("../images/icons/arrow-medium-grey.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#main-wrapper .item-head.black .item-head-title .item-head-date {
    color: #888;
}
#main-wrapper .item-head.black .item-head-title .item-head-author {
    color: #888;
}
#main-wrapper .item-head.black .item-head-bg {
    background-color: #121212;
}
#main-wrapper .item-detail {
    padding: 0 0 120px 0;
}
#main-wrapper .item-detail .item-detail-content {
    margin: 40px 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-detail .item-detail-content {
        margin: 80px 0;
    }
}
#main-wrapper .item-detail figure {
    margin: 15px 0 0 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-detail figure {
        margin: -80px 0 40px 0;
    }
}
#main-wrapper .item-detail figure img {
    width: 100%;
}
#main-wrapper .item-detail figure figcaption {
    width: 100%;
    color: #ccc;
    background: #121212;
    padding: 15px;
}
#main-wrapper .item-detail .item-detail-social {
    background: #eaeaec;
    margin: 20px 0;
    font-size: 0;
}
#main-wrapper .item-detail .item-detail-social a {
    display: inline-block;
    width: 20%;
    height: 40px;
    padding: 10px 0;
    text-align: center;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .item-detail .item-detail-social a {
        height: 70px;
        padding: 20px 0;
    }
}
#main-wrapper .item-detail .item-detail-social a img {
    height: 100%;
    width: auto;
}
#main-wrapper .item-detail .item-detail-social a:hover {
    opacity: 0.75;
}
#main-wrapper .item-detail .item-detail-links a {
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #888;
    line-height: 3;
    border-bottom: 1px solid #eaeaec;
}
#main-wrapper .item-detail .item-detail-links a span {
    display: block;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition:
        opacity 500ms,
        -webkit-transform 500ms;
    transition:
        transform 500ms,
        opacity 500ms;
    transition:
        transform 500ms,
        opacity 500ms,
        -webkit-transform 500ms;
}
#main-wrapper .item-detail .item-detail-links a:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("../images/icons/arrow-light-grey.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transition:
        opacity 500ms,
        -webkit-transform 500ms;
    transition:
        transform 500ms,
        opacity 500ms;
    transition:
        transform 500ms,
        opacity 500ms,
        -webkit-transform 500ms;
}
#main-wrapper .item-detail .item-detail-links a:hover span {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}
#main-wrapper .item-detail .item-detail-links a:hover:after {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0;
}
#main-wrapper .item-detail .item-detail-innovation-focus h3,
#main-wrapper .item-detail .item-detail-sites h3,
#main-wrapper .item-detail .item-detail-experts h3 {
    font-size: 18px;
    font-family: DIN-Regular, Sans-Serif;
    text-transform: uppercase;
    color: #888;
    margin: 80px 0 20px 0;
}
#main-wrapper .competences-experts .competences-expert {
    background: white;
    position: relative;
    min-height: 220px;
    margin: 0 0 15px 0;
    transition: opacity 150ms;
}
#main-wrapper
    .competences-experts
    .competences-expert.open
    .competences-expert-detail {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#main-wrapper .competences-experts .competences-expert.disabled {
    opacity: 0.25;
}
#main-wrapper .competences-experts .competences-expert .competences-expert-img {
    background-size: cover;
    background-position: center center;
    height: 150px;
}
#main-wrapper .competences-experts .competences-expert h4 {
    font-family: DIN-Regular, Sans-Serif;
    padding: 10px 40px 0 10px;
}
#main-wrapper
    .competences-experts
    .competences-expert
    .competences-expert-open {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background-image: url(../images/icons/plus-light-grey.svg);
    background-size: contain;
    width: 20px;
    height: 20px;
}
#main-wrapper
    .competences-experts
    .competences-expert
    .competences-expert-close {
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(../images/icons/close-small-white.svg);
    background-size: contain;
    width: 15px;
    height: 15px;
}
#main-wrapper
    .competences-experts
    .competences-expert
    .competences-expert-detail {
    padding: 10px;
    position: absolute;
    top: 150px;
    background: #121212;
    width: calc(200% + 30px);
    opacity: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition:
        opacity 150ms,
        -webkit-transform 150ms ease-in;
    transition:
        transform 150ms ease-in,
        opacity 150ms;
    transition:
        transform 150ms ease-in,
        opacity 150ms,
        -webkit-transform 150ms ease-in;
    z-index: 100;
    left: 0;
    box-shadow: 2.5px 7.5px 20px rgba(0, 0, 0, 0.25);
    color: #888;
}
#main-wrapper
    .competences-experts
    .competences-expert
    .competences-expert-detail
    h4 {
    color: white;
    padding: 0;
}
#main-wrapper
    .competences-experts
    .competences-expert
    .competences-expert-detail
    a {
    color: #ccc;
}
#main-wrapper
    .competences-experts
    .competences-expert
    .competences-expert-detail
    ul {
    margin: 20px 0 0 0;
}
#main-wrapper
    .competences-experts
    .competences-expert
    .competences-expert-detail
    li {
    color: white;
}
#main-wrapper
    .competences-experts
    > div:nth-child(even)
    .competences-expert
    .competences-expert-detail {
    left: calc(-100% - 30px);
}
@media only screen and (min-width: 992px) {
    #main-wrapper
        .competences-experts
        > div:nth-child(even)
        .competences-expert
        .competences-expert-detail {
        left: 0;
    }
}
#main-wrapper .examples-preview .example-preview {
    background: #121212;
    height: 220px;
    margin: 0 0 15px 0;
}
#main-wrapper .examples-preview .example-preview .example-preview-img {
    background-size: cover;
    height: 150px;
}
#main-wrapper .examples-preview .example-preview h4 {
    color: #ccc;
    font-family: DIN-Regular, Sans-Serif;
    padding: 10px 10px 20px 10px;
}
#main-wrapper .event-list article {
    padding: 40px 0;
    border-bottom: solid 1px #ccc;
}
#main-wrapper .event-list article:before,
#main-wrapper .event-list article:after {
    content: " ";
    display: table;
}
#main-wrapper .event-list article:after {
    clear: both;
}
#main-wrapper .event-list article:before,
#main-wrapper .event-list article:after {
    content: " ";
    display: table;
}
#main-wrapper .event-list article:after {
    clear: both;
}
#main-wrapper .event-list article.open .event-list-info {
    max-height: 5000px;
}
#main-wrapper .event-list article.open .event-list-open {
    opacity: 0;
    transition: none;
}
#main-wrapper .event-list article.open .event-list-close {
    opacity: 1;
    transition: opacity 150ms linear 650ms;
}
#main-wrapper .event-list article .event-list-open {
    transition: opacity 150ms linear 650ms;
}
#main-wrapper .event-list article .event-list-close {
    opacity: 0;
    margin: 40px 0 0 0;
    transition: none;
}
#main-wrapper .event-list article .event-list-link {
    position: relative;
    color: #888;
    padding: 0 40px 0 0;
}
#main-wrapper .event-list article .event-list-link:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("../images/icons/arrow-light-grey.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transition:
        opacity 500ms,
        -webkit-transform 500ms;
    transition:
        transform 500ms,
        opacity 500ms;
    transition:
        transform 500ms,
        opacity 500ms,
        -webkit-transform 500ms;
}
#main-wrapper .event-list article .event-list-link:hover:after {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0;
}
#main-wrapper .event-list h2 {
    font-size: 30px;
    margin: 0 0 40px 0;
}
#main-wrapper .event-list .event-list-date {
    color: #ccc;
}
#main-wrapper .event-list .event-list-date :last-child {
    font-size: 30px;
}
#main-wrapper .event-list .event-list-info {
    max-height: 0;
    overflow: hidden;
    transition: max-height 750ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
#main-wrapper .media-downloads {
    padding: 80px 0 0 0;
}
#main-wrapper .media-downloads h2 {
    font-size: 40px;
}
#main-wrapper .media-downloads ul {
    margin: 0;
}
#main-wrapper .media-downloads ul li {
    line-height: 3;
}
#main-wrapper .media-downloads ul li:before {
    display: none;
}
#main-wrapper .media-downloads ul li:not(:last-child) {
    border-bottom: 1px solid #ccc;
}
#main-wrapper .media-downloads ul li:first-child {
    border-bottom: 1px solid #ccc;
}
#main-wrapper .media-downloads ul a {
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #888;
}
#main-wrapper .media-downloads ul a span {
    display: block;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition:
        opacity 500ms,
        -webkit-transform 500ms;
    transition:
        transform 500ms,
        opacity 500ms;
    transition:
        transform 500ms,
        opacity 500ms,
        -webkit-transform 500ms;
}
#main-wrapper .media-downloads ul a:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("../images/icons/arrow-light-grey.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transition:
        opacity 500ms,
        -webkit-transform 500ms;
    transition:
        transform 500ms,
        opacity 500ms;
    transition:
        transform 500ms,
        opacity 500ms,
        -webkit-transform 500ms;
}
#main-wrapper .media-downloads ul a:hover {
    text-decoration: none;
}
#main-wrapper .media-downloads ul a:hover span {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}
#main-wrapper .media-downloads ul a:hover:after {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0;
}
#main-wrapper .media-downloads aside {
    background: #eaeaec;
    padding: 30px;
}
#main-wrapper .media-downloads aside h3 {
    margin: 0 0 20px 0;
}
#main-wrapper .media-downloads aside a {
    display: block;
    color: #888;
}
#main-wrapper .media-releases {
    padding: 80px 0;
}
#main-wrapper .media-releases h2 {
    font-size: 40px;
}
#main-wrapper .media-releases article {
    margin: 0 0 40px 0;
}
#main-wrapper .media-releases article h4 {
    border-bottom: solid 1px #ccc;
}
#main-wrapper .media-releases article p {
    margin: 0 0 10px 0;
}
#main-wrapper .media-releases article .media-release-more {
    position: relative;
    color: #888;
    padding: 0 40px 0 0;
}
#main-wrapper .media-releases article .media-release-more:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("../images/icons/arrow-light-grey.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transition:
        opacity 500ms,
        -webkit-transform 500ms;
    transition:
        transform 500ms,
        opacity 500ms;
    transition:
        transform 500ms,
        opacity 500ms,
        -webkit-transform 500ms;
}
#main-wrapper .media-releases article .media-release-more:hover:after {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0;
}
#main-wrapper .competences-head {
    padding: 40px 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .competences-head {
        padding: 80px 0;
    }
}
#main-wrapper .competences-head img {
    margin: 0 0 40px 0;
}
#main-wrapper .newsletter {
    padding: 80px 0 120px 0;
}
#main-wrapper .newsletter #mc_embed_signup .mc-field-group {
    font-family: DIN-Regular, Sans-Serif;
}
#main-wrapper .newsletter #mc_embed_signup .mc-field-group strong {
    text-transform: uppercase;
    margin: 20px 0;
    display: inline-block;
    font-weight: normal;
}
#main-wrapper .newsletter #mc_embed_signup .mc-field-group ul li {
    padding: 0;
    text-indent: 0;
}
#main-wrapper .newsletter #mc_embed_signup .mc-field-group ul li:before {
    display: none;
}
#main-wrapper .newsletter #mc_embed_signup .mc-field-group ul li label {
    display: inline;
    margin: 0 0 10px 10px;
}
#main-wrapper .newsletter #mc_embed_signup .mc-field-group label {
    display: block;
    margin: 20px 0 10px 0;
    text-transform: uppercase;
    font-weight: normal;
}
#main-wrapper .newsletter #mc_embed_signup .mc-field-group input {
    font-size: 16px;
    line-height: 2.5;
    padding: 0 10px;
    border: solid 1px #ccc;
    margin: 0 0 10px 0;
    max-width: 100%;
    box-shadow: none;
    outline: none;
    text-indent: 0;
    border-radius: 0;
}
#main-wrapper .newsletter #mc_embed_signup .mc-field-group input:focus {
    outline: none;
    border: solid 1px #ff4cbb;
}
#main-wrapper .newsletter #mc_embed_signup {
    font-size: 16px;
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .newsletter #mc_embed_signup {
        font-size: 18px;
    }
}
#main-wrapper .newsletter #mc_embed_signup h2 {
    text-transform: uppercase;
    font-family: DIN-Regular, Sans-Serif;
    font-size: 30px;
    margin: 40px 0 20px 0;
}
#main-wrapper .newsletter #mc_embed_signup h2:after {
    content: "";
    height: 1px;
    background: #ccc;
    margin: 20px 0 20px 0;
    display: block;
    width: 75px;
}
#main-wrapper .newsletter #mc_embed_signup .indicates-required {
    display: none;
}
#main-wrapper .newsletter #mc_embed_signup .asterisk {
    display: none;
}
#main-wrapper .newsletter #mc_embed_signup input.button {
    position: relative;
    display: inline-block;
    color: white;
    font-size: 12px;
    padding: 15px 40px 13px 40px;
    text-transform: uppercase;
    font-family: DIN-Bold, Sans-Serif;
    text-align: left;
    overflow: hidden;
    max-width: 100%;
    background: #333;
    line-height: 1.5;
    border-radius: 0;
    height: auto;
    margin: 40px 0 0 0;
    outline: 0;
}
#main-wrapper .newsletter #mc_embed_signup div.mce_inline_error {
    display: inline-block;
    font-size: 16px;
    background: #ff4cbb;
    color: white;
    margin: 0;
    padding: 0 10px;
    font-weight: normal;
    z-index: 1;
    line-height: 2;
    border-radius: 0;
}
#main-wrapper .newsletter #mc_embed_signup div#mce-responses {
    padding: 0;
    margin: 0;
    font-family: DIN-Regular, Sans-Serif;
    font-size: 16px;
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .newsletter #mc_embed_signup div#mce-responses {
        font-size: 18px;
    }
}
#main-wrapper .newsletter #mc_embed_signup #mce-success-response {
    color: #649dd9;
}
#main-wrapper .newsletter #mc_embed_signup #mce-error-response {
    color: #ff4cbb;
}
#main-wrapper .newsletter #mc_embed_signup div.response {
    padding: 0;
    line-height: 1.5;
    width: 100%;
    font-weight: normal;
}
#main-wrapper .newsletter #mc_embed_signup .mc-field-group select {
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    padding: 10px 5px;
    border: solid 1px #ccc;
    margin: 0 0 10px 0;
    max-width: 100%;
    box-shadow: none;
    outline: none;
    text-indent: 0;
    border-radius: 0;
}
#main-wrapper .innovation-areas {
    background: #eaeaec;
}
#main-wrapper .innovation-areas .innovation-area .innovation-area-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .innovation-areas .innovation-area .innovation-area-img {
        height: 400px;
    }
}
#main-wrapper
    .innovation-areas
    .innovation-area
    .innovation-area-img
    .container {
    position: relative;
    height: 100%;
}
#main-wrapper .innovation-areas .innovation-area .innovation-area-text {
    margin: 0 0 30px 0;
    background: white;
    padding: 30px 15px 15px 15px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .innovation-areas .innovation-area .innovation-area-text {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        padding: 65px 15px 15px 15px;
    }
}
#main-wrapper .innovation-areas .innovation-area .innovation-area-text p {
    margin: 10px 0;
}
#main-wrapper .innovation-areas .innovation-area h2 {
    position: absolute;
    padding: 15px;
    background: #121212;
    color: white;
    font-size: 30px;
    left: 15px;
    bottom: -1em;
    z-index: 10;
    max-width: calc(100% - 30px);
}
@media only screen and (min-width: 992px) {
    #main-wrapper .innovation-areas .innovation-area h2 {
        font-size: 50px;
        margin: -1em 0 0 0;
        padding: 30px;
    }
}
#main-wrapper .innovation-areas .innovation-area h4 {
    margin: 60px 0 10px 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .innovation-areas .innovation-area h4 {
        margin: 0 0 10px 0;
    }
}
#main-wrapper .innovation-areas .innovation-area .innovation-area-lower {
    padding: 40px 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .innovation-areas .innovation-area .innovation-area-lower {
        padding: 80px 0;
    }
}
#main-wrapper .innovation-areas .innovation-area .innovation-area-lower h3 {
    margin: 60px 0 20px 0;
    color: #888;
}
#main-wrapper .innovation-areas .innovation-area.odd {
    background: transparent;
}
#main-wrapper .innovation-areas .innovation-area.odd .competences-expert {
    background: #eaeaec;
}
#main-wrapper .innovation-focus {
    margin: 0 0 30px 0;
    background: white;
    overflow: hidden;
}
#main-wrapper .innovation-focus h3 {
    margin: 30px 15px;
}
#main-wrapper .innovation-focus p {
    margin: 0 15px 30px 15px;
}
#main-wrapper .innovation-focus ul {
    margin: 0 15px;
    overflow: hidden;
}
#main-wrapper .innovation-focus ul li {
    line-height: 3;
    text-indent: 0;
    padding: 0;
}
#main-wrapper .innovation-focus ul li:before {
    display: none;
}
#main-wrapper .innovation-focus ul li:not(:last-child) {
    border-bottom: 1px solid #eaeaec;
}
#main-wrapper .innovation-focus ul a {
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #888;
    background: none;
}
#main-wrapper .innovation-focus ul a span {
    display: block;
    white-space: nowrap;
    padding: 0 40px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition:
        opacity 500ms,
        -webkit-transform 500ms;
    transition:
        transform 500ms,
        opacity 500ms;
    transition:
        transform 500ms,
        opacity 500ms,
        -webkit-transform 500ms;
}
#main-wrapper .innovation-focus ul a:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("../images/icons/arrow-light-grey.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transition:
        opacity 500ms,
        -webkit-transform 500ms;
    transition:
        transform 500ms,
        opacity 500ms;
    transition:
        transform 500ms,
        opacity 500ms,
        -webkit-transform 500ms;
}
#main-wrapper .innovation-focus ul a:hover {
    text-decoration: none;
}
#main-wrapper .innovation-focus ul a:hover span {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}
#main-wrapper .innovation-focus ul a:hover:after {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0;
}
#main-wrapper .experts .experts-row {
    margin: 0 -5px;
    font-size: 0;
    display: none;
    position: relative;
}
#main-wrapper .experts .experts-row.visible {
    display: block;
}
#main-wrapper .experts .experts-row:first-child {
    display: block;
}
#main-wrapper .experts .experts-row:nth-child(2) {
    display: block;
}
#main-wrapper .experts .experts-row:nth-child(2):after {
    content: "";
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(
        to bottom,
        rgba(234, 234, 236, 0.7) 0%,
        #eaeaec 100%
    );
}
@media only screen and (min-width: 992px) {
    #main-wrapper .experts .experts-row:nth-child(2):after {
        display: block;
    }
}
#main-wrapper .experts .experts-row:nth-child(2).visible:after {
    display: none;
}
#main-wrapper .experts .expert {
    display: inline-block;
    background: white;
    position: relative;
    transition: opacity 150ms;
    margin: 0 5px 10px 5px;
    vertical-align: top;
    width: calc(50% - 10px);
    font-size: 16px;
}
@media only screen and (min-width: 768px) {
    #main-wrapper .experts .expert {
        width: calc(25% - 10px);
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .experts .expert {
        font-size: 18px;
    }
}
#main-wrapper .experts .expert.open .expert-detail {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#main-wrapper .experts .expert.disabled {
    opacity: 0.25;
}
#main-wrapper .experts .expert .expert-img {
    background-size: cover;
    background-position: center center;
    height: 150px;
}
#main-wrapper .experts .expert h4 {
    font-family: DIN-Regular, Sans-Serif;
    padding: 10px 40px 10px 10px;
    margin: 0;
}
#main-wrapper .experts .expert .expert-open {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background-image: url(../images/icons/plus-light-grey.svg);
    background-size: contain;
    width: 20px;
    height: 20px;
}
#main-wrapper .experts .expert .expert-close {
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(../images/icons/close-small-white.svg);
    background-size: contain;
    width: 15px;
    height: 15px;
}
#main-wrapper .experts .expert .expert-detail {
    padding: 10px;
    position: absolute;
    top: 150px;
    background: #121212;
    width: calc(200% + 10px);
    opacity: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition:
        opacity 150ms,
        -webkit-transform 150ms ease-in;
    transition:
        transform 150ms ease-in,
        opacity 150ms;
    transition:
        transform 150ms ease-in,
        opacity 150ms,
        -webkit-transform 150ms ease-in;
    z-index: 100;
    left: 0;
    box-shadow: 2.5px 7.5px 20px rgba(0, 0, 0, 0.25);
    color: #888;
}
#main-wrapper .experts .expert .expert-detail h4 {
    color: white;
    padding: 0;
}
#main-wrapper .experts .expert .expert-detail a {
    color: #ccc;
}
#main-wrapper .experts .expert .expert-detail ul {
    margin: 20px 0 0 0;
}
#main-wrapper .experts .expert .expert-detail li {
    color: white;
}
#main-wrapper .experts .experts-row .expert:nth-child(even) .expert-detail {
    left: calc(-100% - 10px);
    -webkit-transform-origin: right top;
    transform-origin: right top;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .experts .experts-row .expert:nth-child(even) .expert-detail {
        left: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}
#main-wrapper .experts .experts-button button {
    display: none;
}
#main-wrapper .experts .experts-button button:last-child {
    margin: 15px 0 0 0;
}
#main-wrapper .experts.grey .experts-row:nth-child(2):after {
    background: linear-gradient(
        to bottom,
        rgba(234, 234, 236, 0.7) 0%,
        #eaeaec 100%
    );
}
#main-wrapper .experts.grey .expert {
    background: white;
}
#main-wrapper .experts.white .experts-row:nth-child(2):after {
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.7) 0%,
        white 100%
    );
}
#main-wrapper .experts.white .expert {
    background: #eaeaec;
}
#main-wrapper .innovation-examples .innovation-examples-row {
    font-size: 0;
    margin: 0 -5px;
    display: none;
    position: relative;
}
#main-wrapper .innovation-examples .innovation-examples-row.visible {
    display: block;
}
#main-wrapper .innovation-examples .innovation-examples-row:first-child {
    display: block;
}
#main-wrapper .innovation-examples .innovation-examples-row:nth-child(2) {
    display: block;
}
#main-wrapper .innovation-examples .innovation-examples-row:nth-child(2):after {
    content: "";
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(
        to bottom,
        rgba(234, 234, 236, 0.7) 0%,
        #eaeaec 100%
    );
}
@media only screen and (min-width: 992px) {
    #main-wrapper
        .innovation-examples
        .innovation-examples-row:nth-child(2):after {
        display: block;
    }
}
#main-wrapper
    .innovation-examples
    .innovation-examples-row:nth-child(2).visible:after {
    display: none;
}
#main-wrapper .innovation-examples .innovation-example {
    position: relative;
    background: #121212;
    display: inline-block;
    margin: 0 5px 10px 5px;
    vertical-align: top;
    width: calc(100% - 10px);
    font-size: 16px;
}
#main-wrapper
    .innovation-examples
    .innovation-example.open
    .innovation-example-detail {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#main-wrapper .innovation-examples .innovation-example.disabled {
    opacity: 0.25;
}
@media only screen and (min-width: 768px) {
    #main-wrapper
        .innovation-examples
        .innovation-example:last-child:not(:first-child)
        .innovation-example-detail {
        left: auto;
        right: 0;
        -webkit-transform-origin: right top;
        transform-origin: right top;
    }
}
@media only screen and (min-width: 768px) {
    #main-wrapper .innovation-examples .innovation-example {
        width: calc(33.333333333333333% - 10px);
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .innovation-examples .innovation-example {
        font-size: 18px;
    }
}
#main-wrapper .innovation-examples .innovation-example div {
    background-size: cover;
    min-height: 150px;
}
#main-wrapper .innovation-examples .innovation-example h4 {
    font-size: 16px;
    color: white;
    font-family: DIN-Regular, Sans-Serif;
    padding: 10px 40px 10px 10px;
    margin: 0;
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .innovation-examples .innovation-example h4 {
        font-size: 18px;
    }
}
#main-wrapper .innovation-examples .innovation-example-open {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background-image: url(../images/icons/plus-light-grey.svg);
    background-size: contain;
    width: 20px;
    height: 20px;
}
#main-wrapper .innovation-examples .innovation-example-close {
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(../images/icons/close-small-white.svg);
    background-size: contain;
    width: 15px;
    height: 15px;
}
#main-wrapper .innovation-examples .innovation-example-detail {
    padding: 10px;
    position: absolute;
    top: 150px;
    background: #121212;
    width: 100%;
    opacity: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition:
        opacity 150ms,
        -webkit-transform 150ms ease-in;
    transition:
        transform 150ms ease-in,
        opacity 150ms;
    transition:
        transform 150ms ease-in,
        opacity 150ms,
        -webkit-transform 150ms ease-in;
    z-index: 100;
    left: 0;
    box-shadow: 2.5px 7.5px 20px rgba(0, 0, 0, 0.25);
    color: #888;
}
@media only screen and (min-width: 768px) {
    #main-wrapper .innovation-examples .innovation-example-detail {
        width: calc(200% + 10px);
    }
}
#main-wrapper .innovation-examples .innovation-example-detail h4 {
    color: white;
    padding: 0;
}
#main-wrapper .innovation-examples .innovation-example-detail a {
    color: #ccc;
    margin: 10px 0 0 0;
}
#main-wrapper .innovation-examples .innovation-example-detail ul {
    margin: 20px 0 0 0;
}
#main-wrapper .innovation-examples .innovation-example-detail li {
    color: white;
}
#main-wrapper .innovation-examples .innovation-example-detail p {
    margin: 20px 0 0 0;
}
#main-wrapper .innovation-examples .innovation-examples-button button {
    display: none;
}
#main-wrapper
    .innovation-examples
    .innovation-examples-button
    button:last-child {
    margin: 15px 0 0 0;
}
#main-wrapper .highlights .highlights-row {
    font-size: 0;
    margin: 0 -5px;
    display: none;
    position: relative;
}
#main-wrapper .highlights .highlights-row.visible {
    display: block;
}
#main-wrapper .highlights .highlights-row:first-child {
    display: block;
}
#main-wrapper .highlights .highlights-row:nth-child(2):not(.visible) {
    display: none;
}
#main-wrapper .highlights .highlights-row:nth-child(2):after {
    content: "";
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(
        to bottom,
        rgba(234, 234, 236, 0.7) 0%,
        #eaeaec 100%
    );
}
@media only screen and (min-width: 992px) {
    #main-wrapper .highlights .highlights-row:nth-child(2) {
        display: block !important;
    }
    #main-wrapper .highlights .highlights-row:nth-child(2):after {
        display: block;
    }
}
#main-wrapper .highlights .highlights-row:nth-child(2).visible:after {
    display: none;
}
#main-wrapper .highlights .highlight {
    position: relative;
    background: #121212;
    display: inline-block;
    margin: 0 5px 10px 5px;
    vertical-align: top;
    width: calc(100% - 10px);
    font-size: 16px;
}
#main-wrapper .highlights .highlight.open .highlight-detail {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#main-wrapper .highlights .highlight.disabled {
    opacity: 0.25;
}
@media only screen and (min-width: 768px) {
    #main-wrapper
        .highlights
        .highlight:last-child:not(:first-child)
        .highlight-detail {
        left: auto;
        right: 0;
        -webkit-transform-origin: right top;
        transform-origin: right top;
    }
}
@media only screen and (min-width: 768px) {
    #main-wrapper .highlights .highlight {
        width: calc(33.333333333333333% - 10px);
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .highlights .highlight {
        font-size: 18px;
    }
}
#main-wrapper .highlights .highlight div {
    background-size: cover;
    min-height: 150px;
}
#main-wrapper .highlights .highlight h4 {
    font-size: 16px;
    color: white;
    font-family: DIN-Regular, Sans-Serif;
    padding: 10px 40px 10px 10px;
    margin: 0;
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .highlights .highlight h4 {
        font-size: 18px;
    }
}
#main-wrapper .highlights .highlight-open {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background-image: url(../images/icons/plus-light-grey.svg);
    background-size: contain;
    width: 20px;
    height: 20px;
}
#main-wrapper .highlights .highlight-close {
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(../images/icons/close-small-white.svg);
    background-size: contain;
    width: 15px;
    height: 15px;
}
#main-wrapper .highlights .highlight-detail {
    padding: 10px;
    position: absolute;
    top: 150px;
    background: #121212;
    width: 100%;
    opacity: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition:
        opacity 150ms,
        -webkit-transform 150ms ease-in;
    transition:
        transform 150ms ease-in,
        opacity 150ms;
    transition:
        transform 150ms ease-in,
        opacity 150ms,
        -webkit-transform 150ms ease-in;
    z-index: 100;
    left: 0;
    box-shadow: 2.5px 7.5px 20px rgba(0, 0, 0, 0.25);
    color: #888;
}
@media only screen and (min-width: 768px) {
    #main-wrapper .highlights .highlight-detail {
        width: calc(200% + 10px);
    }
}
#main-wrapper .highlights .highlight-detail h4 {
    color: white;
    padding: 0;
}
#main-wrapper .highlights .highlight-detail a {
    color: #ccc;
    margin: 10px 0 0 0;
}
#main-wrapper .highlights .highlight-detail ul {
    margin: 20px 0 0 0;
}
#main-wrapper .highlights .highlight-detail li {
    color: white;
}
#main-wrapper .highlights .highlight-detail p {
    margin: 20px 0 0 0;
}
#main-wrapper .highlights .highlights-button button {
    display: none;
}
#main-wrapper .highlights .highlights-button button:last-child {
    margin: 15px 0 0 0;
}
#main-wrapper section.search-results h2 {
    color: #ccc;
    font-size: 80px;
}
#main-wrapper section.search-results h2:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #ccc;
    margin: 21px 0 21px 0;
    display: block;
}
#main-wrapper section.search-results h2 ~ p {
    color: #ccc;
    margin-top: -20px;
}
#main-wrapper section.search-results ul {
    margin-top: 0;
}
#main-wrapper section.search-results ul li {
    line-height: 3;
    border-bottom: 1px solid #ccc;
}
#main-wrapper section.search-results ul li:before {
    position: inherit;
    top: inherit;
    display: inherit;
    line-height: inherit;
    padding: inherit;
    width: inherit;
    text-indent: inherit;
    content: "";
    font-size: inherit;
    font-family: inherit;
    color: inherit;
}
#main-wrapper section.search-results ul li p {
    color: #ccc;
    margin-bottom: -10px;
}
#main-wrapper section.search-results ul li a {
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
}
#main-wrapper section.search-results ul li a:hover {
    text-decoration: none;
}
#main-wrapper section.search-results ul li a span {
    display: block;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition:
        opacity 500ms,
        -webkit-transform 500ms;
    transition:
        transform 500ms,
        opacity 500ms;
    transition:
        transform 500ms,
        opacity 500ms,
        -webkit-transform 500ms;
}
#main-wrapper section.search-results ul li a:hover span {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}
#main-wrapper section.search-results ul li a:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("../images/icons/arrow-light-grey.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transition:
        opacity 500ms,
        -webkit-transform 500ms;
    transition:
        transform 500ms,
        opacity 500ms;
    transition:
        transform 500ms,
        opacity 500ms,
        -webkit-transform 500ms;
}
#main-wrapper section.search-results ul li a:hover:after {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0;
}
/* reset drupals elements */
nav#block-sip-languageswitcher {
    z-index: 2;
}
#main-wrapper button.trigger.focusable {
    background-image: url("../../../../core/misc/icons/bebebe/pencil.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-attachment: scroll;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 13px;
}
#main-wrapper .js-form-item img {
    width: inherit;
}
#main-wrapper .js-form-item .button {
    position: inherit;
    display: inherit;
    color: inherit;
    font-size: inherit;
    padding: inherit;
    text-transform: inherit;
    font-family: inherit;
    text-align: inherit;
    overflow: inherit;
    max-width: inherit;
}
.js-form-item label {
    display: inherit;
    max-width: inherit;
    margin-bottom: inherit;
    font-weight: inherit;
}
#main-wrapper ul.toolbar-menu li,
#main-wrapper ul.contextual-links li {
    margin: inherit;
    padding: inherit;
    text-indent: inherit;
}
#main-wrapper ul.toolbar-menu li:before,
#main-wrapper ul.contextual-links li:before {
    content: none;
}
#main-wrapper ul.toolbar-menu,
#main-wrapper ul.contextual-links {
    list-style: inherit;
    padding: inherit;
    margin: inherit;
}
#main-wrapper footer.main-footer .contextual-links a {
    color: #333;
    margin: 0.25em 0;
    background-color: inherit;
    padding: 0.4em 0.6em;
}
#main-wrapper .partners {
    margin: 80px 0 40px 0;
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .partners {
        margin: 120px 0 60px 0;
    }
}
#main-wrapper .partners :nth-child(3n + 3) .partner-logo:after {
    display: none;
}
#main-wrapper .partners h4 a {
    color: #282828;
    font-family: DIN-Bold, Sans-Serif;
}
#main-wrapper .partners h4 a:after {
    content: "";
    margin: 0 10px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("../images/icons/arrow-light-grey.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transition:
        opacity 500ms,
        -webkit-transform 500ms;
    transition:
        transform 500ms,
        opacity 500ms;
    transition:
        transform 500ms,
        opacity 500ms,
        -webkit-transform 500ms;
}
#main-wrapper .partners h4 a:hover:after {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0;
}
#main-wrapper .partners .partner-logo {
    position: relative;
    height: 200px;
    text-align: center;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .partners .partner-logo:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 100px;
        background: #eaeaec;
        right: -15px;
        top: 50px;
    }
}
#main-wrapper .partners .partner-logo img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    max-width: 100%;
    max-height: 100%;
}
#main-wrapper .joint {
    margin: 80px 0 40px 0;
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .joint {
        margin: 120px 0 60px 0;
    }
}
#main-wrapper .joint a {
    display: block;
    text-align: center;
    margin: 0 0 15px 0;
}
#main-wrapper .joint img {
    max-width: 160px;
}
#main-wrapper .subsite-head .subsite-head-top {
    position: relative;
    width: 100%;
    height: 100vw;
    overflow: hidden;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .subsite-head .subsite-head-top {
        height: 49vw;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .subsite-head .subsite-head-top {
        height: 45vw;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .subsite-head .subsite-head-top {
        height: 40vw;
    }
}
#main-wrapper .subsite-head .subsite-head-top .subsite-head-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#main-wrapper .subsite-head .subsite-head-top .subsite-head-img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}
#main-wrapper .subsite-head .subsite-head-top .subsite-head-bg-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    overflow: hidden;
    background-image: linear-gradient(
        to right,
        rgba(126, 101, 226, 0.8) 20%,
        rgba(100, 157, 217, 0.1) 75%
    );
}
#main-wrapper .subsite-head .subsite-head-top .subsite-head-bg-overlay:before {
    top: -110%;
    left: -90%;
    width: 130%;
    height: 200%;
    opacity: 0.3;
    overflow: hidden;
    content: "";
    position: absolute;
    background-size: contain;
    background-image: url(../images/bg/bg-blue.svg);
    background-repeat: no-repeat;
    background-position: right center;
}
#main-wrapper .subsite-head .subsite-head-title {
    position: absolute;
    margin: auto;
    top: 30%;
    height: 70%;
    width: 100%;
    z-index: 20;
    color: white;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .subsite-head .subsite-head-title {
        top: 50%;
        height: 50%;
    }
}
#main-wrapper .subsite-head .subsite-head-title .container,
#main-wrapper .subsite-head .subsite-head-title .row,
#main-wrapper .subsite-head .subsite-head-title .row > div {
    height: 100%;
}
#main-wrapper .subsite-head .subsite-head-title .subsite-head-title-inner {
    border-top: solid 1px white;
}
#main-wrapper .subsite-head .subsite-head-title .subsite-head-coordinates {
    position: absolute;
    right: 15px;
    top: -20px;
    height: auto;
}
#main-wrapper .subsite-head .subsite-head-title .subsite-head-map {
    position: absolute;
    right: 15px;
    top: 20px;
    height: auto;
    width: 60px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .subsite-head .subsite-head-title .subsite-head-map {
        top: 40px;
        width: 100px;
    }
}
#main-wrapper .subsite-head .subsite-head-title .subsite-head-map img {
    width: 100%;
    height: auto;
}
#main-wrapper .subsite-head .subsite-head-title h1 {
    display: inline-block;
    border-top: solid 8px white;
    padding: 20px 0 0 0;
    margin: -8px 130px 0 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .subsite-head .subsite-head-title h1 {
        padding: 40px 0 0 0;
    }
}
#main-wrapper .subsite-head .subsite-head-bottom {
    padding: 40px 0 0 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .subsite-head .subsite-head-bottom {
        padding: 80px 0 0 0;
    }
}
#main-wrapper .subsite-head .subsite-head-bottom img {
    width: 100%;
    height: auto;
}
#main-wrapper .subsite-head .subsite-head-text {
    font-size: 20px;
    color: #888;
    margin: 40px 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .subsite-head .subsite-head-text {
        margin: 0 0 10px 0;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .subsite-head .subsite-head-text {
        font-size: 26px;
    }
}
#main-wrapper .subsite-head .subsite-head-address {
    border-left: solid 1px #ccc;
    padding: 0 0 0 15px;
}
#main-wrapper .subsite-head .subsite-head-address a {
    background: none;
    padding: 0;
    text-transform: none;
    display: block;
    color: #888;
}
#main-wrapper .subsites-preview .subsite-preview-row {
    font-size: 0;
    margin: 0 -5px;
    position: relative;
}
#main-wrapper .subsites-preview article {
    position: relative;
    display: inline-block;
    margin: 0 5px 10px 5px;
    vertical-align: top;
    overflow: hidden;
    width: calc(100% - 10px);
    background-color: #649dd9;
    background-image: linear-gradient(to right, #649dd9 0%, #7e65e2 100%);
}
@media only screen and (min-width: 768px) {
    #main-wrapper .subsites-preview article {
        width: calc(33.333333333333333% - 10px);
    }
}
#main-wrapper .subsites-preview article:before {
    overflow: hidden;
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    width: 200%;
    height: 150%;
    bottom: -80%;
    right: 0;
    opacity: 0.5;
    background-image: url(../images/bg/bg-blue.svg);
}
#main-wrapper .subsites-preview article div {
    position: relative;
    background-size: cover;
    height: 150px;
}
#main-wrapper .subsites-preview article h4 {
    position: relative;
    font-size: 16px;
    color: white;
    font-family: DIN-Regular, Sans-Serif;
    padding: 10px;
    margin: 0;
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .subsites-preview article h4 {
        font-size: 18px;
    }
}
#main-wrapper .innovation-focus-preview .innovation-focus-preview-row {
    font-size: 0;
    margin: 0 -5px;
    position: relative;
}
#main-wrapper .innovation-focus-preview article {
    background: #121212;
    display: inline-block;
    margin: 0 5px 10px 5px;
    vertical-align: top;
    width: calc(100% - 10px);
}
@media only screen and (min-width: 768px) {
    #main-wrapper .innovation-focus-preview article {
        width: calc(33.333333333333333% - 10px);
    }
}
#main-wrapper .innovation-focus-preview article div {
    background-size: cover;
    height: 150px;
}
#main-wrapper .innovation-focus-preview article h4 {
    font-size: 16px;
    color: white;
    font-family: DIN-Regular, Sans-Serif;
    padding: 10px;
    margin: 0;
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .innovation-focus-preview article h4 {
        font-size: 18px;
    }
}
#main-wrapper .tagcloud {
    font-size: 0;
    padding: 30px 0 15px 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .tagcloud {
        position: absolute;
    }
}
#main-wrapper .tagcloud a {
    padding: 10px;
    display: inline-block;
    font-size: 14px;
    color: #888;
    background: #eaeaec;
    line-height: 0.5;
    margin: 0 3px 3px 0;
}
#main-wrapper .tagcloud a.active {
    background: #ff4cbb;
    color: white;
}
#main-wrapper .tagcloud a:hover {
    background: #ccc;
}
#main-wrapper .intro {
    background-image: radial-gradient(
        ellipse at center,
        #ffffff 50%,
        #d5d5d5 90%
    );
}
#main-wrapper .intro.has-map {
    background: #ffffff;
}
#main-wrapper .intro .intro-top {
    position: relative;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-top {
        margin-bottom: 20px;
    }
}
#main-wrapper .intro .intro-top .container:first-child {
    position: relative;
}
#main-wrapper .intro .intro-top .container:first-child .row:nth-child(2) {
    overflow: hidden;
}
#main-wrapper
    .intro
    .intro-top
    .container:first-child
    .row:nth-child(2)
    .container {
    padding-top: 80px;
    padding-bottom: 140px;
    width: 100%;
    overflow: visible;
}
@media only screen and (min-width: 992px) {
    #main-wrapper
        .intro
        .intro-top
        .container:first-child
        .row:nth-child(2)
        .container {
        padding-bottom: 80px;
        padding-right: 160px;
    }
}
#main-wrapper .intro .intro-top .intro-logo {
    position: relative;
    left: 0;
    max-width: 80%;
    transition: opacity 250ms linear;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-bottom .row {
        margin-bottom: 100px;
    }
}
#main-wrapper .intro .intro-bottom .col-md-6 {
    overflow: hidden;
    padding-bottom: 80px;
}
#main-wrapper .intro .intro-bottom .col-md-12 {
    padding-bottom: 80px;
}
#main-wrapper .intro .intro-main-title {
    padding: 51px 0 0 0;
    text-align: right;
    overflow: hidden;
    position: relative;
}
#main-wrapper .intro .intro-main-title h1 {
    margin-bottom: 10px;
    position: relative;
    right: 0;
    bottom: 0;
}
@media only screen and (min-width: 768px) {
    #main-wrapper .intro .intro-main-title h1 {
        font-size: 45px;
    }
}
@media only screen and (min-width: 768px) {
    #main-wrapper .intro .intro-main-title h1 {
        font-size: 45px;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-main-title h1 {
        margin: 20px 0 22px 0;
        font-size: 50px;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .intro .intro-main-title h1 {
        margin: 160px 0 22px 0;
        font-size: 60px;
    }
}
#main-wrapper .intro .intro-main-title h1 span {
    display: inline-block;
    line-height: 1;
    transition: -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:
        transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1),
        -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    padding: 0;
    background: transparent;
}
#main-wrapper .intro .intro-main-title h1 span:first-child {
    padding: 0;
}
#main-wrapper .intro .intro-main-title a {
    transition: -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:
        transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1),
        -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-delay: 0.1s;
    padding: 10px 40px 8px 15px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-main-title a {
        padding: 16px 40px 13px 15px;
    }
}
#main-wrapper
    .intro
    .intro-main-title.animationIsIdle
    h1
    span:nth-of-type(odd) {
    -webkit-transform: translateY(350%) skewX(20deg);
    transform: translateY(350%) skewX(20deg);
}
#main-wrapper
    .intro
    .intro-main-title.animationIsIdle
    h1
    span:nth-of-type(even) {
    -webkit-transform: translateY(350%) skewX(20deg);
    transform: translateY(350%) skewX(20deg);
}
#main-wrapper .intro .intro-main-title.animationIsIdle a {
    -webkit-transform: translateY(160%);
    transform: translateY(160%);
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-main-title {
        padding: 21px 0 0 0;
    }
}
#main-wrapper .intro .intro-parks {
    position: relative;
    overflow: hidden;
    margin: 0 -15px 0 -15px;
    cursor: pointer;
    font-size: 0;
    vertical-align: top;
    background-color: #ff4cbb;
    background-image: linear-gradient(to right, #ff4cbb 0%, #ff5f58 100%);
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-parks {
        margin: -100px 0 200px 0;
        width: calc(100% - 1px);
    }
}
#main-wrapper .intro .intro-parks:before {
    overflow: hidden;
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    right: -50%;
    background-image: url(../images/bg/bg-red.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    opacity: 0.5;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-parks:before {
        width: 100%;
        height: 400%;
        top: -200%;
        right: 0;
    }
}
#main-wrapper .intro .intro-park {
    padding: 25px 15px;
    position: relative;
    background: white;
    transition: background 250ms linear;
    font-size: 16px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-park {
        display: inline-block;
        vertical-align: top;
        width: 20%;
        padding: 25px 15px;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .intro .intro-park {
        font-size: 18px;
    }
}
#main-wrapper .intro .intro-park:not(:first-child) {
    border-top: solid 1px #ccc;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-park:not(:first-child) {
        border-top: none;
        border-left: solid 1px #ccc;
    }
}
#main-wrapper .intro .intro-park.active {
    background: transparent;
    margin: 0;
    padding: 25px 15px;
    border-top: none;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-park.active {
        border-left: none;
    }
}
#main-wrapper .intro .intro-park.active h3,
#main-wrapper .intro .intro-park.active .intro-park-coordinates,
#main-wrapper .intro .intro-park.active p {
    position: relative;
    color: white;
}
#main-wrapper .intro .intro-park.active .button {
    background: white;
    color: #333;
}
#main-wrapper .intro .intro-park.active .button:after {
    background-image: url(../images/icons/arrow-dark-grey.svg);
}
#main-wrapper .intro .intro-park.active .button:before {
    display: none;
}
#main-wrapper .intro .intro-park.active + article {
    border-top-color: transparent;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-park.active + article {
        border-left-color: transparent;
    }
}
#main-wrapper .intro .intro-park h3 {
    font-family: DIN-Medium, Sans-Serif;
    text-transform: uppercase;
    line-height: 1;
    margin: -1em 0 10px 0;
    padding: 1em 0 0 0;
    font-size: 30px;
    transition: background 250ms linear;
    color: #282828;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-park h3 {
        min-height: 2em;
        font-size: 20px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .intro .intro-park h3 {
        font-size: 26px;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .intro .intro-park h3 {
        font-size: 38px;
    }
}
#main-wrapper .intro .intro-park .intro-park-coordinates {
    display: block;
    font-family: DIN-Regular, Sans-Serif;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1;
    color: #ff4cbb;
    margin: 0 0 35px 0;
    transition: background 250ms linear;
}
@media only screen and (min-width: 768px) {
    #main-wrapper .intro .intro-park .intro-park-coordinates {
        font-size: 14px;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-park .intro-park-coordinates {
        font-size: 22px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .intro .intro-park .intro-park-coordinates {
        font-size: 26px;
        margin: 0 0 75px 0;
    }
}
#main-wrapper .intro .intro-park a.button {
    width: 100%;
}
#main-wrapper .flickity-page-dots {
    position: absolute;
    padding: 0;
    outline: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 30px 0 0 0;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .flickity-page-dots {
        margin: 50px 0 0 0;
    }
}
#main-wrapper .flickity-page-dots .dot {
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 20px;
    width: 20px;
}
#main-wrapper .flickity-page-dots .dot:first-of-type {
    margin-left: 0;
}
#main-wrapper .flickity-page-dots .dot:before {
    content: "";
    z-index: 2;
    position: absolute;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #121212;
    top: 7px;
    left: 7px;
    border: none;
}
#main-wrapper .flickity-page-dots .dot:after {
    content: "";
    z-index: 1;
    position: absolute;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0.15;
    background: #ff4cbb;
    border: none;
}
#main-wrapper .flickity-page-dots .dot.is-selected:before {
    background: #ff4cbb;
}
#main-wrapper .flickity-page-dots .dot.is-selected:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}
#main-wrapper .intro.epfl .intro-park {
    padding: 25px 10px;
}
#main-wrapper .intro.epfl .intro-park h3 {
    font-size: 30px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro.epfl .intro-park h3 {
        min-height: 4em;
        font-size: 20px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .intro.epfl .intro-park h3 {
        font-size: 24px;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .intro.epfl .intro-park h3 {
        font-size: 32px;
    }
}
#main-wrapper .intro.has-map .intro-top {
    padding: 0 0 440px 0;
    margin: 0;
}
@media only screen and (min-width: 768px) {
    #main-wrapper .intro.has-map .intro-top {
        padding: 0 0 480px 0;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro.has-map .intro-top {
        padding: 0 0 900px 0;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .intro.has-map .intro-top {
        padding: 0 0 800px 0;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .intro.has-map .intro-top {
        padding: 0 0 1000px 0;
    }
}
#main-wrapper .intro.has-map .intro-top .intro-map {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
#main-wrapper .intro.has-map .intro-top .intro-main-title {
    overflow: visible;
    position: absolute;
    bottom: 0;
    width: 100%;
}
#main-wrapper .intro.has-map .intro-top .intro-main-title .container {
    position: relative;
}
#main-wrapper .intro.has-map .intro-top .intro-main-title h1 {
    position: absolute;
    bottom: 0.5em;
    right: inherit;
    text-align: left;
    font-size: 36px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro.has-map .intro-top .intro-main-title h1 {
        text-align: right;
        font-size: 60px;
        right: 15px;
        bottom: 2.5em;
        -webkit-transform: translateY(0%) skewX(0deg);
        transform: translateY(0%) skewX(0deg);
    }
}
#main-wrapper .intro.has-map .intro-top .intro-main-title h1 span {
    padding: 0 0.3em 0 0.3em;
    line-height: 1.3;
    background: white;
}
#main-wrapper .intro.has-map .intro-top .intro-main-title h1:first-child {
    padding: 0.1em 0.3em 0 0.3em;
}
.no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
@media only screen and (max-width: 455px) {
    .no-padding-mobile {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media only screen and (min-width: 992px) {
    .no-padding-desktop {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
#main-wrapper .intro .intro-slider {
    z-index: 13;
    width: 94%;
    max-width: 970px;
    margin: 0 auto;
    position: relative;
    transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:
        transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1),
        -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
#main-wrapper .intro .intro-slider.animationIsIdle {
    -webkit-transform: translateY(150%) rotateY(75deg);
    transform: translateY(150%) rotateY(75deg);
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-slider {
        width: 100%;
    }
}
#main-wrapper .intro .intro-slider-img {
    outline: none;
    position: relative;
    height: 244px;
    -webkit-transform: translateZ(50px);
    transform: translateZ(50px);
    cursor: move;
    /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -webkit-grab;
}
#main-wrapper .intro .intro-slider-img .intro-slider-cell {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin-right: 0;
}
#main-wrapper
    .intro
    .intro-slider-img
    .intro-slider-cell:nth-child(even)
    .intro-slider-cellImg {
    background-color: #eaeaec;
}
#main-wrapper
    .intro
    .intro-slider-img
    .intro-slider-cell:nth-child(odd)
    .intro-slider-cellImg {
    background-color: #ccc;
}
#main-wrapper .intro .intro-slider-img .flickity-slider {
    height: 100%;
}
#main-wrapper .intro .intro-slider-img .intro-slider-cellImg {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#main-wrapper .intro .intro-slider-img .flickity-viewport {
    overflow: hidden;
    height: 100%;
}
#main-wrapper .intro .intro-slider-img .flickity-page-dots {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-slider-img {
        width: 100%;
        height: 490px;
    }
    #main-wrapper .intro .intro-slider-img .flickity-page-dots {
        top: 100%;
        position: absolute;
        display: inherit;
    }
}
#main-wrapper .intro .intro-slider-text {
    outline: none;
    z-index: 14;
    background-color: #ffffff;
    box-shadow: 0 20px 40px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(0%) translateZ(200px);
    transform: translateY(0%) translateZ(200px);
    transition: -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:
        transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1),
        -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-delay: 0.1s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    overflow: hidden;
    padding: 38px 0;
    width: 90%;
    margin: 0 auto;
    margin-top: -20px;
}
#main-wrapper .intro .intro-slider-text .intro-slider-cell {
    width: 100%;
    margin-right: 10px;
    padding: 0 25px;
}
#main-wrapper .intro .intro-slider-text .intro-slider-cell h2 {
    color: #333;
    font-weight: 100;
    font-size: 22px;
    padding: 0;
    position: relative;
    overflow: visible;
    margin-bottom: 28px;
}
#main-wrapper .intro .intro-slider-text .intro-slider-cell h2:before {
    content: "";
    position: absolute;
    width: 40%;
    height: 1px;
    background-color: #ccc;
    bottom: -11px;
}
#main-wrapper .intro .intro-slider-text .intro-slider-cell p {
    font-size: 14px;
}
#main-wrapper .intro .intro-slider-text .intro-slider-cell .button {
    position: absolute;
    overflow-x: auto;
    right: -40px;
    margin-top: 70px;
}
#main-wrapper .intro .intro-slider-text.animationIsIdle {
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-slider-text {
        min-height: 200px;
        position: absolute;
        right: -15%;
        bottom: 0;
        width: 50%;
        height: 90%;
        max-width: 295px;
        padding-top: 40px;
        box-shadow: 20px 20px 40px -19px rgba(0, 0, 0, 0.2);
        margin-top: 0;
    }
}
#main-wrapper .intro .intro-slider .intro-slider-3dContainer {
    -webkit-transform: translateY(0%) rotateY(0);
    transform: translateY(0%) rotateY(0);
    transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:
        transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1),
        -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 13;
    max-width: 928px;
    margin: 0 auto;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
#main-wrapper .intro .intro-slider-button {
    transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    z-index: 15;
    position: absolute;
    width: 158px;
    height: 31px;
    right: 0;
    bottom: 20px;
    padding: 8px 40px 13px 15px;
    -webkit-transform: translateZ(600px);
    transform: translateZ(600px);
    -webkit-transform-style: preserve-3d;
    background: #121212;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-slider-button {
        height: 46px;
        right: -140px;
        bottom: 30px;
        padding: 15px 18px;
    }
}
#main-wrapper .intro .intro-slider .intro-slider-prev-next-button {
    -webkit-transform: translateZ(600px);
    transform: translateZ(600px);
    display: none;
    cursor: pointer;
    position: absolute;
    height: 45px;
    width: 45px;
    bottom: 32px;
    right: 155px;
    z-index: 16;
    background-color: #121212;
    transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:
        transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
        -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform-style: preserve-3d;
}
#main-wrapper .intro .intro-slider .intro-slider-prev-next-button svg {
    display: none;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro .intro-slider .intro-slider-prev-next-button {
        display: block;
    }
}
#main-wrapper .intro .intro-slider .intro-slider-prev-next-button:disabled {
    opacity: 0.5;
}
#main-wrapper .intro .intro-slider .intro-slider-prev-next-button.next {
    background-image: url("../images/icons/arrow-white-small.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
    -webkit-transform-origin: left;
    transform-origin: left;
}
#main-wrapper .intro .intro-slider .intro-slider-prev-next-button.previous {
    right: 210px;
    background-image: url("../images/icons/arrow-white-flipped-small.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
    -webkit-transform-origin: right;
    transform-origin: right;
}
#main-wrapper .intro .intro-slider-cell a {
    display: none;
}
#main-wrapper .testimonialSlider-avatarContainer {
    position: relative;
    display: block;
    height: 50px;
    width: 50px;
    right: 3px;
}
@media only screen and (min-width: 768px) {
    #main-wrapper .testimonialSlider-avatarContainer {
        right: 0;
        height: 77px;
        width: 77px;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .testimonialSlider-avatarContainer {
        right: 0;
        margin-top: 33px;
        left: -15px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .testimonialSlider-avatarContainer {
        right: 0;
        left: 0;
    }
}
#main-wrapper .testimonialSlider-avatarContainer .testimonialSlider-avatar {
    background: #eaeaec;
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
    transition:
        opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
        transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
        transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#main-wrapper
    .testimonialSlider-avatarContainer
    .testimonialSlider-avatar.isTransitioning {
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
#main-wrapper .testimonial-slider {
    margin-bottom: 100px;
    overflow: hidden;
    outline: none;
    transition: -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:
        transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1),
        -webkit-transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-delay: 0.5s;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .testimonial-slider {
        margin-top: 30px;
    }
}
#main-wrapper .testimonial-slider .flickity-viewport {
    cursor: move;
    /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -webkit-grab;
}
#main-wrapper .testimonial-slider .testimonial-slider-cell {
    width: 100%;
}
#main-wrapper .testimonial-slider .testimonial-slider-cell h3 {
    font-family: DIN-Medium, Sans-Serif;
    position: relative;
    overflow: hidden;
    margin: 0;
}
#main-wrapper .testimonial-slider .testimonial-slider-cell span {
    text-transform: uppercase;
    display: block;
    position: relative;
    margin-bottom: 27px;
    color: #ff4cbb;
    line-height: 1;
    padding-right: 17px;
}
#main-wrapper .testimonial-slider .testimonial-slider-cell span:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    /* Adjusts for spacing */
}
#main-wrapper .testimonial-slider .testimonial-slider-cell p {
    margin-bottom: 0 !important;
    position: relative;
}
#main-wrapper .intro-bottom .news-container {
    top: 70px;
    margin-bottom: 180px;
    width: 100%;
    position: relative;
    display: block;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro-bottom .news-container {
        margin-bottom: 0;
        margin-top: 0;
        top: 0;
        width: 100%;
        margin-left: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
}
#main-wrapper .intro-bottom .news-container h2 {
    margin: 0 0 36px 0;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro-bottom .news-container h2 {
        font-size: 50px;
    }
}
#main-wrapper .intro-bottom .news-container .news-item {
    position: relative;
    margin-bottom: 60px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro-bottom .news-container .news-item {
        margin-bottom: 30px;
        margin-right: 40px;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}
#main-wrapper .intro-bottom .news-container .news-item:nth-child(4) {
    margin-right: 0;
}
#main-wrapper .intro-bottom .news-container .news-item:before {
    content: "";
    position: absolute;
    bottom: -15px;
    width: 100%;
    height: 1px;
    background: #ccc;
}
#main-wrapper .intro-bottom .news-container .news-item a {
    color: #121212;
    width: 100%;
    margin-bottom: 0;
}
#main-wrapper .intro-bottom .news-container .news-item .news-item-thumbnail {
    background-color: #ffffff;
    background-size: cover;
    width: 100%;
    position: relative;
    max-height: 500px;
}
#main-wrapper
    .intro-bottom
    .news-container
    .news-item
    .news-item-thumbnail:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 75%;
}
#main-wrapper
    .intro-bottom
    .news-container
    .news-item
    .news-item-thumbnail
    > .content {
    position: absolute;
    padding: 10px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#main-wrapper
    .intro-bottom
    .news-container
    .news-item
    .news-item-thumbnail
    > .content
    span:before {
    content: "16";
}
#main-wrapper
    .intro-bottom
    .news-container
    .news-item
    .news-item-thumbnail
    > .content
    span:after {
    content: "12";
}
@media only screen and (min-width: 992px) {
    #main-wrapper
        .intro-bottom
        .news-container
        .news-item
        .news-item-thumbnail {
        margin-right: 10px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper
        .intro-bottom
        .news-container
        .news-item
        .news-item-thumbnail {
        margin-right: 20px;
    }
}
#main-wrapper
    .intro-bottom
    .news-container
    .news-item
    .news-item-thumbnail:before {
    content: "";
    display: table;
    clear: both;
}
#main-wrapper .intro-bottom .news-container .news-item .news-item-content {
    position: relative;
    margin-top: 20px;
}
#main-wrapper .intro-bottom .news-container .news-item .news-item-content span {
    margin-bottom: 9px;
    color: #ccc;
    font-weight: bold;
    font-size: 14px;
}
#main-wrapper .intro-bottom .news-container .news-item .news-item-content p {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 22px;
    line-height: 1.2;
    margin: 0;
    width: 100%;
    color: #58595b;
    font-family: DIN-Regular, Sans-Serif;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro-bottom .news-container .news-item .news-item-content {
        margin-top: 30px;
    }
}
#main-wrapper .intro-bottom .news-container .news-links {
    text-transform: uppercase;
    width: 100%;
    text-align: right;
    padding-right: 22px;
    margin-top: 40px;
}
#main-wrapper .intro-bottom .news-container .news-links a {
    position: relative;
    color: #121212;
    font-family: DIN-Medium, Sans-Serif;
    font-size: 11px;
    letter-spacing: 0.6px;
    padding-right: 15px;
}
#main-wrapper .intro-bottom .news-container .news-links a:last-of-type {
    margin-left: 15px;
}
#main-wrapper .intro-bottom .news-container .news-links a:before {
    content: "";
    position: absolute;
    right: -3px;
    top: -4px;
    bottom: 0;
    margin: auto 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(../images/icons/arrow-black.svg);
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    transition:
        opacity 500ms,
        -webkit-transform 500ms;
    transition:
        transform 500ms,
        opacity 500ms;
    transition:
        transform 500ms,
        opacity 500ms,
        -webkit-transform 500ms;
}
#main-wrapper .intro-bottom .news-container .news-links a:hover:before {
    -webkit-transform: translateX(9px);
    transform: translateX(9px);
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro-bottom .news-container .news-links {
        padding-right: 5px;
        text-align: right;
        margin-top: 0;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%;
    }
}
#main-wrapper .innovationAreas {
    margin-top: 70px;
    margin-bottom: 50px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .innovationAreas {
        margin-bottom: 130px;
    }
}
#main-wrapper .innovationAreas .innovationAreas-title {
    color: #ffffff;
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
#main-wrapper .innovationAreas .innovationAreas-title h2,
#main-wrapper .innovationAreas .innovationAreas-title span {
    transition: -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:
        transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1),
        -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-delay: 0.5s;
}
#main-wrapper .innovationAreas .innovationAreas-title h2 {
    font-size: 30px;
    margin-bottom: -10px;
}
#main-wrapper .innovationAreas .innovationAreas-title span {
    font-family: DIN-Regular, Sans-Serif;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 100;
    transition-delay: 0.65s;
    line-height: 1.2;
}
#main-wrapper .innovationAreas .innovationAreas-title.animationIsIdle h2,
#main-wrapper .innovationAreas .innovationAreas-title.animationIsIdle span {
    -webkit-transform: translateY(300%) skewX(20deg);
    transform: translateY(300%) skewX(20deg);
}
@media only screen and (min-width: 992px) {
    #main-wrapper .innovationAreas .innovationAreas-title {
        margin-top: -10px;
        padding-left: 15px;
    }
    #main-wrapper .innovationAreas .innovationAreas-title h2 {
        font-size: 40px;
        margin-bottom: 10px;
    }
    #main-wrapper .innovationAreas .innovationAreas-title span {
        margin-top: -10px;
        font-size: 20px;
    }
}
#main-wrapper .innovationAreas-items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
    background: #ffffff;
    padding-right: 14px;
}
@media only screen and (max-width: 767px) {
    #main-wrapper .innovationAreas-items {
        margin-top: 37px;
    }
}
@media only screen and (min-width: 768px) {
    #main-wrapper .innovationAreas-items {
        margin-top: 38px;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .innovationAreas-items {
        margin-top: 39px;
    }
}
#main-wrapper .innovationAreas .innovationAreas-item {
    padding: 20px 16px 40px 0;
    width: 20%;
}
#main-wrapper .innovationAreas .innovationAreas-item h3 {
    font-family: DIN-Medium, Sans-Serif;
    color: #58595b;
    font-size: 22px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .innovationAreas .innovationAreas-item {
        padding: 40px 16px;
    }
}
#main-wrapper .innovationAreas .innovationAreas-item-thumbnail {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 19px;
}
#main-wrapper .innovationAreas-slider {
    outline: none;
    overflow: hidden;
    width: 105%;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .innovationAreas-slider {
        height: auto;
        overflow: visible;
        width: 100%;
        padding-bottom: 0;
    }
}
#main-wrapper .innovationAreas-slider .flickity-viewport {
    width: 100%;
    background: #ffffff;
}
#main-wrapper .innovationAreas-slider .innovationAreas-item {
    width: 60%;
}
@media only screen and (min-width: 768px) {
    #main-wrapper .innovationAreas-slider .innovationAreas-item {
        width: 45%;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .innovationAreas-slider .innovationAreas-item {
        width: 30%;
    }
}
#main-wrapper .innovationAreas-slider.changeYourBrowserPlz {
    display: block !important;
}
#main-wrapper
    .innovationAreas-slider.changeYourBrowserPlz
    .innovationAreas-item {
    width: 50%;
    float: left;
}
#main-wrapper .section-background {
    position: absolute;
    height: 100%;
    max-height: 166px;
    width: 100%;
    overflow: hidden;
    -webkit-transform-origin: top;
    transform-origin: top;
    transition-delay: 1s;
    transition: -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
    transition:
        transform 1.2s cubic-bezier(0.19, 1, 0.22, 1),
        -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
    background-color: #ff4cbb;
    background-image: linear-gradient(to right, #ff4cbb 0%, #ff5f58 100%);
}
#main-wrapper .section-background:before {
    width: 110%;
    height: 180%;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/bg/bg-red-banner.svg);
    background-size: 300%;
    background-repeat: no-repeat;
    background-position: 0 70%;
    opacity: 0.5;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    transition: -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0.1s;
}
#main-wrapper .section-background.animationIsIdle {
    -webkit-transform: scaleY(0) skewY(-5deg);
    transform: scaleY(0) skewY(-5deg);
}
#main-wrapper .section-background.animationIsIdle:before {
    -webkit-transform: rotate(20deg) translateX(90%);
    transform: rotate(20deg) translateX(90%);
}
@media only screen and (min-width: 992px) {
    #main-wrapper .section-background {
        max-height: 213px;
    }
    #main-wrapper .section-background:before {
        width: 70%;
        height: 220%;
    }
}
#main-wrapper .icons-slider-container {
    position: relative;
    margin-bottom: 80px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .icons-slider-container {
        margin-bottom: 100px;
    }
}
#main-wrapper .icons-slider {
    position: relative;
    margin-top: 50px;
    outline: 0;
    margin-left: 15px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .icons-slider {
        margin-left: 0;
        padding-bottom: 80px;
    }
}
#main-wrapper .icons-slider .flickity-viewport {
    overflow: hidden;
    cursor: move;
    /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -webkit-grab;
}
#main-wrapper .sponsors-slider .icons-slider-cell {
    width: 45%;
    margin: 0 7px;
    background-color: #eaeaec;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
    position: relative;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(0) {
    transition-delay: 0s;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(1) {
    transition-delay: 0.07s;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(2) {
    transition-delay: 0.14s;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(3) {
    transition-delay: 0.21s;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(4) {
    transition-delay: 0.28s;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(5) {
    transition-delay: 0.35s;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(6) {
    transition-delay: 0.42s;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(7) {
    transition-delay: 0.49s;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(8) {
    transition-delay: 0.56s;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(9) {
    transition-delay: 0.63s;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(10) {
    transition-delay: 0.7s;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(11) {
    transition-delay: 0.77s;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(12) {
    transition-delay: 0.84s;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(13) {
    transition-delay: 0.91s;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(14) {
    transition-delay: 0.98s;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(15) {
    transition-delay: 1.05s;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(16) {
    transition-delay: 1.12s;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(17) {
    transition-delay: 1.19s;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(18) {
    transition-delay: 1.26s;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(19) {
    transition-delay: 1.33s;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(20) {
    transition-delay: 1.4s;
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(0) {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(1) {
    -webkit-transform: translateZ(30px);
    transform: translateZ(30px);
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(2) {
    -webkit-transform: translateZ(60px);
    transform: translateZ(60px);
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(3) {
    -webkit-transform: translateZ(90px);
    transform: translateZ(90px);
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(4) {
    -webkit-transform: translateZ(120px);
    transform: translateZ(120px);
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(5) {
    -webkit-transform: translateZ(150px);
    transform: translateZ(150px);
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(6) {
    -webkit-transform: translateZ(180px);
    transform: translateZ(180px);
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(7) {
    -webkit-transform: translateZ(210px);
    transform: translateZ(210px);
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(8) {
    -webkit-transform: translateZ(240px);
    transform: translateZ(240px);
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(9) {
    -webkit-transform: translateZ(270px);
    transform: translateZ(270px);
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(10) {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(11) {
    -webkit-transform: translateZ(330px);
    transform: translateZ(330px);
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(12) {
    -webkit-transform: translateZ(360px);
    transform: translateZ(360px);
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(13) {
    -webkit-transform: translateZ(390px);
    transform: translateZ(390px);
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(14) {
    -webkit-transform: translateZ(420px);
    transform: translateZ(420px);
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(15) {
    -webkit-transform: translateZ(450px);
    transform: translateZ(450px);
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(16) {
    -webkit-transform: translateZ(480px);
    transform: translateZ(480px);
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(17) {
    -webkit-transform: translateZ(510px);
    transform: translateZ(510px);
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(18) {
    -webkit-transform: translateZ(540px);
    transform: translateZ(540px);
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(19) {
    -webkit-transform: translateZ(570px);
    transform: translateZ(570px);
}
#main-wrapper .sponsors-slider .icons-slider-cell:nth-child(20) {
    -webkit-transform: translateZ(600px);
    transform: translateZ(600px);
}
#main-wrapper .sponsors-slider .icons-slider-cell:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 75%;
}
#main-wrapper .sponsors-slider .icons-slider-cell > .content {
    position: absolute;
    padding: 10px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#main-wrapper .sponsors-slider .icons-slider-cell > .content span:before {
    content: "4";
}
#main-wrapper .sponsors-slider .icons-slider-cell > .content span:after {
    content: "3";
}
@media only screen and (min-width: 768px) {
    #main-wrapper .sponsors-slider .icons-slider-cell {
        width: 30%;
        margin: 0 9px;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .sponsors-slider .icons-slider-cell {
        width: 24%;
        margin: 0 8px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .sponsors-slider .icons-slider-cell {
        width: 24%;
        margin: 0 10px;
    }
}
#main-wrapper .rnd-slider .icons-slider-cell {
    width: 30%;
    margin: 0 5px;
    background-color: #eaeaec;
    transition: -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
    position: relative;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(0) {
    transition-delay: 0s;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(1) {
    transition-delay: 0.07s;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(2) {
    transition-delay: 0.14s;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(3) {
    transition-delay: 0.21s;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(4) {
    transition-delay: 0.28s;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(5) {
    transition-delay: 0.35s;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(6) {
    transition-delay: 0.42s;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(7) {
    transition-delay: 0.49s;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(8) {
    transition-delay: 0.56s;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(9) {
    transition-delay: 0.63s;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(10) {
    transition-delay: 0.7s;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(11) {
    transition-delay: 0.77s;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(12) {
    transition-delay: 0.84s;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(13) {
    transition-delay: 0.91s;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(14) {
    transition-delay: 0.98s;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(15) {
    transition-delay: 1.05s;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(16) {
    transition-delay: 1.12s;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(17) {
    transition-delay: 1.19s;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(18) {
    transition-delay: 1.26s;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(19) {
    transition-delay: 1.33s;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(20) {
    transition-delay: 1.4s;
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(0) {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(1) {
    -webkit-transform: translateZ(30px);
    transform: translateZ(30px);
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(2) {
    -webkit-transform: translateZ(60px);
    transform: translateZ(60px);
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(3) {
    -webkit-transform: translateZ(90px);
    transform: translateZ(90px);
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(4) {
    -webkit-transform: translateZ(120px);
    transform: translateZ(120px);
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(5) {
    -webkit-transform: translateZ(150px);
    transform: translateZ(150px);
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(6) {
    -webkit-transform: translateZ(180px);
    transform: translateZ(180px);
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(7) {
    -webkit-transform: translateZ(210px);
    transform: translateZ(210px);
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(8) {
    -webkit-transform: translateZ(240px);
    transform: translateZ(240px);
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(9) {
    -webkit-transform: translateZ(270px);
    transform: translateZ(270px);
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(10) {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(11) {
    -webkit-transform: translateZ(330px);
    transform: translateZ(330px);
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(12) {
    -webkit-transform: translateZ(360px);
    transform: translateZ(360px);
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(13) {
    -webkit-transform: translateZ(390px);
    transform: translateZ(390px);
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(14) {
    -webkit-transform: translateZ(420px);
    transform: translateZ(420px);
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(15) {
    -webkit-transform: translateZ(450px);
    transform: translateZ(450px);
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(16) {
    -webkit-transform: translateZ(480px);
    transform: translateZ(480px);
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(17) {
    -webkit-transform: translateZ(510px);
    transform: translateZ(510px);
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(18) {
    -webkit-transform: translateZ(540px);
    transform: translateZ(540px);
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(19) {
    -webkit-transform: translateZ(570px);
    transform: translateZ(570px);
}
#main-wrapper .rnd-slider .icons-slider-cell:nth-child(20) {
    -webkit-transform: translateZ(600px);
    transform: translateZ(600px);
}
#main-wrapper .rnd-slider .icons-slider-cell:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 75%;
}
#main-wrapper .rnd-slider .icons-slider-cell > .content {
    position: absolute;
    padding: 10px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#main-wrapper .rnd-slider .icons-slider-cell > .content span:before {
    content: "4";
}
#main-wrapper .rnd-slider .icons-slider-cell > .content span:after {
    content: "3";
}
@media only screen and (min-width: 768px) {
    #main-wrapper .rnd-slider .icons-slider-cell {
        width: 22%;
        margin: 0px 7px;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .rnd-slider .icons-slider-cell {
        width: 19%;
        margin: 0 6px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .rnd-slider .icons-slider-cell {
        width: 19%;
        margin: 0 9px;
    }
}
#main-wrapper .icons-slider.animationIsIdle .icons-slider-cell {
    opacity: 0;
    -webkit-transform: translateY(155%) rotateY(75deg) skewX(5deg);
    transform: translateY(155%) rotateY(75deg) skewX(5deg);
}
#main-wrapper .icons-slider .icons-slider-cell .icons-slider-cell-thumb {
    width: 100%;
    background-size: 60%;
    background-position: 50%;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
}
#main-wrapper .icons-slider-container .icons-slider-prev-next-button {
    cursor: pointer;
    position: absolute;
    height: 45px;
    width: 45px;
    bottom: 102px;
    z-index: 16;
    background-color: #121212;
    transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:
        transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
        -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: none;
    border-radius: 0 !important;
}
#main-wrapper .icons-slider-container .icons-slider-prev-next-button svg {
    display: none;
}
#main-wrapper .icons-slider-container .icons-slider-prev-next-button:active {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
@media only screen and (min-width: 992px) {
    #main-wrapper .icons-slider-container .icons-slider-prev-next-button {
        display: block;
    }
}
#main-wrapper
    .icons-slider-container
    .icons-slider-prev-next-button.isDisabled {
    background: #ccc;
}
#main-wrapper .icons-slider-container .icons-slider-prev-next-button.next {
    background-image: url("../images/icons/arrow-white-small.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
    right: -23px;
}
#main-wrapper .icons-slider-container .icons-slider-prev-next-button.previous {
    background-image: url("../images/icons/arrow-white-flipped-small.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
    bottom: 102px;
    left: -23px;
}
#main-wrapper .icons-slider .flickity-page-dots {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    left: 0;
    right: 15px;
    width: auto;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .icons-slider .flickity-page-dots {
        right: 0;
    }
}
#main-wrapper .slider-title {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    color: #121212;
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
#main-wrapper .slider-title h2,
#main-wrapper .slider-title span {
    transition: -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:
        transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1),
        -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-delay: 0.5s;
}
#main-wrapper .slider-title h2 {
    font-family: DIN-Medium, Sans-Serif;
    font-size: 30px;
    margin-bottom: -9px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .slider-title h2 {
        font-size: 40px;
        margin-bottom: 0;
    }
}
#main-wrapper .slider-title span {
    color: #ff4cbb;
    font-family: DIN-Regular, Sans-Serif;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 100;
    transition-delay: 0.65s;
    line-height: 1;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .slider-title span {
        font-size: 20px;
    }
}
#main-wrapper .slider-title.animationIsIdle h2,
#main-wrapper .slider-title.animationIsIdle span {
    -webkit-transform: translateY(170%) skewX(20deg);
    transform: translateY(170%) skewX(20deg);
}
@media only screen and (min-width: 992px) {
    #main-wrapper .slider-title {
        padding-left: 0;
    }
}
#main-wrapper .big-slider-container {
    position: relative;
    margin-top: 50px;
    padding-bottom: 140px;
    margin-bottom: 120px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .big-slider-container {
        padding-bottom: 90px;
    }
}
#main-wrapper .big-slider-container .big-slider {
    overflow: hidden;
    outline: none;
    cursor: move;
    /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -webkit-grab;
}
#main-wrapper .big-slider .big-slider-cell {
    color: #ffffff;
    height: 440px;
    width: 91%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 0.3;
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    position: relative;
}
#main-wrapper .big-slider .big-slider-cell:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #121212;
    opacity: 0.5;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .big-slider .big-slider-cell {
        width: 80%;
        height: 600px;
    }
}
#main-wrapper .big-slider-container .big-slider-prev-next-button {
    display: none;
    cursor: pointer;
    position: absolute;
    height: 45px;
    width: 45px;
    bottom: 102px;
    z-index: 16;
    background-color: #121212 !important;
    transition: -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition:
        transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
        -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#main-wrapper .big-slider-container .big-slider-prev-next-button svg {
    display: none;
}
#main-wrapper .big-slider-container .big-slider-prev-next-button:active {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
@media only screen and (min-width: 992px) {
    #main-wrapper .big-slider-container .big-slider-prev-next-button {
        display: block;
    }
}
#main-wrapper .big-slider-container .big-slider-prev-next-button:disabled {
    opacity: 0.5;
}
#main-wrapper .big-slider-container .big-slider-prev-next-button.next {
    background-image: url("../images/icons/arrow-white-small.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
    right: calc(-3%);
}
@media only screen and (min-width: 992px) {
    #main-wrapper .big-slider-container .big-slider-prev-next-button.next {
        right: 173px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .big-slider-container .big-slider-prev-next-button.next {
        right: 213px;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .big-slider-container .big-slider-prev-next-button.next {
        right: 293px;
    }
}
#main-wrapper .big-slider-container .big-slider-prev-next-button.previous {
    background-image: url("../images/icons/arrow-white-flipped-small.svg");
    background-position: center;
    background-size: 35%;
    background-repeat: no-repeat;
    bottom: 102px;
    left: -23px;
}
#main-wrapper .big-slider-container .button {
    position: absolute;
    right: 10px;
    width: 50%;
    max-width: 200px;
    margin-top: 120px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .big-slider-container .button {
        right: 174px;
        width: 20%;
        margin-top: 40px;
    }
}
@media only screen and (min-width: 1200px) {
    #main-wrapper .big-slider-container .button {
        right: 213px;
    }
}
@media only screen and (min-width: 1920px) {
    #main-wrapper .big-slider-container .button {
        right: 293px;
    }
}
#main-wrapper .big-slider .big-slider-cell .big-slider-cell-content {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    padding: 15px 0;
    margin: 0 20px;
    width: 90%;
}
#main-wrapper .big-slider .big-slider-cell .big-slider-cell-content h3 {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    padding-bottom: 30px;
    font-size: 27px;
}
#main-wrapper .big-slider .big-slider-cell .big-slider-cell-content h3:before {
    content: "";
    position: absolute;
    height: 1px;
    bottom: 15px;
    background: #ccc;
    width: 55%;
    max-width: 160px;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0.25s;
}
#main-wrapper .big-slider .big-slider-cell .big-slider-cell-content h3 span {
    transition: all 0.7s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition-delay: 0.1s;
    position: relative;
    display: block;
}
#main-wrapper .big-slider .big-slider-cell .big-slider-cell-content p {
    margin-top: 5px;
    margin-bottom: 50px;
    transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0.2s;
    opacity: 0;
}
#main-wrapper .big-slider .big-slider-cell .big-slider-cell-content h3 span {
    -webkit-transform: translateY(250%) skewX(20deg);
    transform: translateY(250%) skewX(20deg);
}
#main-wrapper .big-slider .big-slider-cell .big-slider-cell-content p {
    -webkit-transform: translateY(90%);
    transform: translateY(90%);
}
@media only screen and (min-width: 768px) {
    #main-wrapper .big-slider .big-slider-cell .big-slider-cell-content {
        bottom: 12%;
    }
}
@media only screen and (min-width: 992px) {
    #main-wrapper .big-slider .big-slider-cell .big-slider-cell-content {
        width: 40%;
        padding: 15px;
        margin-left: 8.33333333%;
    }
    #main-wrapper .big-slider .big-slider-cell .big-slider-cell-content h3 {
        font-size: 30px;
    }
    #main-wrapper .big-slider .big-slider-cell .big-slider-cell-content p {
        margin-bottom: 20px;
    }
}
#main-wrapper .big-slider .is-selected {
    opacity: 1;
}
#main-wrapper .big-slider .is-selected .big-slider-cell-content h3 span {
    -webkit-transform: translateY(0) skewX(0deg);
    transform: translateY(0) skewX(0deg);
}
#main-wrapper .big-slider .is-selected .big-slider-cell-content h3:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
#main-wrapper .big-slider .is-selected .big-slider-cell-content p {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
#main-wrapper .big-slider .flickity-page-dots {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    left: 0;
    right: 15px;
    width: auto;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .big-slider .flickity-page-dots {
        right: auto;
        left: 15px;
    }
}
#main-wrapper .intro-bottom .intro-textAside {
    margin-bottom: 80px;
    margin-top: 40px;
}
@media only screen and (min-width: 992px) {
    #main-wrapper .intro-bottom .intro-textAside {
        margin-bottom: 0;
        margin-top: 50%;
    }
}
#main-wrapper .intro-bottom .intro-textAside > span {
    text-transform: uppercase;
    margin-top: -15px;
    display: block;
    position: relative;
    margin-bottom: 14px;
    color: #ff4cbb;
    line-height: 1;
}
#main-wrapper .intro-bottom .intro-textAside p {
    font-size: 24px;
    line-height: 1.35;
}
#main-wrapper .intro-bottom .intro-textAside .button {
    padding: 10px 36px 7px 15px;
}
#main-wrapper .intro-bottom .intro-textAside .button span {
    font-size: 11px;
}
#main-wrapper .intro-bottom .intro-textAside .button:after {
    width: 10px;
    top: -1px;
    height: 10px;
}

/*

CONSENT COOKIE JSR BANNER

*/

#cookiesjsr {
    --font-size-reset: 2rem;
    --btn-font-color: #000;
    --banner-bg-color: #fff;
    --banner-font-color: #000f37;
}

.cookiesjsr-banner.active {
    border: rgb(255, 76, 187) solid 3px;
    border-radius: 12px;
    flex-direction: row;
    bottom: 0;
    overflow-y: clip;
    padding: 12px;
    left: 2.5%;
    width: 95vw;
    bottom: 2.5vw;
}

.cookiesjsr-banner--text {
    font-size: 1.4rem;
}

@media only screen and (min-width: 1000px) {
    .cookiesjsr-banner.active {
        left: 10%;
        width: 80vw;
        bottom: 10%;
        padding: 20px;
    }

    .cookiesjsr-banner--text {
        font-size: 1.8rem;
    }
}

button.cookiesjsr-btn.cookiesjsr-settings {
    display: none;
}

.cookiesjsr-banner--info {
    margin-bottom: 0;
}

.cookiesjsr-links.cookiesjsr-banner--links.links--row {
    margin: 0 !important;
}

.cookiesjsr-links.links--row li {
    text-indent: 0 !important;
    margin: 0 !important;
}

.cookiesjsr-btn.important.allowAll {
    color: #fff;
    background-color: rgb(255, 76, 187) !important;
}

.cookiesjsr-banner button.denyAll {
    color: #000;
}

.cookiesjsr-layer {
    height: 56vh;
    max-height: none;
}

@media (min-width: 768px) {
    .cookiesjsr-layer {
        height: 40vh;
    }
}

.cookiesjsr-layer--header {
    display: flex !important;
}

.cookiesjsr-service-group--content {
    background-color: rgb(255, 76, 187) !important;
}

.cookiesjsr-service-group--tab {
    display: inline-block;
    color: #000 !important;
}

.cookiesjsr-service-group--intro {
    font-size: 1.5rem;
    text-indent: 0;
}

.cookiesjsr-switch input {
    display: none;
}

.cookiesjsr-service--always-on span {
    background-color: transparent;
    color: #050;
}

.cookiesjsr-layer--actions button {
    color: #000 !important;
}