@charset "UTF-8";
   html {
line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} article,
aside,
footer,
header,
nav,
section {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  figcaption,
figure,
main { display: block;
} figure {
margin: 1em 40px;
} hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; -webkit-text-decoration-skip: objects; } abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: inherit;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } dfn {
font-style: italic;
} mark {
background-color: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  audio,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} img {
border-style: none;
} svg:not(:root) {
overflow: hidden;
}  button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
display: inline-block; vertical-align: baseline; } textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details,
menu {
display: block;
} summary {
display: list-item;
}  canvas {
display: inline-block;
} template {
display: none;
}  [hidden] {
display: none;
} html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
--grid-gap: 4px;
--grid-margin: 2.4rem;
}
@media (min-width: 768px) {
html {
--grid-margin: 8rem;
}
}
@media (min-width: 992px) {
html {
--grid-gap: 8px;
--grid-margin: 6rem;
}
}
@media (min-width: 1440px) {
html {
--grid-margin: 120px;
}
}
@media (min-width: 2000px) {
html {
--grid-margin: 20rem;
}
}
*,
*::before,
*::after {
box-sizing: inherit;
}
.container,
.container-fluid,
.container-fluid-wide,
.container-sm,
.container-md,
.container-lg,
.container-xl {
width: 100%;
padding-right: var(--grid-margin);
padding-left: var(--grid-margin);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container, .container-sm {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container, .container-sm, .container-md {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container, .container-sm, .container-md, .container-lg {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container, .container-sm, .container-md, .container-lg, .container-xl {
max-width: 1140px;
}
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: calc(var(--grid-gap) * -1);
margin-left: calc(var(--grid-gap) * -1);
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-hg-1, .col-hg-2, .col-hg-3, .col-hg-4, .col-hg-5, .col-hg-6, .col-hg-7, .col-hg-8, .col-hg-9, .col-hg-10, .col-hg-11, .col-hg-12, .col-hg,
.col-hg-auto, .col-gt-1, .col-gt-2, .col-gt-3, .col-gt-4, .col-gt-5, .col-gt-6, .col-gt-7, .col-gt-8, .col-gt-9, .col-gt-10, .col-gt-11, .col-gt-12, .col-gt,
.col-gt-auto {
position: relative;
width: 100%;
padding-right: var(--grid-gap);
padding-left: var(--grid-gap);
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
.order-last {
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-sm-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-sm-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-sm-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-sm-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-sm-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-sm-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-md-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-md-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-md-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-md-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-md-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-md-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-lg-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-lg-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-lg-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-lg-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-lg-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-lg-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xl-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xl-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xl-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-xl-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xl-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xl-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1600px) {
.col-hg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-hg-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-hg-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-hg-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-hg-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-hg-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-hg-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-hg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-hg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-hg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-hg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-hg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-hg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-hg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-hg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-hg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-hg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-hg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-hg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-hg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-hg-first {
-ms-flex-order: -1;
order: -1;
}
.order-hg-last {
-ms-flex-order: 13;
order: 13;
}
.order-hg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-hg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-hg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-hg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-hg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-hg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-hg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-hg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-hg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-hg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-hg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-hg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-hg-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-hg-0 {
margin-left: 0;
}
.offset-hg-1 {
margin-left: 8.333333%;
}
.offset-hg-2 {
margin-left: 16.666667%;
}
.offset-hg-3 {
margin-left: 25%;
}
.offset-hg-4 {
margin-left: 33.333333%;
}
.offset-hg-5 {
margin-left: 41.666667%;
}
.offset-hg-6 {
margin-left: 50%;
}
.offset-hg-7 {
margin-left: 58.333333%;
}
.offset-hg-8 {
margin-left: 66.666667%;
}
.offset-hg-9 {
margin-left: 75%;
}
.offset-hg-10 {
margin-left: 83.333333%;
}
.offset-hg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1840px) {
.col-gt {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-gt-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-gt-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-gt-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-gt-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-gt-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-gt-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-gt-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-gt-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-gt-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-gt-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-gt-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-gt-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-gt-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-gt-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-gt-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-gt-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-gt-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-gt-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-gt-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-gt-first {
-ms-flex-order: -1;
order: -1;
}
.order-gt-last {
-ms-flex-order: 13;
order: 13;
}
.order-gt-0 {
-ms-flex-order: 0;
order: 0;
}
.order-gt-1 {
-ms-flex-order: 1;
order: 1;
}
.order-gt-2 {
-ms-flex-order: 2;
order: 2;
}
.order-gt-3 {
-ms-flex-order: 3;
order: 3;
}
.order-gt-4 {
-ms-flex-order: 4;
order: 4;
}
.order-gt-5 {
-ms-flex-order: 5;
order: 5;
}
.order-gt-6 {
-ms-flex-order: 6;
order: 6;
}
.order-gt-7 {
-ms-flex-order: 7;
order: 7;
}
.order-gt-8 {
-ms-flex-order: 8;
order: 8;
}
.order-gt-9 {
-ms-flex-order: 9;
order: 9;
}
.order-gt-10 {
-ms-flex-order: 10;
order: 10;
}
.order-gt-11 {
-ms-flex-order: 11;
order: 11;
}
.order-gt-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-gt-0 {
margin-left: 0;
}
.offset-gt-1 {
margin-left: 8.333333%;
}
.offset-gt-2 {
margin-left: 16.666667%;
}
.offset-gt-3 {
margin-left: 25%;
}
.offset-gt-4 {
margin-left: 33.333333%;
}
.offset-gt-5 {
margin-left: 41.666667%;
}
.offset-gt-6 {
margin-left: 50%;
}
.offset-gt-7 {
margin-left: 58.333333%;
}
.offset-gt-8 {
margin-left: 66.666667%;
}
.offset-gt-9 {
margin-left: 75%;
}
.offset-gt-10 {
margin-left: 83.333333%;
}
.offset-gt-11 {
margin-left: 91.666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1440px) {
.d-hg-none {
display: none !important;
}
.d-hg-inline {
display: inline !important;
}
.d-hg-inline-block {
display: inline-block !important;
}
.d-hg-block {
display: block !important;
}
.d-hg-table {
display: table !important;
}
.d-hg-table-row {
display: table-row !important;
}
.d-hg-table-cell {
display: table-cell !important;
}
.d-hg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-hg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1840px) {
.d-gt-none {
display: none !important;
}
.d-gt-inline {
display: inline !important;
}
.d-gt-inline-block {
display: inline-block !important;
}
.d-gt-block {
display: block !important;
}
.d-gt-table {
display: table !important;
}
.d-gt-table-row {
display: table-row !important;
}
.d-gt-table-cell {
display: table-cell !important;
}
.d-gt-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-gt-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1440px) {
.flex-hg-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-hg-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-hg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-hg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-hg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-hg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-hg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-hg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-hg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-hg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-hg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-hg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-hg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-hg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-hg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-hg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-hg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-hg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-hg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-hg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-hg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-hg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-hg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-hg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-hg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-hg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-hg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-hg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-hg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-hg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-hg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-hg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-hg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-hg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1840px) {
.flex-gt-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-gt-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-gt-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-gt-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-gt-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-gt-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-gt-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-gt-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-gt-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-gt-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-gt-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-gt-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-gt-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-gt-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-gt-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-gt-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-gt-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-gt-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-gt-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-gt-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-gt-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-gt-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-gt-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-gt-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-gt-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-gt-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-gt-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-gt-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-gt-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-gt-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-gt-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-gt-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-gt-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-gt-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-hg-0 {
margin: 0 !important;
}
.mt-hg-0,
.my-hg-0 {
margin-top: 0 !important;
}
.mr-hg-0,
.mx-hg-0 {
margin-right: 0 !important;
}
.mb-hg-0,
.my-hg-0 {
margin-bottom: 0 !important;
}
.ml-hg-0,
.mx-hg-0 {
margin-left: 0 !important;
}
.m-hg-1 {
margin: 0.25rem !important;
}
.mt-hg-1,
.my-hg-1 {
margin-top: 0.25rem !important;
}
.mr-hg-1,
.mx-hg-1 {
margin-right: 0.25rem !important;
}
.mb-hg-1,
.my-hg-1 {
margin-bottom: 0.25rem !important;
}
.ml-hg-1,
.mx-hg-1 {
margin-left: 0.25rem !important;
}
.m-hg-2 {
margin: 0.5rem !important;
}
.mt-hg-2,
.my-hg-2 {
margin-top: 0.5rem !important;
}
.mr-hg-2,
.mx-hg-2 {
margin-right: 0.5rem !important;
}
.mb-hg-2,
.my-hg-2 {
margin-bottom: 0.5rem !important;
}
.ml-hg-2,
.mx-hg-2 {
margin-left: 0.5rem !important;
}
.m-hg-3 {
margin: 1rem !important;
}
.mt-hg-3,
.my-hg-3 {
margin-top: 1rem !important;
}
.mr-hg-3,
.mx-hg-3 {
margin-right: 1rem !important;
}
.mb-hg-3,
.my-hg-3 {
margin-bottom: 1rem !important;
}
.ml-hg-3,
.mx-hg-3 {
margin-left: 1rem !important;
}
.m-hg-4 {
margin: 1.5rem !important;
}
.mt-hg-4,
.my-hg-4 {
margin-top: 1.5rem !important;
}
.mr-hg-4,
.mx-hg-4 {
margin-right: 1.5rem !important;
}
.mb-hg-4,
.my-hg-4 {
margin-bottom: 1.5rem !important;
}
.ml-hg-4,
.mx-hg-4 {
margin-left: 1.5rem !important;
}
.m-hg-5 {
margin: 3rem !important;
}
.mt-hg-5,
.my-hg-5 {
margin-top: 3rem !important;
}
.mr-hg-5,
.mx-hg-5 {
margin-right: 3rem !important;
}
.mb-hg-5,
.my-hg-5 {
margin-bottom: 3rem !important;
}
.ml-hg-5,
.mx-hg-5 {
margin-left: 3rem !important;
}
.p-hg-0 {
padding: 0 !important;
}
.pt-hg-0,
.py-hg-0 {
padding-top: 0 !important;
}
.pr-hg-0,
.px-hg-0 {
padding-right: 0 !important;
}
.pb-hg-0,
.py-hg-0 {
padding-bottom: 0 !important;
}
.pl-hg-0,
.px-hg-0 {
padding-left: 0 !important;
}
.p-hg-1 {
padding: 0.25rem !important;
}
.pt-hg-1,
.py-hg-1 {
padding-top: 0.25rem !important;
}
.pr-hg-1,
.px-hg-1 {
padding-right: 0.25rem !important;
}
.pb-hg-1,
.py-hg-1 {
padding-bottom: 0.25rem !important;
}
.pl-hg-1,
.px-hg-1 {
padding-left: 0.25rem !important;
}
.p-hg-2 {
padding: 0.5rem !important;
}
.pt-hg-2,
.py-hg-2 {
padding-top: 0.5rem !important;
}
.pr-hg-2,
.px-hg-2 {
padding-right: 0.5rem !important;
}
.pb-hg-2,
.py-hg-2 {
padding-bottom: 0.5rem !important;
}
.pl-hg-2,
.px-hg-2 {
padding-left: 0.5rem !important;
}
.p-hg-3 {
padding: 1rem !important;
}
.pt-hg-3,
.py-hg-3 {
padding-top: 1rem !important;
}
.pr-hg-3,
.px-hg-3 {
padding-right: 1rem !important;
}
.pb-hg-3,
.py-hg-3 {
padding-bottom: 1rem !important;
}
.pl-hg-3,
.px-hg-3 {
padding-left: 1rem !important;
}
.p-hg-4 {
padding: 1.5rem !important;
}
.pt-hg-4,
.py-hg-4 {
padding-top: 1.5rem !important;
}
.pr-hg-4,
.px-hg-4 {
padding-right: 1.5rem !important;
}
.pb-hg-4,
.py-hg-4 {
padding-bottom: 1.5rem !important;
}
.pl-hg-4,
.px-hg-4 {
padding-left: 1.5rem !important;
}
.p-hg-5 {
padding: 3rem !important;
}
.pt-hg-5,
.py-hg-5 {
padding-top: 3rem !important;
}
.pr-hg-5,
.px-hg-5 {
padding-right: 3rem !important;
}
.pb-hg-5,
.py-hg-5 {
padding-bottom: 3rem !important;
}
.pl-hg-5,
.px-hg-5 {
padding-left: 3rem !important;
}
.m-hg-n1 {
margin: -0.25rem !important;
}
.mt-hg-n1,
.my-hg-n1 {
margin-top: -0.25rem !important;
}
.mr-hg-n1,
.mx-hg-n1 {
margin-right: -0.25rem !important;
}
.mb-hg-n1,
.my-hg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-hg-n1,
.mx-hg-n1 {
margin-left: -0.25rem !important;
}
.m-hg-n2 {
margin: -0.5rem !important;
}
.mt-hg-n2,
.my-hg-n2 {
margin-top: -0.5rem !important;
}
.mr-hg-n2,
.mx-hg-n2 {
margin-right: -0.5rem !important;
}
.mb-hg-n2,
.my-hg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-hg-n2,
.mx-hg-n2 {
margin-left: -0.5rem !important;
}
.m-hg-n3 {
margin: -1rem !important;
}
.mt-hg-n3,
.my-hg-n3 {
margin-top: -1rem !important;
}
.mr-hg-n3,
.mx-hg-n3 {
margin-right: -1rem !important;
}
.mb-hg-n3,
.my-hg-n3 {
margin-bottom: -1rem !important;
}
.ml-hg-n3,
.mx-hg-n3 {
margin-left: -1rem !important;
}
.m-hg-n4 {
margin: -1.5rem !important;
}
.mt-hg-n4,
.my-hg-n4 {
margin-top: -1.5rem !important;
}
.mr-hg-n4,
.mx-hg-n4 {
margin-right: -1.5rem !important;
}
.mb-hg-n4,
.my-hg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-hg-n4,
.mx-hg-n4 {
margin-left: -1.5rem !important;
}
.m-hg-n5 {
margin: -3rem !important;
}
.mt-hg-n5,
.my-hg-n5 {
margin-top: -3rem !important;
}
.mr-hg-n5,
.mx-hg-n5 {
margin-right: -3rem !important;
}
.mb-hg-n5,
.my-hg-n5 {
margin-bottom: -3rem !important;
}
.ml-hg-n5,
.mx-hg-n5 {
margin-left: -3rem !important;
}
.m-hg-auto {
margin: auto !important;
}
.mt-hg-auto,
.my-hg-auto {
margin-top: auto !important;
}
.mr-hg-auto,
.mx-hg-auto {
margin-right: auto !important;
}
.mb-hg-auto,
.my-hg-auto {
margin-bottom: auto !important;
}
.ml-hg-auto,
.mx-hg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-gt-0 {
margin: 0 !important;
}
.mt-gt-0,
.my-gt-0 {
margin-top: 0 !important;
}
.mr-gt-0,
.mx-gt-0 {
margin-right: 0 !important;
}
.mb-gt-0,
.my-gt-0 {
margin-bottom: 0 !important;
}
.ml-gt-0,
.mx-gt-0 {
margin-left: 0 !important;
}
.m-gt-1 {
margin: 0.25rem !important;
}
.mt-gt-1,
.my-gt-1 {
margin-top: 0.25rem !important;
}
.mr-gt-1,
.mx-gt-1 {
margin-right: 0.25rem !important;
}
.mb-gt-1,
.my-gt-1 {
margin-bottom: 0.25rem !important;
}
.ml-gt-1,
.mx-gt-1 {
margin-left: 0.25rem !important;
}
.m-gt-2 {
margin: 0.5rem !important;
}
.mt-gt-2,
.my-gt-2 {
margin-top: 0.5rem !important;
}
.mr-gt-2,
.mx-gt-2 {
margin-right: 0.5rem !important;
}
.mb-gt-2,
.my-gt-2 {
margin-bottom: 0.5rem !important;
}
.ml-gt-2,
.mx-gt-2 {
margin-left: 0.5rem !important;
}
.m-gt-3 {
margin: 1rem !important;
}
.mt-gt-3,
.my-gt-3 {
margin-top: 1rem !important;
}
.mr-gt-3,
.mx-gt-3 {
margin-right: 1rem !important;
}
.mb-gt-3,
.my-gt-3 {
margin-bottom: 1rem !important;
}
.ml-gt-3,
.mx-gt-3 {
margin-left: 1rem !important;
}
.m-gt-4 {
margin: 1.5rem !important;
}
.mt-gt-4,
.my-gt-4 {
margin-top: 1.5rem !important;
}
.mr-gt-4,
.mx-gt-4 {
margin-right: 1.5rem !important;
}
.mb-gt-4,
.my-gt-4 {
margin-bottom: 1.5rem !important;
}
.ml-gt-4,
.mx-gt-4 {
margin-left: 1.5rem !important;
}
.m-gt-5 {
margin: 3rem !important;
}
.mt-gt-5,
.my-gt-5 {
margin-top: 3rem !important;
}
.mr-gt-5,
.mx-gt-5 {
margin-right: 3rem !important;
}
.mb-gt-5,
.my-gt-5 {
margin-bottom: 3rem !important;
}
.ml-gt-5,
.mx-gt-5 {
margin-left: 3rem !important;
}
.p-gt-0 {
padding: 0 !important;
}
.pt-gt-0,
.py-gt-0 {
padding-top: 0 !important;
}
.pr-gt-0,
.px-gt-0 {
padding-right: 0 !important;
}
.pb-gt-0,
.py-gt-0 {
padding-bottom: 0 !important;
}
.pl-gt-0,
.px-gt-0 {
padding-left: 0 !important;
}
.p-gt-1 {
padding: 0.25rem !important;
}
.pt-gt-1,
.py-gt-1 {
padding-top: 0.25rem !important;
}
.pr-gt-1,
.px-gt-1 {
padding-right: 0.25rem !important;
}
.pb-gt-1,
.py-gt-1 {
padding-bottom: 0.25rem !important;
}
.pl-gt-1,
.px-gt-1 {
padding-left: 0.25rem !important;
}
.p-gt-2 {
padding: 0.5rem !important;
}
.pt-gt-2,
.py-gt-2 {
padding-top: 0.5rem !important;
}
.pr-gt-2,
.px-gt-2 {
padding-right: 0.5rem !important;
}
.pb-gt-2,
.py-gt-2 {
padding-bottom: 0.5rem !important;
}
.pl-gt-2,
.px-gt-2 {
padding-left: 0.5rem !important;
}
.p-gt-3 {
padding: 1rem !important;
}
.pt-gt-3,
.py-gt-3 {
padding-top: 1rem !important;
}
.pr-gt-3,
.px-gt-3 {
padding-right: 1rem !important;
}
.pb-gt-3,
.py-gt-3 {
padding-bottom: 1rem !important;
}
.pl-gt-3,
.px-gt-3 {
padding-left: 1rem !important;
}
.p-gt-4 {
padding: 1.5rem !important;
}
.pt-gt-4,
.py-gt-4 {
padding-top: 1.5rem !important;
}
.pr-gt-4,
.px-gt-4 {
padding-right: 1.5rem !important;
}
.pb-gt-4,
.py-gt-4 {
padding-bottom: 1.5rem !important;
}
.pl-gt-4,
.px-gt-4 {
padding-left: 1.5rem !important;
}
.p-gt-5 {
padding: 3rem !important;
}
.pt-gt-5,
.py-gt-5 {
padding-top: 3rem !important;
}
.pr-gt-5,
.px-gt-5 {
padding-right: 3rem !important;
}
.pb-gt-5,
.py-gt-5 {
padding-bottom: 3rem !important;
}
.pl-gt-5,
.px-gt-5 {
padding-left: 3rem !important;
}
.m-gt-n1 {
margin: -0.25rem !important;
}
.mt-gt-n1,
.my-gt-n1 {
margin-top: -0.25rem !important;
}
.mr-gt-n1,
.mx-gt-n1 {
margin-right: -0.25rem !important;
}
.mb-gt-n1,
.my-gt-n1 {
margin-bottom: -0.25rem !important;
}
.ml-gt-n1,
.mx-gt-n1 {
margin-left: -0.25rem !important;
}
.m-gt-n2 {
margin: -0.5rem !important;
}
.mt-gt-n2,
.my-gt-n2 {
margin-top: -0.5rem !important;
}
.mr-gt-n2,
.mx-gt-n2 {
margin-right: -0.5rem !important;
}
.mb-gt-n2,
.my-gt-n2 {
margin-bottom: -0.5rem !important;
}
.ml-gt-n2,
.mx-gt-n2 {
margin-left: -0.5rem !important;
}
.m-gt-n3 {
margin: -1rem !important;
}
.mt-gt-n3,
.my-gt-n3 {
margin-top: -1rem !important;
}
.mr-gt-n3,
.mx-gt-n3 {
margin-right: -1rem !important;
}
.mb-gt-n3,
.my-gt-n3 {
margin-bottom: -1rem !important;
}
.ml-gt-n3,
.mx-gt-n3 {
margin-left: -1rem !important;
}
.m-gt-n4 {
margin: -1.5rem !important;
}
.mt-gt-n4,
.my-gt-n4 {
margin-top: -1.5rem !important;
}
.mr-gt-n4,
.mx-gt-n4 {
margin-right: -1.5rem !important;
}
.mb-gt-n4,
.my-gt-n4 {
margin-bottom: -1.5rem !important;
}
.ml-gt-n4,
.mx-gt-n4 {
margin-left: -1.5rem !important;
}
.m-gt-n5 {
margin: -3rem !important;
}
.mt-gt-n5,
.my-gt-n5 {
margin-top: -3rem !important;
}
.mr-gt-n5,
.mx-gt-n5 {
margin-right: -3rem !important;
}
.mb-gt-n5,
.my-gt-n5 {
margin-bottom: -3rem !important;
}
.ml-gt-n5,
.mx-gt-n5 {
margin-left: -3rem !important;
}
.m-gt-auto {
margin: auto !important;
}
.mt-gt-auto,
.my-gt-auto {
margin-top: auto !important;
}
.mr-gt-auto,
.mx-gt-auto {
margin-right: auto !important;
}
.mb-gt-auto,
.my-gt-auto {
margin-bottom: auto !important;
}
.ml-gt-auto,
.mx-gt-auto {
margin-left: auto !important;
}
} @font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-lock {
display: none;
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} :root { }
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
} @font-face {
font-family: "The Future";
src: url(//www.sds.at/wp-content/themes/sds/assets/fonts/the-future-regular.woff2) format("woff2");
font-weight: 400;
font-stretch: normal;
font-display: swap;
}
@font-face {
font-family: "The Future";
src: url(//www.sds.at/wp-content/themes/sds/assets/fonts/the-future-medium.woff2) format("woff2"), url(//www.sds.at/wp-content/themes/sds/assets/fonts/TheFuture-Medium.otf) format("opentype");
font-weight: 500;
font-stretch: normal;
font-display: swap;
}
@font-face {
font-family: "The Future";
src: url(//www.sds.at/wp-content/themes/sds/assets/fonts/the-future-bold.woff2) format("woff2");
font-weight: 700;
font-stretch: normal;
font-display: swap;
}
@font-face {
font-family: "SDS";
src: url(//www.sds.at/wp-content/themes/sds/assets/fonts/SDS.eot?4ccp82);
src: url(//www.sds.at/wp-content/themes/sds/assets/fonts/SDS.eot?4ccp82#iefix) format("embedded-opentype"), url(//www.sds.at/wp-content/themes/sds/assets/fonts/SDS.ttf?4ccp82) format("truetype"), url(//www.sds.at/wp-content/themes/sds/assets/fonts/SDS.woff?4ccp82) format("woff"), url(//www.sds.at/wp-content/themes/sds/assets/fonts/SDS.svg?4ccp82#SDS) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=icon-], [class*=" icon-"] { font-family: "SDS" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-close-fullscreen:before {
content: "\e9af";
}
.icon-open-in-full:before {
content: "\e9b0";
}
.icon-volume-off:before {
content: "\e9b1";
}
.icon-volume-up:before {
content: "\e9b2";
}
.icon-geos-tech-exception-handling:before {
content: "\e98b";
}
.icon-geos-tech-straight-through-processing-automatisierung:before {
content: "\e98c";
}
.icon-geos-tech-enorme-fachliche-tiefe:before {
content: "\e98d";
}
.icon-geos-tech-konformitat-regulatorischen-anforderungen:before {
content: "\e98e";
}
.icon-geos-tech-bankfachlichkeit-regulatorik:before {
content: "\e98f";
}
.icon-geos-tech-effizienz:before {
content: "\e990";
}
.icon-geos-tech-bedienbarkeit:before {
content: "\e991";
}
.icon-geos-tech-portierbarkeit:before {
content: "\e992";
}
.icon-geos-tech-wartbarkeit:before {
content: "\e993";
}
.icon-geos-tech-skalierbarkeit:before {
content: "\e994";
}
.icon-geos-tech-robustheit-investitionsschutz:before {
content: "\e995";
}
.icon-geos-tech-jounal-historie:before {
content: "\e996";
}
.icon-geos-tech-rollenbasiertes-berechtigungssystem:before {
content: "\e997";
}
.icon-geos-tech-identity-provider:before {
content: "\e998";
}
.icon-geos-tech-sicherheit-compliance:before {
content: "\e999";
}
.icon-geos-tech-WM:before {
content: "\e99a";
}
.icon-geos-tech-SWIFT-ISO-15022-und-20222:before {
content: "\e99b";
}
.icon-geos-tech-SOAP:before {
content: "\e99c";
}
.icon-geos-tech-REST:before {
content: "\e99d";
}
.icon-geos-tech-industry-standards:before {
content: "\e99e";
}
.icon-geos-tech-kafka:before {
content: "\e99f";
}
.icon-geos-tech-tomcat:before {
content: "\e9a0";
}
.icon-geos-tech-IBM-websphere:before {
content: "\e9a1";
}
.icon-geos-tech-messaging:before {
content: "\e9a2";
}
.icon-geos-tech-kubernetes:before {
content: "\e9a3";
}
.icon-geos-tech-IBM-Db2-LUW:before {
content: "\e9a4";
}
.icon-geos-tech-oracle:before {
content: "\e9a5";
}
.icon-OS:before {
content: "\e9a6";
}
.icon-geos-tech-linux-RHEL:before {
content: "\e9a7";
}
.icon-geos-tech-operations:before {
content: "\e9a8";
}
.icon-kundenzufriedenheit:before {
content: "\e9a9";
}
.icon-zuverlassigkeit:before {
content: "\e9aa";
}
.icon-innovation:before {
content: "\e9ab";
}
.icon-produktdatenblatter:before {
content: "\e9ac";
}
.icon-broschuren:before {
content: "\e9ad";
}
.icon-pause:before {
content: "\e9ae";
}
.icon-arrow-extern:before {
content: "\e900";
}
.icon-arrow-down:before {
content: "\e901";
}
.icon-arrow-left:before {
content: "\e902";
}
.icon-arrow-right:before {
content: "\e903";
}
.icon-chevron-down:before {
content: "\e904";
}
.icon-accessible-menu:before {
content: "\e905";
}
.icon-accessible:before {
content: "\e906";
}
.icon-add-circle:before {
content: "\e907";
}
.icon-add:before {
content: "\e908";
}
.icon-api:before {
content: "\e909";
}
.icon-arrow-down-circle:before {
content: "\e90a";
}
.icon-arrow-right-circle:before {
content: "\e90b";
}
.icon-arrow-right1:before {
content: "\e90c";
}
.icon-autoplay:before {
content: "\e90d";
}
.icon-award:before {
content: "\e90e";
}
.icon-benefit--advanced-training:before {
content: "\e90f";
}
.icon-benefit--affordable-garage:before {
content: "\e910";
}
.icon-benefit--attractive-remuneration:before {
content: "\e911";
}
.icon-benefit--bicycle-storage-room:before {
content: "\e912";
}
.icon-benefit--bonus-for-marriage-and-offspring:before {
content: "\e913";
}
.icon-benefit--canteen-meal-vouchers:before {
content: "\e914";
}
.icon-benefit--company-doctor-pharmacy-service:before {
content: "\e915";
}
.icon-benefit--company-kindergarten:before {
content: "\e916";
}
.icon-benefit--development-opportunities:before {
content: "\e917";
}
.icon-benefit--employee-assistance-programme:before {
content: "\e918";
}
.icon-benefit--finders-fee:before {
content: "\e919";
}
.icon-benefit--fitness-gym-courses:before {
content: "\e91a";
}
.icon-benefit--flexible-working-hours:before {
content: "\e91b";
}
.icon-benefit--freizeit-artbrunch:before {
content: "\e91c";
}
.icon-benefit--freizeit-business-run:before {
content: "\e91d";
}
.icon-benefit--freizeit-museumsbesuche:before {
content: "\e91e";
}
.icon-benefit--freizeit-skitag:before {
content: "\e91f";
}
.icon-benefit--freizeit-spartan-race:before {
content: "\e920";
}
.icon-benefit--freizeit-spieleabend:before {
content: "\e921";
}
.icon-benefit--freizeit-sport:before {
content: "\e922";
}
.icon-benefit--group-benefit:before {
content: "\e923";
}
.icon-benefit--home-office-possibility:before {
content: "\e924";
}
.icon-benefit--mobile-massage:before {
content: "\e925";
}
.icon-benefit--new-modern-office-space:before {
content: "\e926";
}
.icon-benefit--paid-special-leave-for-dads:before {
content: "\e927";
}
.icon-benefit--service-for-laundry:before {
content: "\e928";
}
.icon-benefit--work-life-balance:before {
content: "\e929";
}
.icon-broschuren1:before {
content: "\e92a";
}
.icon-burger-light:before {
content: "\e92b";
}
.icon-burger:before {
content: "\e92c";
}
.icon-calendar:before {
content: "\e92d";
}
.icon-call:before {
content: "\e92e";
}
.icon-case-study:before {
content: "\e92f";
}
.icon-chat:before {
content: "\e930";
}
.icon-check-circle:before {
content: "\e931";
}
.icon-check:before {
content: "\e932";
}
.icon-chevron-down1:before {
content: "\e933";
}
.icon-chevron-left:before {
content: "\e934";
}
.icon-chevron-right:before {
content: "\e935";
}
.icon-chevron-up:before {
content: "\e936";
}
.icon-contact-support:before {
content: "\e937";
}
.icon-conversion-path:before {
content: "\e938";
}
.icon-copy:before {
content: "\e939";
}
.icon-costs:before {
content: "\e93a";
}
.icon-database:before {
content: "\e93b";
}
.icon-deployed-code:before {
content: "\e93c";
}
.icon-diversity2:before {
content: "\e93d";
}
.icon-diversity3:before {
content: "\e93e";
}
.icon-dotting:before {
content: "\e93f";
}
.icon-download-1:before {
content: "\e940";
}
.icon-download:before {
content: "\e941";
}
.icon-dropdown:before {
content: "\e942";
}
.icon-dropup:before {
content: "\e943";
}
.icon-edit-note:before {
content: "\e944";
}
.icon-editor-choice:before {
content: "\e945";
}
.icon-epapers:before {
content: "\e946";
}
.icon-euro-symbol:before {
content: "\e947";
}
.icon-eye:before {
content: "\e948";
}
.icon-fax:before {
content: "\e949";
}
.icon-files:before {
content: "\e94a";
}
.icon-filter:before {
content: "\e94b";
}
.icon-handshake:before {
content: "\e94c";
}
.icon-heart-active:before {
content: "\e94d";
}
.icon-heart-inactive:before {
content: "\e94e";
}
.icon-hedge-fund:before {
content: "\e94f";
}
.icon-home-pin:before {
content: "\e950";
}
.icon-host:before {
content: "\e951";
}
.icon-ibm-bee:before {
content: "\e952";
}
.icon-keyboard-command-key:before {
content: "\e953";
}
.icon-language:before {
content: "\e954";
}
.icon-link-circle:before {
content: "\e955";
}
.icon-link:before {
content: "\e956";
}
.icon-location-flag:before {
content: "\e957";
}
.icon-location-pin:before {
content: "\e958";
}
.icon-lock:before {
content: "\e959";
}
.icon-manage-history:before {
content: "\e95a";
}
.icon-menu:before {
content: "\e95b";
}
.icon-minus-med:before {
content: "\e95c";
}
.icon-news:before {
content: "\e95d";
}
.icon-oracle:before {
content: "\e95e";
}
.icon-phone:before {
content: "\e95f";
}
.icon-play-circle:before {
content: "\e960";
}
.icon-play:before {
content: "\e961";
}
.icon-plus-bold-circle:before {
content: "\e962";
}
.icon-plus-med:before {
content: "\e963";
}
.icon-produktdatenblatter1:before {
content: "\e964";
}
.icon-query-stats:before {
content: "\e965";
}
.icon-raking:before {
content: "\e966";
}
.icon-region:before {
content: "\e967";
}
.icon-remove-circle:before {
content: "\e968";
}
.icon-remove:before {
content: "\e969";
}
.icon-reports:before {
content: "\e96a";
}
.icon-reset:before {
content: "\e96b";
}
.icon-sailing:before {
content: "\e96c";
}
.icon-savings:before {
content: "\e96d";
}
.icon-schedule:before {
content: "\e96e";
}
.icon-search:before {
content: "\e96f";
}
.icon-send-money:before {
content: "\e970";
}
.icon-shield:before {
content: "\e971";
}
.icon-sign-up:before {
content: "\e972";
}
.icon-social-email:before {
content: "\e973";
}
.icon-social-facebook:before {
content: "\e974";
}
.icon-social-instagram:before {
content: "\e975";
}
.icon-social-link:before {
content: "\e976";
}
.icon-social-linkedin:before {
content: "\e977";
}
.icon-social-messanger:before {
content: "\e978";
}
.icon-social-newlink:before {
content: "\e979";
}
.icon-social-telegram:before {
content: "\e97a";
}
.icon-social-tiktok:before {
content: "\e97b";
}
.icon-social-whatsapp:before {
content: "\e97c";
}
.icon-social-x:before {
content: "\e97d";
}
.icon-social-xing:before {
content: "\e97e";
}
.icon-social-youtube:before {
content: "\e97f";
}
.icon-tags:before {
content: "\e980";
}
.icon-time:before {
content: "\e981";
}
.icon-view-object-track:before {
content: "\e982";
}
.icon-volunteer-activism:before {
content: "\e983";
}
.icon-whitepapers:before {
content: "\e984";
}
.icon-work:before {
content: "\e985";
}
.icon-x-bold-circle:before {
content: "\e986";
}
.icon-x-circle:before {
content: "\e987";
}
.icon-x-med:before {
content: "\e988";
}
.icon-x-thin:before {
content: "\e989";
}
.icon-x:before {
content: "\e98a";
}
@keyframes collage-item-1 {
0%, 40% {
transform: none;
right: 0;
width: 100%;
}
60%, 100% {
right: calc(-68% - 1.4rem);
width: 68%;
}
}
@keyframes collage-figure-1 {
0%, 40% {
padding-top: 120%;
}
60%, 100% {
padding-top: 100%;
}
}
@keyframes collage-figure-alt-1 {
0%, 40% {
opacity: 1;
padding-top: 120%;
}
60%, 100% {
opacity: 0;
padding-top: 100%;
}
}
@keyframes collage-figure-2 {
0%, 40% {
padding-top: 137.5%;
top: 20%;
transform: translateY(0);
}
60%, 100% {
padding-top: 120%;
top: calc(35.5% + 1.4rem);
}
}
@keyframes collage-figure-alt-2 {
0%, 40% {
opacity: 1;
padding-top: 137.5%;
top: 20%;
transform: translateY(0);
}
60%, 100% {
opacity: 0;
padding-top: 120%;
top: calc(35.5% + 1.4rem);
}
}
@keyframes collage-item-3 {
0%, 40% {
transform: none;
width: 68%;
}
60%, 100% {
transform: translateY(-32%);
width: 100%;
}
}
@keyframes collage-figure-3 {
0%, 40% {
padding-top: 100%;
}
60%, 100% {
padding-top: 120%;
}
}
@keyframes collage-figure-alt-3 {
0%, 40% {
opacity: 1;
padding-top: 100%;
}
60%, 100% {
opacity: 0;
padding-top: 120%;
}
}
@keyframes accordion-collage-item-1 {
0%, 5% {
transform: none;
right: 0;
width: 100%;
}
40%, 100% {
right: calc(-68% - 1.4rem);
width: 68%;
}
}
@keyframes accordion-collage-figure-1 {
0%, 5% {
padding-top: 120%;
}
40%, 100% {
padding-top: 100%;
}
}
@keyframes accordion-collage-figure-alt-1 {
0%, 5% {
opacity: 1;
padding-top: 120%;
}
40%, 100% {
opacity: 0;
padding-top: 100%;
}
}
@keyframes accordion-collage-figure-2 {
0%, 5% {
padding-top: 137.5%;
top: 20%;
transform: translateY(0);
}
40%, 100% {
padding-top: 120%;
top: calc(35.5% + 1.4rem);
}
}
@keyframes accordion-collage-figure-alt-2 {
0%, 5% {
opacity: 1;
padding-top: 137.5%;
top: 20%;
transform: translateY(0);
}
40%, 100% {
opacity: 0;
padding-top: 120%;
top: calc(35.5% + 1.4rem);
}
}
@keyframes accordion-collage-item-3 {
0%, 5% {
transform: none;
width: 68%;
}
40%, 100% {
transform: translateY(-32%);
width: 100%;
}
}
@keyframes accordion-collage-figure-3 {
0%, 5% {
padding-top: 100%;
}
40%, 100% {
padding-top: 120%;
}
}
@keyframes accordion-collage-figure-alt-3 {
0%, 5% {
opacity: 1;
padding-top: 100%;
}
40%, 100% {
opacity: 0;
padding-top: 120%;
}
}
:root {
--theme-primary-color: #e54400;
--theme-secondary-color: #4298b8;
--theme-button-color: #ffffff;
--a11y-text-size-factor: 1;
--grid-width: calc((100vw - (var(--grid-margin) * 2)) / 12);
background-color: #f9f7f5;
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
font-size: calc(10px * var(--a11y-text-size-factor));
font-weight: 300;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 992px) {
:root {
font-size: calc((6.6px + (100vw - 992px) * 0.0066532258) * var(--a11y-text-size-factor));
}
}
@media screen and (min-width: 1322px) {
:root {
font-size: calc((5.85px + (100vw - 992px) * 0.0060483871) * var(--a11y-text-size-factor));
}
}
@media screen and (min-width: 2000px) {
:root {
font-size: calc((6px + (2000px - 992px) * 0.0060483871) * var(--a11y-text-size-factor));
}
}
body {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
h1, .h1 {
font-family: "The Future";
font-size: 3.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin: 0 0 calc(var(--grid-gap) * 2) 0;
}
h2, .h2 {
font-family: "The Future";
font-size: 3.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin: 0 0 calc(var(--grid-gap) * 2) 0;
}
h3, .h3 {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.05;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin: 0 0 calc(var(--grid-gap) * 2) 0;
}
h4, .h4 {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin: 0 0 calc(var(--grid-gap) * 2) 0;
}
h1 br, .h1 br,
h2 br, .h2 br,
h3 br, .h3 br,
h4 br, .h4 br {
display: none;
}
h1 em, .h1 em,
h2 em, .h2 em,
h3 em, .h3 em,
h4 em, .h4 em {
color: var(--theme-primary-color);
font-style: normal;
}
a {
text-decoration: none;
color: inherit;
}
img {
max-width: 100%;
height: auto;
}
picture {
display: flex;
}
picture img {
width: 100%;
}
figure {
margin: 0;
}
figcaption {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #757575;
margin: var(--grid-gap);
}
p {
margin: 0;
}
*, *:active, *:focus {
outline: none !important;
}
.active-a11y-grayscale {
filter: grayscale(1);
}
.active-a11y-contrast {
--theme-primary-color: #e54400 !important;
background-color: #ffffff;
}
.active-a11y-contrast .moving-background {
display: none;
}
.active-a11y-contrast .post-preview__image {
background-color: #e54400;
}
.active-a11y-contrast .card-blur:before {
mask: none;
}
.active-a11y-contrast .header:after,
.active-a11y-contrast .wide-video__toggle-icon,
.active-a11y-contrast .featured-posts__main-badge,
.active-a11y-contrast .featured-posts__single-post-badge,
.active-a11y-contrast .white-paper-preview__badge {
background-color: #000000;
}
.active-a11y-contrast .footer__inner,
.active-a11y-contrast .footer__contact-wrapper,
.active-a11y-contrast .footer__products-services-wrapper,
.active-a11y-contrast .footer__extensions-wrapper,
.active-a11y-contrast .footer__desktop-hr,
.active-a11y-contrast .faq ul li,
.active-a11y-contrast .active-a11y-contrast .features-list__tabs,
.active-a11y-contrast .features-list__tab-block,
.active-a11y-contrast .features-list__tab-block-list li,
.active-a11y-contrast .scroll-list__item-block,
.active-a11y-contrast .steps__list-item,
.active-a11y-contrast .links-list__list li > *:first-child,
.active-a11y-contrast .scroll-list__item,
.active-a11y-contrast .category-preview,
.active-a11y-contrast .archive-pagination__control-input,
.active-a11y-contrast .archive-pagination__control-button,
.active-a11y-contrast .events-page__tabs,
.active-a11y-contrast .form,
.active-a11y-contrast .form__input-wrapper input[type=text],
.active-a11y-contrast .form__input-wrapper input[type=email],
.active-a11y-contrast .form__input-wrapper textarea,
.active-a11y-contrast .form__input-wrapper select,
.active-a11y-contrast .custom-checkbox {
border-color: #000000;
}
.active-a11y-contrast .breadcrumb,
.active-a11y-contrast .content-fader__suptitle,
.active-a11y-contrast .features-list__suptitle,
.active-a11y-contrast .block-headline__suptitle,
.active-a11y-contrast .solution-extensions__suptitle,
.active-a11y-contrast .features-list__tab,
.active-a11y-contrast .event-previews__suptitle,
.active-a11y-contrast .video-stories__suptitle,
.active-a11y-contrast .featured-posts__main-date,
.active-a11y-contrast .featured-posts__single-post-date,
.active-a11y-contrast .white-paper-preview__date,
.active-a11y-contrast .footer__copyright,
.active-a11y-contrast .footer__full-address {
color: #000000;
}
.active-a11y-contrast .features-list__tabs {
background-color: #ffffff;
}
.active-a11y-contrast .card-deck__card {
border: 1px solid #000000;
}
.active-a11y-contrast .product-success-stories__item {
background-color: #e54400 !important;
}
.active-a11y-contrast .post-preview__abstract,
.active-a11y-contrast .keywords__content,
.active-a11y-contrast .overlay-video-preview__content-author,
.active-a11y-contrast ._icon-tabs__label,
.active-a11y-contrast ._icon-tabs__subheadline,
.active-a11y-contrast .video-stories__item-caption {
color: #ffffff;
}
.active-a11y-contrast ._icon-tabs__tabs-wrapper {
background-color: transparent;
border-color: #ffffff;
}
.active-a11y-contrast ._icon-tabs__tab .amount {
background-color: transparent;
border: 1px solid #ffffff;
}
.active-a11y-contrast .events-page__tab .amount {
background-color: transparent;
border: 1px solid #000000;
color: #000000;
}
.active-a11y-contrast .events-page__tab.active .amount {
border: none;
}
.active-a11y-contrast .highlight-kpis__item-icon img {
filter: saturate(10) brightness(130) grayscale(1) contrast(0);
}
.active-a11y-contrast .keywords {
background-color: #e54400;
}
.active-a11y-contrast .keywords:before {
background: linear-gradient(0deg, rgba(176, 20, 120, 0) 0%, #e54400 90%);
}
.active-a11y-contrast .keywords:after {
background: linear-gradient(180deg, rgba(176, 20, 120, 0) 0%, #e54400 90%);
}
.active-a11y-contrast .intro-items.type-t-systems .intro-items__headline em,
.active-a11y-contrast .intro-items.type-t-systems .intro-items__text em,
.active-a11y-contrast .intro-items.type-t-systems .intro-items__list em,
.active-a11y-contrast .intro-items.type-t-systems .intro-items__list {
color: #e54400;
}
.active-a11y-text-smallest {
--a11y-text-size-factor: 0.6;
}
.active-a11y-text-smaller {
--a11y-text-size-factor: 0.8;
}
.active-a11y-text-bigger {
--a11y-text-size-factor: 1.2;
}
.active-a11y-text-biggest {
--a11y-text-size-factor: 1.4;
}
@media (min-width: 992px) {
.active-a11y-text-biggest .footer__contact-wrapper {
padding-right: 2rem;
}
.active-a11y-text-biggest .footer__products-services-wrapper,
.active-a11y-text-biggest .footer__extensions-wrapper,
.active-a11y-text-biggest .footer__pages-wrapper {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 768px) {
html {
font-size: 10px;
}
h1, .h1 {
font-family: "The Future";
font-size: 5.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
font-size: 4.8rem;
}
h1 br, .h1 br,
h2 br, .h2 br,
h3 br, .h3 br,
h4 br, .h4 br {
display: block;
}
}
@media (min-width: 992px) {
h1, .h1 {
font-family: "The Future";
font-size: 5.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
h2, .h2 {
font-family: "The Future";
font-size: 4.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
h3, .h3 {
font-family: "The Future";
font-size: 2.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.5;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
h4, .h4 {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
* {
box-sizing: border-box !important;
}
.swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
width: 70%;
margin-right: 0.8rem;
}
@media (min-width: 992px) {
.swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
width: 25%;
}
}
@media (min-width: 992px) {
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {
text-wrap: balance;
}
}
.swiper.autoplay-stop .swiper-pagination .swiper-pagination-bullet:before {
transition: none;
}
.swiper .swiper-pagination {
position: relative;
left: 0;
bottom: 0;
margin: 3.2rem auto 0;
padding: 1.6rem;
background-color: #dddddd;
border-radius: 100rem;
display: flex;
align-items: center;
justify-content: center;
gap: 0.8rem;
width: max-content;
}
.swiper .swiper-pagination:not(:has(.swiper-pagination-bullet:nth-child(2))) {
display: none;
}
.swiper .swiper-pagination .swiper-pagination-bullet {
position: relative;
margin: 0;
width: 6px;
height: 6px;
border-radius: 10rem;
background-color: #969696;
transition: width 1.2s ease;
overflow: hidden;
opacity: 1;
}
.swiper .swiper-pagination .swiper-pagination-bullet-active {
width: 32px;
}
.swiper .swiper-pagination .swiper-pagination-bullet:before {
content: "";
display: block;
position: relative;
width: 100%;
height: 100%;
background-color: #444444;
transform: scaleX(0);
transition: transform 0s linear 0.3s;
transform-origin: left center;
}
.swiper .swiper-pagination .swiper-pagination-bullet-active:before {
transition: transform 7s linear 0.3s;
transform: scaleX(1);
}
.button,
.cta-banner__link .link,
.cta-banner__link .button {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
align-items: center;
border-radius: 1.2rem;
color: var(--theme-button-color);
cursor: pointer;
display: inline-flex;
justify-content: center;
min-height: 3.8rem;
outline: 0;
overflow: hidden;
padding: 0 2rem 0.3rem;
position: relative;
text-align: center;
width: auto;
z-index: 0;
}
.button::before,
.cta-banner__link .link::before,
.cta-banner__link .button::before {
background-color: var(--theme-primary-color);
border: 1px solid var(--theme-primary-color);
bottom: 0;
content: "";
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.button__label {
order: 2;
position: relative;
}
.button:hover::before, .button:focus::before, .button:active::before,
.cta-banner__link .link:hover::before,
.cta-banner__link .link:focus::before,
.cta-banner__link .link:active::before {
filter: brightness(80%);
}
.button:disabled, .button.disabled,
.cta-banner__link .link:disabled,
.cta-banner__link .disabled.link {
color: #181818;
cursor: no-drop;
}
.button:disabled::before, .button.disabled::before,
.cta-banner__link .link:disabled::before,
.cta-banner__link .disabled.link::before {
background-color: rgba(0, 0, 0, 0.1019607843);
border-color: rgba(0, 0, 0, 0.1019607843);
}
.button--primary {
color: var(--theme-button-color);
}
.button--primary::before {
background-color: var(--theme-primary-color);
border-color: var(--theme-primary-color);
}
.button--primary:disabled, .button--primary.disabled {
color: #181818;
}
.button--primary:disabled::before, .button--primary.disabled::before {
background-color: rgba(0, 0, 0, 0.1019607843);
border-color: rgba(0, 0, 0, 0.1019607843);
}
.button--size-large,
.cta-banner__link .link,
.cta-banner__link .button {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.2;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
min-height: 4.8rem;
}
.button--size-small {
font-family: "The Future";
font-size: 1.3rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.2;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
border-radius: 1rem;
min-height: 3.2rem;
}
.button--icon-arrow-right::after {
color: var(--theme-button-color);
content: "\e903";
font-family: "SDS";
font-size: 1em;
margin-left: 0.5rem;
order: 2;
position: relative;
}
.button--icon-play-circle::after {
color: var(--theme-button-color);
content: "\e960";
font-family: "SDS";
font-size: 1em;
margin-left: 0.5em;
order: 2;
position: relative;
}
.button--icon-copy::after {
color: var(--theme-button-color);
content: "\e939";
font-family: "SDS";
font-size: 1.5em;
margin-left: 0.5em;
order: 2;
position: relative;
}
.button--icon-position-front .button {
order: 2;
}
.button--icon-position-front:after {
margin-left: 0;
margin-right: 0.5rem;
order: 1;
}
.button--secondary {
color: #ffffff;
}
.button--secondary::before {
background-color: var(--theme-secondary-color);
border-color: var(--theme-secondary-color);
}
.button--secondary:disabled, .button--secondary.disabled {
color: #181818;
}
.button--secondary:disabled::before, .button--secondary.disabled::before {
background-color: rgba(0, 0, 0, 0.1019607843);
border-color: rgba(0, 0, 0, 0.1019607843);
}
.button--secondary:hover::before, .button--secondary:focus::before, .button--secondary:active::before {
filter: brightness(80%);
}
.button--white {
color: #181818;
}
.button--white::before {
background-color: #ffffff;
border-color: #ffffff;
}
.button--white:disabled, .button--white.disabled {
color: #181818;
}
.button--white:disabled::before, .button--white.disabled::before {
background-color: rgba(0, 0, 0, 0.1019607843);
border-color: rgba(0, 0, 0, 0.1019607843);
}
.button--white:hover, .button--white:focus, .button--white:active {
color: #181818;
}
.button--white:hover::before, .button--white:focus::before, .button--white:active::before {
background-color: rgb(242.25, 242.25, 242.25);
border-color: rgb(242.25, 242.25, 242.25);
}
.button--inverted {
color: #ffffff;
}
.button--inverted.button--primary {
color: var(--black--300);
}
.button--inverted.button--primary::before {
background-color: #ffffff;
border-color: #ffffff;
}
.button--inverted.button--primary:disabled, .button--inverted.button--primary.disabled {
color: #181818;
}
.button--inverted.button--primary:disabled::before, .button--inverted.button--primary.disabled::before {
background-color: rgba(0, 0, 0, 0.1019607843);
border-color: rgba(0, 0, 0, 0.1019607843);
}
.button--inverted.button--primary:hover, .button--inverted.button--primary:focus, .button--inverted.button--primary:active {
color: #181818;
}
.button--inverted.button--primary:hover::before, .button--inverted.button--primary:focus::before, .button--inverted.button--primary:active::before {
background-color: rgb(229.5, 229.5, 229.5);
border-color: rgb(229.5, 229.5, 229.5);
}
.button--inverted:disabled, .button--inverted.disabled {
color: #181818;
}
.button--inverted:disabled::before, .button--inverted.disabled::before {
background-color: rgba(0, 0, 0, 0.1019607843);
border-color: rgba(0, 0, 0, 0.1019607843);
}
.button--inverted:hover, .button--inverted:focus, .button--inverted:active {
color: #181818;
}
.button--inverted:hover::before, .button--inverted:focus::before, .button--inverted:active::before {
background-color: rgb(229.5, 229.5, 229.5);
border-color: rgb(229.5, 229.5, 229.5);
}
.lazyloading,
.lazyload {
opacity: 0;
}
.visually-hidden,
.basic-video__control span {
display: block;
height: 0;
left: -999em;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
width: 0;
}
.expand-background {
position: relative;
}
.expand-background:before {
background-color: inherit;
bottom: 0;
content: "";
position: absolute;
left: -999em;
top: 0;
width: 999em;
}
.expand-background:after {
background-color: inherit;
bottom: 0;
content: "";
height: auto;
overflow: hidden;
position: absolute;
right: -999em;
top: 0;
visibility: visible;
width: 999em;
}
.link,
.text-block__text p a {
align-items: center;
color: var(--theme-primary-color);
cursor: pointer;
display: inline-flex;
justify-content: center;
outline: 0;
position: relative;
text-align: center;
text-decoration: none;
width: auto;
}
.link__label {
order: 2;
position: relative;
white-space: nowrap;
}
.link__label::before {
background-color: var(--theme-primary-color);
backface-visibility: hidden;
content: "";
bottom: -1px;
height: 1px;
position: absolute;
right: 0;
transition: width 0.5s ease 0s, left 0.5s ease 0s, right 0.5s ease 0s;
width: 0;
}
.link__label::after {
background-color: var(--theme-primary-color);
backface-visibility: hidden;
bottom: -1px;
content: "";
height: 1px;
left: 0;
position: absolute;
transition: width 0.5s ease 0.25s, left 0.5s ease 0.25s, right 0.5s ease 0.25s;
width: 100%;
}
.link__label:hover::before, .link__label:focus::before, .link__label:active::before {
left: 0;
transition-delay: 0.25s;
width: 100%;
}
.link__label:hover::after, .link__label:focus::after, .link__label:active::after {
left: unset;
right: 0;
transition-delay: 0s;
width: 0;
}
.link .file-type,
.text-block__text p a .file-type {
text-transform: uppercase;
}
.link:not(:has(.link__label)),
.text-block__text p a:not(:has(.link__label)) {
overflow: unset;
}
.link:not(:has(.link__label))::before,
.text-block__text p a:not(:has(.link__label))::before {
background-color: var(--theme-primary-color);
backface-visibility: hidden;
content: "";
bottom: -1px;
height: 1px;
position: absolute;
right: 0;
transition: width 0.5s ease 0s, left 0.5s ease 0s, right 0.5s ease 0s;
width: 0;
}
.link:not(:has(.link__label))::after,
.text-block__text p a:not(:has(.link__label))::after {
background-color: var(--theme-primary-color);
backface-visibility: hidden;
bottom: -1px;
content: "";
height: 1px;
left: 0;
position: absolute;
transition: width 0.5s ease 0.25s, left 0.5s ease 0.25s, right 0.5s ease 0.25s;
width: 100%;
}
.link:not(:has(.link__label)):hover::before, .link:not(:has(.link__label)):focus::before, .link:not(:has(.link__label)):active::before,
.text-block__text p a:not(:has(.link__label)):hover::before,
.text-block__text p a:not(:has(.link__label)):focus::before,
.text-block__text p a:not(:has(.link__label)):active::before {
left: 0;
transition-delay: 0.25s;
width: 100%;
}
.link:not(:has(.link__label)):hover::after, .link:not(:has(.link__label)):focus::after, .link:not(:has(.link__label)):active::after,
.text-block__text p a:not(:has(.link__label)):hover::after,
.text-block__text p a:not(:has(.link__label)):focus::after,
.text-block__text p a:not(:has(.link__label)):active::after {
left: unset;
right: 0;
transition-delay: 0s;
width: 0;
}
.link:has(.link__label).link--icon-arrow::after,
.text-block__text p a:has(.link__label).link--icon-arrow::after {
content: "\e903";
font-family: "SDS";
font-size: 1em;
margin-left: 0.5rem;
order: 1;
position: relative;
}
.link:has(.link__label).link--icon-play-circle::after,
.text-block__text p a:has(.link__label).link--icon-play-circle::after {
content: "\e960";
font-family: "SDS";
font-size: 1em;
margin-left: 0.5rem;
order: 1;
position: relative;
}
.link:has(.link__label).link--icon-copy::after,
.text-block__text p a:has(.link__label).link--icon-copy::after {
content: "\e939";
font-family: "SDS";
font-size: 1.5em;
margin-left: 0.5rem;
order: 1;
position: relative;
}
.link:has(.link__label).link--icon-position-front .link__label,
.text-block__text p a:has(.link__label).link--icon-position-front .link__label {
order: 2;
}
.link:has(.link__label).link--icon-position-front .link__label::after,
.text-block__text p a:has(.link__label).link--icon-position-front .link__label::after {
left: calc(-1em - 0.5rem);
}
.link:has(.link__label).link--icon-position-front .link__label::after,
.text-block__text p a:has(.link__label).link--icon-position-front .link__label::after {
width: calc(100% + 1em + 0.5rem);
}
.link:has(.link__label).link--icon-position-front:after,
.text-block__text p a:has(.link__label).link--icon-position-front:after {
margin-left: 0;
margin-right: 0.5rem;
order: 1;
}
.link:has(.link__label).link--icon-position-back .link__label,
.text-block__text p a:has(.link__label).link--icon-position-back .link__label {
order: unset;
}
.link:has(.link__label).link--icon-position-back .link__label::before, .link:has(.link__label).link--icon-position-back .link__label::after,
.text-block__text p a:has(.link__label).link--icon-position-back .link__label::before,
.text-block__text p a:has(.link__label).link--icon-position-back .link__label::after {
right: calc(-1em - 0.5rem);
}
.link:has(.link__label).link--icon-position-back .link__label::after,
.text-block__text p a:has(.link__label).link--icon-position-back .link__label::after {
width: calc(100% + 1em + 0.5rem);
}
.link:has(.link__label).link--icon-position-front:hover .link__label::before, .link:has(.link__label).link--icon-position-front:focus .link__label::before, .link:has(.link__label).link--icon-position-front:active .link__label::before,
.text-block__text p a:has(.link__label).link--icon-position-front:hover .link__label::before,
.text-block__text p a:has(.link__label).link--icon-position-front:focus .link__label::before,
.text-block__text p a:has(.link__label).link--icon-position-front:active .link__label::before {
left: calc(-1em - 0.5rem);
transition-delay: 0.25s;
width: calc(100% + 1em + 0.5rem);
}
.link:has(.link__label).link--icon-position-front:hover .link__label::after, .link:has(.link__label).link--icon-position-front:focus .link__label::after, .link:has(.link__label).link--icon-position-front:active .link__label::after,
.text-block__text p a:has(.link__label).link--icon-position-front:hover .link__label::after,
.text-block__text p a:has(.link__label).link--icon-position-front:focus .link__label::after,
.text-block__text p a:has(.link__label).link--icon-position-front:active .link__label::after {
left: unset;
right: 0;
transition-delay: 0s;
width: 0;
}
.link:has(.link__label).link--icon-position-back:hover .link__label::before, .link:has(.link__label).link--icon-position-back:focus .link__label::before, .link:has(.link__label).link--icon-position-back:active .link__label::before,
.text-block__text p a:has(.link__label).link--icon-position-back:hover .link__label::before,
.text-block__text p a:has(.link__label).link--icon-position-back:focus .link__label::before,
.text-block__text p a:has(.link__label).link--icon-position-back:active .link__label::before {
left: 0;
transition-delay: 0.25s;
width: calc(100% + 1em + 0.5rem);
}
.link:has(.link__label).link--icon-position-back:hover .link__label::after, .link:has(.link__label).link--icon-position-back:focus .link__label::after, .link:has(.link__label).link--icon-position-back:active .link__label::after,
.text-block__text p a:has(.link__label).link--icon-position-back:hover .link__label::after,
.text-block__text p a:has(.link__label).link--icon-position-back:focus .link__label::after,
.text-block__text p a:has(.link__label).link--icon-position-back:active .link__label::after {
left: unset;
right: calc(-1em - 0.5rem);
transition-delay: 0s;
width: 0;
}
.link__vimeo-video {
display: none;
}
.tag {
font-family: "The Future";
font-size: 1.2rem;
font-weight: 700;
font-style: normal;
letter-spacing: 0.012rem;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
background-color: rgba(0, 0, 0, 0.3);
align-items: center;
backdrop-filter: blur(40px);
border-radius: 0.3rem;
color: #ffffff;
cursor: pointer;
display: inline-flex;
justify-content: center;
min-height: 2.1rem;
outline: 0;
overflow: hidden;
padding: 0 0.5rem;
position: relative;
text-align: center;
text-transform: uppercase;
width: auto;
}
.tag__label {
position: relative;
}
@media (min-width: 992px) {
.tag--size-medium {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 700;
font-style: normal;
letter-spacing: 0.014rem;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
min-height: 2.7rem;
padding: 0 1rem;
}
}
.text-link, .footer__contact-link, .footer__full-address a {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #c44109;
position: relative;
}
.text-link:after, .footer__contact-link:after, .footer__full-address a:after {
content: "";
position: absolute;
left: 0;
width: 100%;
top: 100%;
height: 0;
border-bottom: 1px solid #c44109;
}
.text-link:focus-visible:after, .footer__contact-link:focus-visible:after, .footer__full-address a:focus-visible:after {
border-style: dashed;
}
.overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.overlay.original {
display: none;
}
.overlay.opened .overlay__background {
opacity: 1;
}
.overlay__close-button {
position: absolute;
top: 1.6rem;
right: 1.6rem;
display: flex;
width: 3rem;
height: 3rem;
padding: 0.8rem;
justify-content: center;
align-items: center;
border-radius: 0.4rem;
background: var(--black--400, #000);
cursor: pointer;
z-index: 3;
display: none;
}
.overlay__close-button .icon {
color: #ffffff;
font-size: 1.4rem;
}
.overlay__background {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
transition: opacity 0.3s ease;
}
.overlay__content-wrapper {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 2;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
background-color: #ffffff;
overflow: hidden;
}
.overlay__content {
padding: 7.4rem 2.4rem 9rem;
position: relative;
overflow: auto;
max-height: calc(100dvh - 4rem);
}
.overlay__content > * {
max-width: 100%;
}
@media (max-width: 992px) {
.overlay.opened .overlay__content-wrapper {
transform: translateY(0);
}
.overlay__content-wrapper {
transform: translateY(100%);
transition: transform 0.3s ease;
}
}
@media (min-width: 768px) {
.overlay__content {
padding-left: 8rem;
padding-right: 8rem;
}
}
@media (min-width: 992px) {
.overlay__content {
max-height: calc(100vh - 20rem);
padding: 7.8rem 3.2rem 10rem;
}
.overlay__close-button {
transform: translateX(100vw);
transition: transform 0.8s cubic-bezier(0.85, 0, 0.15, 1);
}
.overlay__content-wrapper {
position: absolute;
left: 50%;
top: 50%;
bottom: unset;
transform: translate(-50%, -50%);
max-width: 75vw;
width: max-content;
max-height: calc(100vh - 20rem);
border-radius: 0.8rem;
border: 1px solid var(--gray--150, #CBCBCB);
background: radial-gradient(50% 50% at 50% 50%, #FCFCFC 0%, #F2F2F2 100%); box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
}
}
.overlay-header {
position: absolute;
top: 0;
left: 0;
padding: 1.6rem 2rem;
white-space: nowrap;
height: 5rem;
width: 100%;
border-bottom: 1px solid var(--gray--100, #DDD);
background: var(--white-opacity--30, rgba(255, 255, 255, 0.3));
backdrop-filter: blur(6px);
z-index: 10;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.overlay-header__close-icon {
position: absolute;
right: 1.6rem;
top: 1.4rem;
cursor: pointer;
}
.overlay-header__close-icon .icon {
font-size: 1.8rem;
}
.overlay-header__close-icon:focus-visible {
color: var(--theme-primary-color);
}
.overlay-header__text {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.2;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-align: center;
}
.is-iOS .overlay-header__close-icon:focus-visible {
color: inherit;
}
@media (min-width: 992px) {
.overlay-header {
height: 4.6rem;
padding: 1.2rem 5.6rem;
}
}
.overlay-footer {
position: absolute;
bottom: -2px;
left: 0;
padding: 1.2rem 5.6rem;
white-space: nowrap;
height: 6.1rem;
width: 100%;
border-top: 1px solid var(--gray--100, #DDD);
background: var(--white-opacity--30, rgba(255, 255, 255, 0.4));
backdrop-filter: blur(6px);
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
}
.overlay-footer__button {
border: 2px dashed transparent;
background-color: var(--theme-primary-color);
color: var(--theme-button-color);
border-radius: 1.2rem;
padding: 0.9rem 1.2rem 1.2rem;
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
cursor: pointer;
}
.overlay-footer__button:focus-visible {
border-color: #000000;
}
@media (min-width: 992px) {
.overlay-footer {
border-bottom-left-radius: 0.8rem;
border-bottom-right-radius: 0.8rem;
}
}
.post-search-preview {
padding: 3.2rem 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.post-search-preview__headline {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 0.8rem;
}
.post-search-preview__badge {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 700;
font-style: normal;
letter-spacing: 0.014rem;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
border-radius: 0.3rem;
background: var(--black--400-opacity-30, rgba(0, 0, 0, 0.3));
backdrop-filter: blur(20px);
text-transform: uppercase;
padding: 0.3rem 0.4rem 0.4rem 0.4rem;
color: #ffffff;
}
.post-search-preview__headline-text {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 700;
font-style: normal;
letter-spacing: 0.014rem;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.4);
}
.post-search-preview__title {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #222222;
margin-bottom: 1.6rem;
}
.post-search-preview__title strong {
font-weight: 500;
display: inline-block;
color: #ffffff;
background-color: #e54400;
padding: 0 0.5rem 0.4rem;
border-radius: 0.3rem;
}
.post-search-preview__excerpt {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #222222;
margin-bottom: 1.6rem;
}
.post-search-preview__excerpt .excerpt_part strong {
font-weight: 400;
display: inline-block;
background-color: #e54400;
border-radius: 0.3rem;
padding: 0 0.4rem 0.4rem;
color: #ffffff;
}
.post-search-preview__link {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #e54400;
text-decoration: underline;
}
.post-search-preview__link:focus-visible {
text-decoration: dashed underline;
}
@media (min-width: 992px) {
.post-search-preview__badge {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 700;
font-style: normal;
letter-spacing: 0.014rem;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
padding: 0.5rem 0.6rem 0.6rem 0.6rem;
}
.post-search-preview__title {
font-family: "The Future";
font-size: 2.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.post-search-preview__excerpt {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
.animline {
position: relative;
width: max-content;
max-width: 100%;
}
.animline:before, .animline:after {
content: "";
position: absolute;
top: calc(100% + 0.1rem);
border-top: 0.1rem solid #000000;
transition: width 0.3s ease;
pointer-events: none;
}
.animline:before {
left: 0;
width: 100%;
transition-delay: 0.3s;
}
.animline:after {
width: 0;
right: 0;
}
.animline--black:before, .animline--black:after {
border-color: #000000;
}
.animline--single:after {
transition-delay: 0s !important;
}
.animline--single:before {
display: none;
}
@media (hover: hover) {
.animline {
cursor: pointer;
}
.animline:hover:before {
right: 0;
width: 0;
left: unset;
transition-delay: 0s;
}
.animline:hover:after {
width: 100%;
right: unset;
left: 0;
transition-delay: 0.3s;
}
}
.multianimline {
background-size: 300% 1px;
}
.multianimline:not(.no-animline) {
width: max-content;
--underline-color: var(--theme-primary-color);
background-image: linear-gradient(90deg, var(--underline-color) 0, var(--underline-color) 33%, transparent 33.0001%, transparent 66%, var(--underline-color) 66.0001%, var(--underline-color) 100%);
background-repeat: no-repeat;
background-position: 100% 100%;
transition: background-position 0.6s ease;
cursor: pointer;
}
.multianimline:not(.no-animline).black {
--underline-color: #181818;
}
.multianimline:not(.no-animline).white {
--underline-color: #ffffff;
}
.multianimline.bold {
background-size: 300% 2px;
}
.multianimline:focus-visible {
background-position: 0 100%;
}
@media (min-width: 992px) {
.multianimline {
background-size: 300% 2px;
}
}
@media (hover: hover) {
.multianimline:hover {
background-position: 0 100%;
}
}
.label {
display: flex;
align-items: center;
gap: 0.6rem;
border-radius: 0.3rem;
background: var(--black--400-opacity-30, rgba(0, 0, 0, 0.3));
backdrop-filter: blur(20px);
color: #ffffff;
text-transform: uppercase;
width: max-content;
max-width: 100%;
}
.label-s {
font-family: "The Future";
font-size: 1.2rem;
font-weight: 700;
font-style: normal;
letter-spacing: 0.012rem;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
padding: 0.3rem 0.4rem 0.4rem 0.4rem;
}
.label-m {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 700;
font-style: normal;
letter-spacing: 0.014rem;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
padding: 0.5rem 0.6rem 0.6rem 0.6rem;
}
.label-l {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 700;
font-style: normal;
letter-spacing: 0.016rem;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
padding: 0.6rem 0.8rem 0.8rem;
}
@media (min-width: 992px) {
.label-lg-s {
font-family: "The Future";
font-size: 1.2rem;
font-weight: 700;
font-style: normal;
letter-spacing: 0.012rem;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
padding: 0.3rem 0.4rem 0.4rem 0.4rem;
}
.label-lg-m {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 700;
font-style: normal;
letter-spacing: 0.014rem;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
padding: 0.5rem 0.6rem 0.6rem 0.6rem;
}
.label-lg-l {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 700;
font-style: normal;
letter-spacing: 0.016rem;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
padding: 0.6rem 0.8rem 0.8rem;
}
}
.post-preview {
position: relative;
width: 100%;
aspect-ratio: 342/479;
color: #ffffff;
border-radius: 0.3rem;
overflow: hidden;
display: grid;
}
.post-preview__image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.post-preview__image picture {
width: 100%;
height: 100%;
}
.post-preview__image picture img {
width: 100%;
height: 100%;
object-fit: cover;
}
.post-preview__content {
position: relative;
z-index: 4;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 0.8rem 0.8rem 1.2rem;
}
.post-preview__date {
font-family: "The Future";
font-size: 1rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-transform: uppercase;
margin-bottom: 0.4rem;
}
.post-preview__title {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
line-height: 1.25;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
margin-bottom: 0;
hyphens: auto;
}
.post-preview__abstract {
display: none;
}
.post-preview__link {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.post-preview:has(a:focus-visible) {
box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
}
@media (min-width: 992px) {
.post-preview__content {
padding: 1.2rem 2rem 2rem;
}
.post-preview__date {
font-family: "The Future";
font-size: 1.2rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.post-preview__title {
font-family: "The Future";
font-size: 2.1rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
padding-bottom: 0.1em;
margin-bottom: 1.2rem;
}
.post-preview__abstract {
display: block;
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: rgba(255, 255, 255, 0.8509803922);
margin-bottom: 1.2rem;
line-clamp: 3;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
hyphens: auto;
}
.post-preview__link {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
@media (hover: hover) {
.post-preview {
backface-visibility: hidden;
transform: scaleY(1);
will-change: box-shadow;
}
.post-preview:hover {
box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
}
}
.success-story-preview {
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 0.3rem;
aspect-ratio: 36/38;
}
.success-story-preview__category {
padding: 1.2rem 1.2rem 0;
}
.success-story-preview__content {
color: #ffffff;
padding: 0 1.6rem 1.6rem;
}
.success-story-preview__logo {
display: flex;
align-items: center;
justify-content: center;
}
.success-story-preview__logo img {
max-width: 15.6rem;
max-height: 4rem;
object-fit: contain;
}
.success-story-preview__tags {
font-family: "The Future";
font-size: 1.1rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-transform: uppercase;
margin-bottom: 0.4rem;
}
.success-story-preview__title {
font-family: "The Future";
font-size: 1.9rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 0.8rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.success-story-preview__abstract {
font-family: "The Future";
font-size: 1.5rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: rgba(255, 255, 255, 0.8509803922);
margin-bottom: 0.8rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.success-story-preview__link {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
@media (min-width: 992px) {
.success-story-preview {
aspect-ratio: 712/479;
}
.success-story-preview__content {
color: #ffffff;
padding: 0 2rem 2rem;
}
.success-story-preview__logo img {
max-width: 21rem;
max-height: 6rem;
}
.success-story-preview__tags {
font-family: "The Future";
font-size: 1.2rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.success-story-preview__title {
font-family: "The Future";
font-size: 2.1rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 1.2rem;
}
.success-story-preview__abstract {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 1.2rem;
}
.success-story-preview__link {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
.white-paper-preview {
position: relative;
aspect-ratio: 274/383;
}
.white-paper-preview__title {
margin-bottom: 0;
}
.white-paper-preview__content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
color: #ffffff;
display: flex;
flex-direction: column;
padding: 1.2rem;
}
.white-paper-preview__image {
width: 100%;
height: 100%;
}
.white-paper-preview__image picture {
width: 100%;
height: 100%;
}
.white-paper-preview__image picture img {
width: 100%;
height: 100%;
border-radius: 0.3rem;
object-fit: cover;
}
.white-paper-preview__headline {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 0.4rem;
}
.white-paper-preview__date {
font-family: "The Future";
font-size: 1.1rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-transform: uppercase;
}
.white-paper-preview__title {
font-family: "The Future";
font-size: 1.9rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 0.8rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
padding-bottom: 0.15em;
}
.white-paper-preview__abstract {
font-family: "The Future";
font-size: 1.5rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: rgba(255, 255, 255, 0.8509803922);
margin-bottom: 0.8rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
padding-bottom: 0.15em;
}
.white-paper-preview__link {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
@media (min-width: 992px) {
.white-paper-preview {
aspect-ratio: unset;
display: flex;
align-items: center;
gap: 2.2rem;
}
.white-paper-preview__image {
width: 34.2rem;
flex: 0 0 34.2rem;
height: 47.9rem;
border-radius: 0.3rem;
}
.white-paper-preview__content {
position: relative;
width: auto;
height: auto;
display: flex;
flex-direction: column;
gap: 2.4rem;
color: #181818;
padding: 0;
}
.white-paper-preview__headline {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 0.4rem;
margin-bottom: 0;
}
.white-paper-preview__date {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 700;
font-style: normal;
letter-spacing: 0.014rem;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: rgba(0, 0, 0, 0.4);
text-transform: uppercase;
}
.white-paper-preview__title {
font-family: "The Future";
font-size: 2.1rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 0;
}
.white-paper-preview__abstract {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
margin-bottom: 0;
}
.white-paper-preview__link {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
--underline-color: #181818 !important;
}
}
.overlay.vimeo-video .overlay-header, .overlay.vimeo-video .overlay-footer {
display: none;
}
.overlay.vimeo-video .overlay__content {
padding: 0;
}
.overlay-video-preview {
position: relative;
aspect-ratio: 274/383;
border-radius: 0.3rem;
overflow: hidden;
cursor: pointer;
}
.overlay-video-preview__vimeo-content {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
overflow: hidden;
}
.overlay-video-preview__vimeo {
width: 95vw;
aspect-ratio: 9/16;
display: flex;
}
.overlay-video-preview__vimeo iframe {
width: 100%;
height: 100%;
}
.overlay-video-preview:hover .overlay-video-preview__video-preview {
opacity: 1;
}
.overlay-video-preview__video-preview {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 1;
}
.overlay-video-preview__video-preview video {
width: 100%;
height: 100%;
object-fit: cover;
}
.overlay-video-preview__thumbnail {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.overlay-video-preview__thumbnail picture {
width: 100%;
height: 100%;
}
.overlay-video-preview__thumbnail picture img {
width: 100%;
height: 100%;
object-fit: cover;
}
.overlay-video-preview__content {
position: relative;
height: 100%;
width: 100%;
z-index: 3;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.overlay-video-preview__content-top {
padding: 1.2rem;
}
.overlay-video-preview__content-bottom {
padding: 1.6rem;
}
.overlay-video-preview__content-caption {
font-family: "The Future";
font-size: 1.5rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #ffffff;
margin-bottom: 0.8rem;
}
.overlay-video-preview__content-bottom-line {
display: flex;
align-items: center;
justify-content: space-between;
}
.overlay-video-preview__content-author {
font-family: "The Future";
font-size: 1.5rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: rgba(255, 255, 255, 0.6980392157);
}
.overlay-video-preview__content-toggle {
display: flex;
align-items: center;
justify-content: center;
width: 4rem;
height: 4rem;
flex: 0 0 4rem;
border-radius: 100rem;
background: var(--black--400-opacity-30, rgba(0, 0, 0, 0.3));
backdrop-filter: blur(20px);
}
.overlay-video-preview__content-toggle .icon {
font-size: 2.4rem;
color: #ffffff;
}
@media (min-width: 992px) {
.overlay-video-preview__vimeo {
width: 70vw;
aspect-ratio: 16/9;
}
.overlay-video-preview__content-caption {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 1.3rem;
}
.overlay-video-preview__content-author {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
.card-blur:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 60%;
width: 100%;
mask: linear-gradient(359deg, #ffffff, #fff 50%, transparent);
backdrop-filter: blur(20px);
background-color: rgba(0, 0, 0, 0.3);
z-index: 2;
}
.post-overview-block {
margin-bottom: 7.2rem;
}
.post-overview-block__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.8rem;
padding: 1.6rem;
border-top: 1px solid var(--gray--100, #DDD);
border-bottom: 1px solid var(--gray--100, #DDD);
}
.post-overview-block__reading-time {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
}
.post-overview-block__event-data {
background-color: #ffffff;
padding: 1.6rem;
border-radius: 0.3rem;
border: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
background: var(--white-opacity--80, rgba(255, 255, 255, 0.8)); box-shadow: 0px 51px 71px 0px rgba(0, 0, 0, 0.08);
backdrop-filter: blur(20px);
display: flex;
flex-wrap: wrap;
gap: 3.2rem 1.6rem;
margin-top: 1.6rem;
}
.post-overview-block__event-data-column {
flex: 0 0 calc(50% - 0.8rem);
width: calc(50% - 0.8rem);
}
.post-overview-block__event-data-column:first-child {
width: 100%;
flex: 0 0 100%;
}
.post-overview-block__event-data-column:last-child {
width: 100%;
flex: 0 0 100%;
}
.post-overview-block__event-data-column:last-child .button {
width: 100%;
}
.post-overview-block__event-data-text {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
}
.post-overview-block__event-data-text strong {
display: block;
font-weight: 700;
color: #181818;
}
.post-overview-block__event-data-link {
margin-top: 0.8rem;
font-family: "The Future";
font-size: 1.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: var(--theme-primary-color);
}
.post-overview-block__main {
display: flex;
padding: 2.4rem 1.6rem 1.8rem;
flex-direction: column;
align-items: flex-start;
border-bottom: 1px solid var(--gray--100, #DDD);
}
.post-overview-block__main:has(input:checked) .post-overview-block__content-items-wrapper {
grid-template-rows: 1fr;
}
.post-overview-block__main input {
position: absolute;
visibility: hidden;
opacity: 0;
}
.post-overview-block__content-title {
display: flex;
align-items: center;
justify-content: space-between;
font-family: "The Future";
font-size: 1.7rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #181818;
font-weight: 700;
width: 100%;
}
.post-overview-block__content-title .icon {
font-size: 1rem;
}
.post-overview-block__content-items-wrapper {
display: grid;
grid-template-rows: 0fr;
overflow: hidden;
transition: grid-template-rows 0.3s ease;
}
.post-overview-block__content-items-inner-wrapper {
overflow: hidden;
}
.post-overview-block__content-items {
display: flex;
flex-direction: column;
gap: 1.6rem;
font-family: "The Future";
font-size: 1.7rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
padding-top: 1.6rem;
padding-bottom: 0.6rem;
}
.post-overview-block__event-data-bottom {
width: 100%;
flex: 0 0 100%;
display: flex;
gap: 1.2rem;
flex-direction: column;
justify-content: center;
align-items: center;
}
.post-overview-block__event-data-bottom .post-overview-block__event-data-link {
margin-top: 0;
}
.post-overview-block__event-data-button {
width: 100%;
}
.post-overview-block__event-data-button .button {
width: 100%;
}
.post-overview-block__event-data-ics-download {
cursor: pointer;
}
@media (min-width: 992px) {
.post-overview-block {
margin-bottom: 6.4rem;
}
.post-overview-block__top {
margin-bottom: 1rem;
}
.post-overview-block__reading-time {
font-family: "The Future";
font-size: 2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.post-overview-block__event-data {
padding: 2.4rem;
gap: 1.6rem;
}
.post-overview-block__event-data-column {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 2.4rem;
}
.post-overview-block__event-data-column:nth-child(n) {
flex: 0 0 calc(33.3333% - 1.0666666667rem);
width: calc(33.3333% - 1.0666666667rem);
}
.post-overview-block__event-data-text {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.post-overview-block__event-data-link {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.post-overview-block__content-title .icon {
display: none;
}
.post-overview-block__content-items-wrapper {
width: 100%;
grid-template-rows: 1fr !important;
}
.post-overview-block__content-title {
font-family: "The Future";
font-size: 2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
font-weight: 700;
}
.post-overview-block__content-items {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0.8rem 1.6rem;
}
.post-overview-block__content-item {
font-family: "The Future";
font-size: 2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.post-overview-block__content-item:hover {
color: var(--theme-primary-color);
}
.post-overview-block__event-data-bottom {
flex-direction: row-reverse;
justify-content: space-between;
align-items: flex-end;
}
.post-overview-block__event-data-button {
width: max-content;
}
}
.share-button {
display: flex;
min-width: 4.3rem;
padding: 0.9rem 1.2rem 1.2rem 1.2rem;
justify-content: center;
align-items: center;
gap: 0.6rem;
border-radius: 1.2rem;
background: var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.share-button .icon {
font-size: 1.6rem;
}
@media (min-width: 992px) {
.share-button {
cursor: pointer;
}
}
.block-headline {
margin-bottom: 3.2rem;
}
.block-headline__suptitle {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.3019607843);
margin-bottom: 0.8rem;
}
.block-headline__title {
font-family: "The Future";
font-size: 3.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 1.6rem;
}
.block-headline__description {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
}
@media (min-width: 992px) {
.block-headline {
margin-bottom: 5.6rem;
}
.block-headline__suptitle {
text-align: center;
}
.block-headline__title {
text-align: center;
font-family: "The Future";
font-size: 4.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.block-headline__description {
text-align: center;
font-family: "The Future";
font-size: 2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
.archive-pagination {
margin-top: 3.2rem;
}
.archive-pagination.hidden {
display: none;
}
.archive-pagination__next-button-wrapper {
display: flex;
justify-content: center;
margin-bottom: 1.6rem;
}
.archive-pagination__next-button {
border-color: transparent;
width: 16rem;
display: flex;
align-items: center;
justify-content: center;
padding: 1.2rem 1.6rem 1.4rem 1.6rem;
background-color: var(--theme-primary-color);
color: var(--theme-button-color);
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
border-radius: 1.2rem;
}
.archive-pagination__next-button--disabled {
cursor: no-drop;
}
.archive-pagination__next-button:focus-visible {
border: 2px dashed #444444;
}
.archive-pagination__controls-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.archive-pagination__control-button, .archive-pagination__control-input {
width: 4.1rem;
height: 4.1rem;
background-color: #ffffff;
border-radius: 0.8rem;
margin-right: 0.4rem;
display: flex;
justify-content: center;
align-items: center;
color: #444444;
}
.archive-pagination__control-button {
width: 4.1rem;
height: 4.1rem;
background-color: #ffffff;
border-radius: 0.8rem;
margin-right: 0.4rem;
font-size: 1.5rem;
cursor: pointer;
border: 1px solid #cbcbcb;
}
.archive-pagination__control-button--disabled {
cursor: no-drop;
background-color: #ebebeb;
color: #bbbbbb;
}
.archive-pagination__control-button .icon {
font-size: 2.6rem;
}
.archive-pagination__control-button:focus-visible {
border: 2px dashed #444444;
}
.archive-pagination__control-input {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #181818;
border: 1px solid #cbcbcb;
text-align: center;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.archive-pagination__control-input:focus {
color: #181818;
border: 2px solid #181818;
}
.archive-pagination__control-input::-webkit-outer-spin-button, .archive-pagination__control-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.archive-pagination__control-label {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
margin-left: 1.2rem;
}
@media (min-width: 992px) {
.archive-pagination {
margin-bottom: 12rem;
}
.archive-pagination__controls-wrapper {
justify-content: flex-end;
}
.archive-pagination__next-button-wrapper {
margin-bottom: 0;
}
.archive-pagination__next-button {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.2;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
@media (hover: hover) {
.archive-pagination__control-button:not(.archive-pagination__control-button--disabled):hover {
border: 2px solid #181818;
color: #181818;
}
.archive-pagination__control-input:hover {
color: #181818;
border: 2px solid #181818;
}
.archive-pagination__next-button {
cursor: pointer;
transition: background-color 0.3s ease;
}
.archive-pagination__next-button:not(.archive-pagination__control-button--disabled):hover {
background-color: #ffffff;
color: var(--theme-primary-color);
}
}
.category-preview {
aspect-ratio: 304/213;
border-radius: 0.3rem;
border: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
background: var(--white-opacity--80, rgba(255, 255, 255, 0.8));
backdrop-filter: blur(20px);
display: flex;
flex-direction: column;
height: 100%;
padding: 1.6rem;
width: 100%;
}
.category-preview__headline {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
}
.category-preview__headline .icon {
font-size: 2.6rem;
}
.category-preview__headline h2 {
font-family: "The Future";
font-size: 3.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.category-preview__title {
font-family: "The Future";
font-size: 2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.35;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.category-preview__abstract {
color: #444444;
font-family: "The Future";
font-size: 1.5rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
margin-top: auto;
margin-bottom: 1.6rem;
}
.category-preview__link {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.category-preview:has(a:focus-visible) {
box-shadow: 0px 51px 71px 0px rgba(0, 0, 0, 0.08);
}
@media (min-width: 992px) {
.category-preview {
padding: 2rem;
}
.category-preview__headline .icon {
font-size: 2.8rem;
}
.category-preview__headline h2 {
font-family: "The Future";
font-size: 4.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.category-preview__title {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.35;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.category-preview__abstract {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.25;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
@media (hover: hover) {
.category-preview:hover {
box-shadow: 0px 51px 71px 0px rgba(0, 0, 0, 0.08);
}
}
.insights-categories-slider__headline {
position: relative;
z-index: 20;
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 1rem;
margin-bottom: 3.2rem;
}
.insights-categories-slider__headline h2 {
margin-bottom: 0;
}
.insights-categories-slider .swiper {
left: -2.4rem;
width: calc(100% + 4.8rem);
padding: 10rem 2.4rem;
margin: -10rem 0;
}
.insights-categories-slider .swiper .swiper-wrapper .swiper-slide {
box-sizing: border-box;
}
.insights-categories-slider__navigation {
display: flex;
align-items: center;
justify-content: center;
gap: 0.4rem;
visibility: hidden;
}
.insights-categories-slider__nav-item {
flex: 0 0 4rem;
width: 4rem;
height: 4rem;
border-color: transparent;
border-radius: 100%;
background-color: var(--theme-primary-color);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.insights-categories-slider__nav-item.disabled, .insights-categories-slider__nav-item:disabled {
background-color: #dddddd;
cursor: no-drop;
}
.insights-categories-slider__nav-item .icon {
color: var(--theme-button-color);
font-size: 2.4rem;
}
.insights-categories-slider__nav-item:focus-visible {
border: 2px dashed #444444;
}
@media (min-width: 768px) {
.insights-categories-slider__headline {
padding-left: 0;
padding-right: 0;
}
.insights-categories-slider .swiper {
left: -8rem;
width: calc(100% + 16rem);
padding: 10rem 8rem;
}
}
@media (min-width: 992px) {
.insights-categories-slider .swiper {
left: calc(-1 * var(--grid-margin));
width: calc(100% + 2 * var(--grid-margin));
padding: 10rem var(--grid-margin);
}
.insights-categories-slider__headline {
padding-left: 0;
padding-right: 0;
}
}
.form {
padding: 1.6rem;
border-radius: 0.3rem;
border: 1px solid var(--black--400-opacity-7, rgba(0, 0, 0, 0.07));
background: var(--white-opacity--80, rgba(255, 255, 255, 0.8)); box-shadow: 0px 51px 71px 0px rgba(0, 0, 0, 0.08);
backdrop-filter: blur(20px);
}
.form.success .form__content {
display: none;
}
.form.success .form__success-message {
display: block;
}
.form.sending button[type=submit] .process {
display: inline-block;
}
.form.sending button[type=submit] .idle {
display: none;
}
.form__success-message {
display: none;
}
.form__content {
display: flex;
flex-direction: column;
gap: 2.4rem;
}
.form__row {
display: flex;
flex-direction: column;
gap: 2.4rem;
}
.form__group {
flex: 1 1 0;
display: flex;
flex-direction: column;
gap: 0.8rem;
}
.form__group .required-symbol {
display: none;
}
.form__group:has(*[required]) .required-symbol {
display: inline;
}
.form__group > label {
font-family: "The Future";
font-size: 1.5rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.2;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
padding: 0 0.4rem;
}
.form__group > label .required-symbol {
color: #ff0000;
}
.form__group > label .error-message {
font-family: "The Future";
font-size: 1.5rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.2;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
color: #ff0000;
white-space: nowrap;
display: none;
}
.form__group.error input[type=text], .form__group.error input[type=email], .form__group.error input[type=tel], .form__group.error textarea, .form__group.error select {
outline: 2px solid #ff0000 !important;
color: #ff0000 !important;
}
.form__group.error input[type=text]::placeholder, .form__group.error input[type=email]::placeholder, .form__group.error input[type=tel]::placeholder, .form__group.error textarea::placeholder, .form__group.error select::placeholder {
color: #ff0000 !important;
}
.form__group.error .custom-checkbox {
outline: 2px solid #ff0000 !important;
}
.form__group.error .checkbox-label {
color: #ff0000 !important;
}
.form__group.error .error-message {
display: inline;
}
.form__input-wrapper {
position: relative;
}
.form__input-wrapper button[type=submit] {
width: 100%;
padding: 0.9rem 1.2rem 1.2rem;
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
background-color: var(--theme-primary-color);
color: var(--theme-button-color);
border-radius: 1.2rem;
border: none;
cursor: pointer;
}
.form__input-wrapper button[type=submit] .process {
display: none;
animation: process-anim 6s ease infinite alternate;
}
.form__input-wrapper button[type=submit] .process .icon {
font-size: 2rem;
}
@keyframes process-anim {
0% {
transform: scale(1);
}
33% {
transform: scale(0.6) rotate(900deg);
}
50% {
transform: scale(0.8) rotate(180deg);
}
66% {
transform: scale(0.5) rotate(270deg);
}
100% {
transform: scale(1) rotate(360deg);
}
}
.form__input-wrapper button[type=submit]:hover, .form__input-wrapper button[type=submit]:focus-visible {
background-color: rgb(178, 52.8558951965, 0);
}
.form__input-wrapper input, .form__input-wrapper textarea, .form__input-wrapper select {
width: 100%;
}
.form__input-wrapper input[type=text], .form__input-wrapper input[type=email], .form__input-wrapper input[type=tel], .form__input-wrapper input[type=password], .form__input-wrapper textarea, .form__input-wrapper select {
padding: 1rem 1.6rem;
border-radius: 0.8rem;
border: 1px solid var(--gray--100, #DDD);
background: var(--white, #FFF);
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
resize: none;
}
.form__input-wrapper input[type=text]::placeholder, .form__input-wrapper input[type=email]::placeholder, .form__input-wrapper input[type=tel]::placeholder, .form__input-wrapper input[type=password]::placeholder, .form__input-wrapper textarea::placeholder, .form__input-wrapper select::placeholder {
color: #757575;
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
}
.form__input-wrapper input[type=text]:focus-visible, .form__input-wrapper input[type=email]:focus-visible, .form__input-wrapper input[type=tel]:focus-visible, .form__input-wrapper input[type=password]:focus-visible, .form__input-wrapper textarea:focus-visible, .form__input-wrapper select:focus-visible {
border-color: #c44109;
}
.form__input-wrapper:has(select):after {
content: "\e904";
font-family: "SDS" !important;
font-size: 2.4rem;
position: absolute;
right: 1.6rem;
top: 50%;
transform: translateY(-50%);
z-index: 2;
pointer-events: none;
}
.form__input-wrapper select {
appearance: none;
}
.form__input-wrapper select:not([data-value]) {
color: #757575;
}
.form__input-wrapper:has(input[type=checkbox], input[type=radio]) {
display: flex;
flex-direction: column;
gap: 0.4rem;
}
.form__input-wrapper:has(input[type=checkbox], input[type=radio]) > label {
display: flex;
position: relative;
cursor: pointer;
color: var(--black--100, #444);
font-feature-settings: "dlig" on, "salt" on;
font-family: "The Future";
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 120%; padding: 0.4rem;
}
.form__input-wrapper:has(input[type=checkbox], input[type=radio]) > label a {
text-decoration: underline;
}
.form__input-wrapper:has(input[type=checkbox], input[type=radio]) > label a:focus-visible {
color: #c44109;
text-decoration: 1px dashed underline;
}
.form__input-wrapper:has(input[type=checkbox], input[type=radio]) > label input {
position: absolute;
left: 0;
width: 0;
height: 0;
overflow: hidden;
}
.form__input-wrapper:has(input[type=checkbox]:focus-visible, input[type=radio]:focus-visible) .custom-checkbox {
border-color: #c44109;
}
.custom-checkbox {
flex: 0 0 1.8rem;
width: 1.8rem;
height: 1.8rem;
}
@media (min-width: 992px) {
.form {
padding: 5.6rem;
}
.form__row {
flex-direction: row;
}
.form__input-wrapper input[type=text], .form__input-wrapper input[type=email], .form__input-wrapper input[type=tel], .form__input-wrapper input[type=password], .form__input-wrapper textarea, .form__input-wrapper select {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
}
.form__input-wrapper input[type=text]::placeholder, .form__input-wrapper input[type=email]::placeholder, .form__input-wrapper input[type=tel]::placeholder, .form__input-wrapper input[type=password]::placeholder, .form__input-wrapper textarea::placeholder, .form__input-wrapper select::placeholder {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
}
.form__input-wrapper button[type=submit] {
padding: 1.2rem 1.6rem 1.4rem;
font-family: "The Future";
font-size: 1.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.2;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
.custom-checkbox {
width: 1.8rem;
height: 1.8rem;
flex: 0 0 1.8rem;
border: 1px solid #cbcbcb;
border-radius: 0.4rem;
display: flex;
align-items: center;
justify-content: center;
margin-right: 0.8rem;
}
input[type=checkbox]:checked + .custom-checkbox {
background-color: #181818;
}
input[type=checkbox]:checked + .custom-checkbox:before {
content: "\e932";
font-family: "SDS";
color: #ffffff;
font-size: 1rem;
}
.context-menu-overlay .context-menu {
display: flex;
}
.context-menu-overlay .overlay__content {
padding-left: 2rem;
padding-right: 2rem;
}
.context-menu {
flex-direction: column;
gap: 1.6rem;
display: none;
}
.context-menu.visible {
display: flex;
}
.context-menu__item {
display: flex;
align-items: center;
gap: 0.6rem;
padding: 0.8rem;
border-radius: 0.4rem;
white-space: nowrap;
cursor: pointer;
font-family: "The Future";
font-size: 1.7rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.context-menu__item .icon {
font-size: 2.1rem;
}
@media (min-width: 992px) {
.context-menu {
position: absolute;
gap: 1.2rem;
left: 50%;
transform: translateX(-50%) translateY(100%);
bottom: -2rem;
z-index: 1000;
width: max-content;
padding: 0.8rem;
border-radius: 0.3rem;
background: rgba(255, 255, 255, 0.9); box-shadow: 0px 4.253px 18.607px 0px rgba(0, 0, 0, 0.09);
backdrop-filter: blur(40px);
}
.context-menu.position-top {
bottom: unset;
top: -2rem;
transform: translateX(-50%) translateY(-100%);
}
.context-menu:before {
content: "";
position: absolute;
left: -2rem;
top: -2rem;
width: calc(100% + 4rem);
height: calc(100% + 4rem);
z-index: -1;
}
.context-menu__item {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.context-menu__item:hover {
background: var(--gray--75, #E0E0E0);
}
}
.accessibility-menu {
display: flex;
}
.accessibility-menu__items {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.2rem;
}
.accessibility-menu label {
cursor: pointer;
}
.accessibility-menu__item {
width: 100%;
display: flex;
align-items: center;
}
.accessibility-menu__item:has(.accessibility-menu__item-toggle) {
padding: 0.8rem;
}
.accessibility-menu__item:has(.accessibility-menu__item-input-wrapper) {
padding: 0 0.8rem;
}
.accessibility-menu__item-toggle {
position: relative;
flex: 0 0 34px;
width: 34px;
height: 18px;
border-radius: 999rem;
background-color: #bbbbbb;
display: flex;
align-items: center;
margin-right: 0.6rem;
transition: color 0.3s ease;
}
.accessibility-menu__item-toggle input {
opacity: 0;
position: absolute;
width: 0;
height: 0;
overflow: hidden;
}
.accessibility-menu__item-toggle:has(input:focus:not(input:hover)), .accessibility-menu__item-toggle:has(input:active:not(input:hover)) {
background-color: #444444;
}
.accessibility-menu__item-toggle:has(input:focus:not(input:hover)) + .accessibility-menu__item-toggle-label, .accessibility-menu__item-toggle:has(input:active:not(input:hover)) + .accessibility-menu__item-toggle-label {
color: var(--theme-primary-color) !important;
}
.accessibility-menu__item-toggle:has(input:checked) {
background-color: #e54400;
}
.accessibility-menu__item-toggle:has(input:checked):before {
transform: translateX(100%);
}
.accessibility-menu__item-toggle:before {
content: "";
position: relative;
left: 0;
transform: translateX(1px);
background-color: #ffffff;
border-radius: 100%;
width: 16px;
height: 16px;
transition: transform 0.3s ease;
}
.accessibility-menu__item-toggle-label {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
}
.accessibility-menu__item-input-wrapper {
display: flex;
align-items: center;
gap: 0.8rem;
margin-right: 3.2rem;
}
.accessibility-menu__item-input-value {
color: #444444;
flex: 0 0 4rem;
width: 4rem;
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
white-space: nowrap;
}
.accessibility-menu__item-input-value:before {
content: attr(data-value);
}
.accessibility-menu__item-input-value input {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
overflow: hidden;
opacity: 0;
}
.accessibility-menu__item-input-control {
background-color: transparent;
border-radius: 100%;
color: #444444;
display: flex;
padding: 0.3rem;
}
.accessibility-menu__item-input-control .icon {
font-size: 1.6rem;
}
.accessibility-menu__item-input-control:focus-visible {
background-color: var(--theme-primary-color);
color: #ffffff;
}
.accessibility-menu__item-input-reset {
width: 4.3rem;
flex: 0 0 4.3rem;
padding: 0.9rem 1rem;
justify-content: center;
align-items: center;
margin-left: auto;
border: 2px solid transparent;
border-radius: 1.2rem;
background-color: rgba(0, 0, 0, 0.1019607843);
color: #181818;
cursor: no-drop;
}
.accessibility-menu__item-input-reset.active {
background-color: #e54400;
color: #ffffff;
cursor: pointer;
}
.accessibility-menu__item-input-reset.active:focus-visible {
border-color: #444444;
}
@media (min-width: 992px) {
.accessibility-menu__items {
border-radius: 0.3rem;
background: rgba(255, 255, 255, 0.9); box-shadow: 0px 4.253px 18.607px 0px rgba(0, 0, 0, 0.09);
backdrop-filter: blur(40px);
padding: 0.8rem;
}
}
.hide-scrollbars {  -ms-overflow-style: none; scrollbar-width: none; }
.hide-scrollbars::-webkit-scrollbar {
display: none;
}
.clipboard-message {
bottom: -10rem;
left: 50%;
position: fixed;
transform: translateX(-50%);
transition: all 0.3s ease-in-out;
}
.clipboard-message.is-visible {
bottom: 2.4rem;
}
.basic-video {
align-items: center;
display: flex;
position: relative;
}
.basic-video__video-wrapper {
background-color: #000000;
display: flex;
height: 0;
padding-top: 56.25%;
position: relative;
width: 100%;
overflow: hidden;
}
.basic-video__video-wrapper video,
.basic-video__video-wrapper iframe,
.basic-video__video-wrapper .basic-video__video-container {
height: 100%;
left: 0;
object-fit: contain;
position: absolute;
top: 0;
width: 100%;
}
.basic-video__placeholder {
background-color: #000000;
height: 100%;
position: absolute;
width: 100%;
}
.basic-video__placeholder img {
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
}
.basic-video__fallback-message {
background-color: #ffffff;
color: #000000;
display: block;
font-size: 1.8rem;
height: auto;
left: 50%;
line-height: 2.5rem;
margin: 0;
padding: 6rem;
position: absolute;
text-align: center;
top: 50%;
transform: translate(-50%, -50%);
width: auto;
z-index: 0;
}
.basic-video__controls {
display: flex;
position: absolute;
right: 2rem;
top: 2rem;
}
.basic-video__control {
align-items: center;
background-color: transparent;
color: #ffffff;
display: flex;
height: 3rem;
justify-content: center;
margin-left: 1rem;
width: 3rem;
}
.basic-video__control::before {
content: "";
font-family: "SDS";
font-size: 1.4em;
line-height: 1;
}
.basic-video__control--sound::before {
content: "\e9b1";
}
.basic-video__control--fullscreen::before {
content: "\e9b0";
}
.basic-video.is-unmuted .basic-video__control--sound::before {
content: "\e9b2";
}
.basic-video.is-fullscreen .basic-video__control--fullscreen::before {
content: "\e9af";
} .agenda {
margin-bottom: 12rem;
}
.agenda__image--desktop {
display: none;
}
.agenda__image--mobile {
margin-bottom: 3.2rem;
}
.agenda__image img {
border-radius: 0.3rem;
}
.agenda__headline {
margin-bottom: 3rem;
}
.agenda__items {
display: flex;
flex-direction: column;
gap: 4.8rem;
}
.agenda__item {
display: flex;
flex-wrap: wrap;
gap: 1.6rem;
}
.agenda__item-icon {
width: 4.8rem;
height: 4.8rem;
flex: 0 0 4.8rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 1000rem;
background: var(--theme-primary-color);
color: var(--theme-button-color);
}
.agenda__item-icon .icon {
font-size: 2.8rem;
}
.agenda__item-content {
flex: 1 1 calc(100% - 6.4rem);
width: calc(100% - 6.4rem);
}
.agenda__item-content-title {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.05;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 0.4rem;
}
.agenda__item-content-description {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #222222;
}
.agenda__item-blocks {
width: 100%;
flex: 0 0 100%;
display: flex;
flex-direction: column;
gap: 1.2rem;
}
.agenda__item-block {
display: flex;
align-items: center;
padding: 0.8rem 1.2rem 0.8rem 0.8rem;
cursor: default;
border-radius: 0.8rem;
border: 1px solid rgba(0, 0, 0, 0.1019607843);
background: #ffffff;
}
.agenda__item-block-image {
width: 5.6rem;
height: 5.6rem;
flex: 0 0 5.6rem;
margin-right: 1.6rem;
}
.agenda__item-block-image picture {
width: 100%;
height: 100%;
}
.agenda__item-block-image picture img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.6rem;
}
.agenda__item-block-image figcaption {
display: none;
}
.agenda__item-block-title {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
margin-bottom: 0;
}
.agenda__item-block-position {
font-family: "The Future";
font-size: 1.5rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
color: #919191;
}
@media (min-width: 992px) {
.agenda {
margin-bottom: 16rem;
}
.agenda__headline {
margin-bottom: 5.6rem;
}
.agenda__image {
position: sticky;
top: 5.6rem;
}
.agenda__image--mobile {
display: none;
}
.agenda__image--desktop {
display: block;
}
.agenda__item-icon {
width: 5.6rem;
height: 5.6rem;
flex: 0 0 5.6rem;
}
.agenda__item-icon .icon {
font-size: 3.2rem;
}
.agenda__items {
gap: 5.6rem;
}
.agenda__item {
padding-bottom: 5.6rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.agenda__item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.agenda__item-content {
flex: 1 1 calc(100% - 7.2rem);
width: calc(100% - 7.2rem);
}
.agenda__item-content-title {
font-family: "The Future";
font-size: 3.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.05;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 1.2rem;
}
.agenda__item-content-description {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 1.2rem;
}
.agenda__item-blocks {
padding-left: 7.2rem;
}
.agenda__item-block {
padding: 1.2rem 1.6rem;
}
.agenda__item-block-image {
width: 6.4rem;
height: 6.4rem;
flex: 0 0 6.4rem;
}
.agenda__item-block-title {
font-family: "The Future";
font-size: 2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
}
.agenda__item-block-position {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
}
}
.bento-box {
margin-bottom: 12rem;
}
.bento-box__suptitle {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.3019607843);
margin-bottom: 0.8rem;
text-align: center;
}
.bento-box__headline {
text-align: center;
margin-bottom: 5.6rem;
}
.bento-box__bottom-text {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
margin-top: 5.6rem;
text-align: center;
}
.bento-box__overlay-trigger, .bento-box__link {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
display: block;
margin: 0.4rem auto 0;
color: var(--theme-primary-color);
}
.bento-box__overlay-content {
display: none;
}
.bento-box__overlay-list-item {
display: flex;
padding: 1.2rem;
gap: 1.2rem;
border-bottom: 1px solid var(--gray--100, #DDD);
}
.bento-box__overlay-list-item-left {
flex: 0 0 2.2rem;
width: 2.2rem;
position: relative;
top: 0.2rem;
}
.bento-box__overlay-list-item-left .icon {
font-size: 2rem;
color: var(--theme-primary-color);
}
.bento-box__overlay-list-item-title {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.2;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.bento-box__overlay-list-item-text {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.2;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-top: 0.6rem;
color: #444444;
}
.bento-box__overlay-list-item-text:empty {
display: none;
}
.bento-box__grid {
display: grid;
grid-template-columns: repeat(10, 1fr);
grid-gap: 1.6rem;
}
.bento-box__box {
min-width: 0;
border-radius: 0.3rem;
border: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
background: rgba(255, 255, 255, 0.3); box-shadow: 0px 9px 18px 0px rgba(0, 0, 0, 0.03);
padding: 2.4rem;
height: auto;
min-height: 31.1rem;
backface-visibility: hidden;
transform: scaleY(1);
display: flex;
flex-direction: column;
}
.bento-box__box[data-width="3"] {
grid-column: span 10;
}
.bento-box__box[data-width="4"] {
grid-column: span 10;
}
.bento-box__box[data-width="5"] {
grid-column: span 10;
}
.bento-box__box.no-pb {
padding-bottom: 0;
}
.bento-box__box.no-pt {
padding-top: 0;
}
.bento-box__box.image-top .bento-box__box-image {
align-items: flex-start;
order: 1;
}
.bento-box__box.image-center .bento-box__box-image {
order: 3;
}
.bento-box__box.image-bottom .bento-box__box-image {
order: 5;
align-items: flex-end;
}
.bento-box__box.text-center {
text-align: center;
}
.bento-box__box.text-right {
text-align: right;
}
.bento-box__box-title {
position: relative;
font-family: "The Future";
font-size: 2.2rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
order: 2;
}
.bento-box__box-subtitle {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #757575;
order: 4;
}
.bento-box__box-image {
margin: 0 auto;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.bento-box__box-image picture {
width: 100%;
}
.bento-box__box-image picture img {
mix-blend-mode: multiply;
}
.bento-box__overlay-list {
max-width: 64.8rem;
width: 100%;
}
.bento-box__overlay-list-item {
padding: 1.6rem 1.2rem;
}
.bento-box__overlay-list-item-left .icon {
font-size: 2rem;
}
@media (min-width: 992px) {
.bento-box {
margin-bottom: 16rem;
}
.bento-box__grid {
display: grid;
grid-template-columns: repeat(10, 1fr);
grid-gap: 1.6rem;
}
.bento-box__box[data-width="3"] {
grid-column: span 3;
}
.bento-box__box[data-width="4"] {
grid-column: span 4;
}
.bento-box__box[data-width="5"] {
grid-column: span 5;
}
.bento-box__overlay-list-item {
padding: 2rem 2.4rem;
}
.bento-box__overlay-list-item-left .icon {
font-size: 2.2rem;
}
.bento-box__overlay-list-item-title {
font-family: "The Future";
font-size: 2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.2;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.bento-box__overlay-list-item-text {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-top: 0.2rem;
}
.bento-box__overlay-list {
width: 64.8rem;
}
}
.card-deck {
margin-bottom: 12rem;
}
.card-deck__title {
text-align: center;
margin-bottom: 1.6rem;
}
.card-deck__description {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-align: center;
color: #444444;
margin-bottom: 3.2rem;
}
.card-deck__main-content {
position: relative;
}
.card-deck__cards {
position: relative;
width: 100%;
height: 15.2rem;
}
.card-deck__cards.prev .card-deck__card--prev {
transform: translateY(80%) scale(0.8);
transition-duration: 0.15s;
}
.card-deck__card {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
top: 0;
left: 0;
width: 100%;
gap: 1.6rem;
height: 11.2rem;
padding: 0 1.6rem 0.8rem;
border-radius: 1.2rem;
color: var(--theme-button-color);
transition: transform 0.3s ease;
overflow: hidden;
will-change: transform;
}
.card-deck__card--current {
z-index: 3;
}
.card-deck__card > * {
position: relative;
z-index: 2;
transition: opacity 0.3s ease;
}
.card-deck__card:before, .card-deck__card:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.card-deck__card:before {
background-color: var(--theme-primary-color);
}
.card-deck__card:after {
background-color: rgba(255, 255, 255, 0);
transition: background-color 0.3s ease;
pointer-events: none;
}
.card-deck__card--next {
z-index: 2;
transform: translateY(2.8rem) scale(0.9);
}
.card-deck__card--next:after {
background-color: rgba(255, 255, 255, 0.2);
}
.card-deck__card--next > * {
opacity: 0.8;
}
.card-deck__card--prev {
transform: translateY(5.2rem) scale(0.8);
z-index: 1;
}
.card-deck__card--prev:after {
background-color: rgba(255, 255, 255, 0.4);
}
.card-deck__card--prev > * {
opacity: 0.6;
}
.card-deck__card--move {
animation: anim-next 0.3s ease 1 forwards;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes anim-next {
0% {
transform: translateY(0) scale(1);
z-index: 3;
}
25% {
z-index: 1;
}
50% {
transform: translateY(-65%) scale(0.6);
z-index: 1;
}
100% {
transform: translateY(8rem) scale(0.8);
z-index: 1;
}
}
.card-deck__card--hidden {
display: none;
}
.card-deck__card-text-large {
font-family: "The Future";
font-size: 5.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
font-size: 4.2rem;
}
.card-deck__card-text {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
font-size: 1.4rem;
}
@media (min-width: 992px) {
.card-deck__description {
font-family: "The Future";
font-size: 2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 5.6rem;
}
.card-deck__cards {
height: 29.3rem;
}
.card-deck__card {
height: 16rem;
padding: 0 2.4rem;
border-radius: 2.4rem;
}
.card-deck__card--next {
transform: translateY(7rem) scale(0.94);
}
.card-deck__card--prev {
transform: translateY(14rem) scale(0.88);
}
.card-deck__card-text-large {
font-family: "The Future";
font-size: 9.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.card-deck__card-text {
max-width: 59rem;
font-family: "The Future";
font-size: 2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
@keyframes anim-next {
0% {
transform: translateY(0) scale(1);
z-index: 3;
}
25% {
z-index: 1;
}
50% {
transform: translateY(-65%) scale(0.6);
z-index: 1;
}
100% {
transform: translateY(14rem) scale(0.88);
z-index: 1;
}
}
}
.certificates__title {
margin-bottom: 3.2rem;
}
.certificates__items {
border-radius: 0.3rem;
background: var(--white, #FFF);
border: 1px solid var(--black--400-opacity-7, rgba(0, 0, 0, 0.07));
overflow: hidden;
}
.certificates__item {
padding: 1.6rem 2.4rem 2.4rem;
background-color: #ffffff;
border-bottom: 1px solid rgba(0, 0, 0, 0.0705882353);
}
.certificates__item:last-child {
border-bottom: none;
}
.certificates__item-icon {
width: 8rem;
margin-bottom: 0.8rem;
}
.certificates__item-icon picture {
width: 100%;
}
.certificates__item-icon picture img {
width: 100%;
}
.certificates__item-text {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: var(--black--100, #444);
}
@media (min-width: 992px) {
.certificates__item {
display: flex;
gap: 2.4rem;
padding: 2.4rem;
}
.certificates__item-icon {
flex: 0 0 13.2rem;
width: 13.2rem;
margin-bottom: 0;
}
.certificates__item-text {
font-feature-settings: "dlig" on;
font-family: "The Future";
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
}
.color-scheme-collection {
margin-bottom: 6rem;
}
.color-scheme-collection__item {
background-color: #ffffff;
display: block;
margin-bottom: calc(var(--grid-gap) * 2);
}
.color-scheme-collection__item-color {
padding-top: 75%;
}
.color-scheme-collection__item figcaption {
margin: 0;
padding: 1.2rem;
}
.color-scheme-collection__item-heading {
font-family: "The Future";
font-size: 1.2rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.2;
margin-bottom: 1.7rem;
position: relative;
}
.color-scheme-collection__item-heading::after {
background-color: #444444;
bottom: -0.8rem;
content: "";
display: block;
height: 0.1rem;
left: 0;
position: absolute;
width: 4rem;
}
.color-scheme-collection__item-description {
font-family: "The Future";
font-size: 1.2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.4;
position: relative;
}
.color-scheme-collection__item-description span {
display: block;
}
.color-scheme-collection__item-description .clipboard-link {
bottom: 0;
position: absolute;
right: 0;
}
.color-scheme-collection__item-description .clipboard-link .icon {
font-size: 2.1rem;
}
.color-scheme-collection--margin-none {
margin-bottom: 0;
}
@media (min-width: 992px) {
.color-scheme-collection {
margin-bottom: 12rem;
}
.color-scheme-collection--margin-none {
margin-bottom: 0;
}
}
.contact-block .form {
margin-bottom: 5.6rem;
}
.contact-block .footer__contact-wrapper {
border-right: none;
}
.contact-block .footer__contact-wrapper a {
color: var(--theme-primary-color);
}
.contact-block .footer__contact-wrapper a:before, .contact-block .footer__contact-wrapper a:after {
background-color: var(--theme-primary-color);
}
.contact-block__links-list {
list-style: none;
padding: 0;
margin: 0 0 5.6rem;
}
.contact-block__links-list li > * {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.6rem 0.8rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
font-family: "The Future";
font-size: 1.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
}
.contact-block__links-list li > * .icon {
font-size: 2.2rem;
}
.contact-block__links-list li > *:after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 0;
background-color: #181818;
height: 2px;
transition: width 0.3s ease;
}
.contact-block__links-list li > *:hover:after, .contact-block__links-list li > *:focus-visible:after {
width: 100%;
}
@media (min-width: 992px) {
.contact-block .form {
margin-bottom: 0;
}
}
.contacts-grid {
margin-bottom: 12rem;
}
.contacts-grid .block-headline > * {
text-align: left;
}
.contacts-grid__contacts {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 2.4rem 0.8rem;
}
.contacts-grid__contact-preview {
min-width: 0;
display: flex;
flex-direction: column;
}
.contacts-grid__contact-preview .contacts-grid__contact-overlay-content {
display: none;
}
.contacts-grid__contact-image {
margin-bottom: 0.8rem;
}
.contacts-grid__contact-image picture img {
border-radius: 0.3rem;
}
.contacts-grid__contact-image figcaption {
display: none;
}
.contacts-grid__socials {
margin-bottom: 0.4rem;
display: flex;
gap: 0.8rem;
color: #444444;
}
.contacts-grid__socials .icon {
font-size: 2.4rem;
}
.contacts-grid__socials a:focus-visible {
color: #e54400;
}
.contacts-grid__contact-name {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
}
.contacts-grid__contact-position {
font-family: "The Future";
font-size: 1.5rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
color: #919191;
margin-bottom: 0.4rem;
}
.contacts-grid__contact-link {
margin-top: auto;
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: var(--theme-primary-color);
}
@media (min-width: 992px) {
.contacts-grid {
margin-bottom: 16rem;
}
.contacts-grid .block-headline {
position: sticky;
top: 14rem;
}
.contacts-grid__overlay .scroll-list__item-block--overlay {
max-width: 80rem;
}
.contacts-grid__contacts {
grid-gap: 3.2rem 1.6rem;
}
.contacts-grid__contact-image {
margin-bottom: 1.2rem;
}
.contacts-grid__contact-name {
font-family: "The Future";
font-size: 2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
}
.contacts-grid__contact-position {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
margin-bottom: 1.2rem;
}
.contacts-grid__link {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
.content-fader {
margin-bottom: 16rem;
}
.content-fader__suptitle {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: rgba(0, 0, 0, 0.3019607843);
margin-bottom: 0.8rem;
text-transform: uppercase;
text-align: center;
}
.content-fader__title {
margin-bottom: 1.6rem;
text-wrap: balance;
text-align: center;
}
.content-fader__title em {
color: var(--theme-primary-color);
}
.content-fader__description {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
text-align: center;
margin: 0 auto;
}
.content-fader__content-wrapper {
margin-top: 3.2rem;
display: flex;
flex-direction: column;
gap: 3.2rem;
padding: 0 2rem;
}
.content-fader__item-content-wrapper {
color: #444444;
}
.content-fader__item-link {
margin-top: 0.8rem;
}
.content-fader__images {
position: relative;
max-width: 100%;
flex: 0 0 100%;
width: 100%;
aspect-ratio: 1/1;
}
.content-fader__image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.content-fader__image.active {
opacity: 1;
}
.content-fader__image figcaption {
display: none;
}
.content-fader__image picture {
width: 100%;
height: 100%;
display: flex;
align-items: stretch;
justify-content: center;
}
.content-fader__image picture img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
border-radius: 0.3rem;
}
.content-fader__items {
display: flex;
flex-direction: column;
gap: 2.4rem;
padding-left: 1.6rem;
}
.content-fader__item {
--progress: 0%;
position: relative;
}
.content-fader__item.active .content-fader__item-content-wrapper {
display: grid;
grid-template-rows: 1fr;
}
.content-fader__item:not(.active):before, .content-fader__item:not(.active):after {
height: 0;
transition: height 0.3s ease;
}
.content-fader__item:before, .content-fader__item:after {
content: "";
position: absolute;
top: 0;
left: -1.6rem;
width: 0.4rem;
border-radius: 999rem;
}
.content-fader__item:before {
background-color: rgba(0, 0, 0, 0.1019607843);
height: 100%;
}
.content-fader__item:after {
background-color: var(--theme-primary-color);
height: var(--progress);
}
.content-fader__item-headline {
display: flex;
flex-direction: column;
gap: 0.8rem;
}
.content-fader__item-title {
font-family: "The Future";
font-size: 2.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 0;
}
.content-fader__item-title:focus-visible {
color: var(--theme-primary-color);
text-decoration: 2px dashed underline;
}
.content-fader__item-badge {
width: max-content;
padding: 0.3rem 0.4rem 0.4rem 0.4rem;
border-radius: 0.3rem;
background: var(--theme-primary-color);
color: var(--theme-button-color);
backdrop-filter: blur(20px);
font-family: "The Future";
font-size: 1.2rem;
font-weight: 700;
font-style: normal;
letter-spacing: 0.012rem;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-transform: uppercase;
}
.content-fader__item-content-wrapper {
position: relative;
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
display: none;
grid-template-rows: 0fr;
transition: grid-template-rows 0.3s ease;
}
.content-fader__item-content-wrapper a {
font-weight: 500;
color: var(--theme-primary-color);
text-decoration: underline;
}
.content-fader__item-content-wrapper a:after {
content: " \e955";
font-family: "SDS";
line-height: 1;
font-size: 1.8rem;
}
.content-fader__item-content-wrapper a:focus-visible {
text-decoration: 2px dashed underline;
}
.content-fader__item-progress {
content: "";
position: absolute;
left: -2rem;
top: 0;
width: 0.3rem;
border-radius: 999rem;
background-color: rgba(0, 0, 0, 0.1019607843);
height: 100%;
overflow: hidden;
}
.content-fader__item-progress span {
width: 100%;
display: block;
background-color: #ffffff;
height: var(--progress, 0%);
}
.content-fader__item-content {
overflow: hidden;
}
.content-fader__item-content-inner {
padding-top: 1.6rem;
}
.content-fader__bottom {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.4rem;
margin-top: 3.2rem;
}
.content-fader__bottom a {
color: var(--theme-primary-color);
text-decoration: underline;
font-weight: 500;
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.content-fader__bottom a:focus-visible {
text-decoration: 2px dashed underline;
}
.content-fader__related-solutions {
display: flex;
align-items: center;
justify-content: center;
gap: 1.6rem;
margin-top: 2rem;
flex-wrap: wrap;
}
.content-fader__related-solution {
padding: 0.6rem 0.8rem;
display: flex;
align-items: center;
gap: 0.8rem;
border-radius: 0.3rem;
transition: background-color 0.3s ease;
}
.content-fader__related-solution img {
flex: 0 0 3.2rem;
width: 3.2rem;
}
.content-fader__related-solution span {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-transform: uppercase;
}
.content-fader__related-solution a {
color: var(--theme-primary-color);
text-decoration: underline;
font-weight: 500;
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.content-fader__related-solution:hover, .content-fader__related-solution:focus, .content-fader__related-solution:active {
background-color: rgba(0, 0, 0, 0.1019607843);
}
.content-fader--collage .content-fader__images {
aspect-ratio: 1/1;
background-color: var(--theme-primary-color);
border-radius: 0.3rem;
display: grid;
grid-template-columns: 1fr 0.85fr;
grid-template-rows: auto auto;
grid-template-areas: "first second" "third second";
gap: 1.4rem;
min-height: 39rem;
overflow: hidden;
padding: 2.5rem;
position: relative;
}
.content-fader--collage .content-fader__images .content-fader__collage-item {
display: block;
position: relative;
transition: all 0.7s ease-in-out;
}
.content-fader--collage .content-fader__images .content-fader__collage-item-figure {
border-radius: 0.3rem;
height: 0;
margin: 0;
overflow: hidden;
position: relative;
transition: all 0.7s ease-in-out;
width: 100%;
z-index: 1;
}
.content-fader--collage .content-fader__images .content-fader__collage-item-figure video,
.content-fader--collage .content-fader__images .content-fader__collage-item-figure img {
background-color: var(--theme-button-color);
bottom: 0;
left: 0;
height: 100%;
object-fit: cover;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.content-fader--collage .content-fader__images .content-fader__collage-item-figure--alt {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--first {
grid-area: first;
margin: auto 0 0 auto;
right: 0;
transform: none;
width: 100%;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--first .content-fader__collage-item-figure--main {
padding-top: 120%;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--first .content-fader__collage-item-figure--alt img {
object-fit: contain;
padding: 1.6rem;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--first:has(.content-fader__collage-item-figure--alt) .content-fader__collage-item-figure--main {
opacity: 1;
padding-top: 120%;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--first:has(.content-fader__collage-item-figure--alt) .content-fader__collage-item-figure--alt {
padding-top: 120%;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--second {
grid-area: second;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--second .content-fader__collage-item-figure {
height: 0;
padding-top: 137.5%;
top: 20%;
transform: translateY(0);
}
.content-fader--collage .content-fader__images .content-fader__collage-item--second:has(.content-fader__collage-item-figure--alt) .content-fader__collage-item-figure--main {
opacity: 1;
padding-top: 137.5%;
top: 20%;
transform: translateY(0);
}
.content-fader--collage .content-fader__images .content-fader__collage-item--third {
grid-area: third;
margin: 0 0 0 auto;
transform: none;
width: 68%;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--third .content-fader__collage-item-figure--main {
padding-top: 100%;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--third .content-fader__collage-item-figure--main img {
object-fit: contain;
padding: 1.6rem;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--third .content-fader__collage-item-figure--alt {
padding-top: 100%;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--third:has(.content-fader__collage-item-figure--alt) .content-fader__collage-item-figure--main {
opacity: 1;
padding-top: 100%;
}
.content-fader--collage .content-fader__images .content-fader__collage-item--third:has(.content-fader__collage-item-figure--alt) .content-fader__collage-item-figure--alt {
padding-top: 100%;
}
.content-fader--collage .content-fader__collage-item-container {
inset: 0;
position: absolute;
}
.content-fader--collage.animate .content-fader__images .content-fader__collage-item--first {
right: calc(-68% - 1.4rem);
width: 68%;
}
.content-fader--collage.animate .content-fader__images .content-fader__collage-item--first .content-fader__collage-item-figure--main {
padding-top: 100%;
}
.content-fader--collage.animate .content-fader__images .content-fader__collage-item--first:has(.content-fader__collage-item-figure--alt) .content-fader__collage-item-figure--main {
opacity: 0;
padding-top: 100%;
}
.content-fader--collage.animate .content-fader__images .content-fader__collage-item--first:has(.content-fader__collage-item-figure--alt) .content-fader__collage-item-figure--alt {
padding-top: 100%;
}
.content-fader--collage.animate .content-fader__images .content-fader__collage-item--second .content-fader__collage-item-figure {
padding-top: 120%;
top: calc(35.5% + 1.4rem);
}
.content-fader--collage.animate .content-fader__images .content-fader__collage-item--second:has(.content-fader__collage-item-figure--alt) .content-fader__collage-item-figure--main {
opacity: 0;
padding-top: 120%;
top: calc(35.5% + 1.4rem);
}
.content-fader--collage.animate .content-fader__images .content-fader__collage-item--third {
transform: translateY(-32%);
width: 100%;
}
.content-fader--collage.animate .content-fader__images .content-fader__collage-item--third .content-fader__collage-item-figure--main {
padding-top: 120%;
}
.content-fader--collage.animate .content-fader__images .content-fader__collage-item--third:has(.content-fader__collage-item-figure--alt) .content-fader__collage-item-figure--main {
opacity: 0;
padding-top: 120%;
}
.content-fader--collage.animate .content-fader__images .content-fader__collage-item--third:has(.content-fader__collage-item-figure--alt) .content-fader__collage-item-figure--alt {
padding-top: 120%;
}
@media (min-width: 768px) {
.content-fader--collage .content-fader__images {
padding: 4rem;
}
.content-fader__content-wrapper {
padding-left: 16rem;
padding-right: 16rem;
}
}
@media (min-width: 992px) {
.content-fader.inverted .content-fader__content {
order: 1;
}
.content-fader.inverted .content-fader__images {
order: 2;
}
.content-fader__content-wrapper {
display: flex;
flex-direction: row;
justify-content: center;
gap: 9.6rem;
align-items: center;
margin-top: 5.6rem;
padding: 0;
}
.content-fader__description {
font-family: "The Future";
font-size: 2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
width: 90rem;
margin: 0 auto;
}
.content-fader__images {
flex: 0 0 59rem;
width: 59rem;
height: 59rem;
max-width: 100%;
order: 1;
}
.content-fader__image {
position: absolute;
left: 0;
top: 0;
}
.content-fader__items {
padding-left: 0;
}
.content-fader__content {
flex: 0 0 51rem;
width: 51rem;
order: 2;
}
.content-fader__item-title {
font-family: "The Future";
font-size: 2.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
cursor: pointer;
}
.content-fader__item-content-wrapper {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.content-fader__bottom {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-top: 5.6rem;
}
.content-fader__bottom a {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
font-weight: 500;
}
}
.cta-banner {
margin-bottom: 12rem;
}
.cta-banner__content {
border: 1px solid rgba(0, 0, 0, 0.1019607843);
border-left: none;
border-right: none;
padding: 2.4rem;
text-align: center;
}
.cta-banner__text {
gap: 0.8rem;
margin-bottom: 2.4rem;
}
.cta-banner__headline {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-wrap: balance;
}
.cta-banner__description {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.cta-banner__link .link,
.cta-banner__link .button {
white-space: nowrap;
}
.cta-banner__link .link__label::before,
.cta-banner__link .link__label::after {
content: none;
}
.cta-banner--theme-bg .cta-banner__content {
background-color: var(--theme-primary-color);
border: none;
border-radius: 0.3rem;
color: var(--theme-button-color);
text-align: left;
}
.cta-banner--theme-bg .cta-banner__link .link,
.cta-banner--theme-bg .cta-banner__link .button {
color: #181818;
}
.cta-banner--theme-bg .cta-banner__link .link::before,
.cta-banner--theme-bg .cta-banner__link .button::before {
background-color: var(--theme-button-color);
}
.cta-banner--theme-bg .cta-banner__link .link::after,
.cta-banner--theme-bg .cta-banner__link .button::after {
color: inherit;
}
.cta-banner--theme-bg .cta-banner__link .link:hover::before, .cta-banner--theme-bg .cta-banner__link .link:focus::before, .cta-banner--theme-bg .cta-banner__link .link:active::before,
.cta-banner--theme-bg .cta-banner__link .button:hover::before,
.cta-banner--theme-bg .cta-banner__link .button:focus::before,
.cta-banner--theme-bg .cta-banner__link .button:active::before {
border-color: var(--theme-button-color);
}
@media (min-width: 992px) {
.cta-banner {
margin-bottom: 16rem;
}
.cta-banner__content {
padding: 5.6rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8rem;
text-align: left;
}
.cta-banner__text {
margin-bottom: 0;
}
.cta-banner__headline {
font-family: "The Future";
font-size: 3.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.cta-banner__description {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
.double-image {
margin-bottom: 12rem;
}
.double-image.portrait-right .double-image__landscape {
margin-bottom: 3.2rem;
}
.double-image.portrait-right .double-image__portrait {
margin-bottom: 0;
}
.double-image__image picture img {
object-fit: cover;
border-radius: 0.3rem;
}
.double-image__portrait {
margin-bottom: 3.2rem;
}
.double-image__portrait picture img {
aspect-ratio: 4/5;
}
.double-image__landscape picture img {
aspect-ratio: 3/2;
}
@media (min-width: 992px) {
.double-image {
margin-bottom: 16rem;
}
.double-image__portrait, .double-image__landscape {
margin-bottom: 3.2rem !important;
}
}
.embed-form {
margin-bottom: 12rem;
}
.embed-form__form form {
background: transparent !important;
display: flex;
flex-direction: column;
padding: 0 !important;
gap: 2.4rem;
}
.embed-form__form label {
color: inherit !important;
font-family: "The Future" !important;
font-size: 1.5rem !important;
font-weight: 500 !important;
font-style: normal !important;
letter-spacing: normal !important;
line-height: 1.2 !important;
padding: 0 0.4rem !important;
margin-bottom: 0.8rem !important;
}
.embed-form__form input[type=text],
.embed-form__form input[type=email],
.embed-form__form textarea,
.embed-form__form select {
font-family: "The Future" !important;
font-size: 1.6rem !important;
font-weight: 500 !important;
font-style: normal !important;
letter-spacing: normal !important;
line-height: 1.3 !important;
resize: none;
padding: 1rem 1.6rem !important;
border-radius: 0.8rem !important;
border: 1px solid var(--gray--100, #DDD) !important;
background: var(--white, #FFF) !important;
height: auto !important;
color: inherit !important;
}
.embed-form__form input[type=text]::placeholder,
.embed-form__form input[type=email]::placeholder,
.embed-form__form textarea::placeholder,
.embed-form__form select::placeholder {
color: #757575 !important;
font-family: "The Future" !important;
font-size: 1.6rem !important;
font-weight: 500 !important;
font-style: normal !important;
letter-spacing: normal !important;
line-height: 1.3 !important;
}
.embed-form__form input[type=text]:focus-visible,
.embed-form__form input[type=email]:focus-visible,
.embed-form__form textarea:focus-visible,
.embed-form__form select:focus-visible {
border-color: #e54400 !important;
}
.embed-form__form button {
max-width: unset !important;
width: 100% !important;
padding: 0.9rem 1.2rem 1.2rem !important;
font-family: "The Future" !important;
font-size: 1.6rem !important;
font-weight: 500 !important;
font-style: normal !important;
letter-spacing: normal !important;
line-height: 1 !important;
background-color: var(--theme-primary-color) !important;
color: var(--theme-button-color) !important;
border-radius: 1.2rem !important;
border: none !important;
cursor: pointer !important;
}
.embed-form__form button:hover, .embed-form__form button:focus-visible {
background-color: rgb(178, 52.8558951965, 0) !important;
}
.embed-form__form select {
appearance: none;
color: inherit !important;
}
.embed-form__form sugar-market-frontend-line-element {
display: none;
}
.embed-form__form sugar-market-frontend-field-label > div {
margin: 0 !important;
}
.embed-form__form .form-field-container {
margin: 0 !important;
}
.embed-form__form .form-container__row,
.embed-form__form .form-container__column {
gap: 2.4rem;
}
.theme--primary .embed-form__form input[type=text]:focus-visible,
.theme--primary .embed-form__form input[type=email]:focus-visible,
.theme--primary .embed-form__form textarea:focus-visible,
.theme--primary .embed-form__form select:focus-visible {
border-color: #e54400 !important;
}
.theme--primary .embed-form__form button:hover, .theme--primary .embed-form__form button:focus-visible {
background-color: rgb(178, 52.8558951965, 0) !important;
}
.theme--secondary .embed-form__form input[type=text]:focus-visible,
.theme--secondary .embed-form__form input[type=email]:focus-visible,
.theme--secondary .embed-form__form textarea:focus-visible,
.theme--secondary .embed-form__form select:focus-visible {
border-color: #4298b8 !important;
}
.theme--secondary .embed-form__form button:hover, .theme--secondary .embed-form__form button:focus-visible {
background-color: rgb(52.536, 120.992, 146.464) !important;
}
@media (min-width: 992px) {
.embed-form {
margin-bottom: 16rem;
}
.embed-form__form input[type=text],
.embed-form__form input[type=email],
.embed-form__form textarea,
.embed-form__form select {
font-size: 1.7rem !important;
}
.embed-form__form button {
font-size: 1.8rem !important;
}
}
.event-previews {
margin-bottom: 12rem;
}
.event-previews:not(:has(.swiper .swiper-slide:nth-child(2))) .swiper-wrapper {
justify-content: center;
}
.event-previews:not(:has(.swiper .swiper-slide:nth-child(2))) .video-stories__navigation {
display: none;
}
.event-previews__suptitle {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.3019607843);
margin-bottom: 0.8rem;
}
.event-previews__title {
font-family: "The Future";
font-size: 3.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 1.6rem;
}
.event-previews__description {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
margin-bottom: 3.2rem;
}
.event-previews .swiper {
padding: 16rem 2.4rem;
margin: -16rem 0;
}
.event-previews .swiper .swiper-wrapper .swiper-slide {
box-sizing: border-box;
}
.event-previews .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
width: 70%;
margin-right: 0.8rem;
}
@media (min-width: 768px) {
.event-previews .swiper {
padding-left: 14rem;
padding-right: 14rem;
}
}
@media (min-width: 992px) {
.event-previews {
margin-bottom: 16rem;
}
.event-previews:not(:has(.swiper .swiper-slide:nth-child(5))) .swiper-wrapper {
justify-content: center;
}
.event-previews:not(:has(.swiper .swiper-slide:nth-child(5))) .video-stories__navigation {
display: none;
}
.event-previews__suptitle {
text-align: center;
}
.event-previews__title {
text-align: center;
font-family: "The Future";
font-size: 4.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.event-previews__description {
text-align: center;
font-family: "The Future";
font-size: 2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 5.6rem;
}
.event-previews__grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 2.4rem;
}
.event-previews__grid-item {
min-width: 0;
}
.event-previews .swiper {
padding: 16rem 120px;
}
.event-previews .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
width: 25%;
margin-right: 0.8rem;
}
}
.faq input[type=checkbox] {
position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 0;
overflow: hidden;
}
.faq .icon-remove-circle {
display: none;
}
.faq ul li > *:first-child {
padding: 2.4rem 0;
}
.faq label {
cursor: pointer;
border-bottom: none !important;
}
.faq ul li {
border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.faq ul li:has(input:checked) .icon-add-circle {
display: none;
}
.faq ul li:has(input:checked) .icon-remove-circle {
display: inline-block;
}
.faq ul li:has(input:checked) .faq__item-content-wrapper {
grid-template-rows: 1fr;
}
.faq__item-headline-left {
display: flex;
align-items: flex-start;
gap: 0.8rem;
}
.faq__item-headline-left picture {
flex: 0 0 3.2rem;
width: 3.2rem;
}
.faq__item-content-inner {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.35;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
padding-top: 0.8rem;
padding-bottom: 3.2rem;
}
.faq__item-content-inner a {
color: var(--theme-primary-color);
text-decoration: underline;
}
.faq__item-content-wrapper {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.3s ease;
}
.faq__item-content {
height: 100%;
overflow: hidden;
}
@media (min-width: 992px) {
.faq__item-content-inner {
font-family: "The Future";
font-size: 2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.35;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.faq__item-headline-left {
gap: 1.2rem;
}
.faq__item-headline-left picture {
flex: 0 0 5rem;
width: 5rem;
}
}
.features-list {
margin-bottom: 12rem;
}
.features-list__suptitle {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: rgba(0, 0, 0, 0.3019607843);
text-transform: uppercase;
margin-bottom: 0.8rem;
}
.features-list__description {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
margin-top: 1.6rem;
}
.features-list__main {
margin-top: 3.2rem;
}
.features-list__tabs {
border-radius: 1.2rem;
border: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
background-color: #f6eade;
width: 100%;
margin-bottom: 2.4rem;
}
.features-list__tab {
height: 3.8rem;
width: 100%;
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.45;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
color: var(--theme-primary-color);
}
.features-list__tab.active {
border-radius: 1.2rem;
background: var(--theme-primary-color);
color: var(--theme-button-color);
}
.features-list__tab:focus-visible {
border: 2px dashed;
border-radius: 1.2rem;
}
.features-list__tab-content {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.6rem;
}
.features-list__tab-content:not(.active) {
display: none;
}
.features-list__tab-block {
padding: 2.4rem;
background-color: #ffffff;
border-radius: 0.6rem;
border: 1px solid var(--black--400-opacity-7, rgba(0, 0, 0, 0.07));
}
.features-list__tab-block-circle {
width: 4.8rem;
height: 4.8rem;
margin-bottom: 1.6rem;
border-radius: 100%;
background-color: var(--theme-primary-color);
display: flex;
align-items: center;
justify-content: center;
color: var(--theme-button-color);
}
.features-list__tab-block-circle .icon {
font-size: 2.2rem;
}
.features-list__tab-block-circle .number {
color: var(--white, #FFF);
font-family: "The Future";
font-size: 2.2rem;
font-style: normal;
font-weight: 700;
line-height: 110%; }
.features-list__tab-block-title {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
height: 2em;
display: flex;
align-items: flex-end;
margin-bottom: 0.4rem;
}
.features-list__tab-block-text {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
margin-bottom: 1.6rem;
}
.features-list__tab-block-list {
list-style: none;
margin: 0;
padding: 0;
}
.features-list__tab-block-list li {
display: flex;
gap: 0.8rem;
color: var(--theme-primary-color);
padding: 1.6rem 0;
border-bottom: 1px solid var(--gray--100, #DDD);
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.25;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.features-list__tab-block-list li:last-child {
border-bottom: none;
}
.features-list__tab-block-list li .icon {
font-size: 2rem;
padding-top: 0.2rem;
}
@media (min-width: 992px) {
.features-list {
margin-bottom: 16rem;
}
.features-list__suptitle {
text-align: center;
}
.features-list__title {
text-align: center;
}
.features-list__description {
font-family: "The Future";
font-size: 2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-align: center;
}
.features-list__main {
margin-top: 5.6rem;
}
.features-list__tabs {
display: flex;
justify-content: center;
align-items: center;
height: 4.2rem;
width: max-content;
margin: 0 auto 3.2rem;
}
.features-list__tab {
height: 100%;
flex: 0 0 34rem;
width: 34rem;
font-family: "The Future";
font-size: 1.7rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.45;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
cursor: pointer;
}
.features-list__tab-block {
min-width: 0;
backface-visibility: hidden;
transform: scaleY(1);
will-change: box-shadow;
}
.features-list__tab-block:hover {
box-shadow: 0px 42px 54px 0px rgba(0, 0, 0, 0.06);
}
.features-list__tab-content {
grid-template-columns: 1fr 1fr 1fr;
}
.features-list__tab-content:has(.features-list__tab-block:nth-child(4)) {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.features-list__tab-block {
padding: 3.2rem 2.4rem;
border-radius: 0.3rem;
}
.features-list__tab-block-circle {
width: 5.6rem;
height: 5.6rem;
margin-bottom: 1.2rem;
}
.features-list__tab-block-circle .icon {
font-size: 2.6rem;
}
.features-list__tab-block-circle .number {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.features-list__tab-block-title {
font-family: "The Future";
font-size: 2.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.features-list__tab-block-text {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 3.2rem;
overflow: hidden;
text-overflow: ellipsis;
}
.features-list__tab-block-list li {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.25;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
.featured-posts {
margin-bottom: 12rem;
}
.featured-posts__main-headline {
display: flex;
align-items: center;
gap: 0.8rem;
}
.featured-posts__main {
display: flex;
flex-direction: column;
gap: 2.4rem;
margin-bottom: 12rem;
}
.featured-posts__main-image {
order: 2;
}
.featured-posts__main-image picture img {
border-radius: 0.3rem;
aspect-ratio: 366/512;
object-fit: cover;
}
.featured-posts__main-content {
order: 1;
display: flex;
flex-direction: column;
gap: 1.6rem;
}
.featured-posts__main-date {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 700;
font-style: normal;
letter-spacing: 0.014rem;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.4);
}
.featured-posts__main-content-title {
font-family: "The Future";
font-size: 3.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 0;
hyphens: auto;
}
.featured-posts__main-content-abstract {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
}
.featured-posts__main-link {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.featured-posts__suggested-title {
font-family: "The Future";
font-size: 3.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 1.6rem;
}
.featured-posts__single-post {
padding: 2.4rem 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.0705882353);
}
.featured-posts__single-post-headline {
display: flex;
align-items: center;
gap: 0.8rem;
margin-bottom: 0.8rem;
text-transform: uppercase;
}
.featured-posts__single-post-date {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 700;
font-style: normal;
letter-spacing: 0.014rem;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: rgba(0, 0, 0, 0.4);
}
.featured-posts__single-post-title {
font-family: "The Future";
font-size: 2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 1.6rem;
}
.featured-posts__single-post-link {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
@media (min-width: 768px) {
.featured-posts__main {
margin-bottom: 8rem;
flex-direction: row-reverse;
align-items: center;
}
.featured-posts__main-image {
flex: 0 0 50%;
width: 50%;
}
}
@media (min-width: 992px) {
.featured-posts {
margin-bottom: 6.4rem;
}
.featured-posts__main {
flex-direction: row;
gap: 5.6rem;
margin-bottom: 0;
}
.featured-posts__main-image {
order: 1;
width: 38.3rem;
flex: 0 0 38.3rem;
}
.featured-posts__main-image picture img {
aspect-ratio: 383/536;
border-radius: 0.3rem;
}
.featured-posts__main-content {
order: 2;
gap: 2.4rem;
}
.featured-posts__main-content-title {
font-family: "The Future";
font-size: 4.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 0;
}
.featured-posts__main-content-abstract {
font-family: "The Future";
font-size: 2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.25;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.featured-posts__main-link {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.featured-posts__suggested-title {
font-family: "The Future";
font-size: 2.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 0.4rem;
}
.featured-posts__single-post-date {
font-family: "The Future";
font-size: 1.2rem;
font-weight: 700;
font-style: normal;
letter-spacing: 0.012rem;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.featured-posts__single-post-title {
margin-bottom: 1.4rem;
}
.featured-posts__single-post-link {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
.figma-live-embed {
margin-bottom: 12rem;
}
.figma-live-embed__heading {
font-family: "The Future";
font-size: 3.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 1.6rem;
}
.figma-live-embed__canvas {
border-radius: 1rem;
overflow: hidden;
}
.figma-live-embed__canvas iframe {
border: none !important;
height: 75vh;
min-height: 60rem;
width: 100%;
}
.figma-live-embed--margin-none {
margin-bottom: 0;
}
@media (min-width: 992px) {
.figma-live-embed {
margin-bottom: 16rem;
}
.figma-live-embed__heading {
color: #4298b8;
font-size: 2.8rem;
font-weight: 400;
line-height: 1.21;
margin-bottom: 3rem;
}
.figma-live-embed--margin-none {
margin-bottom: 0;
}
}
.highlight-kpis {
margin-bottom: 12rem;
}
.highlight-kpis__grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 3.2rem 0.8rem;
}
.highlight-kpis__item {
min-width: 0;
display: flex;
flex-direction: column;
align-items: center;
}
.highlight-kpis__item-icon {
margin-bottom: 1.6rem;
}
.highlight-kpis__item-icon img {
width: 4rem;
height: 4rem;
object-fit: contain;
object-position: center;
}
.highlight-kpis__item-headline {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-align: center;
color: #181818;
margin-bottom: 1.2rem;
}
.highlight-kpis__item-text {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.25;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-align: center;
color: #444444;
}
@media (min-width: 992px) {
.highlight-kpis {
margin-bottom: 16rem;
}
.highlight-kpis__grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 3.2rem;
}
.highlight-kpis__item {
min-width: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.highlight-kpis__item-icon {
margin-bottom: 2rem;
}
.highlight-kpis__item-icon img {
width: 5rem;
height: 5rem;
}
.highlight-kpis__item-headline {
font-family: "The Future";
font-size: 2.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #181818;
text-align: left;
}
.highlight-kpis__item-text {
text-align: left;
}
}
.home-text-image {
margin-bottom: 12rem;
}
.home-text-image__title {
font-feature-settings: "dlig" on;
font-family: "The Future";
font-size: 2.6rem;
font-style: normal;
font-weight: 500;
line-height: 115%; hyphens: manual;
-webkit-hyphens: manual;
hyphenate-character: "";
text-wrap: auto;
}
.home-text-image__image picture img {
aspect-ratio: 366/512;
object-fit: cover;
border-radius: 0.3rem;
}
.home-text-image__link {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-top: 1.6rem;
}
.home-text-image__text {
color: var(--black--100, #444);
font-kerning: none;
font-feature-settings: "dlig" on;
font-family: "The Future";
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 130%; margin-top: 3.2rem;
margin-bottom: 3.3rem;
}
@media (min-width: 992px) {
.home-text-image {
margin-bottom: 16rem;
}
.home-text-image__title {
font-family: "The Future";
font-size: 4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
}
.home-text-image__text {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.25;
margin-left: 24.3rem;
margin-top: 16rem;
margin-bottom: 0;
width: 46.9rem;
}
}
._icon-tabs {
background-color: var(--theme-primary-color);
color: var(--theme-button-color);
padding: 4rem 0;
margin-bottom: 12rem;
}
._icon-tabs__label {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: rgba(255, 255, 255, 0.3019607843);
text-transform: uppercase;
margin-bottom: 0.8rem;
text-align: center;
}
._icon-tabs__headline {
font-family: "The Future";
font-size: 3.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-align: center;
text-wrap: balance;
margin-bottom: 1.6rem;
}
._icon-tabs__subheadline {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: rgba(255, 255, 255, 0.8);
text-align: center;
margin-bottom: 3.2rem;
}
._icon-tabs__tabs-wrapper {
display: flex;
margin-bottom: 5.6rem;
width: 100%;
margin-left: auto;
margin-right: auto;
border: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
background: var(--white-opacity--30, rgba(255, 255, 255, 0.3));
border-radius: 1.2rem;
}
._icon-tabs__tab {
width: 50%;
flex: 0 0 50%;
display: flex;
align-items: center;
justify-content: center;
gap: 0.8rem;
height: 3.2rem;
border-radius: 1.2rem;
position: relative;
z-index: 1;
cursor: pointer;
font-family: "The Future";
font-size: 1.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.45;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
._icon-tabs__tab.active {
background: #ffffff;
color: #181818;
z-index: 2;
cursor: default;
}
._icon-tabs__tab.active .amount {
background-color: #000000;
}
._icon-tabs__tab .amount {
border-radius: 99.9rem;
background: var(--white-opacity--40, rgba(255, 255, 255, 0.4));
width: 1.6rem;
height: 1.6rem;
display: flex;
justify-content: center;
align-items: center;
font-family: "The Future";
font-size: 1.1rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #ffffff;
}
._icon-tabs__tab-content-wrapper {
overflow: hidden;
height: calc(100% - 2px);
}
._icon-tabs__tab-content {
display: none;
grid-template-columns: 1fr 1fr;
}
._icon-tabs__tab-content.active {
display: grid;
}
._icon-tabs__item {
min-width: 0;
display: flex;
flex-direction: column;
gap: 0.8rem;
padding: 1.6rem 1.2rem;
border-right: 1px solid var(--white-opacity--30, rgba(255, 255, 255, 0.3));
border-bottom: 1px solid var(--white-opacity--30, rgba(255, 255, 255, 0.3));
}
._icon-tabs__item .icon {
font-size: 2.8rem;
}
._icon-tabs__item:nth-child(2n) {
border-right: none;
}
._icon-tabs__item-label {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.35;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
hyphens: auto;
}
@media (min-width: 992px) {
._icon-tabs {
margin-bottom: 16rem;
padding: 8rem 0;
}
._icon-tabs__headline {
font-family: "The Future";
font-size: 4.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
._icon-tabs__subheadline {
font-family: "The Future";
font-size: 2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
._icon-tabs__tabs-wrapper {
display: flex;
justify-content: center;
margin-bottom: 5.6rem;
width: max-content;
}
._icon-tabs__tab {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.45;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
width: 22.5rem;
flex: 0 0 22.5rem;
height: 4.2rem;
}
._icon-tabs__tab .amount {
width: 1.8rem;
height: 1.8rem;
font-family: "The Future";
font-size: 1.2rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
._icon-tabs__tab-content {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
._icon-tabs__item {
gap: 1.2rem;
padding: 3.2rem 1.6rem;
border-right: 1px solid var(--white-opacity--30, rgba(255, 255, 255, 0.3));
border-bottom: 1px solid var(--white-opacity--30, rgba(255, 255, 255, 0.3));
}
._icon-tabs__item .icon {
font-size: 3.2rem;
}
._icon-tabs__item:nth-child(2n) {
border-right: 1px solid var(--white-opacity--30, rgba(255, 255, 255, 0.3));
}
._icon-tabs__item:nth-child(5n) {
border-right: none;
}
._icon-tabs__item-label {
font-family: "The Future";
font-size: 2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.35;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
.image-download-collection {
margin-bottom: 6rem;
}
.image-download-collection__item {
background-color: #ffffff;
border: 1px solid #e6e6e6;
border-radius: 0.8rem;
display: block;
margin-bottom: calc(var(--grid-gap) * 2);
padding: 1.6rem;
}
.image-download-collection__item-heading {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 1.6rem;
position: relative;
}
.image-download-collection__item-image-container {
align-items: center;
background-color: #e6e6e6;
display: flex;
height: 5.2rem;
justify-content: center;
position: relative;
width: 5.2rem;
}
.image-download-collection__item-image {
height: 2rem;
width: 2rem;
}
.image-download-collection__item-meta {
align-items: flex-end;
display: flex;
justify-content: space-between;
}
.image-download-collection__item-link {
color: #444444;
}
.image-download-collection__item-link::before, .image-download-collection__item-link::after {
background-color: #444444 !important;
}
.image-download-collection--margin-none {
margin-bottom: 0;
}
@media (min-width: 992px) {
.image-download-collection {
margin-bottom: 12rem;
}
.image-download-collection--margin-none {
margin-bottom: 0;
}
}
.image-list {
margin-bottom: 12rem;
--theme-primary-color: #b01478;
}
.image-list .services__title {
margin-top: 0;
}
.image-list__image {
margin: 3.2rem 0;
}
.image-list__image picture img {
object-fit: cover;
aspect-ratio: 712/623;
border-radius: 0.3rem;
}
.image-list__link {
display: flex;
justify-content: center;
margin-top: 1.6rem;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 992px) {
.image-list {
margin-bottom: 16rem;
}
.image-list__image {
margin: 0;
}
.image-list__link {
margin-top: 2rem;
justify-content: flex-start;
}
}
.image-slider {
display: flex;
flex-direction: column;
margin-bottom: 8rem;
overflow: hidden;
padding-left: var(--grid-margin);
padding-right: var(--grid-margin);
position: relative;
}
.image-slider__slides {
box-sizing: border-box;
}
.image-slider__slide {
margin: 0;
padding-bottom: 0;
position: relative;
width: auto;
}
.image-slider__slide img {
height: 27rem;
width: auto;
}
.image-slider__nav {
display: none;
}
.image-slider__nav-next, .image-slider__nav-prev {
background-color: var(--theme-primary-color);
border-radius: 100%;
color: #ffffff;
cursor: pointer;
height: 4rem;
padding: 1rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 4rem;
z-index: 1;
}
.image-slider__nav-next.swiper-button-disabled, .image-slider__nav-prev.swiper-button-disabled {
display: none;
}
.image-slider__nav-next::before, .image-slider__nav-prev::before {
align-items: center;
content: "";
display: flex;
font-family: "SDS";
font-size: 2rem;
justify-content: center;
line-height: 1.2;
}
.image-slider__nav-next {
right: var(--grid-margin);
}
.image-slider__nav-next::before {
content: "\e903";
}
.image-slider__nav-prev {
left: var(--grid-margin);
}
.image-slider__nav-prev::before {
content: "\e902";
}
.image-slider--shows-fullscreen .image-slider__slides,
.image-slider--shows-fullscreen .image-slider__slide.swiper-slide-active {
transform: none !important;
z-index: 100;
}
.image-slider--margin-none {
margin-bottom: 0;
}
.image-slider--static .image-slider__slide img {
height: auto;
max-height: 27rem;
object-fit: contain;
object-position: top left;
width: 100%;
}
@media (min-width: 768px) {
.image-slider__nav {
display: flex;
}
.image-slider__slide img {
height: 52rem;
}
.image-slider--static .image-slider__container {
margin: auto;
width: 66.6666666667%;
}
.image-slider--static .image-slider__slide img {
max-height: 52rem;
}
}
@media (min-width: 992px) {
.image-slider {
margin-bottom: 6rem;
}
.image-slider--margin-none {
margin-bottom: 0;
}
.image-slider--static .image-slider__container {
width: 50%;
}
}
.insight-big-number {
margin-bottom: 8rem;
}
.insight-big-number__container {
display: flex;
flex-direction: column;
gap: 1.6rem;
padding: 1.6rem;
border-radius: 0.3rem;
border: 1px solid var(--black--400-opacity-7, rgba(0, 0, 0, 0.07));
background: var(--cd-deka--400, #4D7281);
background-color: var(--theme-primary-color);
color: var(--theme-button-color);
}
.insight-big-number__number {
font-family: "The Future";
font-size: 4.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.insight-big-number__text {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.insight-big-number__text strong {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
@media (min-width: 992px) {
.insight-big-number {
margin-bottom: 6rem;
}
.insight-big-number__container {
padding: 3.2rem 4rem 5.6rem;
gap: 2.4rem;
}
.insight-big-number__number {
font-family: "The Future";
font-size: 5.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.insight-big-number__text {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.insight-big-number__text strong {
font-family: "The Future";
font-size: 2.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
.intro-items {
margin-bottom: 12rem;
}
.intro-items.type-t-systems .intro-items__headline em, .intro-items.type-t-systems .intro-items__text em, .intro-items.type-t-systems .intro-items__list em {
color: #e21774;
}
.intro-items.type-t-systems .intro-items__list {
color: #e21774;
}
.intro-items__logo {
margin-bottom: 2.4rem;
}
.intro-items__logo picture img {
width: 16rem;
}
.intro-items__headline {
font-family: "The Future";
font-size: 3.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 1.6rem;
}
.intro-items__text {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 1.6rem;
}
.intro-items__text em {
font-weight: 700;
color: var(--theme-primary-color);
font-style: normal;
}
.intro-items__list {
list-style: none;
padding: 0;
color: var(--theme-primary-color);
margin: 0;
}
.intro-items__list li {
padding: 1.6rem 0;
display: flex;
gap: 0.8rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
font-weight: 700;
}
.intro-items__list li .icon {
font-size: 1.6rem;
padding-top: 0.3rem;
}
.intro-items__list li:last-child {
border-bottom: none;
}
@media (min-width: 992px) {
.intro-items {
margin-bottom: 16rem;
}
.intro-items__headline {
font-family: "The Future";
font-size: 4.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 2.4rem;
}
.intro-items__text {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 0;
}
.intro-items__list {
list-style: none;
padding: 0;
color: var(--theme-primary-color);
}
.intro-items__list li {
font-family: "The Future";
font-size: 2rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.25;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.intro-items__list li .icon {
font-size: 2rem;
padding-top: 0.4rem;
}
}
.keywords {
margin-bottom: 12rem;
padding-top: 4rem;
background-color: #b01478;
color: #ffffff;
display: flex;
align-items: center;
}
.keywords__title {
font-family: "The Future";
font-size: 3.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 1.6rem;
}
.keywords__description {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 3.2rem;
color: rgba(255, 255, 255, 0.8);
}
.keywords__main {
position: relative;
aspect-ratio: 41/30;
}
.keywords__main:before, .keywords__main:after {
content: "";
position: absolute;
left: 0;
height: 33%;
width: 100%;
z-index: 2;
}
.keywords__main:before {
background: linear-gradient(0deg, rgba(176, 20, 120, 0) 0%, #B01478 90%);
top: 0;
}
.keywords__main:after {
bottom: 0;
background: linear-gradient(180deg, rgba(176, 20, 120, 0) 0%, #B01478 90%);
}
.keywords__content {
color: var(--white-opacity--30, rgba(255, 255, 255, 0.3));
font-family: "The Future";
font-size: 2.7rem;
font-style: normal;
font-weight: 400;
line-height: 150%; height: 100%;
overflow: hidden;
}
.keywords__content-group {
animation: 20s vertical-anim linear infinite forwards;
}
.keywords__content-group p {
white-space: nowrap;
}
@keyframes vertical-anim {
from {
transform: translateY(0);
}
to {
transform: translateY(-100%);
}
}
@media (min-width: 992px) {
.keywords {
margin-bottom: 16rem;
position: relative;
overflow: hidden;
padding-top: 0;
}
.keywords:before, .keywords:after {
content: "";
position: absolute;
left: 0;
height: 33%;
width: 100%;
z-index: 2;
}
.keywords:before {
background: linear-gradient(0deg, rgba(176, 20, 120, 0) 0%, #B01478 90%);
top: 0;
}
.keywords:after {
bottom: 0;
background: linear-gradient(180deg, rgba(176, 20, 120, 0) 0%, #B01478 90%);
}
.keywords__left {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
gap: 1.6rem;
}
.keywords__title {
font-family: "The Future";
font-size: 4.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 0;
}
.keywords__description {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 0;
}
.keywords__content {
font-size: 4.2rem;
}
.keywords__main {
aspect-ratio: 400/530;
}
.keywords__main:before, .keywords__main:after {
display: none;
}
}
.keywords-with-title {
--itemHeight: 3rem;
margin-bottom: 12rem;
background-color: var(--theme-primary-color);
padding-bottom: 4rem;
}
.keywords-with-title__main {
display: flex;
align-items: center;
gap: 1.6rem;
}
.keywords-with-title__label {
font-kerning: none;
font-feature-settings: "dlig" on;
font-family: "The Future";
font-size: 2.2rem;
font-style: normal;
font-weight: 500;
line-height: 130%; color: var(--theme-button-color);
height: var(--itemHeight);
white-space: nowrap;
}
.keywords-with-title__phrases-wrapper {
display: flex;
flex-direction: column;
}
.keywords-with-title__phrases-wrapper span {
display: flex;
align-items: center;
height: var(--itemHeight);
flex: 0 0 var(--itemHeight);
}
.keywords-with-title__phrases {
position: relative;
display: flex;
flex-direction: column;
gap: 0.4rem;
font-kerning: none;
font-feature-settings: "dlig" on;
font-family: "The Future";
font-size: 2.2rem;
font-style: normal;
font-weight: 500;
line-height: 130%; color: var(--theme-button-color);
white-space: nowrap;
height: calc(9 * var(--itemHeight));
overflow: hidden;
}
.keywords-with-title__phrases:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(180deg, var(--theme-primary-color) 0%, var(--theme-primary-color) 10%, transparent calc(50% - 3rem), transparent calc(50% + 3rem), var(--theme-primary-color) 90%, var(--theme-primary-color) 100%);
z-index: 10;
}
.keywords-with-title__right-text {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 768px) {
.keywords-with-title {
--itemHeight: 4.7rem;
}
.keywords-with-title__label, .keywords-with-title__phrases {
font-size: 3.7rem;
}
}
@media (min-width: 992px) {
.keywords-with-title {
--itemHeight: 7rem;
padding-bottom: 2rem;
padding-top: 2rem;
margin-bottom: 16rem;
}
.keywords-with-title__right-text {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.keywords-with-title__label, .keywords-with-title__phrases {
font-size: 5.4rem;
}
}
.latest-insights {
width: 100%;
overflow: hidden;
}
.latest-insights .swiper {
width: calc(100% + 2 * var(--grid-margin));
left: calc(-1 * var(--grid-margin));
padding: 0 var(--grid-margin);
}
@media (min-width: 768px) {
.latest-insights .swiper {
width: calc(100% + 16rem);
left: -8rem;
padding: 0 8rem;
}
}
@media (min-width: 992px) {
.latest-insights .post-previews__grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 2.4rem;
}
.latest-insights .post-previews__item {
min-width: 0;
}
}
.links-list {
margin-bottom: 12rem;
}
.links-list__headline {
margin-bottom: 1.6rem;
}
.links-list__list {
list-style: none;
padding: 0;
margin: 0;
}
.links-list__list li {
font-family: "The Future";
font-size: 1.9rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.5;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
position: relative;
}
.links-list__list li > *:first-child {
display: flex;
align-items: center;
gap: 2.4rem;
padding: 1.6rem 0;
border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.links-list__list li > *:first-child .icon {
font-size: 2.2rem;
margin-left: auto;
}
.links-list__list li a {
position: relative;
}
.links-list__list li:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
transition: width 0.3s ease;
background-color: #181818;
}
.links-list__list li:has(a:focus-visible)::before, .links-list__list li:has(input:focus-visible)::before {
width: 100%;
}
.links-list__hint {
margin-top: 3.2rem;
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.links-list__hint a {
position: relative;
color: var(--theme-primary-color);
text-decoration: underline;
font-weight: 500;
}
.links-list__hint a:focus-visible {
text-decoration: 2px dashed underline;
}
@media (min-width: 992px) {
.links-list {
margin-bottom: 16rem;
}
.links-list__headline {
position: sticky;
top: 3.2rem;
padding-top: 3.2rem;
padding-bottom: 20rem;
}
.links-list__list li {
font-family: "The Future";
font-size: 2.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.5;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.links-list__list li > *:first-child {
gap: 5.6rem;
padding: 2.4rem 0;
}
.links-list__list li > *:first-child .icon {
font-size: 2.4rem;
}
.links-list__list li:hover:before {
width: 100%;
}
.links-list__hint {
font-family: "The Future";
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 110%; }
}
.overlay-video-previews {
margin-bottom: 12rem;
}
.overlay-video-previews .swiper {
position: relative;
left: -2.4rem;
width: calc(100% + 4.8rem);
padding: 0 2.4rem;
}
.overlay-video-previews .block-headline {
text-align: center;
}
@media (min-width: 768px) {
.overlay-video-previews .swiper {
left: -14rem;
width: calc(100% + 28rem);
padding: 0 14rem;
}
}
@media (min-width: 992px) {
.overlay-video-previews {
margin-bottom: 16rem;
}
.overlay-video-previews__grid {
display: flex;
justify-content: center;
gap: 2.4rem;
}
.overlay-video-previews__grid > * {
flex: 0 0 34.2rem;
width: 34.2rem;
}
}
.parallax-image-scroll-text {
margin-bottom: 12rem;
--theme-primary-color: #43a22a;
--theme-secondary-color: rgb(16.75, 40.5, 10.5);
--theme-button-color: #ffffff;
}
.parallax-image-scroll-text__main {
margin: 3rem 0;
}
.parallax-image-scroll-text__title {
margin-bottom: 1.6rem;
text-align: center;
width: 75%;
margin-left: 12.5%;
}
.parallax-image-scroll-text__text {
color: var(--black--100, #444);
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-align: center;
}
.parallax-image-scroll-text__text strong {
font-weight: 700;
}
.parallax-image-scroll-text__link {
display: flex;
justify-content: center;
margin-top: 1.6rem;
}
.parallax-image-scroll-text__image img {
width: 100%;
height: 100%;
overflow: hidden;
object-fit: cover;
object-position: center;
}
.parallax-image-scroll-text__image figcaption {
display: none;
}
.parallax-image-scroll-text__image.top-right img {
aspect-ratio: 20/28;
transform: translateY(4rem);
}
.parallax-image-scroll-text__image.top-right .scroll-trigger {
top: 4rem;
}
.parallax-image-scroll-text__image.top-left img {
aspect-ratio: 41/26;
}
.parallax-image-scroll-text__image.bottom-left {
margin-bottom: 1rem;
}
.parallax-image-scroll-text__image.bottom-left img {
aspect-ratio: 41/23;
transform: translateY(2rem);
}
.parallax-image-scroll-text__image.bottom-left .scroll-trigger {
top: 2rem;
}
.parallax-image-scroll-text__image.bottom-right img {
aspect-ratio: 31/25;
transform: translateY(7rem);
}
.parallax-image-scroll-text__image.bottom-right .scroll-trigger {
top: 7rem;
}
.parallax-image-scroll-text__image .scroll-trigger {
position: absolute;
left: 0;
}
@media (min-width: 992px) {
.parallax-image-scroll-text {
margin-bottom: 16rem;
}
.parallax-image-scroll-text__main {
width: 72.2rem;
margin: 5rem auto 9.6rem;
}
.parallax-image-scroll-text__title {
width: 100%;
margin-left: 0;
}
.parallax-image-scroll-text__text {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.25;
}
.parallax-image-scroll-text__image.top-right img {
transform: translateY(9.6rem);
}
.parallax-image-scroll-text__image.top-right .scroll-trigger {
top: 9.6rem;
}
.parallax-image-scroll-text__image.bottom-left {
margin-bottom: 0;
}
.parallax-image-scroll-text__image.bottom-left img {
transform: translateY(4rem);
}
.parallax-image-scroll-text__image.bottom-left .scroll-trigger {
top: 4rem;
}
.parallax-image-scroll-text__image.bottom-right img {
transform: translateY(14rem);
}
.parallax-image-scroll-text__image.bottom-right .scroll-trigger {
top: 14rem;
}
}
.partner-tabs {
margin-bottom: 12rem;
}
.partner-tabs__tab-content:not(.active) {
display: none;
}
.partner-tabs__tab-content .swiper {
position: relative;
left: -2.4rem;
width: calc(100% + 4.8rem);
padding: 0 2.4rem;
}
@media (min-width: 768px) {
.partner-tabs__tab-content div[data-swiper-class=swiper-wrapper] {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 2.4rem;
}
.partner-tabs__tab-content:not(.active) {
display: none;
}
}
@media (min-width: 992px) {
.partner-tabs {
margin-bottom: 16rem;
}
.partner-tabs__tab-content div[data-swiper-class=swiper-wrapper] {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.partner-tabs__partner-wrapper {
min-width: 0;
}
}
.post-previews {
margin-bottom: 12rem;
}
.post-previews__headline {
margin-bottom: 1.6rem;
}
.post-previews__title {
font-family: "The Future";
font-size: 3.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 0;
}
.post-previews__grid {
row-gap: 0.8rem;
}
.post-previews__read-more {
display: inline-block;
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-top: 1.6rem;
}
.post-previews__read-more.desktop {
display: none;
}
@media (min-width: 992px) {
.post-previews {
margin-bottom: 16rem;
}
.post-previews__headline {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 3.2rem;
}
.post-previews__title {
font-family: "The Future";
font-size: 4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.post-previews__read-more {
margin-top: 0;
}
.post-previews__read-more.desktop {
display: inline;
}
}
.product-success-stories {
margin-bottom: 12rem;
}
.product-success-stories .swiper {
padding: 0 2.4rem;
width: calc(100% + 4.8rem);
position: relative;
left: -2.4rem;
}
.product-success-stories__item {
position: relative;
height: 100%;
width: 100%;
aspect-ratio: 274/384;
display: flex;
flex-direction: column;
justify-content: space-between;
border-radius: 0.3rem;
}
.product-success-stories__item.white .product-success-stories__item-content {
color: #ffffff;
}
.product-success-stories__item.black .product-success-stories__item-logo img {
filter: invert(1);
}
.product-success-stories__item-category {
padding: 1.2rem 1.2rem 0;
}
.product-success-stories__item-logo {
display: flex;
align-items: center;
justify-content: center;
}
.product-success-stories__item-logo img {
max-width: unset;
width: auto;
height: calc(4.2rem * var(--scale-size));
}
.product-success-stories__item-content {
padding: 0 1.6rem 1.6rem;
}
.product-success-stories__item-title {
display: inline;
max-width: 100%;
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.product-success-stories__item-description {
margin-top: 0.8rem;
font-family: "The Future";
font-size: 1.5rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
@media (min-width: 768px) {
.product-success-stories__grid {
display: grid;
grid-template-columns: repeat(auto-fit, calc(50% - 1.2rem));
grid-gap: 2.4rem;
justify-content: center;
}
}
@media (min-width: 992px) {
.product-success-stories {
margin-bottom: 18rem;
}
.product-success-stories__grid {
grid-template-columns: repeat(auto-fit, 34.3rem);
}
.product-success-stories__item-wrapper {
min-width: 0;
}
.product-success-stories__item-description {
margin-top: 1.2rem;
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.product-success-stories__item-logo img {
height: calc(4.8rem * var(--scale-size));
}
}
.overlay.products-intro-overlay-mobile .overlay-footer {
display: none;
}
.overlay.products-intro-overlay-mobile .overlay__content {
padding-bottom: 2rem;
}
.products-intro {
margin-bottom: 12rem;
}
.products-intro .block-headline {
text-align: center;
}
.products-intro .block-headline h2 {
text-wrap: balance;
}
.products-intro__product {
border: 1px dashed transparent;
transition: background-color 0.3s ease;
}
.products-intro__product:has(.products-intro__product-link:focus-visible) {
background-color: #F0F0F2;
border: 1px dashed;
}
.products-intro__product:has(.products-intro__product-link:focus-visible) .products-intro__product-image:after {
opacity: 1;
}
.products-intro__product:has(.products-intro__product-link:focus-visible) .products-intro__product-app-icon-wrapper:before {
filter: blur(32.6315803528px);
opacity: 1;
}
.products-intro__product-tag {
position: absolute;
top: 1.6rem;
left: 1.6rem;
z-index: 2;
}
.products-intro__product-image {
position: relative;
margin-bottom: 2.4rem;
aspect-ratio: 33.6/25;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
background-position: center center;
transition: background-color 0.3s ease;
}
.products-intro__product-image:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: radial-gradient(50% 50% at 50% 50%, rgba(250, 247, 245, 0) 60%, #FAF7F5 100%);
transition: opacity 0.3s ease;
}
.products-intro__product-image:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: radial-gradient(50% 50% at 50% 50%, rgba(240, 240, 242, 0) 60%, #F0F0F2 100%);
opacity: 0;
transition: opacity 0.3s ease;
z-index: 1;
}
.products-intro__product-app-icon-wrapper {
width: 7.6rem;
height: 7.6rem;
position: relative;
}
.products-intro__product-app-icon-wrapper--red:before {
background: var(--cd--sp--400, #E54400);
}
.products-intro__product-app-icon-wrapper--blue:before {
background: var(--cd--second--400, #4298B8);
}
.products-intro__product-app-icon-wrapper:before {
content: "";
border-radius: 1.1368rem;
filter: blur(42.6315803528px);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: 0.3s ease;
}
.products-intro__product-app-icon-wrapper picture {
width: 100%;
}
.products-intro__product-app-icon-wrapper img {
width: 100%;
position: relative;
z-index: 5;
}
.products-intro__product-info {
padding: 0 1.6rem 1.6rem;
}
.products-intro__product-name {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 0.4rem;
}
.products-intro__product-description {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.25;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #757575;
}
.products-intro__products-wrapper {
display: flex;
flex-direction: column;
}
.products-intro__product {
width: 100%;
padding-bottom: 2.4rem;
}
.products-intro__product:first-child {
border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.products-intro__product-extensions {
border: 1px dashed transparent;
position: relative;
width: 100%;
padding: 0 1.6rem;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 1.6rem;
border-radius: 0.3rem;
font-family: "The Future";
font-size: 1.8rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.products-intro__product-extensions .icon {
font-size: 2rem;
line-height: 1;
}
.products-intro__product-extensions-trigger {
display: flex;
justify-content: space-between;
width: 100%;
}
.products-intro__product-extensions-trigger > span {
text-transform: uppercase;
}
.products-intro__product-extensions:has(.products-intro__product-extensions-trigger:focus-visible) {
border-color: #000000;
}
.products-intro__product-extensions-overlay-content {
display: none;
position: absolute;
left: 100%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 10;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
}
.products-intro__product-extensions-overlay {
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 1.2rem;
}
.products-intro__product-extensions-overlay-item {
display: flex;
padding: 1.2rem;
align-items: flex-start;
gap: 1.2rem;
border-radius: 0.3rem;
transition: background-color 0.3s ease;
}
.products-intro__product-extensions-overlay-item:focus-visible {
background: var(--black--400-opacity-7, rgba(0, 0, 0, 0.07));
}
.products-intro__product-extensions-overlay-item-icon {
flex: 0 0 4rem;
width: 4rem;
}
.products-intro__product-extensions-overlay-item-name {
font-family: "The Future";
font-size: 1.5rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 0.4rem;
}
.products-intro__product-extensions-overlay-item-description {
font-family: "The Future";
font-size: 1.5rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.25;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: var(--gray--260, #757575);
font-feature-settings: "dlig" on;
}
@media (max-width: 992px) {
.products-intro__product-tag {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 700;
font-style: normal;
letter-spacing: 0.014rem;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
padding: 0.5rem 0.6rem 0.6rem 0.6rem;
}
}
@media (min-width: 768px) {
.products-intro__products-wrapper {
flex-direction: row;
}
.products-intro__product {
flex: 0 0 50%;
width: 50%;
padding-bottom: 5.6rem;
border-top: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.products-intro__product:first-child {
border-bottom-color: transparent;
border-right: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
}
@media (min-width: 992px) {
.products-intro {
margin-bottom: 16rem;
}
.products-intro__product-image {
margin-bottom: 1.6rem;
}
.products-intro__product-info {
padding: 0 3.2rem 1.6rem;
}
.products-intro__product-app-icon-wrapper {
width: 9rem;
height: 9rem;
}
.products-intro__product-app-icon-wrapper:before {
opacity: 0;
}
.products-intro__product-extensions-overlay {
width: 33.6rem;
padding: 0.8rem;
border-radius: 0.3rem;
background: rgba(255, 255, 255, 0.9); box-shadow: 0px 4.253px 18.607px 0px rgba(0, 0, 0, 0.09);
backdrop-filter: blur(40px);
backface-visibility: hidden;
transform: scaleY(1);
}
.products-intro__product-extensions {
width: calc(100% - 4rem);
margin-left: 2rem;
padding: 0.8rem 1.2rem;
}
.products-intro__product-extensions.hover .products-intro__product-extensions-overlay-content {
display: block;
opacity: 1;
pointer-events: auto;
}
}
@media (hover: hover) and (min-width: 768px) {
.products-intro__product-extensions {
cursor: pointer;
}
.products-intro__product-extensions:hover {
background: var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.products-intro__product-extensions-overlay-item:hover {
background: var(--black--400-opacity-7, rgba(0, 0, 0, 0.07));
}
.products-intro__product {
transition: background-color 0.3s ease;
}
.products-intro__product:hover {
background-color: #F0F0F2;
}
.products-intro__product:hover .products-intro__product-image:after {
opacity: 1;
}
.products-intro__product:hover .products-intro__product-app-icon-wrapper:before {
filter: blur(32.6315803528px);
opacity: 1;
}
}
.quote-block {
margin-bottom: 8rem;
}
.quote-block__quote {
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(0, 0, 0, 0.0705882353);
display: flex;
flex-direction: column;
gap: calc(var(--grid-gap) * 4);
margin: 0;
padding: calc(var(--grid-gap) * 6);
}
.quote-block__text {
font-family: "The Future";
font-size: 1.9rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.quote-block__author {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.quote-block__author strong {
color: var(--theme-primary-color);
}
.quote-block__author strong::after {
content: " – ";
display: inline-flex;
margin-left: 0.1em;
margin-right: 0.1em;
}
.quote-block__image {
margin: 0;
padding: 0;
}
.quote-block__image picture {
display: flex;
}
.quote-block__image figcaption {
display: none;
}
.quote-block:has(.quote-block__image) .quote-block__text {
grid-area: g_text;
}
.quote-block:has(.quote-block__image) .quote-block__author {
grid-area: g_author;
}
.quote-block:has(.quote-block__image) .quote-block__image {
grid-area: g_image;
}
.quote-block:has(.quote-block__image) .quote-block__quote {
display: grid;
grid-template-areas: "g_image g_author" "g_text g_text";
padding: calc(var(--grid-gap) * 4);
}
.quote-block:has(.quote-block__image) .quote-block__author strong {
display: block;
}
.quote-block:has(.quote-block__image) .quote-block__author strong::after {
content: none;
}
.quote-block:has(.quote-block__image) footer {
align-items: flex-end;
display: flex;
gap: calc(var(--grid-gap) * 4);
}
.quote-block--margin-none {
margin-bottom: 0;
}
@media (min-width: 768px) {
.quote-block__quote {
gap: calc(var(--grid-gap) * 2);
padding: 4rem;
}
.quote-block__text {
font-family: "The Future";
font-size: 2.5rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.quote-block__author {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.quote-block:has(.quote-block__image) .quote-block__quote {
grid-template-areas: "g_image g_text" "g_image g_author";
padding: 4rem;
}
}
@media (min-width: 992px) {
.quote-block {
margin-bottom: 6rem;
}
.quote-block--margin-none {
margin-bottom: 0;
}
}
.scroll-gallery {
display: flex;
gap: 1.6rem;
width: 100%;
overflow: hidden;
margin-bottom: 12rem;
}
.scroll-gallery__group {
display: flex;
gap: 1.6rem;
}
.scroll-gallery__item {
height: 28rem;
width: 42rem;
flex: 0 0 42rem;
border-radius: 0.3rem;
}
.scroll-gallery__item picture {
width: 100%;
height: 100%;
}
.scroll-gallery__item picture img {
object-fit: cover;
width: 100%;
height: 100%;
}
.scroll-gallery__item--mono {
width: 21.2rem;
flex: 0 0 21.2rem;
padding: 1.2rem;
background-color: var(--theme-primary-color);
color: var(--theme-button-color);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.scroll-gallery__item--mono .button {
width: max-content;
}
.scroll-gallery__item-mono-title {
font-family: "The Future";
font-size: 1.9rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
@media (min-width: 992px) {
.scroll-gallery {
margin-bottom: 16rem;
}
.scroll-gallery__item {
height: 50rem;
width: 75rem;
flex: 0 0 75rem;
}
.scroll-gallery__item--mono {
width: 38rem;
flex: 0 0 38rem;
padding: 2.4rem;
}
.scroll-gallery__item-mono-title {
font-family: "The Future";
font-size: 3.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
.scroll-list {
margin-bottom: 12rem;
}
.scroll-list__image--desktop {
display: none;
}
.scroll-list__image--mobile {
margin-bottom: 3.2rem;
}
.scroll-list__image img {
border-radius: 0.3rem;
}
.scroll-list__headline {
margin-bottom: 3rem;
}
.scroll-list__items {
display: flex;
flex-direction: column;
gap: 4.8rem;
}
.scroll-list__item {
display: flex;
flex-wrap: wrap;
gap: 1.6rem;
}
.scroll-list__item-icon {
width: 4.8rem;
height: 4.8rem;
flex: 0 0 4.8rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 1000rem;
background: var(--theme-primary-color);
color: var(--theme-button-color);
}
.scroll-list__item-icon .icon {
font-size: 2.8rem;
}
.scroll-list__item-content {
flex: 1 1 calc(100% - 6.4rem);
width: calc(100% - 6.4rem);
}
.scroll-list__item-content-title {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.05;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 0.4rem;
}
.scroll-list__item-content-description {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #222222;
}
.scroll-list__item-blocks {
width: 100%;
flex: 0 0 100%;
display: flex;
flex-direction: column;
gap: 1.2rem;
}
.scroll-list__item-block {
display: flex;
align-items: center;
padding: 0.8rem 1.2rem 0.8rem 0.8rem;
cursor: pointer;
border-radius: 0.8rem;
border: 1px solid rgba(0, 0, 0, 0.1019607843);
background: #ffffff;
}
.scroll-list__item-block--overlay {
flex-wrap: wrap;
padding: 0;
background-color: transparent;
border: none;
max-width: 64rem;
}
.scroll-list__item-block--overlay .scroll-list__item-block-overlay-content {
display: block;
}
.scroll-list__item-block--overlay .scroll-list__item-block-overlay-trigger {
display: none;
}
.scroll-list__item-block-image {
width: 5.6rem;
height: 5.6rem;
flex: 0 0 5.6rem;
margin-right: 1.6rem;
}
.scroll-list__item-block-image picture {
width: 100%;
height: 100%;
}
.scroll-list__item-block-image picture img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.6rem;
}
.scroll-list__item-block-image figcaption {
display: none;
}
.scroll-list__item-block-title {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
margin-bottom: 0;
}
.scroll-list__item-block-subtitle {
font-family: "The Future";
font-size: 1.5rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
color: #919191;
}
.scroll-list__item-block-overlay-trigger {
margin-left: auto;
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: var(--theme-primary-color);
}
.scroll-list__item-block-overlay-content {
display: none;
font-family: "The Future";
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
color: #181818;
margin-bottom: 3.2rem;
flex: 0 0 100%;
}
@media (min-width: 992px) {
.scroll-list {
margin-bottom: 16rem;
}
.scroll-list__headline {
margin-bottom: 5.6rem;
}
.scroll-list__image {
position: sticky;
top: 5.6rem;
}
.scroll-list__image--mobile {
display: none;
}
.scroll-list__image--desktop {
display: block;
}
.scroll-list__item-icon {
width: 5.6rem;
height: 5.6rem;
flex: 0 0 5.6rem;
}
.scroll-list__item-icon .icon {
font-size: 3.2rem;
}
.scroll-list__items {
gap: 5.6rem;
}
.scroll-list__item {
padding-bottom: 5.6rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.scroll-list__item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.scroll-list__item-content {
flex: 1 1 calc(100% - 7.2rem);
width: calc(100% - 7.2rem);
}
.scroll-list__item-content-title {
font-family: "The Future";
font-size: 3.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.05;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 1.2rem;
}
.scroll-list__item-content-description {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 1.2rem;
}
.scroll-list__item-blocks {
padding-left: 7.2rem;
}
.scroll-list__item-block {
padding: 1.2rem 1.6rem;
}
.scroll-list__item-block:not(.scroll-list__item-block--overlay):hover {
box-shadow: 0px 42px 54px 0px rgba(0, 0, 0, 0.06);
}
.scroll-list__item-block-image {
width: 6.4rem;
height: 6.4rem;
flex: 0 0 6.4rem;
}
.scroll-list__item-block-title {
font-family: "The Future";
font-size: 2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
}
.scroll-list__item-block-subtitle {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
}
.scroll-list__item-block-overlay-content {
font-family: "The Future";
font-size: 2.4rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
}
}
.services {
margin-bottom: 12rem;
}
.services__title {
font-family: "The Future";
font-size: 3.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 3.2rem;
}
.services__image picture img {
aspect-ratio: 366/320;
border-radius: 0.3rem;
object-fit: cover;
}
.services__image figcaption {
display: none;
}
.services__block {
padding: 3.2rem 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.services__block:first-child:last-child {
border-bottom: none;
padding: 1.2rem 0 0 0;
}
.services__block-title {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.05;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-wrap: balance;
margin-bottom: 1.2rem;
}
.services__block-description {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
margin-bottom: 1.2rem;
}
.services__block-link {
margin-top: 2rem;
}
@media (min-width: 992px) {
.services {
margin-bottom: 16rem;
}
.services__title {
font-family: "The Future";
font-size: 4.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-top: 5.6rem;
margin-bottom: 0;
}
.services__image {
padding-top: 3.2rem;
position: sticky;
top: 10rem;
}
.services__image.mobile {
display: none;
}
.services__block {
padding: 5.6rem 0;
}
.services__block-title {
font-family: "The Future";
font-size: 3.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.05;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.services__block-description {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
.services-intro {
margin-bottom: 12rem;
}
.services-intro__headline .block-headline {
text-align: center;
}
.services-intro__grid .mega-menu__service {
height: 100%;
display: block;
min-width: 0;
}
.services-intro__grid .mega-menu__service:not(:first-child) {
border-top: none;
}
@media (min-width: 768px) and (max-width: 992px) {
.services-intro__grid .mega-menu__service {
border: none !important;
}
}
@media (min-width: 768px) {
.services-intro__grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
border: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
border-radius: 0.3rem;
overflow: hidden;
}
.services-intro__grid .mega-menu__service {
border-top: none;
border-bottom: none;
border-left: none;
}
}
@media (min-width: 992px) {
.services-intro {
margin-bottom: 16rem;
}
.services-intro__grid {
width: calc(100% - 12rem);
margin-left: 6rem;
}
}
.simple-contact-preview__title {
margin-bottom: 1.6rem;
}
.simple-contact-preview__grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 2.4rem;
}
.simple-contact-preview__grid:has(+ .simple-contact-preview__show-more) .simple-contact-preview__content:nth-child(n+3) {
display: none;
}
.simple-contact-preview__content {
min-width: 0;
display: flex;
gap: 2.4rem;
}
.simple-contact-preview__image {
width: 11.8rem;
flex: 0 0 11.8rem;
}
.simple-contact-preview__image picture img {
aspect-ratio: 118/165;
object-fit: cover;
border-radius: 0.3rem;
}
.simple-contact-preview__name {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
font-weight: 700;
}
.simple-contact-preview__function {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.simple-contact-preview__contact-links {
margin: 1.6rem 0 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 0.8rem;
}
.simple-contact-preview__contact-links li a {
display: flex;
align-items: center;
gap: 0.4rem;
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.simple-contact-preview__contact-links li a .icon {
font-size: 1.6rem;
}
.simple-contact-preview__social-media-links {
margin: 0;
padding: 0;
list-style: none;
display: flex;
gap: 1.2rem;
margin-top: 1.6rem;
}
.simple-contact-preview__social-media-links li a {
font-size: 2.2rem;
color: #444444;
text-decoration: none;
}
.simple-contact-preview__show-more {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-top: 1.6rem;
}
@media (min-width: 992px) {
.simple-contact-preview__title {
margin-bottom: 3.2rem;
}
.simple-contact-preview__grid {
grid-template-columns: 1fr 1fr;
}
.simple-contact-preview__name {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
font-weight: 700;
}
.simple-contact-preview__function {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.simple-contact-preview__contact-links li a {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.simple-contact-preview__contact-links li a .icon {
font-size: 2rem;
}
.simple-contact-preview__show-more {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-top: 3.2rem;
cursor: pointer;
}
}
.simple-download {
padding: 2.4rem 1.6rem;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
text-align: center;
}
.simple-download__filename {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 0.8rem;
}
.simple-download__file-info {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
text-transform: uppercase;
}
.simple-download__right {
width: 100%;
margin-top: 1.6rem;
}
.simple-download__right a {
width: 100%;
display: block;
background-color: var(--theme-primary-color) !important;
color: var(--theme-button-color) !important;
text-decoration: none !important;
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
padding: 0.9rem 1.2rem 1.2rem;
border-radius: 1.2rem;
}
@media (max-width: 768px) {
.simple-download__button {
width: 100% !important;
}
}
@media (min-width: 768px) {
.simple-download {
display: flex;
align-items: center;
justify-content: space-between;
padding: 4rem 2.4rem;
position: relative;
gap: 4rem;
text-align: left;
}
.simple-download__filename {
font-family: "The Future";
font-size: 2.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.simple-download__file-info {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.simple-download__right {
margin-top: 0;
width: max-content;
}
.simple-download__right a {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.2;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
padding: 1.2rem 1.6rem 1.4rem;
border-radius: 1.2rem;
}
}
.simple-gallery-slider {
margin-bottom: 7.2rem;
}
.simple-gallery-slider.start .simple-gallery-slider__navigation.prev {
display: none;
}
.simple-gallery-slider.end .simple-gallery-slider__navigation.next {
display: none;
}
.simple-gallery-slider .swiper {
padding: 0 2.4rem;
}
.simple-gallery-slider .swiper .swiper-wrapper .swiper-slide {
width: max-content;
}
.simple-gallery-slider .swiper .swiper-wrapper .swiper-slide img {
height: 27.4rem;
object-fit: cover;
max-width: 36.6rem;
border-radius: 0.3rem;
}
.simple-gallery-slider__navigation {
display: none;
}
@media (min-width: 992px) {
.simple-gallery-slider {
margin-bottom: 6.4rem;
}
.simple-gallery-slider .swiper {
padding: var(--grid-margin);
}
.simple-gallery-slider .swiper .swiper-wrapper .swiper-slide img {
height: 64.4rem;
max-width: 96.6rem;
}
.simple-gallery-slider__navigation {
position: absolute;
top: 50%;
transform: translateY(-75%);
width: 4rem;
height: 4rem;
border-radius: 100%;
z-index: 20;
background-color: var(--theme-primary-color);
color: var(--theme-button-color);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.simple-gallery-slider__navigation .icon {
font-size: 2.4rem;
}
.simple-gallery-slider__navigation.prev {
left: var(--grid-margin);
}
.simple-gallery-slider__navigation.next {
right: var(--grid-margin);
}
}
.solution-extensions {
margin-bottom: 12rem;
}
.solution-extensions__suptitle {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: rgba(0, 0, 0, 0.3019607843);
text-transform: uppercase;
text-align: center;
margin-bottom: 0.8rem;
}
.solution-extensions__title {
text-align: center;
margin-bottom: 4rem;
}
.solution-extensions__grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.6rem;
}
.solution-extensions__page-preview {
min-width: 0;
display: flex;
flex-direction: column;
border-radius: 0.3rem;
border: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
background: var(--gray--50, #F0F0F2);
backface-visibility: hidden;
transform: scaleY(1);
}
.solution-extensions__page-preview:has(a:focus-visible) {
box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
}
.solution-extensions__page-logo {
position: relative;
padding: 3.5rem 0 2.6rem;
display: flex;
justify-content: center;
align-items: center;
background-size: cover;
background-position: center center;
}
.solution-extensions__page-logo.securities-processing-2 picture:before {
background: #800f0f;
}
.solution-extensions__page-logo.securities-processing-3 picture:before {
background: #b01515;
}
.solution-extensions__page-logo.securities-processing-4 picture:before {
background: #d82300;
}
.solution-extensions__page-logo.securities-processing-5 picture:before {
background: #e36d00;
}
.solution-extensions__page-logo:before {
content: "";
position: absolute;
z-index: 0;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: radial-gradient(50% 50% at 50% 50%, rgba(242, 242, 242, 0) 60%, #F2F2F2 100%);
}
.solution-extensions__page-logo picture {
position: relative;
z-index: 1;
width: 5.6em;
flex: 0 0 5.6rem;
}
.solution-extensions__page-logo picture:before {
content: "";
border-radius: 1.1368rem;
filter: blur(42.6315803528px);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0;
transition: opacity 0.3s ease;
}
.solution-extensions__page-preview-content {
display: flex;
flex-direction: column;
padding: 0.8rem 1.6rem 1.6rem;
flex: 1 1 auto;
}
.solution-extensions__page-title {
font-family: "The Future";
font-size: 2.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 0.2rem;
}
.solution-extensions__page-description {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #666666;
margin-bottom: 1.2rem;
}
.solution-extensions__page-link {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-top: auto;
color: var(--theme-primary-color);
}
@media (min-width: 768px) {
.solution-extensions__grid {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 992px) {
.solution-extensions__grid {
grid-template-columns: 1fr 1fr;
}
.solution-extensions__page-preview-content {
padding: 1rem 8rem 2.4rem 2.4rem;
}
.solution-extensions__page-logo {
padding: 4.5rem 0 3.5rem;
}
.solution-extensions__page-logo picture {
width: 7rem;
flex: 0 0 7rem;
}
.solution-extensions__page-title {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.solution-extensions__page-description {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.25;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 1.6rem;
}
}
@media (hover: hover) {
.solution-extensions__page-preview {
backface-visibility: hidden;
transform: scaleY(1);
}
.solution-extensions__page-preview:hover {
box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
}
.solution-extensions__page-preview:hover .solution-extensions__page-logo picture:before {
opacity: 1;
}
}
.steps {
margin-bottom: 12rem;
}
.steps__title {
margin-bottom: 1.6rem;
}
.steps__description {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
margin-bottom: 3.2rem;
}
.steps__list {
list-style: none;
padding: 0;
margin: 0;
}
.steps__list-item {
padding-bottom: 2.4em;
border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.steps__list-item-headline {
display: flex;
align-items: center;
gap: 1.2rem;
padding: 1.6rem 0;
}
.steps__list-item-number {
flex: 0 0 3.2rem;
width: 3.2rem;
height: 3.2rem;
display: flex;
align-items: center;
justify-content: center;
font-family: "The Future";
font-size: 1.9rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
border-radius: 100%;
background-color: var(--theme-primary-color);
color: var(--theme-button-color);
}
.steps__list-item-title {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.05;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.steps__list-item-text {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
}
.steps__list-item-text a {
color: var(--theme-primary-color);
text-decoration: underline;
font-weight: 500;
}
.steps__list-item-text a:focus-visible {
text-decoration: 2px dashed underline;
}
@media (min-width: 992px) {
.steps {
margin-bottom: 16rem;
}
.steps__title {
position: sticky;
top: 5.6rem;
padding-bottom: 5.6rem;
margin-bottom: 0;
}
.steps__description {
font-family: "The Future";
font-size: 2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 5.6rem;
}
.steps__list-item {
padding-bottom: 3.2rem;
}
.steps__list-item-headline {
gap: 1.6rem;
margin-bottom: 1.2rem;
}
.steps__list-item-number {
flex: 0 0 4rem;
width: 4rem;
height: 4rem;
font-family: "The Future";
font-size: 2.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.steps__list-item-title {
font-family: "The Future";
font-size: 2.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.5;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.steps__list-item-text {
font-family: "The Future";
font-size: 2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.35;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
.success-story-facts {
margin-bottom: 8rem;
}
.success-story-facts__grid {
display: grid;
grid-template-columns: 1fr;
}
.success-story-facts__item {
padding: 2.4rem;
border-top: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
display: flex;
flex-direction: column;
gap: 0.8rem;
}
.success-story-facts__item-label {
font-family: "The Future";
font-size: 4.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: var(--theme-primary-color);
}
.success-story-facts__item-text {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: var(--black--100, #444);
}
@media (min-width: 992px) {
.success-story-facts {
margin-bottom: 6rem;
}
.success-story-facts__grid {
grid-template-columns: 1fr 1fr 1fr;
border-top: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.success-story-facts__item {
padding: 2.4rem 4rem;
min-width: 0;
border-top: none;
}
.success-story-facts__item:not(:nth-child(3n)) {
border-right: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.success-story-facts__item-label {
font-family: "The Future";
font-size: 5.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.success-story-facts__item-text {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.25;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
.success-story-previews {
margin-bottom: 12rem;
}
.success-story-previews__grid {
row-gap: 0.8rem;
}
@media (min-width: 992px) {
.success-story-previews {
margin-bottom: 18rem;
}
}
.text-block {
margin-bottom: 8rem;
}
.text-block__text {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
}
.text-block__text h1, .text-block__text h2, .text-block__text h3, .text-block__text h4, .text-block__text h5, .text-block__text h6 {
color: #181818;
margin: 1em 0;
}
.text-block__text h1, .text-block__text .h1 {
font-family: "The Future";
font-size: 3.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin: 0 0 calc(var(--grid-gap) * 2) 0;
}
.text-block__text h2, .text-block__text .h2 {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin: 0 0 1.6rem 0;
}
.text-block__text h3, .text-block__text .h3 {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.text-block__text h4, .text-block__text .h4,
.text-block__text h5, .text-block__text .h5 {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin: 0 0 calc(var(--grid-gap) * 2) 0;
}
.text-block__text ul, .text-block__text ol {
margin: 0 0 1em;
padding-left: 1.6rem;
}
.text-block__text li {
margin: calc(var(--grid-gap) * 4) 0;
}
.text-block__text li:first-child {
margin-top: 0;
}
.text-block__text ul li::marker {
color: var(--theme-primary-color);
}
.text-block__text ol {
counter-reset: listCounter;
list-style-type: none;
}
.text-block__text ol li {
counter-increment: listCounter;
}
.text-block__text ol li::before {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 0.9;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
align-items: center;
background-color: var(--theme-primary-color);
border-radius: 100%;
content: counter(listCounter);
color: var(--theme-button-color);
display: inline-flex;
height: 2.4rem;
justify-content: center;
margin-left: -4rem;
margin-right: 1.6rem;
width: 2.4rem;
}
.text-block__text p {
display: inline-block;
margin: 0 0 1em;
width: 100%;
}
.text-block__text p a {
position: relative;
hyphens: auto;
-webkit-hyphens: auto;
}
.text-block__text strong, .text-block__text em {
color: var(--theme-primary-color);
font-weight: 500;
font-style: normal;
}
.text-block__text img {
height: auto;
max-width: 100%;
}
.text-block__links {
display: inline-flex;
flex-wrap: wrap;
margin-top: 1rem;
gap: 0 1rem;
}
.text-block__link {
display: inline-flex;
margin-top: 1rem;
}
.text-block--margin-none {
margin-bottom: 0;
}
.template-text_block:has(+ .template-text_block) .text-block {
margin-bottom: 0;
}
@media (min-width: 768px) {
.text-block__text {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.text-block__text h1, .text-block__text .h1 {
font-family: "The Future";
font-size: 4.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.text-block__text h2, .text-block__text .h2 {
font-family: "The Future";
font-size: 2.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.text-block__text h3, .text-block__text .h3 {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.text-block__text h4, .text-block__text .h4,
.text-block__text h5, .text-block__text .h5 {
font-family: "The Future";
font-size: 2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.text-block__text li {
margin: calc(var(--grid-gap) * 2) 0;
}
.text-block__text ul, .text-block__text ol {
padding-left: 3.2rem;
}
.text-block__text ol li::before {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 0.9;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
@media (min-width: 992px) {
.text-block {
margin-bottom: 6rem;
}
.text-block--margin-none {
margin-bottom: 0;
}
.text-block__text p a:before, .text-block__text p a:after {
height: 2px !important;
}
.template-text_block:has(+ .template-text_block) .text-block {
margin-bottom: 0;
}
}
.timeline {
margin-bottom: 12rem;
}
.timeline__headline {
margin-bottom: 4rem;
}
.timeline__item {
display: flex;
gap: 3rem;
align-items: stretch;
}
.timeline__item:first-child .timeline__item-left, .timeline__item:last-child .timeline__item-left {
padding-top: 0;
padding-bottom: 2rem;
}
.timeline__item:first-child .timeline__item-left:before, .timeline__item:last-child .timeline__item-left:before {
display: none;
}
.timeline__item-left {
position: relative;
height: auto;
width: 1.8rem;
padding: 4rem 0;
flex: 0 0 1.8rem;
}
.timeline__item-left:before {
content: "";
position: absolute;
width: 1.8rem;
height: 1.8rem;
background-color: var(--theme-primary-color);
border-radius: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.timeline__item-left:after {
content: "";
position: absolute;
left: calc(50% - 1px);
top: 0;
height: 100%;
width: 2px;
background-color: var(--theme-primary-color);
}
.timeline__item-right {
display: flex;
flex-direction: column;
justify-content: center;
padding: 1rem 0;
}
.timeline__item-right strong {
font-family: "The Future";
font-size: 2.1rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
font-size: 1.8rem;
}
.timeline__item-right span {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
}
@media (min-width: 992px) {
.timeline {
margin-bottom: 16rem;
}
.timeline__headline {
padding-top: 3.2rem;
position: sticky;
top: 10rem;
margin-bottom: 5.6rem;
font-family: "The Future";
font-size: 4.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.timeline__item {
gap: 6.2rem;
}
.timeline__item:first-child .timeline__item-left, .timeline__item:last-child .timeline__item-left {
padding-bottom: 5rem;
}
.timeline__item-left {
padding: 5rem 0;
}
.timeline__item-right strong {
font-family: "The Future";
font-size: 2.1rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
.video-bento__overlay .overlay__content {
padding-top: 4.9rem;
padding-bottom: 5.8rem;
}
.video-bento__overlay .overlay__content-wrapper {
background: #f9f7f5;
}
.video-bento__overlay-list {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
}
.video-bento__overlay-list-item {
padding: 2.4rem 1.2rem;
min-width: 0;
border-bottom: 1px solid #dddddd;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 0.6rem;
}
.video-bento__overlay-list-item:not(:has(.video-bento__overlay-list-item-title)) {
justify-content: center;
}
@media (max-width: 992px) {
.video-bento__overlay-list-item:nth-child(2n+1) {
border-right: 1px solid #dddddd;
}
.video-bento__overlay-list-item:last-child {
border-bottom: none;
}
.video-bento__overlay-list-item:has(+ *:last-child:nth-child(2n)) {
border-bottom: none;
}
}
.video-bento__overlay-list-item-title {
font-family: "The Future";
font-size: 1.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.2;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-align: center;
}
.video-bento__overlay-list-item-logo {
height: 4rem;
display: flex;
align-items: center;
justify-content: center;
}
.video-bento__overlay-list-item-logo picture img {
height: 3.5rem;
width: auto;
object-fit: contain;
object-position: center;
transform: scale(var(--item-logo-scale, 1));
}
.video-bento__bottom-logos {
position: absolute;
top: 100%;
margin: 1.6rem auto 0;
display: flex;
align-items: center;
gap: 4.8rem;
overflow: hidden;
width: 100%;
}
.video-bento__bottom-logos-row {
flex: 1 0 auto;
display: flex;
align-items: center;
gap: 4.8rem;
animation: marquee-anim-logos 60s linear infinite forwards;
}
@keyframes marquee-anim-logos {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
.video-bento__bottom-logo {
flex: 1 0 auto;
}
.video-bento__bottom-logo picture img {
height: calc(1.8rem * var(--item-logo-scale, 1));
width: auto;
object-fit: contain;
}
.video-bento .bento-box__box {
padding: 3rem 0 1rem;
background-color: #f3f3f3;
}
.video-bento .bento-box__box.text-center .bento-box__overlay-trigger {
margin-left: auto;
margin-right: auto;
}
.video-bento .bento-box__box.image-top .bento-box__box-title {
margin-top: auto;
}
.video-bento .bento-box__box.image-center .bento-box__box-image {
order: 3;
}
.video-bento .bento-box__box.image-center .bento-box__box-subtitle {
margin-top: auto;
}
@media (max-width: 992px) {
.video-bento .bento-box__box:has(.video-bento__bottom-logos) {
margin-bottom: 4rem;
}
}
.video-bento .bento-box__box-image {
width: 100%;
}
.video-bento .bento-box__box-image video {
width: 100%;
height: 100%;
object-fit: cover;
}
.video-bento .bento-box__overlay-trigger {
order: 99999;
margin-left: 0;
margin-right: 0;
}
.video-bento__box-text {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 2.4rem;
display: flex;
flex-direction: column;
z-index: 10;
}
@media (min-width: 992px) {
.video-bento__overlay .overlay__content {
padding-top: 4.6rem;
padding-bottom: 5.6rem;
}
.video-bento__overlay-list {
width: 64.8rem;
grid-template-columns: 1fr 1fr 1fr;
}
.video-bento__overlay-list-item:not(:nth-child(3n)) {
border-right: 1px solid #dddddd;
}
.video-bento__overlay-list-item-title {
font-family: "The Future";
font-size: 2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.2;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
.video-block {
margin-bottom: 8rem;
}
.video-block--margin-none {
margin-bottom: 0;
}
@media (min-width: 992px) {
.video-block {
margin-bottom: 6rem;
}
.video-block--margin-none {
margin-bottom: 0;
}
}
.video-stories {
margin-bottom: 12rem;
}
.video-stories__suptitle {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.3019607843);
margin-bottom: 0.8rem;
}
.video-stories__title {
font-family: "The Future";
font-size: 3.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 1.6rem;
}
.video-stories__description {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
margin-bottom: 3.2rem;
}
.video-stories__navigation {
position: relative;
z-index: 20;
display: flex;
align-items: center;
justify-content: center;
gap: 0.4rem;
margin-bottom: 3.2rem;
}
.video-stories__nav-item {
flex: 0 0 4rem;
width: 4rem;
height: 4rem;
border-color: transparent;
border-radius: 100%;
background-color: var(--theme-primary-color);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.video-stories__nav-item.disabled, .video-stories__nav-item:disabled {
background-color: #dddddd;
cursor: no-drop;
}
.video-stories__nav-item .icon {
color: var(--theme-button-color);
font-size: 2.4rem;
}
.video-stories__nav-item:focus-visible {
border-style: dashed;
border-color: #444444;
}
.video-stories .swiper {
padding: 0 2.4rem;
}
.video-stories .swiper.no-autoplay .swiper-pagination-bullet-active:before {
transition: none;
}
.video-stories .swiper .swiper-wrapper .swiper-slide {
box-sizing: border-box;
border-radius: 0.3rem;
overflow: hidden;
}
.video-stories__item {
aspect-ratio: 38/63;
display: flex;
align-items: flex-end;
padding: 2rem 1.6rem;
cursor: pointer;
}
.video-stories__item:before {
height: 30%;
}
.video-stories__item.clicked video {
opacity: 1;
}
.video-stories__item.clicked .video-stories__item-caption {
opacity: 0;
pointer-events: none;
}
.video-stories__item.active .video-stories__item-caption {
opacity: 0;
pointer-events: none;
}
.video-stories__item.active .video-stories__item-toggle .icon::before {
content: "\e9ae";
}
.video-stories__item-thumbnail {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.video-stories__item-thumbnail picture {
width: 100%;
height: 100%;
}
.video-stories__item-thumbnail picture img {
width: 100%;
height: 100%;
object-fit: cover;
}
.video-stories video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
object-fit: cover;
opacity: 0;
}
.video-stories__item-bottom {
position: relative;
z-index: 3;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.video-stories__item-caption {
font-family: "The Future";
font-size: 1.5rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: rgba(255, 255, 255, 0.6980392157);
}
.video-stories__item-toggle {
flex: 0 0 4rem;
width: 4rem;
height: 4rem;
border-radius: 100%;
background-color: rgba(0, 0, 0, 0.3019607843);
backdrop-filter: blur(20px);
display: flex;
align-items: center;
justify-content: center;
}
.video-stories__item-toggle .icon {
font-size: 2.4rem;
color: #ffffff;
}
.video-stories__item-toggle:focus-visible {
border-style: dashed;
border-color: #ffffff;
}
@media (min-width: 992px) {
.video-stories {
margin-bottom: 16rem;
}
.video-stories__suptitle {
text-align: center;
}
.video-stories__title {
text-align: center;
font-family: "The Future";
font-size: 4.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.video-stories__description {
text-align: center;
font-family: "The Future";
font-size: 2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 5.6rem;
}
.video-stories .swiper {
padding: 0 120px;
}
.video-stories__item {
aspect-ratio: 266/441;
}
.video-stories__item-caption {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
.white-paper-previews {
margin-bottom: 12rem;
}
.white-paper-previews .swiper {
width: calc(100% + 4.8rem);
position: relative;
left: -2.4rem;
padding: 0 2.4rem;
}
.white-paper-previews .swiper .swiper-wrapper .swiper-slide {
box-sizing: border-box;
}
@media (min-width: 768px) {
.white-paper-previews__grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0.8rem;
}
.white-paper-previews__item {
min-width: 0;
}
}
@media (min-width: 992px) {
.white-paper-previews {
margin-bottom: 16rem;
}
.white-paper-previews__grid {
grid-gap: 1.6rem;
}
}
.wide-video {
margin-bottom: 4rem;
}
.wide-video__video {
position: relative;
cursor: pointer;
}
.wide-video__video video {
width: 100%;
mix-blend-mode: multiply;
}
.wide-video__video:has(video.playing) .wide-video__toggle-icon .icon.icon-pause {
display: inline;
}
.wide-video__video:has(video.playing) .wide-video__toggle-icon .icon.icon-play {
display: none;
}
.wide-video__toggle-icon {
position: absolute;
left: 0;
top: 4rem;
width: 4rem;
height: 4rem;
background-color: #cbcbcb;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.wide-video__toggle-icon .icon {
font-size: 2.4rem;
color: #ffffff;
}
.wide-video__toggle-icon .icon.icon-pause {
display: none;
}
.wide-video__toggle-icon:focus-visible {
border: 2px dashed;
}
@media (min-width: 992px) {
.wide-video {
margin-bottom: 8rem;
}
.wide-video__video {
display: flex;
align-items: center;
justify-content: center;
}
.wide-video__video video {
aspect-ratio: 1/1;
object-fit: contain;
width: 85rem;
}
}
.wysiwyg {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.wysiwyg h2 {
margin-bottom: 0;
}
@media (min-width: 992px) {
.wysiwyg {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
body:not(:has(.in-page-nav)) .breadcrumbs-wrapper {
top: 6.6rem;
}
.breadcrumbs-wrapper {
position: absolute;
top: 11.8rem;
left: 0;
width: 100%;
}
.breadcrumb {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #757575;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
overflow: hidden;
padding-bottom: 0.4rem;
}
.breadcrumb .icon.icon-chevron-right {
position: relative;
top: 0.1rem;
}
.breadcrumb a {
position: relative;
}
.breadcrumb a:focus-visible::after {
background-color: transparent;
border-bottom: 2px dashed var(--theme-primary-color);
bottom: -0.5rem;
content: "";
display: block;
height: 0;
left: 0;
position: absolute;
transform: translateX(var(--currentItemOffset, 0));
width: var(--currentItemWidth, 100%);
}
@media (min-width: 768px) {
body:not(:has(.in-page-nav)) .breadcrumbs-wrapper {
top: 7.4rem;
}
.breadcrumbs-wrapper {
top: 11.4rem;
}
}
@media (min-width: 992px) {
body:not(:has(.in-page-nav)) .breadcrumbs-wrapper {
top: 7.4rem;
}
.breadcrumbs-wrapper {
top: 13.4rem;
}
}
body.home .header:after {
display: none;
}
.darken-page .header {
transition: 0s;
background: var(--cd-background-400, #F9F7F5);
}
.darken-page .header:after {
background-color: transparent;
}
.header {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
padding: 0 var(--grid-margin);
transition: 0.3s ease;
}
.header:after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
height: 1px;
background-color: rgba(0, 0, 0, 0.1);
width: calc(100% - 2 * var(--grid-margin));
bottom: 0;
transition: 0.3s ease;
}
.header--unpinned:not(.header--mobile-menu-open) {
transform: translateY(-5.3rem);
}
.header--not-top .in-page-nav__title {
cursor: pointer;
}
.header--not-top {
background: #ffffff;
}
.header--not-top:after {
width: 100%;
}
.header--mobile-menu-open {
background: var(--cd-background-400, #F9F7F5);
}
.header--mobile-menu-open .header__main-nav {
background: var(--cd-background-400, #F9F7F5);
transition: 0.3s ease 0s;
}
.header--mobile-menu-open .header__mobile-menu-trigger .icon-menu {
display: none;
}
.header--mobile-menu-open .header__mobile-menu-trigger .icon-x-thin {
display: inline;
}
.header__meta-menu-item-overlay {
position: absolute;
top: calc(100% + 2rem);
left: 50%;
transform: translateX(-50%);
width: max-content;
transition: opacity 0.3s ease;
opacity: 0;
pointer-events: none;
}
.header__row {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.header__main-nav {
padding: 1.1rem 0;
z-index: 100;
background: transparent;
transition: 0.3s ease 0.3s;
}
.header__main-nav-navigation-wrapper {
display: none;
}
.header__main-nav-navigation-wrapper--styleguide {
display: flex;
}
.header__in-page-nav {
z-index: 20;
}
.header__logo-wrapper {
display: flex;
position: relative;
}
.header__logo-wrapper:focus-visible::after {
border: 2px dashed var(--theme-primary-color);
content: "";
display: block;
inset: -1.8rem;
position: absolute;
}
.header__mobile-menu-trigger {
cursor: pointer;
font-size: 2.8rem;
line-height: 1;
}
.header__mobile-menu-trigger .icon-x-thin {
display: none;
}
.header__mobile-menu-trigger:focus-visible {
color: var(--theme-primary-color);
}
.header__meta-menu {
display: none;
}
@media (min-width: 768px) {
.header {
padding: 0 8rem;
}
}
@media (min-width: 992px) {
.header {
padding: 0 var(--grid-margin);
}
.header.no-in-page-nav .header__in-page-nav {
display: none;
}
.header__main-nav {
padding: 1.6rem 0;
}
.header__mobile-menu-trigger {
display: none;
}
.header__main-nav-navigation-wrapper {
display: flex;
align-items: center;
gap: 2.4rem;
}
.header__meta-menu {
display: flex;
align-items: center;
gap: 2.4rem;
}
.header__meta-menu-item-overlay {
display: none;
}
.header__meta-menu-item {
position: relative;
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.header__meta-menu-item, .header__meta-menu-item > a {
position: relative;
}
.header__meta-menu-item:focus-visible::after, .header__meta-menu-item > a:focus-visible::after {
border-bottom: 2px dashed var(--theme-primary-color);
bottom: -2rem;
content: "";
display: block;
height: 0;
left: 0;
position: absolute;
right: 0;
}
.header__meta-menu-item--icon {
cursor: pointer;
font-size: 2rem;
}
.header__meta-menu-item.opened .header__meta-menu-item-overlay {
display: block;
pointer-events: auto;
opacity: 1;
}
}
.header-navigation {
display: none;
}
@media (min-width: 992px) {
.header-navigation {
display: block;
}
.header-navigation__level {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 2.4rem;
}
.header-navigation__level .menu-item {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: var(--black--100, #444);
font-feature-settings: "dlig" on;
position: relative;
}
.header-navigation__level .menu-item > a {
position: relative;
}
.header-navigation__level .menu-item > a:focus-visible {
color: var(--theme-primary-color);
}
.header-navigation__level .menu-item > a:focus-visible::after {
border-bottom: 2px dashed var(--theme-primary-color);
bottom: -2rem;
content: "";
display: block;
height: 0;
left: 0;
position: absolute;
right: 0;
width: 100%;
}
}
body:has(.home-hero[data-current-theme=dark]):not(:has(.header--not-top)):not(:has(.header--mobile-menu-open)) .header__mobile-menu-trigger .icon-menu {
color: #ffffff;
}
body:has(.home-hero[data-current-theme=dark]):not(:has(.header--not-top)):not(:has(.header--mobile-menu-open)) .header__logo-wrapper img {
filter: brightness(100000);
}
.home-hero {
position: relative;
margin-top: -19.2rem;
margin-bottom: 5.6rem;
}
.home-hero.manual .home-hero__background-slider-navigation-item {
--slideProgress: 0 !important;
}
.home-hero.manual .home-hero__background-slider-navigation-item.active {
--slideProgress: 1 !important;
}
.home-hero__next-event {
align-items: flex-start;
position: fixed;
left: 1.2rem;
bottom: 1.2rem;
width: calc(100% - 2.4rem);
padding: 1.2rem;
display: flex;
gap: 1.2rem;
border-radius: 0.5rem;
border: 1px solid var(--gray--100, #DDD);
background: var(--white-opacity--80, rgba(255, 255, 255, 0.8));
z-index: 999; backdrop-filter: blur(10px);
transition: transform 0.3s ease;
}
.home-hero__next-event.hidden, .home-hero__next-event.closed {
transform: translateY(calc(100% + 1.2rem));
}
.home-hero__next-event-image {
flex: 0 0 7.2rem;
}
.home-hero__next-event-image picture {
width: 100%;
}
.home-hero__next-event-image picture img {
width: 100%;
aspect-ratio: 5/7;
object-fit: cover;
}
.home-hero__next-event-content {
flex: 1 1 auto;
overflow: hidden;
}
.home-hero__next-event-top {
display: flex;
}
.home-hero__next-event-date {
margin-bottom: 0.8rem;
}
.home-hero__next-event-sup {
display: block;
font-family: "The Future";
font-size: 1.1rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-transform: uppercase;
color: var(--gray--250, #969696);
font-feature-settings: "dlig" on;
margin-bottom: 0.6rem;
}
.home-hero__next-event-title {
display: block;
font-family: "The Future";
font-size: 1.9rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
align-self: stretch;
text-overflow: ellipsis;
margin-bottom: 0.8rem;
}
.home-hero__next-event-links {
display: flex;
gap: 1.6rem;
}
.home-hero__next-event-links a {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.home-hero__next-event-hide {
flex: 0 0 1.8rem;
width: 1.8rem;
}
.home-hero__next-event-hide .icon {
font-size: 1.8rem;
}
.home-hero__next-event-hide:focus-visible {
border: 1px dashed #000000;
color: #c44109;
}
.home-hero__background-slider {
position: relative;
width: 100%;
aspect-ratio: 414/310;
margin-bottom: 5.6rem;
touch-action: pan-x;
}
.home-hero__background-slide {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
opacity: 0;
transition: opacity 0.4s ease 0.2s;
}
.home-hero__background-slide.active {
opacity: 1;
visibility: visible;
transition-delay: 0.2s;
}
.home-hero__background-slide video, .home-hero__background-slide picture, .home-hero__background-slide img {
width: 100%;
height: 100%;
}
.home-hero__background-slide video, .home-hero__background-slide img {
object-fit: cover;
}
.home-hero__background-slider-navigation {
position: absolute;
left: 2.4rem;
bottom: 2rem;
display: flex;
gap: 0.8rem;
z-index: 100;
}
.home-hero__background-slider-navigation-item {
flex: 1 0 0;
display: flex;
flex-direction: column-reverse;
gap: 2.4rem;
cursor: pointer;
--slideProgress: 0;
}
.home-hero__background-slider-navigation-item:not(.active) .home-hero__background-slider-navigation-item-progress:after {
opacity: 0.3;
}
.home-hero__background-slider-navigation-item:not(.active) .home-hero__background-slider-navigation-item-label {
opacity: 0.3;
}
.home-hero__background-slider-navigation-item-progress {
position: relative;
width: 3.2rem;
height: 0.6rem;
overflow: hidden;
border-radius: 10rem;
transition: width 0.3s ease;
}
.home-hero__background-slider-navigation-item-progress:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
opacity: 0.3;
z-index: 1;
}
.home-hero__background-slider-navigation-item-progress:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
transform-origin: left center;
transform: scaleX(var(--slideProgress, 0.5));
background-color: #ffffff;
}
.home-hero__background-slider-navigation-item-label {
font-family: "The Future";
font-size: 1.4rem;
font-style: normal;
font-weight: 500;
line-height: 100%; color: #ffffff;
}
.home-hero__overlays-wrapper {
display: grid;
grid-template-columns: 100%;
grid-template-rows: auto;
}
.home-hero__overlay {
padding-left: 2.4rem;
padding-right: 2.4rem;
grid-area: 1/1/1/1;
transition: opacity 0.4s ease 0.2s;
}
.home-hero__overlay:not(.active) {
opacity: 0;
pointer-events: none;
transition-delay: 0s;
}
.home-hero__overlay-title {
text-wrap: balance;
margin-bottom: 4rem;
}
.home-hero__overlay-links {
display: flex;
flex-direction: column;
gap: 0.8rem;
margin-bottom: 4rem;
}
.home-hero__overlay-link:not(:has(.button)) {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.home-hero__overlay-partners {
display: flex;
flex-direction: column;
gap: 2rem;
}
.home-hero__overlay-partners-title {
color: var(--black--100, #444);
font-family: "The Future";
font-size: 1.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.home-hero__overlay-partners-row-wrapper {
position: relative;
display: flex;
gap: 4rem;
overflow: hidden;
width: calc(100% + 4.8rem);
left: -2.4rem;
}
.home-hero__overlay-partners-row {
display: flex;
gap: 4rem;
width: max-content;
flex: 1 0 auto;
animation: row-anim 60s linear infinite;
}
@keyframes row-anim {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.home-hero__overlay-partner {
transform-origin: center center;
flex: 1 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.home-hero__overlay-partner picture img {
height: calc(2.4rem * var(--scale-size, 1));
width: auto;
filter: brightness(0);
}
@media (max-width: 992px) {
.home-hero__background-slider-navigation-item:not(.active) .home-hero__background-slider-navigation-item-progress {
width: 0.6rem;
}
.home-hero__background-slider-navigation-item:not(.active) .home-hero__background-slider-navigation-item-label {
display: none;
}
.home-hero__background-slider-navigation-item-label {
position: absolute;
bottom: calc(100% + 2rem);
left: 0;
white-space: nowrap;
}
}
@media (min-width: 768px) {
.home-hero__overlay {
position: absolute;
top: 14rem;
left: 8rem;
width: 67rem;
z-index: 2;
padding: 0;
}
.home-hero__overlay[data-current-theme=dark] .home-hero__overlay-title {
color: #ffffff;
}
.home-hero__overlay[data-current-theme=dark] .home-hero__overlay-link {
color: #ffffff;
}
.home-hero__overlay[data-current-theme=dark] .home-hero__overlay-link a {
--underline-color: #ffffff;
}
.home-hero__overlay[data-current-theme=dark] .home-hero__overlay-partners-title {
color: #ffffff;
}
.home-hero__overlay[data-current-theme=dark] .home-hero__overlay-partner picture img {
filter: brightness(1);
}
.home-hero__background-slider-navigation {
left: 8rem;
}
.home-hero__overlay-partners-row-wrapper {
width: 45rem;
left: 0;
}
.home-hero__next-event {
width: calc((100% - 4rem) / 12 * 8);
left: 50%;
bottom: 2rem;
transform: translateX(-50%);
}
.home-hero__next-event.hidden, .home-hero__next-event.closed {
transform: translateY(calc(100% + 2rem)) translateX(-50%);
}
}
@media (min-width: 992px) {
body:has(.home-hero[data-current-theme=dark]):not(:has(.header--not-top)) .header-navigation__level .menu-item, body:has(.home-hero[data-current-theme=dark]):not(:has(.header--not-top)) .header__meta-menu {
color: #ffffff;
}
.home-hero__background-slider {
height: 85vh;
aspect-ratio: auto;
touch-action: auto;
}
.home-hero__background-slider-navigation {
bottom: 2.4rem;
left: 12rem;
width: calc(100% - 24rem);
gap: 2.4rem;
}
.home-hero__background-slider-navigation-item {
display: flex;
flex-direction: column;
gap: 2.4rem;
}
.home-hero__background-slider-navigation-item-progress {
width: 100%;
height: 2px;
}
.home-hero__next-event {
left: unset;
right: 12rem;
bottom: 10rem;
width: 46.9rem;
transform: none;
padding: 0.9rem 1rem 1.2rem 1.2rem;
gap: 2rem;
}
.home-hero__next-event.hidden, .home-hero__next-event.closed {
transform: translateX(calc(100% + 12rem));
}
.home-hero__next-event-image {
flex: 0 0 8.3rem;
width: 8.3rem;
}
.home-hero__next-event-tag {
margin-bottom: 1.2rem;
}
.home-hero__next-event-sup {
font-family: "The Future";
font-size: 1.2rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 0.4rem;
}
.home-hero__next-event-title {
margin-bottom: 1.2rem;
}
.home-hero__next-event-links a {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.home-hero__next-event-hide {
cursor: pointer;
}
.home-hero__background-image {
aspect-ratio: unset;
margin-bottom: 0;
width: 100%;
height: 100%;
}
.home-hero__overlay {
top: calc(50% - 4.4rem);
transform: translateY(-50%);
left: 12rem;
width: 71.2rem;
}
.home-hero__overlay[data-current-theme=dark] .home-hero__overlay-title {
color: #ffffff;
}
.home-hero__overlay[data-current-theme=dark] .home-hero__overlay-link {
color: #ffffff;
}
.home-hero__overlay[data-current-theme=dark] .home-hero__overlay-link a {
--underline-color: #ffffff;
}
.home-hero__overlay[data-current-theme=dark] .home-hero__overlay-partners-title {
color: #ffffff;
}
.home-hero__overlay[data-current-theme=dark] .home-hero__overlay-partner picture img {
filter: brightness(1);
}
.home-hero__overlay-title {
margin-bottom: 3.2rem;
}
.home-hero__overlay-links {
display: flex;
align-items: center;
flex-direction: row;
margin-bottom: 3.2rem;
gap: 1.6rem;
}
.home-hero__overlay-partner picture img {
height: calc(2.1rem * var(--scale-size, 1));
}
.home-hero__overlay-partners-row-wrapper {
gap: 4.4rem;
width: 75%;
left: 0;
}
.home-hero__overlay-partners-row {
gap: 4.4rem;
}
}
@media (min-width: 1322px) {
.home-hero__background-slider-navigation {
left: 12rem;
width: 95.8rem;
}
.home-hero__next-event {
right: 2.4rem;
bottom: 2.4rem;
}
.home-hero__next-event.hidden, .home-hero__next-event.closed {
transform: translateX(calc(100% + 2.4rem));
}
}
.intro {
margin-bottom: 12rem;
position: relative;
}
.intro--type-text {
margin-bottom: 5.6rem;
}
.intro__inner-container {
display: flex;
flex-direction: column;
justify-content: center;
}
.intro__headline {
hyphens: manual;
-webkit-hyphens: manual;
}
.intro__text {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
}
.intro__ctas {
align-items: center;
display: inline-flex;
flex-wrap: wrap;
gap: 1.5rem 0;
margin-top: calc(var(--grid-gap) * 8);
}
.intro__link {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
display: inline-flex;
margin-right: 1.5rem;
}
.intro__link .link {
color: #181818;
}
.intro__link .link__label::before, .intro__link .link__label::after {
background-color: #181818;
}
.intro__figure {
height: 0;
margin: 0;
padding-top: 140%;
position: relative;
width: 100%;
}
.intro__figure img,
.intro__figure video {
bottom: 0;
display: flex;
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
right: 0;
top: 0;
}
.intro__collage {
aspect-ratio: 0.93/1;
display: grid;
grid-template-columns: 1fr 0.76fr;
grid-template-rows: auto auto;
grid-template-areas: "first second" "third second";
gap: 1.4rem;
overflow: hidden;
position: relative;
}
.intro__collage-item {
display: block;
position: relative;
}
.intro__collage-item-figure {
background-color: var(--theme-primary-color);
border-radius: 0.3rem;
height: 0;
margin: 0;
overflow: hidden;
position: relative;
width: 100%;
z-index: 1;
}
.intro__collage-item-figure video,
.intro__collage-item-figure img {
bottom: 0;
left: 0;
height: 100%;
object-fit: cover;
position: absolute;
right: 0;
top: 0;
}
.intro__collage-item-figure--alt {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
}
.intro__collage-item--first {
grid-area: first;
margin: auto 0 0 auto;
width: 100%;
}
.intro__collage-item--first figure {
margin: 0 auto 0 0;
padding-top: 120%;
}
.intro__collage-item--first .intro__collage-item-figure--alt img {
object-fit: contain;
padding: 1.6rem;
}
.intro__collage-item--second {
grid-area: second;
}
.intro__collage-item--second .intro__collage-item-figure {
height: 0;
padding-top: 137.5% !important;
top: 20%;
}
.intro__collage-item--third {
grid-area: third;
margin: 0 0 0 auto;
width: 68%;
}
.intro__collage-item--third .intro__collage-item-figure--main {
padding-top: 100%;
}
.intro__collage-item--third .intro__collage-item-figure--main img {
object-fit: contain;
padding: 1.6rem;
}
.intro__collage-item--third .intro__collage-item-figure--alt {
padding-top: 100%;
}
.intro__collage--animated .intro__collage-item--first {
animation: collage-item-1 5s ease-in-out 5s infinite alternate;
}
.intro__collage--animated .intro__collage-item--first .intro__collage-item-figure--main {
animation: collage-figure-1 5s ease-in-out 5s infinite alternate;
}
.intro__collage--animated .intro__collage-item--first:has(.intro__collage-item-figure--alt) .intro__collage-item-figure--main {
animation: collage-figure-alt-1 5s ease-in-out 5s infinite alternate;
}
.intro__collage--animated .intro__collage-item--first:has(.intro__collage-item-figure--alt) .intro__collage-item-figure--alt {
animation: collage-figure-1 5s ease-in-out 5s infinite alternate;
}
.intro__collage--animated .intro__collage-item--second .intro__collage-item-figure {
animation: collage-figure-2 5s ease-in-out 5s infinite alternate;
}
.intro__collage--animated .intro__collage-item--second:has(.intro__collage-item-figure--alt) .intro__collage-item-figure--main {
animation: collage-figure-alt-2 5s ease-in-out 5s infinite alternate;
}
.intro__collage--animated .intro__collage-item--third {
animation: collage-item-3 5s ease-in-out 5s infinite alternate;
}
.intro__collage--animated .intro__collage-item--third .intro__collage-item-figure--main {
animation: collage-figure-3 5s ease-in-out 5s infinite alternate;
}
.intro__collage--animated .intro__collage-item--third:has(.intro__collage-item-figure--alt) .intro__collage-item-figure--main {
animation: collage-figure-alt-3 5s ease-in-out 5s infinite alternate;
}
.intro__collage--animated .intro__collage-item--third:has(.intro__collage-item-figure--alt) .intro__collage-item-figure--alt {
animation: collage-figure-3 5s ease-in-out 5s infinite alternate;
}
.intro:not(.intro--type-text) .intro__inner-container {
margin-bottom: 6rem;
}
.intro__figure:has(video[data-video-overlay]), .intro__collage-item-figure:has(video[data-video-overlay]) {
cursor: pointer;
}
.intro__figure:has(video[data-video-overlay])::after, .intro__collage-item-figure:has(video[data-video-overlay])::after {
align-items: center;
background-color: var(--theme-primary-color);
border-radius: 100%;
color: var(--theme-button-color);
content: "\e961";
display: flex;
font-family: "SDS";
font-size: 2rem;
height: 4rem;
justify-content: center;
left: 50%;
pointer-events: none;
position: absolute;
text-indent: -0.15em;
top: 50%;
transform: translate(-50%, -50%);
width: 4rem;
}
.intro__figure:has(video[data-video-overlay]:focus-visible)::after, .intro__collage-item-figure:has(video[data-video-overlay]:focus-visible)::after {
border: 2px dashed;
}
.intro__available-solutions {
margin-top: 3.2rem;
}
.intro__available-solutions .content-fader__related-solutions {
justify-content: flex-start;
}
.intro__available-solutions-title {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 1.2rem;
}
.intro .home-hero__overlay-partners {
margin-top: 3.2rem;
}
.intro .home-hero__overlay-partners-row-wrapper:before, .intro .home-hero__overlay-partners-row-wrapper:after {
display: none;
}
.intro .home-hero__overlay-partners-row {
width: 100%;
animation: none;
}
.intro .home-hero__overlay-partner {
flex: 0 1 auto;
}
@media (max-width: 992px) {
.intro .home-hero__overlay-partners-row-wrapper {
width: 100%;
left: 0;
}
}
@media (min-width: 768px) {
.intro__text {
font-family: "The Future";
font-size: 2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.25;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.intro__ctas {
margin-top: calc(var(--grid-gap) * 4);
}
.intro__media-wrapper {
display: flex;
justify-content: center;
}
.intro__collage {
min-height: 39rem;
height: 65vmin;
}
.intro__figure:has(video[data-video-overlay])::after, .intro__collage-item-figure:has(video[data-video-overlay])::after {
font-size: 3rem;
height: 6rem;
width: 6rem;
}
}
@media (min-width: 992px) {
.intro {
margin-bottom: 6rem;
}
.intro__ctas {
margin-top: calc(var(--grid-gap) * 2);
}
.intro__media-wrapper {
justify-content: flex-end;
}
.intro__collage {
height: min(65vmin, var(--grid-width) * 5);
min-height: 52rem;
}
.intro--type-text {
margin-bottom: 8rem;
}
.intro--type-text .intro__headline {
font-family: "The Future";
font-size: 6.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.intro--type-text .intro__inner-container {
flex-direction: row;
gap: calc(8.3333333333% + 2rem);
}
.intro--type-text .intro__header {
max-width: 41.6666666667%;
flex: 0 0 41.6666666667%;
}
.intro--type-text .intro__text {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.35;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
}
.intro:not(.intro--type-text) .intro__inner-container {
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.intro__collage {
height: min(65vmin, var(--grid-width) * 6);
}
}
.mobile-menu {
position: fixed;
top: 0;
left: 0;
z-index: 50;
width: 100%;
padding: 5rem 2.4rem 6rem;
height: 100dvh;
overflow: auto;
transform: translateY(calc(-100% - 6rem));
transition: 0.3s ease;
background: var(--cd-background-400, #F9F7F5);
-ms-overflow-style: none; scrollbar-width: none; }
.mobile-menu::-webkit-scrollbar {
display: none;
}
.mobile-menu--visible {
transform: translateY(0);
}
.mobile-menu__navigation {
position: relative;
z-index: 5;
}
.mobile-menu__navigation-level {
list-style: none;
padding: 0;
margin: 0;
}
.mobile-menu__navigation-level .menu-item {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.35;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
padding: 2.4rem 0;
border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.mobile-menu__navigation-level .menu-item:has(.mega-menu) {
padding: 0;
}
.mobile-menu__navigation-level .menu-item:has(.mega-menu) > a {
display: none;
}
.mobile-menu__navigation-level .menu-item:not(:has(.mega-menu)) {
padding: 0;
line-height: 1;
}
.mobile-menu__navigation-level .menu-item:not(:has(.mega-menu)) > a {
display: block;
width: 100%;
padding: 2.4rem 0;
}
.mobile-menu__navigation-level .menu-item > a {
color: #444444;
}
.mobile-menu__navigation-level .menu-item > a:focus-visible {
color: var(--theme-primary-color);
}
.mobile-menu .mega-menu {
position: relative;
left: 0;
transform: none;
top: 0;
opacity: 1;
pointer-events: auto;
box-shadow: none;
background-color: transparent;
width: 100%;
padding: 0;
}
.mobile-menu .mega-menu__products-wrapper {
display: none;
overflow: hidden;
grid-template-columns: 1fr;
border: none;
}
.mobile-menu .mega-menu__product-wrapper {
grid-template-columns: 1fr;
border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
border-left: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
border-right: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.mobile-menu .mega-menu__product-wrapper:first-child {
border-top: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.mobile-menu .mega-menu__row {
display: grid;
grid-template-rows: max-content 0fr;
transition: grid-template-rows 0.3s ease, padding-bottom 0.3s ease;
overflow: hidden;
margin-bottom: 0;
}
.mobile-menu .mega-menu__row:not(:last-child) {
border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.mobile-menu .mega-menu__row.opened {
padding-bottom: 2.4rem;
grid-template-rows: max-content 1fr;
}
.mobile-menu .mega-menu__row.opened .mega-menu__products-wrapper,
.mobile-menu .mega-menu__row.opened .mega-menu__services-wrapper {
display: grid;
}
.mobile-menu .mega-menu__row-headline {
position: relative;
color: var(--black--100, #444);
font-feature-settings: "dlig" on;
font-family: "The Future";
font-size: 2.2rem;
font-style: normal;
font-weight: 500;
line-height: 100%; margin-bottom: 0;
padding: 2.4rem 0;
display: flex;
align-items: center;
gap: 0.2rem;
}
.mobile-menu .mega-menu__row-headline:after {
content: "\e942";
font-family: "SDS" !important;
position: relative;
top: 0.4rem;
font-size: 1rem;
color: #444444;
}
.mobile-menu .mega-menu__row-headline:focus-visible {
color: var(--theme-primary-color);
}
.mobile-menu .mega-menu__row-headline:focus-visible::after {
color: var(--theme-primary-color);
}
.mobile-menu .mega-menu__product-wrapper--has-extensions > .mega-menu__product {
border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.mobile-menu .mega-menu__product-extensions-headline {
display: none;
}
.mobile-menu .mega-menu__services-wrapper {
border: none;
display: none;
grid-template-columns: 1fr;
}
.mobile-menu .mega-menu__service {
border-right: none;
border-left: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
border-right: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.mobile-menu .mega-menu__service:first-child {
border-top: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.mobile-menu .mega-menu__service:last-child {
border-left: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
border-right: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.mobile-menu__bottom-items {
color: var(--black--100, #444);
font-feature-settings: "dlig" on;
font-family: "The Future";
font-size: 2.2rem;
font-style: normal;
font-weight: 500;
line-height: 100%; list-style: none;
margin: 0;
padding: 0;
}
.mobile-menu__bottom-items li {
padding: 0;
border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.mobile-menu__bottom-items li > * {
display: flex;
align-items: center;
gap: 1rem;
padding: 2.4rem 0;
}
.mobile-menu__bottom-items li > * .icon {
font-size: 2.2rem;
}
.mobile-menu__bottom-items li a:focus-visible {
color: var(--theme-primary-color);
}
@media (min-width: 768px) {
.mobile-menu {
padding-left: var(--grid-margin);
padding-right: var(--grid-margin);
}
}
@media (min-width: 992px) {
.mobile-menu {
display: none;
}
}
.moving-background {
background-color: #f5f5f5;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: -1;
}
.moving-background__video {
bottom: 0;
height: 101%;
left: 0;
object-fit: cover;
position: absolute;
right: 0;
top: 0;
width: 101%;
}
.moving-background__video--desktop {
display: none;
}
.moving-background.has-started::after {
background-color: var(--theme-primary-color);
bottom: 0;
content: "";
display: block;
height: 100%;
left: 0;
mix-blend-mode: overlay;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
.is-hidden .moving-background::after {
background-color: inherit !important;
mix-blend-mode: normal;
}
.is-hidden.theme--securities-processing-1 .moving-background::after {
background-color: #fff6f1 !important;
}
.is-hidden.theme--securities-processing-2 .moving-background::after {
background-color: #f8f4f2 !important;
}
.is-hidden.theme--securities-processing-3 .moving-background::after {
background-color: #fcf8f7 !important;
}
.is-hidden.theme--securities-processing-4 .moving-background::after {
background-color: #fef7f5 !important;
}
.is-hidden.theme--securities-processing-5 .moving-background::after {
background-color: #fdf7f1 !important;
}
.is-hidden.theme--regulatory-reporting-1 .moving-background::after {
background-color: #f6fbfc !important;
}
.is-hidden.theme--services-1 .moving-background::after {
background-color: #f7f7f6 !important;
}
.is-hidden.theme--services-2 .moving-background::after {
background-color: #faf4f6 !important;
}
.is-hidden.theme--services-3 .moving-background::after {
background-color: #f8f8f8 !important;
}
.is-hidden.theme--sw-testing-1 .moving-background::after {
background-color: #f9f4f6 !important;
}
.is-hidden.theme--career-1 .moving-background::after {
background-color: #f6fbf4 !important;
}
.is-hidden.theme--primary .moving-background::after {
background-color: #f7fcfc !important;
}
.is-hidden.theme--secondary .moving-background::after {
background-color: #f5f9f8 !important;
}
@media (min-width: 768px) {
.moving-background__video--mobile {
display: none;
}
.moving-background__video--desktop {
display: block;
}
}
.theme--securities-processing-1 {
--theme-primary-color: #e54400;
--theme-button-color: #ffffff;
}
.theme--securities-processing-2 {
--theme-primary-color: #800f0f;
--theme-button-color: #ffffff;
}
.theme--securities-processing-3 {
--theme-primary-color: #b01515;
--theme-button-color: #ffffff;
}
.theme--securities-processing-4 {
--theme-primary-color: #d82300;
--theme-button-color: #ffffff;
}
.theme--securities-processing-5 {
--theme-primary-color: #e36d00;
--theme-button-color: #ffffff;
}
.theme--regulatory-reporting-1 {
--theme-primary-color: #4298b8;
--theme-button-color: #ffffff;
}
.theme--services-1 {
--theme-primary-color: #978c88;
--theme-button-color: #ffffff;
}
.theme--services-2 {
--theme-primary-color: #b01478;
--theme-button-color: #ffffff;
}
.theme--services-3 {
--theme-primary-color: #965466;
--theme-button-color: #ffffff;
}
.theme--sw-testing-1 {
--theme-primary-color: #b01478;
--theme-button-color: #ffffff;
}
.theme--career-1 {
--theme-primary-color: #43a22a;
--theme-secondary-color: rgb(16.75, 40.5, 10.5);
--theme-button-color: #ffffff;
}
.theme--primary {
--theme-primary-color: #e54400;
--theme-secondary-color: #4298b8;
--theme-button-color: #ffffff;
}
.theme--secondary {
--theme-primary-color: #4298b8;
--theme-secondary-color: #e54400;
--theme-button-color: #ffffff;
}
.mega-menu {
position: fixed;
left: 50%;
transform: translateX(-50%) translateY(0.5rem);
padding: 1.6rem;
background-color: #ffffff;
top: 5.2rem;
border-radius: 0.8rem;
box-shadow: 0 24px 105px 0 rgba(0, 0, 0, 0.12);
backdrop-filter: blur(15px);
width: 108rem;
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
pointer-events: none;
backface-visibility: hidden;
will-change: box-shadow, opacity;
}
.mega-menu--visible {
opacity: 1;
pointer-events: auto;
transform: translateX(-50%) translateY(0);
}
.mega-menu__row {
margin-bottom: 1.6rem;
}
.mega-menu__row:last-child {
margin-bottom: 0;
}
.mega-menu__row-headline {
color: #181818;
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 1.6rem;
}
.mega-menu__products-wrapper {
display: grid;
grid-template-columns: 2fr 1fr;
border: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
border-radius: 0.3rem;
background-color: #f0f0f2;
}
.mega-menu__product-wrapper--has-extensions {
display: grid;
grid-template-columns: 1fr 1fr;
border-right: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.mega-menu__product {
border: 1px dashed transparent;
display: block;
padding: 1.6rem 1.2rem;
height: 100%;
background-color: #f0f0f2;
transition: background-color 0.3s ease;
}
.mega-menu__product-tag {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.mega-menu__product-image {
position: relative;
margin-bottom: 1.6rem;
aspect-ratio: 33.6/25;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
background-position: center center;
transition: background-color 0.3s ease 0.2s;
}
.mega-menu__product-image:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: radial-gradient(50% 50% at 50% 50%, rgba(240, 240, 242, 0) 60%, #F0F0F2 100%);
transition: opacity 0.3s ease;
}
.mega-menu__product-image:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: radial-gradient(50% 50% at 50% 50%, rgba(230, 230, 230, 0) 60%, #E6E6E6 100%);
opacity: 0;
transition: opacity 0.3s ease;
z-index: 1;
}
.mega-menu__product-image img {
width: 7.6rem;
}
.mega-menu__product-app-icon-wrapper {
width: 9rem;
height: 9rem;
position: relative;
}
.mega-menu__product-app-icon-wrapper--red:before {
background: var(--cd--sp--400, #E54400);
}
.mega-menu__product-app-icon-wrapper--blue:before {
background: var(--cd--second--400, #4298B8);
}
.mega-menu__product-app-icon-wrapper:before {
content: "";
border-radius: 1.1368rem;
filter: blur(42.6315803528px);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: 0.3s ease;
}
.mega-menu__product-app-icon-wrapper img {
position: relative;
z-index: 5;
}
.mega-menu__product-title {
color: #000000;
font-family: "The Future";
font-size: 1.8rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 0.4rem;
}
.mega-menu__product-description {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.25;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #757575;
}
.mega-menu__product-extensions {
padding: 1.6rem 1.2rem 1.6rem 0;
}
.mega-menu__product-extensions-headline {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 0.4rem;
padding: 0 1.2rem;
}
.mega-menu__product-extension {
border: 1px dashed transparent;
display: flex;
padding: 1.2rem;
gap: 1.2rem;
border-radius: 0.3rem;
transition: background-color 0.3s ease;
}
.mega-menu__product-extension-icon {
flex-shrink: 0;
}
.mega-menu__product-extension-icon img {
width: 4rem;
}
.mega-menu__product-extension-title {
color: #000000;
font-family: "The Future";
font-size: 1.5rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 0.4rem;
}
.mega-menu__product-extension-description {
font-family: "The Future";
font-size: 1.5rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.25;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #757575;
}
.mega-menu__services-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
border: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
overflow: hidden;
border-radius: 0.3rem;
}
.mega-menu__service {
background-color: #f0f0f2;
padding: 0 1.6rem 1.6rem;
border-right: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
transition: background-color 0.3s ease;
min-width: 0;
}
.mega-menu__service:last-child {
border-right: none;
}
.mega-menu__service-description {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.25;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: var(--gray--260, #757575);
}
.mega-menu__service-image {
margin-bottom: 1.6rem;
}
.mega-menu__service-image picture {
position: relative;
}
.mega-menu__service-image picture:before {
content: "";
position: absolute;
left: -1.2rem;
top: 0;
width: calc(100% + 2.4rem);
height: 100%;
z-index: 2;
opacity: 1;
transition: opacity 0.3s;
background: radial-gradient(50% 50% at 50% 50%, rgba(240, 240, 242, 0) 60%, #F0F0F2 100%);
}
.mega-menu__service-image picture:after {
content: "";
position: absolute;
left: -1.2rem;
top: 0;
background: radial-gradient(50% 50% at 50% 50%, rgba(230, 230, 230, 0) 60%, #E6E6E6 100%);
width: calc(100% + 2.4rem);
height: 100%;
z-index: 3;
opacity: 0;
transition: opacity 0.3s;
}
.mega-menu__service-title {
color: #000000;
font-family: "The Future";
font-size: 1.8rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-transform: uppercase;
margin-bottom: 0.4rem;
}
.mega-menu__service:focus-visible, .mega-menu__product-extension:focus-visible, .mega-menu__product:focus-visible {
background-color: #e6e6e6;
border: 1px dashed #444444 !important;
}
.mega-menu__service:focus-visible .mega-menu__product-image:before, .mega-menu__product-extension:focus-visible .mega-menu__product-image:before, .mega-menu__product:focus-visible .mega-menu__product-image:before {
opacity: 0;
}
.mega-menu__service:focus-visible .mega-menu__product-image:after, .mega-menu__product-extension:focus-visible .mega-menu__product-image:after, .mega-menu__product:focus-visible .mega-menu__product-image:after {
opacity: 1;
}
.mega-menu__service:focus-visible .mega-menu__product-app-icon-wrapper:before, .mega-menu__product-extension:focus-visible .mega-menu__product-app-icon-wrapper:before, .mega-menu__product:focus-visible .mega-menu__product-app-icon-wrapper:before {
filter: blur(32.6315803528px);
}
@media (max-width: 992px) {
.mega-menu__service {
border-right: none;
border-left: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
border-right: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
border-bottom: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
}
.mega-menu__service:not(:first-child) {
border-top: none;
}
.mega-menu__service:first-child {
border-top: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.mega-menu__service:last-child {
border-left: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
border-right: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
border-bottom-left-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
}
.mega-menu__product-image {
aspect-ratio: 58.6/25;
}
}
@media (min-width: 992px) {
.mega-menu {
display: none;
}
.mega-menu__service-image picture:before, .mega-menu__service-image picture:after {
width: calc(100% + 4.8rem);
left: -2.4rem;
}
.mega-menu__service {
padding: 0 2.4rem 2.4rem;
}
.mega-menu--visible {
display: block;
}
}
@media (hover: hover) {
.mega-menu__service:hover {
background-color: #e6e6e6;
}
.mega-menu__service:hover .mega-menu__service-image picture:after {
opacity: 1;
}
.mega-menu__product-extension:hover {
background-color: #e6e6e6;
}
.mega-menu__product:hover {
background-color: #e6e6e6;
}
.mega-menu__product:hover .mega-menu__product-image:before {
opacity: 0;
}
.mega-menu__product:hover .mega-menu__product-image:after {
opacity: 1;
}
.mega-menu__product:hover .mega-menu__product-app-icon-wrapper:before {
filter: blur(32.6315803528px);
}
}
.footer {
margin-top: 12rem;
padding: 0 var(--grid-margin) 8rem;
}
.footer__inner {
padding: 2.4rem 2.4rem 3.2rem;
border-radius: 0.3rem;
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(0, 0, 0, 0.1019607843);
display: grid;
grid-template-columns: repeat(5, 1fr);
position: relative;
color: #181818; box-shadow: 0px 51px 71px 0px rgba(0, 0, 0, 0.08);
backdrop-filter: blur(20px);
}
.footer__mobile-divider {
grid-column-start: 1;
grid-column-end: span 5;
padding-bottom: 2.4rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
margin-bottom: 2.4rem;
}
.footer__contact-wrapper {
grid-column-start: 1;
grid-column-end: span 5;
}
.footer__sds-logo-wrapper {
margin-bottom: 2.4rem;
}
.footer__full-address {
margin-bottom: 2.4rem;
font-family: "The Future";
font-size: 1.5rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.25;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
}
.footer__full-address a {
display: inline-block;
margin-top: 0.8rem;
}
.footer__contact-links {
display: flex;
flex-direction: column;
gap: 0.4rem;
}
.footer__contact-link {
width: max-content;
}
.footer__contact-link:last-child {
margin-bottom: 0;
}
.footer__products-services-wrapper {
padding-bottom: 2.4rem;
grid-column-start: 1;
grid-column-end: span 5;
}
.footer__extensions-wrapper {
grid-column-start: 1;
grid-column-end: span 5;
}
.footer__pages-wrapper {
grid-column-start: 1;
grid-column-end: span 2;
}
.footer__services-wrapper {
grid-column-start: 3;
grid-column-end: span 5;
margin-left: auto;
}
.footer__services-wrapper--desktop {
display: none;
}
.footer__meta-links-wrapper {
grid-column-start: 1;
grid-column-end: span 2;
}
.footer__socials-wrapper {
grid-column-start: 3;
grid-column-end: span 5;
display: flex;
justify-content: flex-end;
gap: 1.6rem;
}
.footer__section-headline {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 1.6rem;
}
.footer__icon-links {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.footer__icon-link {
display: flex;
align-items: center;
gap: 0.8rem;
padding: 0.6rem 0;
width: max-content;
}
.footer__icon-link-icon {
display: flex;
}
.footer__icon-link-icon picture {
display: flex;
}
.footer__icon-link-icon img {
width: 2.8rem;
}
.footer__icon-link-label {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.footer__navigation {
flex: 0 0 40%;
}
.footer__navigation-level, .footer__meta-navigation-level {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 1.2rem;
}
.footer__navigation-level .menu-item, .footer__meta-navigation-level .menu-item {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
}
.footer__navigation-level .menu-item:hover, .footer__navigation-level .menu-item:focus, .footer__navigation-level .menu-item:active, .footer__navigation-level .menu-item:has(a:hover), .footer__navigation-level .menu-item:has(a:focus), .footer__navigation-level .menu-item:has(a:active), .footer__meta-navigation-level .menu-item:hover, .footer__meta-navigation-level .menu-item:focus, .footer__meta-navigation-level .menu-item:active, .footer__meta-navigation-level .menu-item:has(a:hover), .footer__meta-navigation-level .menu-item:has(a:focus), .footer__meta-navigation-level .menu-item:has(a:active) {
text-decoration: underline;
}
.footer__meta-navigation {
margin-bottom: 1.6rem;
color: #444444;
}
.footer__meta-navigation-level {
gap: 1.6rem;
}
.footer__text-links {
flex: 0 0 40%;
display: flex;
flex-direction: column;
gap: 1.2rem;
}
.footer__text-link {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
}
.footer__text-link:hover, .footer__text-link:focus, .footer__text-link:active {
text-decoration: underline;
}
.footer__social {
display: flex;
font-size: 2.4rem;
color: #444444;
}
.footer__social:focus-visible {
color: #e54400;
}
.footer__telekom-wrapper {
display: flex;
flex-direction: column;
gap: 1.6rem;
margin-top: 2.4rem;
grid-column-start: 1;
grid-column-end: span 5;
}
.footer__telekom-wrapper img {
width: 14.6rem;
}
.footer__copyright {
font-family: "The Future";
font-size: 1.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: rgba(0, 0, 0, 0.3019607843);
}
.footer__desktop-hr {
display: none;
}
.footer__ki-hint {
font-family: "The Future";
font-size: 1.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
line-height: 1.2;
color: rgba(0, 0, 0, 0.3019607843);
grid-column-start: 1;
grid-column-end: span 4;
padding-top: 2.4rem;
}
@media (min-width: 768px) {
.footer {
padding-left: 8rem;
padding-right: 8rem;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.footer__products-services-wrapper, .footer__pages-wrapper, .footer__meta-links-wrapper {
grid-column-end: 4;
}
.footer__extensions-wrapper, .footer__services-wrapper, .footer__socials-wrapper {
grid-column-start: 4;
grid-column-end: 5;
}
.footer__socials-wrapper {
justify-content: flex-start;
}
}
@media (min-width: 992px) {
.footer__inner {
padding: 5.6rem 5.6rem 8rem;
grid-template-columns: 32.3fr 35.2fr 36.3fr 29fr;
box-shadow: 0px 51px 71px 0px rgba(0, 0, 0, 0.08);
backdrop-filter: blur(20px);
}
.footer__mobile-divider {
display: none;
}
.footer__contact-wrapper {
grid-column-start: 1;
grid-column-end: 1;
border-right: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.footer__products-services-wrapper {
display: flex;
flex-direction: column;
gap: 4rem;
grid-row: auto;
grid-column-start: 2;
grid-column-end: 2;
padding-bottom: 0;
border-right: 1px solid rgba(0, 0, 0, 0.1019607843);
padding-left: 9rem;
padding-right: 8rem;
}
.footer__extensions-wrapper {
grid-column-start: 3;
grid-column-end: 3;
border-right: 1px solid rgba(0, 0, 0, 0.1019607843);
padding-left: 9rem;
padding-right: 8rem;
}
.footer__pages-wrapper {
grid-column-start: 4;
grid-column-end: 4;
padding-left: 9rem;
padding-right: 7rem;
}
.footer__services-wrapper {
margin-left: 0;
}
.footer__services-wrapper--mobile {
display: none;
}
.footer__services-wrapper--desktop {
display: block;
}
.footer__meta-links-wrapper {
display: flex;
grid-column-start: unset;
grid-column-end: unset;
position: absolute;
bottom: 8rem;
left: 50%;
transform: translateX(-50%);
gap: 1.6rem;
}
.footer__socials-wrapper {
grid-row: 3;
grid-column-start: 4;
grid-column-end: 4;
align-items: flex-end;
}
.footer__telekom-wrapper {
grid-row: 3;
grid-column-start: 1;
grid-column-end: 1;
margin-top: 0;
}
.footer__icon-link {
padding: 0.6rem 0.8rem;
border-radius: 0.3rem;
transition: 0.3s ease;
}
.footer__icon-link:hover, .footer__icon-link:focus, .footer__icon-link:active {
background-color: rgba(0, 0, 0, 0.1019607843);
}
.footer__meta-navigation {
margin-bottom: 0;
}
.footer__meta-navigation-level {
flex-direction: row;
justify-content: center;
align-items: center;
}
.footer__desktop-hr {
grid-row: 2;
display: block;
grid-column-start: 1;
grid-column-end: 5;
padding-bottom: 4rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.1019607843);
margin-bottom: 2.4rem;
}
.footer__ki-hint {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 3.6rem;
padding: 0;
}
}
.error404 .in-page-nav {
display: none;
}
.header--not-top .in-page-nav {
padding-bottom: 1rem;
}
.in-page-nav {
display: flex;
width: 100%;
position: relative;
align-items: center;
justify-content: space-between;
padding-top: 1rem;
padding-bottom: 1.1rem;
transition: padding-bottom 0.3s ease;
}
.in-page-nav--menu-open .in-page-nav__menu {
display: flex;
height: auto;
padding: 0 var(--grid-margin) 3.2rem;
}
.in-page-nav__title {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
display: flex;
align-items: center;
gap: 0.4rem;
cursor: pointer;
color: #444444;
min-height: 3.6rem;
}
.in-page-nav__title:focus-visible {
color: var(--theme-primary-color);
}
.in-page-nav__app-icon-wrapper {
margin-right: 0.4rem;
}
.in-page-nav__app-icon-wrapper img {
width: 3.2rem;
}
.in-page-nav__dropdown-icon {
font-size: 0.8rem;
transition: 0.3s ease;
transform-origin: center center;
position: relative;
top: 0.2rem;
}
.in-page-nav__menu {
display: none;
flex-direction: column;
gap: 2.4rem;
border-radius: 0 0 0.3rem 0.3rem;
background: #f9f7f5;
backdrop-filter: blur(20px);
position: absolute;
left: calc(var(--grid-margin) * -1);
top: 100%;
width: calc(100% + var(--grid-margin) * 2);
z-index: 15;
padding: 0 var(--grid-margin) 0;
height: 0;
overflow: hidden;
}
.in-page-nav__menu-link {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
}
.in-page-nav__menu-link:focus-visible {
color: var(--theme-primary-color);
}
.in-page-nav__cta {
margin-left: 1rem;
}
.in-page-nav__cta-label--desktop {
display: none;
}
@media (max-width: 992px) {
.in-page-nav__cta {
min-height: 3.2rem;
font-size: 1.3rem;
}
.in-page-nav__moving-line {
display: none;
}
}
@media (min-width: 992px) {
.in-page-nav {
justify-content: flex-end;
}
.in-page-nav__moving-line {
position: absolute;
bottom: 0;
opacity: 0;
}
.in-page-nav__title {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
cursor: default;
}
.in-page-nav__dropdown-icon {
display: none;
}
.in-page-nav__menu {
display: flex;
position: static;
height: auto;
overflow: visible;
flex-direction: row;
width: auto;
padding: 0;
margin-left: auto;
background: transparent;
backdrop-filter: none;
gap: 0;
}
.in-page-nav__menu-item {
position: relative;
padding: 0 1.2rem;
transition: color 0.3s ease;
}
.in-page-nav__menu-item.active a {
color: var(--theme-primary-color);
}
.in-page-nav__menu-item.active.static a:before {
content: "";
position: absolute;
left: 0;
width: 100%;
bottom: -1.8rem;
height: 2px;
background: var(--theme-primary-color);
opacity: 1;
}
.in-page-nav__menu-item:not(.static):first-child a:before {
content: "";
position: absolute;
left: 0;
width: var(--currentItemWidth, 100%);
transform: translateX(var(--currentItemOffset, 0));
bottom: -1.8rem;
height: 2px;
background: var(--theme-primary-color);
opacity: 1;
transition: transform 0.1s ease, width 0.1s ease;
}
.in-page-nav__menu-link {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.in-page-nav__menu-link:focus-visible {
color: #444444;
}
.in-page-nav__menu-link:focus-visible::before {
background-color: transparent !important;
border-bottom: 2px dashed var(--theme-primary-color);
bottom: -1.8rem;
content: "";
display: block;
height: 0;
left: 0 !important;
position: absolute;
right: 0;
transform: none !important;
width: auto !important;
}
.in-page-nav__cta-label--mobile {
display: none;
}
.in-page-nav__cta-label--desktop {
display: inline;
}
}
.page-darkener {
position: fixed;
width: 100vw;
height: 100vh;
z-index: 1;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
}
body.darken-page .page-darkener {
opacity: 1;
}
.single-intro .intro__headline {
hyphens: auto;
}
.single-intro.intro--type-text .intro__headline {
margin-bottom: 1.6rem;
}
.single-intro .product-success-stories__item-logo {
margin: auto;
}
.single-intro__post-data {
margin-bottom: 0.8rem;
display: flex;
align-items: center;
gap: 0.8rem;
}
.single-intro__post-label {
font-family: "The Future";
font-size: 1.4rem;
font-weight: 700;
font-style: normal;
letter-spacing: 0.014rem;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: var(--black--400-opacity-40, rgba(0, 0, 0, 0.4));
}
@media (min-width: 768px) {
.single-intro.intro--type-text .intro__inner-container {
flex-direction: column;
gap: 1.6rem;
}
.single-intro.intro--type-text .intro__header {
max-width: 100%;
width: 100%;
flex: 1 1 auto;
}
.single-intro.intro--type-text .intro__intro-body {
width: 100%;
}
.single-intro.intro--type-text .intro__text {
font-family: "The Future";
font-size: 2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.25;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.single-intro .intro__headline {
font-family: "The Future";
font-size: 4.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
.page-error {
height: 100vh;
padding-top: 8rem;
display: flex;
align-items: center;
justify-content: center;
}
.page-error__title {
font-family: "The Future";
font-size: 3.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-align: center;
margin-bottom: 1.6rem;
}
.page-error__text {
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-align: center;
color: #444444;
margin-bottom: 2.4rem;
}
.page-error__home-link {
display: flex;
justify-content: center;
}
@media (min-width: 992px) {
.page-error {
height: 75vh;
}
.page-error__title {
font-family: "The Future";
font-size: 5.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 2.4rem;
}
.page-error__text {
font-family: "The Future";
font-size: 2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.25;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 3.2rem;
}
}
body:not(:has(.in-page-nav)) .page-flexible-content {
padding-top: 14.2rem;
}
.page-flexible-content {
padding-top: 20.2rem;
}
.page-template-default .page-flexible-content .video-block {
margin-bottom: 12rem;
}
.page-template-default .page-flexible-content .video-block--margin-none {
margin-bottom: 0;
}
@media (min-width: 768px) {
.page-template-default .page-flexible-content .video-block .col-md-8 { -ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
}
@media (min-width: 992px) {
body:not(:has(.in-page-nav)) .page-flexible-content {
padding-top: 17rem;
}
.page-flexible-content {
padding-top: 19.2rem;
}
.page-template-default .page-flexible-content .video-block {
margin-bottom: 16rem;
}
.page-template-default .page-flexible-content .video-block--margin-none {
margin-bottom: 0;
}
.page-template-default .page-flexible-content .video-block .col-lg-6 { -ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
}
.page-home {
padding-top: 19.2rem;
min-height: 100vh;
}
.page-simple {
padding-top: 12rem;
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.page-simple__title {
font-family: "The Future";
font-size: 3.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 5.6rem;
}
.page-simple a {
text-decoration: none;
}
.page-simple a:not(.button) {
color: var(--theme-primary-color);
}
.page-simple h2 {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.page-simple__content {
display: flex;
flex-direction: column;
gap: 5.6rem;
}
@media (min-width: 992px) {
.page-simple {
padding-top: 16rem;
font-family: "The Future";
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.page-simple__title {
font-family: "The Future";
font-size: 4.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 6.4rem;
}
.page-simple h2 {
font-family: "The Future";
font-size: 2.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
.single-post .cta-banner {
margin-bottom: 8rem;
}
.single-post .cta-banner--margin-none {
margin-bottom: 0;
}
.single-post__related-posts .post-previews__read-more {
display: none !important;
}
@media (min-width: 992px) {
.single-post .cta-banner {
margin-bottom: 6rem;
}
.single-post .cta-banner--margin-none {
margin-bottom: 0;
}
.single-post__related-posts {
margin-top: 16rem;
}
}
.search-page {
padding-top: 16rem;
}
.search-page mark {
background-color: #e54400;
padding-left: 0.2rem;
padding-right: 0.2rem;
border-radius: 0.4rem;
}
.search-page__input-wrapper {
position: relative;
margin-bottom: 5.6rem;
}
.search-page__input {
border-radius: 0.8rem;
border: 1px solid #dddddd;
background: #ffffff;
padding: 1.2rem 4.2rem;
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
width: 100%;
}
.search-page__input::placeholder {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
color: #757575;
}
.search-page__input:placeholder-shown ~ .icon-x-thin {
opacity: 0;
pointer-events: none;
}
.search-page__input ~ .icon-search {
position: absolute;
left: 1.2rem;
top: 50%;
transform: translateY(-50%);
font-size: 2rem;
}
.search-page__input ~ .icon-x-thin {
position: absolute;
right: 1.4rem;
top: 50%;
transform: translateY(-50%);
font-size: 1.8rem;
color: #444444;
cursor: pointer;
}
.search-page__input:focus {
border-color: #c44109;
}
.search-page__stage {
display: none;
}
.search-page__stage.active {
display: block;
}
.search-page__request-empty {
display: flex;
flex-direction: column;
gap: 1.6rem;
}
.search-page__request-empty-title {
font-family: "The Future";
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #181818;
}
.search-page__request-empty-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0.8rem;
}
.search-page__request-empty-grid-item {
min-width: 0;
}
.search-page__loader {
min-height: 33vh;
padding-bottom: 10vh;
display: flex;
align-items: center;
justify-content: center;
}
.search-page__not-found {
display: none;
margin-top: 10.6rem;
padding: 0 2rem;
font-family: "The Future";
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-align: center;
}
.search-page__not-found.active {
display: block;
}
.search-page__results-title {
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
text-align: center;
color: #969696;
}
.search-page__tabs-wrapper {
display: flex;
width: 100%;
margin-bottom: 1.6rem;
border-radius: 1.2rem;
border: 1px solid rgba(0, 0, 0, 0.1019607843);
background: var(--cd--sp--100, #F6EADE);
height: 3.8rem;
}
.search-page__tab {
position: relative;
flex: 0 0 33.3333333333%;
width: 33.3333333333%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-family: "The Future";
font-size: 1.6rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.45;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
border-radius: 1.2rem;
color: #e36d00;
cursor: pointer;
}
.search-page__tab span {
position: relative;
}
.search-page__tab.active {
color: #ffffff;
cursor: default;
background-color: #e54400;
}
.search-page__results-container {
margin-top: 3.2rem;
}
.search-page__results-container:not(:has(.search-page__result-item)) {
display: none;
}
.search-page__results-container-type[data-post-type=vwgt_offer] .search-page__results-container-type-grid {
display: flex;
flex-wrap: wrap;
gap: 0.8rem;
}
.search-page__results-container-type[data-post-type=vwgt_offer] .search-page__results-container-type-grid > * {
flex: 0 0 calc(50% - 0.4rem);
width: calc(50% - 0.4rem);
}
.search-page__results-container-type {
display: none;
}
.search-page__results-container-type.active {
display: block;
}
@media (min-width: 992px) {
.search-page__input-wrapper {
width: calc(100% - 6.4rem);
margin-left: auto;
margin-right: auto;
margin-bottom: 3.2rem;
}
.search-page__results-title {
text-align: center;
}
.search-page__tabs-wrapper {
width: calc(100% - 3.2rem);
margin-left: auto;
margin-right: auto;
}
.search-page__not-found {
font-family: "The Future";
font-size: 2.8rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
padding: 0 4rem;
text-align: center;
margin-top: 20.3rem;
}
.search-page__input ~ .icon-x-thin {
font-size: 2.2rem;
}
.search-page__input ~ .icon-search {
left: 1.4rem;
font-size: 2.2rem;
}
.search-page__results-container-type[data-post-type=vwgt_offer] .search-page__results-container-type-grid {
gap: 2.4rem;
padding: 0 3.2rem;
}
.search-page__results-container-type[data-post-type=vwgt_offer] .search-page__results-container-type-grid > * {
flex: 0 0 calc(33.33333% - 1.6rem);
width: calc(33.33333% - 1.6rem);
}
.search-page__request-empty {
gap: 2.4rem;
margin-top: 4.8rem;
}
.search-page__request-empty-title {
font-family: "The Future";
font-size: 4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.15;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.search-page__request-empty-grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 2.4rem;
}
.search-page__loader {
min-height: 50vh;
}
}
.category-page {
padding-top: 19.2rem;
}
.category-page.loading .category-page__categories, .category-page.loading .category-page__grid, .category-page.loading .category-page__mobile-filter-trigger, .category-page.loading .archive-pagination {
pointer-events: none;
opacity: 0.4;
}
.category-page__title {
text-align: center;
margin-bottom: 3.2rem;
}
.category-page__title sup {
top: -1em;
font-size: 50%;
}
.category-page__mobile-filter-trigger {
width: 100%;
margin-bottom: 3.2rem;
}
.category-page__mobile-filter-trigger .button {
width: 100%;
}
.category-page__categories-wrapper {
display: none;
}
.category-page__categories {
width: max-content;
max-width: 100%;
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
}
.category-page__category {
height: 4rem;
padding: 0 2.4rem;
font-family: "The Future";
font-size: 1.5rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.2;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
border-radius: 1.2rem;
border: 1px solid var(--black--400-opacity-7, rgba(0, 0, 0, 0.07));
background: var(--white-opacity--70, rgba(255, 255, 255, 0.7));
white-space: nowrap;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s ease, color 0.3s ease;
}
.category-page__category.active {
background-color: var(--theme-primary-color);
color: var(--theme-button-color);
}
.category-page__category:not(.active) {
cursor: pointer;
}
.category-page__category:not(.active):hover {
background-color: var(--theme-primary-color);
color: var(--theme-button-color);
}
.category-page__category:focus-visible {
border-width: 2px;
border-style: dashed;
}
.category-page__category:focus-visible.active {
border-color: #444444;
}
.category-page__grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 0.8rem;
}
.category-page__grid .post-preview {
min-width: 0;
}
.category-page__grid:not(:has(.post-preview)) + .category-page__empty-grid-results {
height: 5rem;
margin-bottom: 3rem;
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-family: "The Future";
font-size: 1.7rem;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 1.3;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
color: #444444;
}
.category-page__other-categories {
margin-top: 12rem;
}
.category-page__empty-grid-results {
display: none;
}
@media (min-width: 768px) {
.category-page__mobile-filter-trigger {
display: none;
}
.category-page__categories-wrapper {
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 3.2rem;
}
.category-page__categories {
gap: 0.8rem;
}
}
@media (min-width: 992px) {
.category-page__title {
font-family: "The Future";
font-size: 7.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 8rem;
}
.category-page__title sup {
font-family: "The Future";
font-size: 2rem;
font-weight: 700;
font-style: normal;
letter-spacing: 0.02rem;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
top: -1.5em;
}
.category-page__grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 2.4rem;
}
.category-page__categories {
justify-content: center;
}
.category-page__other-categories {
margin-top: 16rem;
}
}
.events-page.loading .events-page__tabs {
opacity: 0.4;
pointer-events: none;
}
.events-page__tabs {
width: 100%;
max-width: 100%;
margin: 0 auto 5.6rem;
display: flex;
border-radius: 1.2rem;
border: 1px solid var(--black--400-opacity-10, rgba(0, 0, 0, 0.1));
background: var(--white, #FFF);
height: 3.2rem;
}
.events-page__tab {
height: 100%;
flex: 0 0 50%;
width: 50%;
display: flex;
align-items: center;
justify-content: center;
gap: 0.8rem;
font-family: "The Future";
font-size: 1.4rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.45;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
padding: 0 2rem 0.2rem;
border-radius: 1.2rem;
user-select: none;
white-space: nowrap;
}
.events-page__tab .amount {
width: 1.8rem;
height: 1.8rem;
flex: 0 0 1.8rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 99.9rem;
background: var(--gray--200, #BBB);
color: #ffffff;
font-family: "The Future";
font-size: 1.1rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.events-page__tab.active {
background-color: var(--theme-primary-color);
color: var(--theme-button-color);
}
.events-page__tab.active .amount {
color: #181818;
background-color: #ffffff;
}
.events-page__tab:focus-visible {
border: 2px dashed;
border-radius: 1.2rem;
}
.events-page__tab:not(.active) {
cursor: pointer;
}
@media (min-width: 992px) {
.events-page__tabs {
gap: 0;
height: 4.2rem;
width: max-content;
}
.events-page__tab {
padding: 0 5rem;
flex: 0 0 34rem;
width: max-content;
font-family: "The Future";
font-size: 1.7rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.45;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
.events-page__tab .amount {
font-family: "The Future";
font-size: 1.2rem;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
line-height: 1.1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
}
}
.styleguide-page {
padding-top: 19.2rem;
}
.styleguide-page__title {
text-align: center;
margin-bottom: 3.2rem;
}
.styleguide-page__quick-menu-items {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
list-style: none;
margin: 0 0 3.2rem 0;
max-width: 100%;
padding: 0;
width: 100%;
}
.styleguide-page__quick-menu-item {
height: 4rem;
padding: 0 2.4rem;
font-family: "The Future";
font-size: 1.5rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1.2;
font-feature-settings: "dlig" off, "liga" off, "calt" off, "salt" off;
border-radius: 1.2rem;
border: 1px solid var(--black--400-opacity-7, rgba(0, 0, 0, 0.07));
background: var(--white-opacity--70, rgba(255, 255, 255, 0.7));
white-space: nowrap;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s ease, color 0.3s ease;
}
.styleguide-page__quick-menu-item.active {
background-color: var(--theme-primary-color);
color: var(--theme-button-color);
}
.styleguide-page__quick-menu-item:not(.active) {
cursor: pointer;
}
.styleguide-page__quick-menu-item:not(.active):hover {
background-color: var(--theme-primary-color);
color: var(--theme-button-color);
}
.styleguide-page__quick-menu-item:focus-visible {
border-width: 2px;
border-style: dashed;
}
.styleguide-page__quick-menu-item:focus-visible.active {
border-color: #444444;
}
@media (min-width: 768px) {
.styleguide-page__quick-menu {
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 3.2rem;
}
.styleguide-page__quick-menu-items {
gap: 0.8rem;
}
.styleguide-page .col-12:has(.block-headline) {
flex: 0 0 100%;
margin: 0;
max-width: 100%;
}
}
@media (min-width: 992px) {
.styleguide-page__title {
font-family: "The Future";
font-size: 7.2rem;
font-weight: 500;
font-style: normal;
letter-spacing: normal;
line-height: 1;
font-feature-settings: "dlig" off, "liga" off, "calt" off;
margin-bottom: 8rem;
}
.styleguide-page__quick-menu-items {
justify-content: center;
}
.styleguide-page .col-12:has(.block-headline) {
margin: auto;
text-align: center;
}
}