html {
color: #222; }
body {
padding-left: 0;
padding-bottom: 0;
padding-right: 0; }
* {
box-sizing: border-box;
line-height: 1rem;
font-size: 0.66667rem;
margin: 0; }
p,
ul,
li {
max-width: 32rem; }
ul,
ol {
padding-left: 2rem; }
img {
vertical-align: bottom; }
h1 {
font-size: 1.75rem; }
h2 {
font-size: 1.25rem; }
input[type="submit"] {
cursor: pointer; }
/* zilla-slab-300 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 300;
src: url("/fonts/zilla-slab-v5-latin-ext-300.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab Light"), local("ZillaSlab-Light"), url("/fonts/zilla-slab-v5-latin-ext-300.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-300.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-300.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-300.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-300.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-regular - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 400;
src: url("/fonts/zilla-slab-v5-latin-ext-regular.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab"), local("ZillaSlab-Regular"), url("/fonts/zilla-slab-v5-latin-ext-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-regular.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-regular.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-regular.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-regular.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-500 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 500;
src: url("/fonts/zilla-slab-v5-latin-ext-500.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab Medium"), local("ZillaSlab-Medium"), url("/fonts/zilla-slab-v5-latin-ext-500.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-500.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-500.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-500.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-500.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-600 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 600;
src: url("/fonts/zilla-slab-v5-latin-ext-600.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab SemiBold"), local("ZillaSlab-SemiBold"), url("/fonts/zilla-slab-v5-latin-ext-600.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-600.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-600.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-600.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-600.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-700 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 700;
src: url("/fonts/zilla-slab-v5-latin-ext-700.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab Bold"), local("ZillaSlab-Bold"), url("/fonts/zilla-slab-v5-latin-ext-700.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-700.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-700.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-700.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-700.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* Inter UI */
@font-face {
font-family: "Inter UI";
font-style: normal;
font-weight: 400;
src: url("/fonts/Inter-UI-Regular.woff2") format("woff2"), url("/fonts/Inter-UI-Regular.woff") format("woff"), url("/fonts/Inter-UI-Regular.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: italic;
font-weight: 400;
src: url("/fonts/Inter-UI-Italic.woff2") format("woff2"), url("/fonts/Inter-UI-Italic.woff") format("woff"), url("/fonts/Inter-UI-Italic.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: normal;
font-weight: 600;
src: url("/fonts/Inter-UI-SemiBold.woff2") format("woff2"), url("/fonts/Inter-UI-SemiBold.woff") format("woff"), url("/fonts/Inter-UI-SemiBold.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: italic;
font-weight: 600;
src: url("/fonts/Inter-UI-SemiBoldItalic.woff2") format("woff2"), url("/fonts/Inter-UI-SemiBoldItalic.woff") format("woff"), url("/fonts/Inter-UI-SemiBoldItalic.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: normal;
font-weight: 800;
src: url("/fonts/Inter-UI-ExtraBold.woff2") format("woff2"), url("/fonts/Inter-UI-ExtraBold.woff") format("woff"), url("/fonts/Inter-UI-ExtraBold.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: italic;
font-weight: 800;
src: url("/fonts/Inter-UI-ExtraBoldItalic.woff2") format("woff2"), url("/fonts/Inter-UI-ExtraBoldItalic.woff") format("woff"), url("/fonts/Inter-UI-ExtraBoldItalic.ttf") format("truetype"); }
.topside {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 10; }
.navigation {
width: 100%;
font-family: "Inter UI", sans-serif;
height: 4rem;
padding: 0 1rem;
position: relative; }
.navigation__body {
display: flex;
align-items: center;
max-width: 50rem;
margin: 0 auto;
height: 100%; }
.navigation__label, .navigation__icon-wrapper, .navigation__hamburger, .navigation__caption {
display: none; }
.navigation__header {
display: flex;
margin: 2px 0 0 2px; }
.navigation__logo {
width: 5.5rem; }
.navigation__wrapper {
display: flex;
justify-content: flex-end;
flex-grow: 1;
position: relative;
width: auto;
padding: 0;
max-width: none;
z-index: 2; }
.navigation__item {
position: relative;
list-style: none;
text-align: center;
font-weight: 600; }
.navigation__item a {
outline: 0;
padding: 0.5rem 1rem;
display: inline-block; }
.navigation__item a:hover span {
text-decoration: underline; }
.navigation__item--in-touch {
margin-left: 1rem;
cursor: pointer; }
.navigation__item--in-touch a {
transition: background 0.2s ease, border 0.2s ease, color 0.2s ease;
display: flex;
height: 2rem;
padding: 0 1.15rem;
align-items: center; }
.navigation__item--in-touch a:hover span, .navigation__item--in-touch a:focus span {
text-decoration: none; }
.navigation__item a:focus ~ .navigation__item__bg {
opacity: 1; }
.navigation__input {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
cursor: pointer; }
.navigation__input:focus ~ .navigation__label {
background-color: #d6dfea; }
.navigation__input:checked ~ .navigation__label img {
transform: rotate(-180deg); }
.navigation__label[for="lang"] {
margin-left: -2px;
padding: 0 2px;
display: inline-block; }
.navigation__input:checked ~ .navigation__submenu {
transform: scale(1, 1) translateY(7px) !important;
opacity: 1 !important; }
.navigation__label {
cursor: pointer; }
.navigation__label img {
transition: all 0.2s ease;
vertical-align: middle; }
.navigation__text {
color: #fff; }
.navigation__submenu {
transform-origin: top center;
position: absolute;
width: 4rem;
padding: 0;
left: -0.2rem;
list-style: none;
box-shadow: 1px 2px 5px 2px rgba(0, 0, 0, 0.02);
z-index: 10;
max-width: 100%; }
.navigation__submenu-item {
margin: 0;
background: #ffffff;
border-bottom: 1px solid #e1e5e7b7; }
.navigation__submenu-item a {
padding: 0.4rem 1.5rem 0.4rem 0.4rem;
display: block; }
@media (max-width: 900px) {
.navigation {
display: block;
height: 3rem; }
.navigation__icon-wrapper {
position: absolute;
right: 22px;
top: 16px;
width: 1.5rem;
height: 1.7rem;
display: block;
font-size: 1rem; }
.navigation__hamburger {
position: absolute;
display: block;
right: 25px;
top: 18px;
width: 1.5em;
height: 1.85em;
opacity: 0;
cursor: pointer;
z-index: 12;
font-size: 1rem; }
.navigation__hamburger--for-keyboard:checked ~ .navigation__icon-wrapper {
top: 0.66667rem;
height: 2em; }
.navigation__hamburger--for-keyboard:focus ~ .navigation__icon-wrapper {
outline-width: 2px;
outline-style: solid; }
.navigation__hamburger:checked ~ .navigation__label {
background: transparent; }
.navigation__hamburger:checked ~ .navigation__label:before {
transform: rotate(45deg) translate(1.5px, -0.33333em); }
.navigation__hamburger:checked ~ .navigation__label:after {
transform: rotate(-45deg) translate(3px, 7.2px); }
.navigation__hamburger:checked ~ .navigation__wrapper {
left: 0%; }
.navigation__hamburger:checked {
width: 1.3em;
right: 1.1em;
top: 0.6em;
height: 2em; }
.navigation__label {
display: block;
width: 1.5em;
height: 0.14em;
background: #000000;
position: absolute;
border-radius: 4em;
right: 0px;
top: 27px;
cursor: pointer;
margin-right: 25px;
transition: background 0.3s cubic-bezier(0.77, 0.2, 0.05, 1);
font-size: 1rem; }
.navigation__label:before, .navigation__label:after {
content: "";
position: absolute;
height: 0.14em;
border-radius: 4em;
width: 1.5em;
background: #000000;
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); }
.navigation__label:before {
bottom: 0.33em;
transform-origin: 0% 0%; }
.navigation__label:after {
top: 0.33em;
transform-origin: 0% 100%; }
.navigation__caption {
display: block;
position: absolute;
text-transform: uppercase;
top: 1.75rem;
right: 1.1rem;
font-size: 0.45833rem;
z-index: 11; }
.navigation__header {
position: relative;
z-index: 100; }
.navigation__wrapper {
display: block;
position: absolute;
background: #e3e9f1;
margin: 0;
width: 100%;
padding: 0;
font-size: 1.4rem;
overflow: auto;
top: 3rem;
height: calc(100vh - 3rem);
left: -100%;
transition: left 0.4s ease;
z-index: 10; }
.navigation__item {
position: relative;
padding: 0.5rem 0;
height: auto;
max-width: none;
font-weight: 600; }
.navigation__item span {
font-size: 1rem;
line-height: 2rem;
display: inline-block; }
.navigation__item > a {
padding-top: 0;
padding-bottom: 0; }
.navigation__item--in-touch {
padding: 0;
width: 10em;
margin: 0.8em auto;
line-height: 1;
font-size: 1rem; }
.navigation__item--in-touch a {
padding: 0.5rem 0;
text-align: center;
justify-content: center; }
.navigation__input {
top: 0.8rem;
margin: 0; }
.navigation__input:checked ~ .navigation__submenu {
opacity: 1;
transform: scale(1, 1) translateY(5px);
height: 1.4rem;
display: block; }
.navigation__label {
position: absolute;
top: 1.375rem;
margin-left: -15px; }
.navigation__submenu {
opacity: 0;
transition: transform 0.2s ease, opacity 0.2s ease, height 0.2s ease !important;
width: 100%;
padding: 0;
margin: 0;
transform-origin: top center;
transform: scale(1, 0) translateY(-25px);
position: static;
height: 0px;
box-shadow: none; }
.navigation__submenu-item {
padding: 0;
background: #cbd6e4;
width: 100%;
font-size: 0.7rem;
border-bottom: 1px solid #ffffffab;
max-width: 100%; }
.navigation__submenu-item a {
padding: 5px;
width: 100%; } }
@media (max-width: 900px) {
.navbar--expanded {
overflow-y: hidden; }
.navbar--expanded .navigation__wrapper__item {
display: list-item; } }
.preheader-cta {
position: relative;
display: flex;
justify-content: space-between;
color: #6d4477;
background: #fff;
width: 100%;
max-width: 1256px;
margin: 0 auto;
padding: 1rem;
align-items: center;
min-height: 2.25rem;
font-family: "Inter UI", sans-serif;
flex-wrap: wrap; }
.preheader-cta--hidden {
display: none; }
.preheader-cta__link {
font-weight: bold;
color: #6d4477;
font-family: "Inter UI", sans-serif;
vertical-align: middle;
word-break: break-word; }
.preheader-cta__link:hover {
text-decoration: underline; }
.preheader-cta__btn {
margin-right: 1.5rem;
line-height: 1; }
.preheader-cta__content {
max-width: calc(100% - 3rem);
margin-right: 1rem;
word-break: break-word; }
.cross {
position: absolute;
right: 1rem;
width: 30px;
height: 20px;
margin-top: 4px;
display: inline-flex;
vertical-align: middle;
justify-content: center;
align-items: center;
cursor: pointer;
padding: 0 0.3rem;
background: none;
border: none;
outline: 0; }
.cross::-moz-focus-inner {
border: 0; }
.cross:focus, .cross:active {
outline: 1px solid #000; }
.cross__stick {
width: 0.58333rem;
height: 0.08333rem;
background: #6d4477;
position: absolute; }
.cross__stick--left {
transform: rotate(-45deg); }
.cross__stick--right {
transform: rotate(45deg); }
.footer {
font-family: "Inter UI", sans-serif;
display: flex;
width: 100%;
justify-content: center; }
.footer__box {
width: 50%;
display: flex;
padding: 1rem 1rem 1rem 2.5rem;
background-color: #4a2a52;
justify-content: flex-start; }
.footer__box:first-child {
padding-left: 1rem;
padding-right: 2.5rem;
background-color: #55335d;
justify-content: flex-end; }
.footer__box-content {
display: flex;
flex-wrap: wrap;
justify-content: center;
flex: 1;
max-width: 22.08333rem; }
.footer__links, .footer__icons {
list-style-type: none;
margin: 0;
padding: 0;
flex-wrap: wrap; }
.footer__links {
display: flex;
align-items: center;
min-width: 8.75rem;
flex: 1;
margin: 0 -0.75rem; }
.footer__link, .footer__icon {
display: inline-block;
padding: 0.375rem 0; }
.footer__link {
padding: 0;
margin: 0.25rem 0.75rem; }
.footer__link a {
font-weight: 700;
font-size: 0.58333rem;
line-height: 1rem;
color: #fff;
text-decoration: none;
display: inline-block;
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 0.20833rem 0.5rem;
transition: border-color 0.2s; }
.footer__link a:hover {
border-color: rgba(255, 255, 255, 0.3); }
.footer__icon a {
text-decoration: none;
display: flex;
width: 2.25rem;
height: 2.25rem;
background-color: #4e6a81;
border-radius: 40px;
align-items: center;
justify-content: center;
transition: background-color 0.2s; }
.footer__icon a:hover {
background-color: #60839f; }
.footer__icon svg {
fill: #fff;
height: 1rem;
width: auto; }
.footer__line {
width: 100%;
height: 1px;
background-color: #8b7192;
opacity: 0.4;
margin-top: calc(1rem - 1px); }
.footer__text-wrapper {
margin-top: 1rem;
width: 100%;
font-size: 0.5rem;
line-height: 0.9rem; }
.footer__text-wrapper--to-right {
text-align: right;
justify-content: flex-end; }
.footer__text {
font-size: 0.66667rem;
display: inline-block;
color: #876f8d;
text-decoration: none;
transition: color 0.2s; }
.footer__text:not(:first-child) {
margin-left: 2.5rem; }
.footer__text--link:hover {
color: #ac9bb0; }
@media (max-width: 1220px) {
.footer__box {
padding: 1rem; }
.footer__box:first-child {
padding: 1rem; } }
@media (max-width: 1120px) {
.footer__links {
min-width: 11rem;
justify-content: center;
min-height: 2rem; } }
@media (max-width: 970px) {
.footer__links {
min-width: 10rem; }
.footer__text-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap; }
.footer__text-wrapper--to-right {
justify-content: flex-end; }
.footer__text:not(:first-child) {
margin-left: 0; } }
@media (max-width: 740px) {
.footer {
flex-wrap: wrap; }
.footer__links {
justify-content: flex-start; }
.footer__box {
width: 100%;
justify-content: center; }
.footer__box:first-child {
justify-content: center; } }
@media (max-width: 610px) {
.footer__box-content {
flex-direction: column; }
.footer__links, .footer__icons {
justify-content: center;
text-align: center; }
.footer__text-wrapper {
justify-content: flex-start;
margin-top: 1rem; }
.footer__text {
line-height: 1rem; }
.footer__text:first-child {
margin-right: 1.5rem; } }
.button,
.mailtrain-subscription-widget button {
margin: 0.35rem;
font-size: 0.66667rem;
font-weight: bold;
padding: calc(0.65rem - 1px) 1rem;
text-align: center;
display: inline-block;
font-family: "Inter UI", sans-serif;
line-height: 1rem;
background-color: #6d4477;
color: white;
border: 1px solid #e0e0e0;
cursor: pointer;
transition: background-color 0.2s;
text-decoration: none; }
.button:hover,
.mailtrain-subscription-widget button:hover {
background-color: #8b5797; }
.button:focus,
.mailtrain-subscription-widget button:focus {
outline: 5px dotted #e0e0e0; }
.button::after,
.mailtrain-subscription-widget button::after {
content: " \/";
padding-left: 1.5rem; }
.button--cyan,
.mailtrain-subscription-widget button--cyan {
border: none;
background-color: #55a4b4;
color: white; }
.button--cyan:hover,
.mailtrain-subscription-widget button--cyan:hover {
background-color: #78b7c4; }
.button--hide,
.mailtrain-subscription-widget button--hide {
display: none; }
.button--darker-cyan,
.mailtrain-subscription-widget button--darker-cyan {
border: none;
background-color: #5294a1;
color: white; }
.button--darker-cyan:hover,
.mailtrain-subscription-widget button--darker-cyan:hover {
background-color: #70abb6; }
.button--white,
.mailtrain-subscription-widget button--white {
background-color: white;
color: #000;
border: 1px solid #e0e0e0; }
.button--white:hover,
.mailtrain-subscription-widget button--white:hover {
background-color: #e0e0e0; }
.button--white-on-darker-bg,
.mailtrain-subscription-widget button--white-on-darker-bg {
background: none;
color: #fff;
border: 1px solid #e0e0e0; }
.button--white-on-darker-bg:hover,
.mailtrain-subscription-widget button--white-on-darker-bg:hover {
background-color: #70abb6; }
.button--purple,
.mailtrain-subscription-widget button--purple {
background-color: #6d4477;
color: white;
border: 1px solid rgba(255, 255, 255, 0.25); }
.button--purple:hover,
.mailtrain-subscription-widget button--purple:hover {
background-color: #8b5797; }
.button--black,
.mailtrain-subscription-widget button--black {
background-color: black;
color: #fff;
border: 1px solid black; }
.button--black:hover,
.mailtrain-subscription-widget button--black:hover {
background-color: #1a1a1a; }
address {
font-style: normal; }
.contact {
font-family: "Inter UI", sans-serif;
padding: 1rem;
background-color: #6d4477;
color: #fff;
max-width: 15rem;
display: grid;
grid-template-columns: 1rem 1fr;
grid-gap: 1rem 1rem; }
.contact a {
text-decoration: none;
color: #fff;
font-weight: 500; }
.contact a:hover {
text-decoration: underline; }
.contact__icon {
width: 1rem;
height: 1.25rem;
display: block;
background-size: 1rem 1.25rem; }
.contact__icon--mail-icon {
width: 1.375rem;
height: 1rem;
background-size: 1.375rem 1rem; }
.contact__icon--location-icon {
background-image: url(/assets/location-5cfe4b682381a5a5131733e89f57df49.svg);
background-repeat: no-repeat;
background-position: center; }
.contact__icon--phone-icon {
background-image: url(/assets/phone-a3d0c0d519f123e370c7bf5ae0a0b1d0.svg);
background-repeat: no-repeat;
background-position: center; }
.contact__icon--mail-icon {
background-image: url(/assets/mail-6e7f72b2fd999ff008a2bb8f96ec8947.svg);
background-repeat: no-repeat;
background-position: center; }
.wave {
display: block;
width: 100%;
height: 8rem;
z-index: -1; }
.wave--negative {
margin-top: -8rem; }
.wave--rotated {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.wave--flip-horizontally {
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1); }
.wave--rotated.wave--flip-horizontally {
-moz-transform: scaleX(-1) rotate(180deg);
-webkit-transform: scaleX(-1) rotate(180deg);
-o-transform: scaleX(-1) rotate(180deg);
transform: scaleX(-1) rotate(180deg); }
.wave path {
/* default wave color */
fill: #6c4478; }
@media only screen and (max-width: 1200px) {
.wave {
height: 6rem; }
.wave--negative {
margin-top: -6rem; } }
@media only screen and (max-width: 900px) {
.wave {
height: 4rem; }
.wave--negative {
margin-top: -4rem; } }
@media only screen and (max-width: 600px) {
.wave {
height: 2rem; }
.wave--negative {
margin-top: -2rem; } }
@media only screen and (max-width: 300px) {
.wave {
height: 1rem; }
.wave--negative {
margin-top: -1rem; } }
.article-list-item {
background-color: #6d4477;
padding: 0 1rem;
padding-top: 1rem; }
.article-list-item__number {
display: block;
font-family: "Inter UI", sans-serif;
font-feature-settings: "tnum";
font-weight: 800;
font-size: 1rem;
line-height: 1rem;
padding-bottom: calc(0.5rem - 1px);
border-bottom: 1px solid #000000;
margin-bottom: 0.5rem; }
.article-list-item__image {
padding-bottom: calc(1rem - 1px);
border-bottom: 1px solid #000000;
margin-bottom: 0.5rem; }
.article-list-item__image img {
height: 2.5rem; }
.article-list-item--above .article-list-item__image {
border: none;
padding: 0;
margin: 0; }
.article-list-item h3 {
font-size: 0.83333rem;
line-height: 1rem;
font-family: "Zilla Slab", serif;
font-weight: 400; }
.article-list-item p {
font-family: "Inter UI", sans-serif;
font-size: 0.625rem;
padding-top: 1rem; }
.article-list-item--above .header {
display: flex;
flex-flow: row;
padding-bottom: calc(0.4rem - 1px);
border-bottom: 1px solid #000000;
margin-bottom: 0.5rem;
align-items: center; }
.article-list-item--above .header h3 {
padding-top: 0.1rem;
margin-left: 0.5rem; }
.article-list-item--purple .article-list-item__image {
border-color: #8b7192; }
.article-list-item--purple h3 {
color: #ffffff; }
.article-list-item--above .article-list-item__number {
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0; }
.article-list-item--above p {
padding-top: 0; }
@media (max-width: 460px) {
.article-list-item--above .article-list-item__number {
display: block;
padding-left: 0;
border-bottom: 1px solid #000000;
padding-bottom: calc(0.5rem - 1px);
margin-bottom: 0.5rem; }
.article-list-item--above .header {
display: block;
border: none; }
.article-list-item--above .header h3 {
margin-left: 0;
padding-top: 0; } }
.article-list-item--purple .header {
border-color: #8b7192; }
.article-list-item--purple .article-list-item__number {
color: #fff;
border-color: #8b7192; }
.article-list-item--purple h3 {
color: #fff; }
.article-list-item--purple p {
color: #d8cedb; }
.article-list-item--wild-sand {
background: none; }
.article-list-item--wild-sand .header {
border-color: #e0e0e0; }
.article-list-item--wild-sand .article-list-item__number {
color: #5294a1;
border-color: #e0e0e0; }
.article-list-item--wild-sand .article-list-item__image {
border-color: #e0e0e0; }
.article-list-item--wild-sand h3 {
color: #000; }
.article-list-item--wild-sand p {
color: #6f6e6e; }
.article-list-item .button {
margin: 0.25rem auto;
display: block; }
.product-tile__header {
font-family: "Zilla Slab", serif;
line-height: 1rem;
font-size: 1rem;
font-weight: 400;
margin: 0 0 1rem; }
.product-tile__image {
padding: 0.29167rem;
border: 1px solid black;
border-radius: 4px;
display: inline-block;
margin: 0 0 1rem; }
.product-tile img {
border: 1px solid black; }
.product-tile a:hover {
text-decoration: underline; }
.product-tile p {
font-family: "Inter UI", sans-serif;
font-size: 0.66667rem;
margin: 0 0 1rem; }
.product-tile--white .product-tile__image,
.product-tile--white img {
border-color: #dedede; }
.product-tile--white .product-tile__header {
color: #5294a1; }
.product-tile--white p {
color: #6f6e6e; }
.photo-in-logo img {
max-width: 100%;
height: auto; }
.customizable-header {
max-width: 52.33333rem;
margin: auto;
display: flex;
flex-flow: wrap;
align-items: center;
padding: 1rem; }
.customizable-header .photo-in-logo {
width: 100%;
flex-grow: 1;
text-align: center;
max-width: 20rem;
margin: 0 auto;
margin-bottom: 1rem; }
.customizable-header .photo-in-logo img {
max-width: calc(14rem * 506 / 392); }
.customizable-header__description {
flex: 1;
min-width: 15rem;
text-align: center;
padding-left: 2rem;
padding-right: 2rem; }
.customizable-header__description h2 {
max-width: 28rem;
font-size: 0.91667rem;
line-height: 1rem;
font-weight: 800;
margin: 0 0 1rem;
text-align: left;
font-family: "Inter UI", sans-serif; }
.customizable-header__paragraph {
max-width: 40rem;
color: #535252;
margin: 0 auto;
line-height: 1rem;
font-size: 0.66667rem;
text-align: left;
font-family: "Inter UI", sans-serif; }
@media (max-width: 821px) {
.customizable-header .photo-in-logo {
max-width: 17.08333rem; } }
@media (max-width: 600px) {
.customizable-header__description {
padding: 0;
min-width: 5rem; } }
/* zilla-slab-300 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 300;
src: url("/fonts/zilla-slab-v5-latin-ext-300.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab Light"), local("ZillaSlab-Light"), url("/fonts/zilla-slab-v5-latin-ext-300.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-300.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-300.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-300.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-300.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-regular - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 400;
src: url("/fonts/zilla-slab-v5-latin-ext-regular.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab"), local("ZillaSlab-Regular"), url("/fonts/zilla-slab-v5-latin-ext-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-regular.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-regular.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-regular.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-regular.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-500 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 500;
src: url("/fonts/zilla-slab-v5-latin-ext-500.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab Medium"), local("ZillaSlab-Medium"), url("/fonts/zilla-slab-v5-latin-ext-500.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-500.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-500.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-500.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-500.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-600 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 600;
src: url("/fonts/zilla-slab-v5-latin-ext-600.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab SemiBold"), local("ZillaSlab-SemiBold"), url("/fonts/zilla-slab-v5-latin-ext-600.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-600.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-600.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-600.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-600.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-700 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 700;
src: url("/fonts/zilla-slab-v5-latin-ext-700.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab Bold"), local("ZillaSlab-Bold"), url("/fonts/zilla-slab-v5-latin-ext-700.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-700.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-700.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-700.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-700.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* Inter UI */
@font-face {
font-family: "Inter UI";
font-style: normal;
font-weight: 400;
src: url("/fonts/Inter-UI-Regular.woff2") format("woff2"), url("/fonts/Inter-UI-Regular.woff") format("woff"), url("/fonts/Inter-UI-Regular.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: italic;
font-weight: 400;
src: url("/fonts/Inter-UI-Italic.woff2") format("woff2"), url("/fonts/Inter-UI-Italic.woff") format("woff"), url("/fonts/Inter-UI-Italic.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: normal;
font-weight: 600;
src: url("/fonts/Inter-UI-SemiBold.woff2") format("woff2"), url("/fonts/Inter-UI-SemiBold.woff") format("woff"), url("/fonts/Inter-UI-SemiBold.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: italic;
font-weight: 600;
src: url("/fonts/Inter-UI-SemiBoldItalic.woff2") format("woff2"), url("/fonts/Inter-UI-SemiBoldItalic.woff") format("woff"), url("/fonts/Inter-UI-SemiBoldItalic.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: normal;
font-weight: 800;
src: url("/fonts/Inter-UI-ExtraBold.woff2") format("woff2"), url("/fonts/Inter-UI-ExtraBold.woff") format("woff"), url("/fonts/Inter-UI-ExtraBold.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: italic;
font-weight: 800;
src: url("/fonts/Inter-UI-ExtraBoldItalic.woff2") format("woff2"), url("/fonts/Inter-UI-ExtraBoldItalic.woff") format("woff"), url("/fonts/Inter-UI-ExtraBoldItalic.ttf") format("truetype"); }
.product-showcase {
width: 100%; }
.product-showcase--light {
background-color: #5294a1; }
.product-showcase--light h3 {
color: #a4d2db; }
.product-showcase--white {
background-color: white; }
.product-showcase--white h3, .product-showcase--white h2, .product-showcase--white li, .product-showcase--white p {
color: black !important; }
.product-showcase--dark {
background-color: #56335d; }
.product-showcase--dark h3 {
color: #b5a2ba; }
.product-showcase__container {
max-width: 50rem;
margin: 0 auto;
font-family: "Inter UI", sans-serif;
padding: 1rem; }
.product-showcase h3 {
font-family: "Zilla Slab", serif;
font-size: 1.66667rem;
line-height: 2rem;
font-weight: 300;
max-width: 19.5rem;
margin: 0 0 1rem; }
.product-showcase__body {
display: block;
width: 100%; }
.product-showcase__body h2 {
font-size: 1.5rem;
font-weight: 800;
color: white;
line-height: 2rem;
margin-bottom: 1rem; }
.product-showcase__body img {
height: auto;
width: 50%;
margin: 0 0 1rem 1rem;
float: right;
padding: 0.79167rem;
border: 1px solid rgba(129, 114, 114, 0.33);
border-radius: 10px;
max-width: 100%;
object-fit: cover; }
.product-showcase__body p {
color: white;
margin: 0 0 1rem; }
.product-showcase__body ul {
list-style-type: none;
min-width: 11.25rem;
display: flex;
justify-content: space-between;
padding: 0;
margin: 0 0 1rem;
flex-flow: row wrap; }
.product-showcase__body li {
margin-right: 1rem;
color: white;
font-size: 0.5rem; }
.product-showcase__body li strong {
display: block;
font-size: 0.5rem; }
.product-showcase__body li p {
font-size: 0.5rem;
margin: 0;
padding: 0; }
.product-showcase__body .button {
min-width: 10rem; }
.product-showcase__details-buttons {
display: flex;
flex-wrap: wrap;
justify-content: center; }
.product-showcase__body:after {
content: "";
clear: both;
display: block;
margin-top: 3em; }
@media (max-width: 1130px) {
.product-showcase__body h2 {
font-size: 1.2rem; } }
@media (max-width: 950px) {
.product-showcase h3 {
margin-left: auto;
margin-right: auto;
text-align: center; }
.product-showcase__body h2 {
text-align: center; }
.product-showcase__body img {
width: 100%;
max-width: 22.91667rem;
margin: 0 auto 1rem auto;
display: block;
float: none; }
.product-showcase__body p {
max-width: 64ch;
margin: 1rem auto; } }
@media (max-width: 550px) {
.product-showcase h3 {
font-size: 1.04167rem;
line-height: 1rem;
text-align: left; }
.product-showcase__body h2 {
font-size: 0.9rem;
line-height: 1rem; }
.product-showcase__body img {
padding: 0.375rem; }
.product-showcase__body li {
width: 100%;
margin: 0 0 1rem; } }
@media (max-width: 450px) {
.product-showcase__body img {
border: none;
width: calc(100% + 2rem);
margin: 0 -1rem 1rem -1rem;
padding: 0;
border-radius: 0; } }
/* zilla-slab-300 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 300;
src: url("/fonts/zilla-slab-v5-latin-ext-300.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab Light"), local("ZillaSlab-Light"), url("/fonts/zilla-slab-v5-latin-ext-300.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-300.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-300.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-300.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-300.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-regular - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 400;
src: url("/fonts/zilla-slab-v5-latin-ext-regular.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab"), local("ZillaSlab-Regular"), url("/fonts/zilla-slab-v5-latin-ext-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-regular.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-regular.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-regular.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-regular.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-500 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 500;
src: url("/fonts/zilla-slab-v5-latin-ext-500.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab Medium"), local("ZillaSlab-Medium"), url("/fonts/zilla-slab-v5-latin-ext-500.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-500.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-500.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-500.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-500.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-600 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 600;
src: url("/fonts/zilla-slab-v5-latin-ext-600.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab SemiBold"), local("ZillaSlab-SemiBold"), url("/fonts/zilla-slab-v5-latin-ext-600.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-600.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-600.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-600.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-600.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-700 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 700;
src: url("/fonts/zilla-slab-v5-latin-ext-700.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab Bold"), local("ZillaSlab-Bold"), url("/fonts/zilla-slab-v5-latin-ext-700.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-700.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-700.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-700.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-700.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* Inter UI */
@font-face {
font-family: "Inter UI";
font-style: normal;
font-weight: 400;
src: url("/fonts/Inter-UI-Regular.woff2") format("woff2"), url("/fonts/Inter-UI-Regular.woff") format("woff"), url("/fonts/Inter-UI-Regular.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: italic;
font-weight: 400;
src: url("/fonts/Inter-UI-Italic.woff2") format("woff2"), url("/fonts/Inter-UI-Italic.woff") format("woff"), url("/fonts/Inter-UI-Italic.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: normal;
font-weight: 600;
src: url("/fonts/Inter-UI-SemiBold.woff2") format("woff2"), url("/fonts/Inter-UI-SemiBold.woff") format("woff"), url("/fonts/Inter-UI-SemiBold.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: italic;
font-weight: 600;
src: url("/fonts/Inter-UI-SemiBoldItalic.woff2") format("woff2"), url("/fonts/Inter-UI-SemiBoldItalic.woff") format("woff"), url("/fonts/Inter-UI-SemiBoldItalic.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: normal;
font-weight: 800;
src: url("/fonts/Inter-UI-ExtraBold.woff2") format("woff2"), url("/fonts/Inter-UI-ExtraBold.woff") format("woff"), url("/fonts/Inter-UI-ExtraBold.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: italic;
font-weight: 800;
src: url("/fonts/Inter-UI-ExtraBoldItalic.woff2") format("woff2"), url("/fonts/Inter-UI-ExtraBoldItalic.woff") format("woff"), url("/fonts/Inter-UI-ExtraBoldItalic.ttf") format("truetype"); }
.notice-board {
padding: 4rem 0;
position: relative; }
.notice-board__anchor-point {
position: absolute;
top: -4rem; }
.notice-board__background {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
z-index: -1;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center; }
.notice-board__background:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(85, 53, 93, 0.7); }
.notice-board__body {
max-width: 52.33333rem;
margin: 0 auto;
overflow: hidden; }
.notice-board__body-inner {
display: grid;
padding: 1rem 2rem;
grid-template-columns: auto auto;
margin: 0 -1rem; }
.notice-board__header-main {
margin: 0 1rem 1rem 0;
font-weight: 800;
color: white;
line-height: 2rem;
font-family: "Inter UI", sans-serif;
font-style: bold;
font-size: 1.58333rem;
grid-row-end: span 2; }
.notice-board__content {
padding: 0 1rem; }
.notice-board__header-minor {
color: white;
line-height: 2rem;
font-family: "Zilla Slab", serif;
font-size: 1.5rem;
font-weight: 300;
max-width: 528px;
flex-grow: 1;
margin: 0 1rem 1rem 0; }
.notice-board__contacts {
min-width: calc(100% - 22rem);
grid-column: 2;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(5rem, 9rem));
flex-wrap: wrap;
justify-content: space-between;
min-width: 20.83333rem; }
.notice-board__contact-icon {
width: min-content;
text-decoration: none;
color: white;
font-weight: bold;
font-family: "Inter UI", sans-serif;
display: flex;
align-items: center;
margin: 0.5rem 0; }
.notice-board__contact-icon span {
display: inline-block;
line-height: 1rem;
font-size: 0.5rem;
padding-left: 0.54167rem; }
.notice-board__contact-icon img {
height: 2.08333rem;
width: 2.08333rem;
transition: all 0.2s ease-in-out; }
.notice-board__contact-icon:hover img {
filter: brightness(1.2);
transform: scale(1.1); }
@media (max-width: 1200px) {
.notice-board__body-inner {
display: flex;
flex-flow: row wrap;
padding-top: 1rem;
padding-bottom: 1rem;
background-color: rgba(82, 149, 163, 0.66); }
.notice-board__header-minor {
align-self: center; }
.notice-board__contacts {
flex-grow: 1; } }
@media (max-width: 1130px) {
.notice-board__background img {
height: 100%;
width: 100%;
object-fit: cover; }
.notice-board__header-main {
font-size: 1.33333rem; }
.notice-board__header-minor {
font-size: 1rem;
line-height: 1rem;
max-width: 100%; }
.notice-board__contacts {
width: 100%; } }
@media (max-width: 1000px) {
.notice-board {
padding-top: 2rem;
padding-bottom: 2rem; }
.notice-board__header-main {
font-size: 1.41667rem; }
.notice-board__content {
font-size: 1.375rem; }
.notice-board__contacts {
width: 100%; } }
@media (max-width: 710px) {
.notice-board {
padding-top: 2rem;
padding-bottom: 2rem; }
.notice-board__body-inner {
flex-wrap: wrap; }
.notice-board__header-main {
width: 100%;
font-size: 1.04167rem;
line-height: 1rem;
margin: 0 0 1rem; }
.notice-board__header-minor {
font-size: 1.04167rem;
line-height: 1rem;
margin: 0 0 1rem; }
.notice-board__content {
width: 100%; }
.notice-board__contact {
padding: 0;
max-width: initial; }
.notice-board__contact-icon span {
padding-left: 0.33333rem;
line-height: 2rem; }
.notice-board__contact-icon img {
height: 1.75rem;
width: 1.75rem; } }
@media (max-width: 450px) {
.notice-board .notice-board__contacts {
grid-column: 1;
display: grid;
grid-template-columns: 100%; } }
/* zilla-slab-300 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 300;
src: url("/fonts/zilla-slab-v5-latin-ext-300.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab Light"), local("ZillaSlab-Light"), url("/fonts/zilla-slab-v5-latin-ext-300.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-300.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-300.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-300.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-300.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-regular - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 400;
src: url("/fonts/zilla-slab-v5-latin-ext-regular.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab"), local("ZillaSlab-Regular"), url("/fonts/zilla-slab-v5-latin-ext-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-regular.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-regular.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-regular.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-regular.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-500 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 500;
src: url("/fonts/zilla-slab-v5-latin-ext-500.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab Medium"), local("ZillaSlab-Medium"), url("/fonts/zilla-slab-v5-latin-ext-500.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-500.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-500.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-500.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-500.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-600 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 600;
src: url("/fonts/zilla-slab-v5-latin-ext-600.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab SemiBold"), local("ZillaSlab-SemiBold"), url("/fonts/zilla-slab-v5-latin-ext-600.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-600.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-600.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-600.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-600.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-700 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 700;
src: url("/fonts/zilla-slab-v5-latin-ext-700.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab Bold"), local("ZillaSlab-Bold"), url("/fonts/zilla-slab-v5-latin-ext-700.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-700.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-700.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-700.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-700.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* Inter UI */
@font-face {
font-family: "Inter UI";
font-style: normal;
font-weight: 400;
src: url("/fonts/Inter-UI-Regular.woff2") format("woff2"), url("/fonts/Inter-UI-Regular.woff") format("woff"), url("/fonts/Inter-UI-Regular.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: italic;
font-weight: 400;
src: url("/fonts/Inter-UI-Italic.woff2") format("woff2"), url("/fonts/Inter-UI-Italic.woff") format("woff"), url("/fonts/Inter-UI-Italic.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: normal;
font-weight: 600;
src: url("/fonts/Inter-UI-SemiBold.woff2") format("woff2"), url("/fonts/Inter-UI-SemiBold.woff") format("woff"), url("/fonts/Inter-UI-SemiBold.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: italic;
font-weight: 600;
src: url("/fonts/Inter-UI-SemiBoldItalic.woff2") format("woff2"), url("/fonts/Inter-UI-SemiBoldItalic.woff") format("woff"), url("/fonts/Inter-UI-SemiBoldItalic.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: normal;
font-weight: 800;
src: url("/fonts/Inter-UI-ExtraBold.woff2") format("woff2"), url("/fonts/Inter-UI-ExtraBold.woff") format("woff"), url("/fonts/Inter-UI-ExtraBold.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: italic;
font-weight: 800;
src: url("/fonts/Inter-UI-ExtraBoldItalic.woff2") format("woff2"), url("/fonts/Inter-UI-ExtraBoldItalic.woff") format("woff"), url("/fonts/Inter-UI-ExtraBoldItalic.ttf") format("truetype"); }
.breakout-cta-element {
width: 100%;
color: white;
padding: 3rem 1rem;
background-color: #6d4477;
font-family: "Inter UI", sans-serif; }
.breakout-cta-element__container {
max-width: 50rem;
margin: 0 auto;
justify-content: center;
display: grid;
grid-gap: 1rem;
grid-template-rows: repeat(2, 1fr);
grid-template-columns: repeat(2, 1fr); }
.breakout-cta-element__container-left {
max-width: 25rem; }
.breakout-cta-element__container-left h2 {
line-height: 2rem;
font-size: 1.58333rem;
max-width: 18rem;
margin: auto; }
.breakout-cta-element__container-right {
max-width: 25rem; }
.breakout-cta-element__container-right p {
max-width: 18rem;
font-family: "Inter UI", sans-serif;
font-size: 1.58333rem;
line-height: 2rem;
font-weight: 300;
margin: 0 0 1rem 0.58333rem; }
.breakout-cta-element__button {
grid-column: 2;
grid-row: 2; }
@media (max-width: 1000px) {
.breakout-cta-element__container {
grid-gap: 1rem;
grid-template-columns: auto;
grid-template-rows: repeat(3, auto);
justify-content: center; }
.breakout-cta-element__container-left {
margin: 0;
max-width: 14rem; }
.breakout-cta-element__container-left h2 {
font-size: 1.25rem;
line-height: 1.5rem; }
.breakout-cta-element__container-right {
margin: 0;
width: 100%;
max-width: 14rem; }
.breakout-cta-element__container-right p {
font-size: 0.7rem;
width: 100%;
line-height: 1rem;
margin: 0; }
.breakout-cta-element__button {
margin-left: 0;
grid-column: 1;
grid-row: 3; }
.breakout-cta-element__button a {
margin: 0; } }
@media (max-width: 520px) {
.breakout-cta-element__container-left h2 {
font-size: 1.1rem; } }
@media (max-width: 420px) {
.breakout-cta-element__container-left h2 {
font-size: 0.8rem;
line-height: 1rem; }
.breakout-cta-element__container-right p {
font-size: 0.65rem; } }
.workflow-step {
width: 100%;
background-color: #5294a1;
display: grid;
position: relative; }
.workflow-step * {
color: #fff; }
.workflow-step__anchor-point {
position: absolute;
top: -4rem; }
.workflow-step__bg {
grid-row: 1;
grid-column: 1;
height: 70%;
z-index: 1;
display: flex;
align-items: flex-end;
margin-top: 1px; }
.workflow-step__container {
grid-row: 1;
grid-column: 1;
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 3rem 8fr 5fr;
grid-row-gap: 1rem;
grid-column-gap: 1rem;
max-width: 50rem;
margin: 0 auto;
padding: 1rem 1rem 0 1rem; }
.workflow-step__container--no-circle {
grid-template-columns: min-content 8fr 5fr;
text-align: left; }
.workflow-step__upper-line {
display: none; }
.workflow-step__circle-container {
grid-row: 1;
grid-column: 1; }
.workflow-step__circle {
display: inline-block;
width: 100%;
height: 0;
padding: calc(50% - 1px) 0;
border: solid 1px rgba(255, 255, 255, 0.35);
border-radius: 50%;
font-family: "Inter UI", sans-serif;
font-size: calc(2rem / 3);
font-weight: bold;
text-align: center;
line-height: 0;
color: #ffffff; }
.workflow-step__lower-line {
grid-row: 2 / span 3;
grid-column: 1;
width: 1px;
height: 100%;
background-color: white;
opacity: 0.35;
margin: 0 auto; }
.workflow-step__title {
grid-row: 1;
grid-column: 2;
display: flex;
align-items: center; }
.workflow-step__title h2 {
color: #fff;
font-family: "Inter UI", sans-serif;
font-size: 1rem;
font-weight: 800;
line-height: 1rem; }
.workflow-step__description {
grid-row: 2;
grid-column: 2; }
.workflow-step__description p {
color: #fff;
font-family: "Inter UI", sans-serif;
font-size: 0.66667rem;
line-height: 1rem; }
.workflow-step__buttons {
grid-row: 3;
grid-column: 2;
margin-bottom: 1rem;
display: flex;
flex-flow: row;
margin-left: -0.35rem;
margin-right: -0.35rem;
justify-content: flex-end; }
.workflow-step .photo-in-logo {
grid-row: 1 / span 3;
grid-column: 3;
align-self: center; }
@media (max-width: 850px) {
.workflow-step__container {
grid-template-columns: 3rem auto auto;
grid-column-gap: 0; }
.workflow-step__container--no-circle {
grid-template-columns: min-content auto auto; }
.workflow-step + .workflow-step > .workflow-step__container {
padding-top: 0; }
.workflow-step__container--no-circle__circle .workflow-step__description {
padding-left: 1rem; }
.workflow-step__container--no-circle > .workflow-step__title {
margin-left: 0rem; }
.workflow-step__upper-line {
grid-row: 1;
grid-column: 1;
display: block;
width: 1px;
height: 100%;
margin: 0 auto;
background-color: white;
opacity: 0.35; }
.workflow-step__circle-container {
grid-row: 2;
grid-column: 1; }
.workflow-step__lower-line {
grid-row: 3 / span 2;
grid-column: 1; }
.workflow-step__title {
grid-row: 2;
grid-column: 3;
margin-left: 1rem;
text-align: left; }
.workflow-step__title h2 {
max-width: 100%;
width: 100%;
text-align: left; }
.workflow-step__description {
grid-row: 3;
grid-column: 3; }
.workflow-step__buttons {
grid-row: 4;
grid-column: 3; }
.workflow-step .photo-in-logo {
grid-row: 1;
grid-column: 1 / span 3;
width: 45%;
justify-self: center; } }
@media (max-width: 500px) {
.workflow-step__container {
grid-template-columns: max-content 10fr;
grid-row-gap: 0rem; }
.workflow-step__circle {
margin-bottom: -3rem; }
.workflow-step__circle-container {
grid-row: 2;
grid-column: 1;
z-index: 1;
align-self: center;
min-width: 3rem; }
.workflow-step__lower-line {
display: none; }
.workflow-step__title {
grid-row: 4;
grid-column: 1 / span 2;
margin-top: 1rem;
margin-left: 0rem;
text-align: left; }
.workflow-step__title h2 {
max-width: 100%;
font-size: 1rem;
width: 100%; }
.workflow-step__description {
grid-row: 5;
grid-column: 1 / span 2;
padding: 1rem 0;
text-align: left; }
.workflow-step__description p {
max-width: 100%; }
.workflow-step__container--no-circle .workflow-step__description {
padding-left: 0; }
.workflow-step__buttons {
grid-row: 6;
grid-column: 1 / span 2;
margin-left: 0;
text-align: center; }
.workflow-step .photo-in-logo {
grid-row: 3;
grid-column: 1 / 3;
width: 100%;
padding-top: 2rem;
padding-left: 1rem; } }
.thumbnail-paragraph + .thumbnail-paragraph .header {
border: none; }
.thumbnail-paragraph + .thumbnail-paragraph .header .headline {
padding-top: 1rem; }
.thumbnail-paragraph {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: min-content 1fr;
max-width: 50rem;
margin: 0 auto; }
.thumbnail-paragraph .thumbnail {
grid-column: 1;
grid-row: 1/3;
background-color: #ededed;
display: flex; }
.thumbnail-paragraph .thumbnail img {
margin: 0 auto; }
.thumbnail-paragraph .thumbnail--sticky {
padding-top: 5rem; }
.thumbnail-paragraph .thumbnail--sticky > img {
top: 50%;
transform: translate(0, -50%);
position: sticky;
height: 7.66667rem;
box-sizing: content-box; }
.thumbnail-paragraph .header {
grid-column: 2;
grid-row: 1;
margin: 0 1rem;
border-top: solid 0.1rem #ededed; }
.thumbnail-paragraph .header .headline {
padding-top: 0.9rem;
color: #6d4477;
font-family: "Inter UI", sans-serif;
font-size: 1rem;
font-weight: 700;
letter-spacing: -1px; }
.thumbnail-paragraph .header h3 {
padding-top: 1rem;
font-family: "Zilla Slab", serif;
font-size: 0.9rem;
font-weight: 100;
color: #000; }
.thumbnail-paragraph .paragraph {
grid-column: 2;
grid-row: 2;
min-width: 220px;
margin: 0 1rem;
padding: 1rem 0;
font-family: InterUI, sans-serif;
color: #6f6e6e; }
.thumbnail-paragraph .paragraph,
.thumbnail-paragraph .paragraph * {
font-size: 0.6rem; }
.thumbnail-paragraph--right .thumbnail {
grid-column: 2; }
.thumbnail-paragraph--right .header {
grid-column: 1; }
.thumbnail-paragraph--right .paragraph {
grid-column: 1; }
@media (max-width: 900px) {
.thumbnail-paragraph {
grid-template-columns: 1fr 2fr; }
.thumbnail-paragraph .thumbnail img {
max-width: 100%;
padding: 0 0.8rem; }
.thumbnail-paragraph--right {
grid-template-columns: 2fr 1fr; } }
@media (max-width: 600px) {
.thumbnail-paragraph {
display: flex;
flex-flow: row wrap;
align-items: stretch; }
.thumbnail-paragraph .thumbnail {
flex-shrink: 1;
flex-basis: 5rem;
flex-grow: 1; }
.thumbnail-paragraph .thumbnail img {
max-width: 100%;
padding: 0.5rem 0.5rem; }
.thumbnail-paragraph .header {
border: none;
margin-left: 0.5rem;
flex-basis: 5rem;
flex-grow: 2;
display: flex;
flex-flow: column;
justify-content: center; }
.thumbnail-paragraph--right .header {
order: 1;
padding: 0 0.5rem; }
.thumbnail-paragraph--right .thumbnail {
order: 2; }
.thumbnail-paragraph--right .paragraph {
order: 3; } }
/* zilla-slab-300 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 300;
src: url("/fonts/zilla-slab-v5-latin-ext-300.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab Light"), local("ZillaSlab-Light"), url("/fonts/zilla-slab-v5-latin-ext-300.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-300.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-300.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-300.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-300.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-regular - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 400;
src: url("/fonts/zilla-slab-v5-latin-ext-regular.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab"), local("ZillaSlab-Regular"), url("/fonts/zilla-slab-v5-latin-ext-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-regular.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-regular.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-regular.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-regular.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-500 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 500;
src: url("/fonts/zilla-slab-v5-latin-ext-500.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab Medium"), local("ZillaSlab-Medium"), url("/fonts/zilla-slab-v5-latin-ext-500.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-500.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-500.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-500.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-500.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-600 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 600;
src: url("/fonts/zilla-slab-v5-latin-ext-600.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab SemiBold"), local("ZillaSlab-SemiBold"), url("/fonts/zilla-slab-v5-latin-ext-600.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-600.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-600.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-600.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-600.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-700 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 700;
src: url("/fonts/zilla-slab-v5-latin-ext-700.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab Bold"), local("ZillaSlab-Bold"), url("/fonts/zilla-slab-v5-latin-ext-700.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-700.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-700.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-700.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-700.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* Inter UI */
@font-face {
font-family: "Inter UI";
font-style: normal;
font-weight: 400;
src: url("/fonts/Inter-UI-Regular.woff2") format("woff2"), url("/fonts/Inter-UI-Regular.woff") format("woff"), url("/fonts/Inter-UI-Regular.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: italic;
font-weight: 400;
src: url("/fonts/Inter-UI-Italic.woff2") format("woff2"), url("/fonts/Inter-UI-Italic.woff") format("woff"), url("/fonts/Inter-UI-Italic.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: normal;
font-weight: 600;
src: url("/fonts/Inter-UI-SemiBold.woff2") format("woff2"), url("/fonts/Inter-UI-SemiBold.woff") format("woff"), url("/fonts/Inter-UI-SemiBold.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: italic;
font-weight: 600;
src: url("/fonts/Inter-UI-SemiBoldItalic.woff2") format("woff2"), url("/fonts/Inter-UI-SemiBoldItalic.woff") format("woff"), url("/fonts/Inter-UI-SemiBoldItalic.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: normal;
font-weight: 800;
src: url("/fonts/Inter-UI-ExtraBold.woff2") format("woff2"), url("/fonts/Inter-UI-ExtraBold.woff") format("woff"), url("/fonts/Inter-UI-ExtraBold.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: italic;
font-weight: 800;
src: url("/fonts/Inter-UI-ExtraBoldItalic.woff2") format("woff2"), url("/fonts/Inter-UI-ExtraBoldItalic.woff") format("woff"), url("/fonts/Inter-UI-ExtraBoldItalic.ttf") format("truetype"); }
.linker {
background-color: #5294a1;
padding: 2rem 0; }
.linker__body {
display: grid;
max-width: 51.75rem;
margin: 0 auto;
padding: 0 1rem;
grid-template-columns: auto auto auto auto;
grid-gap: 1rem; }
.linker .legend {
align-self: stretch; }
.linker a {
font-family: "Zilla Slab", serif;
width: 100%;
font-size: 1rem;
font-weight: 300;
color: white;
line-height: 1rem;
padding: calc(1rem - 1px) 0 calc(2rem - 1px);
border-top: 1px solid white;
border-bottom: 1px solid white;
padding-left: 0.5rem;
padding-right: 0.5rem;
width: 100%;
height: 100%;
display: block; }
@media (max-width: 1000px) {
.linker__body {
grid-template-columns: auto auto auto; } }
@media (max-width: 800px) {
.linker__body {
grid-gap: 0;
grid-template-columns: 1fr;
padding: 0; }
.linker__body a {
padding-bottom: calc(1rem - 1px);
border-bottom-color: transparent; }
.linker .legend:last-child a {
border-bottom-color: white; } }
@media (max-width: 585px) {
.linker p {
font-size: 1.04167rem;
font-weight: 300;
line-height: 1rem; } }
.header-lead-paragraph {
max-width: 50rem;
margin: 0 auto;
font-family: "Inter UI", sans-serif;
padding-bottom: 4rem; }
.header-lead-paragraph--sticky {
display: grid;
grid-template-columns: 30% 70%; }
.header-lead-paragraph--sticky .header-lead-paragraph__caption {
grid-column: 1;
grid-row: 1 / span 2;
padding-right: 0; }
.header-lead-paragraph--sticky .header-lead-paragraph__caption--no_navbar {
top: 0;
position: -webkit-sticky;
position: sticky;
display: block; }
.header-lead-paragraph--sticky .header-lead-paragraph__caption--is_navbar {
top: 4rem;
position: -webkit-sticky;
position: sticky;
display: block; }
.header-lead-paragraph--sticky .header-lead-paragraph__description,
.header-lead-paragraph--sticky .header-lead-paragraph__description-box {
grid-column: 2; }
.header-lead-paragraph--sticky .header-lead-paragraph__description p,
.header-lead-paragraph--sticky .header-lead-paragraph__description-box p {
max-width: 60ch;
padding-right: 2rem;
padding-left: 2rem;
margin-top: 1rem;
font-size: 0.66667rem;
color: #6f6e6e;
text-align: left; }
.header-lead-paragraph--float {
display: flex;
flex-flow: wrap;
justify-content: space-around;
align-items: center; }
.header-lead-paragraph--float .header-lead-paragraph__caption {
max-width: 17rem;
flex-basis: 38%;
flex-grow: 1; }
.header-lead-paragraph--float .header-lead-paragraph__description {
flex-basis: 18rem;
flex-grow: 1;
flex-flow: column;
display: flex;
align-items: center; }
.header-lead-paragraph--float .header-lead-paragraph__description p,
.header-lead-paragraph--float .header-lead-paragraph__description-box p {
max-width: 60ch;
padding-right: 2rem;
padding-left: 2rem;
margin-top: 1rem;
font-size: 0.66667rem;
color: #6f6e6e;
text-align: left;
padding-right: 1rem;
padding-left: 1rem; }
.header-lead-paragraph__caption {
flex-basis: 10rem;
flex-grow: 1;
padding-left: 1rem;
padding-right: 1rem; }
.header-lead-paragraph__caption hr {
height: 2px;
border: none;
background-color: #e0e0e0;
width: 100%;
margin: 0 0 1rem; }
.header-lead-paragraph__caption h3 {
font-size: 1.08333rem;
text-align: left;
color: #5294a1;
margin-bottom: 1rem; }
.header-lead-paragraph__caption p {
font-size: 0.66667rem;
font-weight: bold;
text-align: left; }
@media (max-width: 825px) {
.header-lead-paragraph {
grid-template-columns: 100%; }
.header-lead-paragraph .header-lead-paragraph__caption {
max-width: 19rem;
padding-left: 1rem;
padding-right: 1rem; }
.header-lead-paragraph .header-lead-paragraph__caption h3 {
font-size: 1rem; }
.header-lead-paragraph .header-lead-paragraph__caption p {
font-size: 0.58333rem; }
.header-lead-paragraph .header-lead-paragraph__description,
.header-lead-paragraph .header-lead-paragraph__description-box {
grid-column: 1; }
.header-lead-paragraph .header-lead-paragraph__description p,
.header-lead-paragraph .header-lead-paragraph__description-box p {
font-size: 0.58333rem;
padding-right: 1rem;
padding-left: 1rem; } }
/* zilla-slab-300 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 300;
src: url("/fonts/zilla-slab-v5-latin-ext-300.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab Light"), local("ZillaSlab-Light"), url("/fonts/zilla-slab-v5-latin-ext-300.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-300.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-300.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-300.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-300.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-regular - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 400;
src: url("/fonts/zilla-slab-v5-latin-ext-regular.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab"), local("ZillaSlab-Regular"), url("/fonts/zilla-slab-v5-latin-ext-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-regular.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-regular.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-regular.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-regular.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-500 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 500;
src: url("/fonts/zilla-slab-v5-latin-ext-500.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab Medium"), local("ZillaSlab-Medium"), url("/fonts/zilla-slab-v5-latin-ext-500.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-500.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-500.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-500.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-500.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-600 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 600;
src: url("/fonts/zilla-slab-v5-latin-ext-600.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab SemiBold"), local("ZillaSlab-SemiBold"), url("/fonts/zilla-slab-v5-latin-ext-600.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-600.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-600.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-600.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-600.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* zilla-slab-700 - latin_latin-ext */
@font-face {
font-family: "Zilla Slab";
font-style: normal;
font-weight: 700;
src: url("/fonts/zilla-slab-v5-latin-ext-700.eot");
/* IE9 Compat Modes */
src: local("Zilla Slab Bold"), local("ZillaSlab-Bold"), url("/fonts/zilla-slab-v5-latin-ext-700.eot?#iefix") format("embedded-opentype"), url("/fonts/zilla-slab-v5-latin-ext-700.woff2") format("woff2"), url("/fonts/zilla-slab-v5-latin-ext-700.woff") format("woff"), url("/fonts/zilla-slab-v5-latin-ext-700.ttf") format("truetype"), url("/fonts/zilla-slab-v5-latin-ext-700.svg#ZillaSlab") format("svg");
/* Legacy iOS */ }
/* Inter UI */
@font-face {
font-family: "Inter UI";
font-style: normal;
font-weight: 400;
src: url("/fonts/Inter-UI-Regular.woff2") format("woff2"), url("/fonts/Inter-UI-Regular.woff") format("woff"), url("/fonts/Inter-UI-Regular.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: italic;
font-weight: 400;
src: url("/fonts/Inter-UI-Italic.woff2") format("woff2"), url("/fonts/Inter-UI-Italic.woff") format("woff"), url("/fonts/Inter-UI-Italic.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: normal;
font-weight: 600;
src: url("/fonts/Inter-UI-SemiBold.woff2") format("woff2"), url("/fonts/Inter-UI-SemiBold.woff") format("woff"), url("/fonts/Inter-UI-SemiBold.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: italic;
font-weight: 600;
src: url("/fonts/Inter-UI-SemiBoldItalic.woff2") format("woff2"), url("/fonts/Inter-UI-SemiBoldItalic.woff") format("woff"), url("/fonts/Inter-UI-SemiBoldItalic.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: normal;
font-weight: 800;
src: url("/fonts/Inter-UI-ExtraBold.woff2") format("woff2"), url("/fonts/Inter-UI-ExtraBold.woff") format("woff"), url("/fonts/Inter-UI-ExtraBold.ttf") format("truetype"); }
@font-face {
font-family: "Inter UI";
font-style: italic;
font-weight: 800;
src: url("/fonts/Inter-UI-ExtraBoldItalic.woff2") format("woff2"), url("/fonts/Inter-UI-ExtraBoldItalic.woff") format("woff"), url("/fonts/Inter-UI-ExtraBoldItalic.ttf") format("truetype"); }
.notice-board {
padding: 4rem 0;
position: relative; }
.notice-board__anchor-point {
position: absolute;
top: -4rem; }
.notice-board__background {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
z-index: -1;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center; }
.notice-board__background:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(85, 53, 93, 0.7); }
.notice-board__body {
max-width: 52.33333rem;
margin: 0 auto;
overflow: hidden; }
.notice-board__body-inner {
display: grid;
padding: 1rem 2rem;
grid-template-columns: auto auto;
margin: 0 -1rem; }
.notice-board__header-main {
margin: 0 1rem 1rem 0;
font-weight: 800;
color: white;
line-height: 2rem;
font-family: "Inter UI", sans-serif;
font-style: bold;
font-size: 1.58333rem;
grid-row-end: span 2; }
.notice-board__content {
padding: 0 1rem; }
.notice-board__header-minor {
color: white;
line-height: 2rem;
font-family: "Zilla Slab", serif;
font-size: 1.5rem;
font-weight: 300;
max-width: 528px;
flex-grow: 1;
margin: 0 1rem 1rem 0; }
.notice-board__contacts {
min-width: calc(100% - 22rem);
grid-column: 2;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(5rem, 9rem));
flex-wrap: wrap;
justify-content: space-between;
min-width: 20.83333rem; }
.notice-board__contact-icon {
width: min-content;
text-decoration: none;
color: white;
font-weight: bold;
font-family: "Inter UI", sans-serif;
display: flex;
align-items: center;
margin: 0.5rem 0; }
.notice-board__contact-icon span {
display: inline-block;
line-height: 1rem;
font-size: 0.5rem;
padding-left: 0.54167rem; }
.notice-board__contact-icon img {
height: 2.08333rem;
width: 2.08333rem;
transition: all 0.2s ease-in-out; }
.notice-board__contact-icon:hover img {
filter: brightness(1.2);
transform: scale(1.1); }
@media (max-width: 1200px) {
.notice-board__body-inner {
display: flex;
flex-flow: row wrap;
padding-top: 1rem;
padding-bottom: 1rem;
background-color: rgba(82, 149, 163, 0.66); }
.notice-board__header-minor {
align-self: center; }
.notice-board__contacts {
flex-grow: 1; } }
@media (max-width: 1130px) {
.notice-board__background img {
height: 100%;
width: 100%;
object-fit: cover; }
.notice-board__header-main {
font-size: 1.33333rem; }
.notice-board__header-minor {
font-size: 1rem;
line-height: 1rem;
max-width: 100%; }
.notice-board__contacts {
width: 100%; } }
@media (max-width: 1000px) {
.notice-board {
padding-top: 2rem;
padding-bottom: 2rem; }
.notice-board__header-main {
font-size: 1.41667rem; }
.notice-board__content {
font-size: 1.375rem; }
.notice-board__contacts {
width: 100%; } }
@media (max-width: 710px) {
.notice-board {
padding-top: 2rem;
padding-bottom: 2rem; }
.notice-board__body-inner {
flex-wrap: wrap; }
.notice-board__header-main {
width: 100%;
font-size: 1.04167rem;
line-height: 1rem;
margin: 0 0 1rem; }
.notice-board__header-minor {
font-size: 1.04167rem;
line-height: 1rem;
margin: 0 0 1rem; }
.notice-board__content {
width: 100%; }
.notice-board__contact {
padding: 0;
max-width: initial; }
.notice-board__contact-icon span {
padding-left: 0.33333rem;
line-height: 2rem; }
.notice-board__contact-icon img {
height: 1.75rem;
width: 1.75rem; } }
@media (max-width: 450px) {
.notice-board .notice-board__contacts {
grid-column: 1;
display: grid;
grid-template-columns: 100%; } }
.feature-tiles {
max-width: 50rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center; }
.feature-tiles__tile {
margin: 1rem 1rem;
display: flex;
flex-flow: column;
flex-basis: 11rem;
flex-grow: 1;
align-items: center; }
.feature-tiles__tile img {
width: 2.70833rem;
height: 2.625rem;
margin-top: calc(1rem - 18px);
margin-bottom: calc(1rem - 17px); }
.feature-tiles__tile dt {
margin-top: 1rem;
font-size: 1rem;
font-family: "Zilla Slab", serif;
font-weight: 300;
line-height: 1rem;
text-align: center; }
.feature-tiles__tile dd {
margin-top: 1rem;
max-width: 50ch;
font-family: "Inter UI", sans-serif;
font-size: calc(4rem / 7);
line-height: 1rem;
text-align: center;
color: #6f6e6e; }
.nice-header {
max-width: 52.33333rem;
margin: auto;
padding: 1rem;
display: flex;
align-items: center;
flex-flow: wrap; }
.nice-header .photo-in-logo {
width: 100%;
text-align: center;
max-width: 23.33333rem;
flex-grow: 1;
margin: 0 auto; }
.nice-header .photo-in-logo img {
max-width: calc(14rem * 506 / 392); }
.nice-header--image-on-left {
flex-direction: row; }
.nice-header--image-on-right {
flex-direction: row-reverse; }
.nice-header--shaped {
display: block;
max-width: 46.66667rem; }
.nice-header--shaped.nice-header--image-on-right .photo-in-logo {
float: right; }
.nice-header--shaped.nice-header--image-on-left .photo-in-logo {
float: left; }
.nice-header--shaped .photo-in-logo {
margin-bottom: 0;
shape-outside: polygon(65% 0, 35% 0, 0 50%, 35% 100%, 65% 100%, 100% 50%); }
.nice-header__description {
min-width: 17.5rem;
text-align: center;
padding: 1rem 2rem 1rem 2rem;
padding-left: 2rem;
padding-right: 2rem;
flex: 1; }
.nice-header__description h2 {
max-width: 32.66667rem;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 800;
margin: 0 0 1rem;
text-align: left;
font-family: "Inter UI", sans-serif; }
.nice-header__description p {
max-width: 46.66667rem;
color: #6f6e6e;
margin: 0 auto;
line-height: 24px;
font-size: 0.625rem;
text-align: left;
font-family: "Inter UI", sans-serif; }
.nice-header__description .button {
margin-top: 1rem; }
.nice-header__description::after {
content: " ";
display: block;
clear: both; }
@media (max-width: 821px) {
.nice-header .photo-in-logo {
max-width: 17.08333rem;
padding: 0 1rem;
margin-bottom: 1rem; } }
@media (max-width: 700px) {
.nice-header--shaped .photo-in-logo {
float: none !important;
margin: 0 auto 1rem auto; } }
@media (max-width: 600px) {
.nice-header__description {
padding-left: 0;
padding-right: 0;
min-width: 5rem;
padding: 0;
min-width: 5.83333rem; }
.nice-header__description h2 {
text-align: center; }
.nice-header__description p {
text-align: center; } }
.splash-header {
min-height: 27rem;
background: white;
width: 100%;
background-repeat: no-repeat;
background-size: 100%;
background-position: bottom;
padding-top: 1rem;
padding-bottom: 9rem; }
@media (max-width: 500px) {
.splash-header {
min-height: 17rem; } }
@media (max-width: 945px) {
.splash-header {
padding-top: 2rem;
padding-bottom: 6rem; } }
@media (max-width: 560px) {
.splash-header {
background-size: contain;
padding-bottom: 2rem; } }
.splash-header__container {
max-width: 51rem;
margin: 0 auto; }
.splash-header__header {
max-width: 26rem;
margin: 0 4rem;
margin-top: 1rem; }
@media (max-width: 945px) {
.splash-header__header {
margin: 0 2rem; } }
@media (max-width: 585px) {
.splash-header__header {
margin: 0 1rem; } }
.splash-header__header-top, .splash-header__header-bottom {
display: block;
color: #5294a1;
font-size: 1.5rem;
font-family: "Inter UI", sans-serif;
font-weight: 800;
line-height: 2rem;
margin: 0;
padding: 0; }
@media (max-width: 835px) {
.splash-header__header-top, .splash-header__header-bottom {
font-size: 1.5rem;
line-height: 2rem; } }
@media (max-width: 585px) {
.splash-header__header-top, .splash-header__header-bottom {
font-size: 1.625rem;
line-height: 2rem; } }
@media (max-width: 495px) {
.splash-header__header-top, .splash-header__header-bottom {
font-size: 1rem;
line-height: 1rem; } }
@media (max-width: 835px) {
.splash-header__header-top {
max-width: 20.83333rem; } }
@media (max-width: 495px) {
.splash-header__header-top {
max-width: 10.5rem; } }
.splash-header__header-bottom {
color: black; }
.splash-header__description {
max-width: 22rem;
margin: 1rem 4rem 0 4rem;
font-family: "Inter UI", sans-serif;
font-size: 0.7rem;
font-weight: 300;
line-height: 1rem;
color: #565656; }
@media (max-width: 945px) {
.splash-header__description {
margin: 1rem 2rem 0 2rem; } }
@media (max-width: 835px) {
.splash-header__description {
font-size: 0.79167rem;
line-height: 1rem;
font-weight: normal; } }
@media (max-width: 585px) {
.splash-header__description {
font-size: 0.79167rem;
line-height: 1rem;
font-weight: normal;
background-color: rgba(255, 255, 255, 0.5);
margin: 0;
padding: 1rem; } }
@media (max-width: 495px) {
.splash-header__description {
font-size: 0.70833rem;
line-height: 1rem; } }
.simple-header {
background: white;
width: 100%;
margin: 0 auto;
background-repeat: no-repeat;
background-size: 100%;
background-position: bottom;
padding-top: 1rem;
padding-bottom: 5rem; }
@media (max-width: 945px) {
.simple-header {
padding-top: 2rem;
padding-bottom: 6rem; } }
@media (max-width: 560px) {
.simple-header {
background-size: contain;
padding-bottom: 2rem; } }
.simple-header__container {
max-width: 51rem;
margin: 0 auto; }
.simple-header__header {
max-width: 26rem;
margin: 0 4rem;
margin-top: 3.5rem; }
@media (max-width: 945px) {
.simple-header__header {
margin: 0 2rem; } }
@media (max-width: 585px) {
.simple-header__header {
margin: 0 1rem; } }
.simple-header__header-top {
display: block;
color: #5294a1;
font-size: 1.95rem;
font-family: "Inter UI", sans-serif;
font-weight: 800;
line-height: 2rem;
margin: 0;
padding: 0; }
@media (max-width: 835px) {
.simple-header__header-top {
font-size: 1.5rem;
line-height: 2rem; } }
@media (max-width: 585px) {
.simple-header__header-top {
font-size: 1.625rem;
line-height: 2rem; } }
@media (max-width: 495px) {
.simple-header__header-top {
font-size: 1rem;
line-height: 1rem; } }
@media (max-width: 835px) {
.simple-header__header-top {
max-width: 20.83333rem; } }
@media (max-width: 495px) {
.simple-header__header-top {
max-width: 10.5rem; } }
.simple-header__description {
max-width: 15rem;
margin: 1rem 4rem 0 4rem;
font-family: "Zilla Slab", serif;
font-size: 0.75rem;
font-weight: 300;
line-height: 1rem;
color: #565656; }
@media (max-width: 945px) {
.simple-header__description {
margin: 1rem 2rem 0 2rem; } }
@media (max-width: 835px) {
.simple-header__description {
font-size: 0.79167rem;
line-height: 1rem;
font-weight: normal; } }
@media (max-width: 585px) {
.simple-header__description {
font-size: 0.79167rem;
line-height: 1rem;
font-weight: normal;
background-color: #E8E8E8;
margin: 0;
padding: 1rem; } }
@media (max-width: 495px) {
.simple-header__description {
font-size: 0.70833rem;
line-height: 1rem; } }
.image_wrapper {
display: flex;
flex-direction: column;
align-items: center;
border: 1px solid rgba(129, 114, 114, 0.33);
border-radius: 4px;
text-align: center;
font-size: 0.55rem;
height: auto;
margin: 15px;
cursor: pointer;
transition: box-shadow 0.3s ease-in-out;
padding: 10px;
text-decoration: none;
background-color: #ededed;
width: 100%;
flex: 1; }
.image_wrapper:hover {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25); }
.image_wrapper::after {
content: "";
width: 0px;
height: 2px;
display: block;
background: #62386c;
transition: 300ms; }
.image_wrapper:hover::after {
width: 90%; }
a.image_wrapper {
color: black; }
.logopicture {
width: 10rem;
padding: 0.79167rem;
object-fit: cover; }
.quote {
padding: 3rem 1rem 2rem;
background-color: white; }
.quote .quotation img {
width: 1.9rem; }
.quote .quotation .content {
font-family: "Zilla Slab", serif;
font-size: 0.9rem;
font-weight: 100;
max-width: 45ch; }
.quote .author {
padding-top: 1rem;
text-align: center;
font-family: "Inter UI", sans-serif; }
.quote .author img {
border-radius: 50%;
width: 2rem;
height: 2rem;
object-fit: cover; }
.quote .author p {
font-size: 0.5rem;
padding-top: 0.5rem;
font-weight: bold; }
.quote .author span {
font-size: 0.4rem;
color: #6f6e6e; }
.quote--vertical .wrapper {
display: flex;
flex-direction: column;
align-items: center; }
.quote--vertical .quotation {
width: 100%;
max-width: 35.41667rem;
margin: 0 1rem calc(1rem - 2px) 1rem;
border-top: 2px solid #e0e0e0;
border-bottom: 2px solid #e0e0e0;
text-align: center; }
.quote--vertical .quotation img {
margin-top: -3rem;
background-color: white; }
.quote--vertical .quotation .content {
padding-top: 1rem;
padding-bottom: 1.5rem;
margin: -2px auto 0; }
.quote--horizontal .wrapper {
display: grid;
margin: 0 auto;
grid-template-columns: auto auto;
border-top: 2px solid #e0e0e0;
border-bottom: 2px solid #e0e0e0;
max-width: 37.5rem;
padding: 1.5rem 0 calc(1.5rem - 2px) 0; }
.quote--horizontal .quotation {
grid-column: 1;
display: flex;
flex-direction: row;
margin-right: 0.5rem; }
.quote--horizontal .quotation img {
margin: -0.5rem 0.5rem 0 0;
align-self: flex-start;
flex-shrink: 0; }
.quote--horizontal .author {
grid-column: 2;
padding: 0; }
@media (max-width: 640px) {
.quote--horizontal .wrapper {
grid-template-columns: auto;
grid-template-rows: auto auto; }
.quote--horizontal .quotation {
grid-row: 1; }
.quote--horizontal .quotation img {
flex-shrink: 0.3; }
.quote--horizontal .author {
grid-column: 1;
grid-row: 2;
margin-top: 1rem; } }
@media (max-width: 650px) {
.quote .quotation .content {
font-size: 0.65rem; } }
.blog-news-tiles {
max-width: 50rem;
margin: 0 auto;
padding: 0 1rem;
display: flex;
flex-wrap: wrap;
justify-content: center; }
.blog-news-tiles__tile {
display: flex;
flex-basis: 14.16667rem;
max-width: 17.5rem;
min-width: 12.5rem;
flex: 1;
flex-direction: column;
border: 1px solid #e0e0e0;
margin: 1rem 0.5rem; }
.blog-news-tiles__image {
margin-bottom: 1rem; }
.blog-news-tiles__image img {
object-fit: contain;
max-width: 100%; }
.blog-news-tiles__reading-time {
font-family: "Inter UI", sans-serif;
font-size: 0.54167rem;
line-height: 1rem;
color: #6f6e6e;
padding: 0 1rem;
margin-bottom: 1rem; }
.blog-news-tiles__reading-time img {
vertical-align: text-top;
margin-right: 0.29167rem; }
.blog-news-tiles__title {
color: #000000;
text-decoration: none;
flex: 1;
font-size: 0.83333rem;
line-height: 1rem;
font-weight: 800;
padding: 0 1rem;
margin-bottom: 2rem; }
.blog-news-tiles__description {
display: flex;
justify-content: space-between;
padding: 0 2rem 0 1rem;
margin-bottom: calc(1rem - 1px); }
.blog-news-tiles__author {
font-family: "Inter UI", sans-serif;
font-size: 0.54167rem;
line-height: 1rem;
color: #6f6e6e;
margin-right: 0.25rem; }
.blog-news-tiles__author > img {
border-radius: 50%;
height: 1rem;
width: 1rem;
margin-right: 0.33333rem; }
.blog-news-tiles__date {
font-family: "Inter UI", sans-serif;
font-size: 0.54167rem;
line-height: 1rem;
color: #6f6e6e; }
@media (max-width: 448px) {
.blog-news-tiles {
padding: 0; }
.blog-news-tiles__tile {
max-width: 100%;
margin: 1rem 0; }
.blog-news-tiles__tile > img {
height: auto; }
.blog-news-tiles__description {
padding: 0 1rem; } }
.pictogram-tiles {
max-width: 50rem;
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 2rem;
grid-auto-rows: minmax(7rem, auto);
grid-row-gap: 1rem;
margin: 1rem auto;
padding: 0 1rem; }
.pictogram-tiles__tile {
grid-row: span 2;
list-style: none; }
.pictogram-tiles__tile:nth-child(even) {
grid-column: 1; }
.pictogram-tiles__tile:nth-child(odd) {
grid-column: 2; }
.pictogram-tiles__tile:only-child {
grid-column: 1 / span 2;
max-width: 23.33333rem;
margin: 0 auto; }
.pictogram-tiles__content {
display: grid;
grid-template-rows: 1fr auto;
grid-row-gap: 1rem;
padding: 2rem; }
.pictogram-tiles__upperSection {
display: flex;
justify-content: space-between; }
.pictogram-tiles__upperSection span {
font-family: "Inter UI", sans-serif;
font-weight: 800;
font-size: 1.5rem;
line-height: 2rem;
padding-bottom: calc(1rem - 1px);
border-bottom: 1px solid #000000; }
.pictogram-tiles__upperSection img {
align-self: flex-start; }
.pictogram-tiles__lowerSection {
display: grid;
grid-template-rows: minmax(3rem, auto) auto; }
.pictogram-tiles__lowerSection h3 {
grid-row: 1;
font-size: 1rem;
line-height: 1.25rem;
font-family: "Zilla Slab", serif;
font-weight: 400;
align-self: center; }
.pictogram-tiles__lowerSection p {
grid-row: 2;
font-family: "Inter UI", sans-serif; }
.pictogram-tiles__tile--purple {
background-color: #6d4477; }
.pictogram-tiles__tile--white {
background-color: white;
box-shadow: 0.5rem 0.5rem 0 0 rgba(0, 0, 0, 0.06); }
.pictogram-tiles__tile--purple .pictogram-tiles__upperSection span {
color: #fff;
border-color: #8b7192; }
.pictogram-tiles__tile--white .pictogram-tiles__upperSection span {
color: #6d4477;
border-color: #e0e0e0; }
.pictogram-tiles__tile--purple .pictogram-tiles__lowerSection h3 {
color: #fff; }
.pictogram-tiles__tile--purple .pictogram-tiles__lowerSection p {
color: #dfd6e1; }
.pictogram-tiles__tile--white .pictogram-tiles__lowerSection p {
color: #6f6e6e; }
@media (max-width: 880px) {
.pictogram-tiles {
grid-template-columns: auto; }
.pictogram-tiles__tile {
max-width: 21rem;
margin: 0 auto; }
.pictogram-tiles__tile:nth-child(odd) {
grid-column: auto; }
.pictogram-tiles__tile:nth-child(even) {
grid-column: auto; } }
@media (max-width: 440px) {
.pictogram-tiles {
padding: 0; }
.pictogram-tiles__content {
padding: 2rem 1rem; }
.pictogram-tiles__tile--white {
box-shadow: none; } }
.ordered-blocks {
padding-bottom: 4rem;
position: relative; }
.ordered-blocks ol {
list-style-type: none;
padding: 0; }
.ordered-blocks__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1; }
.ordered-blocks__bg .wave {
height: 6rem; }
.ordered-blocks__body {
max-width: 50rem;
margin: 0 auto;
position: relative;
z-index: 2; }
.ordered-blocks__article-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(36ch, 1fr));
padding: 0 1rem; }
.ordered-blocks__buttons {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem; }
.ordered-blocks__button-wrapper {
text-align: center; }
@media (max-width: 400px) {
.ordered-blocks__article-list {
display: block;
max-width: 100%;
padding: 0 0;
margin: auto; } }
.newsletter-form {
min-height: 22rem;
background: #6d4477;
display: grid;
grid-template-columns: repeat(2, 1fr);
padding: 0 5.04167rem 6.08333rem 5rem;
align-content: center;
justify-items: center;
grid-gap: 2.70833rem 4.33333rem; }
.newsletter-form__header {
color: #fff;
font-size: 1.33333rem;
line-height: 2rem;
max-width: 21.5rem;
grid-row: 1/3; }
.newsletter-form__header img {
display: block;
margin-top: 2.70833rem; }
.newsletter-form__newsletter-info {
color: #dfd6e1;
font-size: 0.66667rem;
line-height: 1.16667rem;
max-width: 23.5rem;
display: flex;
flex-flow: column;
justify-content: space-between; }
.newsletter-form__newsletter-info label {
display: flex;
align-items: baseline; }
.newsletter-form__newsletter-info input[type="checkbox"] {
margin-right: 0.75rem; }
.newsletter-form__data-disclaimer {
color: #dfd6e1;
font-size: 0.66667rem;
line-height: 1rem;
margin-top: 1rem;
max-width: 23.5rem;
font-style: italic; }
.newsletter-form__checkbox-section {
margin-top: 2rem;
font-size: 0.5rem;
line-height: 0.91667rem; }
.newsletter-form .mailtrain-subscription-widget h3 {
display: none; }
.newsletter-form .mailtrain-subscription-widget form {
height: 2.79167rem;
width: 23.5rem;
display: flex;
margin: auto; }
.newsletter-form .mailtrain-subscription-widget form .form-group {
position: relative;
display: flex; }
.newsletter-form .mailtrain-subscription-widget form .form-group label {
position: absolute;
top: -0.4rem;
left: 0.8rem;
background: #6d4477; }
.newsletter-form .mailtrain-subscription-widget form button {
height: 100%;
margin: 0;
width: 11.66667rem;
border: 1px solid #8b7192;
cursor: pointer;
white-space: nowrap;
border-left-width: 0px; }
.newsletter-form .mailtrain-subscription-widget form input[type="email"] {
border: 1px solid #8b7192;
background: none;
width: 15.54167rem;
padding-left: 1.125rem;
color: #fff; }
.newsletter-form .mailtrain-subscription-widget form input[type="email"]::placeholder {
color: #fff; }
.newsletter-form [data-mailtrain-subscription-widget=""] {
max-width: 23.5rem;
color: #dfd6e1; }
@media (max-width: 1380px) {
.newsletter-form {
grid-template-columns: 1fr;
padding: 1rem; }
.newsletter-form__header {
text-align: center;
display: flex;
flex-flow: column; } }
@media (max-width: 700px) {
.newsletter-form {
padding: 1rem 0.5rem;
width: 100%; }
.newsletter-form .mailtrain-subscription-widget form {
width: 100%; }
.newsletter-form .mailtrain-subscription-widget input[type="email"] {
width: 70%; }
.newsletter-form .mailtrain-subscription-widget #email {
width: 100%; }
.newsletter-form .mailtrain-subscription-widget button {
padding-left: 0;
padding-right: 0;
width: 30%; }
.newsletter-form .mailtrain-subscription-widget button::after {
display: none; } }
@media (max-width: 340px) {
.newsletter-form .mailtrain-subscription-widget form {
width: 90%;
margin: 0; } }
.tib {
background-color: #f6f6f6;
overflow: hidden; }
.tib + .wave {
margin-top: -1rem; }
.tib__body {
max-width: 50rem;
margin: 0 auto;
padding: 0rem 0 1rem;
display: flex;
align-items: center;
justify-content: space-between; }
.tib__body--image-on-right {
flex-direction: row; }
.tib__body--image-on-left {
flex-direction: row-reverse; }
.tib__body-left {
padding: 1rem 1rem 0 1rem;
width: 52%; }
.tib__body-right {
width: 44%;
margin-right: 2rem; }
.tib h2 {
font-family: "Inter UI", sans-serif;
color: #55a4b4;
font-size: 1.54167rem;
line-height: 2rem;
margin: 0 0 1rem;
font-weight: 800; }
.tib h3 {
font-family: "Inter UI", sans-serif;
line-height: 1rem;
font-size: 0.79167rem;
margin: 0 0 1rem; }
.tib p {
color: #6f6e6e;
font-family: "Inter UI", sans-serif; }
.tib img {
width: 100%;
margin: 1rem 1rem 0 1rem; }
.tib hr {
height: 1px;
background-color: #dbdbdb;
max-width: 50rem;
width: 100%;
margin: 0 auto;
border: none; }
@media (min-width: 1560px) and (max-width: 2000px) {
.tib img {
margin-left: 1.5rem; } }
@media (max-width: 1559px) {
.tib__body-left, .tib__body-right {
width: 48%; }
.tib img {
max-height: 19rem; } }
@media (max-width: 930px) {
.tib__body--image-on-right h2 {
width: calc(100vw - 4rem); }
.tib img {
margin-top: 4rem; } }
@media (max-width: 800px) {
.tib__body {
flex-wrap: wrap;
max-width: 24rem; }
.tib__body-left {
width: 100%;
margin: 0 0 1rem; }
.tib__body-right {
margin-right: 0;
max-width: 576px;
width: 100%; }
.tib img {
margin-top: 0;
max-width: 100%; }
.tib h2 {
font-size: 1.25rem;
width: auto; } }
@media (max-width: 620px) {
.tib__body-left {
text-align: center; }
.tib img {
max-width: none;
width: 582px;
margin: 0; } }
@media (max-width: 579px) {
.tib__body-right {
overflow-x: scroll;
overflow-y: hidden; } }
@media (max-width: 500px) {
.tib h2 {
font-size: 1.125rem;
line-height: 1rem; }
.tib__body {
padding: 0 0 2rem; }
.tib h3 {
font-size: 0.75rem; } }
.page-header {
display: grid;
grid-template-columns: 1fr min-content;
grid-template-rows: max-content max-content min-content;
background-color: #744d7e; }
.page-header__first_layer {
z-index: 0;
grid-column: 1/3;
grid-row: 1; }
.page-header__second_layer {
z-index: 0;
grid-column: 1/3; }
.page-header--bg1 .page-header__second_layer {
grid-row: 2;
display: flex;
align-items: flex-end; }
.page-header--bg1 .page-header__second_layer img {
max-width: 100%; }
.page-header--bg2 .page-header__second_layer {
grid-row: 1/3;
position: relative;
overflow: hidden; }
.page-header--bg2 .page-header__second_layer img {
position: absolute;
width: 83.33333rem;
bottom: 0;
right: 0; }
.page-header__third_layer {
grid-column: 1/3;
grid-row: 3;
height: 1rem;
background-color: #6d4477; }
.page-header__header {
display: block;
grid-column: 1;
grid-row: 1 / 3;
z-index: 1;
display: flex;
align-items: center; }
.page-header p {
margin: 0 auto;
padding: 3rem 0 3rem 2rem; }
.page-header p,
.page-header p > .header2 {
font-family: "Inter UI", sans-serif;
font-size: 2rem;
line-height: 2.4rem;
font-weight: 700;
color: #cfbdd4; }
.page-header p .header2,
.page-header p > .header2 .header2 {
color: white; }
.page-header__img {
grid-column: 2;
grid-row: 1 / 3;
z-index: 1;
display: flex;
align-items: flex-end; }
.page-header__img img {
padding: 2rem 4rem 0 0;
margin-bottom: -25px; }
.page-header--bg2 .page-header__img {
min-width: 560px; }
.page-header--bg2 .page-header__img img {
display: none; }
@media (max-width: 1150px) {
.page-header__img img {
width: 14.375rem;
padding-right: 2rem; }
.page-header__header p,
.page-header__header p > .header2 {
font-size: 1.8rem;
line-height: 2.2rem; }
.page-header--bg2 .page-header__second_layer img {
right: -136px; }
.page-header--bg2 .page-header__img {
min-width: 426px; } }
@media (max-width: 840px) {
.page-header__img img {
width: 8.33333rem;
padding-right: 0.5rem;
margin-bottom: -15px; }
.page-header__header p {
padding: 2rem 1rem; }
.page-header__header p,
.page-header__header p > .header2 {
font-size: 1.5rem;
line-height: 1.6rem; }
.page-header--bg1 .page-header__second_layer {
position: relative;
overflow: hidden;
display: block; }
.page-header--bg1 .page-header__second_layer img {
position: absolute;
min-width: 41.66667rem; }
.page-header--bg2 {
grid-template-columns: 1fr; }
.page-header--bg2 .page-header__header {
grid-row: 1; }
.page-header--bg2 .page-header__header p {
padding: 2rem 2rem 1rem; }
.page-header--bg2 .page-header__img {
display: none; }
.page-header--bg2 .page-header__second_layer {
grid-row: 2;
height: 4.08333rem; }
.page-header--bg2 .page-header__second_layer img {
max-width: 44.66667rem;
right: 0;
background-color: #744d7e; } }
@media (max-width: 700px) {
.page-header__header p,
.page-header__header p > .header2 {
font-size: 1.3rem;
line-height: 1.4rem; }
.page-header--bg1 .page-header__second_layer {
display: flex;
align-items: flex-end; }
.page-header--bg1 .page-header__second_layer img {
min-width: 14.58333rem; } }
@media (max-width: 550px) {
.page-header {
grid-template-columns: 1fr; }
.page-header__header {
grid-row: 1;
text-align: center; }
.page-header__header p {
padding-bottom: 0; }
.page-header__header p,
.page-header__header p > .header2 {
font-size: 1.2rem;
line-height: 1.3rem; }
.page-header--bg1 .page-header__img {
grid-row: 2;
grid-column: 1;
display: block;
margin: 0 auto; }
.page-header--bg1 .page-header__img img {
padding-top: 0.5rem;
margin-left: 4rem; } }
@media (max-width: 410px) {
.page-header--bg2 .page-header__second_layer img {
right: -55px; }
.page-header--bg2 .page-header__header p {
padding: 2rem 1.5rem 1rem; } }
.contact-section {
background-color: #6d4477; }
.contact-section__body {
max-width: 50rem;
margin: 0 auto;
padding: 2rem 1rem 2rem 2rem;
display: grid;
grid-template-columns: 1fr 1fr; }
.contact-section__left-side {
grid-column: 1;
max-width: 25rem;
margin: 0 2rem; }
.contact-section__headline {
font-family: "Inter UI", sans-serif;
color: white;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 800;
padding-bottom: 2rem; }
.contact-section .contact {
padding: 0; }
.contact-section .contact address,
.contact-section .contact strong,
.contact-section .contact a {
font-size: 0.625rem; }
.contact-section__right-side {
grid-column: 2;
max-width: 25rem;
max-height: 100%;
margin: auto 2rem; }
.contact-section__right-side p {
font-family: "Zilla Slab", serif;
color: #beadc3;
font-size: 0.8rem;
line-height: 1rem;
font-weight: 300;
margin: 1rem 0; }
.contact-section__right-side--mail {
display: flex; }
.contact-section__right-side--mail-icon {
background: url(/assets/mail-6e7f72b2fd999ff008a2bb8f96ec8947.svg) no-repeat center;
width: 1.83333rem;
height: 1.2rem;
background-size: 1.83333rem 1.2rem; }
.contact-section__right-side a {
font-size: 1rem;
padding-left: 1rem;
font-family: "Zilla Slab", serif;
color: #ffffff; }
@media (max-width: 850px) {
.contact-section__body {
grid-template-columns: 1fr; }
.contact-section__left-side {
margin: 0 auto; }
.contact-section__right-side {
grid-column: 1;
padding-top: 2rem;
margin: 0 auto; } }
@media (max-width: 450px) {
.contact-section__body {
padding: 2rem 1rem; }
.contact-section__right-side--mail-icon {
background-size: 1.08333rem 1rem; }
.contact-section__right-side a {
font-size: 0.91667rem;
padding-left: 0.5rem; } }
.little-header {
padding: 0 1rem; }
.little-header__body {
max-width: 50rem;
margin: calc(1rem - 1px) auto -1px;
padding: calc(2rem - 1px) 0;
border-bottom: 1px solid #e0e0e0;
border-top: 1px solid #e0e0e0; }
.little-header__body-inner {
display: flex;
align-items: center;
margin: 0 auto;
max-width: 920px;
flex-wrap: wrap; }
.little-header__body-left {
padding: 0 0.5rem;
flex: 1; }
.little-header__body-left img {
width: auto;
height: 2rem; }
.little-header__body-right {
padding: 0 0.5rem;
max-width: 26rem;
flex-grow: 1; }
.little-header h2 {
font-family: "Inter UI", sans-serif;
font-weight: 800;
font-size: 1.1rem;
line-height: 2rem;
margin: 0 0 1rem; }
.little-header p {
font-family: "Zilla Slab", serif;
font-weight: 300;
font-size: 0.85rem;
line-height: 1rem;
color: #6f6e6e; }
@media (max-width: 990px) {
.little-header__body-left {
flex: 0 1 auto;
width: 100%;
margin: 0 0 2rem;
display: flex;
flex-direction: row-reverse;
align-items: center;
margin-bottom: 0; }
.little-header__body-left h2 {
margin: 0 0 1rem;
flex-grow: 1;
margin-left: 2rem;
margin-bottom: 0; }
.little-header__body-right {
width: 100%;
max-width: none;
margin-top: 1rem; } }
@media (max-width: 700px) {
.little-header__body-left h2 {
font-size: 1rem;
line-height: 1rem;
margin-left: 0.5rem; }
.little-header__body-right p {
font-size: 0.91667rem;
line-height: 1rem; } }
@media (max-width: 450px) {
.little-header__body-left h2 {
font-size: 0.7rem;
line-height: 1rem;
margin-bottom: 0; }
.little-header__body-left svg {
padding: 4px; }
.little-header__body-right p {
font-size: 0.7rem; } }
.banner {
background-color: #f6f6f6;
padding: 4.16667rem 0; }
@media (max-width: 1200px) {
.banner {
padding: 1rem 0; } }
.banner__wrapper {
max-width: 48.85714rem;
margin: auto;
display: flex;
justify-content: space-between;
padding: 1.5rem; }
@media (max-width: 1200px) {
.banner__wrapper {
justify-content: center; } }
@media (max-width: 1050px) {
.banner__wrapper {
flex-flow: column;
align-items: center; } }
@media (max-width: 500px) {
.banner__wrapper {
padding: 0; } }
.banner__title {
font-family: "Inter UI", sans-serif;
margin: auto;
max-width: 21rem;
width: 100%;
padding: 0.5rem; }
@media (max-width: 1050px) {
.banner__title {
display: flex;
max-width: 100%;
justify-content: center;
flex-wrap: wrap;
align-items: center;
margin-bottom: 1.5rem; } }
.banner__text-wrapper {
word-break: break-word; }
.banner__text-wrapper:nth-of-type(1) {
padding-right: 0.5rem; }
@media (max-width: 1050px) {
.banner__text-wrapper {
text-align: center; } }
.banner__text {
font-size: 2.70833rem;
line-height: 1.23; }
@media (max-width: 1400px) {
.banner__text {
font-size: 2rem; } }
@media (max-width: 650px) {
.banner__text {
font-size: 1.5rem; } }
@media (max-width: 400px) {
.banner__text {
font-size: 1rem; } }
.banner__text--cyan {
color: #55a4b4; }
.banner__preview-wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
overflow-x: auto; }
.banner__preview {
min-width: 20.83333rem; }
.zaufali-nam {
max-width: 976px;
margin: 0 auto;
width: 100%;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
padding: 1rem; }
.zaufali-nam h2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem; }
.zaufali-nam__tiles {
display: flex;
flex-flow: row wrap;
margin: 1rem 2rem;
justify-content: center; }
.zaufali-nam__tiles .technology-tile {
min-width: 150px; }
.zaufali-nam__tiles .technology-tile img {
max-width: calc(100% - 2rem); }
.homepage .navigation {
background-color: #744d7e; }
@media (max-width: 900px) {
.homepage .navigation__wrapper {
background: #744d7e; }
.homepage .navigation__label {
background: #ffffff; }
.homepage .navigation__label::before, .homepage .navigation__label::after {
background: #ffffff; }
.homepage .navigation__caption {
color: #ffffff; } }
.homepage .navigation__logo-text {
fill: #ffffff; }
.homepage .navigation__item--in-touch a {
border: 1px solid rgba(255, 255, 255, 0.2); }
.homepage .navigation__item--in-touch a:hover,
.homepage .navigation__item--in-touch a:focus {
background: #ffffff;
border-color: #ffffff; }
.homepage .navigation__item--in-touch a:hover span,
.homepage .navigation__item--in-touch a:focus span {
color: #744d7e; }
.homepage .navigation__text {
color: #ffffff; }
.homepage .navigation__icon-wrapper,
.homepage .navigation a {
outline-color: #ffffff; }
.homepage .segment-4 {
background-color: white; }
.homepage .segment-4 .title {
max-width: 50rem;
border-top: 2px solid #f6f6f6;
width: 92%;
margin-top: -2px;
margin-left: auto;
margin-right: auto;
font-family: InterUI, sans-serif;
font-size: 1.5rem;
line-height: 1.5rem;
font-weight: 100;
text-align: center;
padding: 2rem 0; }
.homepage .segment-4 ul {
padding: 0 1rem; }
@media (max-width: 500px) {
.homepage .segment-4 .title {
font-size: 1rem; } }
.homepage .nice-header {
padding: 3rem 1rem; }
.homepage .segment-2 {
background-color: #6d4477;
padding-top: 2rem;
margin-bottom: -1px; }
.homepage .segment-2 .ordered-blocks__buttons {
margin-top: 1rem; }
.homepage .segment-2 .ordered-blocks {
padding-bottom: 2rem; }
@media (max-width: 600px) {
.homepage .segment-2 .ordered-blocks__buttons {
display: block; } }
.developers {
font-family: "Inter UI", sans-serif; }
.developers .navigation {
background-color: #744d7e; }
@media (max-width: 900px) {
.developers .navigation__wrapper {
background: #744d7e; }
.developers .navigation__label {
background: #ffffff; }
.developers .navigation__label::before, .developers .navigation__label::after {
background: #ffffff; }
.developers .navigation__caption {
color: #ffffff; } }
.developers .navigation__logo-text {
fill: #ffffff; }
.developers .navigation__item--in-touch a {
border: 1px solid rgba(255, 255, 255, 0.2); }
.developers .navigation__item--in-touch a:hover,
.developers .navigation__item--in-touch a:focus {
background: #ffffff;
border-color: #ffffff; }
.developers .navigation__item--in-touch a:hover span,
.developers .navigation__item--in-touch a:focus span {
color: #744d7e; }
.developers .navigation__text {
color: #ffffff; }
.developers .navigation__icon-wrapper,
.developers .navigation a {
outline-color: #ffffff; }
.developers .segment-2__container {
background-color: #6d4477; }
.developers .segment-2__article-list {
list-style-type: none;
max-width: 50rem;
margin: 0 auto;
display: flex;
flex-direction: row;
padding: 2rem 1rem 0; }
.developers .segment-2__buttons-wrapper {
margin-top: 1rem;
text-align: center; }
.developers .segment-2 h3 {
font-size: 1rem;
font-weight: 300;
margin-bottom: 0.5rem; }
.developers .segment-2__wave-wrapper {
margin-top: -1px; }
@media (max-width: 920px) {
.developers .segment-2__article-list {
padding: 0;
flex-direction: column; }
.developers .segment-2 .article-list-item p {
max-width: 70ch; } }
.developers .segment-3 {
max-width: 50rem;
display: flex;
flex-direction: column;
margin: 1rem auto;
align-items: center; }
.developers .segment-3__header {
margin-bottom: 2rem;
padding: 0 1rem; }
.developers .segment-3__header h2 {
font-family: "Inter UI", sans-serif;
font-size: 1.75rem;
line-height: 2rem;
text-align: center;
margin-bottom: 1rem; }
.developers .segment-3__header p {
font-family: "Zilla Slab", serif;
font-size: 1rem;
font-weight: 300;
line-height: calc(4rem / 3);
color: #6d4477;
text-align: center;
max-width: 45ch; }
.developers .segment-3__content {
display: grid;
grid-template-columns: 3fr 6fr;
margin: 0 1rem; }
.developers .segment-3__description {
grid-column: 1;
color: #6f6e6e;
font-family: "Inter UI", sans-serif;
font-size: 0.66667rem;
line-height: 1rem;
display: flex;
flex-flow: column;
justify-content: center; }
.developers .segment-3__description p {
max-width: 50ch;
margin-bottom: 1rem; }
.developers .segment-3__diagram {
grid-column: 2; }
.developers .segment-3__diagram img {
width: 100%;
height: auto; }
@media (max-width: 950px) {
.developers .segment-3__content {
grid-template-columns: auto;
grid-template-rows: auto auto; }
.developers .segment-3__description {
grid-column: 1;
grid-row: 2;
align-items: center; }
.developers .segment-3__diagram {
grid-column: 1;
grid-row: 1; } }
@media (max-width: 600px) {
.developers .segment-3__diagram {
margin: 0 -1rem;
overflow-x: scroll; }
.developers .segment-3__diagram img {
width: auto;
height: auto; } }
@media (max-width: 504px) {
.developers .segment-3__header p {
font-size: 1rem; } }
.technology-tile {
height: 6rem;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 0 1px #e0e0e0;
background-color: white; }
.technology-tile:hover img {
filter: none; }
.technology-tile img {
max-width: 50%;
filter: grayscale(50%);
transition: filter 200ms; }
.developers .segment-5 {
max-width: 52.33333rem;
margin: auto;
display: flex;
flex-flow: wrap;
align-items: center;
padding: 1rem 1rem;
position: relative;
z-index: 1; }
.developers .segment-5__description {
flex: 1;
padding-right: 0.5rem; }
.developers .segment-5__description p {
max-width: 20rem;
color: #6f6e6e;
margin-top: 1rem;
margin-bottom: 2rem;
font-size: 0.66667rem; }
.developers .segment-5__description h2 {
font-size: 1.75rem;
line-height: 2rem;
font-weight: 800; }
.developers .segment-5__tiles {
display: grid;
grid-template-columns: 10.5rem 10.5rem;
align-items: center;
grid-gap: 1px; }
.developers .segment-5 .technology-tile--sass img {
max-width: 40%; }
@media (max-width: 1225px) {
.developers .segment-5__tiles {
grid-template-columns: 9rem 9rem; }
.developers .segment-5 .technology-tile {
height: 5rem; } }
@media (max-width: 1040px) {
.developers .segment-5 {
flex-direction: column; }
.developers .segment-5__description {
flex: inherit;
padding: 0; } }
@media (max-width: 580px) {
.developers .segment-5__tiles {
grid-template-columns: minmax(auto, 6.25rem) minmax(auto, 6.25rem); }
.developers .segment-5__description h2 {
font-size: 1.33333rem; }
.developers .segment-5 .technology-tile {
height: 3.5rem; }
.developers .segment-5 .technology-tile img {
max-width: 70%; }
.developers .segment-5 .technology-tile--sass img {
max-width: 56%; } }
.segment-jira {
background-color: #eee; }
.segment-jira .phabricator-logo {
width: 10.41667rem; }
.segment-jira a {
color: #404f6e; }
.segment-jira a:hover {
text-decoration: underline; }
@media (max-width: 1040px) {
.segment-jira .phabricator-logo {
width: 8.33333rem;
margin: 0 auto; }
.segment-jira .customizable-header {
padding-bottom: 2rem;
flex-flow: column; }
.segment-jira .customizable-header h2,
.segment-jira .customizable-header p {
text-align: center;
width: 80%; }
.segment-jira .customizable-header h2 {
margin: 1rem auto; }
.segment-jira__photo {
width: 7rem; } }
@media (max-width: 500px) {
.segment-jira__photo {
width: 5rem; } }
.developers .segment-7 .breakout-cta-element {
max-height: 19.83333rem; }
.developers .segment-9 h2 {
text-align: center;
font-family: "Inter UI", sans-serif;
font-size: 1rem;
font-weight: 800;
margin: 2rem 0 1rem;
padding: 0 1rem; }
.developers .segment-9__button-wrapper {
text-align: center;
margin: 0rem 1rem 1rem; }
.developers .segment-9 .button::after {
content: "";
padding-left: 0; }
.segment-multisport {
padding: 2rem; }
.segment-multisport h3 {
font-size: 2rem; }
@media (max-width: 813px) {
.segment-multisport h3 {
line-height: 2rem; } }
.segment-multisport__highlight {
color: #404f6e; }
.products .navigation {
background-color: #ffffff; }
@media (max-width: 900px) {
.products .navigation__wrapper {
background: #ffffff; }
.products .navigation__label {
background: #000000; }
.products .navigation__label::before, .products .navigation__label::after {
background: #000000; }
.products .navigation__caption {
color: #000000; } }
.products .navigation__logo-text {
fill: #000000; }
.products .navigation__item--in-touch a {
border: 1px solid rgba(0, 0, 0, 0.16); }
.products .navigation__item--in-touch a:hover,
.products .navigation__item--in-touch a:focus {
background: #000000;
border-color: #000000; }
.products .navigation__item--in-touch a:hover span,
.products .navigation__item--in-touch a:focus span {
color: #ffffff; }
.products .navigation__text {
color: #000000; }
.products .navigation__icon-wrapper,
.products .navigation a {
outline-color: #000000; }
.products .segment-5 {
background: #fff;
padding: 4rem 0; }
.products .segment-5__body {
max-width: 50rem;
margin: 0 auto;
padding: 0 1rem; }
.products .segment-5__tiles {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 2rem 1.5rem;
margin: 0 auto; }
.products .segment-5 .product-tile {
display: flex;
flex-direction: column;
align-items: flex-start; }
.products .segment-5 .product-tile > :last-child {
margin-top: auto; }
.products .segment-5 .button {
margin-left: 0; }
@media (max-width: 1060px) {
.products .segment-5__tiles {
grid-template-columns: 1fr 1fr;
max-width: 32.66667rem; } }
@media (max-width: 650px) {
.products .segment-5__tiles {
grid-template-columns: none;
max-width: 17.5rem; }
.products .segment-5__tiles .product-tile {
align-items: center;
text-align: center; } }
.products {
background: #3c7c88; }
.products .segment-8 {
position: relative;
background-repeat: no-repeat;
background-size: cover; }
.products .segment-8__upper-part {
padding-top: 2rem;
display: grid;
grid-template-columns: 1fr 100px 100px 1rem minmax(400px, 600px) 1fr;
grid-template-rows: 1fr 1fr 54px 26px;
align-items: flex-end;
justify-content: space-between;
margin: auto;
background-size: cover;
background-repeat: no-repeat;
margin-bottom: 3rem; }
.products .segment-8__treasure-chest {
object-position: bottom;
object-fit: contain;
z-index: 1;
grid-column: 2/4;
grid-row: 2/4;
height: 100%;
width: 100%;
max-width: 12rem;
max-height: 12rem; }
.products .segment-8__purple-wave {
width: 120%;
height: 100%;
z-index: 2;
grid-column: 1/4;
grid-row: 3/5; }
.products .segment-8__purple-wave-duo {
z-index: 0;
grid-column: 3/4;
grid-row: 2/3;
width: 150px;
margin-left: -60px; }
.products .segment-8__caption {
min-height: 10rem;
max-width: 24.125rem;
z-index: 1;
grid-column: 5/6;
grid-row: 1/5;
z-index: 3; }
.products .segment-8__caption h2 {
font-family: "Inter UI", sans-serif;
font-size: 1.5rem;
line-height: 2rem;
color: #fff; }
.products .segment-8__caption p {
font-size: 0.8rem;
line-height: 1rem;
color: #dfd6e1;
font-family: "Inter UI", sans-serif;
font-weight: 300;
max-width: 80%;
margin: 1rem 0; }
.products .segment-8__caption p strong {
font-weight: 700; }
.products .segment-8__lower-part {
display: flex;
justify-content: space-between;
padding: 0 4rem 0 3rem;
align-items: center;
max-width: 51rem;
min-height: 10rem;
margin: auto;
padding-bottom: 3rem; }
.products .segment-8 .contact {
background-color: #62386c;
width: calc(50% + 1rem); }
.products .segment-8 .button {
margin: auto;
border: none; }
@media (max-width: 860px) {
.products .segment-8__treasure-chest {
display: none; }
.products .segment-8__upper-part {
display: grid;
grid-template-columns: 1fr max-content 1fr; }
.products .segment-8__purple-wave, .products .segment-8__purple-wave-duo {
display: none; }
.products .segment-8__caption {
grid-column: 2/3; } }
@media (max-width: 670px) {
.products .segment-8__upper-part {
display: flex;
flex-flow: column;
padding: 1rem; } }
.portfolio .navigation {
background-color: #E8E8E8; }
@media (max-width: 900px) {
.portfolio .navigation__wrapper {
background: #E8E8E8; }
.portfolio .navigation__label {
background: #000000; }
.portfolio .navigation__label::before, .portfolio .navigation__label::after {
background: #000000; }
.portfolio .navigation__caption {
color: #000000; } }
.portfolio .navigation__logo-text {
fill: #000000; }
.portfolio .navigation__item--in-touch a {
border: 1px solid rgba(0, 0, 0, 0.16); }
.portfolio .navigation__item--in-touch a:hover,
.portfolio .navigation__item--in-touch a:focus {
background: #000000;
border-color: #000000; }
.portfolio .navigation__item--in-touch a:hover span,
.portfolio .navigation__item--in-touch a:focus span {
color: #E8E8E8; }
.portfolio .navigation__text {
color: #000000; }
.portfolio .navigation__icon-wrapper,
.portfolio .navigation a {
outline-color: #000000; }
.audyty .navigation {
background-color: #e8e8e8; }
@media (max-width: 900px) {
.audyty .navigation__wrapper {
background: #e8e8e8; }
.audyty .navigation__label {
background: #000000; }
.audyty .navigation__label::before, .audyty .navigation__label::after {
background: #000000; }
.audyty .navigation__caption {
color: #000000; } }
.audyty .navigation__logo-text {
fill: #000000; }
.audyty .navigation__item--in-touch a {
border: 1px solid rgba(0, 0, 0, 0.16); }
.audyty .navigation__item--in-touch a:hover,
.audyty .navigation__item--in-touch a:focus {
background: #000000;
border-color: #000000; }
.audyty .navigation__item--in-touch a:hover span,
.audyty .navigation__item--in-touch a:focus span {
color: #e8e8e8; }
.audyty .navigation__text {
color: #000000; }
.audyty .navigation__icon-wrapper,
.audyty .navigation a {
outline-color: #000000; }
.audyty .simple-header {
padding-bottom: 1rem; }
.audyty h2 {
font-family: "Zilla Slab", slab, serif; }
@media (max-width: 420px) {
.audyty h2 {
font-size: 1.3rem;
line-height: 1.5rem; } }
.audyty h5 {
max-width: 35rem; }
.audyty .breakout-cta-element h2 {
font-weight: normal;
font-size: 27px;
line-height: 38px;
font-family: "Zilla Slab"; }
.audyty .breakout-cta-element__container {
grid-template-rows: 1fr; }
.audyty .breakout-cta-element__container-right p {
margin: 0; }
.audyty .cta__download:hover {
transition: background-color 200ms;
background-color: rgba(255, 255, 255, 0.3); }
.audyty .trenerzy {
background-color: #f6f6f6;
padding-left: calc((100vw - 50rem) / 2 + 4rem);
padding-right: calc((100vw - 50rem) / 2 + 4rem);
padding-top: 1rem; }
.audyty .trenerzy > * {
list-style: none;
padding: 0; }
.audyty .trenerzy .pictogram-tiles__upperSection {
align-items: center; }
.audyty .trenerzy .pictogram-tiles__upperSection span {
padding: 0;
border: none;
font-weight: 550;
font-size: 1.2; }
.audyty .trenerzy .pictogram-tiles__upperSection span span {
font-weight: normal;
font-size: 1rem; }
@media (max-width: 430px) {
.audyty .trenerzy .pictogram-tiles__upperSection span {
font-size: 1.2rem;
line-height: 1.5rem; } }
@media (max-width: 380px) {
.audyty .trenerzy .pictogram-tiles__upperSection span {
font-size: 1rem;
line-height: 1.3rem; } }
.audyty .trenerzy .pictogram-tiles__upperSection img {
width: 120px;
margin-left: 1rem; }
.audyty .notice-board__header-minor {
font-size: 0.8rem;
line-height: 1rem; }
.audyty .notice-board__contacts {
display: flex;
min-width: 0; }
.audyty .notice-board__contact-icon {
width: auto;
border: 1px solid white;
padding: 0.5rem 1rem; }
.audyty .notice-board__contact-icon span {
font-size: 0.7rem;
line-height: 1rem;
padding-left: 1rem; }
.audyty .notice-board__background::before {
background: rgba(85, 53, 93, 0.8); }
.szkolenia .navigation {
background-color: #e8e8e8; }
@media (max-width: 900px) {
.szkolenia .navigation__wrapper {
background: #e8e8e8; }
.szkolenia .navigation__label {
background: #000000; }
.szkolenia .navigation__label::before, .szkolenia .navigation__label::after {
background: #000000; }
.szkolenia .navigation__caption {
color: #000000; } }
.szkolenia .navigation__logo-text {
fill: #000000; }
.szkolenia .navigation__item--in-touch a {
border: 1px solid rgba(0, 0, 0, 0.16); }
.szkolenia .navigation__item--in-touch a:hover,
.szkolenia .navigation__item--in-touch a:focus {
background: #000000;
border-color: #000000; }
.szkolenia .navigation__item--in-touch a:hover span,
.szkolenia .navigation__item--in-touch a:focus span {
color: #e8e8e8; }
.szkolenia .navigation__text {
color: #000000; }
.szkolenia .navigation__icon-wrapper,
.szkolenia .navigation a {
outline-color: #000000; }
.szkolenia .simple-header {
padding-bottom: 1rem; }
.szkolenia h2 {
font-family: "Zilla Slab", slab, serif; }
@media (max-width: 420px) {
.szkolenia h2 {
font-size: 1.3rem;
line-height: 1.5rem; } }
.szkolenia h5 {
max-width: 35rem; }
.szkolenia .breakout-cta-element h2 {
font-weight: normal;
font-size: 27px;
line-height: 38px;
font-family: "Zilla Slab"; }
.szkolenia .breakout-cta-element__container {
grid-template-rows: 1fr; }
.szkolenia .breakout-cta-element__container-right p {
margin: 0; }
.szkolenia .cta__download:hover {
transition: background-color 200ms;
background-color: rgba(255, 255, 255, 0.3); }
.szkolenia .trenerzy {
background-color: #f6f6f6;
padding-left: calc((100vw - 50rem) / 2 + 4rem);
padding-right: calc((100vw - 50rem) / 2 + 4rem);
padding-top: 1rem; }
.szkolenia .trenerzy > * {
list-style: none;
padding: 0; }
.szkolenia .trenerzy .pictogram-tiles__upperSection {
align-items: center; }
.szkolenia .trenerzy .pictogram-tiles__upperSection span {
padding: 0;
border: none;
font-weight: 550;
font-size: 1.2; }
.szkolenia .trenerzy .pictogram-tiles__upperSection span span {
font-weight: normal;
font-size: 1rem; }
@media (max-width: 430px) {
.szkolenia .trenerzy .pictogram-tiles__upperSection span {
font-size: 1.2rem;
line-height: 1.5rem; } }
@media (max-width: 380px) {
.szkolenia .trenerzy .pictogram-tiles__upperSection span {
font-size: 1rem;
line-height: 1.3rem; } }
.szkolenia .trenerzy .pictogram-tiles__upperSection img {
width: 120px;
margin-left: 1rem; }
.szkolenia .notice-board__header-minor {
font-size: 0.8rem;
line-height: 1rem; }
.szkolenia .notice-board__contacts {
display: flex;
min-width: 0; }
.szkolenia .notice-board__contact-icon {
width: auto;
border: 1px solid white;
padding: 0.5rem 1rem; }
.szkolenia .notice-board__contact-icon span {
font-size: 0.7rem;
line-height: 1rem;
padding-left: 1rem; }
.szkolenia .notice-board__background::before {
background: rgba(85, 53, 93, 0.8); }
.szkolenia .ordered-blocks__bg {
top: unset;
bottom: 0;
transform: rotateZ(180deg) rotateY(180deg); }
.logotype .navigation {
background-color: #ffffff; }
@media (max-width: 900px) {
.logotype .navigation__wrapper {
background: #ffffff; }
.logotype .navigation__label {
background: #000000; }
.logotype .navigation__label::before, .logotype .navigation__label::after {
background: #000000; }
.logotype .navigation__caption {
color: #000000; } }
.logotype .navigation__logo-text {
fill: #000000; }
.logotype .navigation__item--in-touch a {
border: 1px solid rgba(0, 0, 0, 0.16); }
.logotype .navigation__item--in-touch a:hover,
.logotype .navigation__item--in-touch a:focus {
background: #000000;
border-color: #000000; }
.logotype .navigation__item--in-touch a:hover span,
.logotype .navigation__item--in-touch a:focus span {
color: #ffffff; }
.logotype .navigation__text {
color: #000000; }
.logotype .navigation__icon-wrapper,
.logotype .navigation a {
outline-color: #000000; }
.privacy .navigation {
background-color: #ffffff; }
@media (max-width: 900px) {
.privacy .navigation__wrapper {
background: #ffffff; }
.privacy .navigation__label {
background: #000000; }
.privacy .navigation__label::before, .privacy .navigation__label::after {
background: #000000; }
.privacy .navigation__caption {
color: #000000; } }
.privacy .navigation__logo-text {
fill: #000000; }
.privacy .navigation__item--in-touch a {
border: 1px solid rgba(0, 0, 0, 0.16); }
.privacy .navigation__item--in-touch a:hover,
.privacy .navigation__item--in-touch a:focus {
background: #000000;
border-color: #000000; }
.privacy .navigation__item--in-touch a:hover span,
.privacy .navigation__item--in-touch a:focus span {
color: #ffffff; }
.privacy .navigation__text {
color: #000000; }
.privacy .navigation__icon-wrapper,
.privacy .navigation a {
outline-color: #000000; }
.logosWrapper {
margin: 0 auto;
margin-top: 70px;
margin-bottom: 70px;
display: flex;
flex-direction: column;
font-family: "Inter UI", sans-serif;
width: 100%;
align-items: center;
justify-content: center;
max-width: 50rem; }
.row {
display: flex;
flex-wrap: wrap;
flex-flow: row wrap;
width: 100%; }
.product-example .navigation {
background-color: #f6f6f6; }
@media (max-width: 900px) {
.product-example .navigation__wrapper {
background: #f6f6f6; }
.product-example .navigation__label {
background: #000000; }
.product-example .navigation__label::before, .product-example .navigation__label::after {
background: #000000; }
.product-example .navigation__caption {
color: #000000; } }
.product-example .navigation__logo-text {
fill: #000000; }
.product-example .navigation__item--in-touch a {
border: 1px solid #9c9c9c; }
.product-example .navigation__item--in-touch a:hover,
.product-example .navigation__item--in-touch a:focus {
background: #000000;
border-color: #000000; }
.product-example .navigation__item--in-touch a:hover span,
.product-example .navigation__item--in-touch a:focus span {
color: #f6f6f6; }
.product-example .navigation__text {
color: #000000; }
.product-example .navigation__icon-wrapper,
.product-example .navigation a {
outline-color: #000000; }
.contact-us .navigation {
background-color: #6d4477; }
@media (max-width: 900px) {
.contact-us .navigation__wrapper {
background: #6d4477; }
.contact-us .navigation__label {
background: #ffffff; }
.contact-us .navigation__label::before, .contact-us .navigation__label::after {
background: #ffffff; }
.contact-us .navigation__caption {
color: #ffffff; } }
.contact-us .navigation__logo-text {
fill: #ffffff; }
.contact-us .navigation__item--in-touch a {
border: 1px solid rgba(255, 255, 255, 0.2); }
.contact-us .navigation__item--in-touch a:hover,
.contact-us .navigation__item--in-touch a:focus {
background: #ffffff;
border-color: #ffffff; }
.contact-us .navigation__item--in-touch a:hover span,
.contact-us .navigation__item--in-touch a:focus span {
color: #6d4477; }
.contact-us .navigation__text {
color: #ffffff; }
.contact-us .navigation__icon-wrapper,
.contact-us .navigation a {
outline-color: #ffffff; }
.contact-us {
background-color: #6d4477; }
.contact-us .segment-1 {
max-width: 50rem;
width: 100%;
margin: 0 auto;
padding: 2rem 0rem;
display: flex;
margin-bottom: 2rem;
align-items: center;
flex-flow: wrap; }
.contact-us .segment-1__left-side {
padding-left: 1rem;
padding-right: 1rem;
flex: 1;
display: flex;
flex-flow: column;
align-items: center; }
.contact-us .segment-1__left-side p {
font-family: "Zilla Slab", serif;
color: #beadc3;
font-size: 0.91667rem;
line-height: 1rem;
font-weight: 300;
max-width: 15rem;
padding-top: 1rem; }
.contact-us .segment-1__left-side--mail {
display: flex;
max-width: 15rem;
width: 100%; }
.contact-us .segment-1__left-side--mail-icon {
margin-top: 2rem;
background: url(/assets/mail-6e7f72b2fd999ff008a2bb8f96ec8947.svg) no-repeat center;
width: 1.83333rem;
height: 1.2rem;
background-size: 1.83333rem 1.2rem;
flex-shrink: 0; }
.contact-us .segment-1__left-side a {
font-size: 1.25rem;
padding-left: 1rem;
margin-top: 2rem;
font-family: "Zilla Slab", serif;
color: #fff; }
.contact-us .segment-1__left-side a:hover {
text-decoration: underline; }
.contact-us .segment-1__right-side {
flex: 1;
display: flex;
flex-flow: column;
align-items: center; }
.contact-us h2 {
font-family: "Inter UI", sans-serif;
color: rgba(255, 255, 255, 0.2);
font-weight: 800;
line-height: 2rem;
font-size: 1.66667rem;
max-width: 15rem;
width: 100%; }
.contact-us h2 span {
font-size: 1.66667rem;
color: #fff;
line-height: 2rem; }
.contact-us .contact address,
.contact-us .contact strong,
.contact-us .contact a {
font-size: 0.66667rem; }
@media (max-width: 900px) {
.contact-us h2 {
font-size: 1.33333rem;
line-height: 2rem;
max-width: 13rem;
width: 100%; }
.contact-us h2 span {
display: inline-block;
font-size: 1.33333rem;
line-height: 2rem; }
.contact-us .segment-1__left-side p {
font-size: 0.83333rem;
max-width: 13rem; }
.contact-us .segment-1__left-side--mail {
max-width: 13rem; }
.contact-us .segment-1__left-side--mail a {
font-size: 1.04167rem;
margin-top: 1rem; }
.contact-us .segment-1__left-side--mail-icon {
margin-top: 1rem; } }
@media (max-width: 735px) {
.contact-us .segment-1 {
flex-flow: column;
padding: 1rem 0rem;
margin-bottom: 1rem; }
.contact-us .segment-1__left-side--mail {
margin-left: -3rem; }
.contact-us .segment-1__right-side {
width: 100%;
padding-left: 1rem;
padding-right: 1rem; }
.contact-us .contact {
width: 100%;
max-width: 13rem;
padding: 2rem 0 0 0; } }
@media (max-width: 430px) {
.contact-us .segment-1__left-side--mail-icon {
margin-top: 1rem;
height: 1rem;
width: 1rem;
background-size: contain; }
.contact-us .segment-1__left-side--mail {
margin-left: 0; }
.contact-us .segment-1__left-side--mail a {
padding-left: 0.5rem;
font-size: 22px; } }
@media (max-width: 400px) {
.contact-us h2 {
font-size: 1.08333rem;
line-height: 1rem; }
.contact-us h2 span {
font-size: 1.08333rem;
line-height: 1rem; }
.contact-us .contact {
padding: 1rem 0 0 0;
grid-gap: 1rem; }
.contact-us .contact address,
.contact-us .contact strong,
.contact-us .contact a {
font-size: 0.58333rem; } }
.product-example .segment-5 {
max-width: 50rem;
margin: 1rem auto; }
.product-example .segment-5__header {
margin: 0 auto 2rem;
padding: 0 1rem;
max-width: 65ch; }
.product-example .segment-5__header h2 {
line-height: 1.5rem;
text-align: center;
color: #5294a1;
font-family: "Inter UI", sans-serif; }
.product-example .ps-root {
background-color: #5294a1;
padding: 2rem 0; }
.products {
background: #3c7c88; }
.products .segment-8 {
position: relative;
background-repeat: no-repeat;
background-size: cover; }
.products .segment-8__upper-part {
padding-top: 2rem;
display: grid;
grid-template-columns: 1fr 100px 100px 1rem minmax(400px, 600px) 1fr;
grid-template-rows: 1fr 1fr 54px 26px;
align-items: flex-end;
justify-content: space-between;
margin: auto;
background-size: cover;
background-repeat: no-repeat;
margin-bottom: 3rem; }
.products .segment-8__treasure-chest {
object-position: bottom;
object-fit: contain;
z-index: 1;
grid-column: 2/4;
grid-row: 2/4;
height: 100%;
width: 100%;
max-width: 12rem;
max-height: 12rem; }
.products .segment-8__purple-wave {
width: 120%;
height: 100%;
z-index: 2;
grid-column: 1/4;
grid-row: 3/5; }
.products .segment-8__purple-wave-duo {
z-index: 0;
grid-column: 3/4;
grid-row: 2/3;
width: 150px;
margin-left: -60px; }
.products .segment-8__caption {
min-height: 10rem;
max-width: 24.125rem;
z-index: 1;
grid-column: 5/6;
grid-row: 1/5;
z-index: 3; }
.products .segment-8__caption h2 {
font-family: "Inter UI", sans-serif;
font-size: 1.5rem;
line-height: 2rem;
color: #fff; }
.products .segment-8__caption p {
font-size: 0.8rem;
line-height: 1rem;
color: #dfd6e1;
font-family: "Inter UI", sans-serif;
font-weight: 300;
max-width: 80%;
margin: 1rem 0; }
.products .segment-8__caption p strong {
font-weight: 700; }
.products .segment-8__lower-part {
display: flex;
justify-content: space-between;
padding: 0 4rem 0 3rem;
align-items: center;
max-width: 51rem;
min-height: 10rem;
margin: auto;
padding-bottom: 3rem; }
.products .segment-8 .contact {
background-color: #62386c;
width: calc(50% + 1rem); }
.products .segment-8 .button {
margin: auto;
border: none; }
@media (max-width: 860px) {
.products .segment-8__treasure-chest {
display: none; }
.products .segment-8__upper-part {
display: grid;
grid-template-columns: 1fr max-content 1fr; }
.products .segment-8__purple-wave, .products .segment-8__purple-wave-duo {
display: none; }
.products .segment-8__caption {
grid-column: 2/3; } }
@media (max-width: 670px) {
.products .segment-8__upper-part {
display: flex;
flex-flow: column;
padding: 1rem; } }
.not-found .navigation {
background-color: #744d7e; }
@media (max-width: 900px) {
.not-found .navigation__wrapper {
background: #744d7e; }
.not-found .navigation__label {
background: white; }
.not-found .navigation__label::before, .not-found .navigation__label::after {
background: white; }
.not-found .navigation__caption {
color: white; } }
.not-found .navigation__logo-text {
fill: white; }
.not-found .navigation__item--in-touch a {
border: 1px solid rgba(255, 255, 255, 0.2); }
.not-found .navigation__item--in-touch a:hover,
.not-found .navigation__item--in-touch a:focus {
background: white;
border-color: white; }
.not-found .navigation__item--in-touch a:hover span,
.not-found .navigation__item--in-touch a:focus span {
color: #744d7e; }
.not-found .navigation__text {
color: white; }
.not-found .navigation__icon-wrapper,
.not-found .navigation a {
outline-color: white; }
.not-found .segment-1 {
padding: 4rem 0;
background: url(/assets/illo-9b12788c0208addc665c6aea3dd8b77b.svg) no-repeat center;
background-size: cover; }
.not-found .segment-1__body {
max-width: 1200px;
margin: 0 auto;
padding: 0 4rem; }
.not-found .segment-1__header {
max-width: 28rem; }
.not-found .segment-1__header-top, .not-found .segment-1__header-bottom {
display: block;
color: #8b7192;
font-size: 2.66667rem;
font-family: "Inter UI", sans-serif;
font-weight: 800;
line-height: 3rem;
margin: 0;
padding: 0; }
.not-found .segment-1__header-bottom {
color: white; }
.not-found .segment-1__description {
max-width: 14rem;
margin: 2rem 0 2rem;
font-family: "Zilla Slab", serif;
font-size: 1.08333rem;
font-weight: 300;
line-height: 1rem;
color: white; }
.not-found .segment-1 .button {
margin-left: 0;
margin-right: 0; }
@media (max-width: 730px) {
.not-found .segment-1 {
padding: 3rem 0; }
.not-found .segment-1__body {
padding: 0 1rem; }
.not-found .segment-1__header-top, .not-found .segment-1__header-bottom {
font-size: 1.75rem;
line-height: 2rem; } }
.workshops .navigation {
background-color: #f6f6f6; }
@media (max-width: 900px) {
.workshops .navigation__wrapper {
background: #f6f6f6; }
.workshops .navigation__label {
background: #000000; }
.workshops .navigation__label::before, .workshops .navigation__label::after {
background: #000000; }
.workshops .navigation__caption {
color: #000000; } }
.workshops .navigation__logo-text {
fill: #000000; }
.workshops .navigation__item--in-touch a {
border: 1px solid #9c9c9c; }
.workshops .navigation__item--in-touch a:hover,
.workshops .navigation__item--in-touch a:focus {
background: #000000;
border-color: #000000; }
.workshops .navigation__item--in-touch a:hover span,
.workshops .navigation__item--in-touch a:focus span {
color: #f6f6f6; }
.workshops .navigation__text {
color: #000000; }
.workshops .navigation__icon-wrapper,
.workshops .navigation a {
outline-color: #000000; }
.workshops .segment-1 {
background-color: white; }
.workshops .segment-1__title {
color: #6d4477;
width: 100%;
margin: -2px auto 0 auto;
font-family: InterUI, sans-serif;
font-size: 1.5rem;
line-height: 1.5rem;
font-weight: 600;
text-align: center;
padding: 2rem; }
.workshops .segment-2__header-container {
background-color: #f6f6f6; }
.workshops .segment-2__header-content {
max-width: 42.85714rem;
padding: 2rem 1rem;
margin: auto;
font-family: "Inter UI", sans-serif; }
.workshops .segment-2 .ordered-blocks {
padding-bottom: 1rem; }
.workshops .segment-2 .ordered-blocks__article-list {
grid-template-columns: 1fr;
grid-row-gap: 1rem; }
.workshops .segment-2 .ordered-blocks__bg .wave {
height: 16rem; }
.workshops .segment-2 .ordered-blocks__button-wrapper {
margin-top: 2rem; }
.workshops .segment-3 {
margin: 1rem 0; }
.workshops .segment-3__title {
max-width: 50rem;
text-align: center;
margin: 0 auto; }
.workshops .segment-3__title h2 {
padding: 1rem;
font-family: "Zilla Slab", serif; }
.workshops .nice-header h2 {
font-size: 1.5rem;
line-height: 2rem; }
.workshops .nice-header__description {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center; }
.workshops .nice-header__description p {
max-width: auto;
margin: 0;
font-size: 0.7rem; }
.workshops .segment-5 .ordered-blocks {
padding-bottom: 0; }
.workshops .segment-5 .header-lead-paragraph {
padding: 1rem 0 2rem 0; }
html {
font-size: 1.5em;
scroll-behavior: smooth;
font-display: fallback;
font-family: "Inter UI", sans-serif; }
html,
body {
min-height: 100vh; }
body,
main {
display: flex;
flex-flow: column; }
article,
main {
flex-grow: 1; }
main > article {
display: flex;
flex-flow: column; }
main > article > section {
flex-grow: 1; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
a {
text-decoration: none;
cursor: pointer; }
a:focus {
outline: 2px solid #333333; }
a:active,
a:hover {
outline: none; }
.anchor-point {
position: relative;
bottom: 5rem; }
/*# sourceMappingURL=style.css.map */