@import url("39ec0b.css");

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

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

*[hidden] {
    display: none
}

body {
    line-height: 1
}

menu,
ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-lg-offset-0 {
    margin-left: 0%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 30em) {
    .col-xs-offset-0 {
        margin-left: 0%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 30em) {
    .start-xs {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

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

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

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

@media screen and (max-width: 30em) {
    .center-xs {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

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

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

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

@media screen and (max-width: 30em) {
    .end-xs {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

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

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

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

@media screen and (max-width: 30em) {
    .top-xs {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

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

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

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

@media screen and (max-width: 30em) {
    .middle-xs {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

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

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

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

@media screen and (max-width: 30em) {
    .bottom-xs {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

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

@media screen and (max-width: 62em) {
    .around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media screen and (max-width: 48em) {
    .around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media screen and (max-width: 30em) {
    .around-xs {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

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

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

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

@media screen and (max-width: 30em) {
    .between-xs {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

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

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

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

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

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

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

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

@media screen and (max-width: 30em) {
    .last-xs {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.reverse-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media screen and (max-width: 62em) {
    .reverse-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media screen and (max-width: 48em) {
    .reverse-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media screen and (max-width: 30em) {
    .reverse-xs {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.hide-lg {
    display: none
}

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

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

@media screen and (max-width: 30em) {
    .hide-xs {
        display: none
    }
}

[class^=col-] {
    width: 100%
}

.same-height>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.same-height>*>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.wrap {
    max-width: 122rem
}

.wrap--relative {
    position: relative
}

.flex-1-1-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.umb-block-grid__layout-container {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--umb-block-grid--grid-columns, 1), minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-rows: minmax(50px, -webkit-min-content);
    grid-auto-rows: minmax(50px, min-content);
    -moz-column-gap: var(--umb-block-grid--column-gap, 0);
    -webkit-column-gap: var(--umb-block-grid--column-gap, 0);
    column-gap: var(--umb-block-grid--column-gap, 0);
    row-gap: var(--umb-block-grid--row-gap, 0)
}

.umb-block-grid__layout-item {
    position: relative;
    grid-column-end: span min(var(--umb-block-grid--item-column-span, 1)*3, var(--umb-block-grid--grid-columns));
    grid-row: span var(--umb-block-grid--item-row-span, 1)
}

.umb-block-grid__area-container,
.umb-block-grid__block--view::part(area-container) {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--umb-block-grid--area-grid-columns, var(--umb-block-grid--grid-columns, 1)), minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-rows: minmax(50px, -webkit-min-content);
    grid-auto-rows: minmax(50px, min-content);
    -moz-column-gap: var(--umb-block-grid--areas-column-gap, 0);
    -webkit-column-gap: var(--umb-block-grid--areas-column-gap, 2rem);
    column-gap: var(--umb-block-grid--areas-column-gap, 2rem);
    row-gap: var(--umb-block-grid--areas-row-gap, 0)
}

.umb-block-grid__area {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-column-end: span min(var(--umb-block-grid--area-column-span, 1)*3, var(--umb-block-grid--area-grid-columns));
    grid-row: span var(--umb-block-grid--area-row-span, 1)
}

@media(min-width: 1024px) {
    .umb-block-grid__layout-item {
        grid-column-end: span min(var(--umb-block-grid--item-column-span, 1), var(--umb-block-grid--grid-columns))
    }

    .umb-block-grid__area {
        grid-column-end: span min(var(--umb-block-grid--area-column-span, 1), var(--umb-block-grid--area-grid-columns))
    }
}

@font-face {
    font-family: "GalanoGrotesque";
    src: url("39EC0B_11_0.woff2") format("woff2"), url("39EC0B_11_0.woff") format("woff");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "GalanoGrotesque";
    src: url("39EC0B_4_0.woff2") format("woff2"), url("39EC0B_4_0.woff") format("woff");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: "GalanoGrotesque";
    src: url("39EC0B_5_0.woff2") format("woff2"), url("39EC0B_5_0.woff") format("woff");
    font-weight: 800;
    font-display: swap
}

@font-face {
    font-family: "Newzald";
    src: url("NewzaldWeb-Book.woff2") format("woff2"), url("NewzaldWeb-Book.woff") format("woff");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "Newzald";
    src: url("NewzaldWeb-Black.woff2") format("woff2"), url("NewzaldWeb-Black.woff") format("woff");
    font-weight: 900;
    font-display: swap
}

@font-face {
    font-family: "GT-Flexa";
    src: url("") format("woff2");
    src: url("") format("woff");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "GT-Flexa";
    src: url("") format("woff2");
    src: url("") format("woff");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: "GT-Flexa";
    src: url("") format("woff2");
    src: url("") format("woff");
    font-weight: 800;
    font-display: swap
}

@font-face {
    font-family: "Knockout";
    src: url("") format("woff2");
    src: url("") format("woff");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: "Odachi";
    src: url("") format("woff2");
    font-weight: normal;
    font-display: swap
}

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

*::-moz-selection {
    background: #ff2345;
    color: #fff
}

*::selection {
    background: #ff2345;
    color: #fff
}

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    width: 100%;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: none;
    position: relative;
    height: 100%
}

@supports(scroll-behavior: smooth) {
    html {
        scroll-behavior: smooth
    }

    @supports(-moz-appearance: meterbar) and (display: flex) {
        html {
            scroll-behavior: auto
        }
    }
}

body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #0d0d0d;
    font-size: 1.6rem;
    font-family: "Newzald", serif;
    font-weight: 400;
    -webkit-transition: color .3s ease-in, background-color .3s ease-in;
    transition: color .3s ease-in, background-color .3s ease-in;
    color: #737373
}

body.transition--light {
    background-color: #fff
}

body.no-scroll {
    overflow-y: hidden
}

@supports(-moz-appearance: meterbar) and (display: flex) {
    body {
        scroll-behavior: smooth
    }
}

.wrapper {
    height: inherit
}

picture {
    width: 100%
}

.grecaptcha-badge {
    width: .001rem !important;
    height: .001rem !important
}

.hide-mobile {
    display: none
}

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

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

.richtext h2,
.richtext h3,
.richtext h4 {
    color: #fff;
    font-weight: 800;
    margin-top: 4rem
}

@media screen and (min-width: 62em) {

    .richtext h2,
    .richtext h3,
    .richtext h4 {
        margin-top: 8rem
    }
}

.transition--light .richtext h2,
.transition--light .richtext h3,
.transition--light .richtext h4 {
    color: #0d0d0d
}

.richtext h2 .highlight,
.richtext h3 .highlight,
.richtext h4 .highlight {
    color: #ff2345;
    display: inline-block
}

.richtext h2 {
    font-size: 4rem
}

@media screen and (min-width: 48em) {
    .richtext h2 {
        font-size: 5rem
    }
}

.richtext p,
.richtext td {
    line-height: 1.6;
    font-size: 1.8rem;
    margin: 1em 0
}

@media screen and (min-width: 48em) {

    .richtext p,
    .richtext td {
        font-size: 2rem
    }
}

.richtext img {
    width: 100%;
    height: auto
}

.richtext a {
    position: relative;
    color: #ff2345;
    font-weight: bolder;
    text-decoration: none
}

.richtext a:hover::after {
    opacity: 1
}

.richtext a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: .2rem;
    width: 100%;
    opacity: 0;
    background: #ff2345;
    -webkit-transition: opacity .4s ease-out;
    transition: opacity .4s ease-out
}

.richtext em {
    font-style: italic
}

.richtext strong {
    font-weight: 700;
    color: #fff
}

.transition--light .richtext strong {
    color: #0d0d0d
}

.richtext ul,
.richtext ol {
    list-style: none
}

@media screen and (min-width: 48em) {

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

.richtext ul li::before {
    content: "";
    background: url("icon.svg") no-repeat center/cover;
    height: 1.5rem;
    min-width: 1.5rem;
    display: inline-block
}

.richtext ol {
    counter-reset: number
}

.richtext ol li {
    counter-increment: number
}

.richtext ol li::before {
    content: counter(number) ". ";
    color: #ff2345;
    display: inline-block;
    font-weight: 800
}

.richtext li {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: #cacaca;
    line-height: 1.6;
    font-family: "GalanoGrotesque", sans-serif;
    font-size: 2rem;
    padding-bottom: 2.5rem
}

.transition--light .richtext li {
    color: #737373
}

.richtext li::before {
    margin-right: 1.7rem
}

.richtext li ul {
    margin: 2.5rem 0 0 3.5rem
}

.richtext>table {
    min-width: 80rem;
    width: auto
}

@media screen and (min-width: 48em) {
    .richtext>table {
        min-width: auto;
        width: 100%
    }
}

.richtext>table>tbody>tr:first-child {
    border-top: .2rem;
    border-bottom: .2rem;
    border-style: solid;
    border-color: #ff2345
}

.richtext>table>tbody>tr {
    border-bottom: .1rem solid rgba(255, 255, 255, .2)
}

.transition--light .richtext>table>tbody>tr {
    border-bottom-color: rgba(13, 13, 13, .2)
}

.richtext>table>tbody>tr>td {
    min-width: 15rem
}

.richtext td {
    margin: 0;
    padding: 1rem
}

h1,
.h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Newzald", serif
}

.transition--light h1,
.transition--light .h1,
.transition--light h2,
.transition--light h3,
.transition--light h4,
.transition--light h5,
.transition--light h6 {
    color: #0d0d0d
}

.transition--light h1.ignore-color-transition,
.transition--light .h1.ignore-color-transition,
.transition--light h2.ignore-color-transition,
.transition--light h3.ignore-color-transition,
.transition--light h4.ignore-color-transition,
.transition--light h5.ignore-color-transition,
.transition--light h6.ignore-color-transition {
    color: #fff
}

h1,
.h1 {
    font-size: 6rem;
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 800;
    line-height: 1;
    color: #fff
}

h1 small,
.h1 small {
    display: block;
    width: 100%;
    font-size: 3rem;
    font-family: "Newzald", serif;
    letter-spacing: 0
}

@media screen and (min-width: 48em) {

    h1 small,
    .h1 small {
        font-size: 4rem
    }
}

@media screen and (min-width: 62em) {

    h1,
    .h1 {
        font-size: 12rem
    }
}

@media screen and (min-width: 75em) {

    h1,
    .h1 {
        font-size: 16rem
    }
}

h2,
.h2 {
    font-size: 3rem;
    font-family: "Newzald", serif;
    font-weight: 900;
    line-height: 1.1;
    color: #fff;
    margin-bottom: 2rem
}

@media screen and (min-width: 62em) {

    h2,
    .h2 {
        font-size: 5rem
    }
}

h3,
.h3 {
    font-size: 2.8rem
}

@media screen and (min-width: 62em) {

    h3,
    .h3 {
        font-size: 5rem
    }
}

h4,
.h4 {
    font-size: 2.5rem
}

@media screen and (min-width: 62em) {

    h4,
    .h4 {
        font-size: 4.2rem
    }
}

h5,
.h5 {
    font-size: 3.5rem
}

h6 {
    font-size: 3rem
}

p {
    font-size: 1.6rem;
    font-weight: 400;
    font-family: "GalanoGrotesque", sans-serif;
    line-height: 1.8;
    color: #cacaca;
    word-break: break-word
}

.transition--light p {
    color: #0d0d0d
}

.transition--light p.ignore-color-transition {
    color: #fff
}

@media screen and (min-width: 62em) {
    p {
        font-size: 2rem
    }
}

strong {
    font-weight: 700
}

.footer {
    color: #fff;
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 600;
    font-size: 1.6rem
}

.footer__inner {
    margin: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 48em) {
    .footer__inner {
        border-top: .2rem solid #171717;
        margin-left: 2.3rem;
        display: block;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media screen and (min-width: 62em) {
    .footer__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 10rem 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.footer__left-side {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 2.4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-bottom: 2rem;
    padding: 2.4rem 0
}

@media screen and (min-width: 62em) {
    .footer__left-side {
        width: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 0;
        margin-bottom: 0
    }
}

.footer__left-side-divider {
    padding-bottom: 2.4rem;
    width: 100%
}

@media screen and (min-width: 62em) {
    .footer__left-side-divider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        border-left: .2rem solid #171717;
        margin-bottom: 0;
        -ms-flex-item-align: center;
        align-self: center;
        margin-right: 6.1rem;
        padding: none;
        width: auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0
    }
}

.footer__right-side {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    border-top: .2rem solid #171717;
    border-bottom: .2rem solid #171717;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 2.4rem;
    width: 100%;
    padding: 2.4rem 0
}

@media screen and (min-width: 62em) {
    .footer__right-side {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-left: auto;
        border: none;
        width: auto;
        padding: 0
    }
}

.footer__support-wrapper,
.footer__links-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left;
    width: 100%
}

@media screen and (min-width: 62em) {

    .footer__support-wrapper,
    .footer__links-wrapper {
        width: auto;
        padding: 0;
        margin-left: -2rem
    }
}

@media screen and (min-width: 62em) {
    .footer__support-wrapper {
        padding-right: 1.2rem
    }
}

.footer__contact-info,
.footer__link {
    margin-top: 1.6rem;
    margin-right: .7rem;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    display: block;
    position: relative;
    -webkit-transition: color 300ms;
    transition: color 300ms
}

.footer__contact-info:hover,
.footer__link:hover {
    color: #ff2345
}

.footer__contact-info::after,
.footer__link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .2rem;
    background-color: #ff2345;
    opacity: 0;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms
}

.footer__contact-info:hover::after,
.footer__contact-info:focus::after,
.footer__link:hover::after,
.footer__link:focus::after {
    opacity: 1
}

@media screen and (min-width: 62em) {

    .footer__contact-info,
    .footer__link {
        margin: 0 2rem
    }
}

.footer__links-wrapper {
    border-top: .1rem solid rgba(255, 255, 255, .2)
}

@media screen and (min-width: 62em) {
    .footer__links-wrapper {
        border-left: .1rem solid rgba(255, 255, 255, .2);
        border-top: none;
        padding-left: 1.2rem
    }
}

.footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 6rem
}

@media screen and (min-width: 48em) {
    .footer__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.footer__info {
    color: #fff;
    letter-spacing: .2rem;
    line-height: 1.5;
    margin: 1.6rem 0;
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 800;
    font-size: 1rem
}

@media screen and (min-width: 48em) {
    .footer__info {
        margin: 0 1.6rem
    }
}

.footer__label {
    color: #ff2345
}

.footer__certificates {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-item-align: center;
    align-self: center;
    gap: 3.2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 4rem 4rem 3rem
}

@media screen and (min-width: 48em) {
    .footer__certificates {
        width: 50%;
        margin-left: 2.3rem
    }
}

@media screen and (min-width: 62em) {
    .footer__certificates {
        width: 30%;
        margin: 0 10rem 4rem
    }
}

@media screen and (min-width: 90em) {
    .footer__certificates {
        width: auto
    }
}

.footer__certificate img {
    width: auto;
    height: 4.6rem
}

header,
.header {
    color: #fff;
    margin-bottom: 10rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 35, 69, 0.15)), to(rgba(13, 13, 13, 0)));
    background-image: linear-gradient(to bottom, rgba(255, 35, 69, 0.15), rgba(13, 13, 13, 0));
    padding-top: 10rem;
    position: relative
}

@media screen and (min-width: 62em) {

    header,
    .header {
        margin-bottom: 10rem
    }
}

@media screen and (min-width: 62em) {

    header,
    .header {
        padding-top: 15rem
    }
}

header--no-margin-bottom,
.header--no-margin-bottom {
    margin-bottom: 0
}

header--no-image,
.header--no-image {
    text-align: center
}

header--no-image header,
header--no-image .header__title,
.header--no-image header,
.header--no-image .header__title {
    font-size: 8rem
}

@media screen and (max-width: 48em) {

    header--no-image header,
    header--no-image .header__title,
    .header--no-image header,
    .header--no-image .header__title {
        font-size: 5rem
    }
}

header--large-graphic header,
header--large-graphic .header__graphic,
.header--large-graphic header,
.header--large-graphic .header__graphic {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 100%;
    width: auto;
    height: 60rem;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media screen and (min-width: 48em) {

    header--large-graphic header,
    header--large-graphic .header__graphic,
    .header--large-graphic header,
    .header--large-graphic .header__graphic {
        height: 80rem
    }
}

@media screen and (min-width: 75em) {

    header--large-graphic header,
    header--large-graphic .header__graphic,
    .header--large-graphic header,
    .header--large-graphic .header__graphic {
        height: 90rem
    }
}

header__graphic,
.header__graphic {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%);
    width: 100%;
    height: 130%;
    z-index: -1;
    -o-object-fit: contain;
    object-fit: contain
}

header__case,
.header__case {
    text-align: center;
    position: relative;
    width: 100%;
    background: none
}

header__case::after,
.header__case::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 20rem;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 13, 13, 0)), to(#0d0d0d));
    background: linear-gradient(to bottom, rgba(13, 13, 13, 0), #0d0d0d 100%)
}

header__case header,
header__case .header__title,
.header__case header,
.header__case .header__title {
    margin-top: 0
}

header__logo,
.header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 4rem;
    max-width: 21rem;
    margin: 0 auto 4rem;
    z-index: 1
}

header__logo--fadeInUp,
.header__logo--fadeInUp {
    -webkit-animation: fade-in-up .3s .4s backwards;
    animation: fade-in-up .3s .4s backwards
}

@media screen and (min-width: 62em) {

    header__logo,
    .header__logo {
        margin: 2rem auto 6rem
    }
}

header__logo+header__title header,
header__logo+header__title .header__pretitle,
header__logo+.header__title header,
header__logo+.header__title .header__pretitle,
.header__logo+header__title header,
.header__logo+header__title .header__pretitle,
.header__logo+.header__title header,
.header__logo+.header__title .header__pretitle {
    margin-top: 0
}

header__logo-image,
.header__logo-image {
    width: auto;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

header__circle,
.header__circle {
    position: absolute;
    z-index: -1;
    top: 0;
    width: 100%;
    height: 100rem;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    background-repeat: no-repeat;
    background-size: 50rem
}

@media screen and (min-width: 48em) {

    header__circle,
    .header__circle {
        background-size: 100rem
    }
}

header__circle-position--right header__circle,
header__circle-position--right .header__circle,
.header__circle-position--right header__circle,
.header__circle-position--right .header__circle {
    background-image: url("top-right.svg");
    background-position: top right;
    right: 0
}

header__circle-position--left header__circle,
header__circle-position--left .header__circle,
.header__circle-position--left header__circle,
.header__circle-position--left .header__circle {
    background-image: url("");
    background-position: top left;
    left: 0
}

header__circle header,
.header--animate-top-right header__circle,
.header__circle header,
.header--animate-top-right .header__circle {
    -webkit-animation-name: circleTopRight;
    animation-name: circleTopRight
}

header__circle header,
.header--animate-top-left header__circle,
.header__circle header,
.header--animate-top-left .header__circle {
    -webkit-animation-name: circleTopLeft;
    animation-name: circleTopLeft
}

header__circle header,
.header--animate-bottom-right header__circle,
.header__circle header,
.header--animate-bottom-right .header__circle {
    -webkit-animation-name: circleBottomRight;
    animation-name: circleBottomRight
}

header__circle header,
.header--animate-bottom-left header__circle,
.header__circle header,
.header--animate-bottom-left .header__circle {
    -webkit-animation-name: circleBottomLeft;
    animation-name: circleBottomLeft
}

header__image,
.header__image {
    position: absolute;
    right: 0;
    height: auto;
    width: 100%;
    z-index: 1
}

header__image--left,
.header__image--left {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
    left: 0
}

@media screen and (min-width: 48em) {

    header__image,
    .header__image {
        width: initial
    }
}

header__title,
.header__title {
    font-family: "GalanoGrotesque", sans-serif;
    z-index: 2;
    color: #fff;
    text-align: center;
    padding: 0 1rem;
    line-height: .88;
    margin: 12rem auto 0;
    width: auto;
    max-width: 95%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header__title .title,
.header__title .title {
    width: 100%
}

header__title--small,
.header__title--small {
    font-size: 4rem
}

@media screen and (min-width: 30em) {

    header__title--small,
    .header__title--small {
        font-size: 5rem
    }
}

@media screen and (min-width: 48em) {

    header__title--small,
    .header__title--small {
        font-size: 8rem
    }
}

header__title--small>.title,
.header__title--small>.title {
    font-size: inherit
}

header__title--big,
.header__title--big {
    font-size: 6rem
}

@media screen and (min-width: 30em) {

    header__title--big,
    .header__title--big {
        font-size: 10rem
    }
}

@media screen and (min-width: 48em) {

    header__title--big,
    .header__title--big {
        font-size: 16rem
    }
}

@media screen and (min-width: 48em) {

    header__title,
    .header__title {
        margin-top: 17rem
    }
}

@media screen and (min-width: 62em) {

    header__title,
    .header__title {
        margin-top: 2rem;
        letter-spacing: -0.3rem
    }
}

header__pretitle,
.header__pretitle {
    position: relative;
    color: #fff;
    text-align: center;
    line-height: 1.38;
    z-index: 2;
    letter-spacing: 0;
    font-family: "Newzald", serif;
    font-size: 2.5rem;
    font-weight: 900
}

@media screen and (min-width: 48em) {

    header__pretitle,
    .header__pretitle {
        font-size: 4rem
    }
}

header__info,
.header__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2.8rem 0 8.4rem
}

header__line,
.header__line {
    border-left: .1rem solid rgba(255, 255, 255, .4);
    height: 2.3rem;
    margin: .2rem 3.7rem 0 1.3rem
}

header__readtime,
.header__readtime {
    position: relative;
    font-size: 1.4rem;
    line-height: 3rem
}

header__readtime::before,
.header__readtime::before {
    background-image: url("");
    background-repeat: no-repeat;
    content: "";
    height: 1.8rem;
    left: -2.5rem;
    position: absolute;
    top: .7rem;
    width: 2rem
}

header__readtime::after,
.header__readtime::after {
    content: "min read";
    margin-left: .4rem
}

header__article,
.header__article {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 13, 13, 0.7)), to(rgba(13, 13, 13, 0.7))), url("");
    background-image: linear-gradient(rgba(13, 13, 13, 0.7), rgba(13, 13, 13, 0.7)), url("");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90vh;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    padding-left: 21.5rem
}

header__article header,
header__article .header__description,
.header__article header,
.header__article .header__description {
    font-size: 2rem
}

@media screen and (max-width: 75em) {

    header__article,
    .header__article {
        padding-left: 12rem
    }
}

@media screen and (max-width: 62em) {

    header__article,
    .header__article {
        height: 70vh
    }
}

@media screen and (max-width: 48em) {

    header__article,
    .header__article {
        height: 90vh;
        padding-left: 4rem
    }
}

header__description,
.header__description {
    color: rgba(255, 255, 255, .4);
    width: 56.6rem
}

@media screen and (max-width: 48em) {

    header__description,
    .header__description {
        width: 40rem
    }
}

@media screen and (max-width: 30em) {

    header__description,
    .header__description {
        width: 30rem
    }
}

header__intro,
.header__intro {
    margin-top: 5rem
}

header__intro p,
.header__intro p {
    text-align: center;
    font-family: "Newzald", serif;
    font-size: 2.5rem
}

header__category-description-container,
.header__category-description-container {
    margin: 2rem 0;
    text-align: center
}

.nav {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 40;
    pointer-events: none;
    overflow-y: auto
}

@media screen and (min-width: 62em) {
    .nav {
        background-size: contain
    }
}

.nav::-webkit-scrollbar {
    width: 0;
    background: rgba(0, 0, 0, 0)
}

.nav--show {
    opacity: 1;
    pointer-events: auto
}

.nav--show .nav__footer {
    opacity: 1
}

.nav__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto;
    max-width: 200rem;
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width: 48em) {
    .nav__wrap {
        overflow-y: hidden
    }
}

.nav__menu-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: 12rem 4.2rem 1.2rem
}

@media screen and (min-width: 48em) {
    .nav__menu-wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 14.5rem 6.2rem 5rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        overflow-y: auto
    }
}

@media screen and (min-width: 48em)and (-ms-high-contrast: active),
screen and (min-width: 48em)and (-ms-high-contrast: none) {
    .nav__menu-wrap {
        padding: 14.5rem 6.2rem 5rem
    }
}

@media screen and (min-width: 62em) {
    .nav__menu-wrap {
        padding: 11rem 12rem 1.2rem
    }
}

.nav__logo {
    position: relative;
    margin: 1rem 0 0
}

@media screen and (min-width: 62em) {
    .nav__logo {
        margin: 0 4rem 0 0
    }
}

.nav__list--left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.nav__list--left .nav__link {
    padding-bottom: 2rem
}

@media screen and (min-width: 48em) {
    .nav__list--left .nav__link {
        padding-bottom: 2rem
    }
}

@media screen and (min-width: 48em)and (-ms-high-contrast: active),
screen and (min-width: 48em)and (-ms-high-contrast: none) {
    .nav__list--left .nav__link {
        padding-bottom: 2rem
    }
}

.nav__list--right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateX(-0.7rem);
    transform: translateX(-0.7rem)
}

@media screen and (min-width: 48em) {
    .nav__list--right {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.nav__link {
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 800;
    font-size: 2.8rem;
    position: relative
}

.nav__link--fadein {
    -webkit-animation: fade-in-up .6s .8s backwards;
    animation: fade-in-up .6s .8s backwards
}

.nav__link--active {
    opacity: .7
}

@media screen and (min-width: 48em) {
    .nav__link {
        font-size: 5.6rem
    }
}

@media screen and (min-width: 100em) {
    .nav__link {
        font-size: 7.2rem
    }
}

.nav__link a {
    color: #fff;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    text-decoration: none;
    overflow: hidden;
    display: block;
    position: relative;
    padding-bottom: 1.2rem;
    margin-top: -0.7rem
}

.nav__link a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .4rem;
    background-color: #ff2345;
    opacity: 0;
    -webkit-transition: opacity 300ms, -webkit-transform 300ms;
    transition: opacity 300ms, -webkit-transform 300ms;
    transition: opacity 300ms, transform 300ms;
    transition: opacity 300ms, transform 300ms, -webkit-transform 300ms;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.nav__link a:hover::after,
.nav__link a :focus::after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.nav__link a:active {
    opacity: .4
}

.nav__link--small {
    position: relative;
    font-size: 2rem;
    font-family: "Newzald", serif;
    font-weight: 700;
    padding-left: .5rem;
    padding-bottom: .5rem
}

@media screen and (min-width: 48em) {
    .nav__link--small {
        font-size: 3rem
    }
}

.nav__link--small a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    padding-left: .4rem;
    padding-bottom: .5rem;
    margin-bottom: 1rem;
    display: block;
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 48em) {
    .nav__link--small a {
        padding-bottom: 1rem
    }
}

.nav__link--small a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .2rem;
    background-color: #ff2345;
    opacity: 0;
    -webkit-transition: opacity 300ms, -webkit-transform 300ms;
    transition: opacity 300ms, -webkit-transform 300ms;
    transition: opacity 300ms, transform 300ms;
    transition: opacity 300ms, transform 300ms, -webkit-transform 300ms;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.nav__link--small a:hover::after,
.nav__link--small a :focus::after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.nav__link:hover {
    opacity: .7
}

.nav__link:hover .text-animation__wrapper .text-animation__char {
    opacity: .7
}

.nav__footer {
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .25s 0s cubic-bezier(0, 0, 0, 1);
    transition: opacity .25s 0s cubic-bezier(0, 0, 0, 1);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    margin-bottom: 8rem
}

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

.nav__shapes {
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    position: fixed;
    z-index: 39;
    top: 0;
    left: 0;
    overflow: hidden
}

.nav__path:nth-child(1) {
    fill: #ff2345
}

.nav__path:nth-child(2) {
    fill: #000
}

.nav__path:nth-child(3) {
    opacity: .15
}

.section {
    width: 100%
}

.section--min-spacing {
    margin: -10rem 0 10rem
}

@media screen and (min-width: 62em) {
    .section--min-spacing {
        margin: -40rem 0 20rem
    }
}

.section--spacing {
    margin: 4rem 0
}

@media screen and (min-width: 48em) {
    .section--spacing {
        margin: 8rem 0
    }
}

@media screen and (min-width: 48em) {
    .section--spacing {
        margin: 12rem 0
    }
}

.section--inner-spacing {
    padding: 4rem 0
}

@media screen and (min-width: 48em) {
    .section--inner-spacing {
        padding: 8rem 0
    }
}

.section--light {
    background-color: #fff
}

.section--dark {
    background-color: #0d0d0d
}

.section__wrapper {
    visibility: hidden
}

.section__wrapper--animation {
    visibility: visible;
    -webkit-animation: fade-in-up .8s backwards;
    animation: fade-in-up .8s backwards
}

.section__title {
    color: #fff;
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 900;
    margin-bottom: 1rem
}

@media screen and (min-width: 48em) {
    .section__title {
        margin-bottom: 2.5rem
    }
}

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

.section__title--primary-color {
    color: #ff2345
}

.section__title--primary-font {
    font-family: "GalanoGrotesque", sans-serif
}

.section__title--awards {
    margin-bottom: 8rem
}

.section__subtitle {
    font-size: 2.2rem;
    line-height: 3rem;
    font-family: "Newzald", serif;
    font-weight: 900;
    margin-bottom: 1rem;
    color: #cacaca;
    display: block
}

@media screen and (min-width: 48em) {
    .section__subtitle {
        font-size: 2.8rem;
        line-height: 4rem
    }
}

.section__text {
    color: #cacaca;
    margin-bottom: 8rem
}

.section__text--bold {
    font-weight: 700
}

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

.section__text--quote {
    font-family: "Newzald", serif;
    font-style: italic
}

.section__text--white-space {
    white-space: pre-wrap
}

.active-campaign-form {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(13, 13, 13, .98);
    position: fixed;
    z-index: 60;
    top: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 15rem 0
}

@media screen and (min-width: 48em) {
    .active-campaign-form {
        padding: 20rem 0
    }
}

.active-campaign-form ._form {
    width: 100%
}

.active-campaign-form__course {
    text-align: center
}

.active-campaign-form__course ._form-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: "GalanoGrotesque", sans-serif
}

.active-campaign-form__course ._form-content ._form_element {
    width: 100%;
    padding: 0;
    margin: 0 0 7rem 0;
    color: #fff;
    text-align: center
}

@media screen and (min-width: 48em) {
    .active-campaign-form__course ._form-content ._form_element {
        padding: 0 3rem;
        width: 50%
    }
}

.active-campaign-form__course ._form-content ._form_element h2 {
    font-family: "GalanoGrotesque", sans-serif
}

.active-campaign-form__course ._form-content ._form_element--hidden {
    display: none
}

.active-campaign-form__course ._form-content ._form_element_title,
.active-campaign-form__course ._form-content ._form_element_desc {
    width: 100%;
    margin: 0 auto
}

@media screen and (min-width: 48em) {

    .active-campaign-form__course ._form-content ._form_element_title,
    .active-campaign-form__course ._form-content ._form_element_desc {
        width: 70%
    }
}

.active-campaign-form__course ._form-content ._form_element_subscribe {
    margin: 0 auto
}

.active-campaign-form__course ._form-content ._form_element_subscribe ._form-label {
    font-weight: 900;
    font-size: 2rem
}

.active-campaign-form__course ._form-content ._form_element_subscribe ._checkbox-radio {
    margin-top: 3rem
}

.active-campaign-form__course ._form-content ._form_element_subscribe:not(:last-child) {
    margin-bottom: 3rem
}

.active-campaign-form__course ._form-content ._form_element_desc {
    margin-bottom: 7rem
}

.active-campaign-form__course ._form-content ._form_element ._form-label {
    text-align: left
}

.active-campaign-form__course ._form-content ._form_element ._field-wrapper {
    position: relative
}

.active-campaign-form__course ._form-content ._form_element ._field-wrapper::after {
    content: "";
    position: absolute;
    width: 0;
    left: 0;
    bottom: 0;
    height: .1rem;
    background: #ff2345;
    -webkit-transition: all .1s cubic-bezier(0.11, 0.28, 0.58, 1);
    transition: all .1s cubic-bezier(0.11, 0.28, 0.58, 1)
}

.active-campaign-form__course ._form-content ._form_element ._field-wrapper input,
.active-campaign-form__course ._form-content ._form_element ._field-wrapper textarea {
    width: 100%;
    font-size: 1.6rem;
    padding: 2rem 0;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: none;
    border-bottom: .1rem solid rgba(255, 255, 255, .3);
    color: #fff;
    -webkit-transition: all .1s cubic-bezier(0.11, 0.28, 0.58, 1);
    transition: all .1s cubic-bezier(0.11, 0.28, 0.58, 1)
}

.active-campaign-form__course ._form-content ._form_element ._field-wrapper input:focus,
.active-campaign-form__course ._form-content ._form_element ._field-wrapper textarea:focus {
    outline: none
}

.active-campaign-form__course ._form-content ._form_element ._field-wrapper textarea {
    font-family: "GalanoGrotesque", sans-serif;
    resize: vertical
}

.active-campaign-form__course ._form-content ._form_element ._field-wrapper ._has_error {
    border-bottom: .1rem solid #ff2345
}

.active-campaign-form__course ._form-content ._form_element ._field-wrapper label {
    position: absolute;
    pointer-events: none;
    left: 0;
    font-size: 1.6rem;
    color: #737373
}

.active-campaign-form__course ._form-content ._form_element ._field-wrapper label,
.active-campaign-form__course ._form-content ._form_element ._field-wrapper input:not([value]):focus+label,
.active-campaign-form__course ._form-content ._form_element ._field-wrapper input[value=""]:focus+label {
    top: -1rem;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.active-campaign-form__course ._form-content ._form_element ._field-wrapper label,
.active-campaign-form__course ._form-content ._form_element ._field-wrapper textarea:not([value]):focus+label,
.active-campaign-form__course ._form-content ._form_element ._field-wrapper textarea[value=""]:focus+label {
    top: -1rem;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.active-campaign-form__course ._form-content ._form_element ._field-wrapper input:not([value])+label,
.active-campaign-form__course ._form-content ._form_element ._field-wrapper input[value=""]+label,
.active-campaign-form__course ._form-content ._form_element ._field-wrapper textarea:not([value])+label,
.active-campaign-form__course ._form-content ._form_element ._field-wrapper textarea[value=""]+label {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .1s cubic-bezier(0.11, 0.28, 0.58, 1);
    transition: all .1s cubic-bezier(0.11, 0.28, 0.58, 1)
}

.active-campaign-form__course ._form-content ._button-wrapper {
    width: 100%
}

.active-campaign-form__course ._error {
    position: absolute;
    left: 0;
    bottom: -3rem
}

.active-campaign-form__course--active,
.active-campaign-form__const--active {
    display: block
}

.active-campaign-form__course__toggle,
.active-campaign-form__const__toggle {
    display: block;
    position: absolute;
    right: 6rem;
    top: 6rem;
    height: 2.5rem;
    width: 2.5rem;
    cursor: pointer;
    background: url("close.svg") no-repeat
}

.active-campaign-form ._form-thank-you {
    font-size: 2.5rem;
    color: #fff;
    max-width: 50rem;
    margin: 0 auto
}

.audioplayer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5rem;
    width: 100%
}

@media screen and (max-width: 48em) {
    .audioplayer {
        margin-top: 2rem
    }
}

@media screen and (max-width: 30em) {
    .audioplayer {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.audioplayer__playbutton {
    fill: #f24e00;
    margin-right: 3rem;
    width: 2.3rem
}

@media screen and (max-width: 62em) {
    .audioplayer__playbutton {
        width: 1.8rem
    }
}

@media screen and (max-width: 48em) {
    .audioplayer__playbutton {
        width: 1.5rem
    }
}

.audioplayer__bars {
    margin-right: 7rem
}

@media screen and (max-width: 75em) {
    .audioplayer__bars {
        margin-right: 0
    }
}

@media screen and (max-width: 62em) {
    .audioplayer__bars {
        width: 57%
    }
}

@media screen and (max-width: 30em) {
    .audioplayer__bars {
        width: 85%
    }
}

.audioplayer__soundcloud {
    width: 100%;
    margin: 3rem 0 5rem
}

@media screen and (max-width: 30em) {
    .audioplayer__soundcloud {
        margin: 10rem 0
    }
}

.author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.author--spacing {
    display: block;
    margin: 6rem 0 0 6rem
}

@media screen and (min-width: 48em) {
    .author--spacing {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 0
    }
}

@media screen and (min-width: 75em) {
    .author--spacing {
        display: block;
        margin-left: 4rem
    }
}

.author__image {
    border-radius: 50%;
    height: 11rem;
    width: 11rem;
    -o-object-fit: cover;
    object-fit: cover
}

.author__details {
    margin: -2.5rem 0 0 5.5rem
}

.author__name {
    color: #fff;
    font-family: "Newzald", serif;
    font-weight: 800;
    font-size: 3rem;
    line-height: 2.5rem
}

.author__job-title {
    color: #ff2345;
    font-size: 1.8rem;
    font-weight: 800;
    margin-top: .6rem;
    line-height: 1
}

.author__description {
    font-size: 2rem;
    max-width: 57rem;
    text-align: center
}

.author__background {
    margin-top: 2.6rem
}

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

.author__social-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .7rem
}

.badge {
    display: inline-block;
    padding: 1rem;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .3rem;
    color: #fff;
    background-color: #ff2345
}

.bigheader {
    position: relative;
    margin-bottom: 20rem
}

.bigheader__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center
}

.bigheader__wrapper::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 20rem;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 13, 13, 0)), to(#0d0d0d));
    background: linear-gradient(180deg, rgba(13, 13, 13, 0), #0d0d0d)
}

.bigheader__wrapper picture {
    min-height: 80rem;
    width: 100%
}

.bigheader__wrapper picture::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 80%;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 13, 13, 0)), to(#0d0d0d));
    background: linear-gradient(180deg, rgba(13, 13, 13, 0), #0d0d0d)
}

.bigheader__wrapper picture img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.bigheader__title {
    text-align: center;
    padding-top: 15rem;
    font-size: 6rem
}

@media screen and (min-width: 48em) {
    .bigheader__title {
        padding-top: 25rem;
        font-size: 8rem
    }
}

.bigheader__intro {
    position: relative;
    margin-top: 15rem;
    z-index: 1
}

@media screen and (min-width: 48em) {
    .bigheader__intro {
        margin-top: 35rem
    }
}

.bigheader--hero {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: -25rem
}

@media screen and (min-width: 62em) {
    .bigheader--hero {
        margin-bottom: -35rem
    }
}

@media screen and (min-width: 75em) {
    .bigheader--hero {
        margin-bottom: -45rem
    }
}

.bigheader--hero self__intro {
    text-align: left
}

.bigheader--hero .bigheader__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: unset
}

.bigheader--hero .bigheader__wrapper picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
    min-height: initial
}

.bigheader--hero .bigheader__wrapper picture img {
    height: auto;
    min-height: 45rem
}

@media screen and (min-width: 48em) {
    .bigheader--hero .bigheader__wrapper picture img {
        min-height: 65rem
    }
}

@media screen and (min-width: 62em) {
    .bigheader--hero .bigheader__wrapper picture img {
        min-height: 85rem
    }
}

.bigheader--home {
    margin-top: -10rem
}

@media screen and (min-width: 62em) {
    .bigheader--home {
        height: 120rem
    }
}

@-webkit-keyframes circleTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate(5rem, -5rem);
        transform: translate(5rem, -5rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes circleTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate(5rem, -5rem);
        transform: translate(5rem, -5rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes circleTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate(-5rem, -5rem);
        transform: translate(-5rem, -5rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes circleTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate(-5rem, -5rem);
        transform: translate(-5rem, -5rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes circleBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate(-5rem, 5rem);
        transform: translate(-5rem, 5rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes circleBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate(-5rem, 5rem);
        transform: translate(-5rem, 5rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes circleBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate(-5rem, -5rem);
        transform: translate(-5rem, -5rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

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

    50% {
        -webkit-transform: translateX(1rem);
        transform: translateX(1rem)
    }

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

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

    50% {
        -webkit-transform: translateX(1rem);
        transform: translateX(1rem)
    }

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

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

    100% {
        -webkit-transform: translateX(1rem);
        transform: translateX(1rem)
    }
}

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

    100% {
        -webkit-transform: translateX(1rem);
        transform: translateX(1rem)
    }
}

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

    50% {
        -webkit-transform: translateX(-1rem);
        transform: translateX(-1rem)
    }

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

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

    50% {
        -webkit-transform: translateX(-1rem);
        transform: translateX(-1rem)
    }

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

@-webkit-keyframes scroll-cue {
    0% {
        opacity: 0
    }

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

    70% {
        -webkit-transform: translateY(1rem);
        transform: translateY(1rem)
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1rem);
        transform: translateY(1rem)
    }
}

@keyframes scroll-cue {
    0% {
        opacity: 0
    }

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

    70% {
        -webkit-transform: translateY(1rem);
        transform: translateY(1rem)
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1rem);
        transform: translateY(1rem)
    }
}

@-webkit-keyframes service-card-arrow {
    0% {
        left: 5.5rem
    }

    60% {
        background-image: url("arrow-pink.svg")
    }

    100% {
        background: url("arrow-white.svg");
        left: 28.5rem
    }
}

@keyframes service-card-arrow {
    0% {
        left: 5.5rem
    }

    60% {
        background-image: url("arrow-pink.svg")
    }

    100% {
        background: url("arrow-white.svg");
        left: 28.5rem
    }
}

.button {
    position: relative;
    display: inline-block;
    color: #fff;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    background: #ff2345;
    padding: 1.5rem 2rem;
    border: none;
    border-radius: .5rem;
    -webkit-transition: 300ms all cubic-bezier(0.23, 1, 0.32, 1);
    transition: 300ms all cubic-bezier(0.23, 1, 0.32, 1);
    font-family: "GalanoGrotesque", sans-serif;
    font-size: 1.6rem;
    font-weight: 600
}

.button:hover {
    -webkit-box-shadow: 0 1.2rem 4rem rgba(255, 35, 69, .6);
    box-shadow: 0 1.2rem 4rem rgba(255, 35, 69, .6)
}

.button--immersive-reader {
    background: none;
    color: #fff;
    padding: 0 4rem 0 0;
    position: relative;
    text-decoration: underline;
    font-family: inherit;
    font-weight: 100;
    line-height: 1
}

.button--immersive-reader::after {
    content: "";
    background: url("") no-repeat center/contain;
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.button--immersive-reader:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.button--center {
    margin: 2rem auto
}

.button__wrapper {
    text-align: center
}

.button__arrow {
    padding-right: 6rem
}

.button__arrow::after {
    content: "";
    background: url("arrow-white.svg") no-repeat center;
    position: absolute;
    width: 3rem;
    height: 3rem;
    right: 2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 2rem;
    -webkit-transition: 300ms all cubic-bezier(0.23, 1, 0.32, 1);
    transition: 300ms all cubic-bezier(0.23, 1, 0.32, 1)
}

.button__arrow--left::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.button__arrow--right::after {
    -webkit-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0)
}

.button__arrow--top::after {
    -webkit-transform: translateY(-50%) rotate(270deg);
    transform: translateY(-50%) rotate(270deg)
}

.button__arrow--bottom::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.button--text-link {
    background: none;
    color: #ff2345;
    padding-right: 4rem
}

.button--text-link.button__arrow::after {
    right: 0;
    background: url("arrow-pink.svg") no-repeat center
}

.button--text-link.button__arrow:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.button--more {
    margin: 0 1rem
}

.button__loading-indicator {
    display: none;
    position: absolute;
    right: -8rem;
    top: .5rem;
    background: url("email.svg");
    background-size: cover;
    position: absolute;
    width: 3rem;
    height: 3rem
}

.button__loading-indicator--loading {
    display: block;
    -webkit-animation: animateRightNotBack 1s linear infinite both;
    animation: animateRightNotBack 1s linear infinite both;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.caption {
    margin-top: 2rem;
    color: #737373;
    font-style: italic;
    font-size: 1.8rem
}

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

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 5rem 3.2rem 3.5rem;
    margin: 1rem 2.8rem;
    border: .1rem solid rgba(255, 255, 255, .3);
    border-radius: .8rem;
    text-decoration: none;
    overflow: hidden;
    background-color: rgba(255, 255, 255, .04)
}

@media screen and (min-width: 62em) {
    .card {
        width: calc(33.3333333333% - 4rem);
        margin: 2rem
    }
}

@supports((-webkit-backdrop-filter: blur(4rem)) or (backdrop-filter: blur(4rem))) {
    .card {
        -webkit-backdrop-filter: blur(4rem);
        backdrop-filter: blur(4rem)
    }
}

@media screen and (min-width: 62em) {
    .card--without-min-height {
        min-height: initial
    }
}

.card--without-background {
    border: none;
    background-color: rgba(0, 0, 0, 0)
}

@supports((-webkit-backdrop-filter: blur(4rem)) or (backdrop-filter: blur(4rem))) {
    .card--without-background {
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }
}

.card--small {
    min-height: 15rem
}

.card--sm {
    min-height: 16rem;
    padding: 3.8rem 5.6rem 3.2rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.card--background {
    -webkit-transition: border-color .25s 0s ease, -webkit-transform .25s 0s ease;
    transition: border-color .25s 0s ease, -webkit-transform .25s 0s ease;
    transition: transform .25s 0s ease, border-color .25s 0s ease;
    transition: transform .25s 0s ease, border-color .25s 0s ease, -webkit-transform .25s 0s ease
}

.card--background:hover {
    -webkit-transform: scale(1.04) perspective(0.1rem);
    transform: scale(1.04) perspective(0.1rem);
    border-color: rgba(0, 0, 0, 0)
}

.card--no-icon {
    padding: 3.2rem 3.5rem;
    overflow: visible;
    min-height: 8rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 48em) {
    .card--no-icon {
        min-height: 15rem
    }
}

.card--icon {
    overflow: visible;
    margin: 1.5rem 3.2rem 1.5rem 5.3rem;
    padding: 2.5rem 2.7rem 2.2rem 9.3rem
}

@media screen and (min-width: 62em) {
    .card--icon {
        margin: 14rem 2rem 2rem 2rem;
        padding: 5rem 3.2rem 3.5rem
    }
}

@media screen and (min-width: 62em) {
    .card__collection {
        margin-top: 10rem;
        width: 100%
    }

    .card__collection--services {
        margin-top: 0
    }
}

@media screen and (min-width: 62em) {
    .card__collection--with-icons {
        margin-top: 8rem
    }
}

.card__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -1rem -1rem 1rem
}

@media screen and (min-width: 62em) {
    .card__wrapper {
        margin: -2rem -2rem 2rem
    }
}

.card__image-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .25s 0s ease;
    transition: opacity .25s 0s ease
}

.card__image-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(13, 13, 13, .1)
}

.card--background .card__image-wrapper {
    width: 100%;
    height: 100%
}

.card--background:hover .card__image-wrapper {
    opacity: 1
}

.card--icon .card__image-wrapper {
    -webkit-transform: translate(-4rem, 0);
    transform: translate(-4rem, 0);
    left: 0;
    opacity: 1;
    height: 100%;
    max-width: 11.2rem;
    top: -1rem
}

@media screen and (min-width: 62em) {
    .card--icon .card__image-wrapper {
        height: auto;
        max-width: none;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%
    }
}

.card__image {
    max-height: 25rem;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card--icon .card__image {
    -o-object-fit: contain;
    object-fit: contain
}

.card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    z-index: 1
}

.card__content--has-cta-text {
    padding-bottom: 4.2rem
}

.card--icon .card__content {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

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

.card__title {
    position: relative;
    z-index: 1;
    text-align: left;
    color: #fff;
    margin-bottom: 2.4rem;
    font-family: "Newzald", serif;
    font-size: 2.5rem;
    font-weight: 900
}

.card__title--centered {
    text-align: center
}

.card__title--with-o {
    background: none;
    border: none;
    text-decoration: none;
    cursor: pointer
}

.card__title--with-o::before {
    content: "";
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    height: 9rem;
    width: 9rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1
}

.card__title--with-o-active::before {
    background-image: url("")
}

@media screen and (min-width: 62em) {
    .card__title {
        font-size: 3.8rem
    }
}

.card--sm .card__title {
    font-family: "GalanoGrotesque", sans-serif;
    font-size: 2.4rem
}

.card__desc {
    -webkit-transition: opacity .25s 0s ease;
    transition: opacity .25s 0s ease;
    font-size: 1.6rem;
    line-height: 1.7
}

.card--background:hover .card__desc {
    opacity: 0
}

.card--icon .card__desc {
    display: none
}

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

.card__desc--services {
    display: none
}

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

.card__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 3rem
}

.card__arrow::before,
.card__arrow::after {
    content: "";
    position: absolute;
    left: 0;
    width: 3rem;
    height: 100%
}

.card__arrow::before {
    z-index: -1;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: left .25s 0s ease, background-color .25s 0s ease, -webkit-transform .25s 0s ease;
    transition: left .25s 0s ease, background-color .25s 0s ease, -webkit-transform .25s 0s ease;
    transition: left .25s 0s ease, transform .25s 0s ease, background-color .25s 0s ease;
    transition: left .25s 0s ease, transform .25s 0s ease, background-color .25s 0s ease, -webkit-transform .25s 0s ease
}

.card__arrow::after {
    background: url("arrow-pink.svg") no-repeat center;
    -webkit-transition: left .25s 0s ease;
    transition: left .25s 0s ease
}

.card:hover .card__arrow::after {
    left: 1rem
}

.card--background:hover .card__arrow::before,
.card--background:hover .card__arrow::after {
    left: calc(100% - 3rem)
}

.card--background:hover .card__arrow::before {
    -webkit-transition: left .25s 0s ease, background-color .25s .25s ease, -webkit-transform .25s .25s ease;
    transition: left .25s 0s ease, background-color .25s .25s ease, -webkit-transform .25s .25s ease;
    transition: left .25s 0s ease, transform .25s .25s ease, background-color .25s .25s ease;
    transition: left .25s 0s ease, transform .25s .25s ease, background-color .25s .25s ease, -webkit-transform .25s .25s ease;
    -webkit-transform: scale(1) perspective(0.1rem);
    transform: scale(1) perspective(0.1rem);
    background-color: #ff2345
}

.card--background:hover .card__arrow::after {
    background-image: url("arrow-white.svg")
}

.card__redirect-title {
    color: #fff;
    font-family: "GalanoGrotesque", sans-serif;
    font-size: 2rem;
    opacity: 0;
    -webkit-transition: opacity .1s 0s ease;
    transition: opacity .1s 0s ease;
    -webkit-transform: perspective(0.1rem);
    transform: perspective(0.1rem)
}

@media screen and (min-width: 75em) {
    .card__redirect-title {
        font-size: 2rem
    }
}

.card--background:hover .card__redirect-title {
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    opacity: 1
}

.client-slider__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(13, 13, 13, .7);
    border-radius: 1rem;
    border: solid .1rem #737373
}

.client-slider__image {
    max-width: 80%;
    height: 8rem;
    width: 16rem;
    -o-object-fit: contain;
    object-fit: contain
}

.contact-location {
    position: relative;
    padding: 2rem 0
}

.contact-location--front {
    z-index: 2
}

.contact-location--preload * {
    -webkit-transition: none !important;
    transition: none !important
}

.contact-location__video {
    display: none;
    position: absolute;
    height: 43rem;
    top: 50%;
    left: 0;
    width: 100vw;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    will-change: transform;
    overflow: hidden
}

@media screen and (min-width: 48em) {
    .contact-location__video {
        display: block;
        -webkit-transition: -webkit-transform .25s 0s ease;
        transition: -webkit-transform .25s 0s ease;
        transition: transform .25s 0s ease;
        transition: transform .25s 0s ease, -webkit-transform .25s 0s ease
    }

    .contact-location--active .contact-location__video {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        -webkit-transition: -webkit-transform .25s 0s cubic-bezier(0, 0, 0, 1);
        transition: -webkit-transform .25s 0s cubic-bezier(0, 0, 0, 1);
        transition: transform .25s 0s cubic-bezier(0, 0, 0, 1);
        transition: transform .25s 0s cubic-bezier(0, 0, 0, 1), -webkit-transform .25s 0s cubic-bezier(0, 0, 0, 1)
    }
}

.contact-location__video-player {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    z-index: 2
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .contact-location__video-player {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@supports(-ms-ime-align: auto) {
    .contact-location__video-player {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@supports((-o-object-fit: cover) or (object-fit: cover)) and (not (-ms-ime-align: auto)) {
    .contact-location__video-player {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
        width: 100%
    }
}

.contact-location__location {
    position: relative;
    text-align: center
}

@media screen and (min-width: 48em) {
    .contact-location__location {
        text-align: left;
        padding: 3rem 0
    }
}

.contact-location__name {
    color: #ff2345;
    -webkit-transition: -webkit-transform .25s .05s ease;
    transition: -webkit-transform .25s .05s ease;
    transition: transform .25s .05s ease;
    transition: transform .25s .05s ease, -webkit-transform .25s .05s ease;
    pointer-events: none;
    margin-bottom: 1rem;
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 800;
    font-size: 4rem
}

@media screen and (min-width: 48em) {
    .contact-location--active .contact-location__name {
        -webkit-transform: translateX(1rem);
        transform: translateX(1rem);
        color: #fff
    }
}

@media screen and (min-width: 62em) {
    .contact-location__name {
        font-size: 5rem;
        margin-bottom: 0
    }
}

.contact-location__details-wrapper {
    position: relative;
    color: #fff;
    line-height: 1.6;
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 600;
    font-size: 2rem
}

.contact-location__detail:not(:last-child) {
    margin-bottom: 4rem
}

.contact-location__link {
    position: relative;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    line-height: 2;
    cursor: pointer
}

.contact-location__link:hover {
    color: #ff2345;
    text-decoration: underline
}

.contact-location--front .contact-location__link {
    z-index: 2
}

.contact-location__label {
    opacity: .2
}

.contact-locations {
    padding-top: 30rem
}

@media screen and (min-width: 62em) {
    .contact-locations {
        padding-top: 20rem
    }
}

.contact-locations__title {
    color: #fff;
    font-family: Newzald, serif;
    font-weight: 900;
    margin-bottom: 6rem;
    text-align: center
}

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

.contact-locations__graphic-wrapper {
    position: relative
}

.contact-locations__graphic {
    position: absolute;
    width: 10rem;
    height: 27rem;
    top: -30rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
    -webkit-transition: -webkit-transform 0s 0s ease;
    transition: -webkit-transform 0s 0s ease;
    transition: transform 0s 0s ease;
    transition: transform 0s 0s ease, -webkit-transform 0s 0s ease
}

@media screen and (max-width: 62em) {
    .contact-locations__graphic {
        -webkit-transform: none !important;
        transform: none !important
    }
}

@media screen and (min-width: 62em) {
    .contact-locations__graphic {
        width: 24rem;
        height: 67rem;
        left: auto;
        z-index: 3;
        top: -64rem;
        margin: 0
    }
}

.contact-information {
    padding-top: 18rem;
    text-align: center
}

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

.contact-information__title {
    color: #fff;
    font-family: Newzald, serif;
    font-weight: 900;
    margin-bottom: 3.4rem
}

@media screen and (min-width: 48em) {
    .contact-information__title {
        margin-bottom: 6rem
    }
}

.contact-information__details {
    margin-bottom: 4rem
}

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

.contact-information__link {
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    font-size: 2rem;
    line-height: 2
}

.contact-information__link:hover {
    color: #ff2345;
    text-decoration: underline
}

.contact-information__socials {
    margin-top: 2.3rem
}

.controls {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 4rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 3
}

@media screen and (min-width: 62em) {
    .controls {
        position: absolute;
        right: 5rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0
    }
}

.controls__o {
    background: url("icon.svg") no-repeat center;
    width: 3rem;
    height: 3rem
}

.controls__arrow {
    cursor: pointer;
    margin: auto 1rem;
    width: 2.7rem;
    height: 2.7rem;
    background: url("") no-repeat center
}

.controls__arrow--disabled {
    cursor: default;
    opacity: .5
}

.controls__arrow--right {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.controls__animateright {
    -webkit-animation-name: animateRight;
    animation-name: animateRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.controls__animateleft {
    -webkit-animation-name: animateLeft;
    animation-name: animateLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.course {
    position: relative;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20rem
}

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

.course--highlight {
    margin-bottom: 20rem
}

@media screen and (min-width: 48em) {
    .course--highlight {
        padding-left: 30%
    }
}

.course--highlight .course__imagewrapper {
    width: 100%;
    top: unset;
    -webkit-transform: unset;
    transform: unset
}

@media screen and (min-width: 48em) {
    .course--highlight .course__imagewrapper {
        width: 40%;
        max-height: 60rem;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 50%;
        left: 1rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0
    }
}

@media screen and (min-width: 48em) {
    .course--highlight .course__image {
        max-height: 60rem;
        margin: 0
    }
}

.course--highlight .course__container {
    display: inline-block;
    margin-left: 0;
    padding: 3rem;
    margin-bottom: 0
}

@media screen and (min-width: 48em) {
    .course--highlight .course__container {
        padding: 10rem 6rem 10rem 20%
    }
}

@media screen and (min-width: 75em) {
    .course--highlight .course__container {
        padding: 10rem 10rem 10rem 20rem
    }
}

.course__container {
    padding: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: .1rem solid rgba(255, 255, 255, .1)
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .course__container {
        width: 100%
    }
}

@media screen and (min-width: 48em) {
    .course__container {
        margin-bottom: 20rem;
        padding: 6rem
    }
}

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

.course__container p {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.course__imagewrapper {
    position: relative;
    margin: -15rem 0 2rem;
    width: 100%;
    max-width: 100%
}

.course__image {
    width: 100%;
    max-height: 20rem;
    position: relative;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (min-width: 48em) {
    .course__image {
        max-height: 35rem
    }
}

.course__tag {
    padding: 1rem 1.2rem;
    border-radius: .3rem;
    background-color: #ff2345;
    color: #fff;
    position: absolute;
    top: 2rem;
    left: 2rem
}

@supports((-webkit-backdrop-filter: blur(0.9rem)) or (backdrop-filter: blur(0.9rem))) {
    .course__tag {
        -webkit-backdrop-filter: blur(0.9rem);
        backdrop-filter: blur(0.9rem)
    }
}

.course__title {
    font-family: "GalanoGrotesque", sans-serif;
    margin-bottom: 5rem
}

.course__desc {
    color: #fff;
    margin-bottom: 5rem
}

.course__list {
    width: 100%
}

.course__list-item,
.course__desc {
    display: inline-block;
    width: 100%
}

.course__list-item--icon {
    margin-left: 4rem
}

.cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.cta__title {
    text-align: center;
    font-size: 4rem;
    max-width: 30rem;
    margin: 0 auto 1.6rem
}

@media screen and (min-width: 48em) {
    .cta__title {
        font-size: 5rem;
        max-width: 57rem
    }
}

.cta__title--small {
    font-size: 3rem
}

@media screen and (min-width: 48em) {
    .cta__title--small {
        font-size: 3.6rem
    }
}

.cta__subtitle {
    color: #737373;
    margin-bottom: 2rem;
    font-weight: 600;
    font-size: 1.8rem
}

.cta__image-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2rem;
    max-height: 25rem
}

.cta__image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%
}

.cta__image--circle {
    height: 16rem;
    width: 16rem;
    border-radius: 50%;
    overflow: hidden
}

.cta--icon {
    text-align: center
}

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

.grid-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0
}

@media screen and (min-width: 48em) {
    .grid-block {
        margin: 0 -1rem
    }
}

.grid-block__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(13, 13, 13, .7);
    border-radius: 1rem;
    border: solid .1rem rgba(115, 115, 115, .3)
}

.grid-block__item::before {
    content: "";
    display: block;
    padding-bottom: 100%;
    height: 0
}

.grid-block__content {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-height: 18rem;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 0 1rem
}

.grid-block__image-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.grid-block__image {
    max-width: 80%;
    height: 8rem;
    width: 16rem;
    -o-object-fit: contain;
    object-fit: contain
}

.grid-block__link {
    text-decoration: none
}

.grid-block__link:not(.grid-block__link--disabled):hover {
    opacity: .6
}

.grid-block__link--disabled {
    cursor: default
}

.grid-block__text {
    max-width: 80%;
    text-align: center;
    font-family: "GalanoGrotesque", sans-serif;
    font-size: 1.4rem;
    font-weight: 800
}

@media screen and (max-width: 48em) {
    .grid-block__text {
        display: none
    }
}

.grid-block__detail {
    display: block;
    font-family: "Newzald", serif;
    color: #cacaca;
    text-decoration: none;
    opacity: .7
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .grid-block {
        margin: calc(-2rem/2) calc(-2rem/2)
    }

    .grid-block__item {
        -ms-flex-preferred-size: calc(50% - 2rem);
        flex-basis: calc(50% - 2rem);
        margin: calc(2rem/2);
        max-width: calc(50% - 2rem)
    }
}

@media screen and (-ms-high-contrast: active)and (min-width: 62em),
screen and (-ms-high-contrast: none)and (min-width: 62em) {
    .grid-block {
        margin: calc(-5rem/2) calc(-5rem/2)
    }

    .grid-block__item {
        -ms-flex-preferred-size: calc(25% - 5rem);
        flex-basis: calc(25% - 5rem);
        margin: calc(5rem/2);
        max-width: calc(25% - 5rem)
    }
}

@supports(display: grid) {
    .grid-block {
        display: grid;
        grid-template: auto/repeat(2, 1fr);
        grid-gap: 2rem
    }

    @media screen and (min-width: 62em) {
        .grid-block {
            grid-template: auto/repeat(4, 1fr);
            grid-gap: 5rem
        }
    }
}

.hero {
    position: relative;
    margin-top: 10rem;
    min-height: 50rem;
    max-height: 160rem
}

@media screen and (min-width: 62em) {
    .hero {
        margin-top: -20rem;
        min-height: 120rem
    }
}

.hero__content {
    position: absolute;
    top: 0;
    left: 2rem;
    max-width: 50rem;
    margin: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    z-index: content
}

@media screen and (min-width: 62em) {
    .hero__content {
        left: 21.5rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.hero__title {
    font-size: 3rem;
    font-family: "GalanoGrotesque", sans-serif
}

@media screen and (min-width: 48em) {
    .hero__title {
        font-size: 5rem
    }
}

.hero img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 200rem;
    width: 100%;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover
}

.icon-button {
    background: url("") no-repeat center;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    border: .2rem solid rgba(255, 255, 255, .4);
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: all .2s;
    transition: all .2s;
    cursor: pointer
}

.icon-button:focus,
.icon-button:hover {
    outline: none;
    border-color: #ff2345
}

.comparison-widget {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.comparison-widget * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.comparison-widget:hover .comparison-separator,
.comparison-widget:hover .comparison-control,
.comparison-widget:hover .comparison-control::before,
.comparison-widget:hover .comparison-control::after {
    opacity: 1
}

.comparison-widget--hidden {
    opacity: 0
}

.comparison-item {
    height: 100%;
    width: 100%;
    background: #fff
}

.comparison-item--first {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.comparison-item--first .comparison-image {
    width: auto;
    max-width: none;
    position: absolute;
    left: 0;
    top: 0
}

.comparison-item--first .comparison-item__label {
    left: 0;
    right: inherit
}

.comparison-item__content {
    height: 100%;
    overflow: hidden;
    position: relative
}

.comparison-item__content:hover .comparison-item__label {
    background-color: #fff
}

.comparison-item__image {
    display: block;
    max-width: 100%;
    -webkit-user-drag: none
}

.comparison-item__label {
    padding: .7rem 1rem;
    position: absolute;
    top: 0;
    right: 0;
    text-transform: uppercase;
    font-family: Verdana, sans-serif;
    font-size: 1.1rem;
    color: #0d0d0d;
    background: rgba(255, 255, 255, .65);
    z-index: 1;
    -webkit-transition: background-color 2s linear;
    transition: background-color 2s linear
}

.comparison-separator {
    height: 100%;
    position: absolute;
    right: -0.1rem;
    top: 0;
    z-index: 10;
    cursor: pointer
}

.comparison-control {
    width: 5.5rem;
    height: 5.5rem;
    margin-top: -2.75rem;
    margin-left: -2.75rem;
    position: absolute;
    top: 50%;
    left: 50%;
    background: url("") center/50% no-repeat;
    background-color: #fff;
    border: #ff2345 1.5rem solid;
    border-radius: 50%;
    -webkit-box-shadow: 0 1rem 3rem rgba(255, 35, 69, .4);
    box-shadow: 0 1rem 3rem rgba(255, 35, 69, .4);
    opacity: .7;
    cursor: -webkit-grab;
    cursor: grab;
    -webkit-transition: opacity .1s ease, width .1s ease, height .1s ease, margin .1s ease, border .1s ease;
    transition: opacity .1s ease, width .1s ease, height .1s ease, margin .1s ease, border .1s ease
}

.comparison-control:active {
    width: 6rem;
    height: 6rem;
    margin-top: -3rem;
    margin-left: -3rem;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.comparison-control__mask {
    width: 5rem;
    height: 4rem;
    position: absolute;
    top: -1.5rem;
    left: -1.8rem;
    background: #fff;
    opacity: 0
}

.image {
    margin: 1rem auto;
    display: block;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.image--small {
    width: 90%
}

@media screen and (min-width: 48em) {
    .image--small {
        width: 57rem
    }
}

.image--medium {
    width: 90%
}

@media screen and (min-width: 62em) {
    .image--medium {
        width: 97rem
    }
}

.image--large {
    width: 100vw;
    max-height: auto;
    position: relative;
    left: 50%;
    margin-left: -50vw
}

@media screen and (min-width: 62em) {
    .image--large {
        max-height: 89rem
    }
}

.jobs__title {
    margin-bottom: 8rem
}

.jobs__link {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0 .5rem
}

.jobs__item {
    height: 30rem;
    width: 100%;
    border: .1rem solid rgba(255, 255, 255, .1);
    padding: 2rem;
    margin-bottom: 6rem;
    position: relative;
    border-radius: .5rem;
    display: inline-block
}

.jobs__tag {
    padding: 1rem 1.2rem;
    border-radius: .3rem;
    background-color: #ff2345;
    color: #fff;
    position: absolute;
    top: 2rem;
    left: 2rem
}

.jobs__image-wrapper {
    position: absolute;
    right: -1.5rem;
    top: -2rem;
    height: 8rem;
    width: 10rem
}

.jobs__image {
    display: block;
    height: 100%;
    margin: 0 auto
}

.jobs__function {
    font-family: "GalanoGrotesque", sans-serif;
    margin-top: 6.6rem;
    font-size: 3rem;
    padding: 0 1rem
}

.jobs__info {
    position: absolute;
    bottom: 2rem;
    font-family: "GalanoGrotesque", sans-serif;
    color: #737373;
    font-size: 1.8rem;
    font-weight: 700
}

.jobs__info::before {
    content: "";
    position: absolute;
    background: url("icon.svg") no-repeat 50%/cover;
    height: 1.5rem;
    min-width: 1.5rem;
    left: -2.7rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@supports(filter: blur(0)) {
    .lazyload__blur {
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transition: -webkit-filter .4s ease-out;
        transition: -webkit-filter .4s ease-out;
        transition: filter .4s ease-out;
        transition: filter .4s ease-out, -webkit-filter .4s ease-out
    }
}

@supports(filter: blur(1.5rem)) {

    .lazyload__blur.lazyload,
    .lazyload__blur.lazyloading {
        -webkit-filter: blur(1.5rem);
        filter: blur(1.5rem)
    }
}

.lead-gen__cta-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.lead-gen__cta-content__image-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4.3rem;
    max-height: 30rem
}

@media screen and (min-width: 62em) {
    .lead-gen__cta-content__image-wrapper {
        margin-bottom: 4.4rem
    }
}

.lead-gen__cta-content__image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%
}

.lead-gen__title {
    text-align: center;
    max-width: 30rem;
    margin: 0 auto 8rem;
    font-family: "GalanoGrotesque", sans-serif;
    font-size: 4rem;
    font-weight: 800
}

@media screen and (min-width: 62em) {
    .lead-gen__title {
        font-size: 8rem;
        max-width: 57rem
    }
}

.lead-gen__cta-sticky {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    bottom: 2rem;
    right: 2rem;
    z-index: 10;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit
}

@media screen and (min-width: 62em) {
    .lead-gen__cta-sticky {
        bottom: 5rem;
        right: 5rem
    }
}

.lead-gen__cta-sticky:hover .button {
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.lead-gen__cta-button {
    padding-right: 4rem;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    z-index: -1;
    -webkit-transform: translateX(12rem);
    transform: translateX(12rem);
    opacity: 0
}

@-webkit-keyframes gform-cta-visible-slide-left {
    0% {
        -webkit-transform: translateX(12rem);
        transform: translateX(12rem);
        opacity: 0
    }

    40% {
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(2rem);
        transform: translateX(2rem);
        opacity: 1
    }
}

@keyframes gform-cta-visible-slide-left {
    0% {
        -webkit-transform: translateX(12rem);
        transform: translateX(12rem);
        opacity: 0
    }

    40% {
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(2rem);
        transform: translateX(2rem);
        opacity: 1
    }
}

.lead-gen__cta-button--visible {
    -webkit-animation: gform-cta-visible-slide-left .5s;
    animation: gform-cta-visible-slide-left .5s;
    -webkit-transform: translateX(2rem);
    transform: translateX(2rem);
    opacity: 1
}

@-webkit-keyframes gform-cta-hide-slide-right {
    0% {
        -webkit-transform: translateX(1rem);
        transform: translateX(1rem);
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(12rem);
        transform: translateX(12rem);
        opacity: 0
    }
}

@keyframes gform-cta-hide-slide-right {
    0% {
        -webkit-transform: translateX(1rem);
        transform: translateX(1rem);
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(12rem);
        transform: translateX(12rem);
        opacity: 0
    }
}

.lead-gen__cta-button--hidden {
    -webkit-animation: gform-cta-hide-slide-right .5s;
    animation: gform-cta-hide-slide-right .5s;
    -webkit-transform: translateX(12rem);
    transform: translateX(12rem);
    opacity: 0
}

.lead-gen__cta-image-wrapper {
    height: 5.6rem;
    width: 5.6rem;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform: scale(100%);
    transform: scale(100%)
}

@media screen and (min-width: 62em) {
    .lead-gen__cta-image-wrapper {
        height: 6.4rem;
        width: 6.4rem
    }
}

.lead-gen__cta-image-wrapper--active {
    -webkit-transform: scale(144%);
    transform: scale(144%)
}

@media screen and (min-width: 62em) {
    .lead-gen__cta-image-wrapper--active {
        -webkit-transform: scale(120%);
        transform: scale(120%)
    }
}

.lead-gen__cta-image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 17.5rem;
    border: .2rem solid #ff2345;
    background-color: #ff2345
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0 100rem #0d0d0d inset;
    -webkit-background-clip: content-box
}

.gform {
    height: 100%;
    width: 100%;
    background: #0d0d0d;
    background-image: url("dc-circle-bg.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    border-radius: .3rem;
    position: fixed;
    z-index: 80;
    top: 0;
    left: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0
}

@media screen and (min-width: 62em) {
    .gform {
        -webkit-transition: opacity .5s, -webkit-transform .5s;
        transition: opacity .5s, -webkit-transform .5s;
        transition: transform .5s, opacity .5s;
        transition: transform .5s, opacity .5s, -webkit-transform .5s
    }
}

@-webkit-keyframes gform-slide-left-in {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes gform-slide-left-in {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes gform-slide-right-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

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

@keyframes gform-slide-right-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

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

.gform--hidden {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    -webkit-animation: gform-slide-right-out .85s;
    animation: gform-slide-right-out .85s
}

.gform--active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-animation: gform-slide-left-in .5s;
    animation: gform-slide-left-in .5s;
    overflow: scroll
}

.gform__toggle {
    display: block;
    position: absolute;
    z-index: 2;
    right: 3rem;
    top: 6rem;
    height: 2.5rem;
    width: 2.5rem;
    cursor: pointer;
    background: url("close.svg") no-repeat;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit
}

@media screen and (min-width: 62em) {
    .gform__toggle {
        right: 6rem
    }
}

.gform__left-split-content {
    display: block
}

.gform__left-split-content--hidden {
    display: none
}

.gform__right-split--submitted {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (min-width: 62em) {
    .gform__right-split--submitted {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.gform__right-split-message {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media screen and (min-width: 62em) {
    .gform__right-split-message--active {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.gform__submit-button-wrapper {
    margin-bottom: 3.2rem
}

.gform__submit-message {
    font-size: 4.6rem;
    font-weight: 600;
    font-family: "Newzald", serif;
    color: #fff
}

@media screen and (min-width: 62em) {
    .gform__submit-message {
        font-size: 7.6rem
    }
}

.gform__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: rgba(13, 13, 13, .3);
    padding: 13rem 2.4rem 0 2.4rem
}

@media screen and (min-width: 48em) {
    .gform__wrap {
        padding: 13rem 8rem 0 8rem
    }
}

@media screen and (min-width: 62em) {
    .gform__wrap {
        -webkit-backdrop-filter: blur(3.5rem);
        backdrop-filter: blur(3.5rem);
        padding: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.gform__split-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (min-width: 62em) {
    .gform__split-content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .gform__split-content--hidden {
        display: none
    }
}

.gform__split-content-form {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 4.5rem
}

@media screen and (min-width: 62em) {
    .gform__split-content-form {
        margin-top: 0
    }
}

.gform__split-content-form form {
    width: 100%;
    padding-right: 0
}

@media screen and (min-width: 62em) {
    .gform__split-content-form form {
        padding-right: 3rem
    }
}

.gform__title {
    font-family: "GalanoGrotesque", sans-serif;
    font-size: 4rem;
    margin-bottom: 4rem;
    padding: 0;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.gform__title--hidden {
    opacity: 0
}

@media screen and (min-width: 62em) {
    .gform__title {
        margin: 0 auto 5.6rem;
        font-size: 8rem;
        text-align: center
    }
}

.gform__employee-image-wrapper {
    height: 12rem;
    width: 12rem;
    margin: 0
}

@media screen and (min-width: 62em) {
    .gform__employee-image-wrapper {
        height: 20rem;
        width: 20rem;
        margin: 0 auto 4rem
    }
}

.gform__employee-image {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 17.5rem;
    background-color: #fff
}

.gform__employee-full-name,
.gform__employee-job-title,
.gform__employee-quote {
    margin-left: 5rem
}

@media screen and (min-width: 62em) {

    .gform__employee-full-name,
    .gform__employee-job-title,
    .gform__employee-quote {
        margin-left: 0;
        text-align: center
    }
}

.gform__employee-full-name,
.gform__employee-job-title {
    color: #fff
}

.gform__employee-full-name {
    margin-top: -2rem;
    font-weight: 700;
    font-size: 3rem
}

@media screen and (min-width: 62em) {
    .gform__employee-full-name {
        margin-top: unset;
        font-size: 3.8rem;
        line-height: 4rem
    }
}

.gform__employee-job-title {
    font-size: 1.6rem;
    line-height: 2.8 rem
}

@media screen and (min-width: 62em) {
    .gform__employee-job-title {
        font-size: 2rem;
        line-height: 3.2rem;
        text-align: center
    }
}

.gform__employee-quote {
    color: #fff;
    font-size: 1.8rem;
    font-style: italic;
    line-height: 3.2rem;
    opacity: .6;
    margin-top: 1.6rem
}

@media screen and (min-width: 62em) {
    .gform__employee-quote {
        text-align: center
    }
}

.gform__element {
    width: 85vw;
    padding: 4rem 0 0 0;
    color: #fff
}

@media screen and (min-width: 62em) {
    .gform__element {
        width: 35vw
    }
}

.gform__element.hidden {
    padding: 0
}

.gform__recaptcha {
    padding: 0
}

.gform__field-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.gform__field-wrapper--reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.gform__field-wrapper::after {
    content: "";
    position: absolute;
    width: 0;
    left: 0;
    bottom: 0;
    height: .1rem;
    background: #ff2345;
    -webkit-transition: all .1s cubic-bezier(0.11, 0.28, 0.58, 1);
    transition: all .1s cubic-bezier(0.11, 0.28, 0.58, 1)
}

.gform__field-wrapper input,
.gform__field-wrapper textarea {
    width: 100%;
    padding: 1rem 0;
    background: rgba(0, 0, 0, 0);
    border: none;
    border-bottom: .1rem solid rgba(255, 255, 255, .3);
    -webkit-transition: all .1s cubic-bezier(0.11, 0.28, 0.58, 1);
    transition: all .1s cubic-bezier(0.11, 0.28, 0.58, 1)
}

.gform__field-wrapper input:focus,
.gform__field-wrapper textarea:focus {
    outline: none
}

.gform__field-wrapper input,
.gform__field-wrapper textarea {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 3.2rem;
    font-family: "GalanoGrotesque", sans-serif
}

.gform__field-wrapper textarea {
    padding: 1rem 0;
    min-height: 10rem;
    height: auto;
    resize: vertical
}

.gform__field-wrapper-label {
    font-weight: 400;
    font-size: 1.6rem;
    text-align: left;
    font-family: "GalanoGrotesque", sans-serif;
    color: #fff;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 1rem;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media screen and (min-width: 62em) {
    .gform__field-wrapper-label {
        font-size: 2rem
    }
}

input[type=text]:not([value=""])+.gform__field-wrapper-label,
input[type=text]:not([value])+.gform__field-wrapper-label,
input[type=text]:focus+.gform__field-wrapper-label,
textarea[value]+.gform__field-wrapper-label,
textarea:focus+.gform__field-wrapper-label {
    display: block;
    opacity: .6;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: translate(0, -2rem) scale(0.8);
    transform: translate(0, -2rem) scale(0.8);
    z-index: 60
}

.gform__field-wrapper input[type=checkbox],
.gform__field-wrapper input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    margin: 0;
    position: relative;
    padding: unset;
    width: 2.4rem;
    height: 2.4rem;
    border: .1rem solid rgba(255, 255, 255, .5);
    -webkit-transform: translateY(-0.075em);
    transform: translateY(-0.075em);
    cursor: pointer
}

.gform__field-wrapper input[type=checkbox]::before,
.gform__field-wrapper input[type=checkbox]::after,
.gform__field-wrapper input[type=radio]::before,
.gform__field-wrapper input[type=radio]::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1.2rem;
    margin-top: -1.2rem;
    width: 2.4rem;
    height: 2.4rem;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: .5s opacity ease-in-out;
    transition: .5s opacity ease-in-out;
    overflow: hidden
}

.gform__field-wrapper input[type=checkbox]::after,
.gform__field-wrapper input[type=radio]::after {
    background-color: #ff2345
}

.gform__field-wrapper input[type=checkbox]::before,
.gform__field-wrapper input[type=radio]::before {
    z-index: 1
}

.gform__field-wrapper input[type=checkbox]:checked::before,
.gform__field-wrapper input[type=radio]:checked::before {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 1
}

.gform__field-wrapper input[type=checkbox]:checked::after,
.gform__field-wrapper input[type=radio]:checked::after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.gform__field-wrapper input[type=checkbox]:checked::before,
.gform__field-wrapper input[type=checkbox]:checked::after,
.gform__field-wrapper input[type=radio]:checked::before,
.gform__field-wrapper input[type=radio]:checked::after {
    opacity: 1
}

.gform__field-wrapper input[type=checkbox] {
    border-radius: .5rem
}

.gform__field-wrapper input[type=checkbox]::before,
.gform__field-wrapper input[type=checkbox]::after {
    border-radius: .5rem
}

.gform__field-wrapper input[type=checkbox]::before {
    background: url("Icon-checkmark-white.svg") no-repeat center/cover
}

.gform__field-wrapper input[type=checkbox]:checked::before {
    opacity: 1
}

.gform__field-wrapper input[type=radio] {
    border-radius: 2.4rem
}

.gform__field-wrapper input[type=radio]::after {
    background: url("ellipse-pink.svg") no-repeat center/cover
}

.gform__field-wrapper input[type=radio]:checked::after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.gform__radio-buttons-label {
    top: 0;
    font-family: "GalanoGrotesque", sans-serif;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.8rem
}

@media screen and (min-width: 62em) {
    .gform__radio-buttons-label {
        font-size: 2rem;
        line-height: 3.2rem
    }
}

.gform__radio-button-list {
    margin: 1.6rem 0 -2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.gform__radio-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 2rem;
    position: relative;
    height: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    margin-bottom: 2.4rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 90em) {
    .gform__radio-button {
        width: auto
    }
}

.gform__radio-button-label {
    margin-left: .8rem;
    top: unset;
    color: rgba(255, 255, 255, .8);
    font-family: "GalanoGrotesque", sans-serif;
    color: #fff;
    font-size: 1.6rem;
    opacity: .6;
    width: 50%;
    cursor: pointer
}

@media screen and (min-width: 62em) {
    .gform__radio-button-label {
        font-size: 2rem
    }
}

.gform__data-consent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .8rem
}

.gform__data-consent-label {
    position: absolute;
    top: .3rem;
    left: 4rem;
    opacity: .8;
    font-size: 1.4rem
}

@media screen and (min-width: 62em) {
    .gform__data-consent-label {
        top: 0;
        font-size: 1.6rem
    }
}

.gform .field-validation-error {
    color: #ff2345;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateY(0.1rem);
    transform: translateY(0.1rem);
    padding-top: .5rem;
    font-family: "GalanoGrotesque", sans-serif;
    font-size: 1.4rem
}

.gform__recaptcha-policy {
    color: #fff;
    font-family: "GalanoGrotesque", sans-serif;
    font-size: 1.2rem;
    margin-bottom: 4rem;
    opacity: .6
}

.gform__recaptcha-policy span,
.gform__recaptcha-policy a {
    color: inherit;
    opacity: inherit
}

.link-circle {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1;
    height: 100%;
    width: 100%
}

.link-circle::before {
    content: "";
    position: absolute;
    bottom: -100%;
    right: 0;
    width: 100%;
    height: 200%;
    opacity: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 35, 69, 0.2)), to(rgba(255, 35, 69, 0)));
    background-image: linear-gradient(to top, rgba(255, 35, 69, 0.2), rgba(255, 35, 69, 0));
    -webkit-transition-property: opacity, right, bottom;
    transition-property: opacity, right, bottom;
    -webkit-transition-duration: 1000ms;
    transition-duration: 1000ms;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.3, 1)
}

@media screen and (min-width: 62em) {
    .link-circle::before {
        top: 0;
        right: -100%;
        width: 200%;
        height: 100%;
        background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 35, 69, 0.2)), to(rgba(255, 35, 69, 0)));
        background-image: linear-gradient(to left, rgba(255, 35, 69, 0.2), rgba(255, 35, 69, 0))
    }
}

.link-circle__title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    bottom: 50%;
    left: -4rem;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    width: calc(100% + 8rem)
}

.link-circle__label {
    z-index: 1;
    color: #fff;
    text-align: center;
    font-size: 6.4rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none
}

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

.link-circle__label--small {
    font-family: "Newzald", serif;
    margin: 0;
    font-size: 2rem;
    -webkit-transition: margin .5s 0s ease;
    transition: margin .5s 0s ease
}

@media screen and (min-width: 62em) {
    .link-circle__label--small {
        margin-left: 1rem
    }
}

.link-circle__label--big {
    font-family: "GalanoGrotesque", sans-serif
}

.link-circle__arrow {
    position: absolute;
    height: 1.6rem;
    z-index: 1;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    bottom: 3rem;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.link-circle__wrapper {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    height: 30rem;
    width: 30rem;
    opacity: .25
}

.link-circle__wrapper--completed:hover .link-circle__circle {
    border-width: 8rem
}

.link-circle__wrapper--completed:hover .link-circle__label--small {
    margin: 0
}

@media screen and (min-width: 62em) {
    .link-circle__wrapper--completed:hover .link-circle__label--small {
        margin-left: 2rem
    }
}

.link-circle__circle {
    height: 100%;
    width: 100%;
    border: 7rem solid #ff2345;
    border-radius: 50%;
    -webkit-transition: border-width .5s 0s ease;
    transition: border-width .5s 0s ease
}

.link {
    color: #ff2345;
    text-decoration: none;
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 700;
    position: relative;
    display: inline-block
}

.link::after {
    content: "";
    position: absolute;
    right: -1rem;
    top: 50%;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    width: 3rem;
    height: 3rem;
    -webkit-transition: right .25s 0s ease;
    transition: right .25s 0s ease;
    background-image: url("arrow-pink.svg");
    background-position: center;
    background-repeat: no-repeat
}

.link:hover::after {
    right: -2rem
}

.discrete-link {
    color: #737373;
    text-decoration: none
}

.list__item {
    display: block;
    position: relative;
    font-family: "GalanoGrotesque", sans-serif;
    font-size: 2rem;
    color: #fff;
    line-height: 2.5rem;
    padding-bottom: 2.5rem
}

.list__item::before {
    content: "";
    height: 1.5rem;
    min-width: 1.5rem;
    margin-right: 1.7rem;
    background: url("icon.svg") no-repeat center/cover
}

.list__item--icon {
    margin-left: 4rem
}

.list__item--icon::before {
    height: 2.5rem;
    min-width: 2.5rem;
    position: absolute;
    top: 0;
    left: -4rem
}

.list__item--time::before {
    background: url("") no-repeat center/cover
}

.list__item--profile::before {
    background: url("") no-repeat center/cover
}

.list__item--price::before {
    background: url("") no-repeat center/cover
}

.list--checkmark .list__item {
    margin-left: 4rem
}

.list--checkmark .list__item::before {
    position: absolute;
    top: 0;
    left: -4rem;
    height: 2rem;
    min-width: 2rem;
    background: url("Icon-checkmark.svg") no-repeat center/cover
}

.list-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.list-block__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 12rem;
    width: 100%;
    height: 100%;
    border-bottom: solid .1rem rgba(255, 255, 255, .1)
}

.list-block__row:hover {
    background-color: rgba(255, 255, 255, .05);
    -webkit-transition: background-color 300ms ease-in;
    transition: background-color 300ms ease-in
}

@media screen and (min-width: 48em) {
    .list-block__row {
        min-height: 14.4rem;
        padding: 0 2.4rem
    }
}

.list-block__content {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.list-block__item {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-decoration: none
}

.list-block__item::after {
    content: "";
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: 50%;
    width: 3rem;
    height: 3rem;
    background: url("arrow-pink.svg") no-repeat center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: left .25s 0s ease, background-color .25s 0s ease, -webkit-transform .25s 0s ease;
    transition: left .25s 0s ease, background-color .25s 0s ease, -webkit-transform .25s 0s ease;
    transition: left .25s 0s ease, transform .25s 0s ease, background-color .25s 0s ease;
    transition: left .25s 0s ease, transform .25s 0s ease, background-color .25s 0s ease, -webkit-transform .25s 0s ease
}

@media screen and (min-width: 48em) {
    .list-block__item::after {
        right: 2.4rem
    }
}

.list-block__partner {
    font-size: 2.4rem;
    line-height: 2.6rem;
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 700;
    color: #fff;
    margin: 0 2.4rem .8rem 0
}

@media screen and (min-width: 48em) {
    .list-block__partner {
        font-size: 3.8rem;
        line-height: 4rem;
        margin: 0 2.4rem 0 0
    }
}

.list-block__partner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (min-width: 48em) {
    .list-block__partner-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.list-block__partner-status {
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 400;
    color: #737373
}

@media screen and (min-width: 48em) {
    .list-block__partner-status {
        font-size: 2rem;
        line-height: 3.2rem
    }
}

.list-block__partner-type {
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-family: "Newzald";
    font-weight: 700;
    color: #737373;
    margin-bottom: .8rem
}

@media screen and (min-width: 48em) {
    .list-block__partner-type {
        font-size: 1.6rem;
        line-height: 1.6rem
    }
}

.logo {
    cursor: pointer;
    text-shadow: 0 0 1rem rgba(13, 13, 13, .25);
    fill: #fff;
    -webkit-transition: text-shadow .3s ease-in-out, fill .3s ease-in-out;
    transition: text-shadow .3s ease-in-out, fill .3s ease-in-out
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .logo {
        z-index: 9;
        left: 10rem
    }
}

.transition--light .logo {
    fill: #0d0d0d
}

.logo--active .logo {
    fill: #fff
}

.logo--wrapper {
    width: 4.7rem;
    height: 4.1rem;
    display: block;
    position: absolute;
    left: 2rem;
    top: 2rem;
    z-index: 70
}

@media screen and (min-width: 48em) {
    .logo--wrapper {
        left: 4rem;
        top: 4rem
    }
}

@media screen and (min-width: 62em) {
    .logo--wrapper {
        left: 2.5rem;
        top: 2.5rem
    }
}

.rblogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    left: 2rem;
    top: 1rem;
    position: fixed;
    z-index: 70;
    text-shadow: 0 0 1rem rgba(13, 13, 13, .25)
}

@media screen and (min-width: 48em) {
    .rblogo {
        top: 4rem;
        left: 4rem
    }
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .rblogo {
        z-index: 30;
        left: 10rem
    }
}

.rblogo-left-side,
.rblogo-right-side {
    -webkit-transition: text-shadow .3s ease-in-out, fill .3s ease-in-out;
    transition: text-shadow .3s ease-in-out, fill .3s ease-in-out
}

.transition--light .rblogo-left-side,
.transition--light .rblogo-right-side {
    fill: #0d0d0d
}

.rblogo--active .rblogo-left-side,
.rblogo--active .rblogo-right-side {
    fill: #fff
}

.rblogo__hover {
    display: none
}

.rblogo-o {
    fill: none;
    stroke-miterlimit: 10;
    stroke-width: .7rem;
    stroke: #ff2345;
    stroke-dasharray: 64;
    stroke-dashoffset: 130;
    -webkit-transition: stroke .4s ease;
    transition: stroke .4s ease
}

.rblogo-o-top {
    -webkit-transform-origin: 46% 30%;
    transform-origin: 46% 30%
}

.rblogo-o-bottom {
    -webkit-transform-origin: 43% 60%;
    transform-origin: 43% 60%
}

.rblogo-o-middle {
    -webkit-transform-origin: 40% 30%;
    transform-origin: 40% 30%
}

.rblogo-o--hamburger {
    stroke: #fff
}

.transition--light .rblogo-o--hamburger {
    stroke: #0d0d0d
}

.rblogo--active .rblogo-o--hamburger {
    stroke: #fff
}

.rblogo-letter {
    fill: #fff
}

.transition--light .rblogo-letter {
    fill: #0d0d0d
}

.rblogo--active .rblogo-letter {
    fill: #fff
}

.rblogo__extra {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0
}

.rblogo__extra--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1;
    -webkit-transition: opacity 3s ease-in-out;
    transition: opacity 3s ease-in-out
}

.rblogo__text {
    padding: 1rem;
    font-family: "GalanoGrotesque", sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    color: #737373
}

.rblogo__wrapper {
    width: 4.5rem;
    height: 4rem
}

.rblogo__image {
    width: 100%;
    height: 100%
}

.loop-block__animation {
    margin: 4rem 0
}

.loop-block__button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hamburger-menu {
    display: inline-block;
    position: fixed;
    top: 0;
    right: 2rem;
    z-index: 70;
    background-color: rgba(0, 0, 0, 0);
    border: none
}

@media screen and (min-width: 48em) {
    .hamburger-menu {
        top: 2rem;
        right: 4rem
    }
}

@media screen and (min-width: 62em) {
    .hamburger-menu {
        top: .5rem;
        right: 2.5rem
    }
}

.hamburger-menu__wrapper {
    display: block;
    width: 2.2rem;
    height: 6rem;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.hamburger-menu__line {
    position: absolute;
    height: .25rem;
    width: 100%;
    background-color: #fff;
    -webkit-transition: background-colour .3s ease-in-out;
    transition: background-colour .3s ease-in-out;
    left: 0
}

.hamburger-menu__line:nth-child(1) {
    top: 2.2rem;
    -webkit-transition: top .25s .5s ease, background-color .3s ease-in-out, -webkit-transform .25s .25s ease;
    transition: top .25s .5s ease, background-color .3s ease-in-out, -webkit-transform .25s .25s ease;
    transition: transform .25s .25s ease, top .25s .5s ease, background-color .3s ease-in-out;
    transition: transform .25s .25s ease, top .25s .5s ease, background-color .3s ease-in-out, -webkit-transform .25s .25s ease
}

.hamburger-menu--expanded .hamburger-menu__line:nth-child(1) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 2.9rem;
    -webkit-transition: top .5s .25s ease, background-color .3s ease-in-out, -webkit-transform .5s .5s ease;
    transition: top .5s .25s ease, background-color .3s ease-in-out, -webkit-transform .5s .5s ease;
    transition: transform .5s .5s ease, top .5s .25s ease, background-color .3s ease-in-out;
    transition: transform .5s .5s ease, top .5s .25s ease, background-color .3s ease-in-out, -webkit-transform .5s .5s ease
}

.hamburger-menu__line:nth-child(2) {
    top: 2.9rem;
    -webkit-transition: background-color .3s ease-in-out, -webkit-transform .3s .8s ease;
    transition: background-color .3s ease-in-out, -webkit-transform .3s .8s ease;
    transition: transform .3s .8s ease, background-color .3s ease-in-out;
    transition: transform .3s .8s ease, background-color .3s ease-in-out, -webkit-transform .3s .8s ease
}

.hamburger-menu--expanded .hamburger-menu__line:nth-child(2) {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: background-color .3s ease-in-out, -webkit-transform .25s 0ms ease;
    transition: background-color .3s ease-in-out, -webkit-transform .25s 0ms ease;
    transition: transform .25s 0ms ease, background-color .3s ease-in-out;
    transition: transform .25s 0ms ease, background-color .3s ease-in-out, -webkit-transform .25s 0ms ease
}

.hamburger-menu__line:nth-child(3) {
    top: 3.6rem;
    -webkit-transition: top .25s .5s ease, background-color .3s ease-in-out, -webkit-transform .25s .25s ease;
    transition: top .25s .5s ease, background-color .3s ease-in-out, -webkit-transform .25s .25s ease;
    transition: transform .25s .25s ease, top .25s .5s ease, background-color .3s ease-in-out;
    transition: transform .25s .25s ease, top .25s .5s ease, background-color .3s ease-in-out, -webkit-transform .25s .25s ease
}

.hamburger-menu--expanded .hamburger-menu__line:nth-child(3) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 2.9rem;
    -webkit-transition: top .5s .25s ease, background-color .3s ease-in-out, -webkit-transform .5s .5s ease;
    transition: top .5s .25s ease, background-color .3s ease-in-out, -webkit-transform .5s .5s ease;
    transition: transform .5s .5s ease, top .5s .25s ease, background-color .3s ease-in-out;
    transition: transform .5s .5s ease, top .5s .25s ease, background-color .3s ease-in-out, -webkit-transform .5s .5s ease
}

.masonry {
    margin: 15rem 0
}

.masonry__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.masonry__wrapper .masonry__image {
    width: 100%;
    height: 50rem;
    margin-bottom: 2rem;
    -o-object-fit: cover;
    object-fit: cover
}

.masonry__wrapper .masonry__image--sm {
    width: 100%
}

@media screen and (min-width: 62em) {
    .masonry__wrapper .masonry__image--sm {
        width: unset
    }
}

.masonry__wrapper--vertical {
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.masonry__wrapper--vertical .masonry__image {
    height: 70rem;
    width: 100%
}

.modal {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 35rem;
    padding: 3rem;
    min-height: 53rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #0d0d0d;
    opacity: .98;
    border-radius: .8rem;
    -webkit-box-shadow: 0 -1rem 10rem rgba(255, 35, 69, .25);
    box-shadow: 0 -1rem 10rem rgba(255, 35, 69, .25);
    border: .1rem solid rgba(115, 115, 115, .5);
    z-index: 30;
    display: none
}

@media screen and (min-width: 48em) {
    .modal {
        width: 54rem;
        min-height: unset
    }
}

.modal--show {
    display: block
}

.modal__close-button {
    position: absolute;
    right: 2.5rem;
    top: 2.5rem;
    height: 2rem;
    width: 2rem;
    cursor: pointer
}

.modal__close-button::before,
.modal__close-button::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 0;
    margin: auto;
    -webkit-transform-origin: center;
    transform-origin: center;
    border-top: .2rem solid #fff
}

.modal__close-button::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.modal__close-button::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modal__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.modal__title {
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 800;
    margin: 0;
    font-size: 2.4rem;
    line-height: 2.6rem
}

@media screen and (min-width: 48em) {
    .modal__title {
        font-size: 2.4rem;
        line-height: 2.6rem
    }
}

.modal__subtitle {
    font-family: "Newzald", serif;
    font-weight: 800;
    margin-bottom: 1.5rem;
    color: #fff;
    font-size: 3.5rem;
    line-height: 4rem
}

@media screen and (min-width: 48em) {
    .modal__subtitle {
        font-size: 3.8rem;
        line-height: 4rem;
        font-weight: 800
    }
}

.modal__text {
    font-weight: 400;
    font-family: "GalanoGrotesque", sans-serif;
    color: #737373;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 1.5rem
}

.modal__button {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-bottom: 1rem;
    font-size: 1.4rem
}

.modal__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    text-align: center
}

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

.modal__link-content {
    color: #ff2345;
    font-family: "GalanoGrotesque", sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    width: 100%
}

@media screen and (min-width: 48em) {
    .modal__link-content {
        font-size: 1.6rem
    }
}

.modal__image {
    position: absolute;
    width: 100%;
    height: 50%;
    top: -7.5rem;
    right: -13rem;
    background: url("") no-repeat center/cover
}

@media screen and (min-width: 48em) {
    .modal__image {
        width: 100%;
        height: 100%;
        bottom: -10rem;
        right: -24rem;
        top: unset
    }
}

.modal .card__arrow {
    width: 20%
}

@media screen and (min-width: 48em) {
    .modal .card__arrow {
        width: 100%
    }
}

.navigation-block__wrapper {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.navigation-block__link {
    padding: 1.6rem 3rem 1.6rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    text-decoration: none;
    -webkit-transition: padding .25s 0s ease;
    transition: padding .25s 0s ease;
    background-image: url("arrow-pink.svg");
    background-repeat: no-repeat;
    background-position: right center;
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 700;
    font-size: 2.4rem
}

.navigation-block__link:hover {
    padding-left: 2rem
}

.navigation-block__image {
    display: none
}

@media screen and (min-width: 48em) {
    .navigation-block__image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding-left: 4rem
    }
}

.page-outro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 55rem;
    margin: 0 auto;
    padding: 14rem 0
}

.page-outro__image {
    height: auto;
    width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto
}

.page-outro__logo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ff2345;
    margin-bottom: 1rem;
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 600;
    font-size: 2rem
}

.page-outro__logo {
    width: 6.5rem
}

.page-outro__slogan {
    margin: 4.8rem 0 3.2rem 0;
    text-align: center
}

.page-outro__cta-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 5rem;
    padding-bottom: 3rem
}

@media screen and (min-width: 48em) {
    .page-outro__cta-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.page-outro__link-wrapper {
    text-align: center;
    margin-bottom: 3.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 48em) {
    .page-outro__link-wrapper {
        text-align: left;
        margin-bottom: 0
    }
}

.page-outro__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 1rem 2rem;
    height: 6rem;
    border-radius: 1rem;
    color: #fff;
    line-height: 2;
    text-align: center;
    background-color: #ff2345;
    font-size: 2rem
}

.page-outro__link::after {
    position: unset;
    background-image: url("arrow-white.svg");
    margin-left: -2rem;
    margin-right: 2rem;
    margin-top: 3rem
}

.page-outro__slogan {
    text-align: center;
    margin: 2.8rem 0 2rem 0
}

.page-outro__tag-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1.5rem
}

.page-outro__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "GalanoGrotesque", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 2rem;
    text-align: center;
    color: #737373
}

.page-outro__wrapper {
    width: 100%;
    position: relative;
    max-width: none
}

.page-outro__circle {
    position: absolute;
    -webkit-transform: scale(2);
    transform: scale(2);
    z-index: -1;
    right: 50%;
    bottom: -16%;
    width: 100%;
    height: 100%;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    background-image: url("");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 50rem
}

@media screen and (min-width: 62em) {
    .page-outro__circle {
        bottom: 50%
    }
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2rem
}

.pagination__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pagination__arrow {
    background: url("") no-repeat center/cover;
    display: block;
    height: 1.2rem;
    width: 1.2rem
}

.pagination__arrow--reverse {
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

.pagination__number {
    color: #737373;
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 800;
    font-size: 2rem;
    margin: 0 1.2rem;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

@media screen and (min-width: 48em) {
    .pagination__number {
        margin: 0 2rem
    }
}

.pagination__number:hover {
    color: #ff2345
}

.pagination__number--current {
    color: #ff2345;
    font-size: 2.5rem
}

.pretitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.pretitle--hide {
    display: none
}

.pretitle--red::before {
    background-color: #ff2345
}

.title {
    position: relative;
    width: 100%
}

.title--animate {
    visibility: visible
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .title {
        display: inline-block;
        margin-top: 3rem
    }
}

.title__animationwrapper {
    position: relative;
    display: inline-block
}

.title__revealbar1,
.title__revealbar2 {
    width: 0%;
    height: 4.5rem;
    top: calc(50% - 2rem);
    top: 0;
    background: #ff2345;
    position: absolute;
    -webkit-animation: barReveal 1.2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
    animation: barReveal 1.2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
    display: inline-block
}

@media screen and (min-width: 62em) {

    .title__revealbar1,
    .title__revealbar2 {
        height: 6.5rem;
        top: calc(50% - 3.25rem)
    }
}

.title--fadein1,
.title--fadein2 {
    -webkit-animation: textFadeIn 1.2s forwards;
    animation: textFadeIn 1.2s forwards;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    opacity: 0;
    display: inline-block;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    position: relative
}

.title__revealbar2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.title--fadein2 {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

@-webkit-keyframes barReveal {
    0% {
        width: 0%;
        left: 0
    }

    50% {
        width: 100%;
        left: 0
    }

    100% {
        width: 0;
        left: 100%
    }
}

@keyframes barReveal {
    0% {
        width: 0%;
        left: 0
    }

    50% {
        width: 100%;
        left: 0
    }

    100% {
        width: 0;
        left: 100%
    }
}

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

    100% {
        opacity: 1
    }
}

@keyframes textFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.progress-circle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 5rem;
    top: 5rem;
    z-index: 30;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    visibility: hidden
}

@media screen and (min-width: 48em) {
    .progress-circle {
        visibility: visible
    }
}

.progress-circle__svg {
    overflow: visible
}

.progress-circle__background-path,
.progress-circle__path {
    stroke-width: .5rem
}

.progress-circle__background-path {
    stroke: rgba(202, 202, 202, .2)
}

.progress-circle__path {
    stroke: #ff2345;
    -webkit-transition: stroke-dasharray .3s ease, stroke .3s ease;
    transition: stroke-dasharray .3s ease, stroke .3s ease
}

.transition--havi .progress-circle__path {
    stroke: #036fd2
}

.transition--mars .progress-circle__path {
    stroke: #f24e00
}

.transition--persgroep .progress-circle__path {
    stroke: #cc0f1e
}

.transition--yeaz .progress-circle__path {
    stroke: #3b5fe1
}

.transition--brandnewday .progress-circle__path {
    stroke: #f3f536
}

.quote-block {
    position: relative
}

.quote-block__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.quote-block__quote {
    font-family: "Newzald", serif
}

.quote-block--inline-text .quote-block__author-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3.2rem
}

.quote-block--inline-text .quote-block__quote-marks {
    margin-right: 1.6rem
}

.quote-block--inline-text .quote-block__author {
    font-size: 2rem
}

.quote-block--inline-text .quote-block__quote {
    color: #fff;
    font-size: 3.5rem
}

@media screen and (min-width: 62em) {
    .quote-block--inline-text .quote-block__quote {
        font-size: 5rem
    }
}

.quote-block--circle {
    text-align: center;
    margin: 10rem auto;
    height: 80rem;
    width: 100%;
    overflow: hidden;
    z-index: 1
}

@media screen and (min-width: 48em) {
    .quote-block--circle {
        height: 60rem;
        overflow: visible
    }
}

.quote-block--circle::before {
    content: "";
    position: absolute;
    width: 60rem;
    height: 60rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 100%;
    background: #0d0d0d;
    -webkit-box-shadow: 0 0 12rem rgba(255, 35, 69, .2);
    box-shadow: 0 0 12rem rgba(255, 35, 69, .2);
    z-index: -1
}

.quote-block--circle::after {
    content: "";
    position: absolute;
    height: 30rem;
    width: 30rem;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0 auto;
    background: #0d0d0d;
    -webkit-box-shadow: inset 0 0 12rem rgba(255, 35, 69, .2);
    box-shadow: inset 0 0 12rem rgba(255, 35, 69, .2);
    z-index: -1
}

.quote-block--circle .quote-block__quote-marks {
    position: absolute;
    top: 16rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width: 48em) {
    .quote-block--circle .quote-block__quote-marks {
        top: 6rem
    }
}

.quote-block--circle .quote-block__wrapper {
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.quote-block--circle .quote-block__author-wrapper {
    width: 100%;
    position: absolute;
    bottom: 7rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width: 48em) {
    .quote-block--circle .quote-block__author-wrapper {
        bottom: -3rem
    }
}

.quote-block--circle .quote-block__quote {
    position: relative;
    color: #fff;
    font-size: 2rem;
    line-height: 3.2rem;
    max-width: 41rem;
    margin: 0 auto;
    text-align: center;
    z-index: 1
}

.quote-block--circle .quote-block__author {
    color: #737373;
    margin: 2rem auto;
    line-height: 2rem;
    text-align: center;
    width: 25rem
}

.quote-block--circle .quote-block__image {
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    height: 7rem;
    width: 7rem;
    -o-object-fit: cover;
    object-fit: cover
}

.quote {
    font-family: "Newzald", serif;
    text-align: center;
    color: #737373;
    line-height: 1.5
}

.quote__title {
    display: block;
    font-family: "GalanoGrotesque", sans-serif;
    color: #fff;
    line-height: 1.3
}

.transition--light .quote__title {
    color: #0d0d0d
}

.quote__main {
    margin-bottom: 2rem
}

.quote__main::before {
    content: open-quote
}

.quote__main::after {
    content: close-quote
}

@media screen and (min-width: 48em) {
    .quote__main {
        margin: 0 auto;
        width: 50%;
        margin-bottom: 4rem
    }
}

@media screen and (min-width: 75em) {
    .quote__main {
        width: 40%
    }
}

.quote__sub {
    margin: 0 auto 4rem
}

.quote__sub::before {
    content: open-quote
}

.quote__sub::after {
    content: close-quote
}

@media screen and (min-width: 48em) {
    .quote__sub {
        width: 40%
    }
}

.quote__author {
    color: #f24e00;
    font-weight: bold;
    font-size: 2.5rem;
    margin-bottom: 1.5rem
}

.quote__position {
    line-height: 1.1;
    width: 50%;
    margin: 0 auto
}

.quote__client {
    line-height: 1.5;
    width: 50%;
    margin: 0 auto
}

.scroll-cue {
    display: none;
    position: fixed;
    right: 5rem;
    bottom: 5rem;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    z-index: 30
}

@media screen and (min-width: 75em) {
    .scroll-cue {
        display: block
    }
}

.scroll-cue--page-hidden {
    display: none
}

.scroll-cue--hide {
    opacity: 0
}

.scroll-cue__dot {
    -webkit-animation: scroll-cue 1500ms infinite;
    animation: scroll-cue 1500ms infinite;
    -webkit-transition: opacity .4s ease-in-out, height .4s ease-in-out;
    transition: opacity .4s ease-in-out, height .4s ease-in-out
}

.service {
    margin-bottom: 20rem
}

.service__wrapper {
    position: relative;
    height: 37rem;
    width: 100%;
    padding: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

@media screen and (min-width: 62em) {
    .service__wrapper {
        width: 110%;
        height: 60rem;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 8rem 15rem;
        text-align: left
    }
}

.service__wrapper::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(13, 13, 13, .8);
    left: 0;
    bottom: 0
}

.service__image {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.service__icon {
    position: absolute;
    top: -13rem;
    -o-object-position: center center;
    object-position: center center;
    width: 20rem;
    height: 20rem;
    z-index: 2;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (min-width: 62em) {
    .service__icon {
        top: 2rem;
        width: 50rem;
        height: 50rem
    }
}

.service__intro {
    position: absolute;
    max-width: 50rem;
    z-index: 2
}

.service__intro p {
    color: #fff
}

.service__intro h2 {
    font-size: 3.5rem;
    line-height: 3rem
}

@media screen and (min-width: 62em) {
    .service__intro h2 {
        font-size: 8rem;
        line-height: 7rem
    }
}

.service--left .service__wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 62em) {
    .service--left .service__wrapper {
        margin-left: -40rem;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.service--left .service__wrapper .service__image {
    left: 0
}

.service--left .service__wrapper .service__icon {
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

@media screen and (min-width: 62em) {
    .service--left .service__wrapper .service__icon {
        right: 0
    }
}

.service--left .service__intro {
    position: relative
}

@media screen and (min-width: 62em) {
    .service--left .service__intro {
        right: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.service--right .service__wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 62em) {
    .service--right .service__wrapper {
        margin-left: 30rem;
        margin-right: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.service--right .service__wrapper .service__image {
    right: 0
}

.service--right .service__wrapper .service__icon {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width: 62em) {
    .service--right .service__wrapper .service__icon {
        left: 0
    }
}

.service--right .service__intro {
    position: relative
}

@media screen and (min-width: 62em) {
    .service--right .service__intro {
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.services {
    position: relative;
    z-index: 1;
    margin-top: 4rem
}

.services--hide-x {
    padding-top: 6rem;
    overflow-x: hidden
}

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

.services__title {
    z-index: 2;
    margin-bottom: 2rem;
    font-family: "Newzald", serif;
    font-weight: 800;
    font-size: 2.4rem
}

@media screen and (min-width: 62em) {
    .services__title {
        font-size: 3rem
    }
}

.services__title--no-bottom-spacing {
    margin-bottom: 0
}

.services__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left
}

.services__image-wrapper {
    height: 8rem;
    width: 10rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1rem
}

.services__image {
    display: block;
    height: 100%;
    margin: 0 auto
}

.services__name {
    max-width: 20rem;
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 900;
    font-size: 1.8rem
}

.services--overlap {
    margin-top: 0
}

@media screen and (min-width: 48em) {
    .services--overlap {
        margin-top: -9rem
    }
}

.services--large-title .services__title {
    font-size: 3.5rem;
    font-family: "GalanoGrotesque", sans-serif;
    text-align: center;
    margin-bottom: 15rem
}

@media screen and (min-width: 62em) {
    .services--large-title .services__title {
        font-size: 5rem;
        margin-bottom: 18rem
    }
}

.services__card {
    cursor: pointer;
    background: rgba(255, 255, 255, .04)
}

.services__card:hover {
    border: .1rem solid rgba(255, 255, 255, .6);
    background: rgba(255, 255, 255, .06);
    -webkit-transition: all 300ms;
    transition: all 300ms
}

.services__cards {
    margin-top: -5rem
}

.services__intro {
    margin-bottom: 2rem
}

.socials-block {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: -1.2rem
}

@media screen and (min-width: 48em) {
    .socials-block {
        margin-left: -1.8rem
    }
}

.socials-block__link {
    position: relative;
    width: 4rem;
    height: 4rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center
}

.socials-block__link::before {
    content: "";
    border-radius: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: #ff2345;
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity .25s .05s ease, -webkit-transform .25s .05s ease;
    transition: opacity .25s .05s ease, -webkit-transform .25s .05s ease;
    transition: transform .25s .05s ease, opacity .25s .05s ease;
    transition: transform .25s .05s ease, opacity .25s .05s ease, -webkit-transform .25s .05s ease
}

.socials-block__link:hover::before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: opacity .1s 0s cubic-bezier(0, 0, 0, 1), -webkit-transform .1s 0s cubic-bezier(0, 0, 0, 1);
    transition: opacity .1s 0s cubic-bezier(0, 0, 0, 1), -webkit-transform .1s 0s cubic-bezier(0, 0, 0, 1);
    transition: transform .1s 0s cubic-bezier(0, 0, 0, 1), opacity .1s 0s cubic-bezier(0, 0, 0, 1);
    transition: transform .1s 0s cubic-bezier(0, 0, 0, 1), opacity .1s 0s cubic-bezier(0, 0, 0, 1), -webkit-transform .1s 0s cubic-bezier(0, 0, 0, 1)
}

.socials-block__link--linkedin {
    background-image: url("linkedin.svg");
    background-position-y: calc(50% - .1rem);
    margin-left: .4rem
}

@media screen and (min-width: 48em) {
    .socials-block__link--linkedin {
        margin-left: 1rem
    }
}

.socials-block__link--instagram {
    background-image: url("instagram.svg")
}

.socials-block__link--twitter {
    background-image: url("twitter.svg")
}

.socials-block__link--facebook {
    background-image: url("facebook.svg")
}

.socials-block__link--vimeo {
    background-image: url("vimeo.svg")
}

.socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding-top: 3rem;
    width: 100%
}

@media screen and (min-width: 62em) {
    .socials {
        padding-top: 9rem
    }
}

.socials__item {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 1.5rem;
    -webkit-transition: opacity .25s 0s ease;
    transition: opacity .25s 0s ease;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .socials__item {
        height: 1.7rem
    }
}

.socials__item:hover {
    opacity: .7;
    cursor: pointer
}

.socials__item:active {
    opacity: .4
}

.socials__item--instagram {
    background-image: url("instagram.svg")
}

.socials__item--facebook {
    background-image: url("facebook.svg")
}

.socials__item--twitter {
    background-image: url("twitter.svg");
    height: 1.5rem
}

.socials__item--linkedin {
    background-image: url("linkedin.svg")
}

.socials__item--vimeo {
    background-image: url("vimeo.svg");
    width: 1.7rem
}

.socials__link {
    display: block;
    width: 100%;
    height: 100%
}

.socials--author {
    padding: 0;
    margin-top: .6rem;
    width: auto
}

.statistic {
    margin-top: 3rem;
    text-align: center
}

@media screen and (min-width: 62em) {
    .statistic {
        margin-top: 6rem
    }
}

.statistic__value {
    color: #fff;
    font-weight: 800;
    font-size: 7rem;
    line-height: 1
}

.statistic__description {
    color: #ff2345;
    font-family: "Newzald", serif;
    font-size: 2.4rem;
    line-height: 1;
    margin-top: 1.5rem
}

.statistic--variation-a .statistic__description {
    font-size: 1.6rem;
    font-weight: 600;
    font-family: "GalanoGrotesque", sans-serif
}

@media screen and (min-width: 62em) {
    .statistic--variation-a .statistic__description {
        font-size: 2.8rem;
        font-weight: 400;
        line-height: 3.6rem
    }
}

.svg-image {
    width: 100%;
    height: 100%
}

.svg-image svg {
    width: 100%;
    height: 100%;
    fill: #fff;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease
}

.transition--light .svg-image svg {
    fill: #0d0d0d
}

.tag {
    padding: 1rem 1.2rem;
    border-radius: .3rem;
    background-color: #ff2345;
    color: #fff;
    font-family: "Newzald", serif;
    font-size: 1.6rem;
    font-weight: 900
}

.tag--overview {
    position: absolute;
    top: 2rem;
    left: 2rem
}

.tag--blog {
    background-color: #fff;
    border: .2rem solid #ff2345;
    border-radius: .5rem;
    color: #ff2345;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: .2rem;
    margin: .4rem 0;
    padding: .6rem 1.4rem;
    text-transform: uppercase;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out
}

.tag--blog::before {
    content: "#"
}

.tag--blog:hover {
    background-color: #ff2345;
    color: #fff
}

.tag--footer {
    position: absolute;
    left: 1.5rem;
    top: 1.5rem
}

.text__shaded {
    font-family: "GalanoGrotesque", sans-serif
}

.text__shaded--primary {
    color: #ff2345
}

.text__shaded--mars {
    color: #f24e00
}

.video__wrapper {
    -webkit-box-shadow: 0 0 15rem rgba(255, 35, 69, .3);
    box-shadow: 0 0 15rem rgba(255, 35, 69, .3);
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 75em;
    max-width: 100%;
    -webkit-transition: -webkit-box-shadow .25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-box-shadow .25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: box-shadow .25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: box-shadow .25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow .25s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.video__wrapper::before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
    height: 0
}

.video__wrapper--no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.video__wrapper-vimeo {
    position: relative;
    width: 75em;
    padding-top: 56.25%
}

.video__full-width {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.video__player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-bottom: 2rem
}

.video__player--no-wrapper {
    position: relative
}

.video__player-vimeo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video__overlay {
    cursor: pointer
}

.video__overlay:hover .video__playbutton {
    opacity: .7
}

.video__overlay,
.video__image-fallback {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .5s 0s cubic-bezier(0, 0, 0, 1);
    transition: opacity .5s 0s cubic-bezier(0, 0, 0, 1);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.video__overlay--hidden,
.video__image-fallback--hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s .5s linear, opacity .5s 0s cubic-bezier(0, 0, 0, 1);
    transition: visibility 0s .5s linear, opacity .5s 0s cubic-bezier(0, 0, 0, 1)
}

.video__playbutton {
    background-image: url("");
    background-repeat: no-repeat;
    background-size: contain;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    width: 2.5rem;
    height: 3.6rem;
    -webkit-transition: opacity .25s 0s cubic-bezier(0, 0, 0, 1);
    transition: opacity .25s 0s cubic-bezier(0, 0, 0, 1)
}

@media screen and (min-width: 48em) {
    .video__playbutton {
        width: 4.4rem;
        height: 5.6rem
    }
}

.video__playbutton--cases {
    height: 14rem;
    width: 14rem;
    background-image: url("")
}

.video__playbutton--cases::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%);
    width: 25%;
    height: 25%;
    background: url("") no-repeat center/contain
}

.video__text {
    font-size: 2rem;
    margin-bottom: 12rem
}

@media screen and (min-width: 62em) {
    .video__text {
        font-size: 2.6rem
    }
}

.video__title {
    color: #fff;
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    margin-bottom: 0
}

@media screen and (min-width: 48em) {
    .video__title {
        font-size: 2rem;
        bottom: 5rem;
        left: 5rem
    }
}

.video__title::before {
    content: "";
    background: url("") no-repeat center/cover;
    display: inline-block;
    margin-right: 1rem;
    width: 1rem;
    height: 1.4rem
}

@media screen and (min-width: 48em) {
    .video__title::before {
        width: 1.6rem;
        margin-right: 2rem;
        height: 2rem
    }
}

.view-more {
    position: relative;
    color: #737373;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 800;
    font-size: 1rem;
    text-transform: uppercase;
    right: 0;
    text-decoration: none;
    letter-spacing: .2rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

@media screen and (min-width: 75em) {
    .view-more {
        margin-bottom: 5rem
    }
}

.view-more::after {
    -webkit-animation: arrowRightAnimation linear infinite 2.2s;
    animation: arrowRightAnimation linear infinite 2.2s;
    content: "";
    background: url("arrow-white.svg") no-repeat center;
    display: inline-block;
    margin: 0 1rem 0 3rem;
    height: 1.1rem;
    width: 2.7rem
}

.view-more:hover::after {
    -webkit-animation: none;
    animation: none
}

.view-more:hover .view-more__circle {
    width: 22.6rem;
    height: 22.6rem;
    opacity: .6;
    border-width: 7rem
}

.view-more__circle {
    border: 4rem solid rgba(255, 35, 69, .25);
    border-radius: 100%;
    position: absolute;
    height: 19.6rem;
    width: 19.6rem;
    bottom: -6rem;
    right: -1rem;
    -webkit-transition-property: height, width, opacity, border-width;
    transition-property: height, width, opacity, border-width;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.3, 1);
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

@media screen and (min-width: 75em) {
    .view-more__circle {
        right: -8rem;
        bottom: -5rem
    }
}

.visits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.visits--mars {
    padding-top: 18rem
}

@media screen and (max-width: 75em) {
    .visits {
        padding-top: 10rem
    }
}

@media screen and (max-width: 48em) {
    .visits {
        padding-top: 5rem
    }
}

.visits__total,
.visits__text {
    color: #fff;
    font-family: "GalanoGrotesque", sans-serif;
    font-size: 7rem
}

@media screen and (max-width: 48em) {

    .visits__total,
    .visits__text {
        font-size: 5rem
    }
}

@media screen and (max-width: 30em) {

    .visits__total,
    .visits__text {
        font-size: 4rem
    }
}

.visits__total {
    position: relative
}

.visits__total::after {
    content: "+";
    font-size: 4rem;
    position: absolute;
    top: 1.7rem
}

@media screen and (max-width: 48em) {
    .visits__total::after {
        font-size: 3rem;
        top: 1.2rem
    }
}

@media screen and (max-width: 48em) {
    .visits__total::after {
        font-size: 2.7rem;
        top: 1rem
    }
}

.visits__text {
    font-size: 3rem;
    line-height: 3rem;
    padding-left: 6rem
}

@media screen and (max-width: 48em) {
    .visits__text {
        font-size: 2.4rem;
        padding-left: 4rem
    }
}

@media screen and (max-width: 30em) {
    .visits__text {
        font-size: 2rem
    }
}

#CybotCookiebotDialog {
    color: #fff !important;
    background-color: #0d0d0d !important;
    -webkit-box-shadow: 0 -1rem 10rem rgba(255, 35, 69, .5) !important;
    box-shadow: 0 -1rem 10rem rgba(255, 35, 69, .5) !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 auto !important;
    padding: 1.6rem !important;
    -webkit-transform: none !important;
    transform: none !important;
    z-index: 50 !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    top: inherit !important;
    position: fixed !important;
    max-height: 100% !important;
    max-width: 100% !important
}

@media screen and (min-width: 30em) {
    #CybotCookiebotDialog {
        padding: 2rem !important
    }
}

#CybotCookiebotDialogBody {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    background-color: #0d0d0d !important
}

#CybotCookiebotDialogPoweredbyLink,
#CybotCookiebotDialogBodyContent,
#CybotCookiebotDialogBodyContentControls,
#CybotCookiebotDialogBodyButtons,
#CybotCookiebotDialogBodyLevelWrapper {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

#CybotCookiebotDialogBodyContent {
    padding: 0 !important;
    min-height: auto !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

#CybotCookiebotDialogBodyContentTitle {
    display: none !important
}

#CybotCookiebotDialogBodyContentText {
    margin: 0 !important;
    text-align: left;
    padding: 2rem 0 !important;
    line-height: 1.4 !important;
    font-size: 1.6rem !important;
    font-weight: 400 !important;
    font-family: "GalanoGrotesque", sans-serif !important
}

#CybotCookiebotDialogPoweredbyLink {
    display: block !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    position: relative !important
}

#CybotCookiebotDialogPoweredbyLink>#CybotCookiebotDialogPoweredbyImage {
    left: 0;
    top: -2rem !important;
    margin: 0 !important;
    width: 4.6rem !important;
    position: absolute !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#CybotCookiebotDialogBodyLevelWrapper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

@media screen and (min-width: 75em) {
    #CybotCookiebotDialogBodyLevelWrapper {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }
}

#CybotCookiebotDialogBodyLevelButtons {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
    margin-left: 0 !important
}

#CybotCookiebotDialogBodyLevelButtonsTable {
    width: 100% !important;
    margin: 0 !important
}

#CybotCookiebotDialogBodyLevelButtonsRow {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

@media screen and (min-width: 75em) {
    #CybotCookiebotDialogBodyLevelButtonsRow {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane {
    width: 100%;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    display: grid !important;
    grid-row: auto !important;
    grid-template-columns: 50% 50% !important;
    background-color: rgba(0, 0, 0, 0) !important
}

@media screen and (min-width: 62em) {
    #CybotCookiebotDialogBodyLevelButtonsSelectPane {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
}

@media screen and (min-width: 75em) {
    #CybotCookiebotDialogBodyLevelButtonsSelectPane {
        width: auto
    }
}

.CybotCookiebotDialogBodyLevelButtonWrapper.CybotCookiebotDialogBodyLevelButtonWrapper label {
    font-weight: 500 !important
}

.CybotCookiebotDialogBodyLevelButtonWrapper {
    margin: 0 !important;
    display: block !important;
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important
}

@media screen and (min-width: 75em) {
    .CybotCookiebotDialogBodyLevelButtonWrapper {
        display: inline !important;
        -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
        margin-right: 0 !important;
        margin-left: 1.9rem !important
    }

    .CybotCookiebotDialogBodyLevelButtonWrapper:first-of-type {
        margin-left: 0 !important
    }
}

.CybotCookiebotDialogBodyLevelButtonWrapper label {
    padding: 1.3rem 0 !important;
    color: rgba(255, 255, 255, .5) !important;
    background-image: none !important;
    -webkit-transition: color .25s 0s ease !important;
    transition: color .25s 0s ease !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    line-height: 1.4 !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    font-family: "GalanoGrotesque", sans-serif !important
}

.CybotCookiebotDialogBodyLevelButtonWrapper label:hover {
    color: #fff !important
}

.CybotCookiebotDialogBodyLevelButtonWrapper label::before {
    content: "" !important;
    display: block !important;
    width: 2rem !important;
    height: 2rem !important;
    border-radius: none !important;
    background-color: rgba(0, 0, 0, 0) !important;
    border-color: #f2f2f2 !important;
    border: .1rem solid;
    margin-right: .6rem !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
    -webkit-transition: background-color .25s 0s ease, border-color .25s 0s ease !important;
    transition: background-color .25s 0s ease, border-color .25s 0s ease !important
}

.CybotCookiebotDialogBodyLevelButtonWrapper input:checked+label::before {
    background-size: 75% !important;
    background-image: url("Icon-checkmark.svg") !important;
    background-position: center !important;
    background-repeat: no-repeat !important
}

.CybotCookiebotDialogBodyLevelButtonDisabled+label:hover {
    color: inherit !important
}

#CybotCookiebotDialogBodyLevelDetailsWrapper {
    border: none !important;
    padding: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    background-color: rgba(0, 0, 0, 0) !important;
    height: 100% !important;
    width: 100% !important
}

@media screen and (min-width: 75em) {
    #CybotCookiebotDialogBodyLevelDetailsWrapper {
        width: auto !important
    }
}

#CybotCookiebotDialogBodyLevelDetailsWrapper #CybotCookiebotDialogBodyLevelDetailsButton,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    font-size: 1rem !important;
    letter-spacing: .22rem !important;
    padding: 1.8rem !important
}

@media screen and (min-width: 30em) {

    #CybotCookiebotDialogBodyLevelDetailsWrapper #CybotCookiebotDialogBodyLevelDetailsButton,
    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
        padding: 2.5rem !important
    }
}

#CybotCookiebotDialogBodyLevelDetailsButton {
    position: relative;
    margin: 0 !important;
    border: none !important;
    background-image: none !important;
    padding: 2rem 3rem !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    text-decoration: none !important;
    text-align: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    letter-spacing: .2rem;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .5) !important;
    line-height: 1.4 !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    font-family: "GalanoGrotesque", sans-serif !important
}

#CybotCookiebotDialogBodyLevelDetailsButton::after {
    content: "";
    display: none
}

@media screen and (min-width: 62em) {
    #CybotCookiebotDialogBodyLevelDetailsButton::after {
        content: "";
        position: absolute;
        display: block;
        border: .1rem solid rgba(255, 255, 255, .2);
        height: 2.7rem;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

#CybotCookiebotDialogBodyLevelButtonAcceptWrapper {
    display: none !important
}

#CybotCookiebotDialogDetail {
    background-color: #0d0d0d !important;
    overflow: hidden
}

#CybotCookiebotDialogBody,
#CybotCookiebotDialogDetail {
    width: 100% !important;
    max-width: 130rem !important;
    margin: 0 auto !important
}

#CybotCookiebotDialogDetailBody {
    max-width: 100% !important;
    margin: 2.4rem auto 0 auto !important
}

#CybotCookiebotDialogDetailBody * {
    background-color: inherit !important
}

#CybotCookiebotDialogDetailBodyContent {
    height: 100% !important;
    border: .1rem solid rgba(255, 255, 255, .5) !important
}

#CybotCookiebotDialogDetailBodyContentTabs,
#CybotCookiebotDialogDetailBodyContent,
#CybotCookiebotDialogDetailFooter,
#CybotCookiebotDialogDetailBodyContentTabsOverview {
    background-color: #0d0d0d !important
}

#CybotCookiebotDialogDetailBodyContentCookieContainerNecessary,
#CybotCookiebotDialogDetailBodyContentCookieContainerPreference,
#CybotCookiebotDialogDetailBodyContentCookieContainerStatistics,
#CybotCookiebotDialogDetailBodyContentCookieContainerAdvertising,
#CybotCookiebotDialogDetailBodyContentCookieContainerUnclassified,
.CybotCookiebotDialogDetailBodyContentCookieTypeTable {
    background-color: #0d0d0d !important
}

#CybotCookiebotDialogDetailBodyContentCookieContainerNecessary thead tr th,
#CybotCookiebotDialogDetailBodyContentCookieContainerNecessary thead tr td,
#CybotCookiebotDialogDetailBodyContentCookieContainerPreference thead tr th,
#CybotCookiebotDialogDetailBodyContentCookieContainerPreference thead tr td,
#CybotCookiebotDialogDetailBodyContentCookieContainerStatistics thead tr th,
#CybotCookiebotDialogDetailBodyContentCookieContainerStatistics thead tr td,
#CybotCookiebotDialogDetailBodyContentCookieContainerAdvertising thead tr th,
#CybotCookiebotDialogDetailBodyContentCookieContainerAdvertising thead tr td,
#CybotCookiebotDialogDetailBodyContentCookieContainerUnclassified thead tr th,
#CybotCookiebotDialogDetailBodyContentCookieContainerUnclassified thead tr td,
.CybotCookiebotDialogDetailBodyContentCookieTypeTable thead tr th,
.CybotCookiebotDialogDetailBodyContentCookieTypeTable thead tr td {
    background-color: #ff2345 !important
}

#CybotCookiebotDialogDetailBodyContentTextOverview {
    max-height: 30rem;
    width: 100%
}

#CybotCookiebotDialogDetailBodyContentTabsOverview,
#CybotCookiebotDialogDetailBodyContentTabsAbout {
    border: none !important;
    background: none !important;
    color: rgba(255, 255, 255, .5) !important;
    line-height: 1.4 !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    font-family: "GalanoGrotesque", sans-serif !important
}

#CybotCookiebotDialogDetailBodyContentTabsOverview:hover,
#CybotCookiebotDialogDetailBodyContentTabsAbout:hover {
    background: none !important;
    color: #fff !important
}

#CybotCookiebotDialogDetailBodyContentTabsOverview.CybotCookiebotDialogDetailBodyContentTabsItemSelected,
#CybotCookiebotDialogDetailBodyContentTabsAbout.CybotCookiebotDialogDetailBodyContentTabsItemSelected {
    color: #fff !important
}

#CybotCookiebotDialogDetailBodyContentTabsOverview {
    position: relative
}

#CybotCookiebotDialogDetailBodyContentTabsOverview::after {
    content: "";
    top: .6rem;
    right: 0;
    width: .1rem;
    height: 3rem;
    position: absolute;
    background-color: rgba(255, 255, 255, .2)
}

#CybotCookiebotDialogDetailBodyContentTextAbout {
    color: #fff !important;
    height: auto !important;
    padding: 1rem !important;
    line-height: 1.4 !important;
    font-size: 1.3rem !important;
    font-weight: 400 !important;
    font-family: "GalanoGrotesque", sans-serif !important
}

#CybotCookiebotDialogDetailFooter {
    color: #fff !important;
    opacity: 1;
    line-height: 1.4 !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    font-family: "GalanoGrotesque", sans-serif !important
}

#CybotCookiebotDialogDetailFooter a {
    color: #fff !important;
    line-height: 1.4 !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    font-family: "GalanoGrotesque", sans-serif !important
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes a {
    color: rgba(255, 255, 255, .5) !important;
    line-height: 1.4 !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    font-family: "GalanoGrotesque", sans-serif !important
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes a:hover {
    color: #fff !important
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes a.CybotCookiebotDialogDetailBodyContentCookieContainerTypesSelected {
    color: #fff !important
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails {
    height: 100% !important;
    max-height: 30rem !important;
    color: #fff !important;
    line-height: 1.4 !important;
    font-size: 1.3rem !important;
    font-weight: 400 !important;
    font-family: "GalanoGrotesque", sans-serif !important
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails table tbody tr td,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails table thead tr th {
    color: #fff !important
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails table tbody tr td a,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails table thead tr th a {
    color: #fff !important
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    margin: 0 !important;
    border: none !important;
    background-image: none !important;
    text-decoration: none !important;
    text-align: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    letter-spacing: .2rem;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, .5) !important;
    width: auto !important;
    padding: 0 1rem !important;
    background-color: rgba(0, 0, 0, 0) !important;
    line-height: 1.4 !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    font-family: "GalanoGrotesque", sans-serif !important
}

@media screen and (min-width: 62em) {
    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
        padding: 2rem 3rem !important
    }
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    position: relative;
    padding: .8rem 1.2rem !important;
    background-color: #ff2345 !important;
    border: none !important;
    border-radius: .5rem !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 1rem !important;
    line-height: 3.2rem !important;
    letter-spacing: .22rem !important;
    font-weight: 700 !important;
    font-family: "GalanoGrotesque", sans-serif !important;
    width: auto !important;
    height: auto !important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-transform: uppercase !important
}

@media screen and (min-width: 30em) {
    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
        padding: .8rem 2rem !important
    }
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover {
    outline: .1rem solid #ff2345 !important;
    background-color: rgba(0, 0, 0, 0) !important;
    color: #ff2345 !important
}

.CookieDeclaration a {
    color: #fff;
    font-weight: 700;
    line-height: 2;
    font-family: "GalanoGrotesque", sans-serif
}

.CookieDeclarationLastUpdated {
    font-style: italic
}

.CookieDeclarationTypeHeader {
    color: #fff
}

.CookieDeclarationType {
    border: .1rem solid #ff2345 !important
}

.CookieDeclarationTableHeader {
    font-family: "GalanoGrotesque", sans-serif;
    color: #fff;
    padding: 1rem 0 !important
}

.CookieDeclarationTableCell {
    font-family: "GalanoGrotesque", sans-serif;
    padding: 1rem .5rem !important;
    line-height: 2 !important
}

.tag-filters__list {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6rem 1rem 8rem 1rem;
    max-width: 60rem
}

@media screen and (min-width: 62em) {
    .tag-filters__list {
        padding: 10rem 1rem 15rem 1rem
    }
}

.tag-filters__list-item {
    margin-left: 1rem;
    margin-bottom: 1.5rem
}

.tag-filters__list-item:first-of-type {
    margin-left: 0
}

.tag-filters__button {
    position: relative;
    padding: 1rem 1.75rem;
    border-radius: 5rem;
    border: .1rem solid #737373;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out
}

.tag-filters__button span {
    position: relative;
    color: #fff;
    z-index: 1
}

.tag-filters__button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    border-radius: 5rem;
    background: #ff2345;
    z-index: 0;
    opacity: 0;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: opacity .25s .05s ease, -webkit-transform .25s .05s ease;
    transition: opacity .25s .05s ease, -webkit-transform .25s .05s ease;
    transition: transform .25s .05s ease, opacity .25s .05s ease;
    transition: transform .25s .05s ease, opacity .25s .05s ease, -webkit-transform .25s .05s ease
}

.tag-filters__button:hover {
    cursor: pointer;
    border-color: rgba(115, 115, 115, 0)
}

.tag-filters__button:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.tag-filters__button.active {
    background-color: #ff2345
}

.newsletter-block {
    padding: 4rem;
    padding-bottom: 0
}

@media screen and (min-width: 48em) {
    .newsletter-block {
        margin-left: 2.3rem
    }
}

@media screen and (min-width: 62em) {
    .newsletter-block {
        padding: 6.4rem 8rem 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.newsletter-block__contact {
    padding: 3.2rem 2.4rem;
    border-radius: .8rem;
    border: .1rem solid var(--Dark-gray, #3A3A3A);
    background: rgba(255, 255, 255, .08);
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem);
    width: 100%;
    color: #fff;
    margin-bottom: 3.2rem
}

@media screen and (min-width: 48em) {
    .newsletter-block__contact {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -ms-flex-line-pack: center;
        align-content: center;
        width: 50%;
        border: none;
        background: none;
        margin-bottom: 0
    }
}

@media screen and (min-width: 62em) {
    .newsletter-block__contact {
        width: 45%
    }
}

.newsletter-block__hide {
    display: none
}

.article {
    position: relative
}

.article__title {
    margin: 2rem 0 4rem;
    font-size: 6rem;
    color: #fff
}

@media screen and (min-width: 62em) {
    .article__title {
        font-size: 10rem
    }
}

.article__content {
    position: relative
}

.article__social {
    display: none;
    position: absolute;
    top: 3.5rem;
    left: auto;
    opacity: 1;
    z-index: 30;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

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

.article__social--fixed {
    top: 10rem;
    position: fixed
}

.article__social--hidden {
    opacity: 0
}

.article__social-item {
    cursor: pointer;
    width: 1.5rem;
    height: 1.6rem;
    margin-bottom: 4rem;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.article__social-item:hover {
    opacity: .7
}

.article__social-item:first-child {
    margin-top: 0
}

.article__social-link {
    width: 100%;
    height: 100%;
    display: block
}

.article__info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 3rem 0
}

@media screen and (min-width: 48em) {
    .article__info-list {
        margin: 3rem 0
    }
}

.article__info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    position: relative;
    margin: 0 5rem 2rem 0;
    height: 100%
}

.article__info-item::after {
    content: "";
    position: absolute;
    right: -3rem;
    top: 0;
    width: .1rem;
    height: 100%;
    background: rgba(255, 255, 255, .2)
}

.article__info-item:last-child::after {
    display: none;
    margin: 0
}

.article__header {
    padding: 20rem 0 0;
    position: relative;
    background-size: cover;
    background-position: center;
    margin-bottom: 5rem;
    z-index: 10
}

@media screen and (min-width: 62em) {
    .article__header {
        margin-bottom: 13rem
    }
}

.article__header::after {
    z-index: 10;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-image: -webkit-gradient(linear, right top, left top, from(transparent), to(#0d0d0d)), -webkit-gradient(linear, left top, left bottom, from(transparent), to(#0d0d0d));
    background-image: linear-gradient(to left, transparent, #0d0d0d), linear-gradient(to bottom, transparent, #0d0d0d)
}

.article__header .author {
    display: block
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .article__category {
        margin-bottom: 4rem
    }
}

.article__heading-container {
    position: relative
}

.article__header-inner {
    position: relative;
    z-index: 11
}

.article__description {
    font-family: "Newzald", serif;
    font-size: 2.5rem;
    line-height: 1.4;
    color: #cacaca;
    margin: 3rem 0;
    max-width: 55rem
}

.awards__count {
    background-color: #ff2345;
    border-radius: 50%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    height: 3rem;
    width: 3rem;
    top: 0;
    right: 0;
    font-family: "GalanoGrotesque", sans-serif;
    font-size: 1.2rem;
    font-weight: 700
}

.bloglist {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 4rem 0
}

.bloglist__data {
    z-index: 2
}

.bloglist__title {
    color: #fff;
    font-family: "GalanoGrotesque", sans-serif;
    max-width: 32rem;
    position: absolute;
    z-index: 1;
    bottom: 4rem;
    left: 0;
    font-size: 4rem;
    font-weight: 900;
    line-height: 1.1
}

.bloglist__background {
    position: relative;
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 34rem;
    width: 80%;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    overflow: hidden
}

@media screen and (min-width: 48em) {
    .bloglist__background {
        height: 38.3rem
    }
}

.bloglist__background::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    background: rgba(13, 13, 13, .3)
}

.bloglist__image {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    min-width: 100%
}

.bloglist__tag {
    position: absolute;
    z-index: 2;
    top: 2rem;
    left: 2rem;
    padding: 1rem 1.2rem;
    border-radius: .3rem;
    background-color: #ff2345;
    color: #fff;
    -webkit-transition: -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform cubic-bezier(0.19, 1, 0.22, 1);
    text-shadow: 0 0 2rem rgba(13, 13, 13, .5);
    font-family: "Newzald", serif;
    font-size: 1.6rem;
    font-weight: 900
}

.bloglist:hover {
    z-index: 1
}

.bloglist:hover .bloglist__background {
    -webkit-transform: scale(1.05) perspective(0.1rem) translateZ(0);
    transform: scale(1.05) perspective(0.1rem) translateZ(0)
}

.bloglist:hover .bloglist__background::before {
    background: rgba(13, 13, 13, .1)
}

.cases__circle {
    position: absolute;
    z-index: -1;
    top: -50%;
    left: 0;
    width: 100%;
    height: 200rem;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    background-image: url("");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 50rem
}

@media screen and (min-width: 48em) {
    .cases__circle {
        background-size: 100rem
    }
}

.cases__card {
    height: 73rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    -webkit-transform: translateY(-10rem);
    transform: translateY(-10rem);
    margin-bottom: -25rem
}

.cases__card:nth-of-type(odd) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: auto;
    margin-left: 0
}

.cases__card:nth-of-type(odd) .cases__item {
    -webkit-transition: -webkit-transform 200ms cubic-bezier(0.48, 0, 0.78, 1);
    transition: -webkit-transform 200ms cubic-bezier(0.48, 0, 0.78, 1);
    transition: transform 200ms cubic-bezier(0.48, 0, 0.78, 1);
    transition: transform 200ms cubic-bezier(0.48, 0, 0.78, 1), -webkit-transform 200ms cubic-bezier(0.48, 0, 0.78, 1)
}

.cases__card:nth-of-type(odd) .cases__item:hover {
    -webkit-transform: translateX(3rem);
    transform: translateX(3rem);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.26, 0, 0.38, 1);
    transition: -webkit-transform 500ms cubic-bezier(0.26, 0, 0.38, 1);
    transition: transform 500ms cubic-bezier(0.26, 0, 0.38, 1);
    transition: transform 500ms cubic-bezier(0.26, 0, 0.38, 1), -webkit-transform 500ms cubic-bezier(0.26, 0, 0.38, 1)
}

@media screen and (min-width: 62em) {
    .cases__card:nth-of-type(odd) .cases__item:hover {
        -webkit-transform: translateX(10rem);
        transform: translateX(10rem)
    }
}

.cases__card:nth-of-type(odd) .cases__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: -17rem
}

.cases__card:nth-of-type(odd) .cases__item .cases__image-wrapper {
    left: 13rem
}

@media screen and (min-width: 62em) {
    .cases__card:nth-of-type(odd) .cases__item .cases__image.anim--active {
        -webkit-animation: fade-in-left 450ms cubic-bezier(0.2, 0, 0.42, 1) forwards;
        animation: fade-in-left 450ms cubic-bezier(0.2, 0, 0.42, 1) forwards
    }
}

.cases__card:nth-of-type(odd) .cases__item .cases__logo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.cases__card:nth-of-type(odd) .cases__item .cases__logo {
    max-width: 11rem;
    max-height: 7rem;
    margin-bottom: 2rem;
    opacity: 0
}

.cases__card:nth-of-type(odd) .cases__item .cases__logo.anim--active {
    -webkit-animation: fade-in-left 450ms cubic-bezier(0.2, 0, 0.42, 1) forwards;
    animation: fade-in-left 450ms cubic-bezier(0.2, 0, 0.42, 1) forwards
}

@media screen and (min-width: 62em) {
    .cases__card:nth-of-type(odd) .cases__item .cases__logo {
        max-width: 15rem;
        max-height: 10rem
    }
}

.cases__card:nth-of-type(odd) .cases__item .cases__title-wrapper {
    left: -7rem;
    min-width: 30rem
}

@media screen and (min-width: 48em) {
    .cases__card:nth-of-type(odd) .cases__item .cases__title-wrapper {
        left: -26rem;
        min-width: 43rem;
        -webkit-transform: translate(20rem);
        transform: translate(20rem)
    }
}

@media screen and (min-width: 62em) {
    .cases__card:nth-of-type(odd) .cases__item .cases__title-wrapper {
        left: -23rem;
        min-width: 80;
        max-width: 83
    }
}

@media screen and (min-width: 100em) {
    .cases__card:nth-of-type(odd) .cases__item .cases__title-wrapper {
        min-width: none;
        max-width: none
    }
}

.cases__card:nth-of-type(odd) .cases__item .cases__title-wrapper .cases__title {
    text-align: left;
    max-width: 75rem;
    opacity: 0
}

.cases__card:nth-of-type(odd) .cases__item .cases__title-wrapper .cases__title.anim--active {
    -webkit-animation: fade-in-left 450ms cubic-bezier(0.2, 0, 0.42, 1) forwards;
    animation: fade-in-left 450ms cubic-bezier(0.2, 0, 0.42, 1) forwards
}

.cases__card:nth-of-type(odd) .cases__item .cases__awards {
    top: 13rem;
    left: 9rem
}

@media screen and (min-width: 48em) {
    .cases__card:nth-of-type(odd) .cases__item .cases__awards {
        top: 10rem;
        left: 10rem
    }
}

@media screen and (min-width: 62em) {
    .cases__card:nth-of-type(odd) .cases__item .cases__awards {
        top: 1rem;
        left: -13rem
    }
}

@media screen and (min-width: 75em) {
    .cases__card:nth-of-type(odd) .cases__item .cases__awards {
        top: -2rem;
        left: -16rem
    }
}

.cases__card:nth-of-type(odd) .cases__item .cases__pretitle {
    text-align: left
}

.cases__card:nth-of-type(even) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: 0
}

.cases__card:nth-of-type(even) .cases__item {
    -webkit-transition: -webkit-transform 200ms cubic-bezier(0.48, 0, 0.78, 1);
    transition: -webkit-transform 200ms cubic-bezier(0.48, 0, 0.78, 1);
    transition: transform 200ms cubic-bezier(0.48, 0, 0.78, 1);
    transition: transform 200ms cubic-bezier(0.48, 0, 0.78, 1), -webkit-transform 200ms cubic-bezier(0.48, 0, 0.78, 1)
}

.cases__card:nth-of-type(even) .cases__item:hover {
    -webkit-transform: translateX(-3rem);
    transform: translateX(-3rem);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.26, 0, 0.38, 1);
    transition: -webkit-transform 500ms cubic-bezier(0.26, 0, 0.38, 1);
    transition: transform 500ms cubic-bezier(0.26, 0, 0.38, 1);
    transition: transform 500ms cubic-bezier(0.26, 0, 0.38, 1), -webkit-transform 500ms cubic-bezier(0.26, 0, 0.38, 1)
}

@media screen and (min-width: 62em) {
    .cases__card:nth-of-type(even) .cases__item:hover {
        -webkit-transform: translateX(-10rem);
        transform: translateX(-10rem)
    }
}

.cases__card:nth-of-type(even) .cases__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: -5rem
}

@media screen and (min-width: 62em) {
    .cases__card:nth-of-type(even) .cases__item {
        margin-right: 1rem
    }
}

.cases__card:nth-of-type(even) .cases__item .cases__image {
    margin-left: 5rem;
    width: 22rem
}

@media screen and (min-width: 62em) {
    .cases__card:nth-of-type(even) .cases__item .cases__image {
        margin-left: none
    }

    .cases__card:nth-of-type(even) .cases__item .cases__image.anim--active {
        -webkit-animation: fade-in-right 450ms cubic-bezier(0.2, 0, 0.42, 1) forwards;
        animation: fade-in-right 450ms cubic-bezier(0.2, 0, 0.42, 1) forwards
    }
}

.cases__card:nth-of-type(even) .cases__item .cases__image-wrapper {
    width: 35%
}

@media screen and (min-width: 62em) {
    .cases__card:nth-of-type(even) .cases__item .cases__image-wrapper {
        left: 8rem
    }
}

.cases__card:nth-of-type(even) .cases__item .cases__logo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.cases__card:nth-of-type(even) .cases__item .cases__logo {
    max-width: 11rem;
    max-height: 7rem;
    margin-bottom: 2rem;
    opacity: 0
}

.cases__card:nth-of-type(even) .cases__item .cases__logo.anim--active {
    -webkit-animation: fade-in-right 450ms cubic-bezier(0.2, 0, 0.42, 1) forwards;
    animation: fade-in-right 450ms cubic-bezier(0.2, 0, 0.42, 1) forwards
}

@media screen and (min-width: 62em) {
    .cases__card:nth-of-type(even) .cases__item .cases__logo {
        max-width: 15rem;
        max-height: 10rem
    }
}

.cases__card:nth-of-type(even) .cases__item .cases__title-wrapper {
    min-width: 30rem;
    -webkit-transform: translate(23rem);
    transform: translate(23rem)
}

@media screen and (min-width: 48em) {
    .cases__card:nth-of-type(even) .cases__item .cases__title-wrapper {
        -webkit-transform: translate(34rem);
        transform: translate(34rem)
    }
}

@media screen and (min-width: 62em) {
    .cases__card:nth-of-type(even) .cases__item .cases__title-wrapper {
        -webkit-transform: translate(3rem);
        transform: translate(3rem);
        max-width: 70rem
    }
}

.cases__card:nth-of-type(even) .cases__item .cases__title-wrapper .cases__title {
    text-align: right;
    max-width: 75rem;
    opacity: 0
}

.cases__card:nth-of-type(even) .cases__item .cases__title-wrapper .cases__title.anim--active {
    -webkit-animation: fade-in-right 450ms cubic-bezier(0.2, 0, 0.42, 1) forwards;
    animation: fade-in-right 450ms cubic-bezier(0.2, 0, 0.42, 1) forwards
}

.cases__card:nth-of-type(even) .cases__item .cases__awards {
    top: 13rem;
    left: 4rem
}

@media screen and (min-width: 48em) {
    .cases__card:nth-of-type(even) .cases__item .cases__awards {
        top: 10rem;
        left: 6rem
    }
}

@media screen and (min-width: 62em) {
    .cases__card:nth-of-type(even) .cases__item .cases__awards {
        top: -2rem;
        left: 4rem
    }
}

.cases__card:nth-of-type(even) .cases__item .cases__pretitle {
    text-align: right
}

.cases__card:nth-of-type(even) .cases__item .cases__image-wrapper {
    width: 24rem
}

.cases__card .hidden {
    display: none
}

.cases__clients {
    margin-bottom: 7rem;
    margin-right: 1rem
}

.cases__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    cursor: pointer
}

.cases__image-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20rem;
    height: 60rem
}

@media screen and (min-width: 62em) {
    .cases__image-wrapper {
        width: 56rem
    }
}

.cases__image {
    width: 100%;
    height: 100%;
    max-width: 21rem;
    max-height: 22rem;
    scale: 1.6;
    -webkit-clip-path: circle(40% at 50% 50%);
    clip-path: circle(40% at 50% 50%);
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (min-width: 48em) {
    .cases__image {
        scale: 1.9
    }
}

@media screen and (min-width: 62em) {
    .cases__image {
        max-width: 21rem;
        max-height: 22rem;
        scale: 3.3;
        opacity: 100%
    }
}

.cases__awards {
    position: relative;
    width: 6rem;
    min-width: 6rem;
    height: 6rem;
    top: 8rem;
    right: 0;
    background-color: rgba(13, 13, 13, .9);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 100%;
    z-index: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transition-delay: 700ms;
    transition-delay: 700ms
}

@media screen and (min-width: 48em) {
    .cases__awards {
        top: 0;
        right: 0
    }
}

.cases__awards--fadeIn {
    -webkit-animation: fade-in .8s .4s backwards;
    animation: fade-in .8s .4s backwards
}

.cases__award-wrapper {
    width: 6rem;
    height: 6rem
}

.cases__awards-image {
    height: 60%;
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cases__awards-image svg-image {
    width: 100%
}

.cases__animation-active {
    -webkit-transform: scale(1.7);
    transform: scale(1.7)
}

@media screen and (min-width: 62em) {
    .cases__animation-active {
        -webkit-transform: scale(1.7);
        transform: scale(1.7)
    }
}

.cases__title-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 27%;
    top: -2rem;
    bottom: 0rem;
    left: 0rem
}

@media screen and (min-width: 48em) {
    .cases__title-wrapper {
        width: 55rem;
        top: -3rem
    }
}

@media screen and (min-width: 62em) {
    .cases__title-wrapper {
        width: 55rem
    }
}

@media screen and (min-width: 90em) {
    .cases__title-wrapper {
        width: 80rem
    }
}

@media screen and (orientation: landscape) {
    .cases__title-wrapper {
        left: -4rem
    }
}

@media screen and (orientation: landscape)and (min-width: 30em) {
    .cases__title-wrapper {
        left: -12rem
    }
}

.cases__title {
    color: #fff;
    text-shadow: 0 0 2rem rgba(13, 13, 13, .5);
    font-family: "GalanoGrotesque", sans-serif;
    font-size: 3rem;
    font-weight: 800
}

@media screen and (min-width: 48em) {
    .cases__title {
        font-size: 5rem
    }
}

@media screen and (min-width: 62em) {
    .cases__title {
        font-size: 6rem;
        font-weight: 900
    }
}

.cases__pretitle {
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    font-size: 1.3rem;
    font-family: "GalanoGrotesque", sans-serif;
    font-style: normal;
    font-weight: 500;
    text-align: right;
    color: #fff
}

@media screen and (min-width: 48em) {
    .cases__pretitle {
        font-size: 1.9rem
    }
}

@media screen and (min-width: 62em) {
    .cases__pretitle {
        font-size: 1.5rem;
        font-style: medium
    }
}

.cases__secondary-cases {
    position: relative;
    margin-top: 18rem;
    margin-bottom: 18rem
}

.caselist__card {
    width: 100%;
    height: 15rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.caselist__pretitle {
    font-family: "GalanoGrotesque", sans-serif;
    font-style: medium;
    color: #fff;
    text-align: left;
    font-size: 1.2rem;
    font-weight: 500;
    opacity: .6
}

@media screen and (min-width: 48em) {
    .caselist__pretitle {
        font-size: 1.5rem;
        text-align: left;
        width: 20%
    }
}

.caselist__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    cursor: pointer
}

@media screen and (min-width: 62em) {
    .caselist__item {
        border-bottom: none
    }
}

.caselist__image {
    position: fixed;
    display: none;
    width: 20rem;
    height: 20rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden
}

.caselist__image img {
    width: 200px;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover
}

.caselist__title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 2rem
}

@media screen and (min-width: 48em) {
    .caselist__title-wrapper {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.caselist__title {
    width: 100%;
    margin-top: 1.1rem;
    margin-bottom: 1.1rem;
    font-size: 2rem;
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 800;
    color: #fff;
    text-shadow: 0 0 2rem rgba(13, 13, 13, .5)
}

@media screen and (min-width: 48em) {
    .caselist__title {
        width: 58%;
        font-size: 2.5rem
    }
}

@media screen and (min-width: 62em) {
    .caselist__title {
        font-size: 3rem;
        font-weight: 900
    }
}

.caselist__small-circle {
    margin-left: 1rem;
    margin-right: 1rem
}

.visible {
    display: block
}

.related-cases {
    width: 100%
}

.related-cases__cases-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 62em) {
    .related-cases__cases-wrap {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.related-cases__card {
    resize: both;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 33rem;
    max-height: 33rem;
    margin-bottom: 12rem
}

@media screen and (min-width: 48em) {
    .related-cases__card {
        max-width: 45rem;
        max-height: 45rem
    }
}

@media screen and (min-width: 62em) {
    .related-cases__card {
        max-width: 52rem;
        max-height: 52rem;
        padding-bottom: unset
    }

    .related-cases__card--three-cards {
        max-width: 33rem;
        max-height: 33rem
    }
}

.related-cases__item {
    position: relative;
    aspect-ratio: 1/1;
    max-height: 100%;
    width: 100%
}

.related-cases__image-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    border-radius: 100%;
    overflow: hidden
}

.related-cases__image {
    width: 66.6%;
    height: 66.6%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 1.3s;
    transition: -webkit-transform 1.3s;
    transition: transform 1.3s;
    transition: transform 1.3s, -webkit-transform 1.3s;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    border-radius: 100%
}

.related-cases__image-donut {
    position: absolute;
    width: 27%;
    height: 27%;
    background-color: #0d0d0d;
    border-radius: 100%;
    -webkit-transition: -webkit-transform 1.3s;
    transition: -webkit-transform 1.3s;
    transition: transform 1.3s;
    transition: transform 1.3s, -webkit-transform 1.3s;
    -webkit-transform: scale(0.1);
    transform: scale(0.1)
}

.related-cases__title-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-top: -20%
}

.related-cases__logo-wrapper {
    max-width: 40%;
    max-height: 4rem;
    width: 40%;
    height: 4rem
}

.related-cases__logo {
    width: auto;
    max-width: 100%;
    height: 100%
}

.related-cases__title {
    margin: 1.6rem 0;
    font-size: 2.5rem
}

@media screen and (min-width: 48em) {
    .related-cases__title {
        font-size: 3.2rem
    }
}

.related-cases__tags-list {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    opacity: .6
}

.cases__animation-active {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

@media screen and (min-width: 62em) {
    .invisible-dougnut {
        opacity: 0
    }
}

.doughnut-clipping {
    -webkit-clip-path: url("");
    clip-path: url("")
}

.clients {
    overflow: hidden
}

.clients__list {
    position: relative
}

@media screen and (min-width: 62em) {
    .clients__list {
        margin-top: 4rem
    }
}

.clients__logo,
.clients__background {
    pointer-events: none
}

.clients__intro {
    margin-bottom: 12rem
}

.content-page {
    position: relative
}

.content-page__title {
    color: #fff;
    font-weight: 800;
    font-size: 5rem;
    margin-bottom: 2.5rem
}

.content-page__table {
    margin: 8rem 0;
    overflow-x: scroll
}

@media screen and (min-width: 48em) {
    .content-page__table {
        overflow-x: auto
    }
}

.content-page__table::after {
    content: "";
    position: absolute;
    top: 0;
    right: 2rem;
    height: 100%;
    width: 14vw;
    background-image: -webkit-gradient(linear, right top, left top, from(#0d0d0d), to(rgba(13, 13, 13, 0)));
    background-image: linear-gradient(to left, #0d0d0d, rgba(13, 13, 13, 0));
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s ease-out, visibility 0s .4s ease-out;
    transition: opacity .4s ease-out, visibility 0s .4s ease-out
}

.content-page__table--fade::after {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .4s ease-out, visibility 0s ease-out;
    transition: opacity .4s ease-out, visibility 0s ease-out
}

.demo__spacer {
    height: 60vh
}

.demo__title {
    margin: 2rem 0
}

.demo__description {
    font-weight: 700
}

.demo__content {
    margin: 0 0 4rem
}

.demo__image {
    margin: 4rem 0
}

.demo__code {
    font-family: monospace;
    display: inline-block;
    padding: 0 .8rem;
    margin: 2rem 0;
    background: #272727
}

.demo__block {
    height: 20rem;
    width: 20rem;
    border-radius: 1rem;
    background: #fff
}

.employees {
    overflow-x: hidden
}

@media screen and (min-width: 30em) {
    .employees {
        overflow: visible
    }
}

.employees__employee {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    height: 133vw;
    max-height: 50rem;
    overflow: hidden;
    position: relative;
    z-index: 30;
    will-change: transform;
    -webkit-transition: opacity .5s 0s cubic-bezier(0, 0, 0, 1), -webkit-transform .5s 0s cubic-bezier(0, 0, 0, 1);
    transition: opacity .5s 0s cubic-bezier(0, 0, 0, 1), -webkit-transform .5s 0s cubic-bezier(0, 0, 0, 1);
    transition: opacity .5s 0s cubic-bezier(0, 0, 0, 1), transform .5s 0s cubic-bezier(0, 0, 0, 1);
    transition: opacity .5s 0s cubic-bezier(0, 0, 0, 1), transform .5s 0s cubic-bezier(0, 0, 0, 1), -webkit-transform .5s 0s cubic-bezier(0, 0, 0, 1)
}

.employees__employee::before {
    content: "";
    pointer-events: none;
    background-color: rgba(13, 13, 13, .5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 33;
    width: 100%;
    height: 100%;
    -webkit-transition: background-color .5s 0s cubic-bezier(0, 0, 0, 1);
    transition: background-color .5s 0s cubic-bezier(0, 0, 0, 1)
}

.employees__employee:hover {
    -webkit-transform: translate3d(0, 0, 0) scale(1.05);
    transform: translate3d(0, 0, 0) scale(1.05);
    z-index: 34
}

.employees__employee:hover::before {
    background-color: rgba(13, 13, 13, 0)
}

.employees__employee:hover .employees__social {
    -webkit-animation: fade-in-down .5s .25s cubic-bezier(0, 0, 0, 1);
    animation: fade-in-down .5s .25s cubic-bezier(0, 0, 0, 1)
}

.employees__employee:hover .employees__content {
    -webkit-animation: fade-in-up .5s .25s cubic-bezier(0, 0, 0, 1);
    animation: fade-in-up .5s .25s cubic-bezier(0, 0, 0, 1)
}

.employees__employee:hover .employees__content,
.employees__employee:hover .employees__social {
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    opacity: 1
}

@media screen and (min-width: 30em) {
    .employees__employee {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        height: 66vw
    }
}

@media screen and (min-width: 48em) {
    .employees__employee {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 33.3333333333%;
        flex: 0 1 33.3333333333%;
        height: 44vw
    }
}

@media screen and (min-width: 75em) {
    .employees__employee {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
        flex: 0 1 20%;
        height: 26vw
    }
}

.employees__image {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.employees__intro {
    margin-bottom: 12rem
}

.employees__name,
.employees__label {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.employees__content {
    bottom: 5%;
    display: block;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 32
}

.employees__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative
}

.employees__list--hidden {
    display: none
}

.employees__name {
    color: #fff;
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 0 2.3rem rgba(13, 13, 13, .5);
    padding: 0 1rem;
    font-size: 12vw
}

@media screen and (min-width: 30em) {
    .employees__name {
        font-size: 6vw
    }
}

@media screen and (min-width: 48em) {
    .employees__name {
        font-size: 4vw
    }
}

@media screen and (min-width: 75em) {
    .employees__name {
        font-size: 2.4vw
    }
}

.employees__label {
    background-color: #ff2345;
    border-radius: .3rem;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.6rem;
    margin: 2rem 0;
    padding: 1rem 1.4rem;
    position: relative
}

.employees__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    opacity: 0;
    top: 1.5rem;
    left: 1.5rem
}

.employees__link {
    margin: 0 0 1rem;
    text-decoration: none;
    background-color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.employees__email {
    width: 2.2rem
}

.employees__more-employees {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 31;
    background: #171717;
    width: 100%;
    height: 133vw;
    max-height: 50rem;
    -webkit-transition: opacity .25s 0s cubic-bezier(0, 0, 0, 1), z-index .25s .25s ease;
    transition: opacity .25s 0s cubic-bezier(0, 0, 0, 1), z-index .25s .25s ease
}

@media screen and (min-width: 30em) {
    .employees__more-employees {
        width: 50%;
        height: 66vw
    }
}

@media screen and (min-width: 48em) {
    .employees__more-employees {
        width: 33.3333333333%;
        height: 44vw
    }
}

@media screen and (min-width: 75em) {
    .employees__more-employees {
        width: 20%;
        height: 26vw
    }
}

.employees__more-employees--hidden {
    opacity: 0;
    z-index: 29
}

.employees__more-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 90%;
    max-width: 25rem;
    height: 90%;
    max-height: 35rem
}

.employees__more-title {
    font-size: 4rem;
    line-height: 1
}

.employees__more-text {
    font-size: 1.6rem
}

.employees__more-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: #fff;
    cursor: pointer;
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 700
}

.employees__more-button::after {
    content: "";
    position: relative;
    display: block;
    width: 3rem;
    height: 3rem;
    margin-top: 1rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background: url("arrow-pink.svg") no-repeat center;
    -webkit-transition: -webkit-transform .25s 0s cubic-bezier(0, 0, 0, 1);
    transition: -webkit-transform .25s 0s cubic-bezier(0, 0, 0, 1);
    transition: transform .25s 0s cubic-bezier(0, 0, 0, 1);
    transition: transform .25s 0s cubic-bezier(0, 0, 0, 1), -webkit-transform .25s 0s cubic-bezier(0, 0, 0, 1)
}

.employees__more-button--active::after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.form {
    font-family: "GalanoGrotesque", sans-serif;
    font-size: 1.6rem
}

.form input,
.form__input {
    height: 6rem;
    border-radius: .3rem;
    border: .1rem solid #cacaca;
    padding: 0 2rem;
    outline: 0;
    width: 100%;
    line-height: 6rem;
    color: #737373;
    font-family: inherit;
    font-size: inherit
}

.form input--send,
.form__input--send {
    background-image: url("");
    background-repeat: no-repeat;
    background-position: right 2rem center;
    background-size: 2rem
}

.newsletter-block .umbraco-forms-caption {
    font-family: "GalanoGrotesque", sans-serif;
    font-style: normal;
    font-size: 2rem !important;
    font-weight: 800 !important;
    line-height: 2.4rem !important
}

@media screen and (min-width: 48em) {
    .newsletter-block .umbraco-forms-caption {
        line-height: 5.5rem !important;
        font-size: 6rem !important
    }
}

.newsletter-block .dataconsent {
    margin-top: 2rem
}

.newsletter-block .gform__data-consent-label:not(.data-consent) {
    display: none
}

.newsletter-block .gform__recaptcha-policy {
    display: none
}

.newsletter-block .gform__field-wrapper p {
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.8rem;
    color: rgba(255, 255, 255, .45) !important
}

@media screen and (min-width: 48em) {
    .newsletter-block .gform__field-wrapper p {
        font-size: 1.4rem !important
    }
}

.newsletter-block .gform__element {
    padding: 0;
    width: 100%
}

.newsletter-block .newsletter__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.newsletter-block .newsletter__form .umbraco-forms-navigation {
    padding: .7em 0em
}

.newsletter-block .newsletter__form .gform__submit-button-wrapper {
    margin: 0;
    border-bottom: .1rem solid rgba(255, 255, 255, .3)
}

.newsletter-block .newsletter__form .gform__submit-button-wrapper .button {
    padding-right: 1rem;
    border-radius: 3em
}

.newsletter-block .newsletter__form .gform__submit-button-wrapper .button:hover {
    -webkit-box-shadow: 0 0 4rem rgba(255, 35, 69, .6);
    box-shadow: 0 0 4rem rgba(255, 35, 69, .6)
}

.newsletter-block .newsletter__form .gform__submit-button-wrapper .button__arrow::after {
    z-index: 10;
    right: 0
}

@media screen and (min-width: 48em) {
    .image-block {
        margin: 2rem 0
    }
}

@media screen and (min-width: 62em) {
    .image-block {
        margin: 4rem 0
    }
}

@media screen and (min-width: 75em) {
    .image-block {
        margin: 7rem 0
    }
}

.image-block__wrapper {
    text-align: center
}

.image-block__image {
    width: 100%;
    max-width: 100%;
    margin: 0 auto
}

@media screen and (min-width: 48em) {
    .image-block__image--small {
        width: 48rem
    }
}

@media screen and (min-width: 75em) {
    .image-block__image--small {
        width: 58rem
    }
}

@media screen and (min-width: 48em) {
    .image-block__image--medium {
        width: 60rem
    }
}

@media screen and (min-width: 62em) {
    .image-block__image--medium {
        width: 75rem
    }
}

@media screen and (min-width: 75em) {
    .image-block__image--medium {
        width: 97rem
    }
}

@media screen and (min-width: 48em) {
    .image-block__image--large {
        width: 60rem
    }
}

@media screen and (min-width: 62em) {
    .image-block__image--large {
        width: 75rem
    }
}

@media screen and (min-width: 75em) {
    .image-block__image--large {
        width: 136rem
    }
}

.image-columns__wrapper {
    overflow: hidden;
    height: 100%
}

.image-columns__image {
    margin: 1rem 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (min-width: 48em) {
    .image-columns__image {
        margin: 0
    }
}

.info {
    margin: 0 0 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: row;
    flex-direction: row;
    color: #fff;
    font-weight: bold;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.info__facts {
    width: 100%;
    text-align: center
}

@media screen and (min-width: 48em) {
    .info__facts {
        width: auto
    }
}

.info__item {
    color: #cacaca;
    display: inline;
    margin-left: 2rem;
    font-family: "Newzald", serif
}

@media screen and (min-width: 48em) {
    .info__item {
        margin-left: 5rem
    }
}

.info__item:first-child {
    margin-left: 0
}

.info__number {
    color: #ff2345;
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 800;
    margin-right: .5rem
}

.partners--dark .partners__name {
    color: #fff
}

.partners__name {
    color: #cacaca;
    font-family: "GalanoGrotesque", sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: .3rem
}

@font-face {
    font-family: swiper-icons;
    src: url("");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    overflow: clip;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

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

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

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

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

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

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

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

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

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

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.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-css-mode.swiper-horizontal>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    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: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    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: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper {
    overflow-x: hidden
}

.swiper__container {
    padding: 3rem 0 10rem;
    margin-bottom: 10rem;
    overflow: visible
}

.swiper__container--offices {
    padding: 3rem 0 8rem 0;
    margin-bottom: 0
}

.swiper__container--clients {
    margin: 2.5rem 0 5rem 0;
    padding: 2rem 0 0 0;
    overflow: visible
}

@media screen and (min-width: 48em) {
    .swiper__container--clients {
        margin-bottom: 8rem
    }
}

.swiper__container--usps {
    height: 45rem
}

@media screen and (min-width: 48em) {
    .swiper__container--usps {
        height: 55rem
    }
}

@media screen and (min-width: 62em) {
    .swiper__container--usps {
        height: 100%
    }
}

@media screen and (min-width: 48em) {

    .swiper__container::before,
    .swiper__container::after {
        content: "";
        position: absolute;
        top: 0;
        z-index: 2;
        height: 100%;
        width: 10vw
    }
}

@media screen and (min-width: 75em) {

    .swiper__container::before,
    .swiper__container::after {
        width: 20vw
    }
}

.swiper__container::before {
    left: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(13, 13, 13, 0.8)), to(rgba(13, 13, 13, 0)));
    background-image: linear-gradient(to right, rgba(13, 13, 13, 0.8), rgba(13, 13, 13, 0))
}

@media screen and (min-width: 75em) {
    .swiper__container::before {
        height: 55rem;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-box-shadow: 14rem 0 10rem rgba(13, 13, 13, .6);
        box-shadow: 14rem 0 10rem rgba(13, 13, 13, .6)
    }
}

.swiper__container::after {
    right: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(13, 13, 13, 0.8)), to(rgba(13, 13, 13, 0)));
    background-image: linear-gradient(to left, rgba(13, 13, 13, 0.8), rgba(13, 13, 13, 0))
}

@media screen and (min-width: 62em) {
    .swiper--offices .swiper__contact {
        margin-top: 0
    }
}

.swiper__slide {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    -webkit-transition: -webkit-transform .5s 0s ease;
    transition: -webkit-transform .5s 0s ease;
    transition: transform .5s 0s ease;
    transition: transform .5s 0s ease, -webkit-transform .5s 0s ease
}

.swiper__slide--active {
    z-index: 3
}

.swiper__slide--active .swiper__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.swiper__slide--active .swiper__background {
    opacity: 1;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-box-shadow: 0 0 15rem rgba(255, 35, 69, .3);
    box-shadow: 0 0 15rem rgba(255, 35, 69, .3)
}

@media screen and (min-width: 48em) {
    .swiper__slide--active .swiper__background::before {
        background: rgba(13, 13, 13, 0)
    }
}

.swiper__slide--offices {
    height: 51vw
}

.swiper__slide--clients {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 17.5rem;
    width: 17.5rem
}

@media screen and (min-width: 48em) {
    .swiper__slide--clients {
        height: 24.5rem;
        width: 24.5rem
    }
}

@media screen and (min-width: 48em) {
    .swiper__slide {
        height: 56vw
    }
}

@media screen and (min-width: 62em) {
    .swiper__slide {
        height: 28vw
    }
}

.swiper__slide:hover {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.swiper__data {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

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

.swiper__data-inner {
    position: relative;
    text-align: center;
    z-index: 1
}

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

@media screen and (min-width: 62em) {
    .swiper__data-inner--offices {
        -webkit-transform: translateX(-25%);
        transform: translateX(-25%)
    }
}

.swiper__data-inner--usps {
    z-index: 1;
    width: 100%;
    padding: 0 1.5rem;
    text-align: left;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, calc(-50% - 2rem));
    transform: translate(0, calc(-50% - 2rem))
}

@media screen and (min-width: 30em) {
    .swiper__data-inner--usps {
        -webkit-transform: translate(10%, calc(-50% - 2rem));
        transform: translate(10%, calc(-50% - 2rem));
        width: 80%
    }
}

@media screen and (min-width: 48em) {
    .swiper__data-inner--usps {
        -webkit-transform: translate(15%, calc(-50% - 7rem));
        transform: translate(15%, calc(-50% - 7rem));
        width: 65%
    }
}

@media screen and (min-width: 62em) {
    .swiper__data-inner--usps {
        -webkit-transform: translate(-15%, -50%);
        transform: translate(-15%, -50%);
        width: 100%
    }
}

.swiper__name {
    font-family: "GalanoGrotesque", sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-bottom: 0;
    margin-bottom: 0;
    color: #fff
}

.swiper__name--offices {
    font-size: 5rem
}

@media screen and (min-width: 30em) {
    .swiper__name--offices {
        font-size: 7rem
    }
}

@media screen and (min-width: 48em) {
    .swiper__name--offices {
        font-size: 9rem
    }
}

.swiper__name--usps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 10rem;
    width: 70%;
    line-height: .9;
    overflow-wrap: normal;
    font-size: 3.5rem
}

@media screen and (min-width: 48em) {
    .swiper__name--usps {
        width: 75%;
        height: auto;
        font-size: 7rem
    }
}

@media screen and (min-width: 75em) {
    .swiper__name--usps {
        font-size: 9rem
    }
}

.swiper__description {
    margin-top: 4.5rem;
    line-height: 2.6rem;
    width: 100%
}

@media screen and (min-width: 48em) {
    .swiper__description {
        width: 60%
    }
}

.swiper__location {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #ff2345;
    font-family: "GalanoGrotesque", sans-serif;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 1.5rem 2rem
}

.swiper__location--usps {
    display: block
}

.swiper__location--offices {
    display: inline-block
}

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

.swiper__background {
    outline: 1rem solid rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    z-index: 1;
    background-size: cover;
    height: 100%;
    width: 100%;
    -webkit-transition: -webkit-transform .5s 0s ease;
    transition: -webkit-transform .5s 0s ease;
    transition: transform .5s 0s ease;
    transition: transform .5s 0s ease, -webkit-transform .5s 0s ease
}

.swiper__background--usps {
    left: .5rem
}

@media screen and (min-width: 48em) {
    .swiper__background--usps {
        height: 70%;
        width: 70%;
        right: 10rem;
        left: unset
    }
}

@media screen and (min-width: 62em) {
    .swiper__background--usps {
        height: 100%;
        width: 100%;
        max-width: 106rem;
        max-height: 60rem;
        right: unset;
        left: 0
    }
}

.swiper__background::before,
.swiper__background::after {
    content: "";
    background: rgba(13, 13, 13, .6);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: background-color .5s 0s ease;
    transition: background-color .5s 0s ease
}

.swiper__background::after {
    background: linear-gradient(233deg, rgba(13, 13, 13, 0) 45%, #0d0d0d 100%)
}

.swiper__background--offices {
    left: 0
}

.swiper__background--video {
    height: auto
}

.swiper div:not(.skew-effect)>.swiper__background {
    -webkit-transform: scale(0.6) rotateX(0deg) rotateY(0deg) rotateZ(0deg) !important;
    transform: scale(0.6) rotateX(0deg) rotateY(0deg) rotateZ(0deg) !important
}

.swiper .skew-effect {
    -webkit-perspective: 100rem;
    perspective: 100rem
}

.case__section {
    text-align: center
}

.case__section--overlap {
    position: relative;
    top: -25rem;
    margin-bottom: -25rem
}

@media screen and (min-width: 62em) {
    .case__section--overlap {
        top: -15rem;
        margin-bottom: 0
    }
}

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

.case__image {
    position: relative;
    margin-bottom: 2.5rem
}

.case__image img {
    width: 100%
}

@media screen and (min-width: 62em) {
    .case__image {
        overflow: visible;
        position: relative
    }
}

.case__fact,
.case__fact-number,
.case__fact-text {
    width: 100%;
    font-weight: 800;
    color: #fff
}

.transition--light .case__fact,
.transition--light .case__fact-number,
.transition--light .case__fact-text {
    color: #0d0d0d
}

.case__fact {
    width: 100%;
    margin-bottom: 3rem
}

@media screen and (min-width: 62em) {
    .case__fact {
        margin: 13rem 0
    }
}

.case__fact--plus .case__fact-number::after {
    content: "+";
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 4rem;
    line-height: 1.2
}

.case__fact-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "GalanoGrotesque", sans-serif;
    font-size: 7rem;
    margin-bottom: 1rem
}

.case__fact-text {
    font-size: 2.4rem
}

@media screen and (min-width: 62em) {
    .case__fact-text {
        font-size: 3rem;
        margin-top: 1rem
    }
}

.case__quote-title {
    font-size: 5.4rem;
    color: #0d0d0d
}

.case__testimony {
    text-align: center;
    margin: 3rem 0 6rem
}

@media screen and (min-width: 62em) {
    .case__testimony {
        margin: 5rem 0 13rem
    }
}

.case__testimony-name {
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 800;
    font-size: 2.4rem;
    line-height: 1.5;
    margin-bottom: 1rem
}

.case__testimony-name--primary {
    color: #ff2345
}

.case__testimony-function {
    font-family: "Newzald", serif;
    font-size: 1.8rem;
    color: #737373
}

@media screen and (min-width: 62em) {
    .case__awards {
        padding: 10rem 0 20rem
    }
}

.case__award {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 33.7rem;
    border-radius: 1rem;
    border: .1rem rgba(255, 255, 255, .2) solid;
    margin: 1.5rem 0
}

.transition--light .case__award {
    border: .1rem rgba(13, 13, 13, .2) solid
}

@media screen and (min-width: 62em) {
    .case__award {
        height: 27rem
    }
}

.case__award-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 65%
}

.case__award-logo .svg-image {
    max-width: 60%
}

.case__award-copy {
    height: 35%;
    text-align: center
}

.case__award-title {
    font-family: "GalanoGrotesque", sans-serif;
    font-weight: 800;
    font-size: 1.4rem;
    line-height: 2;
    color: #fff
}

.transition--light .case__award-title {
    color: #0d0d0d
}

.case__award-type {
    font-family: "Newzald", serif;
    font-size: 1.4rem
}

.case-page__header {
    min-height: 95vh;
    padding-top: 13rem;
    background-size: cover;
    background-position: center;
    margin-bottom: 0
}

@media screen and (min-width: 62em) {
    .case-page__header {
        padding-top: 18rem
    }
}

.case-page__header-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    max-height: 100%
}

.case-page__header-wrapper::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 80%;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 13, 13, 0)), to(#0d0d0d));
    background: linear-gradient(to bottom, rgba(13, 13, 13, 0), #0d0d0d 100%)
}

.case-page__header-picture {
    width: 100%;
    height: 100%;
    min-height: 35rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 62em) {
    .case-page__header-picture {
        min-height: 80rem
    }
}

.case-page__title {
    font-size: 3.5rem;
    line-height: 3.5rem
}

@media screen and (min-width: 48em) {
    .case-page__title {
        font-size: 8rem;
        line-height: 8rem
    }
}

.case-page__header-image {
    height: auto;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.case-page__cards {
    position: relative;
    z-index: 1;
    margin-top: 8rem
}

@media screen and (min-width: 48em) {
    .case-page__cards {
        margin-top: 22.4rem
    }
}

.smint-landing {
    background-color: #fff
}

.test {
    height: 30rem
}

.smint-landing-header {
    background-image: none;
    margin-bottom: 0;
    background-color: #0d0d0d;
    width: 100%;
    padding-top: 0
}

.smint-landing-header__titles {
    position: relative;
    height: 70rem;
    padding-top: 16rem
}

@media screen and (min-width: 62em) {
    .smint-landing-header__titles {
        padding-top: 18rem;
        height: 90rem
    }
}

.smint-landing-header__titles--big {
    font-family: "GT-Flexa", sans-serif;
    font-weight: 800;
    font-size: 6rem;
    line-height: 7.1rem;
    text-align: center
}

@media screen and (min-width: 62em) {
    .smint-landing-header__titles--big {
        font-size: 14.9rem;
        line-height: 16.5rem
    }
}

.smint-landing-header__titles--small {
    font-family: "GT-Flexa", sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 6.7rem;
    text-align: center;
    display: block
}

@media screen and (min-width: 62em) {
    .smint-landing-header__titles--small {
        font-size: 3.6rem;
        line-height: 6.7rem
    }
}

.smint-landing-header__video {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

.smint-landing-header__video-playbutton {
    display: block;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: 25rem;
    height: 25rem;
    cursor: pointer;
    top: 35%
}

@media screen and (min-width: 62em) {
    .smint-landing-header__video-playbutton {
        top: 25%;
        width: 40rem;
        height: 40rem
    }
}

.smint-landing-header__video-playbutton--hidden {
    display: none
}

.smint-landing-header__video-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none
}

.smint-video-overlay {
    background: url("") no-repeat center/cover
}

.smint-landing-section {
    padding: 0
}

@media screen and (min-width: 62em) {
    .smint-landing-section {
        padding: 0 22.5rem
    }
}

.smint-landing-section--blue {
    background-color: #1e28b0
}

.smint-landing-section--blue p {
    color: #fff;
    font-size: 3.5rem;
    font-weight: 400;
    opacity: 1;
    line-height: 4rem
}

@media screen and (min-width: 62em) {
    .smint-landing-section--blue {
        font-size: 4.2rem;
        line-height: 4.8rem
    }
}

.smint-landing-text h3 {
    font-weight: 800;
    font-size: 6rem;
    line-height: 9.6rem;
    color: #0d0d0d;
    margin-bottom: 2rem;
    font-family: "GT-Flexa", sans-serif;
    letter-spacing: 0
}

@media screen and (min-width: 62em) {
    .smint-landing-text h3 {
        font-size: 9.6rem
    }
}

.smint-landing-text p {
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #6d6d6d;
    margin-bottom: 2rem;
    font-family: "GT-Flexa", sans-serif
}

.smint-landing-text--bold {
    color: #0d0d0d;
    font-weight: 700;
    margin-bottom: 7.6rem
}

.smint-landing-text__bold-offset {
    margin-top: 2rem
}

@media screen and (min-width: 62em) {
    .smint-landing-text__bold-offset {
        margin-top: 0
    }
}

.smint-landing-section-margin {
    margin-top: 10rem;
    margin-bottom: 5rem
}

.smint-landing-image img {
    width: 100%
}

.smint-landing-section-idea {
    margin-top: 0;
    margin-bottom: 5rem
}

@media screen and (min-width: 62em) {
    .smint-landing-section-idea {
        margin-top: 10rem
    }
}

.smint-landing-results {
    margin-top: 5rem
}

@media screen and (min-width: 62em) {
    .smint-landing-results {
        margin-top: 10rem
    }
}

.smint-landing-mobile-prototype {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 7rem
}

.smint-landing-mobile-prototype__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 59rem;
    height: 60rem;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 30em) {
    .smint-landing-mobile-prototype__container {
        height: 80rem
    }
}

@media screen and (min-width: 48em) {
    .smint-landing-mobile-prototype__container {
        height: 80rem
    }
}

@media screen and (min-width: 62em) {
    .smint-landing-mobile-prototype__container {
        height: 85rem
    }
}

.smint-landing-mobile-prototype__video {
    display: block;
    max-width: 100%;
    width: 60rem;
    max-height: 100%;
    border-radius: 2rem;
    margin-top: 2rem
}

@media screen and (min-width: 62em) {
    .smint-landing-mobile-prototype__video {
        width: 34rem
    }
}

@media screen and (min-width: 75em) {
    .smint-landing-mobile-prototype__video {
        margin-top: 3rem;
        max-height: 72rem
    }
}

.smint-landing-mobile-prototype__image {
    position: absolute;
    z-index: 2;
    height: auto;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    left: 0
}

@media screen and (min-width: 48em) {
    .smint-landing-mobile-prototype {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.smint-landing-slider-section {
    position: relative
}

@media screen and (min-width: 62em) {
    .smint-landing-slider-section {
        margin-top: 10
    }
}

.smint-landing-slider {
    padding-top: 1rem;
    padding-bottom: 5rem;
    background-color: #fff;
    position: relative
}

.smint-landing-slider__navigation {
    position: absolute;
    z-index: 2;
    bottom: 5rem;
    left: 70%
}

@media screen and (min-width: 30em) {
    .smint-landing-slider__navigation {
        left: 80%
    }
}

@media screen and (min-width: 48em) {
    .smint-landing-slider__navigation {
        left: 85%
    }
}

@media screen and (min-width: 62em) {
    .smint-landing-slider__navigation {
        left: 80%
    }
}

@media screen and (min-width: 75em) {
    .smint-landing-slider__navigation {
        left: 70%
    }
}

@media screen and (min-width: 90em) {
    .smint-landing-slider__navigation {
        left: 55%
    }
}

.smint-landing-slider__navigation img {
    display: inline-block;
    margin-right: 1.5rem;
    cursor: pointer
}

.smint-landing-slider__item {
    position: relative;
    padding-right: 16.5rem;
    padding-top: 10rem;
    background-color: #fff
}

@media screen and (min-width: 62em) {
    .smint-landing-slider__item {
        width: initial;
        max-width: 100rem
    }
}

.smint-landing-slider__image {
    display: block;
    width: 130%;
    margin-left: -10%;
    overflow: hidden
}

@media screen and (min-width: 30em) {
    .smint-landing-slider__image {
        width: 100%;
        margin-left: 0
    }
}

.smint-landing-slider__text {
    position: absolute
}

.smint-landing-slider__text--poke {
    left: 3rem;
    top: 3rem
}

@media screen and (min-width: 62em) {
    .smint-landing-slider__text--poke {
        left: initial;
        right: 6.5rem;
        top: -1rem
    }
}

.smint-landing-slider__text--alib {
    left: 3rem;
    top: 1.5rem
}

@media screen and (min-width: 62em) {
    .smint-landing-slider__text--alib {
        left: initial;
        right: 10rem;
        top: -1rem
    }
}

.smint-landing-slider__text--numidia {
    left: 3rem;
    top: 3.5rem
}

@media screen and (min-width: 62em) {
    .smint-landing-slider__text--numidia {
        left: initial;
        right: 0;
        top: -1rem
    }
}

.smint-landing-slider__text--ronnie {
    top: 1rem;
    left: 3rem
}

@media screen and (min-width: 62em) {
    .smint-landing-slider__text--ronnie {
        left: initial;
        right: 0;
        top: 0
    }
}

.smint-landing-slider__text--small {
    font-size: 1.6rem;
    font-weight: 400;
    font-family: "GT-Flexa", sans-serif;
    color: #0d0d0d;
    margin-bottom: 3rem;
    line-height: 2.8rem
}

.smint-landing-slider__text--small img {
    width: initial;
    vertical-align: middle;
    margin: auto;
    margin-bottom: .5rem;
    margin-right: .5rem
}

.smint-landing-slider__text--big {
    font-size: 6rem;
    font-family: "GT-Flexa", sans-serif;
    display: block;
    font-weight: 800;
    color: #efefef;
    mix-blend-mode: difference
}

@media screen and (min-width: 30em) {
    .smint-landing-slider__text--big {
        font-size: 8rem
    }
}

@media screen and (min-width: 48em) {
    .smint-landing-slider__text--big {
        font-size: 10rem
    }
}

@media screen and (min-width: 62em) {
    .smint-landing-slider__text--big {
        font-size: 14.4rem
    }
}

.smint-landing-recording-studio {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(12%, #fff), color-stop(0, #1e28b0));
    background: linear-gradient(to bottom, #fff 12%, #1e28b0 0)
}

.smint-landing-recording-studio img {
    width: 100%
}

.smint-landing-result {
    padding-bottom: 10rem;
    background-image: url("");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 55%;
    overflow: hidden
}

@media screen and (min-width: 30em) {
    .smint-landing-result {
        background-size: 50%
    }
}

@media screen and (min-width: 75em) {
    .smint-landing-result {
        padding-top: 10rem;
        padding-bottom: 10rem;
        background-size: initial
    }
}

.smint-landing-result__cards {
    overflow: hidden
}

.smint-landing-result__cards img {
    width: 220%;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%)
}

@media screen and (min-width: 30em) {
    .smint-landing-result__cards img {
        width: 160%
    }
}

@media screen and (min-width: 62em) {
    .smint-landing-result__cards img {
        width: 140%
    }
}

.smint-landing-section-blue-text {
    padding-bottom: 40rem;
    text-align: center
}

@media screen and (min-width: 30em) {
    .smint-landing-section-blue-text {
        margin-top: 20rem
    }
}

@media screen and (min-width: 48em) {
    .smint-landing-section-blue-text {
        margin-top: 40rem
    }
}

@media screen and (min-width: 62em) {
    .smint-landing-section-blue-text {
        margin-top: 40rem;
        padding-bottom: 50rem
    }
}

.smint-landing-mobile-prototypes__image {
    margin-top: -15rem;
    width: 100%;
    z-index: 2;
    overflow: hidden
}

@media screen and (min-width: 62em) {
    .smint-landing-mobile-prototypes__image {
        margin-top: -25rem;
        width: 100%
    }
}

.smint-instagram {
    overflow: hidden;
    padding-bottom: 10rem
}

.smint-instagram img {
    width: 200%;
    -webkit-transform: translateX(-36%);
    transform: translateX(-36%)
}

@media screen and (min-width: 62em) {
    .smint-instagram img {
        width: 100%;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.text-animation__wrapper,
.text-animation__char {
    display: inline-block
}

.parallax--transition {
    -webkit-transition: -webkit-transform .6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: -webkit-transform .6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform .6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform .6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform .6s cubic-bezier(0.19, 1, 0.22, 1)
}

.pagetitle--animate {
    line-height: 2;
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem);
    opacity: 0;
    -webkit-animation: introPosition 700ms cubic-bezier(0.32, 0, 0.18, 1) forwards, introCompress 1s cubic-bezier(0.32, 0, 0.18, 1) forwards, introOpacity 600ms 200ms linear forwards;
    animation: introPosition 700ms cubic-bezier(0.32, 0, 0.18, 1) forwards, introCompress 1s cubic-bezier(0.32, 0, 0.18, 1) forwards, introOpacity 600ms 200ms linear forwards
}

@-webkit-keyframes introPosition {
    from {
        -webkit-transform: translateY(3rem);
        transform: translateY(3rem)
    }

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

@keyframes introPosition {
    from {
        -webkit-transform: translateY(3rem);
        transform: translateY(3rem)
    }

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

@-webkit-keyframes introCompress {
    from {
        line-height: 2
    }

    to {
        line-height: 1
    }
}

@keyframes introCompress {
    from {
        line-height: 2
    }

    to {
        line-height: 1
    }
}

@-webkit-keyframes introOpacity {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes introOpacity {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fade-in-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(4rem);
        transform: translateY(4rem)
    }

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

@keyframes fade-in-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(4rem);
        transform: translateY(4rem)
    }

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

@-webkit-keyframes fade-in-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-4rem);
        transform: translateY(-4rem)
    }

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

@keyframes fade-in-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-4rem);
        transform: translateY(-4rem)
    }

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

@-webkit-keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-4rem);
        transform: translateX(-4rem);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-4rem);
        transform: translateX(-4rem);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(4rem);
        transform: translateX(4rem);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(4rem);
        transform: translateX(4rem);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-up {
    0% {
        -webkit-transform: translateY(110%);
        transform: translateY(110%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-in-up {
    0% {
        -webkit-transform: translateY(110%);
        transform: translateY(110%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-in-down {
    0% {
        -webkit-transform: translateY(-110%);
        transform: translateY(-110%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-in-down {
    0% {
        -webkit-transform: translateY(-110%);
        transform: translateY(-110%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%)
    }

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

@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%)
    }

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

@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(110%);
        transform: translateX(110%)
    }

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

@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(110%);
        transform: translateX(110%)
    }

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

@-webkit-keyframes box-in-out {
    0% {
        display: block;
        width: 0;
        height: .2rem
    }

    15% {
        width: 100%;
        height: .2rem
    }

    40% {
        width: 100%;
        height: .2rem
    }

    50% {
        width: 100%;
        height: 100%
    }

    85% {
        width: 100%;
        height: 100%
    }

    95% {
        width: 0;
        height: 100%
    }

    100% {
        width: 0;
        height: 0
    }
}

@keyframes box-in-out {
    0% {
        display: block;
        width: 0;
        height: .2rem
    }

    15% {
        width: 100%;
        height: .2rem
    }

    40% {
        width: 100%;
        height: .2rem
    }

    50% {
        width: 100%;
        height: 100%
    }

    85% {
        width: 100%;
        height: 100%
    }

    95% {
        width: 0;
        height: 100%
    }

    100% {
        width: 0;
        height: 0
    }
}

@-webkit-keyframes show-inner {
    0% {
        opacity: 0
    }

    85% {
        opacity: 0;
        -webkit-transform: translateY(4rem);
        transform: translateY(4rem)
    }

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

@keyframes show-inner {
    0% {
        opacity: 0
    }

    85% {
        opacity: 0;
        -webkit-transform: translateY(4rem);
        transform: translateY(4rem)
    }

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

@-webkit-keyframes pop-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pop-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.anim {
    overflow: hidden
}

.anim__fade-in {
    -webkit-animation: fade-in 1s 0s cubic-bezier(0, 0, 0, 1);
    animation: fade-in 1s 0s cubic-bezier(0, 0, 0, 1);
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .anim__fade-in {
        -webkit-animation-play-state: running;
        animation-play-state: running
    }
}

.anim--active .anim__fade-in,
.anim__fade-in.anim--active {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.anim__fade-in-up {
    -webkit-animation: fade-in-up 1s 0s cubic-bezier(0, 0, 0, 1);
    animation: fade-in-up 1s 0s cubic-bezier(0, 0, 0, 1);
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .anim__fade-in-up {
        -webkit-animation-play-state: running;
        animation-play-state: running
    }
}

.anim--active .anim__fade-in-up,
.anim__fade-in-up.anim--active {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.anim__fade-in-down {
    -webkit-animation: fade-in-down 1s 0s cubic-bezier(0, 0, 0, 1);
    animation: fade-in-down 1s 0s cubic-bezier(0, 0, 0, 1);
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .anim__fade-in-down {
        -webkit-animation-play-state: running;
        animation-play-state: running
    }
}

.anim--active .anim__fade-in-down,
.anim__fade-in-down.anim--active {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.anim__fade-in-left {
    -webkit-animation: fade-in-left 1s 0s cubic-bezier(0, 0, 0, 1);
    animation: fade-in-left 1s 0s cubic-bezier(0, 0, 0, 1);
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .anim__fade-in-left {
        -webkit-animation-play-state: running;
        animation-play-state: running
    }
}

.anim--active .anim__fade-in-left,
.anim__fade-in-left.anim--active {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.anim__fade-in-right {
    -webkit-animation: fade-in-right 1s 0s cubic-bezier(0, 0, 0, 1);
    animation: fade-in-right 1s 0s cubic-bezier(0, 0, 0, 1);
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .anim__fade-in-right {
        -webkit-animation-play-state: running;
        animation-play-state: running
    }
}

.anim--active .anim__fade-in-right,
.anim__fade-in-right.anim--active {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.anim__slide-in-up {
    -webkit-animation: slide-in-up 1s 0s cubic-bezier(0, 0, 0, 1);
    animation: slide-in-up 1s 0s cubic-bezier(0, 0, 0, 1);
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .anim__slide-in-up {
        -webkit-animation-play-state: running;
        animation-play-state: running
    }
}

.anim--active .anim__slide-in-up,
.anim__slide-in-up.anim--active {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.anim__slide-in-down {
    -webkit-animation: slide-in-down 1s 0s cubic-bezier(0, 0, 0, 1);
    animation: slide-in-down 1s 0s cubic-bezier(0, 0, 0, 1);
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .anim__slide-in-down {
        -webkit-animation-play-state: running;
        animation-play-state: running
    }
}

.anim--active .anim__slide-in-down,
.anim__slide-in-down.anim--active {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.anim__slide-in-left {
    -webkit-animation: slide-in-left 1s 0s cubic-bezier(0, 0, 0, 1);
    animation: slide-in-left 1s 0s cubic-bezier(0, 0, 0, 1);
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .anim__slide-in-left {
        -webkit-animation-play-state: running;
        animation-play-state: running
    }
}

.anim--active .anim__slide-in-left,
.anim__slide-in-left.anim--active {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.anim__slide-in-right {
    -webkit-animation: slide-in-right 1s 0s cubic-bezier(0, 0, 0, 1);
    animation: slide-in-right 1s 0s cubic-bezier(0, 0, 0, 1);
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .anim__slide-in-right {
        -webkit-animation-play-state: running;
        animation-play-state: running
    }
}

.anim--active .anim__slide-in-right,
.anim__slide-in-right.anim--active {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.anim__pop-in {
    -webkit-animation: pop-in 1s 0s cubic-bezier(0, 0, 0, 1);
    animation: pop-in 1s 0s cubic-bezier(0, 0, 0, 1);
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .anim__pop-in {
        -webkit-animation-play-state: running;
        animation-play-state: running
    }
}

.anim--active .anim__pop-in,
.anim__pop-in.anim--active {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.anim.anim--delay-100 {
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms
}

.anim.anim--delay-200 {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms
}

.anim.anim--delay-250 {
    -webkit-animation-delay: 250ms;
    animation-delay: 250ms
}

.anim.anim--delay-300 {
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms
}

.anim.anim--delay-400 {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms
}

.anim.anim--delay-500 {
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms
}

.anim.anim--delay-600 {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms
}

.anim.anim--delay-700 {
    -webkit-animation-delay: 700ms;
    animation-delay: 700ms
}

.anim.anim--delay-750 {
    -webkit-animation-delay: 750ms;
    animation-delay: 750ms
}

.anim.anim--delay-800 {
    -webkit-animation-delay: 800ms;
    animation-delay: 800ms
}

.anim.anim--delay-900 {
    -webkit-animation-delay: 900ms;
    animation-delay: 900ms
}

.anim.anim--delay-1000 {
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms
}

.anim.anim--delay-1200 {
    -webkit-animation-delay: 1200ms;
    animation-delay: 1200ms
}

.anim.anim--delay-1400 {
    -webkit-animation-delay: 1400ms;
    animation-delay: 1400ms
}

.anim.anim--delay-1500 {
    -webkit-animation-delay: 1500ms;
    animation-delay: 1500ms
}

.anim.anim--delay-1600 {
    -webkit-animation-delay: 1600ms;
    animation-delay: 1600ms
}

.anim.anim--delay-1800 {
    -webkit-animation-delay: 1800ms;
    animation-delay: 1800ms
}

.anim.anim--delay-2000 {
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms
}

.anim.anim--delay-2500 {
    -webkit-animation-delay: 2500ms;
    animation-delay: 2500ms
}

.anim.anim--delay-3000 {
    -webkit-animation-delay: 3000ms;
    animation-delay: 3000ms
}

.anim.anim--duration-slowest {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.anim.anim--duration-slower {
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.anim.anim--duration-slow {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.anim.anim--duration-normal {
    -webkit-animation-duration: .25s;
    animation-duration: .25s
}

.anim.anim--duration-fast {
    -webkit-animation-duration: .1s;
    animation-duration: .1s
}

.anim.anim--duration-none {
    -webkit-animation-duration: 0s;
    animation-duration: 0s
}

.anim.anim--easing-ease {
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.anim.anim--easing-easeIn {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.anim.anim--easing-easeOut {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
    animation-timing-function: cubic-bezier(0, 0, 0, 1)
}

.anim.anim--easing-easeOutQuad {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.anim.anim--easing-easeOutCubic {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.anim.anim--easing-easeOutQuart {
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
}

.anim.anim--easing-easeOutQuint {
    -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}

.anim.anim--easing-bounce {
    -webkit-animation-timing-function: cubic-bezier(0.56, 0, 0, 1.6);
    animation-timing-function: cubic-bezier(0.56, 0, 0, 1.6)
}

.anim.anim--easing-elastic {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 3);
    animation-timing-function: cubic-bezier(0, 0, 0, 3)
}

.anim__box-in-out {
    position: relative
}

.anim__box-in-out>.anim {
    display: block;
    -webkit-animation: show-inner 1s 0s cubic-bezier(0, 0, 0, 1);
    animation: show-inner 1s 0s cubic-bezier(0, 0, 0, 1);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.anim__box-in-out::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    background: #fff;
    -webkit-animation: box-in-out 1s 0s cubic-bezier(0, 0, 0, 1);
    animation: box-in-out 1s 0s cubic-bezier(0, 0, 0, 1);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.anim__box-in-out.anim--active .anim,
.anim__box-in-out.anim--active::before {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {

    .anim__box-in-out .anim,
    .anim__box-in-out::before {
        -webkit-animation-play-state: running;
        animation-play-state: running
    }
}

.error {
    height: 100vh;
    width: 100%;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 35, 69, 0.1)), color-stop(50%, rgba(13, 13, 13, 0)));
    background: linear-gradient(270deg, rgba(255, 35, 69, 0.1), rgba(13, 13, 13, 0) 50%)
}

.index {
    height: 100%;
    position: relative;
    overflow: hidden
}

.index__wrapper {
    position: absolute;
    top: 50%;
    left: 10%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    min-width: 80%;
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
    z-index: 30
}

.index__title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left;
    width: 100%;
    color: #fff;
    font-family: "GalanoGrotesque", sans-serif;
    font-size: 3rem;
    line-height: 1.1;
    margin: 0 auto
}

.index__title .title {
    width: 100%
}

.index__title div {
    max-width: 120rem
}

@media screen and (min-width: 30em) {
    .index__title {
        font-size: 4rem
    }
}

@media screen and (min-width: 62em) {
    .index__title {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        max-width: none;
        font-size: 6rem
    }
}

.index__pretitle {
    color: #ff2345;
    font-family: "Newzald", serif;
    font-size: 3rem
}

@media screen and (min-width: 48em) {
    .index__pretitle {
        font-size: 4rem
    }
}

.index__video-player {
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    opacity: .6;
    z-index: 0
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    .index__video-player {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@supports(-ms-ime-align: auto) {
    .index__video-player {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@supports((-o-object-fit: cover) or (object-fit: cover)) and (not (-ms-ime-align: auto)) {
    .index__video-player {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
        width: 100%
    }
}

.index__link {
    color: #fff;
    display: inline-block;
    position: absolute;
    font-family: "GalanoGrotesque", sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    bottom: 4%;
    left: 50%;
    -webkit-transform: translate(-50%, -4%);
    transform: translate(-50%, -4%)
}

@media screen and (min-width: 75em) {
    .index__link {
        bottom: inherit;
        left: inherit;
        top: 45%;
        right: 20rem
    }
}

.index__link span {
    line-height: 1.3;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.index__link span::after {
    content: "";
    border-bottom: .1rem solid #fff;
    display: block;
    margin-top: 1rem;
    width: 2.5rem
}

.index__circle {
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.index__circle:hover {
    -webkit-transform: scale(1.1) perspective(0.1rem);
    transform: scale(1.1) perspective(0.1rem)
}

.index__circle:hover .index__circle-progress {
    stroke-dashoffset: 0
}

.index__circle:active {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.index__circle-progress {
    -webkit-transform: rotate(-270deg) scaleX(-1);
    transform: rotate(-270deg) scaleX(-1);
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: stroke-dashoffset .6s ease-in-out;
    transition: stroke-dashoffset .6s ease-in-out
}

.index--rockboost {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.index--show-content .index__video-player {
    position: relative
}

.index--show-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 80%;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 13, 13, 0)), to(#0d0d0d));
    background: linear-gradient(180deg, rgba(13, 13, 13, 0), #0d0d0d)
}