.nice-select{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#fff;border-radius:5px;border:solid 1px #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:normal;height:38px;line-height:36px;outline:none;padding-left:18px;padding-right:30px;position:relative;text-align:left !important;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#dbdbdb}.nice-select:active,.nice-select.open,.nice-select:focus{border-color:#999}.nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:"";display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;transform-origin:66% 66%;transform:rotate(45deg);transition:all .15s ease-in-out;width:5px}.nice-select.open:after{transform:rotate(-135deg)}.nice-select.open .nice-select-dropdown{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .nice-select-dropdown{left:0 !important;right:0 !important}.nice-select.right{float:right}.nice-select.right .nice-select-dropdown{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .nice-select-dropdown{margin-top:4px;background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);pointer-events:none;position:absolute;top:100%;left:0;transform-origin:50% 0;transform:scale(0.75) translateY(19px);transition:all .2s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;z-index:9;opacity:0}.nice-select .list{border-radius:5px;box-sizing:border-box;overflow:hidden;padding:0;max-height:210px;overflow-y:auto}.nice-select .list:hover .option:not(:hover){background-color:rgba(0,0,0,0) !important}.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;outline:none;padding-left:18px;padding-right:29px;text-align:left;transition:all .2s}.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color:#f6f6f6}.nice-select .option.selected{font-weight:bold}.nice-select .option.disabled{background-color:rgba(0,0,0,0);color:#999;cursor:default}.nice-select .optgroup{font-weight:bold}.no-csspointerevents .nice-select .nice-select-dropdown{display:none}.no-csspointerevents .nice-select.open .nice-select-dropdown{display:block}.nice-select .list::-webkit-scrollbar{width:0}.nice-select .has-multiple{white-space:inherit;height:auto;padding:7px 12px;min-height:36px;line-height:22px}.nice-select .has-multiple span.current{border:1px solid #ccc;background:#eee;padding:0 10px;border-radius:3px;display:inline-block;line-height:24px;font-size:14px;margin-bottom:3px;margin-right:3px}.nice-select .has-multiple .multiple-options{display:block;line-height:24px;padding:0}.nice-select .nice-select-search-box{box-sizing:border-box;width:100%;padding:5px;pointer-events:none;border-radius:5px 5px 0 0}.nice-select .nice-select-search{box-sizing:border-box;background-color:#fff;border:1px solid #e8e8e8;border-radius:3px;color:#444;display:inline-block;vertical-align:middle;padding:7px 12px;margin:0 10px 0 0;width:100%;min-height:36px;line-height:22px;height:auto;outline:0 !important;font-size:14px}
@charset "UTF-8";
@keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes flow-navigaton-out {
from {
opacity: 1;
top: var(--flow-navigaton-out-top-max-position);
}
to {
opacity: 0;
top: var(--flow-navigaton-out-top-min-position);
}
}
@keyframes flow-navigaton-in {
from {
opacity: 0;
top: var(--flow-navigaton-out-top-min-position);
}
to {
opacity: 1;
top: var(--flow-navigaton-out-top-max-position);
}
}
@keyframes slide-down {
0% {
top: 10px;
opacity: 0.2;
}
100% {
top: 40px;
opacity: 1;
}
}
@keyframes slide-down-responsive {
0% {
top: -15px;
opacity: 0.2;
}
100% {
top: -2px;
opacity: 1;
}
}
@keyframes bounce-up {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-7px);
}
}
.prevent-init-animation * {
animation: none !important;
transition: none !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
/*
* Get colors from $colors map
* Accessing subsets with dot notations (ex. background.grey)
*/
/*
* Get font from map
*/
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
outline: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
@font-face {
font-family: "Montserrat";
src: url("../assets/fonts/monteserrat/Montserrat-Regular.woff2") format("woff2"), url("../assets/fonts/monteserrat/Montserrat-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("../assets/fonts/monteserrat/Montserrat-Medium.woff2") format("woff2"), url("../assets/fonts/monteserrat/Montserrat-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("../assets/fonts/monteserrat/Montserrat-Bold.woff2") format("woff2"), url("../assets/fonts/monteserrat/Montserrat-Bold.woff") format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("../assets/fonts/monteserrat/Montserrat-Light.woff2") format("woff2"), url("../assets/fonts/monteserrat/Montserrat-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("../assets/fonts/monteserrat/Montserrat-Black.woff2") format("woff2"), url("../assets/fonts/monteserrat/Montserrat-Black.woff") format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "icons";
font-display: block;
src: url("/assets/fonts/icons/icons.eot?837ea2c357b14c04b5c89caec447a52c?#iefix") format("embedded-opentype"), url("/assets/fonts/icons/icons.woff?837ea2c357b14c04b5c89caec447a52c") format("woff"), url("/assets/fonts/icons/icons.woff2?837ea2c357b14c04b5c89caec447a52c") format("woff2"), url("/assets/fonts/icons/icons.ttf?837ea2c357b14c04b5c89caec447a52c") format("truetype"), url("/assets/fonts/icons/icons.svg?837ea2c357b14c04b5c89caec447a52c#icons") format("svg");
}
.icon {
line-height: 1;
}
.icon:before {
font-family: icons !important;
font-style: normal;
font-weight: normal !important;
vertical-align: top;
}
.icon-arrow-down:before {
content: "\f101";
}
.icon-arrow-left:before {
content: "\f102";
}
.icon-arrow-right:before {
content: "\f103";
}
.icon-basket:before {
content: "\f104";
}
.icon-close:before {
content: "\f105";
}
.icon-download-file:before {
content: "\f106";
}
.icon-download:before {
content: "\f107";
}
.icon-hamburger:before {
content: "\f108";
}
.icon-letter:before {
content: "\f109";
}
.icon-lock:before {
content: "\f10a";
}
.icon-marketplace-cart:before {
content: "\f10b";
}
.icon-menu:before {
content: "\f10c";
}
.icon-social-facebook:before {
content: "\f10d";
}
.icon-social-instagram:before {
content: "\f10e";
}
.icon-social-linkedin:before {
content: "\f10f";
}
.icon-social-twitter:before {
content: "\f110";
}
.icon-social-youtube:before {
content: "\f111";
}
.icon-tick:before {
content: "\f112";
}
button, .button,
button:not(.f-button) {
position: relative;
display: inline-block;
padding: 15px 35px;
cursor: pointer;
background-color: transparent;
border: 1px solid #00A0AF;
font: 12px 'Montserrat', sans-serif;
line-height: 140%;
color: #00A0AF;
text-transform: uppercase;
font-weight: 500;
text-decoration: none !important;
}
button span.label, .button span.label,
button:not(.f-button) span.label {
font: 12px 'Montserrat', sans-serif;
line-height: 140%;
color: #00A0AF;
font-weight: 500;
text-transform: uppercase;
}
button.with-icon, .button.with-icon,
button:not(.f-button).with-icon {
display: flex;
justify-content: center;
align-items: center;
}
button.with-icon span.label, .button.with-icon span.label,
button:not(.f-button).with-icon span.label {
padding-left: 5px;
}
button.with-icon i.icon, .button.with-icon i.icon,
button:not(.f-button).with-icon i.icon {
color: #00A0AF;
font-size: 17px;
margin-top: -2px;
}
button.with-icon i.icon-basket, .button.with-icon i.icon-basket,
button:not(.f-button).with-icon i.icon-basket {
font-size: 20px;
margin: -5px 0 0 0;
}
button.white, .button.white,
button:not(.f-button).white {
border-color: white;
}
button.white span,
button.white i, .button.white span,
.button.white i,
button:not(.f-button).white span,
button:not(.f-button).white i {
color: white !important;
}
button:hover, .button:hover,
button:not(.f-button):hover {
background-color: #00A0AF;
color: white;
transition: all 250ms;
}
button:hover span.label, .button:hover span.label,
button:not(.f-button):hover span.label {
color: white;
}
button:hover i.icon, .button:hover i.icon,
button:not(.f-button):hover i.icon {
color: white;
}
button.blank, .button.blank,
button:not(.f-button).blank {
padding: 0;
margin: 0;
border: 0;
}
button.fancy, .button.fancy,
button:not(.f-button).fancy {
border: 0;
--fancy-white-outlines: url('data:image/svg+xml, ');
background-image: var(--fancy-white-outlines);
background-repeat: no-repeat;
}
button.fancy span, .button.fancy span,
button:not(.f-button).fancy span {
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
color: white;
}
button.fancy.with-icon i, .button.fancy.with-icon i,
button:not(.f-button).fancy.with-icon i {
color: white;
margin-right: 5px;
}
button.fancy:hover, .button.fancy:hover,
button:not(.f-button).fancy:hover {
--fancy-white-outlines: url('data:image/svg+xml, ');
background-image: var(--fancy-white-outlines);
background-repeat: no-repeat;
background-color: transparent;
}
button.fancy:hover span, button.fancy:hover i, .button.fancy:hover span, .button.fancy:hover i,
button:not(.f-button).fancy:hover span,
button:not(.f-button).fancy:hover i {
color: #254959;
}
button .loader-container, .button .loader-container,
button:not(.f-button) .loader-container {
position: absolute;
display: none;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
top: 0;
left: 0;
}
button.loading, .button.loading,
button:not(.f-button).loading {
background-color: white;
border-color: white;
}
button.loading span.label, .button.loading span.label,
button:not(.f-button).loading span.label {
visibility: hidden;
}
button.loading .loader-container, .button.loading .loader-container,
button:not(.f-button).loading .loader-container {
display: flex;
}
button.no-arrow::after, .button.no-arrow::after,
button:not(.f-button).no-arrow::after {
content: "" !important;
}
form input, form textarea, form select,
form label, form legend {
font: 14px 'Montserrat', sans-serif;
line-height: 140%;
color: #254959;
font-size: 12px !important;
font-weight: 600 !important;
width: 100%;
box-sizing: border-box;
}
form label, form legend {
text-transform: uppercase;
font-size: 11px !important;
}
form label, form legend, form .fui-instructions {
padding-left: 10px;
}
form input, form textarea, form select {
padding: 12px 10px;
border: 0;
border-bottom: 1px solid #B3B3B3;
border-radius: 0;
outline: none;
resize: none;
}
form input::-moz-placeholder, form textarea::-moz-placeholder, form select::-moz-placeholder {
font-size: 11px !important;
color: #B3B3B3;
}
form input::placeholder, form textarea::placeholder, form select::placeholder {
font-size: 11px !important;
color: #B3B3B3;
}
form input:focus,
form textarea:focus {
border-bottom: 1px solid #7E7E7E;
}
form textarea {
height: 100%;
}
.fui-i .fui-title, .fui-i .fui-heading {
padding-left: 0 !important;
}
.fui-i .fui-form-container .fui-row {
margin-bottom: 40px;
}
.fui-i .fui-form-container .fui-row .fui-field .fui-fieldset .fui-input-wrapper .fui-checkbox {
display: flex;
align-items: center;
padding: 12px 0;
}
.fui-i .fui-form-container .fui-row .fui-field .fui-fieldset .fui-input-wrapper .fui-checkbox label {
color: #254959;
font-size: 12px !important;
font-weight: 500 !important;
width: 100%;
}
.fui-i .fui-form-container .fui-row .fui-field .fui-fieldset .fui-input-wrapper .fui-checkbox input {
width: auto;
}
.fui-i .fui-form-container .fui-row .fui-field.fui-error label {
color: #E53D0F;
}
.fui-i .fui-form-container .fui-row .fui-field.fui-error input, .fui-i .fui-form-container .fui-row .fui-field.fui-error textarea, .fui-i .fui-form-container .fui-row .fui-field.fui-error select {
border-bottom: 1px solid #E53D0F;
}
.fui-i .fui-form-container .fui-error-message {
display: block;
padding: 10px;
font: 14px 'Montserrat', sans-serif;
line-height: 140%;
color: #E53D0F;
font-size: 11px !important;
}
.fui-i .fui-form-container .fui-btn-wrapper {
text-align: right;
}
.fui-i .fui-alert {
position: relative;
display: block;
padding: 20px;
margin-bottom: 40px;
font: 14px 'Montserrat', sans-serif;
line-height: 140%;
color: #254959;
font-size: 14px !important;
font-weight: 500 !important;
}
.fui-i .fui-alert.fui-alert-error {
background-color: #FEB9B4;
color: #FB4219;
}
.fui-i .fui-alert.fui-alert-success {
background-color: #00A0AF;
color: white;
}
.fui-i .nice-select.fui-select {
position: relative;
display: block;
margin-top: 0px;
width: 100%;
float: none;
border-radius: 0;
border: 1px solid #B3B3B3;
height: auto;
padding: 15px 15px;
}
.fui-i .nice-select.fui-select .current {
display: block;
font-size: 12px;
font-weight: 500;
}
.fui-i .nice-select.fui-select .nice-select-dropdown {
width: 100%;
max-height: 210px;
overflow-y: auto;
}
.fui-i .nice-select.fui-select .nice-select-dropdown::-webkit-scrollbar {
-webkit-appearance: none;
width: 8px;
}
.fui-i .nice-select.fui-select .nice-select-dropdown::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #7E7E7E; /* Adjust as needed */
}
.fui-i .nice-select.fui-select .nice-select-dropdown::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.1); /* Adjust as needed */
}
.fui-i .nice-select.fui-select .nice-select-dropdown .list {
max-height: 100% !important;
}
.fui-i .nice-select.fui-select .nice-select-dropdown .optgroup {
padding-left: 15px;
margin: 11px 0;
}
.fui-i .nice-select.fui-select .nice-select-dropdown .option {
padding-left: 25px;
}
.contact-form {
padding-top: 0 !important;
padding-left: 50px !important;
padding-right: 50px !important;
}
body > header {
position: relative;
display: block;
height: 400px;
}
a {
font: 14px 'Montserrat', sans-serif;
line-height: 140%;
color: #00A0AF;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a[href^="tel:"] {
color: #254959;
}
ul {
list-style: none;
}
.redactor strong,
.body > .redactor strong {
font: 14px 'Montserrat', sans-serif;
line-height: 140%;
color: #254959;
font-weight: bold;
}
.redactor ul,
.body > .redactor ul {
margin-bottom: 20px;
}
.redactor ul li a,
.body > .redactor ul li a {
display: inline;
text-align: left;
}
.redactor ul li,
.body > .redactor ul li {
position: relative;
padding-left: 25px;
padding-bottom: 5px;
}
.redactor ul li:before, .redactor ul.default li:before,
.body > .redactor ul li:before,
.body > .redactor ul.default li:before {
content: "—";
position: absolute;
display: block;
width: 15px;
height: 15px;
top: 0;
left: 0;
}
.redactor ul.point,
.body > .redactor ul.point {
list-style: disc;
list-style-position: outside;
}
.redactor ul.point li,
.body > .redactor ul.point li {
padding-left: 0;
margin-left: 20px;
}
.redactor ul.point li:before,
.body > .redactor ul.point li:before {
content: "";
}
.redactor ul.checkmarks li:before,
.body > .redactor ul.checkmarks li:before {
content: "\f112";
font-family: icons !important;
font-style: normal;
font-weight: normal !important;
vertical-align: top;
line-height: 1;
font-size: 12px;
top: 2px;
left: 3px;
}
nav.inline > ul {
display: block;
}
nav.inline > ul > li {
display: inline-block;
padding: 0 8px;
}
nav.inline > ul > li:first-child {
padding-left: 0;
}
nav.inline > ul > li:last-child {
padding-right: 0;
}
nav.inline > ul > li.active a {
font-weight: 600;
}
p,
span,
address,
h1, h2, h3, h4,
blockquote,
ul li, ol li,
form label,
time {
font: 14px 'Montserrat', sans-serif;
line-height: 140%;
color: #254959;
}
strong {
font-weight: 700;
}
em {
font-style: italic;
}
h1 {
font-weight: 800;
font-size: 35px;
line-height: 120%;
text-transform: uppercase;
padding-bottom: 40px !important;
}
@media screen and (max-width: 800px) {
h1 {
font-size: 30px;
-webkit-hyphens: auto;
hyphens: auto;
}
}
.container h2,
.container h2.bold {
text-transform: uppercase;
font-weight: 800;
font-size: 25px;
padding-bottom: 20px;
}
.container h2.small {
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
}
@media screen and (max-width: 760px) {
.container h2,
.container h2.bold {
font-size: 20px;
-webkit-hyphens: auto;
hyphens: auto;
}
}
#banner {
position: fixed;
width: 100vw;
z-index: 200;
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
overflow: hidden;
height: 0;
background-color: #DDDD45;
animation: slide-down-banner 0.3s ease-in-out 0.5s 1 normal forwards;
}
#banner * {
animation: fade-in 0.3s ease-in-out 0.5s 1 normal forwards;
font-weight: bold;
}
#banner.close-banner {
display: none;
}
#banner a {
cursor: pointer;
}
#banner #close-banner-button {
position: absolute;
right: 20px;
display: flex;
align-items: center;
padding: 9px;
}
#banner #close-banner-button i {
transition: all 200ms;
}
#banner #close-banner-button:hover i {
transform: rotate(90deg);
}
@media screen and (max-width: 600px) {
#banner {
animation: slide-down-banner-mobile 0.3s ease-in-out 0.5s 1 normal forwards;
flex-direction: column;
}
#banner span, #banner a {
text-align: center;
font-size: 12px;
}
#banner #close-banner-button {
font-size: 18px;
padding: 0;
}
}
@keyframes slide-down-banner {
100% {
height: 40px;
}
}
@keyframes slide-down-banner-mobile {
100% {
height: 80px;
}
}
#container .container {
--max-width: 950px;
--max-width-text: 930px;
--default-side-padding: 40px;
--default-top-padding: 60px;
position: relative;
display: block;
padding: var(--default-top-padding) var(--default-side-padding);
max-width: var(--max-width);
margin: 0 auto;
}
#container .container h2 {
padding-left: 30px;
}
#container .container.text {
max-width: var(--max-width-text) !important;
padding: var(--default-top-padding);
width: 90%;
}
#container .container:first-of-type {
--max-width: 930px;
}
#container .container:first-of-type h2, #container .container:first-of-type h3 {
padding-left: 20px;
}
@media screen and (max-width: 800px) {
#container .container {
width: 100vw;
padding: 30px 40px;
}
#container .container.text {
width: 100vw;
padding: 30px 40px;
}
}
#container .--offset-left {
max-width: var(--max-width180px);
margin-left: -180px;
}
@media screen and (max-width: 1440px) {
#container .--offset-left {
max-width: var(--max-width100px);
margin-left: -100px;
}
}
@media screen and (max-width: 1300px) {
#container .--offset-left {
max-width: var(--max-width40px);
margin-left: -40px;
}
}
@media screen and (max-width: 1130px) {
#container .--offset-left {
max-width: var(--max-width0);
margin-left: 0;
}
}
@media screen and (max-width: 1075px) {
#container .--offset-left {
max-width: var(--max-width);
padding-left: var(--default-side-padding);
padding-right: var(--default-side-padding);
}
}
#container .--no-top-paddings {
padding-top: 0 !important;
}
#container .--no-side-paddings {
padding-left: 0;
padding-right: 0;
}
#container .--no-side-paddings h2 {
padding-left: 70px;
}
#container .--with-side-paddings {
padding-left: var(--default-side-padding);
padding-right: var(--default-side-padding);
}
#container .container.fullwidth {
max-width: 100vw;
padding-left: 0;
padding-right: 0;
}
#container .max-width {
max-width: var(--max-width);
padding-left: var(--default-side-padding);
padding-right: var(--default-side-padding);
margin: 0 auto;
}
.content.with-spaces {
margin: 50px 0;
}
#cookie-banner {
position: fixed;
bottom: 20px;
opacity: 0.9;
left: 20px;
width: 420px;
height: auto;
padding: 50px 40px 40px;
box-shadow: 5px 5px 15px -5px #000000;
border-radius: 8px;
background: white;
z-index: 1000;
}
#cookie-banner span, #cookie-banner p, #cookie-banner h2 {
color: #285F74;
}
#cookie-banner .banner-heading {
display: flex;
align-items: center;
padding-bottom: 30px;
}
#cookie-banner .banner-heading h2 {
display: inline-block;
font-size: 30px;
padding: 0;
text-transform: uppercase;
}
#cookie-banner .banner-heading .cookie-icon {
display: inline-block;
margin-left: 15px;
}
#cookie-banner .banner-content p, #cookie-banner .banner-content a {
display: inline;
font-size: 13px;
font-weight: 500;
line-height: 130%;
}
#cookie-banner button.close {
position: absolute;
display: block;
top: 10px;
right: 10px;
padding: 10px;
background: none;
border: 0;
}
#cookie-banner button.close svg {
transition: all 200ms;
fill: #285F74;
}
#cookie-banner button.close:hover svg {
transform: rotate(90deg);
}
@media screen and (max-width: 600px) {
#cookie-banner {
width: calc(100% - 40px);
}
}
.front-programs {
position: relative;
display: block;
}
.front-programs ul.programs {
display: grid;
justify-content: center;
list-style: none;
background-color: rgba(40, 95, 116, 0.7);
-webkit-mask-box-image: url("/assets/images/mask-front-program.svg") 25;
margin: 10px 5px;
padding: 0 10px;
z-index: 2;
grid-template-columns: repeat(7, 1fr);
}
.front-programs ul.programs li.program a {
display: block;
padding: 15px 20px;
}
.front-programs ul.programs li.program a figure.doodle {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100px;
}
.front-programs ul.programs li.program a figure.doodle svg {
width: 55%;
max-height: 85%;
}
.front-programs ul.programs li.program a figure.doodle svg * {
fill: #fff !important;
stroke: #fff !important;
}
.front-programs ul.programs li.program a span {
display: block;
text-transform: uppercase;
text-align: center;
color: white;
font-size: 13px;
font-weight: bold;
padding: 3px 0;
}
.front-programs ul.programs li.program a .school-level {
opacity: 0.6;
font-size: 11px;
}
.front-programs ul.programs li.program a:hover {
text-decoration: none;
}
.front-programs ul.programs li[data-name=cp] a figure.doodle svg {
max-height: 77%;
}
.front-programs ul.programs li[data-name=fit] a figure.doodle svg {
width: 70%;
max-height: 95%;
}
.front-programs.desktop {
display: flex;
justify-content: center;
align-items: center;
padding: 4px 40px;
z-index: 5;
}
.front-programs.desktop .border-cover {
position: relative;
display: block;
margin-top: 50px;
}
.front-programs.desktop .border-cover .border-front-program {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.front-programs.desktop .border-cover i.highlighter {
position: absolute;
display: none;
bottom: -10px;
left: 0;
width: 30px;
height: 30px;
border-radius: 22px;
background-color: #DDDD45;
z-index: 3;
}
.front-programs.desktop .border-cover.mouseenter i.highlighter {
display: block;
transition: all 400ms cubic-bezier(0.21, 0.61, 0.36, 1);
}
@media screen and (max-width: 1150px) {
.front-programs.desktop {
padding: 4px 60px;
align-items: center;
justify-content: center;
}
.front-programs.desktop .border-cover {
margin-top: 0;
}
.front-programs.desktop .border-cover .highlighter {
display: none !important;
}
.front-programs.desktop ul.programs {
grid-template-columns: repeat(3, 1fr);
}
.front-programs.desktop ul.programs li:last-child {
grid-column: 2;
}
}
@media screen and (max-width: 760px) {
.front-programs.desktop {
padding: 4px 40px;
}
.front-programs.desktop ul.programs {
-webkit-mask-box-image: none !important;
mask-border: none !important;
}
}
@media screen and (max-width: 600px) {
.front-programs.desktop {
display: none;
}
}
.front-programs.mobile {
position: relative;
display: none;
justify-content: center;
align-items: flex-start;
padding: 25px 30px 30px 30px;
background-color: #285F74;
}
.front-programs.mobile:before {
position: absolute;
display: block;
top: -78px;
left: 0;
height: 80px;
width: 100%;
background-image: url("/assets/images/mask-mobile-front-programs.svg");
background-repeat: no-repeat;
background-position: bottom right;
background-size: 100%;
content: "";
}
.front-programs.mobile ul.programs {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.front-programs.mobile ul.programs li {
width: calc(50% - 20px);
}
.front-programs.mobile ul.programs li a {
padding: 0;
}
.front-programs.mobile ul.programs li a figure.doodle {
height: 90px;
}
.front-programs.mobile ul.programs li a span {
color: white;
padding: 2px;
display: flex;
justify-content: center;
font-size: 12px;
}
@media screen and (max-width: 600px) {
.front-programs.mobile {
display: flex;
}
}
section.partners {
margin-bottom: 60px;
}
section.partners h2 {
color: #00A0AF;
}
section.partners .support-type {
position: relative;
display: block;
margin-bottom: 40px;
}
section.partners .support-type h3 {
font-weight: 500;
margin-bottom: 10px;
padding-left: 30px;
text-transform: uppercase;
font-weight: 700;
font-size: 13px;
}
section.partners .support-type ul.logos {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
section.partners .support-type ul.logos li {
display: flex;
align-items: center;
justify-content: center;
min-width: 250px;
border: 1px solid #DDDDDD;
height: 150px;
padding: 30px;
}
section.partners .support-type ul.logos li a img {
min-width: 70px;
}
section.partners:last-of-type {
margin-bottom: 0;
}
@media screen and (max-width: 880px) {
section.partners .support-type ul.logos {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 600px) {
section.partners .support-type ul.logos {
grid-template-columns: repeat(1, 1fr);
}
}
.team {
padding-top: 20px !important;
}
.team > section {
display: flex;
width: 100%;
padding-bottom: 100px;
}
.team > section header {
flex: 0 0 180px;
padding-top: 30px;
}
.team > section header h2 {
font-size: 13px;
font-weight: bold;
padding-left: 0 !important;
}
.team > section ul {
flex: 1 1 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 60px 40px;
padding-left: 20px;
}
.team > section ul li {
display: block;
text-align: center;
}
.team > section ul li {
min-width: 185px;
}
.team > section ul li a:hover {
text-decoration: none !important;
}
.team > section ul li a:hover article.team-member img.regular {
opacity: 0;
}
.team > section ul li a:hover article.team-member img.hover {
opacity: 1;
}
.team > section ul li a article.team-member {
display: block;
max-width: 230px;
}
.team > section ul li a article.team-member h3, .team > section ul li a article.team-member span {
padding-left: 25px;
display: block;
text-align: left !important;
}
.team > section ul li a article.team-member span {
font-size: 13px;
color: #979797;
}
.team > section ul li a article.team-member figure {
position: relative;
display: block;
height: 190px;
width: 190px;
margin: 0 auto;
overflow: hidden;
margin-bottom: 20px;
transition: all 200ms;
background-image: url("/assets/images/mask-team-2.svg");
background-size: 99% 99%;
background-repeat: no-repeat;
}
.team > section ul li a article.team-member figure img {
position: absolute;
display: block;
-webkit-mask-image: url("/assets/images/mask-team-2-fill.svg");
mask-image: url("/assets/images/mask-team-2-fill.svg");
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
border-radius: 170px;
top: 7px;
left: 4px;
width: 93%;
height: auto;
transition: opacity 200ms ease-in;
}
.team > section ul li a article.team-member figure img.hover {
opacity: 0;
}
.team > section ul li a article.team-member h3 {
font-weight: bold;
color: #00A0AF;
}
.team > section:last-of-type {
padding-bottom: 0;
}
@media screen and (max-width: 950px) {
.team > section {
display: block;
}
.team > section header {
width: 100%;
}
}
@media screen and (max-width: 730px) {
.team > section ul {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 650px) {
.team > section ul {
grid-template-columns: repeat(1, 1fr);
}
.team > section ul li a article.team-member {
margin: 0 auto;
}
.team > section ul li a article.team-member figure {
height: 210px;
}
.team > section ul li a article.team-member figure img {
top: 17px;
}
}
.topbar {
--animation-duration: 350ms;
position: relative;
display: grid;
grid-template-columns: 250px auto 230px;
z-index: 100;
animation: fade-in normal forwards;
animation-iteration-count: 1;
animation-duration: var(--animation-duration);
}
.topbar .logo {
display: inline-block;
width: 100%;
height: auto;
}
.topbar .logo a {
display: block;
width: 80%;
}
.topbar .logo a svg {
width: 100%;
height: auto;
}
.topbar nav {
text-align: right;
}
.topbar ul.actions {
padding-top: 10px;
text-align: right;
}
.topbar ul.actions li {
display: inline-block;
}
.topbar ul.actions li.language-select {
padding-left: 10px;
}
.topbar ul.actions li.responsive-menu {
display: none;
}
.topbar ul.actions li.responsive-menu button i {
color: white;
}
.topbar .language .selected span, .topbar .language .selected i {
color: white !important;
}
.topbar .language ul.langauges {
bottom: auto;
top: 25px;
}
.topbar.fixed {
animation: fade-out normal forwards;
animation-iteration-count: 1;
animation-duration: var(--animation-duration);
}
.topbar.topbar-banner {
animation: fade-in normal forwards, moveTopbarDownDesktop 0.3s ease-in-out 0.5s 1 normal forwards;
}
@keyframes moveTopbarDownDesktop {
100% {
margin-top: 40px;
}
}
@keyframes moveTopbarDownMobile {
100% {
margin-top: 80px;
}
}
@media screen and (max-width: 1220px) {
.topbar {
grid-template-columns: 250px auto 230px;
}
.topbar ul.actions li.platform-login button {
padding-left: 15px;
padding-right: 15px;
}
.topbar ul.actions li.platform-login button span {
font-size: 11px;
}
}
@media screen and (max-width: 1150px) {
.topbar {
grid-template-columns: 250px auto 90px;
}
.topbar ul.actions li {
display: inline-block;
height: 40px;
width: 40px;
}
.topbar ul.actions li button {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
transform: none;
width: 100%;
height: 100%;
}
.topbar ul.actions li button i {
position: relative;
display: block;
}
.topbar ul.actions li button {
padding: 0;
background: none;
margin-top: 3px;
}
.topbar ul.actions li button span {
display: none;
}
.topbar ul.actions li button i {
margin-right: 0;
font-size: 18px;
}
.topbar ul.actions li button:hover i {
color: white;
}
}
@media screen and (max-width: 880px) {
.topbar {
grid-template-columns: 200px 0 auto;
}
.topbar ul.actions li button:hover i {
animation: bounce-up 600ms;
}
.topbar ul.actions li.platform-login button i {
font-size: 21px;
}
.topbar ul.actions li.responsive-menu {
display: inline-block;
}
}
@media screen and (max-width: 600px) {
.topbar.topbar-banner {
animation: fade-in normal forwards, moveTopbarDownMobile 0.3s ease-in-out 0.5s 1 normal forwards;
}
}
#contactperson {
--dimension: 120px;
--expanded-width: 390px;
position: fixed;
bottom: 30px;
right: 30px;
width: 120px;
height: var(--dimension);
z-index: 10;
transition: width 200ms;
}
#contactperson .mobile-trigger {
display: none !important;
}
#contactperson span.close,
#contactperson span.letter {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
top: 0px;
right: -15px;
border-radius: 100%;
background-color: #E1E04F;
opacity: 1;
transition: all 220ms ease-out;
}
#contactperson span.close i,
#contactperson span.letter i {
margin-top: -5px;
color: white;
font-size: 20px;
}
#contactperson article.persona {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: var(--dimension);
cursor: pointer;
transition: all 200ms;
}
#contactperson article.persona figure {
position: absolute;
display: block;
width: var(--dimension);
height: inherit;
background-size: cover;
background-position: center;
border-radius: 100%;
box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.9);
transition: transform 220ms;
z-index: 2;
}
#contactperson article.persona figure span.close {
display: none;
background-color: #254959 !important;
}
#contactperson article.persona figure span.close i {
margin-top: -2px;
font-size: 12px;
}
#contactperson article.persona .contact-infos {
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
top: 2px;
width: 0;
height: calc(var(--dimension) - 5px);
border-radius: var(--dimension);
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
background-color: white;
box-shadow: 0 0 15px -8px rgba(0, 0, 0, 0.5);
overflow: hidden;
z-index: 0;
}
#contactperson article.persona .contact-infos .inner {
position: relative;
display: block;
padding: 0 45px 0 calc(var(--dimension) + 32px);
width: var(--expanded-width);
}
#contactperson article.persona .contact-infos .inner h3 {
display: block;
font-weight: bold;
color: #00A0AF;
}
#contactperson article.persona .contact-infos .inner span {
display: block;
padding-top: 4px;
font-weight: 500;
font-size: 13px;
}
#contactperson article.persona .contact-infos .inner span a {
font-weight: 500;
font-size: 13px;
}
#contactperson a.close-link {
position: absolute;
display: block;
top: -8px;
right: 12px;
}
#contactperson a.close-link i {
font-size: 10px;
color: #979797;
}
#contactperson a.close-link:hover {
text-decoration: none;
}
#contactperson a.close-link:hover i {
color: #7E7E7E;
}
#contactperson.expand {
width: var(--expanded-width);
}
#contactperson.expand article.persona figure {
transform: scale(1.2);
}
#contactperson.expand article.persona figure .letter {
top: -28px;
opacity: 0;
}
#contactperson.expand article.persona figure .close {
transform: scale(0.8);
}
#contactperson.expand article .contact-infos {
width: 100%;
}
#contactperson.fixed {
position: absolute;
display: block;
bottom: auto;
}
@media screen and (max-width: 780px) {
#contactperson {
--dimension: 100px;
--expanded-width: 300px;
width: var(--dimension);
right: 20px;
bottom: 10px;
}
#contactperson article.persona figure {
right: 0;
left: auto;
}
#contactperson.expand {
height: 180px;
}
#contactperson.expand article.persona figure {
bottom: 30px;
}
#contactperson.expand article.persona figure span.close {
display: flex;
top: -10px;
right: -10px;
}
#contactperson.expand article.persona .contact-infos {
top: 50px;
right: 0;
left: auto;
width: auto;
height: auto;
border-radius: 8px;
}
#contactperson.expand article.persona .contact-infos .inner {
width: 240px;
padding: 20px;
}
#contactperson.expand article.persona .contact-infos .inner a.close-link {
display: none;
}
}
@media screen and (max-width: 680px) {
#contactperson {
--dimension: 50px;
}
#contactperson * {
transition: none !important;
}
#contactperson .mobile-trigger {
display: flex !important;
right: -5px !important;
}
#contactperson article.persona figure {
display: none;
}
#contactperson.expand {
--dimension: 100px;
}
#contactperson.expand article.persona figure {
display: block;
}
#contactperson.expand .mobile-trigger {
display: none;
}
}
.content--download h2,
.content--download > span.description {
display: block;
padding-left: 30px;
}
.content--download > span.description {
margin-bottom: 25px;
}
.content--download ul.downloads {
display: grid;
grid-template-columns: repeat(2, 400px);
}
.content--download ul.downloads li {
padding: 15px;
}
.content--download ul.downloads li a.download-item {
position: relative;
display: grid;
grid-template-columns: 55px auto;
padding: 25px 15px 15px 25px;
background-color: #C3EDEF;
border-radius: 5px;
}
.content--download ul.downloads li a.download-item .icon-holder {
display: flex;
align-items: center;
}
.content--download ul.downloads li a.download-item .icon-holder i.icon {
font-size: 34px;
color: #254959;
}
.content--download ul.downloads li a.download-item .details {
display: flex;
justify-content: center;
flex-direction: column;
}
.content--download ul.downloads li a.download-item .details strong,
.content--download ul.downloads li a.download-item .details span {
color: #254959;
font-size: 12px;
line-height: 130%;
padding-bottom: 6px;
}
.content--download ul.downloads li a.download-item .details span:last-child {
padding-bottom: 0;
}
.content--download ul.downloads li a.download-item .details strong {
font-weight: 600;
}
.content--download ul.downloads li a.download-item:after {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 5px;
left: 5px;
transition: all 100ms;
border: 2px solid #254959;
border-radius: 5px;
}
.content--download ul.downloads li a.download-item:hover {
text-decoration: none;
}
.content--download ul.downloads li a.download-item:hover:after {
top: 2px;
left: 2px;
border-color: #00A0AF;
}
@media screen and (max-width: 900px) {
.content--download ul.downloads {
display: block;
}
.content--download ul.downloads li a.download-item {
grid-template-columns: none;
}
.content--download ul.downloads li a.download-item .icon-holder {
display: none !important;
}
}
@media screen and (max-width: 750px) {
.content--download h2,
.content--download > span.description {
padding-left: 0 !important;
}
}
.content--events {
margin-bottom: 30px !important;
}
.content--events .timeline {
position: relative;
margin-bottom: 30px;
}
.content--events .timeline li.track {
padding: 20px 0 0 10px;
width: 33.3333333333%;
}
.content--events .timeline li.track .track-container {
position: relative;
display: block;
}
.content--events .timeline li.track .track-container:before {
position: absolute;
display: block;
top: 0;
left: 0;
height: 1.5px;
width: 100%;
background-color: #DBDBDB;
content: "";
}
.content--events .timeline li.track:last-of-type .track-container:before {
content: none;
}
.content--events .timeline li.track .event {
position: relative;
display: block;
padding-top: 20px;
padding-left: 2px;
transition: padding-top 150ms;
}
.content--events .timeline li.track .event time {
display: block;
font-size: 12px;
transition: color 150ms;
font-weight: 500;
padding: 8px 0;
}
.content--events .timeline li.track .event h4 {
font-size: 15px;
font-weight: bold;
}
.content--events .timeline li.track .event address {
font-size: 12px;
}
.content--events .timeline li.track .event .tag-container {
display: block;
margin: 10px 0 10px -5px;
}
.content--events .timeline li.track .event a {
cursor: pointer;
}
.content--events .timeline li.track .event:before {
--size: 22px;
position: absolute;
display: block;
top: calc(var(--size) / 2 * -1);
left: -4px;
height: var(--size);
width: var(--size);
border-radius: var(--size);
border: 3px solid #DBDBDB;
outline: 4px solid white;
transition: border-color 150ms;
background-color: white;
content: "";
}
.content--events .timeline li.track:hover {
cursor: grab;
}
.content--events .timeline li.track:hover article.event:before {
border-color: #7E7E7E;
}
.content--events .timeline li.track:hover[data-program-type=cp] article.event:before {
border-color: #DDDD45;
}
.content--events .timeline li.track:hover[data-program-type=eo] article.event:before {
border-color: #357e9a;
}
.content--events .timeline li.track:hover[data-program-type=yd] article.event:before {
border-color: #C3EDEF;
}
.content--events .timeline li.track:hover[data-program-type=pt] article.event:before {
border-color: #46B17B;
}
.content--events .timeline li.track:hover[data-program-type=ug] article.event:before, .content--events .timeline li.track:hover[data-program-type=fit] article.event:before {
border-color: #46B17B;
}
.content--events .fader {
position: absolute;
display: block;
height: 300px;
width: 30px;
top: 0;
z-index: 1;
}
.content--events .fader.left {
left: 0;
background-image: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
.content--events .fader.right {
right: 0;
width: 80px;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}
@media screen and (max-width: 800px) {
.content--events .timeline li.track {
width: 50%;
}
}
@media screen and (max-width: 650px) {
.content--events .fader {
display: none !important;
}
.content--events .timeline li.track {
width: 100%;
}
.content--events .timeline li.track article.event {
padding-left: 20px;
}
}
@media screen and (max-width: 930px) {
.content--imagegallery {
width: 100vw;
}
}
.content--infographic {
padding-top: 10px !important;
padding-bottom: 10px !important;
max-width: 930px !important;
padding-left: 60px !important;
padding-right: 60px !important;
width: 90%;
}
.content--infographic h2 {
padding-left: 0 !important;
}
.content--infographic figure img {
width: 100%;
height: auto;
}
@media screen and (max-width: 2800px) {
.content--infographic figure img.desktop {
display: block;
}
.content--infographic figure img.tablet, .content--infographic figure img.phone {
display: none;
}
}
@media screen and (max-width: 900px) {
.content--infographic figure img.tablet {
display: block;
}
.content--infographic figure img.desktop, .content--infographic figure img.phone {
display: none;
}
}
@media screen and (max-width: 850px) {
.content--infographic figure img.phone {
display: block;
}
.content--infographic figure img.desktop, .content--infographic figure img.tablet {
display: none;
}
}
@media screen and (max-width: 800px) {
.content--infographic {
padding: 10px 40px !important;
}
}
.content--reels {
position: relative;
display: block;
max-width: 90%;
margin: 0 auto;
padding: 60px 40px;
}
@media screen and (max-width: 750px) {
.content--reels {
max-width: 100%;
}
}
.content--reels .reels {
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
gap: 25px;
}
.content--reels .reels .instagram-media {
max-width: 400px !important;
flex: 1;
padding: 20px !important;
margin: 0 !important;
border: 2px solid #DDDD45 !important;
border-radius: 5px !important;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}
.content--list .list a:hover {
text-decoration: none !important;
}
.content--list .list a:hover article .body h3 {
text-decoration: underline;
}
.content--list ul.list.default {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.content--list ul.list.default li a article h3 {
text-decoration: none !important;
color: #00A0AF;
}
.content--list ul.list.default li article {
display: grid;
grid-template-columns: 45px auto;
padding: 25px;
height: 100%;
}
.content--list ul.list.default li article figure svg {
display: inline-block;
width: 32px;
height: auto;
}
.content--list ul.list.default li article figure svg g path {
stroke: #7E7E7E !important;
}
.content--list ul.list.default li article.without-icon {
padding: 25px;
grid-template-columns: repeat(1, 1fr);
}
.content--list ul.list.default li article .button {
display: inline-block;
margin-top: 20px;
padding: 7px 15px;
border-radius: 5px;
border-width: 1.5px;
margin-left: -3px;
}
.content--list ul.list.default li article .button span {
font-size: 11px;
font-weight: 600;
color: #00A0AF;
}
.content--list ul.list.default li article .button span::after {
content: " →";
}
.content--list ul.list.default li article .button:hover span {
color: white;
}
.content--list ul.list.default li article .body h3 {
display: block;
font-weight: 700;
}
.content--list ul.list.default li article .body p {
font-size: 13px;
}
@media screen and (max-width: 840px) {
.content--list ul.list.default {
grid-template-columns: 1fr;
}
}
.content--list div.list.doodle .item {
display: flex;
justify-content: center;
padding-bottom: 30px;
width: 50%;
}
.content--list div.list.doodle .item > a {
width: 80% !important;
}
.content--list div.list.doodle .item > a > article {
width: 100% !important;
}
.content--list div.list.doodle .item article {
display: grid;
grid-template-rows: 150px auto;
width: 80%;
}
.content--list div.list.doodle .item article figure {
display: flex;
justify-content: center;
align-items: center;
}
.content--list div.list.doodle .item article figure svg {
width: 150px;
height: 90%;
}
.content--list div.list.doodle .item article .body {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 50px 30px;
margin-top: 20px;
background-color: #F8F8F8;
border-radius: 5px;
}
.content--list div.list.doodle .item article .body h3 {
display: block;
text-transform: uppercase;
font-weight: 700;
padding-bottom: 15px;
color: #00A0AF;
}
.content--list div.list.doodle .item article .body p {
font-size: 13px;
}
.content--list div.list.doodle .item article .body:after {
content: "";
position: absolute;
display: block;
top: 6px;
left: 4px;
width: calc(100% - 2px);
height: calc(100% - 2px);
border: 2px solid #DDDD45;
border-radius: 5px;
}
@media screen and (max-width: 750px) {
.content--list div.list.doodle .item {
width: 100%;
}
}
.content--list .doodle-navigation button {
color: #00A0AF;
height: 40px;
top: auto;
bottom: 30%;
}
.content--list .doodle-navigation button.disabled i {
color: #B3B3B3 !important;
}
.content--list .doodle-navigation button:hover {
background-color: transparent;
}
.content--list .doodle-navigation button:hover i {
color: #254959 !important;
}
@media screen and (max-width: 1050px) {
.content--list .doodle-navigation button {
bottom: 0;
}
.content--list .doodle-navigation button.glider-prev {
left: 80px;
}
.content--list .doodle-navigation button.glider-next {
right: 100px;
}
}
.content--list.no-navigation .doodle-navigation {
display: none !important;
}
@media screen and (max-width: 940px) {
.content--list {
width: 100vw;
}
.content--list .list.default {
padding: 0 30px;
}
}
@media screen and (max-width: 780px) {
.content--list {
padding: 3px 10px !important;
}
.content--list .list li article {
padding-left: 0 !important;
}
.content--list div.list.doodle .item > a {
width: 80% !important;
}
}
.content--moodimage {
position: relative;
display: block;
}
.content--moodimage .content--parallax-wrapper {
position: relative;
display: block;
-webkit-mask-image: url("/assets/images/mask-contentbox.svg");
mask-image: url("/assets/images/mask-contentbox.svg");
-webkit-mask-size: cover;
mask-size: cover;
}
.content--moodimage .content--parallax-wrapper .moodimage-container {
height: 500px;
}
.content--moodimage .content--parallax-wrapper .moodimage-container figure {
height: 100%;
background-size: cover;
background-position: center;
}
.content--moodimage .colorstripe {
position: relative;
display: block;
width: 100%;
height: auto;
}
.content--moodimage .colorstripe.ice g#Content {
stroke: #C3EDEF;
}
.content--moodimage .colorstripe.immersive_blue g#Content {
stroke: #22404D;
}
.content--moodimage .colorstripe.resilient_turquoise g#Content {
stroke: #00A0AF;
}
.content--moodimage .colorstripe.boundless_blue g#Content {
stroke: #285F74;
}
.content--moodimage .colorstripe.empowered_yellow g#Content {
stroke: #DDDD45;
}
.content--moodimage .colorstripe.jade g#Content {
stroke: #46B17B;
}
.content--moodimage.with-colorstripe .content--parallax-wrapper {
top: -60px;
}
@media screen and (max-width: 800px) {
.content--moodimage.with-colorstripe .content--parallax-wrapper {
top: -70px;
}
.content--moodimage.with-colorstripe .content--parallax-wrapper .moodimage-container {
height: 300px;
}
.content--moodimage.with-colorstripe .colorstripe g#Content {
stroke-width: 7px;
}
}
@media screen and (min-width: 1700px) {
.content--moodimage.width-colorstripe .content--parallax-wrapper {
top: -70px;
}
}
@media screen and (min-width: 1900px) {
.content--moodimage.with-colorstripe .content--parallax-wrapper {
top: -100px;
border: 1px solid black;
}
}
.content--operating-figures {
position: relative;
display: block;
}
.content--operating-figures span.description {
display: block;
padding: 0 30px 20px 20px;
}
.content--operating-figures ul.operating-figures {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.content--operating-figures ul.operating-figures li {
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px;
border-radius: 8px;
text-align: center;
font-weight: 500;
text-transform: uppercase;
}
.content--operating-figures ul.operating-figures li span {
color: white;
}
.content--operating-figures ul.operating-figures li span.label {
display: flex;
justify-content: center;
align-items: center;
height: 50px;
font-size: 16px;
}
.content--operating-figures ul.operating-figures li div.number-counter {
font-size: 40px;
font-weight: 600;
}
.content--operating-figures ul.operating-figures li div.number-counter span {
font-size: 40px;
font-weight: 600;
font-feature-settings: "tnum";
}
.content--operating-figures ul.operating-figures li img {
display: block;
width: 45%;
height: auto;
margin: 30px auto;
}
.content--operating-figures ul.operating-figures li.students {
background-color: #DDDD45;
}
.content--operating-figures ul.operating-figures li.teachers {
background-color: #46B17B;
}
.content--operating-figures ul.operating-figures li.volunteers {
background-color: #00A0AF;
}
.content--operating-figures ul.operating-figures li.yes_pms {
background-color: #22404D;
}
@media screen and (max-width: 745px) {
.content--operating-figures ul.operating-figures {
grid-template-columns: 1fr;
}
.content--operating-figures ul.operating-figures li img {
width: 45%;
}
}
.content--quote .description {
display: block;
padding-left: 70px;
padding-bottom: 20px;
}
.content--quote .inner {
display: grid;
grid-template-columns: 40% 60%;
}
.content--quote .inner figure {
order: 1;
}
.content--quote .inner figure img {
width: 100%;
height: auto;
}
.content--quote .inner blockquote {
order: 2;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding-left: 80px;
font-size: 18px;
font-weight: 700;
font-style: italic;
line-height: 160%;
padding: 60px;
color: #00A0AF;
}
.content--quote .inner blockquote figcaption {
position: absolute;
display: block;
bottom: -10px;
width: 100%;
padding-left: 100px;
padding-right: 60px;
color: #254959;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 140%;
}
.content--quote .inner blockquote figcaption cite {
display: block;
font-weight: 300;
}
.content--quote .inner blockquote figcaption:before {
content: "";
position: absolute;
display: block;
top: 6px;
left: 65px;
height: 2px;
width: 20px;
background: #254959;
}
.content--quote .inner blockquote:before, .content--quote .inner blockquote:after {
content: "";
position: absolute;
display: block;
top: 20px;
left: 20px;
width: 36px;
height: 38px;
background: url("/assets/images/quote.svg") no-repeat;
background-size: 100% auto;
}
.content--quote .inner blockquote:after {
top: auto;
left: auto;
bottom: 30px;
right: 20px;
transform: rotateZ(180deg);
}
.content--quote.no-portrait .inner {
display: block;
grid-template-columns: none;
}
.content--quote.with-portrait-right .inner figure {
order: 2;
}
.content--quote.with-portrait-right .inner blockquote {
order: 1;
padding-right: 80px;
}
.content--quote.with-portrait-right .inner blockquote:after {
right: 30px;
}
@media screen and (max-width: 850px) {
.content--quote .inner {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 780px) {
.content--quote .inner {
padding: 0;
padding-left: 10px;
}
.content--quote .inner blockquote {
flex-direction: column;
padding: 50px 40px 30px 40px;
font-size: 16px;
}
.content--quote .inner blockquote:before {
left: 0;
}
.content--quote .inner blockquote figcaption {
position: relative;
display: block;
margin-top: 20px;
padding-left: 40px;
padding-right: 20px;
width: 100%;
left: 0;
}
.content--quote .inner blockquote figcaption:before {
left: 0;
}
}
@media screen and (max-width: 600px) {
.content--quote .inner blockquote {
padding: 50px 10px 30px 40px !important;
font-size: 14px;
}
}
.content--singleimage {
padding-top: 10px !important;
}
.content--singleimage img {
display: block;
margin: 0 auto;
width: 100%;
height: 100%;
}
.content--text {
padding-top: 0 !important;
}
.content--text h2, .content--text h3 {
font-size: 25px;
padding: 0 !important;
text-transform: none;
font-weight: 800;
line-height: 160%;
text-transform: uppercase;
}
.content--text h3 {
text-transform: none;
font-size: 18px;
}
.content--text p {
line-height: 160%;
padding-bottom: 30px;
font-size: 15px;
width: 92%;
}
.content--text p:last-child {
padding-bottom: 0;
}
.content--text p:last-child {
padding-bottom: 0;
}
@media screen and (max-width: 650px) {
.content--text p {
width: 100%;
}
}
.content--textblock {
position: relative;
padding-top: 80px;
background: url("/assets/images/mask-textblock-white-top.svg") no-repeat;
background-size: 100%;
}
.content--textblock .colorstripe {
position: absolute;
top: -30px;
width: 100%;
height: auto;
}
.content--textblock section.container {
max-width: 1000px;
padding: calc(var(--default-top-padding) + 10px) !important;
}
.content--textblock section.container header h2 {
font: 25px 'Montserrat', sans-serif;
line-height: 130%;
width: 60%;
padding-left: 0 !important;
text-transform: uppercase;
font-weight: 600;
padding-bottom: 0;
}
.content--textblock section.container header h2.bold {
font-weight: 800;
}
.content--textblock section.container .body {
margin-top: 30px;
width: 80%;
}
.content--textblock section.container .body h3, .content--textblock section.container .body p {
color: white;
line-height: 150%;
}
.content--textblock section.container .body h3 {
font-weight: bold;
padding-left: 0 !important;
}
.content--textblock section.container footer {
position: relative;
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 40px;
}
.content--textblock section.container footer a.button,
.content--textblock section.container footer button {
border-width: 2px;
vertical-align: top;
}
.content--textblock section.container footer a.button i,
.content--textblock section.container footer button i {
margin-right: 3px;
}
.content--textblock section.container footer a.button span,
.content--textblock section.container footer button span {
text-transform: uppercase;
font-weight: 500;
font-size: 13px;
}
.content--textblock section.container footer a.button:hover,
.content--textblock section.container footer button:hover {
text-decoration: none;
}
.content--textblock section.container footer a.button:after {
content: "→";
font-size: 16px;
text-decoration: none;
color: #C3EDEF;
}
.content--textblock .doodle {
position: absolute;
display: block;
bottom: 60px;
right: 100px;
max-width: 280px;
height: auto;
}
.content--textblock .doodle img {
position: relative;
display: block;
width: 100%;
height: auto;
max-height: 140px;
}
.content--textblock.immersive-blueblack {
background-color: #22404D;
}
.content--textblock.immersive-blueblack .colorstripe path {
stroke: #46B17B;
}
.content--textblock.immersive-blueblack section.container .body p, .content--textblock.immersive-blueblack section.container .body strong, .content--textblock.immersive-blueblack section.container .body ul li {
color: white !important;
}
.content--textblock.immersive-blueblack section.container .body p {
display: block;
margin-bottom: 15px;
}
.content--textblock.immersive-blueblack section.container .body p:last-of-type {
margin-bottom: 0;
}
.content--textblock.immersive-blueblack section.container .body ul li a {
text-decoration: underline;
color: #DDDD45;
}
.content--textblock.immersive-blueblack section.container h2 {
color: #DDDD45;
}
.content--textblock.immersive-blueblack section.container footer a.button,
.content--textblock.immersive-blueblack section.container footer button {
border-color: #C3EDEF;
}
.content--textblock.immersive-blueblack section.container footer a.button span, .content--textblock.immersive-blueblack section.container footer a.button i,
.content--textblock.immersive-blueblack section.container footer button span,
.content--textblock.immersive-blueblack section.container footer button i {
color: #C3EDEF;
}
.content--textblock.immersive-blueblack section.container footer a.button:after {
color: #C3EDEF;
}
.content--textblock.immersive-blueblack section.container footer a.button:hover,
.content--textblock.immersive-blueblack section.container footer button:hover {
background: #C3EDEF;
}
.content--textblock.immersive-blueblack section.container footer a.button:hover span, .content--textblock.immersive-blueblack section.container footer a.button:hover i,
.content--textblock.immersive-blueblack section.container footer button:hover span,
.content--textblock.immersive-blueblack section.container footer button:hover i {
color: #254959;
}
.content--textblock.immersive-blueblack section.container footer a.button:hover:after {
color: #254959;
}
.content--textblock.grey {
background-color: #F0F0F0;
}
.content--textblock.grey .colorstripe path {
stroke: #DDDD45;
}
.content--textblock.grey section.container h2 {
color: #22404D;
}
.content--textblock.grey section.container .body h3, .content--textblock.grey section.container .body p {
color: #22404D;
}
.content--textblock.grey section.container footer a.button,
.content--textblock.grey section.container footer button {
border-color: #00A0AF;
}
.content--textblock.grey section.container footer a.button span, .content--textblock.grey section.container footer a.button i,
.content--textblock.grey section.container footer button span,
.content--textblock.grey section.container footer button i {
color: #00A0AF;
}
.content--textblock.grey section.container footer a.button:after {
color: #00A0AF;
}
.content--textblock.grey section.container footer a.button:hover,
.content--textblock.grey section.container footer button:hover {
background: #00A0AF;
}
.content--textblock.grey section.container footer a.button:hover span, .content--textblock.grey section.container footer a.button:hover i,
.content--textblock.grey section.container footer button:hover span,
.content--textblock.grey section.container footer button:hover i {
color: white;
}
.content--textblock.grey section.container footer a.button:hover:after {
color: white;
}
@media screen and (max-width: 1200px) {
.content--textblock {
padding-top: 50px;
}
}
@media screen and (min-width: 1130px) {
.content--textblock .colorstripe {
top: -50px;
}
.content--textblock .colorstripe g {
stroke-width: 3;
}
}
@media screen and (min-width: 2000px) {
.content--textblock .colorstripe {
top: -60px !important;
}
.content--textblock .colorstripe g {
stroke-width: 2;
}
}
@media screen and (max-width: 1070px) {
.content--textblock .doodle {
right: 70px;
max-width: 170px;
}
}
@media screen and (max-width: 950px) {
.content--textblock section.container h2 {
width: 85%;
}
.content--textblock section.container .body {
width: 100%;
}
.content--textblock .doodle {
display: none;
}
}
@media screen and (max-width: 780px) {
.content--textblock section.container {
padding: 30px 40px !important;
}
.content--textblock section.container header h2 {
width: 100%;
}
.content--textblock section.container button, .content--textblock section.container a {
display: block;
width: 100%;
margin-bottom: 8px;
}
.content--textblock section.container a {
text-align: center;
}
}
.content--video {
padding-top: 10px !important;
}
.content--video.colored-box {
position: relative;
display: block;
background: url("/assets/images/mask-textblock-white-top.svg") no-repeat;
background-size: 100%;
}
.content--video.colored-box .container {
padding-top: 100px !important;
}
.content--video.colored-box .colorstripe {
position: absolute;
top: -30px;
width: 100%;
height: auto;
}
.content--video iframe[src*=vimeo],
.content--video iframe[src*=youtube],
.content--video video {
width: 100%;
height: auto;
aspect-ratio: 16/9;
}
.content--video.immersive-blueblack {
background-color: #22404D;
}
.content--video.immersive-blueblack .colorstripe path {
stroke: #46B17B;
}
.content--video.immersive-blueblack section.container h2 {
color: #DDDD45;
}
.content--video.grey {
background-color: #F0F0F0;
}
.content--video.grey .colorstripe path {
stroke: #DDDD45;
}
.content--video.grey section.container h2 {
color: #22404D;
}
@media screen and (max-width: 750px) {
.content--video {
padding-left: 0 !important;
padding-right: 0 !important;
}
.content--video.colored-box {
background: none !important;
}
.content--video.colored-box .container {
--max-width: 100%;
padding: 0 !important;
}
.content--video.colored-box .container h2 {
padding-left: 60px !important;
}
.content--video.colored-box .colorstripe {
display: none;
}
}
@media screen and (min-width: 1130px) {
.content--video.colored-box .colorstripe {
top: -50px;
}
.content--video.colored-box .colorstripe g {
stroke-width: 3;
}
}
@media screen and (min-width: 2000px) {
.content--video.colored-box .colorstripe {
top: -60px !important;
}
.content--video.colored-box .colorstripe g {
stroke-width: 2;
}
}
body > footer {
position: relative;
display: block;
z-index: 100;
}
body > footer .container {
display: grid;
width: 80%;
max-width: 1500px;
margin: 0 auto;
}
body > footer #footer {
background-color: #F9F9F9;
}
body > footer #footer .container {
grid-template: "contact inner" auto/300px auto;
padding: 40px 0;
}
body > footer #footer .contact {
padding: 25px 35px 25px 0;
border-right: 1px dashed #DDDDDD;
}
body > footer #footer .contact .logo {
display: block;
margin-left: -30px;
margin-bottom: 50px;
}
body > footer #footer .contact .logo a {
display: block;
width: 70%;
}
body > footer #footer .contact .logo svg {
width: 100%;
height: auto;
}
body > footer #footer .contact .socials {
margin-top: 50px;
}
body > footer #footer .inner {
padding: 25px 0 25px 35px;
}
body > footer #footer .inner .buttons {
display: block;
}
body > footer #footer .inner .buttons li {
display: inline-block;
vertical-align: top;
margin-right: 15px;
}
body > footer #footer .inner .buttons li:last-child {
margin-right: 0;
}
@media screen and (max-width: 900px) {
body > footer #footer .inner .buttons li {
display: block;
margin-right: 0;
margin-bottom: 15px;
}
body > footer #footer .inner .buttons li button {
width: 100%;
}
body > footer #footer .inner .buttons li:last-child {
margin-bottom: 0;
}
}
body > footer #footer .inner nav.footer-navigation {
margin-top: 70px;
}
body > footer #footer .inner nav.footer-navigation ul {
list-style: none;
}
body > footer #footer .inner nav.footer-navigation ul li a {
color: #254959;
font-size: 12px;
line-height: 150%;
}
body > footer #footer .inner nav.footer-navigation ul.main {
display: grid;
grid-template-columns: 1fr;
grid-gap: 15px;
}
body > footer #footer .inner nav.footer-navigation ul.main > li {
display: inline-block;
}
body > footer #footer .inner nav.footer-navigation ul.main > li > a {
font-weight: 600;
}
body > footer #footer .inner nav.footer-navigation ul.main ul.children > li {
display: block;
}
body > footer #footer .inner nav.footer-navigation ul li.leaves {
line-height: 200%;
}
body > footer #footer .inner nav.footer-navigation ul li.leaves a {
display: block;
}
@media screen and (min-width: 730px) {
body > footer #footer .inner nav.footer-navigation ul.main {
grid-template-columns: 1fr;
}
}
@media screen and (min-width: 750px) {
body > footer #footer .inner nav.footer-navigation ul.main {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 1000px) {
body > footer #footer .inner nav.footer-navigation ul.main {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 1300px) {
body > footer #footer .inner nav.footer-navigation ul.main {
grid-template-columns: repeat(5, 1fr);
}
}
body > footer #legal span {
display: flex;
align-items: center;
font: 12px 'Montserrat', sans-serif;
line-height: 140%;
color: #7E7E7E;
font-weight: 500;
}
body > footer #legal nav.legals {
text-align: right;
}
body > footer #legal nav.legals li {
line-height: 140%;
}
body > footer #legal nav.legals li a {
font-size: 11px;
}
body > footer #legal .langauge-container {
display: flex;
align-items: center;
justify-content: flex-end;
}
body > footer #legal .langauge-container .language {
height: 15px;
font-size: 11px;
}
body > footer #legal .container {
grid-template: "copyright legals langauge" auto/250px auto 50px;
padding-top: 30px;
padding-bottom: 30px;
}
body > footer .marketplace {
position: absolute;
top: 30px;
left: auto;
right: 30px;
}
@media screen and (max-width: 800px) {
body > footer .marketplace {
top: auto;
bottom: 120px;
}
}
@media screen and (max-width: 1010px) {
body > footer #footer .container {
grid-template: none;
}
body > footer #footer .container .contact,
body > footer #footer .container .inner {
padding: 0;
border: 0;
}
body > footer #footer .container .inner {
grid-row: 1;
}
body > footer #footer .container .inner .footer-navigation {
margin-top: 40px;
display: none;
}
body > footer #footer .container .contact {
grid-row: 2;
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid #DDDDDD;
}
body > footer #footer .container .contact .logo {
margin-left: 0;
}
body > footer #footer .container .contact .logo a {
width: 40%;
}
body > footer .marketplace {
bottom: 300px;
}
body > footer #legal .container {
position: relative;
display: block;
grid-template: "legals" auto "copyright" auto;
padding: 20px 0;
}
body > footer #legal .container .langauge-container {
position: absolute;
display: block;
width: 100%;
text-align: right;
top: 17px;
}
body > footer #legal .container span {
padding: 0;
grid-row: 2;
}
body > footer #legal .container .legals {
text-align: right;
padding: 20px 0 10px 0;
grid-row: 1;
}
body > footer #legal .container .legals ul.legal-pages {
text-align: left;
}
body > footer #legal .container .legals ul.legal-pages li {
padding: 0;
padding-right: 4px;
text-align: left;
}
body > footer #legal .container .legals ul.legal-pages li a {
font-size: 12px;
}
body > footer #legal .container .legals ul.legal-pages li:last-child {
padding-right: 0;
}
}
@media screen and (max-width: 600px) {
body > footer .marketplace {
bottom: auto;
top: 190px !important;
}
body > footer .contact .logo a {
width: 50% !important;
}
}
html {
height: 100%;
}
body {
display: grid;
grid-template-rows: 1fr auto;
min-height: 100%;
}
body > footer {
grid-row-start: 2;
grid-row-end: 3;
}
body:not([data-template=front]) header#default-header {
position: relative;
display: block;
border: 10px solid black;
height: 60vh;
-webkit-mask-image: url("/assets/images/mask-default-header.svg");
mask-image: url("/assets/images/mask-default-header.svg");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-position: bottom;
mask-position: bottom;
overflow: hidden;
z-index: 1;
}
body:not([data-template=front]) header#default-header .background-image {
position: fixed;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: cover;
background-position: center center;
background-color: #00A0AF;
}
body:not([data-template=front]) header#default-header .background-image:before {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(34, 64, 77, 0.3);
}
body:not([data-template=front]) header#default-header .background-image.desktop {
display: block;
background-color: white;
}
body:not([data-template=front]) header#default-header .background-image.mobile {
display: none;
background-size: auto !important;
background-color: white;
}
body:not([data-template=front]) header#default-header.with-background-image {
height: 90vh;
}
body:not([data-template=front]) header#default-header .topbar {
position: fixed;
top: 20px;
left: 20px;
width: 100%;
padding-right: 40px;
}
body:not([data-template=front]) #content {
position: relative;
margin-top: -20vh;
padding-bottom: 10vh;
z-index: 1;
}
body:not([data-template=front]) #content h1:before {
content: "";
position: absolute;
display: block;
top: -28px;
left: 0;
width: 100%;
height: 30px;
background-image: url("/assets/images/mask-default-container.svg");
background-position: right;
background-size: auto 100%;
}
body:not([data-template=front]) #content > .container {
background: white;
}
@media screen and (max-width: 780px) {
body:not([data-template=front]) header#default-header {
height: 45vh !important;
}
body:not([data-template=front]) header#default-header .background-image.desktop {
display: none !important;
}
body:not([data-template=front]) header#default-header .background-image.mobile {
position: fixed;
display: block;
height: inherit;
}
body:not([data-template=front]) #content {
margin-top: -10vh;
}
}
body[data-template=front] header#front-header {
position: relative;
display: grid;
grid-template-rows: 130px auto 100px;
height: 100vh;
padding: 20px;
}
body[data-template=front] header#front-header span.background-image,
body[data-template=front] header#front-header span.front-program-background {
position: absolute;
display: block;
top: 0;
width: 0;
height: 100vh;
width: 100%;
background: #3ebd93;
background-position: center;
background-size: cover;
transition: opacity 300ms !important;
opacity: 0;
z-index: 1;
}
body[data-template=front] header#front-header span.background-image.mobile,
body[data-template=front] header#front-header span.front-program-background.mobile {
display: none;
opacity: 1 !important;
}
body[data-template=front] header#front-header span.background-image.focus,
body[data-template=front] header#front-header span.front-program-background.focus {
opacity: 1;
z-index: 2;
}
body[data-template=front] header#front-header .topbar {
grid-row: 1;
}
body[data-template=front] header#front-header .bottombar {
display: flex;
justify-content: center;
align-items: flex-end;
grid-row: 3;
z-index: 4;
}
body[data-template=front] header#front-header .bottombar a {
animation: bounce 2s ease;
width: 18px;
height: 50px;
}
body[data-template=front] header#front-header:after {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100vh;
z-index: 3;
background-color: rgba(34, 64, 77, 0.25);
background-size: cover;
background-position: center;
}
@media screen and (max-width: 600px) {
body[data-template=front] header#front-header {
height: 38vh;
}
body[data-template=front] header#front-header span.background-image {
height: 38vh;
}
body[data-template=front] header#front-header span.background-image.desktop {
display: none;
}
body[data-template=front] header#front-header span.background-image.mobile {
display: block;
}
body[data-template=front] header#front-header .bottombar {
display: none;
}
body[data-template=front] header#front-header:after {
display: none !important;
}
}
body[data-template=front] .container {
--max-width: 930px !important;
}
body[data-template=front] .container h2, body[data-template=front] .container h3 {
padding-left: 20px !important;
}
@media screen and (max-width: 800px) {
body[data-template=front] .container.text {
padding-left: 60px !important;
padding-right: 40px !important;
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
ul.accordion li {
display: block;
margin-bottom: 30px;
}
ul.accordion li:last-child {
margin-bottom: 0;
}
ul.accordion li article {
box-shadow: 0 0 15px -8px rgba(0, 0, 0, 0.24);
}
ul.accordion li article header {
display: grid;
grid-template-columns: auto 80px;
padding: 30px;
cursor: pointer;
}
ul.accordion li article header h3 {
font-weight: bold;
}
ul.accordion li article header .state {
display: flex;
justify-content: flex-end;
align-items: center;
}
ul.accordion li article header .state i {
transition: all 100ms ease-in;
transform: rotateZ(180deg);
color: #979797;
font-size: 15px;
height: 11px;
}
ul.accordion li article header:hover h3 {
color: #00A0AF;
}
ul.accordion li article header:hover i.icon {
color: #00A0AF;
}
ul.accordion li article .body {
overflow: hidden;
display: block;
max-height: 0;
transition: all 250ms ease-in-out;
padding-right: 80px;
}
ul.accordion li article .body .inner {
padding: 30px;
padding-top: 0;
}
ul.accordion li article header:hover i.icon {
transform: rotateZ(0);
}
ul.accordion li article.open header i.icon {
transform: rotateZ(0);
color: #00A0AF;
}
ul.accordion li article.open .body {
max-height: 800px;
}
@media screen and (max-width: 800px) {
ul.accordion li article header {
grid-template-columns: auto 40px;
}
ul.accordion li article header .state i {
font-size: 15px;
}
ul.accordion li article .body {
width: 100%;
padding-right: 0;
}
}
address {
display: block;
font-size: 13px;
}
address .phone-mail-box {
display: block;
padding-top: 15px;
}
address,
address .phone-mail-box a {
font-size: 13px;
line-height: 160%;
}
.carousel-container {
margin-bottom: 30px !important;
}
.carousel-container > header {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.carousel-container > header .link-container {
text-align: right;
padding-right: 20px;
}
.carousel-container > header .link-container a {
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
}
.carousel-container > .body {
height: auto;
}
.carousel-container > .body ul.carousel-list {
--padding: 30px;
}
.carousel-container > .body ul.carousel-list li.f-carousel__slide {
width: 33.3333333333%;
}
.carousel-container > .body ul.carousel-list li.list-item {
padding: 20px 10px;
}
.carousel-container > .body ul.carousel-list li.list-item a article {
position: relative;
display: grid;
grid-template-rows: auto auto 200px;
height: 100%;
box-shadow: 0 3px 15px -5px rgba(0, 0, 0, 0.3);
border-radius: 5px;
overflow: hidden;
}
.carousel-container > .body ul.carousel-list li.list-item a article header {
padding: var(--padding);
padding-bottom: 10px;
}
.carousel-container > .body ul.carousel-list li.list-item a article header time {
display: block;
font-size: 12px;
padding-bottom: 10px;
color: #7E7E7E;
}
.carousel-container > .body ul.carousel-list li.list-item a article header h3 {
font-size: 16px;
font-weight: 700;
line-height: 120%;
padding-left: 0 !important;
transition: color 200ms;
}
.carousel-container > .body ul.carousel-list li.list-item a article .body {
padding: 0 var(--padding) 5px var(--padding);
}
.carousel-container > .body ul.carousel-list li.list-item a article .body p {
font-size: 13px;
}
.carousel-container > .body ul.carousel-list li.list-item a article figure {
height: 200px;
-webkit-mask-image: url("/assets/images/mask-news-item.svg");
mask-image: url("/assets/images/mask-news-item.svg");
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-position: bottom;
mask-position: bottom;
background-color: #C3EDEF;
background-position: center;
background-size: cover;
transition: all 150ms ease-out;
}
.carousel-container > .body ul.carousel-list li.list-item a:hover {
text-decoration: none;
}
.carousel-container > .body ul.carousel-list li.list-item a:hover article h3 {
color: #00A0AF;
}
.carousel-container > .body ul.carousel-list li.list-item a:hover article figure {
transform: scale(1.1);
}
@media screen and (max-width: 930px) {
.carousel-container {
width: 100vw;
}
}
@media screen and (max-width: 840px) {
.carousel-container .body ul.carousel-list li.f-carousel__slide {
width: 50%;
}
}
@media screen and (max-width: 650px) {
.carousel-container .body ul.carousel-list li.f-carousel__slide {
width: 100%;
}
}
.carousel-imagegallery {
position: relative;
display: block;
}
.carousel-imagegallery ul.image-list li {
padding: 0 5px;
width: 50%;
}
.carousel-imagegallery .f-carousel__dots li.is-current button span {
color: #00A0AF;
}
.carousel-imagegallery .f-carousel__dots button:hover {
background-color: white;
}
@media screen and (max-width: 750px) {
.carousel-imagegallery ul.image-list li {
width: 100%;
}
.carousel-imagegallery ul.image-list li img {
width: 100%;
}
}
.carousel-navigation {
position: relative;
display: block;
width: 100%;
}
.carousel-navigation .f-button {
position: absolute;
height: 40px;
width: 50px;
color: #B3B3B3;
padding: 0;
}
.carousel-navigation .f-button i {
margin-top: -20px;
font-size: 30px;
pointer-events: none;
}
.carousel-navigation .f-button.is-prev {
left: 20px;
}
.carousel-navigation .f-button.is-next {
right: 20px;
}
.carousel-navigation .f-button:disabled {
color: #F0F0F0;
}
.carousel-navigation .f-button:hover {
background-color: white !important;
}
.carousel-navigation .f-button:hover i {
color: #00A0AF !important;
}
.carousel-navigation .f-button:hover:disabled {
background: white !important;
}
.carousel-navigation .f-button:hover:disabled i {
color: #F0F0F0 !important;
}
#flow-navigation {
--flow-navigaton-out-top-max-position: 40px;
--flow-navigaton-out-top-min-position: 10px;
position: fixed;
display: block;
top: 40px;
right: 20px;
opacity: 0;
z-index: 500;
visibility: hidden;
}
#flow-navigation.flowNavigation-banner {
--flow-navigaton-out-top-max-position: 80px;
}
#flow-navigation ul li {
position: relative;
display: inline-block;
}
#flow-navigation ul li a {
color: black;
font-size: 18px;
padding: 9px;
}
#flow-navigation ul li a:hover {
text-decoration: none;
color: #00A0AF;
}
#flow-navigation ul li:hover {
animation: bounce-up 600ms;
}
#flow-navigation.unfixed {
visibility: hidden;
animation-name: flow-navigaton-out;
animation-duration: 200ms;
animation-direction: normal;
animation-fill-mode: forwards;
animation-iteration-count: 1;
}
#flow-navigation.fixed {
visibility: visible;
animation-delay: 300ms;
animation-name: flow-navigaton-in;
animation-duration: 350ms;
animation-direction: normal;
animation-fill-mode: forwards;
animation-iteration-count: 1;
}
@media screen and (max-width: 680px) {
#flow-navigation {
--flow-navigaton-out-top-max-position: 20px;
--flow-navigaton-out-top-min-position: 0px;
right: 15px;
}
#flow-navigation .login {
display: none;
}
}
.jobform {
display: block;
margin-top: 40px;
}
.language {
position: relative;
display: inline-block;
width: 35px;
height: 20px;
}
.language .selected {
position: relative;
display: flex;
justify-content: center;
align-items: center;
text-align: left;
padding-right: 20px;
cursor: pointer;
}
.language .selected span {
font-size: 11px !important;
font-weight: bold;
color: #B3B3B3 !important;
text-transform: uppercase;
}
.language .selected i {
position: absolute;
display: block;
top: 2px;
right: 2px;
color: #B3B3B3;
font-size: 8px;
}
.language ul.langauges {
position: absolute;
display: none;
bottom: 25px;
left: -8px;
border: 1px solid #DDDDDD;
background-color: white;
padding: 5px 0;
}
.language ul.langauges li {
display: block;
text-align: left;
}
.language ul.langauges li a {
display: block;
padding: 5px 20px;
font-size: 12px;
text-transform: uppercase;
}
.language.open span.selected i {
transform: rotate(180deg);
top: 5px;
}
.language.open ul.langauges {
display: block;
}
@media screen and (max-width: 780px) {
.language ul.langauges li {
height: auto;
}
.language ul.langauges li a {
padding: 5px 10px !important;
text-align: center;
}
}
.loader {
width: 28px;
height: 28px;
border: 3px solid #F0F0F0;
border-bottom-color: #00A0AF;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: rotation 1s linear infinite;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.marketplace {
--size: 130px;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: var(--size);
height: var(--size);
bottom: 30px;
left: 30px;
border-radius: var(--size);
background-color: #DDDD45;
transition: all 200ms;
z-index: 10;
}
.marketplace span {
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
color: white;
padding-top: 10px;
}
.marketplace .icon-marketplace-cart {
font-size: 40px;
color: white;
}
.marketplace svg.arrow {
position: absolute;
display: block;
transform: rotate(-90deg);
bottom: 4px !important;
}
.marketplace:hover {
text-decoration: none;
rotate: -10deg;
}
@media screen and (max-height: 700px) {
.marketplace {
--size: 100px;
bottom: auto;
top: 67% !important;
right: 15px !important;
}
.marketplace span {
display: none;
}
}
@media screen and (max-width: 600px) {
.marketplace {
left: auto;
bottom: auto;
right: 40px;
top: 24vh;
}
}
nav#navigation,
nav#responsive-navigation {
position: absolute;
display: block;
z-index: 100;
}
nav#navigation a:hover,
nav#responsive-navigation a:hover {
text-decoration: none !important;
}
nav#navigation ul.pages-navigation,
nav#responsive-navigation ul.pages-navigation {
display: inline-block;
height: 50px;
margin-top: 10px;
}
nav#navigation ul.pages-navigation > li,
nav#responsive-navigation ul.pages-navigation > li {
position: relative;
display: inline-block;
overflow: visible;
height: inherit;
margin-right: 5px;
}
nav#navigation ul.pages-navigation > li a,
nav#responsive-navigation ul.pages-navigation > li a {
display: flex;
justify-content: center;
align-items: center;
height: inherit;
color: white;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
padding: 0 28px 0 20px;
}
nav#navigation ul.pages-navigation > li i.icon,
nav#responsive-navigation ul.pages-navigation > li i.icon {
position: relative;
display: block;
top: 4px;
left: 5px;
font-size: 12px;
}
nav#navigation ul.pages-navigation > li ul.children,
nav#responsive-navigation ul.pages-navigation > li ul.children {
position: absolute;
display: block;
visibility: hidden;
background-color: white;
width: auto;
top: 40px;
min-width: 190px;
padding: 15px 0;
margin-left: -20px;
border-radius: 4px;
box-shadow: 0 2px 7px 0 rgba(90, 85, 85, 0.5);
z-index: 5;
}
nav#navigation ul.pages-navigation > li ul.children > li,
nav#responsive-navigation ul.pages-navigation > li ul.children > li {
display: block;
text-align: left;
}
nav#navigation ul.pages-navigation > li ul.children > li a,
nav#responsive-navigation ul.pages-navigation > li ul.children > li a {
display: block;
color: #254959;
font-size: 13px;
text-transform: none;
padding: 7px 30px;
white-space: nowrap;
}
nav#navigation ul.pages-navigation > li ul.children > li a:hover,
nav#responsive-navigation ul.pages-navigation > li ul.children > li a:hover {
color: #00A0AF;
}
nav#navigation ul.pages-navigation > li ul.children > li.open a,
nav#responsive-navigation ul.pages-navigation > li ul.children > li.open a {
color: #00A0AF;
}
nav#navigation ul.pages-navigation > li:hover > a,
nav#navigation ul.pages-navigation > li.open > a,
nav#responsive-navigation ul.pages-navigation > li:hover > a,
nav#responsive-navigation ul.pages-navigation > li.open > a {
background-color: #DDDD45;
-webkit-mask-image: url("/assets/images/navigation-active.svg");
mask-image: url("/assets/images/navigation-active.svg");
-webkit-mask-size: auto 100%;
mask-size: auto 100%;
}
nav#navigation ul.pages-navigation > li:hover > a i.icon,
nav#navigation ul.pages-navigation > li.open > a i.icon,
nav#responsive-navigation ul.pages-navigation > li:hover > a i.icon,
nav#responsive-navigation ul.pages-navigation > li.open > a i.icon {
top: -3px;
transform: rotateZ(-180deg);
}
nav#navigation ul.pages-navigation > li:hover > ul.children,
nav#navigation ul.pages-navigation > li.open > ul.children,
nav#responsive-navigation ul.pages-navigation > li:hover > ul.children,
nav#responsive-navigation ul.pages-navigation > li.open > ul.children {
animation: slide-down 300ms forwards;
visibility: visible;
}
nav#navigation ul.pages-navigation > li.active > a,
nav#responsive-navigation ul.pages-navigation > li.active > a {
background-color: #DDDD45;
-webkit-mask-image: url("/assets/images/navigation-active.svg");
mask-image: url("/assets/images/navigation-active.svg");
-webkit-mask-size: auto 100%;
mask-size: auto 100%;
}
nav#navigation ul.pages-navigation li a:hover,
nav#responsive-navigation ul.pages-navigation li a:hover {
text-decoration: none;
}
nav#navigation .responsive-topbar,
nav#responsive-navigation .responsive-topbar {
display: flex;
z-index: 2;
justify-content: flex-end;
position: absolute;
top: 42px;
width: 100%;
visibility: hidden;
opacity: 0;
}
nav#navigation .responsive-topbar .responsive-close,
nav#responsive-navigation .responsive-topbar .responsive-close {
font-size: 22px;
color: white;
margin-right: 36px;
}
nav#navigation .responsive-topbar .langauge-container,
nav#responsive-navigation .responsive-topbar .langauge-container {
margin-right: 36px;
}
nav#navigation .responsive-topbar .langauge-container .langauges,
nav#responsive-navigation .responsive-topbar .langauge-container .langauges {
bottom: auto;
top: 25px;
}
nav#navigation .responsive-topbar .langauge-container .langauges a:hover,
nav#responsive-navigation .responsive-topbar .langauge-container .langauges a:hover {
text-decoration: underline !important;
}
nav#navigation li.gate-login,
nav#responsive-navigation li.gate-login {
border: 0 !important;
}
nav#navigation li.gate-login a i.icon,
nav#responsive-navigation li.gate-login a i.icon {
position: relative;
display: block;
top: 25px !important;
left: -5px;
}
@media screen and (max-width: 1100px) {
nav#navigation ul.pages-navigation li a,
nav#responsive-navigation ul.pages-navigation li a {
font-size: 11px !important;
}
nav#navigation ul.pages-navigation > li,
nav#responsive-navigation ul.pages-navigation > li {
margin-right: 2px;
}
nav#navigation ul.pages-navigation > li > a,
nav#responsive-navigation ul.pages-navigation > li > a {
padding-left: 15px;
padding-right: 15px;
}
nav#navigation ul.pages-navigation > li > a i.icon,
nav#responsive-navigation ul.pages-navigation > li > a i.icon {
top: 1px;
font-size: 10px;
}
nav#navigation ul.pages-navigation > li.active > a,
nav#responsive-navigation ul.pages-navigation > li.active > a {
background-color: #DDDD45;
-webkit-mask-image: none !important;
mask-image: none !important;
}
}
@media screen and (max-width: 880px) {
nav#navigation ul.pages-navigation,
nav#responsive-navigation ul.pages-navigation {
display: none;
}
}
nav#responsive-navigation {
display: none;
position: fixed;
display: block;
visibility: visible;
width: 100vw;
height: 0;
inset: 0;
transition: all 400ms ease-out, background 300ms ease-out;
transition-delay: 400ms;
overflow-y: scroll !important;
background: rgba(34, 64, 77, 0.8);
z-index: 1000;
}
nav#responsive-navigation ul.pages-navigation {
display: flex;
flex-direction: column;
padding-top: 15%;
padding-left: 40px;
padding-right: 40px;
margin: 0;
max-width: 800px;
margin: 0 auto;
}
nav#responsive-navigation ul.pages-navigation > li {
position: relative;
display: block;
padding: 8px 0;
margin-bottom: 5px;
border-bottom: 1px solid #515151;
transform: scale(1.15) translateY(-30px);
transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
opacity: 0;
z-index: 1;
height: auto !important;
}
nav#responsive-navigation ul.pages-navigation > li:nth-child(1) {
transition-delay: 0.49s;
}
nav#responsive-navigation ul.pages-navigation > li:nth-child(2) {
transition-delay: 0.42s;
}
nav#responsive-navigation ul.pages-navigation > li:nth-child(3) {
transition-delay: 0.35s;
}
nav#responsive-navigation ul.pages-navigation > li:nth-child(4) {
transition-delay: 0.28s;
}
nav#responsive-navigation ul.pages-navigation > li:nth-child(5) {
transition-delay: 0.21s;
}
nav#responsive-navigation ul.pages-navigation > li:nth-child(6) {
transition-delay: 0.14s;
}
nav#responsive-navigation ul.pages-navigation > li:nth-child(7) {
transition-delay: 0.07s;
}
nav#responsive-navigation ul.pages-navigation > li a {
padding: 8px 10px;
justify-content: flex-start;
font-size: 20px !important;
font-weight: 700;
border-radius: 4px;
transition: padding-left 200ms;
}
nav#responsive-navigation ul.pages-navigation > li a i.icon {
position: absolute;
display: block;
top: 50%;
margin-top: -5px;
right: 20px;
left: auto;
font-size: 20px;
margin-left: 10px;
}
nav#responsive-navigation ul.pages-navigation > li a:hover {
padding-left: 20px;
}
nav#responsive-navigation ul.pages-navigation > li:hover > a {
-webkit-mask-image: none;
mask-image: none;
}
nav#responsive-navigation ul.pages-navigation > li:hover a i.icon {
top: 50%;
margin-top: -5px;
transform: none;
}
nav#responsive-navigation ul.pages-navigation > li.active > a {
background-color: rgba(255, 255, 255, 0.2);
-webkit-mask: none !important;
mask: none !important;
}
nav#responsive-navigation ul.pages-navigation > li ul.children {
position: relative;
display: none;
inset: 0;
padding: 0;
margin: 0;
animation: slide-down-responsive 300ms forwards !important;
padding: 10px 0;
z-index: 100;
}
nav#responsive-navigation ul.pages-navigation > li ul.children li a {
font-size: 20px !important;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
nav#responsive-navigation ul.pages-navigation > li.open a {
position: relative;
padding-left: 25px;
-webkit-mask-image: none;
mask-image: none;
}
nav#responsive-navigation ul.pages-navigation > li.open a i.icon {
top: 50%;
margin-top: -15px;
transform: rotateZ(180deg);
}
nav#responsive-navigation ul.pages-navigation > li.open.has-children a {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
nav#responsive-navigation ul.pages-navigation > li.open ul.children {
position: relative;
display: block;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
@media screen and (max-width: 500px) {
nav#responsive-navigation ul.pages-navigation {
padding: 30% 20px 0 20px;
}
}
body.responsive-open {
overflow: hidden !important;
}
body.responsive-open nav#responsive-navigation {
visibility: visible;
height: 100vh;
transition: all 450ms ease-in, background 350ms ease-in;
transition-delay: 0.25s;
background: #22404d;
}
body.responsive-open nav#responsive-navigation ul.pages-navigation > li {
opacity: 1;
transform: scale(1) translateY(0);
}
body.responsive-open nav#responsive-navigation ul.pages-navigation > li:nth-child(1) {
transition-delay: 0.27s;
}
body.responsive-open nav#responsive-navigation ul.pages-navigation > li:nth-child(2) {
transition-delay: 0.34s;
}
body.responsive-open nav#responsive-navigation ul.pages-navigation > li:nth-child(3) {
transition-delay: 0.41s;
}
body.responsive-open nav#responsive-navigation ul.pages-navigation > li:nth-child(4) {
transition-delay: 0.48s;
}
body.responsive-open nav#responsive-navigation ul.pages-navigation > li:nth-child(5) {
transition-delay: 0.55s;
}
body.responsive-open nav#responsive-navigation ul.pages-navigation > li:nth-child(6) {
transition-delay: 0.62s;
}
body.responsive-open nav#responsive-navigation ul.pages-navigation > li:nth-child(7) {
transition-delay: 0.69s;
}
body.responsive-open nav#responsive-navigation .responsive-topbar {
visibility: visible;
opacity: 0.8;
}
body.responsive-open nav#responsive-navigation .responsive-topbar .responsive-close:hover {
animation: bounce-up 600ms;
}
ul.pages-navigation a[href="#"]:hover {
text-decoration: none;
cursor: default;
}
nav.slider-navigator {
display: flex;
justify-content: flex-end;
padding-right: 40px;
}
nav.slider-navigator a {
font-size: 30px;
color: #B3B3B3;
margin: 0 10px;
cursor: pointer;
}
nav.slider-navigator a:hover {
text-decoration: none;
color: #00A0AF;
}
ul.socials {
list-style: none;
}
ul.socials li:first-child {
padding-left: 0;
}
ul.socials li:last-child {
padding-right: 0;
}
ul.socials li {
display: inline-block;
padding: 0 4px;
}
ul.socials li a {
color: #B3B3B3;
font-size: 30px;
transition: all 250ms;
}
ul.socials li a i {
transition: all 100ms;
}
ul.socials li a:hover {
text-decoration: none;
}
ul.socials li a:hover i {
transform: scale(1.2);
}
.tag {
display: inline-block;
font: 14px 'Montserrat', sans-serif;
line-height: 140%;
font-size: 10px;
padding: 2px 12px 1px 12px;
text-transform: uppercase;
color: #979797;
font-weight: 500;
border-radius: 15px;
background-color: #F0F0F0;
}
.tag.eo, .tag.yellow {
background-color: #DDDD45;
color: white;
}
.tag.yd, .tag.ice {
background-color: #C3EDEF;
color: #30b0b6;
}
.tag.cp, .tag.blue {
background-color: #357e9a;
color: white;
}
.tag.yes .tag.turquise {
background-color: #00A0AF;
color: white;
}
.tag.pt, .tag.ug, .tag.fit, .tag.jade {
background-color: #46B17B;
color: white;
}
body[data-template=archive][data-view-name=news] .archive-list,
body[data-template=archive][data-view-name=press] .archive-list {
padding: 0 25px;
}
body[data-template=archive][data-view-name=news] .archive-list a time,
body[data-template=archive][data-view-name=press] .archive-list a time {
padding-bottom: 20px;
}
body[data-template=archive][data-view-name=news] .archive-list a h2,
body[data-template=archive][data-view-name=press] .archive-list a h2 {
font-size: 20px;
padding-left: 0 !important;
}
body[data-template=archive][data-view-name=news] .archive-list a:hover,
body[data-template=archive][data-view-name=press] .archive-list a:hover {
text-decoration: none;
}
body[data-template=archive][data-view-name=news] .archive-list a:hover h2,
body[data-template=archive][data-view-name=press] .archive-list a:hover h2 {
text-decoration: underline;
}
body[data-template=default][data-view-name=news] time {
padding-bottom: 0 !important;
color: #979797;
}
body[data-template=default][data-view-name=news] time:before {
content: "";
position: absolute;
display: block;
top: -29px;
left: 0;
width: 100%;
height: 30px;
background-image: url("/assets/images/mask-default-container.svg");
background-position: right;
background-size: auto 100%;
}
body[data-template=default][data-view-name=news] h1 {
padding-top: 15px !important;
}
body[data-template=default][data-view-name=news] h1:before {
content: none !important;
}
body[data-template=jobs] .content--text:first-of-type {
padding-bottom: 30px;
}
body[data-template=jobs] .container.jobs-container {
max-width: 930px !important;
width: 90% !important;
padding: 0 60px !important;
}
body[data-template=jobs] ul.jobs li {
margin-bottom: 25px;
}
body[data-template=jobs] ul.jobs li article.job h2 {
padding-left: 0 !important;
text-transform: none;
font-weight: 800 !important;
padding-bottom: 0;
font-size: 15px;
}
body[data-template=jobs] ul.jobs li article.job h2 a {
font-weight: 800 !important;
font-size: 15px;
}
@media screen and (max-width: 800px) {
body[data-template=jobs] .container.jobs-container {
width: 100% !important;
padding: 0 40px !important;
}
}
body[data-view-name=partners] #container .partner-continer {
padding-top: 0 !important;
}
.fancybox__backdrop {
opacity: 0.7 !important;
}
.carousel__button svg {
width: 20px !important;
height: 20px !important;
}
.carousel__button:hover {
background-color: transparent;
}
.fancybox__caption {
font: 14px 'Montserrat', sans-serif;
line-height: 140%;
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
transition: transform 2s;
transform: translateY(0);
}
#gate-modal {
display: block;
width: 500px;
height: 360px;
transition: height 200ms ease-in-out;
}
#gate-modal h1 {
font-size: 30px;
padding-left: 10px;
padding-bottom: 30px !important;
}
#gate-modal form input::-moz-placeholder {
font-weight: 500;
color: #B3B3B3;
}
#gate-modal form input::placeholder {
font-weight: 500;
color: #B3B3B3;
}
#gate-modal form .links {
padding: 35px 20px;
text-align: center;
font: 14px 'Montserrat', sans-serif;
line-height: 140%;
color: #254959;
font-size: 13px;
}
#gate-modal form .links a {
font: 14px 'Montserrat', sans-serif;
line-height: 140%;
color: #254959;
font-size: 13px;
}
#gate-modal form .links a {
color: #00A0AF;
}
#gate-modal form .actions {
text-align: center;
}
#gate-modal .notification {
padding: 15px;
background-color: #FEB9B4;
margin-bottom: 12px;
}
#gate-modal .notification span {
font-weight: 600;
}
#gate-modal .notification.error span {
color: #E53D0F;
}
#gate-modal.error {
height: 430px;
}