@import url(https://use.typekit.net/nyf0nth.css);
button {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
padding: 0;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit;
font-family: inherit;
}
.bg-image img,
.bg-image picture,
.bg-image picture img, .covered, .cover-bg {
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
pointer-events: none;
}
.covered-pointer {
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
}
.d-flex-cc,
.d-flex-center-center {
display: flex;
align-items: center;
justify-content: center;
}
html,
body {
font-size: 24px;
line-height: 1.2;
}
@media only screen and (max-width: 1439px) {
html,
body {
font-size: 22px;
}
}
@media only screen and (max-width: 1200px) {
html,
body {
font-size: 20px;
}
}
@media only screen and (max-width: 1022px) {
html,
body {
font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
html,
body {
font-size: 16px;
}
}
.text--100 {
font-size: 100px;
}
@media only screen and (max-width: 1919px) {
.text--100 {
font-size: 80px;
}
}
@media only screen and (max-width: 1439px) {
.text--100 {
font-size: 70px;
}
}
@media only screen and (max-width: 1200px) {
.text--100 {
font-size: 60px;
}
}
@media only screen and (max-width: 1022px) {
.text--100 {
font-size: 40px;
}
}
@media only screen and (max-width: 767px) {
.text--100 {
font-size: 36px;
}
}
.text--96 {
font-size: 96px;
}
.text--36 {
font-size: 36px;
line-height: 1.33;
}
@media only screen and (max-width: 1919px) {
.text--36 {
font-size: 32px;
}
}
@media only screen and (max-width: 1439px) {
.text--36 {
font-size: 28px;
line-height: 1.2;
}
}
.text--32 {
font-size: 32px;
line-height: 1.2;
}
@media only screen and (max-width: 1919px) {
.text--32 {
font-size: 28px;
}
}
@media only screen and (max-width: 1439px) {
.text--32 {
font-size: 25px;
}
}
.text--60 {
font-size: 60px;
line-height: 1;
}
@media only screen and (max-width: 1439px) {
.text--60 {
font-size: 50px;
}
}
@media only screen and (max-width: 1200px) {
.text--60 {
font-size: 45px;
}
}
@media only screen and (max-width: 1022px) {
.text--60 {
font-size: 36px;
}
}
.text--24 {
font-size: 24px;
line-height: 1.2;
}
@media only screen and (max-width: 1439px) {
.text--24 {
font-size: 22px;
}
}
@media only screen and (max-width: 1200px) {
.text--24 {
font-size: 20px;
}
}
@media only screen and (max-width: 1022px) {
.text--24 {
font-size: 18px;
}
}
.text--20 {
font-size: 20px;
line-height: 1.2;
}
.text--18 {
font-size: 18px;
line-height: 1.2;
}
.text--16 {
font-size: 16px;
line-height: 1.2;
}
.text--14 {
font-size: 14px;
line-height: 1.5;
}
.text--12 {
font-size: 12px;
line-height: 1.2;
}
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
.focus-visible:focus-visible,
.focus-within:focus-visible {
outline-color: var(--color-focus);
outline-style: solid;
outline-offset: 0;
outline-width: 2.5px;
transition: outline-offset 0.2s linear;
}
.text *,
.title *,
.title-main * {
color: inherit;
font-size: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
text-transform: inherit;
text-align: inherit;
font-style: inherit;
font-family: inherit;
}
.overflow-backface {
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
}
.bg-video {
position: absolute;
min-width: 100%;
min-height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: #000;
}
:root {
--color-white: #fff;
--color-black: #000;
--color-red: #be212d;
--color-red-1: #ff0016;
--color-orange: #f26724;
--color-yellow: #fcee23;
--color-green: #8fc540;
--color-green-light: #d6de28;
--color-blue: #2cabff;
--color-blue-dark: #1f74bb;
--color-blue-darker: #292562;
--color-gray: #cccccc;
--color-gray-dark: #8e8e8e;
--color-gray-darker: #444444;
--color-purple: #ac00ff;
--color-warning: #ffa726;
--color-error: #ff6759;
--color-success: #66bb6a;
--color-validation-failed: #be212d;
--font-primary: neue-haas-unica, sans-serif;
--font-saharin-rb: Saharin RB, sans-serif;
--font-saharin-rr: Saharin RR, sans-serif;
--font-plantin: Plantin MT Pro, sans-serif;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
body {
margin: 0;
text-align: left;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
cursor: help;
border-bottom: 0;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
text-decoration: none;
background-color: transparent;
}
a:hover, a:focus {
text-decoration: none;
}
a:not([href]):not([tabindex]) {
text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre,
code,
kbd,
samp {
font-family: monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 1rem;
}
button {
border-radius: 0;
text-transform: none;
cursor: pointer;
-webkit-appearance: button;
}
input,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
select {
word-wrap: normal;
text-transform: none;
}
input {
overflow: visible;
}
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=radio],
input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
@media (min-width: 320px) {
.text-xs-center {
text-align: center;
}
.text-xs-left {
text-align: left;
}
.text-xs-right {
text-align: right;
}
.d-xs-none {
display: none !important;
}
.d-xs-inline-block {
display: inline-block !important;
}
.d-xs-block {
display: block !important;
}
.d-xs-flex {
display: flex !important;
}
.d-xs-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.text-sm-center {
text-align: center;
}
.text-sm-left {
text-align: left;
}
.text-sm-right {
text-align: right;
}
.d-sm-none {
display: none !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1023px) {
.text-md-center {
text-align: center;
}
.text-md-left {
text-align: left;
}
.text-md-right {
text-align: right;
}
.d-md-none {
display: none !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1201px) {
.text-lg-center {
text-align: center;
}
.text-lg-left {
text-align: left;
}
.text-lg-right {
text-align: right;
}
.d-lg-none {
display: none !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1439px) {
.text-xl-center {
text-align: center;
}
.text-xl-left {
text-align: left;
}
.text-xl-right {
text-align: right;
}
.d-xl-none {
display: none !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem;
}
.container {
display: block;
margin: 0 auto;
max-width: calc(100% - 40px);
padding: 0;
width: 100%;
}
.row {
box-sizing: border-box;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex: 0 1 auto;
-webkit-box-flex: 0;
flex: 0 1 auto;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}
.row.reverse {
-ms-flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
.col.reverse {
-ms-flex-direction: column-reverse;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
flex-direction: column-reverse;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
[class*=col-] {
padding-left: 10px;
padding-right: 10px;
}
.col-xs {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xs-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-xs-2 {
-ms-flex-preferred-size: 16.666667%;
flex-basis: 16.666667%;
max-width: 16.666667%;
}
.col-xs-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-xs-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-xs-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-xs-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-xs-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-xs-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-xs-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-1 {
margin-left: 8.333%;
}
.col-xs-offset-2 {
margin-left: 16.666667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.333%;
}
.col-xs-offset-5 {
margin-left: 41.667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.333%;
}
.col-xs-offset-8 {
margin-left: 66.667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.333%;
}
.col-xs-offset-11 {
margin-left: 91.667%;
}
.start-xs {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xs {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.end-xs {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xs {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-xs {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-xs {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xs {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-xs {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-xs {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
@media only screen and (min-width: 768px) {
.row {
margin-left: -10px;
margin-right: -10px;
}
.container {
max-width: calc(100% - 40px);
}
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
[class*=col-] {
padding-left: 10px;
padding-right: 10px;
}
.col-sm {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-sm-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-sm-2 {
-ms-flex-preferred-size: 16.666667%;
flex-basis: 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-sm-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-sm-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-sm-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-sm-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-sm-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-offset-0 {
margin-left: 0;
}
.col-sm-offset-1 {
margin-left: 8.333%;
}
.col-sm-offset-2 {
margin-left: 16.666667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.333%;
}
.col-sm-offset-5 {
margin-left: 41.667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.333%;
}
.col-sm-offset-8 {
margin-left: 66.667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.333%;
}
.col-sm-offset-11 {
margin-left: 91.667%;
}
.start-sm {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-sm {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.end-sm {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-sm {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-sm {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-sm {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-sm {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-sm {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-sm {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-sm {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 1023px) {
.row {
margin-left: -10px;
margin-right: -10px;
}
.container {
max-width: 980px;
padding-left: 10px;
padding-right: 10px;
}
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
[class*=col-] {
padding-left: 10px;
padding-right: 10px;
}
.col-md {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-md-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-md-2 {
-ms-flex-preferred-size: 16.666667%;
flex-basis: 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-md-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-md-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-md-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-0 {
margin-left: 0;
}
.col-md-offset-1 {
margin-left: 8.333%;
}
.col-md-offset-2 {
margin-left: 16.666667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.333%;
}
.col-md-offset-5 {
margin-left: 41.667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.333%;
}
.col-md-offset-8 {
margin-left: 66.667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.333%;
}
.col-md-offset-11 {
margin-left: 91.667%;
}
.start-md {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-md {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.end-md {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-md {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-md {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-md {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-md {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-md {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-md {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-md {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 1201px) {
.row {
margin-left: -10px;
margin-right: -10px;
}
.container {
max-width: 1200px;
padding-left: 10px;
padding-right: 10px;
}
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
[class*=col-] {
padding-left: 10px;
padding-right: 10px;
}
.col-lg {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-lg-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-lg-2 {
-ms-flex-preferred-size: 16.666667%;
flex-basis: 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-lg-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-lg-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-lg-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-lg-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.333%;
}
.col-lg-offset-2 {
margin-left: 16.666667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.333%;
}
.col-lg-offset-5 {
margin-left: 41.667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.333%;
}
.col-lg-offset-8 {
margin-left: 66.667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.333%;
}
.col-lg-offset-11 {
margin-left: 91.667%;
}
.start-lg {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-lg {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.end-lg {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-lg {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-lg {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-lg {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-lg {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-lg {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-lg {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
@media only screen and (min-width: 1440px) {
.row {
margin-left: -10px;
margin-right: -10px;
}
.container {
max-width: 1388px;
padding-left: 10px;
padding-right: 10px;
}
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
[class*=col-] {
padding-left: 10px;
padding-right: 10px;
}
.col-xl {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xl-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-xl-2 {
-ms-flex-preferred-size: 16.666667%;
flex-basis: 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-xl-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-xl-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-xl-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-xl-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-xl-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-xl-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xl-offset-0 {
margin-left: 0;
}
.col-xl-offset-1 {
margin-left: 8.333%;
}
.col-xl-offset-2 {
margin-left: 16.666667%;
}
.col-xl-offset-3 {
margin-left: 25%;
}
.col-xl-offset-4 {
margin-left: 33.333%;
}
.col-xl-offset-5 {
margin-left: 41.667%;
}
.col-xl-offset-6 {
margin-left: 50%;
}
.col-xl-offset-7 {
margin-left: 58.333%;
}
.col-xl-offset-8 {
margin-left: 66.667%;
}
.col-xl-offset-9 {
margin-left: 75%;
}
.col-xl-offset-10 {
margin-left: 83.333%;
}
.col-xl-offset-11 {
margin-left: 91.667%;
}
.start-xl {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xl {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.end-xl {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xl {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-xl {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-xl {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-xl {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xl {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-xl {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-xl {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
}
:focus {
outline: none;
}
a,
button,
.btn,
.focus-visible,
.focus-within {
outline-offset: 6px;
}
.animate-fade.is-visible {
opacity: 1;
transition: opacity 250ms linear;
}
.animate-fade.is-hidden {
opacity: 0;
transition: opacity 250ms linear;
pointer-events: none;
}
@keyframes mouse {
0% {
top: 8px;
}
50% {
top: 14px;
}
100% {
top: 8px;
}
}
.moveAnimationCenter .moveFromBottom,
.moveAnimationCenter .moveFromTop,
.moveAnimationCenter .moveFromLeft,
.moveAnimationCenter .fadeIn,
.moveAnimationCenter .moveFromRight,
.moveAnimation .moveFromBottom,
.moveAnimation .moveFromTop,
.moveAnimation .moveFromLeft,
.moveAnimation .fadeIn,
.moveAnimation .moveFromRight {
will-change: transform;
transition-property: transform, opacity, color, box-shadow;
transition-timing-function: ease;
transition-duration: 0.6s;
opacity: 0;
}
.moveAnimationCenter .moveFromLeft,
.moveAnimation .moveFromLeft {
transform: translate3d(-50%, 0, 0);
}
.moveAnimationCenter .moveFromRight,
.moveAnimation .moveFromRight {
transform: translate3d(50%, 0, 0);
}
.moveAnimationCenter .moveFromTop,
.moveAnimation .moveFromTop {
transform: translate3d(0, -150px, 0);
}
.moveAnimationCenter .moveFromBottom,
.moveAnimation .moveFromBottom {
transform: translate3d(0, 150px, 0);
}
.moveAnimationCenter.in-viewport .moveFromTop,
.moveAnimationCenter.in-viewport .moveFromBottom,
.moveAnimationCenter.in-viewport .moveFromLeft,
.moveAnimationCenter.in-viewport .moveFromRight,
.moveAnimation.in-viewport .moveFromTop,
.moveAnimation.in-viewport .moveFromBottom,
.moveAnimation.in-viewport .moveFromLeft,
.moveAnimation.in-viewport .moveFromRight {
transform: translate3d(0, 0, 0);
opacity: 1;
}
.moveAnimationCenter.in-viewport .fadeIn,
.moveAnimation.in-viewport .fadeIn {
opacity: 1;
}
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(15px);
transform: translateY(15px);
}
}
@keyframes bounce {
0%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(15px);
transform: translateY(15px);
}
}
.mt-160 {
margin-top: 160px;
}
@media only screen and (max-width: 1200px) {
.mt-160 {
margin-top: 120px;
}
}
@media only screen and (max-width: 1022px) {
.mt-160 {
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.mt-160 {
margin-top: 60px;
}
}
.mt-150 {
margin-top: 150px;
}
@media only screen and (max-width: 1200px) {
.mt-150 {
margin-top: 120px;
}
}
@media only screen and (max-width: 1022px) {
.mt-150 {
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.mt-150 {
margin-top: 60px;
}
}
.mt-120 {
margin-top: 120px;
}
@media only screen and (max-width: 1439px) {
.mt-120 {
margin-top: 100px;
}
}
@media only screen and (max-width: 1200px) {
.mt-120 {
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.mt-120 {
margin-top: 60px;
}
}
.mt-100 {
margin-top: 100px;
}
@media only screen and (max-width: 1200px) {
.mt-100 {
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.mt-100 {
margin-top: 60px;
}
}
.mt-90 {
margin-top: 90px;
}
@media only screen and (max-width: 1200px) {
.mt-90 {
margin-top: 70px;
}
}
@media only screen and (max-width: 767px) {
.mt-90 {
margin-top: 60px;
}
}
.mt-80 {
margin-top: 80px;
}
@media only screen and (max-width: 1200px) {
.mt-80 {
margin-top: 50px;
}
}
@media only screen and (max-width: 1022px) {
.mt-80 {
margin-top: 40px;
}
}
.mt-70 {
margin-top: 70px;
}
@media only screen and (max-width: 1200px) {
.mt-70 {
margin-top: 50px;
}
}
@media only screen and (max-width: 1022px) {
.mt-70 {
margin-top: 40px;
}
}
.mt-60 {
margin-top: 60px;
}
@media only screen and (max-width: 1200px) {
.mt-60 {
margin-top: 40px;
}
}
@media only screen and (max-width: 1022px) {
.mt-60 {
margin-top: 30px;
}
}
.mt-50 {
margin-top: 50px;
}
@media only screen and (max-width: 1200px) {
.mt-50 {
margin-top: 40px;
}
}
@media only screen and (max-width: 1022px) {
.mt-50 {
margin-top: 30px;
}
}
.mt-40 {
margin-top: 40px;
}
@media only screen and (max-width: 1200px) {
.mt-40 {
margin-top: 30px;
}
}
@media only screen and (max-width: 1022px) {
.mt-40 {
margin-top: 20px;
}
}
.mt-32 {
margin-top: 32px;
}
@media only screen and (max-width: 1200px) {
.mt-32 {
margin-top: 20px;
}
}
.mt-30 {
margin-top: 30px;
}
@media only screen and (max-width: 1200px) {
.mt-30 {
margin-top: 20px;
}
}
.mt-24 {
margin-top: 24px;
}
@media only screen and (max-width: 1200px) {
.mt-24 {
margin-top: 15px;
}
}
.mt-20 {
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.mt-20 {
margin-top: 12px;
}
}
.mt-16 {
margin-top: 16px;
}
@media only screen and (max-width: 767px) {
.mt-16 {
margin-top: 8px;
}
}
.mb-160 {
margin-bottom: 160px;
}
@media only screen and (max-width: 1200px) {
.mb-160 {
margin-bottom: 120px;
}
}
@media only screen and (max-width: 1022px) {
.mb-160 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.mb-160 {
margin-bottom: 60px;
}
}
.mb-150 {
margin-bottom: 150px;
}
@media only screen and (max-width: 1200px) {
.mb-150 {
margin-bottom: 120px;
}
}
@media only screen and (max-width: 1022px) {
.mb-150 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.mb-150 {
margin-bottom: 60px;
}
}
.mb-120 {
margin-bottom: 120px;
}
@media only screen and (max-width: 1200px) {
.mb-120 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.mb-120 {
margin-bottom: 60px;
}
}
.mb-100 {
margin-bottom: 100px;
}
@media only screen and (max-width: 1200px) {
.mb-100 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.mb-100 {
margin-bottom: 60px;
}
}
.mb-90 {
margin-bottom: 90px;
}
@media only screen and (max-width: 1200px) {
.mb-90 {
margin-bottom: 70px;
}
}
@media only screen and (max-width: 767px) {
.mb-90 {
margin-bottom: 60px;
}
}
.mb-80 {
margin-bottom: 80px;
}
@media only screen and (max-width: 1200px) {
.mb-80 {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1022px) {
.mb-80 {
margin-bottom: 40px;
}
}
.mb-70 {
margin-bottom: 70px;
}
@media only screen and (max-width: 1200px) {
.mb-70 {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1022px) {
.mb-70 {
margin-bottom: 40px;
}
}
.mb-60 {
margin-bottom: 60px;
}
@media only screen and (max-width: 1200px) {
.mb-60 {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1022px) {
.mb-60 {
margin-bottom: 30px;
}
}
.mb-50 {
margin-bottom: 50px;
}
@media only screen and (max-width: 1200px) {
.mb-50 {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1022px) {
.mb-50 {
margin-bottom: 30px;
}
}
.mb-40 {
margin-bottom: 40px;
}
@media only screen and (max-width: 1200px) {
.mb-40 {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 1022px) {
.mb-40 {
margin-bottom: 20px;
}
}
.mb-32 {
margin-bottom: 32px;
}
@media only screen and (max-width: 1200px) {
.mb-32 {
margin-bottom: 20px;
}
}
.mb-30 {
margin-bottom: 30px;
}
@media only screen and (max-width: 1200px) {
.mb-30 {
margin-bottom: 20px;
}
}
.mb-24 {
margin-bottom: 24px;
}
@media only screen and (max-width: 1200px) {
.mb-24 {
margin-bottom: 15px;
}
}
.mb-20 {
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.mb-20 {
margin-bottom: 12px;
}
}
.mb-16 {
margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
.mb-16 {
margin-bottom: 8px;
}
} @font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
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;
list-style: none;
padding: 0; z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
} .swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
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 {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
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: "";
flex-shrink: 0;
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 {
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 {
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-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
display: none !important;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
} .swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
@font-face {
font-family: "Saharin RB";
src: url(//indigo.ooo/wp-content/themes/indigo/public/fonts/SaharinRB.woff2) format("woff2"), url(//indigo.ooo/wp-content/themes/indigo/public/fonts/SaharinRB.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Saharin RR";
src: url(//indigo.ooo/wp-content/themes/indigo/public/fonts/SaharinRR.woff2) format("woff2"), url(//indigo.ooo/wp-content/themes/indigo/public/fonts/SaharinRR.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Plantin MT Pro";
src: url(//indigo.ooo/wp-content/themes/indigo/public/fonts/PlantinMTPro-Light.woff2) format("woff2"), url(//indigo.ooo/wp-content/themes/indigo/public/fonts/PlantinMTPro-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Plantin MT Pro";
src: local("Plantin MT Pro Light Italic"), local("PlantinMTPro-LightItalic"), url(//indigo.ooo/wp-content/themes/indigo/public/fonts/PlantinMTPro-LightItalic.woff2) format("woff2"), url(//indigo.ooo/wp-content/themes/indigo/public/fonts/PlantinMTPro-LightItalic.woff) format("woff");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Plantin MT Pro";
src: url(//indigo.ooo/wp-content/themes/indigo/public/fonts/PlantinMTPro-Regular.woff2) format("woff2"), url(//indigo.ooo/wp-content/themes/indigo/public/fonts/PlantinMTPro-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
.cover-bg {
background-size: cover;
background-position: center center;
}
.cover-bg img {
display: none;
}
.covered {
max-height: initial;
}
.font-primary {
font-family: var(--font-primary);
}
.font-plantin {
font-family: var(--font-plantin);
}
.bg-image img,
.bg-image picture,
.bg-image picture img {
max-height: initial;
}
.bg-video video {
height: 100%;
width: 100%;
object-fit: cover;
}
.bg-white {
background-color: var(--color-white);
color: var(--color-black);
}
.bg-blue-dark {
background-color: var(--color-blue-dark);
}
.bg-orange {
background-color: var(--color-orange);
}
.bg-green {
background-color: var(--color-green);
}
.bg-yellow {
background-color: var(--color-yellow);
color: var(--color-orange);
}
.overflow-h {
overflow: hidden;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.text--white {
color: var(--color-white);
}
.text--orange {
color: var(--color-orange);
}
.text--blue-dark {
color: var(--color-blue-dark);
}
.text--green {
color: var(--color-green);
}
.text--yellow {
color: var(--color-yellow);
}
.text--lt {
font-weight: 300;
}
.text--bd {
font-weight: 700;
}
.text--eb {
font-weight: 800;
}
.text--md {
font-weight: 500;
}
.text--sb {
font-weight: 600;
}
.text--uppercase {
text-transform: uppercase;
}
.stretched-link {
font-size: 0;
line-height: 0;
opacity: 0;
overflow: hidden;
}
.stretched-link::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 6;
}
.hide {
display: none;
}
.show {
display: block;
}
.d-flex {
display: flex;
}
.d-none {
display: none;
}
.container--large {
width: 100%;
display: block;
margin: 0 auto;
max-width: calc(100% - 72px);
padding: 0;
}
@media only screen and (max-width: 1439px) {
.container--large {
max-width: calc(100% - 60px);
}
}
@media only screen and (max-width: 1022px) {
.container--large {
max-width: calc(100% - 40px);
}
}
@media only screen and (max-width: 767px) {
.container--large {
max-width: calc(100% - 40px);
}
}
.f-auto {
display: flex;
flex-direction: column;
flex: auto;
}
.p-0 {
padding: 0 !important;
}
.p-none {
pointer-events: none;
}
.p-relative {
position: relative;
}
.mx-auto {
margin: 0 auto;
width: 100%;
display: block;
}
@media (min-width: 1801px) {
.container-large {
max-width: 1806px;
}
}
@media (min-width: 1440px) and (max-width: 1800px) {
.container-large {
max-width: 1380px;
}
}
.dark-overlay {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: rgba(0, 0, 0, 0.95); pointer-events: none;
mix-blend-mode: multiply;
transition: mask-image 0.05s ease-out, visibility 0.05s ease, opacity 0.05s ease;
z-index: 1100;
visibility: hidden;
opacity: 0;
}
@media only screen and (max-width: 1022px) {
.dark-overlay {
mask-image: radial-gradient(circle 300px at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgb(0, 0, 0) 100%) !important;
-webkit-mask-image: radial-gradient(circle 300px at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgb(0, 0, 0) 100%) !important;
}
}
.is-dark-mode .dark-overlay {
visibility: visible;
opacity: 1;
}
html,
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
scroll-behavior: smooth;
}
::selection {
background-color: var(--color-black);
color: var(--color-white);
}
body {
color: var(--color-white);
font-family: var(--font-primary);
position: relative;
height: auto;
width: 100%;
display: flex;
flex-direction: column;
min-height: 100vh;
align-items: flex-start;
background-color: var(--color-black);
}
body.body-scroll-locked, body.is-open-menu, body.is-open-search, body.is-open-mega-menu, body.noscroll {
overflow: hidden;
padding-right: var(--scroll-width, 0px);
}
.noselect,
.noselect * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
ul,
ol {
list-style: none;
margin: 0;
padding: 0;
}
p {
margin: 0;
}
a {
color: inherit;
text-decoration: none;
transition: color 0.3s ease, border 0.3s ease;
}
i,
em {
font-style: italic;
}
h1 {
font-weight: inherit;
font-size: inherit;
margin: 0;
}
h2 {
font-weight: inherit;
font-size: inherit;
margin: 0;
}
h3 {
font-weight: inherit;
font-size: inherit;
margin: 0;
}
h4 {
font-weight: inherit;
font-size: inherit;
margin: 0;
}
h5 {
font-weight: inherit;
font-size: inherit;
margin: 0;
}
h6 {
font-weight: inherit;
font-size: inherit;
margin: 0;
}
img {
margin: 0;
max-height: 100%;
max-width: 100%;
height: auto;
width: auto;
object-fit: cover;
}
figure img {
margin: 0;
}
.sc-general {
width: 100%;
position: relative;
}
.swiper:not(.swiper-initialized) .swiper-pagination,
.swiper:not(.swiper-initialized) .swiper-slide:not(:first-of-type) {
display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-size: 0 !important;
}
form select::-ms-expand {
display: none;
}
input,
select,
textarea {
box-shadow: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px var(--color-white) inset !important;
-webkit-text-fill-color: var(--color-gray) !important;
}
input:auto-fill,
select:auto-fill,
textarea:auto-fill {
color: var(--color-gray) !important;
background-color: var(--color-white) !important;
}
input,
textarea {
-webkit-appearance: none;
border-radius: 0;
}
input:invalid:not(:focus) {
outline: none;
}
textarea::-ms-clear,
input::-ms-clear {
display: none;
}
main {
width: 100%;
position: relative;
flex: 1 0 auto;
}
.sdt-env__badge {
position: fixed;
display: block;
right: 40px; height: 40px;
line-height: 40px;
transform-origin: 100% 0;
background-color: #1a2e44;
padding: 0 35px;
border-radius: 15px 15px 0 0;
transform: rotate(270deg);
z-index: 99999;
font-weight: bold;
color: white;
font-size: 13px;
font-family: sans-serif;
}
.sdt-env__badge .icon {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDAuNjMiIGhlaWdodD0iMTU5LjQ0IiB2aWV3Qm94PSIwIDAgMTQwLjYzIDE1OS40NCI+PHBhdGggZD0iTTI1LjUxLDI5LjgzYy00LjMtMi40OC0yLjQ4LTMuNTMsMS4yNC01LjczUzY0LjQ1LDIuNjIsNjcuMjIsMS4xczQuMzktMS42Miw4LjU5LC43NiwzNy40MiwyMS4zOCw0MC4xOSwyMi44MiwyLjQ4LDMuMTUsMCw0LjU4LTguNzgsNS4xNS0xMC45OCw2LjExLTYuNzgsLjY3LTkuNjQtMS4wNS0xNC43LTguNS0xOC45LTExLjM2LTcuMzUtMi42Ny0xMi4zMSwuMTktMTcuMjgsMTAuMDItMjAuMDUsMTEuNDYtNi40OSwyLjM5LTEwLjEyLC40OC04LjUtNS4yNS04LjUtNS4yNVoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0iTTI0Ljk4LDY0LjQ5YzIuNzcsMS40MywzNS45OSwyMC40Myw0MC4xOSwyMi44MnM1LjgyLDIuMjksOC41OSwuNzYsMzYuNzUtMjAuODEsNDAuNDgtMjMuMDFsNy4wNS0zLjY3djQ3LjM1czExLjQ2LDYuMzYsMTQuNzYsOC41NCw0LjU4LS45LDQuNTgtNC4yMVY0Ni4xMmMwLTEwLjE4LTguNC0xMi4yMi0xNS4yNy04LjY2cy0yOC40OSwxNy4xLTI4LjQ5LDE3LjFjLTIuNzcsMS40My0xNS4wOCw4LjU5LTIwLjA1LDExLjQ2cy04LjExLDMuMDUtMTIuMzEsLjE5LTE2LjA0LTkuNjQtMTguOS0xMS4zNmMwLDAtMjAuOC0xMi41NS0yOC42OS0xNi42MlMuMTEsMzcuNDcsLjExLDQ1LjM2LS4xNCwxMDguNzUsLjExLDExMi41NnMyLjA1LDYuMDgsNi44NywzLjU2YzcuMjItMy43NiwxMi43My03LjM4LDEyLjczLTcuMzhsLjc2LTQ2LjU5LDQuNTEsMi4zM1oiIHN0eWxlPSJmaWxsOiMyMmQxNzI7Ii8+PHBhdGggZD0iTTEyNS40OCwxMjMuNjFjNC4zLDIuNDgsMi40OCwzLjUzLTEuMjQsNS43M3MtNDcuNzEsMjcuNDgtNTAuNDgsMjkuMDEtNC4zOSwxLjYyLTguNTktLjc2LTQ3LjQyLTI3LjM4LTUwLjE5LTI4LjgyLTIuNDgtMy4xNSwwLTQuNTgsOC43OC01LjE1LDEwLjk4LTYuMTEsNi43OC0uNjcsOS42NCwxLjA1LDI0LjcsMTQuNSwyOC45LDE3LjM2LDcuMzUsMi42NywxMi4zMS0uMTksMjcuMjgtMTYuMDIsMzAuMDUtMTcuNDYsNi40OS0yLjM5LDEwLjEyLS40OCw4LjUsNS4yNSw4LjUsNS4yNVoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PC9zdmc+") !important;
background-position: center bottom;
background-repeat: no-repeat;
background-size: 20px 20px;
float: right;
width: 20px;
height: 30px;
margin-left: 10px;
}
.sdt-env__badge .icon::before {
background-color: transparent;
}
.sdt-env__badge .mailtrap-unread-email {
display: inline-block;
box-sizing: border-box;
margin: 12px 0 0 25px;
min-width: 18px;
height: 18px;
border-radius: 9px;
background-color: #d63638;
color: #fff;
font-size: 11px;
line-height: 1.6;
text-align: center;
z-index: 26;
}
.sdt-env__badge.local {
background-color: #fdb833;
color: #2b2b2b;
}
.sdt-env__badge.staging {
background-color: #ea3546;
}
.sdt-env__badge.production {
background-color: #1789fc;
}
img.lazyload,
img.lazyloaded {
transition: opacity 0.3s ease, transform 0.3s ease !important;
}
.grecaptcha-badge,
.g-captcha,
.g-recaptcha {
position: absolute !important;
right: 100vw !important;
top: -100vh !important;
}
#wp-admin-bar-sp-role-switcher span.on {
background-color: #d63638;
display: inline-block;
box-sizing: border-box;
margin: 1px 0 -1px 2px;
padding: 0 5px;
min-width: 18px;
height: 18px;
border-radius: 9px;
color: #fff;
font-size: 11px;
line-height: 1.6;
text-align: center;
z-index: 26;
}
#wp-admin-bar-sp-role-switcher span.on:before {
content: "\f177";
font-family: "Dashicons"; }
#wp-admin-bar-sp-role-switcher span.off:before {
content: "\f530";
font-family: Dashicons; }
#wp-admin-bar-sp-role-switcher.menupop.hover ul li.sp-switch-back a {
color: #d63638;
}
.development-error--active {
overflow: hidden;
}
.development-error__wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
z-index: 100000000000000000;
display: flex;
align-content: center;
align-items: center;
flex-direction: column;
padding: 10vh 15px 0;
}
@media (max-height: 812px) {
.development-error__wrapper {
padding: 15px 15px 0;
}
}
.development-error__wrapper.is-hidden {
display: none;
}
.development-error {
--size-gap-half: 4px;
--size-gap: 8px;
--size-gap-double: 16px;
--size-gap-triple: 24px;
--size-gap-quad: 32px;
--size-font-small: 14px;
--size-font: 16px;
--size-font-big: 20px;
--size-font-bigger: 24px;
--color-accents-1: #808080;
--color-accents-2: #222222;
--color-accents-3: #404040;
--font-stack-monospace: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
--color-ansi-selection: rgba(95, 126, 151, 0.48);
--color-ansi-bg: #111111;
--color-ansi-fg: #cccccc;
--color-ansi-white: #777777;
--color-ansi-black: #141414;
--color-ansi-blue: #00aaff;
--color-ansi-cyan: #88ddff;
--color-ansi-green: #98ec65;
--color-ansi-magenta: #aa88ff;
--color-ansi-red: #ff5555;
--color-ansi-yellow: #ffcc33;
--color-ansi-bright-white: #ffffff;
--color-ansi-bright-black: #777777;
--color-ansi-bright-blue: #33bbff;
--color-ansi-bright-cyan: #bbecff;
--color-ansi-bright-green: #b6f292;
--color-ansi-bright-magenta: #cebbff;
--color-ansi-bright-red: #ff8888;
--color-ansi-bright-yellow: #ffd966;
display: flex;
flex-direction: column;
width: 100%;
margin-right: auto;
margin-left: auto;
outline: none;
background: white;
border-radius: var(--size-gap);
box-shadow: 0 var(--size-gap-half) var(--size-gap-double) rgba(0, 0, 0, 0.25);
max-height: calc(100% - 56px);
overflow-y: hidden;
color: var(--color-black);
}
@media (min-width: 576px) {
.development-error {
max-width: 540px;
box-shadow: 0 var(--size-gap) var(--size-gap-quad) rgba(0, 0, 0, 0.25);
}
}
@media (min-width: 768px) {
.development-error {
max-width: 720px;
}
}
@media (min-width: 992px) {
.development-error {
max-width: 960px;
}
}
.development-error small {
font-size: 80%;
color: #757575;
}
.development-error__backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(17, 17, 17, 0.2);
pointer-events: all;
cursor: not-allowed;
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
z-index: -1;
}
.development-error__banner {
z-index: 2;
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
border-top-width: var(--size-gap-half);
border-bottom-width: 0;
border-top-style: solid;
border-bottom-style: solid;
border-color: var(--color-ansi-red);
}
.development-error__header {
position: relative;
margin-bottom: var(--size-gap-double);
}
.development-error__header button {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
padding: 20px 0 20px 20px;
font-size: 24px;
}
.development-error__title {
font-weight: 500;
font-size: 24px;
line-height: 34px;
padding: 0;
}
.development-error__content {
position: relative;
overflow-y: auto;
border: none;
margin: 0;
padding: calc(var(--size-gap-double) + var(--size-gap-half)) var(--size-gap-double);
height: 100%;
display: flex;
flex-direction: column;
}
.development-error__body {
position: relative;
flex: 1 1 auto;
}
.development-error__terminal {
border-radius: var(--size-gap-half);
background-color: var(--color-ansi-bg);
color: var(--color-ansi-fg);
}
.development-error__terminal * {
color: inherit;
background-color: transparent;
font-family: var(--font-stack-monospace);
}
.development-error__terminal > * {
margin: 0;
padding: calc(var(--size-gap) + var(--size-gap-half)) calc(var(--size-gap-double) + var(--size-gap-half));
}
.development-error__terminal pre {
white-space: pre-wrap;
word-break: break-word;
}
.development-error__terminal pre b {
color: var(--color-ansi-cyan);
}
.development-error footer {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: var(--size-gap);
}
.development-error footer button small {
color: black;
font-weight: 500;
}
.development-error footer small span {
color: black;
}
#qm-fatal {
color: var(--color-black);
}
.btn::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.btn {
cursor: pointer;
font-family: var(--font-primary);
font-size: 20px;
min-height: 56px;
font-weight: 700;
line-height: 1.2;
padding: 2px 24px 4px;
display: inline-flex;
text-align: center;
justify-content: center;
align-items: center;
position: relative;
gap: 12px;
color: var(--color-black);
border-radius: 60px;
border: 0;
background-color: var(--color-white);
transition: box-shadow 0.3s ease;
}
@media only screen and (max-width: 1200px) {
.btn {
font-size: 18px;
min-height: 50px;
}
}
@media only screen and (max-width: 1022px) {
.btn {
font-size: 16px;
min-height: 44px;
padding: 2px 20px 4px;
}
}
@media only screen and (max-width: 767px) {
.btn {
font-size: 14px;
gap: 8px;
}
}
.btn::after {
border-radius: 60px;
transition: 0.3s ease;
}
.btn:hover, .btn:focus {
box-shadow: 0px 0px 20px 0px var(--color-white), 0px 0px 40px 0px var(--color-white), 0px 0px 138px 0px var(--color-white), 0px 0px 250px 0px var(--color-white), 0px 0px 250px 0px var(--color-white), 0px 0px 250px 0px var(--color-white), inset 0px 0px 8px 0px rgba(0, 0, 0, 0.3098039216);
}
.text--orange .btn {
color: var(--color-blue-darker);
background-color: var(--color-orange);
}
.text--orange .btn:hover, .text--orange .btn:focus {
box-shadow: 0px 0px 20px 0px var(--color-orange), 0px 0px 40px 0px var(--color-orange), 0px 0px 138px 0px var(--color-orange), 0px 0px 250px 0px var(--color-orange), 0px 0px 250px 0px var(--color-orange), 0px 0px 250px 0px var(--color-orange), inset 0px 0px 8px 0px rgba(0, 0, 0, 0.3098039216);
}
.btn--only-icon {
padding: 8px 20px;
}
@media only screen and (max-width: 767px) {
.btn--only-icon {
padding: 8px 14px;
}
}
.btn--purple {
color: var(--color-white);
background-color: var(--color-purple);
}
.btn--purple:hover, .btn--purple:focus {
box-shadow: 0px 0px 26.52px 0px var(--color-purple), 0px 0px 53.04px 0px var(--color-purple), 0px 0px 185.64px 0px var(--color-purple), 0px 0px 250px 0px var(--color-purple), 0px 0px 250px 0px var(--color-purple), 0px 0px 250px 0px var(--color-purple), inset 0px 0px 8.3px 0px rgba(255, 255, 255, 0.3098039216);
}
.btn--black {
color: var(--color-white);
background-color: var(--color-black);
}
.btn--black:hover, .btn--black:focus {
box-shadow: 0px 0px 26.52px 0px var(--color-black), 0px 0px 53.04px 0px var(--color-black), 0px 0px 185.64px 0px var(--color-black), 0px 0px 250px 0px var(--color-black), 0px 0px 250px 0px var(--color-black), 0px 0px 250px 0px var(--color-black), inset 0px 0px 8.3px 0px rgba(172, 0, 255, 0.7411764706);
}
.btn--yellow {
background-color: var(--color-yellow);
color: var(--color-blue-dark);
}
.btn--blue {
background-color: var(--color-blue);
color: var(--color-white);
}
.btn--blue:hover, .btn--blue:focus {
box-shadow: 0px 0px 40px 0px rgba(96, 191, 255, 0.25);
}
.btn--orange {
background-color: var(--color-orange);
color: var(--color-blue-darker);
}
.btn--orange:hover, .btn--orange:focus {
box-shadow: 0px 0px 40px 0px rgba(242, 103, 36, 0.25);
}
.btn--green {
background-color: var(--color-green);
color: var(--color-white);
}
.btn--green:hover, .btn--green:focus {
box-shadow: 0px 0px 40px 0px rgba(214, 222, 40, 0.25);
}
.btn--green-light {
background-color: var(--color-green-light);
color: var(--color-blue-darker);
}
.btn--green-light:hover, .btn--green-light:focus {
background-color: var(--color-green-light);
box-shadow: 0px 0px 40px 0px rgba(214, 222, 40, 0.25);
}
.btn .btn__text {
position: relative;
z-index: 3;
display: block;
pointer-events: none;
}
.btn .btn__icon {
z-index: 3;
flex-shrink: 0;
position: relative;
top: -1px;
pointer-events: none;
}
.btn .icon {
top: 2px;
transition: transform 0.3s ease;
}
.btn .icon::before {
background-color: currentColor;
}
.btn--left-icon .btn__icon {
order: -1;
}
.btn[disabled], .btn--disabled {
cursor: not-allowed;
transition: none;
pointer-events: none;
opacity: 0.6;
}
.btn[disabled] .btn__icon, .btn--disabled .btn__icon {
transform: none !important;
}
.btn--marquee {
pointer-events: none;
}
.btn__marquee {
background-color: var(--color-red-1);
font-family: var(--font-saharin-rb);
padding: 4px 0 2px;
width: 100%;
position: absolute;
left: 50%;
top: 50%;
overflow: hidden;
height: 32px;
z-index: 3;
color: var(--color-yellow);
transform: rotate(-14.79deg) translate(-50%, -50%);
transform-origin: 0 center;
}
.btn__marquee-track {
overflow: hidden;
left: 50%;
position: absolute;
width: 100%;
height: 100%;
font-family: var(--font-saharin-rb);
line-height: 1;
top: 0;
}
.btn__marquee-item {
height: 32px;
display: flex;
align-items: center;
white-space: nowrap;
}
.btn__marquee-item-cell {
position: absolute;
padding-right: 16px;
}
@media only screen and (min-width: 1023px) {
.btn--small {
min-height: 45px;
font-size: 14px;
font-weight: 600;
padding: 2px 20px 4px;
gap: 5px;
}
}
.btn--small .icon-chevron-left {
width: 8px;
height: 16px;
}
.copy-button {
position: relative;
display: flex;
gap: 10px;
cursor: pointer;
align-items: center;
transition: color 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.copy-button {
font-size: 24px;
}
}
.copy-button__text {
text-decoration: underline;
}
.copy-button .icon::before {
background-color: currentColor;
}
.copy-button__tooltip {
position: absolute;
left: calc(100% + 12px);
top: 58%;
padding: 4px 8px;
font-weight: 400;
background-color: var(--color-black);
color: var(--color-white);
border-radius: 5px;
z-index: 3;
transform: translate(0, -50%);
display: none;
}
.copy-button__tooltip::after {
content: "";
width: 8px;
height: 8px;
position: absolute;
background-color: var(--color-black);
transform: rotate(-45deg);
left: -2px;
bottom: 8px;
}
.copy-button.show .copy-button__tooltip {
display: block;
}
.copy-button:hover {
color: var(--color-purple);
}
.icon::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.icon {
display: block;
position: relative;
width: 30px;
height: 30px;
}
.icon::before {
background-color: var(--color-white);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
transition: background-color 0.3s ease;
}
.icon-chevron-right, .icon-chevron-left {
width: 9px;
height: 15px;
}
.icon-chevron-right::before, .icon-chevron-left::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.64745 15L8.66699 7.98043L1.64745 0.961182L0.266993 2.34164L5.90578 7.98043L0.266993 13.6195L1.64745 15Z' fill='%233A4242'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.64745 15L8.66699 7.98043L1.64745 0.961182L0.266993 2.34164L5.90578 7.98043L0.266993 13.6195L1.64745 15Z' fill='%233A4242'/%3E%3C/svg%3E%0A");
}
.icon-arrow-right, .icon-arrow-left {
width: 32px;
height: 36px;
}
.icon-arrow-right::before, .icon-arrow-left::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='36' viewBox='0 0 32 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7 21.8C11.2867 21.3067 10.8533 20.88 10.4 20.52C9.96 20.1467 9.49333 19.84 9 19.6V18.74C9.98667 18.2333 10.8867 17.4933 11.7 16.52H13.24C13.0933 16.9067 12.92 17.2733 12.72 17.62C12.5333 17.9533 12.3333 18.2733 12.12 18.58V19.76C12.3333 20.04 12.5333 20.3533 12.72 20.7C12.92 21.0333 13.0933 21.4 13.24 21.8H11.7ZM12 19.98L12.02 18.34H23V19.98H12Z' fill='black'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='32' height='36' viewBox='0 0 32 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7 21.8C11.2867 21.3067 10.8533 20.88 10.4 20.52C9.96 20.1467 9.49333 19.84 9 19.6V18.74C9.98667 18.2333 10.8867 17.4933 11.7 16.52H13.24C13.0933 16.9067 12.92 17.2733 12.72 17.62C12.5333 17.9533 12.3333 18.2733 12.12 18.58V19.76C12.3333 20.04 12.5333 20.3533 12.72 20.7C12.92 21.0333 13.0933 21.4 13.24 21.8H11.7ZM12 19.98L12.02 18.34H23V19.98H12Z' fill='black'/%3E%3C/svg%3E%0A");
}
.icon-chevron-up, .icon-chevron-down {
width: 16px;
height: 10px;
}
.icon-chevron-up:before, .icon-chevron-down:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-0.000218391 1.64745L7.01932 8.66699L14.0386 1.64745L12.6581 0.266993L7.01932 5.90578L1.38024 0.266993L-0.000218391 1.64745Z' fill='%23F6F6F6'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='15' height='9' viewBox='0 0 15 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-0.000218391 1.64745L7.01932 8.66699L14.0386 1.64745L12.6581 0.266993L7.01932 5.90578L1.38024 0.266993L-0.000218391 1.64745Z' fill='%23F6F6F6'/%3E%3C/svg%3E%0A");
}
.icon-arrow-up, .icon-arrow-down {
width: 22px;
height: 30px;
}
.icon-arrow-up:before, .icon-arrow-down:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E");
}
.icon-arrow-up:before, .icon-chevron-left:before, .icon-arrow-right:before, .icon-chevron-up:before {
transform: scale(-1);
}
.icon-close:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.2876 9.71228L9.71222 2.28766' stroke='%23966B58' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M2.2876 2.28772L9.71222 9.71234' stroke='%23966B58' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.2876 9.71228L9.71222 2.28766' stroke='%23966B58' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M2.2876 2.28772L9.71222 9.71234' stroke='%23966B58' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-ticket {
width: 24px;
height: 20px;
}
.icon-ticket:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M544 224h32V112c0-26.51-21.49-48-48-48H48C21.49 64 0 85.49 0 112v112h32c17.673 0 32 14.327 32 32s-14.327 32-32 32H0v112c0 26.51 21.49 48 48 48h480c26.51 0 48-21.49 48-48V288h-32c-17.673 0-32-14.327-32-32s14.327-32 32-32zm0 96v80c0 8.823-7.177 16-16 16H48c-8.823 0-16-7.177-16-16v-80c35.29 0 64-28.71 64-64s-28.71-64-64-64v-80c0-8.823 7.177-16 16-16h480c8.823 0 16 7.177 16 16v80c-35.29 0-64 28.71-64 64s28.71 64 64 64z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M544 224h32V112c0-26.51-21.49-48-48-48H48C21.49 64 0 85.49 0 112v112h32c17.673 0 32 14.327 32 32s-14.327 32-32 32H0v112c0 26.51 21.49 48 48 48h480c26.51 0 48-21.49 48-48V288h-32c-17.673 0-32-14.327-32-32s14.327-32 32-32zm0 96v80c0 8.823-7.177 16-16 16H48c-8.823 0-16-7.177-16-16v-80c35.29 0 64-28.71 64-64s-28.71-64-64-64v-80c0-8.823 7.177-16 16-16h480c8.823 0 16 7.177 16 16v80c-35.29 0-64 28.71-64 64s28.71 64 64 64z'/%3E%3C/svg%3E");
}
.icon-mail {
width: 20px;
height: 20px;
}
.icon-mail:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h416c8.8 0 16 7.2 16 16v41.4c-21.9 18.5-53.2 44-150.6 121.3-16.9 13.4-50.2 45.7-73.4 45.3-23.2.4-56.6-31.9-73.4-45.3C85.2 197.4 53.9 171.9 32 153.4V112c0-8.8 7.2-16 16-16zm416 320H48c-8.8 0-16-7.2-16-16V195c22.8 18.7 58.8 47.6 130.7 104.7 20.5 16.4 56.7 52.5 93.3 52.3 36.4.3 72.3-35.5 93.3-52.3 71.9-57.1 107.9-86 130.7-104.7v205c0 8.8-7.2 16-16 16z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h416c8.8 0 16 7.2 16 16v41.4c-21.9 18.5-53.2 44-150.6 121.3-16.9 13.4-50.2 45.7-73.4 45.3-23.2.4-56.6-31.9-73.4-45.3C85.2 197.4 53.9 171.9 32 153.4V112c0-8.8 7.2-16 16-16zm416 320H48c-8.8 0-16-7.2-16-16V195c22.8 18.7 58.8 47.6 130.7 104.7 20.5 16.4 56.7 52.5 93.3 52.3 36.4.3 72.3-35.5 93.3-52.3 71.9-57.1 107.9-86 130.7-104.7v205c0 8.8-7.2 16-16 16z'/%3E%3C/svg%3E");
}
.icon-download {
width: 18px;
height: 20px;
}
.icon-download:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M267.427 64C278.789 64 288 73.211 288 84.572v171.437h116.979c7.125 0 10.695 8.612 5.66 13.653L238.556 441.965c-8.036 8.046-21.076 8.047-29.112 0L37.36 269.662c-5.035-5.041-1.464-13.653 5.66-13.653H160V84.572C160 73.211 169.211 64 180.573 64h86.854m0-32h-86.855C151.584 32 128 55.584 128 84.572v139.437H43.021c-35.507 0-53.497 43.04-28.302 68.266l172.083 172.303c20.55 20.576 53.842 20.58 74.396 0l172.083-172.303c25.091-25.122 7.351-68.266-28.302-68.266H320V84.572C320 55.584 296.416 32 267.427 32z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M267.427 64C278.789 64 288 73.211 288 84.572v171.437h116.979c7.125 0 10.695 8.612 5.66 13.653L238.556 441.965c-8.036 8.046-21.076 8.047-29.112 0L37.36 269.662c-5.035-5.041-1.464-13.653 5.66-13.653H160V84.572C160 73.211 169.211 64 180.573 64h86.854m0-32h-86.855C151.584 32 128 55.584 128 84.572v139.437H43.021c-35.507 0-53.497 43.04-28.302 68.266l172.083 172.303c20.55 20.576 53.842 20.58 74.396 0l172.083-172.303c25.091-25.122 7.351-68.266-28.302-68.266H320V84.572C320 55.584 296.416 32 267.427 32z'/%3E%3C/svg%3E");
}
.icon-calendar-plus {
width: 18px;
height: 20px;
}
@media only screen and (max-width: 1022px) {
.icon-calendar-plus {
width: 14px;
height: 16px;
}
}
.icon-calendar-plus:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M336 292v24c0 6.6-5.4 12-12 12h-76v76c0 6.6-5.4 12-12 12h-24c-6.6 0-12-5.4-12-12v-76h-76c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h76v-76c0-6.6 5.4-12 12-12h24c6.6 0 12 5.4 12 12v76h76c6.6 0 12 5.4 12 12zm112-180v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M336 292v24c0 6.6-5.4 12-12 12h-76v76c0 6.6-5.4 12-12 12h-24c-6.6 0-12-5.4-12-12v-76h-76c-6.6 0-12-5.4-12-12v-24c0-6.6 5.4-12 12-12h76v-76c0-6.6 5.4-12 12-12h24c6.6 0 12 5.4 12 12v76h76c6.6 0 12 5.4 12 12zm112-180v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'/%3E%3C/svg%3E");
}
.icon-external-link {
width: 18px;
height: 18px;
}
@media only screen and (max-width: 1022px) {
.icon-external-link {
width: 14px;
height: 14px;
}
}
.icon-external-link:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.5' height='17.5' viewBox='0 0 17.5 17.5'%3E%3Cpath id='Path_2' data-name='Path 2' d='M15.625,1.75H1.875A1.875,1.875,0,0,0,0,3.625v13.75A1.875,1.875,0,0,0,1.875,19.25h13.75A1.875,1.875,0,0,0,17.5,17.375V3.625A1.875,1.875,0,0,0,15.625,1.75Zm-.234,15.625H2.109a.234.234,0,0,1-.234-.234V3.859a.234.234,0,0,1,.234-.234H15.391a.234.234,0,0,1,.234.234V17.141A.234.234,0,0,1,15.391,17.375ZM13.281,5.5l-5.312.006a.469.469,0,0,0-.469.469V7.059a.469.469,0,0,0,.478.469l2.266-.084L3.887,13.8a.469.469,0,0,0,0,.663l.9.9a.469.469,0,0,0,.663,0l6.357-6.357-.084,2.266a.469.469,0,0,0,.469.478h1.084a.469.469,0,0,0,.469-.469l.006-5.312A.469.469,0,0,0,13.281,5.5Z' transform='translate(0 -1.75)' fill='%231f74bb'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.5' height='17.5' viewBox='0 0 17.5 17.5'%3E%3Cpath id='Path_2' data-name='Path 2' d='M15.625,1.75H1.875A1.875,1.875,0,0,0,0,3.625v13.75A1.875,1.875,0,0,0,1.875,19.25h13.75A1.875,1.875,0,0,0,17.5,17.375V3.625A1.875,1.875,0,0,0,15.625,1.75Zm-.234,15.625H2.109a.234.234,0,0,1-.234-.234V3.859a.234.234,0,0,1,.234-.234H15.391a.234.234,0,0,1,.234.234V17.141A.234.234,0,0,1,15.391,17.375ZM13.281,5.5l-5.312.006a.469.469,0,0,0-.469.469V7.059a.469.469,0,0,0,.478.469l2.266-.084L3.887,13.8a.469.469,0,0,0,0,.663l.9.9a.469.469,0,0,0,.663,0l6.357-6.357-.084,2.266a.469.469,0,0,0,.469.478h1.084a.469.469,0,0,0,.469-.469l.006-5.312A.469.469,0,0,0,13.281,5.5Z' transform='translate(0 -1.75)' fill='%231f74bb'/%3E%3C/svg%3E%0A");
}
.icon-cookie {
width: 20px;
height: 20px;
}
.icon-cookie:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.75 13C14.4141 13 15 13.5859 15 14.25C15 14.9531 14.4141 15.5 13.75 15.5C13.0469 15.5 12.5 14.9531 12.5 14.25C12.5 13.5859 13.0469 13 13.75 13ZM7.5 8C7.5 8.70312 6.91406 9.25 6.25 9.25C5.54688 9.25 5 8.70312 5 8C5 7.33594 5.54688 6.75 6.25 6.75C6.91406 6.75 7.5 7.33594 7.5 8ZM7.5 13C8.16406 13 8.75 13.5859 8.75 14.25C8.75 14.9531 8.16406 15.5 7.5 15.5C6.79688 15.5 6.25 14.9531 6.25 14.25C6.25 13.5859 6.79688 13 7.5 13ZM11.25 9.25C11.9141 9.25 12.5 9.83594 12.5 10.5C12.5 11.2031 11.9141 11.75 11.25 11.75C10.5469 11.75 10 11.2031 10 10.5C10 9.83594 10.5469 9.25 11.25 9.25ZM19.9219 10.5C20.0781 11.5938 19.9219 12.6875 19.4141 13.625L18.0469 16.3203C17.5391 17.2969 16.7578 18.0781 15.7812 18.5859L13.0859 19.9531C12.3438 20.3438 11.5625 20.5391 10.7422 20.5391C10.4688 20.5391 10.1953 20.5 9.96094 20.4609L6.95312 19.9922C5.85938 19.7969 4.84375 19.2891 4.10156 18.5469L1.95312 16.3984C1.21094 15.6562 0.703125 14.6406 0.507812 13.5469L0.0390625 10.5781C0 10.3047 0 10.0312 0 9.75781C0 8.89844 0.195312 8.11719 0.546875 7.41406L1.91406 4.71875C2.42188 3.74219 3.20312 2.96094 4.17969 2.45312L6.875 1.08594C7.61719 0.695312 8.39844 0.5 9.21875 0.5C9.45312 0.5 9.72656 0.539062 10 0.578125C10.0391 3.3125 12.2266 5.5 15 5.5C15 8.27344 17.1875 10.4609 19.9219 10.5ZM17.7344 12.7656C17.8516 12.5703 17.9297 12.3359 18.0078 12.1016C15.7031 11.3984 13.9062 9.52344 13.3203 7.17969C10.9766 6.59375 9.10156 4.79688 8.39844 2.49219C8.16406 2.57031 7.92969 2.64844 7.73438 2.76562L5.03906 4.13281C4.41406 4.44531 3.90625 4.95312 3.59375 5.57812L2.22656 8.27344C1.91406 8.89844 1.79688 9.5625 1.91406 10.2656L2.38281 13.2344C2.46094 13.9375 2.8125 14.5625 3.28125 15.0703L5.42969 17.2188C5.9375 17.6875 6.5625 18.0391 7.22656 18.1172L10.2344 18.5859C10.3906 18.625 10.5859 18.625 10.7422 18.625C11.25 18.625 11.7969 18.5078 12.2266 18.2734L14.9219 16.9062C15.5469 16.5938 16.0547 16.0859 16.3672 15.4609L17.7344 12.7656Z' fill='%231F74BB'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.75 13C14.4141 13 15 13.5859 15 14.25C15 14.9531 14.4141 15.5 13.75 15.5C13.0469 15.5 12.5 14.9531 12.5 14.25C12.5 13.5859 13.0469 13 13.75 13ZM7.5 8C7.5 8.70312 6.91406 9.25 6.25 9.25C5.54688 9.25 5 8.70312 5 8C5 7.33594 5.54688 6.75 6.25 6.75C6.91406 6.75 7.5 7.33594 7.5 8ZM7.5 13C8.16406 13 8.75 13.5859 8.75 14.25C8.75 14.9531 8.16406 15.5 7.5 15.5C6.79688 15.5 6.25 14.9531 6.25 14.25C6.25 13.5859 6.79688 13 7.5 13ZM11.25 9.25C11.9141 9.25 12.5 9.83594 12.5 10.5C12.5 11.2031 11.9141 11.75 11.25 11.75C10.5469 11.75 10 11.2031 10 10.5C10 9.83594 10.5469 9.25 11.25 9.25ZM19.9219 10.5C20.0781 11.5938 19.9219 12.6875 19.4141 13.625L18.0469 16.3203C17.5391 17.2969 16.7578 18.0781 15.7812 18.5859L13.0859 19.9531C12.3438 20.3438 11.5625 20.5391 10.7422 20.5391C10.4688 20.5391 10.1953 20.5 9.96094 20.4609L6.95312 19.9922C5.85938 19.7969 4.84375 19.2891 4.10156 18.5469L1.95312 16.3984C1.21094 15.6562 0.703125 14.6406 0.507812 13.5469L0.0390625 10.5781C0 10.3047 0 10.0312 0 9.75781C0 8.89844 0.195312 8.11719 0.546875 7.41406L1.91406 4.71875C2.42188 3.74219 3.20312 2.96094 4.17969 2.45312L6.875 1.08594C7.61719 0.695312 8.39844 0.5 9.21875 0.5C9.45312 0.5 9.72656 0.539062 10 0.578125C10.0391 3.3125 12.2266 5.5 15 5.5C15 8.27344 17.1875 10.4609 19.9219 10.5ZM17.7344 12.7656C17.8516 12.5703 17.9297 12.3359 18.0078 12.1016C15.7031 11.3984 13.9062 9.52344 13.3203 7.17969C10.9766 6.59375 9.10156 4.79688 8.39844 2.49219C8.16406 2.57031 7.92969 2.64844 7.73438 2.76562L5.03906 4.13281C4.41406 4.44531 3.90625 4.95312 3.59375 5.57812L2.22656 8.27344C1.91406 8.89844 1.79688 9.5625 1.91406 10.2656L2.38281 13.2344C2.46094 13.9375 2.8125 14.5625 3.28125 15.0703L5.42969 17.2188C5.9375 17.6875 6.5625 18.0391 7.22656 18.1172L10.2344 18.5859C10.3906 18.625 10.5859 18.625 10.7422 18.625C11.25 18.625 11.7969 18.5078 12.2266 18.2734L14.9219 16.9062C15.5469 16.5938 16.0547 16.0859 16.3672 15.4609L17.7344 12.7656Z' fill='%231F74BB'/%3E%3C/svg%3E%0A");
}
.icon-map {
width: 20px;
height: 20px;
}
.icon-map:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='23' height='19' viewBox='0 0 23 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.125 0.75C22.4375 0.75 22.75 1.02344 22.75 1.41406V14.9297C22.75 15.4375 22.3984 15.9062 21.9297 16.1016L16.0312 18.1328C15.7578 18.2109 15.5234 18.25 15.25 18.25C14.9766 18.25 14.7031 18.2109 14.4688 18.1328L7.75 15.75L1.07031 18.2109C0.992188 18.25 0.914062 18.25 0.835938 18.25C0.523438 18.25 0.25 18.0156 0.25 17.625V4.10938C0.25 3.60156 0.5625 3.13281 1.03125 2.9375L6.92969 0.90625C7.20312 0.828125 7.47656 0.75 7.71094 0.75C7.98438 0.789062 8.25781 0.828125 8.53125 0.90625L15.25 3.25L21.8906 0.828125C21.9688 0.789062 22.0469 0.75 22.125 0.75ZM9 3.05469V14.2266L14 15.9844V4.8125L9 3.05469ZM2.125 15.8672L7.08594 13.9922H7.125V2.82031L2.125 4.57812V15.8672ZM20.875 14.4609V3.17188L15.875 5.04688V16.2188L20.875 14.4609Z' fill='%231F74BB'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='23' height='19' viewBox='0 0 23 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.125 0.75C22.4375 0.75 22.75 1.02344 22.75 1.41406V14.9297C22.75 15.4375 22.3984 15.9062 21.9297 16.1016L16.0312 18.1328C15.7578 18.2109 15.5234 18.25 15.25 18.25C14.9766 18.25 14.7031 18.2109 14.4688 18.1328L7.75 15.75L1.07031 18.2109C0.992188 18.25 0.914062 18.25 0.835938 18.25C0.523438 18.25 0.25 18.0156 0.25 17.625V4.10938C0.25 3.60156 0.5625 3.13281 1.03125 2.9375L6.92969 0.90625C7.20312 0.828125 7.47656 0.75 7.71094 0.75C7.98438 0.789062 8.25781 0.828125 8.53125 0.90625L15.25 3.25L21.8906 0.828125C21.9688 0.789062 22.0469 0.75 22.125 0.75ZM9 3.05469V14.2266L14 15.9844V4.8125L9 3.05469ZM2.125 15.8672L7.08594 13.9922H7.125V2.82031L2.125 4.57812V15.8672ZM20.875 14.4609V3.17188L15.875 5.04688V16.2188L20.875 14.4609Z' fill='%231F74BB'/%3E%3C/svg%3E%0A");
}
.icon-chain {
width: 26px;
height: 26px;
}
.icon-chain:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7188 10.7812C18.1094 13.1719 18.25 17.0156 16.1406 19.5469C15.8594 19.9219 16.0469 19.7344 12.2031 23.5781C9.625 26.1562 5.45312 26.1562 2.92188 23.5781C0.34375 21.0469 0.34375 16.875 2.92188 14.2969C4.42188 12.7969 5.3125 11.9062 5.875 11.3438C6.20312 11.0156 6.8125 11.25 6.8125 11.7188C6.85938 12.3281 6.90625 12.9375 7.04688 13.5C7.09375 13.6875 7.04688 13.875 6.90625 14.0156L4.75 16.1719C3.20312 17.7188 3.20312 20.2031 4.75 21.75C6.29688 23.2969 8.78125 23.2969 10.3281 21.75L13.8438 18.2344C15.3906 16.6875 15.3906 14.2031 13.8438 12.6562C13.5625 12.3281 13.1875 12.0938 12.7656 11.9062C12.5781 11.7656 12.4375 11.5312 12.4844 11.2969C12.5312 10.7812 12.7656 10.2656 13.1875 9.89062L13.375 9.70312C13.5625 9.51562 13.7969 9.46875 14.0312 9.5625C14.6406 9.89062 15.2031 10.2656 15.7188 10.7812ZM23.0312 3.46875C25.6094 6 25.6094 10.1719 23.0312 12.75C21.5312 14.25 20.6406 15.1406 20.0781 15.7031C19.75 16.0312 19.1406 15.7969 19.1406 15.3281C19.0938 14.7188 19.0469 14.1094 18.9062 13.5469C18.8594 13.3594 18.9062 13.1719 19.0469 13.0312L21.2031 10.875C22.75 9.32812 22.75 6.84375 21.2031 5.29688C19.6562 3.75 17.1719 3.75 15.625 5.29688L12.1094 8.8125C10.5625 10.3594 10.5625 12.8438 12.1094 14.3906C12.3906 14.7188 12.7656 14.9531 13.1875 15.1406C13.375 15.2812 13.5156 15.5156 13.4688 15.75C13.4219 16.2656 13.1875 16.7812 12.7656 17.1562L12.5781 17.3438C12.3906 17.5312 12.1562 17.5781 11.9219 17.4844C11.3125 17.1562 10.75 16.7812 10.2344 16.2656C7.84375 13.875 7.70312 10.0312 9.8125 7.5C10.0938 7.125 9.90625 7.3125 13.75 3.46875C16.3281 0.890625 20.5 0.890625 23.0312 3.46875Z' fill='black'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7188 10.7812C18.1094 13.1719 18.25 17.0156 16.1406 19.5469C15.8594 19.9219 16.0469 19.7344 12.2031 23.5781C9.625 26.1562 5.45312 26.1562 2.92188 23.5781C0.34375 21.0469 0.34375 16.875 2.92188 14.2969C4.42188 12.7969 5.3125 11.9062 5.875 11.3438C6.20312 11.0156 6.8125 11.25 6.8125 11.7188C6.85938 12.3281 6.90625 12.9375 7.04688 13.5C7.09375 13.6875 7.04688 13.875 6.90625 14.0156L4.75 16.1719C3.20312 17.7188 3.20312 20.2031 4.75 21.75C6.29688 23.2969 8.78125 23.2969 10.3281 21.75L13.8438 18.2344C15.3906 16.6875 15.3906 14.2031 13.8438 12.6562C13.5625 12.3281 13.1875 12.0938 12.7656 11.9062C12.5781 11.7656 12.4375 11.5312 12.4844 11.2969C12.5312 10.7812 12.7656 10.2656 13.1875 9.89062L13.375 9.70312C13.5625 9.51562 13.7969 9.46875 14.0312 9.5625C14.6406 9.89062 15.2031 10.2656 15.7188 10.7812ZM23.0312 3.46875C25.6094 6 25.6094 10.1719 23.0312 12.75C21.5312 14.25 20.6406 15.1406 20.0781 15.7031C19.75 16.0312 19.1406 15.7969 19.1406 15.3281C19.0938 14.7188 19.0469 14.1094 18.9062 13.5469C18.8594 13.3594 18.9062 13.1719 19.0469 13.0312L21.2031 10.875C22.75 9.32812 22.75 6.84375 21.2031 5.29688C19.6562 3.75 17.1719 3.75 15.625 5.29688L12.1094 8.8125C10.5625 10.3594 10.5625 12.8438 12.1094 14.3906C12.3906 14.7188 12.7656 14.9531 13.1875 15.1406C13.375 15.2812 13.5156 15.5156 13.4688 15.75C13.4219 16.2656 13.1875 16.7812 12.7656 17.1562L12.5781 17.3438C12.3906 17.5312 12.1562 17.5781 11.9219 17.4844C11.3125 17.1562 10.75 16.7812 10.2344 16.2656C7.84375 13.875 7.70312 10.0312 9.8125 7.5C10.0938 7.125 9.90625 7.3125 13.75 3.46875C16.3281 0.890625 20.5 0.890625 23.0312 3.46875Z' fill='black'/%3E%3C/svg%3E%0A");
}
.icon-checkmark {
width: 15px;
height: 15px;
}
.icon-checkmark:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='15' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.744.836c.147-.147.381-.147.498 0l.85.82c.117.147.117.381 0 .498l-8.79 8.79a.337.337 0 0 1-.497 0L.879 7.046c-.117-.147-.117-.381 0-.498l.85-.85c.117-.117.351-.117.498 0l2.812 2.842L12.744.836Z' fill='%23fff'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width='15' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.744.836c.147-.147.381-.147.498 0l.85.82c.117.147.117.381 0 .498l-8.79 8.79a.337.337 0 0 1-.497 0L.879 7.046c-.117-.147-.117-.381 0-.498l.85-.85c.117-.117.351-.117.498 0l2.812 2.842L12.744.836Z' fill='%23fff'/%3E%3C/svg%3E");
}
.mod-loader {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: opacity 0.3s ease 0.2s, visibility 0.3s ease 0.2s;
opacity: 0;
pointer-events: none;
visibility: hidden;
z-index: 30;
background-color: #000;
}
.show-loader .mod-loader {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.mod-loader svg {
width: 120px;
height: 120px;
}
.mod-loader__spinner {
border: 5px solid var(--color-brown);
border-radius: 50%;
border-top: 5px solid transparent;
width: 60px;
height: 60px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
} @-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .margin {
display: block;
width: 100%;
}
.margin--300 {
height: 300px;
}
@media only screen and (max-width: 1919px) {
.margin--300 {
height: 240px;
}
}
@media only screen and (max-width: 1439px) {
.margin--300 {
height: 180px;
}
}
@media only screen and (max-width: 1200px) {
.margin--300 {
height: 140px;
}
}
@media only screen and (max-width: 1022px) {
.margin--300 {
height: 90px;
}
}
.margin--260 {
height: 260px;
}
@media only screen and (max-width: 1919px) {
.margin--260 {
height: 200px;
}
}
@media only screen and (max-width: 1439px) {
.margin--260 {
height: 160px;
}
}
@media only screen and (max-width: 1200px) {
.margin--260 {
height: 140px;
}
}
@media only screen and (max-width: 1022px) {
.margin--260 {
height: 125px;
}
}
.margin--200 {
height: 200px;
}
@media only screen and (max-width: 1919px) {
.margin--200 {
height: 180px;
}
}
@media only screen and (max-width: 1439px) {
.margin--200 {
height: 150px;
}
}
@media only screen and (max-width: 1200px) {
.margin--200 {
height: 120px;
}
}
@media only screen and (max-width: 1022px) {
.margin--200 {
height: 80px;
}
}
@media only screen and (max-width: 767px) {
.margin--200 {
height: 60px;
}
}
.margin--180 {
height: 180px;
}
@media only screen and (max-width: 1439px) {
.margin--180 {
height: 150px;
}
}
@media only screen and (max-width: 1200px) {
.margin--180 {
height: 128px;
}
}
.margin--160 {
height: 160px;
}
@media only screen and (max-width: 1919px) {
.margin--160 {
height: 140px;
}
}
@media only screen and (max-width: 1439px) {
.margin--160 {
height: 120px;
}
}
@media only screen and (max-width: 1200px) {
.margin--160 {
height: 80px;
}
}
@media only screen and (max-width: 1022px) {
.margin--160 {
height: 60px;
}
}
.margin--150 {
height: 150px;
}
@media only screen and (max-width: 1919px) {
.margin--150 {
height: 130px;
}
}
@media only screen and (max-width: 1439px) {
.margin--150 {
height: 110px;
}
}
@media only screen and (max-width: 1022px) {
.margin--150 {
height: 60px;
}
}
.margin--130 {
height: 130px;
}
@media only screen and (max-width: 1439px) {
.margin--130 {
height: 100px;
}
}
@media only screen and (max-width: 1200px) {
.margin--130 {
height: 60px;
}
}
.margin--120 {
height: 120px;
}
@media only screen and (max-width: 1439px) {
.margin--120 {
height: 100px;
}
}
@media only screen and (max-width: 1200px) {
.margin--120 {
height: 60px;
}
}
.margin--108 {
height: 108px;
}
@media only screen and (max-width: 1439px) {
.margin--108 {
height: 90px;
}
}
@media only screen and (max-width: 1200px) {
.margin--108 {
height: 80px;
}
}
@media only screen and (max-width: 1200px) {
.margin--108 {
height: 60px;
}
}
@media only screen and (max-width: 767px) {
.margin--108 {
height: 40px;
}
}
.margin--104 {
height: 104px;
}
@media only screen and (max-width: 1439px) {
.margin--104 {
height: 90px;
}
}
@media only screen and (max-width: 1200px) {
.margin--104 {
height: 80px;
}
}
@media only screen and (max-width: 767px) {
.margin--104 {
height: 60px;
}
}
.margin--100 {
height: 100px;
}
@media only screen and (max-width: 1200px) {
.margin--100 {
height: 80px;
}
}
@media only screen and (max-width: 1022px) {
.margin--100 {
height: 60px;
}
}
@media only screen and (max-width: 767px) {
.margin--100 {
height: 50px;
}
}
.margin--90 {
height: 90px;
}
@media only screen and (max-width: 1439px) {
.margin--90 {
height: 70px;
}
}
@media only screen and (max-width: 1200px) {
.margin--90 {
height: 60px;
}
}
@media only screen and (max-width: 767px) {
.margin--90 {
height: 50px;
}
}
.margin--80 {
height: 80px;
}
@media only screen and (max-width: 1439px) {
.margin--80 {
height: 70px;
}
}
@media only screen and (max-width: 1200px) {
.margin--80 {
height: 60px;
}
}
@media only screen and (max-width: 767px) {
.margin--80 {
height: 40px;
}
}
.margin--70 {
height: 70px;
}
@media only screen and (max-width: 1439px) {
.margin--70 {
height: 60px;
}
}
@media only screen and (max-width: 1200px) {
.margin--70 {
height: 50px;
}
}
@media only screen and (max-width: 767px) {
.margin--70 {
height: 40px;
}
}
.margin--64 {
height: 64px;
}
@media only screen and (max-width: 1200px) {
.margin--64 {
height: 44px;
}
}
@media only screen and (max-width: 767px) {
.margin--64 {
height: 36px;
}
}
.margin--60 {
height: 60px;
}
@media only screen and (max-width: 1200px) {
.margin--60 {
height: 40px;
}
}
@media only screen and (max-width: 767px) {
.margin--60 {
height: 30px;
}
}
.margin--50 {
height: 50px;
}
@media only screen and (max-width: 1200px) {
.margin--50 {
height: 40px;
}
}
@media only screen and (max-width: 767px) {
.margin--50 {
height: 30px;
}
}
.margin--40 {
height: 40px;
}
@media only screen and (max-width: 1200px) {
.margin--40 {
height: 30px;
}
}
@media only screen and (max-width: 767px) {
.margin--40 {
height: 20px;
}
}
.margin--32 {
height: 32px;
}
@media only screen and (max-width: 767px) {
.margin--32 {
height: 20px;
}
}
.margin--30 {
height: 30px;
}
@media only screen and (max-width: 767px) {
.margin--30 {
height: 20px;
}
}
.margin--24 {
height: 24px;
}
.margin--20 {
height: 20px;
}
.margin--16 {
height: 16px;
}
.title--h6, .title--h5, .title--h4, .title--h3, .title--h2, .title--h1 {
font-weight: 400;
font-family: var(--font-plantin);
line-height: 1;
}
.title--h1 {
font-size: 72px;
text-transform: uppercase;
}
@media only screen and (max-width: 1919px) {
.title--h1 {
font-size: 60px;
}
}
@media only screen and (max-width: 1439px) {
.title--h1 {
font-size: 56px;
}
}
@media only screen and (max-width: 1200px) {
.title--h1 {
font-size: 50px;
}
}
@media only screen and (max-width: 1022px) {
.title--h1 {
font-size: 48px;
}
}
.title--h2 {
font-size: 48px;
}
@media only screen and (max-width: 1439px) {
.title--h2 {
font-size: 44px;
}
}
@media only screen and (max-width: 1200px) {
.title--h2 {
font-size: 40px;
}
}
@media only screen and (max-width: 1022px) {
.title--h2 {
font-size: 32px;
}
}
.title--h3 {
font-size: 32px;
}
@media only screen and (max-width: 767px) {
.title--h3 {
font-size: 28px;
}
}
.title--h4 {
font-size: 24px;
}
@media only screen and (max-width: 1200px) {
.title--h4 {
font-size: 22px;
}
}
@media only screen and (max-width: 767px) {
.title--h4 {
font-size: 18px;
}
}
.title--h5 {
font-size: 20px;
}
.title--h6 {
font-size: 18px;
}
.page-404 {
min-height: 100vh;
text-align: center;
display: flex;
align-items: center;
padding: 130px 0;
}
@media only screen and (max-width: 767px) {
.page-404 {
padding: 60px 0;
}
}
.page-404__content {
max-width: 826px;
width: 100%;
margin: 0 auto;
}
.page-404 .title {
font-weight: 300;
text-align: left;
margin-bottom: 40px;
}
.page-404__image {
padding: 0 10px;
}
@media only screen and (max-width: 767px) {
.page-404__image {
padding: 0;
}
}
.page-404__image img {
width: 100%;
height: auto;
object-fit: contain;
}
.page-404 .btn {
margin-top: 34px;
}
.mod-toggle {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
font-size: 0;
line-height: 0;
}
.mod-toggle__label {
margin-bottom: 0;
}
.mod-toggle__switch {
position: relative;
display: flex;
align-items: center;
width: 38px;
height: 24px;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.mod-toggle__switch {
width: 30px;
height: 20px;
}
}
.mod-toggle__switch::before, .mod-toggle__switch::after {
position: absolute;
display: block;
content: "";
}
.mod-toggle__switch:before {
top: 0;
width: 100%;
height: 100%;
background-color: var(--color-neutral);
border-radius: 20px;
transition: box-shadow 0.3s ease, background-color 0.3s ease;
}
.mod-toggle__switch::after {
top: 2px;
left: 2px;
width: 20px;
height: 20px;
background-color: #8b8c86;
border-radius: 50%;
transition: transform 0.3s ease, background-color 0.3s ease;
}
@media only screen and (max-width: 767px) {
.mod-toggle__switch::after {
width: 16px;
height: 16px;
}
}
.mod-toggle input {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
white-space: nowrap;
border: 0;
visibility: inherit;
clip: rect(0, 0, 0, 0);
}
.mod-toggle input:checked + .mod-toggle__label .mod-toggle__switch::after {
transform: translate(14px, 0);
background-color: var(--color-brown);
}
@media only screen and (max-width: 767px) {
.mod-toggle input:checked + .mod-toggle__label .mod-toggle__switch::after {
transform: translate(10px, 0);
}
}
.mod-toggle.is-disabled .mod-toggle__switch {
cursor: not-allowed;
}
.mod-toggle.is-disabled .mod-toggle__switch::before {
background-color: rgba(0, 0, 0, 0.05);
}
.mod-toggle.is-disabled .mod-toggle__switch::after {
background-color: rgba(0, 0, 0, 0.3);
}
.mod-toggle-button {
user-select: none;
display: inline-block;
font-size: 0;
line-height: 0;
}
.mod-toggle-button__label {
margin-bottom: 0;
}
.mod-toggle-button__switch {
position: relative;
display: flex;
align-items: center;
width: 164px;
height: 82px;
cursor: pointer;
transition: var(--transition-timing, 0s) ease;
}
.mod-toggle-button__switch::before, .mod-toggle-button__switch::after {
position: absolute;
display: block;
content: "";
}
.mod-toggle-button__switch:before {
top: 0;
width: 100%;
height: 100%;
background-color: var(--color-white);
border-radius: 60px;
transition: var(--transition-timing, 0s) ease;
}
.mod-toggle-button__switch::after {
top: 8px;
left: 8px;
width: 66px;
height: 66px;
background-color: var(--color-black);
border-radius: 50%;
transition: var(--transition-timing, 0s) ease;
}
.mod-toggle-button:hover .mod-toggle-button__switch::before {
box-shadow: 0px 0px 6.08px 0px rgba(255, 255, 255, 0.5019607843), 0px 0px 12.16px 0px rgba(255, 255, 255, 0.5019607843), 0px 0px 42.57px 0px rgba(255, 255, 255, 0.5019607843), 0px 0px 85.14px 0px rgba(255, 255, 255, 0.5019607843), 0px 0px 145.96px 0px rgba(255, 255, 255, 0.5019607843), 0px 0px 250px 0px rgba(255, 255, 255, 0.5019607843);
}
.mod-toggle-button input {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
white-space: nowrap;
border: 0;
visibility: inherit;
clip: rect(0, 0, 0, 0);
}
.mod-toggle-button input:checked + .mod-toggle-button__label .mod-toggle-button__switch::before {
box-shadow: 0px 0px 6.08px 0px rgba(172, 0, 255, 0.5019607843), 0px 0px 12.16px 0px rgba(172, 0, 255, 0.5019607843), 0px 0px 42px 0px rgba(172, 0, 255, 0.5019607843), 0px 0px 86px 0px rgba(172, 0, 255, 0.5019607843), 0px 0px 146px 0px rgba(172, 0, 255, 0.5019607843), 0px 0px 250px 0px rgba(172, 0, 255, 0.5019607843);
background-color: var(--color-purple);
}
.mod-toggle-button input:checked + .mod-toggle-button__label .mod-toggle-button__switch::after {
transform: translate(80px, 0);
background-color: var(--color-white);
}
.mod-toggle-button--medium, .mod-toggle-button--small {
margin: auto;
}
.mod-toggle-button--medium .mod-toggle-button__switch, .mod-toggle-button--small .mod-toggle-button__switch {
width: 30px;
height: 15px;
}
.mod-toggle-button--medium .mod-toggle-button__switch::after, .mod-toggle-button--small .mod-toggle-button__switch::after {
width: 12px;
height: 12px;
top: 1.5px;
left: 1.5px;
}
.mod-toggle-button--medium input:checked + .mod-toggle-button__label .mod-toggle-button__switch::before, .mod-toggle-button--small input:checked + .mod-toggle-button__label .mod-toggle-button__switch::before {
box-shadow: 0px 0px 6.08px 0px #ac00ff, 0px 0px 12.16px 0px #ac00ff, 0px 0px 42.57px 0px #ac00ff, 0px 0px 85.14px 0px #ac00ff, 0px 0px 145.96px 0px #ac00ff, 0px 0px 250px 0px #ac00ff;
}
.mod-toggle-button--medium input:checked + .mod-toggle-button__label .mod-toggle-button__switch::after, .mod-toggle-button--small input:checked + .mod-toggle-button__label .mod-toggle-button__switch::after {
transform: translate(15px, 0);
}
.mod-toggle-button--medium:hover .mod-toggle-button__switch::before, .mod-toggle-button--small:hover .mod-toggle-button__switch::before {
box-shadow: 0px 0px 6.08px 0px #ffffff, 0px 0px 12.16px 0px #ffffff, 0px 0px 42.57px 0px #ffffff, 0px 0px 85.14px 0px #ffffff, 0px 0px 145.96px 0px #ffffff, 0px 0px 250px 0px #ffffff;
}
.mod-toggle-button--medium .mod-toggle-button__switch {
width: 42px;
height: 22px;
}
@media only screen and (max-width: 1022px) {
.mod-toggle-button--medium .mod-toggle-button__switch {
width: 30px;
height: 16px;
}
}
.mod-toggle-button--medium .mod-toggle-button__switch::after {
width: 18px;
height: 18px;
top: 2px;
left: 2px;
}
@media only screen and (max-width: 1022px) {
.mod-toggle-button--medium .mod-toggle-button__switch::after {
width: 12px;
height: 12px;
}
}
.mod-toggle-button--medium input:checked + .mod-toggle-button__label .mod-toggle-button__switch::after {
transform: translate(18px, 0);
}
@media only screen and (max-width: 1022px) {
.mod-toggle-button--medium input:checked + .mod-toggle-button__label .mod-toggle-button__switch::after {
transform: translate(13px, 0);
}
}
.mod-toggle-button.is-disabled .mod-toggle-button__switch {
cursor: not-allowed;
pointer-events: none;
opacity: 0.6;
}
.about-module {
position: relative;
}
.about-module__title {
font-family: var(--font-saharin-rr);
margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.about-module__title {
margin-bottom: 40px;
}
}
.about-module__list {
display: grid;
grid-gap: 48px 140px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 156px;
}
@media only screen and (max-width: 1022px) {
.about-module__list {
grid-gap: 40px 30px;
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.about-module__list {
grid-template-columns: 1fr;
grid-gap: 48px;
font-size: 18px;
}
}
.about-module__item {
display: flex;
flex-direction: column;
}
.about-module__item-title {
display: block;
color: var(--color-orange);
text-transform: uppercase;
font-family: var(--font-saharin-rb);
}
.card-list {
position: relative;
line-height: 1;
}
.card-list__row {
display: grid;
grid-template-columns: 50.5% 1fr;
}
@media only screen and (max-width: 767px) {
.card-list__row {
grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 767px) {
.card-list__title {
font-size: 48px;
}
}
.card-list__left {
padding: 0 20px;
}
.card-list__content {
max-width: 656px;
display: flex;
flex-direction: column;
gap: 36px;
position: -webkit-sticky;
position: sticky;
top: 0;
padding: 144px 0;
}
@media only screen and (max-width: 1439px) {
.card-list__content {
padding: 50px 0 116px;
gap: 24px;
position: relative;
}
}
.card-list__nav {
font-family: var(--font-saharin-rr);
}
@media only screen and (max-width: 767px) {
.card-list__nav {
font-size: 36px;
}
}
.card-list__nav-link.is-active.blue-dark, .card-list__nav-link:hover.blue-dark {
color: var(--color-blue-dark);
}
.card-list__nav-link.is-active.orange, .card-list__nav-link:hover.orange {
color: var(--color-orange);
}
.card-list__nav-link.is-active.green, .card-list__nav-link:hover.green {
color: var(--color-green);
}
.card-list .editor-text {
color: var(--color-yellow);
line-height: 1.33;
}
.card-list .editor-text strong {
font-weight: 400;
color: var(--color-white);
}
.card-list .editor-text a {
color: var(--color-white);
text-decoration: underline;
}
.card-list .editor-text a:hover {
color: var(--color-yellow);
}
@media only screen and (max-width: 767px) {
.card-list .editor-text br {
display: none;
}
}
.card-list__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 36px 32px;
color: var(--color-yellow);
gap: 20px;
border-bottom: 1px solid var(--color-blue);
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 4;
}
@media only screen and (max-width: 1022px) {
.card-list__header {
padding: 16px;
gap: 10px;
}
}
@media only screen and (max-width: 767px) {
.card-list__header {
top: -1px;
}
}
@media (max-width: 370px) {
.card-list__header {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
}
.bg-orange .card-list__header {
border-color: var(--color-red-1);
}
.bg-green .card-list__header {
border-color: var(--color-green-light);
}
.card-list__header-left {
flex: auto;
line-height: 1;
font-family: var(--font-saharin-rr);
}
@media only screen and (max-width: 1022px) {
.card-list__header-left {
font-size: 20px;
}
}
.card-list__header .btn {
flex-shrink: 0;
}
@media only screen and (max-width: 1022px) {
.card-list__header .btn {
font-size: 16px;
min-height: 46px;
padding: 2px 20px 4px;
}
}
@media only screen and (min-width: 1440px) {
.card-list .btn {
min-height: 68px;
line-height: 1.2;
padding: 2px 36px 4px;
}
}
.card-list__item {
z-index: 3;
position: relative;
}
.card-list__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-bottom: -1px;
}
@media only screen and (max-width: 1022px) {
.card-list__list {
grid-template-columns: 1fr;
}
}
.card-list__list-item {
padding: 10px;
border-bottom: 1px solid var(--color-blue);
}
@media only screen and (max-width: 767px) {
.card-list__list-item {
padding: 16px;
}
}
.card-list__list-item:nth-child(odd) {
border-right: 1px solid var(--color-blue);
}
.bg-orange .card-list__list-item {
border-color: var(--color-red-1);
}
.bg-green .card-list__list-item {
border-color: var(--color-green-light);
}
.card-list .card {
max-width: 100%;
}
.card-slider {
position: relative;
color: var(--color-black);
background-color: var(--color-white);
overflow: hidden;
user-select: none;
}
.card-slider__title {
font-family: var(--font-saharin-rb);
margin-bottom: 14px;
}
@media only screen and (max-width: 767px) {
.card-slider__title {
margin-bottom: 24px;
}
}
.card-slider__nav {
display: flex;
margin-bottom: 8px;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.card-slider__nav {
display: none;
}
}
.card-slider__nav-arrow {
width: 36px;
height: 36px;
}
.card-slider__nav-arrow .icon::before {
background-color: currentColor;
}
.card-slider__nav-arrow[aria-disabled=true] {
pointer-events: none;
}
.card-slider__nav-arrow[aria-disabled=true] .icon::before {
background-color: var(--color-gray);
}
.card-slider__body {
padding: 16px 0;
}
.card-slider .swiper-slide {
width: auto;
}
@media only screen and (max-width: 767px) {
.card-slider .swiper-slide {
margin: 0 !important;
}
}
@media only screen and (max-width: 767px) {
.card-slider .swiper-android .swiper-slide,
.card-slider .swiper-ios .swiper-slide,
.card-slider .swiper-wrapper {
transform: translate3d(0px, 0, 0) !important;
display: grid;
grid-gap: 32px;
}
}
.card-slider .swiper {
overflow: visible;
}
.card-slider .card {
max-width: 100%;
width: 360px;
}
@media only screen and (max-width: 1439px) {
.card-slider .card {
width: 280px;
}
}
@media only screen and (max-width: 767px) {
.card-slider .card {
width: 100%;
}
}
.content-module {
position: relative;
font-family: var(--font-plantin);
}
.content-module .title {
font-family: var(--font-plantin);
margin-bottom: 50px;
font-weight: 300;
}
@media only screen and (max-width: 1022px) {
.content-module .title {
font-size: 36px;
}
}
.content-module__header {
margin-bottom: 90px;
}
@media only screen and (max-width: 1022px) {
.content-module__header {
margin-bottom: 40px;
}
}
.content-module__back-link {
text-transform: uppercase;
}
.content-module__back-link:hover {
color: var(--color-purple);
}
.content-module__footer {
margin-top: 80px;
}
@media only screen and (max-width: 767px) {
.content-module__footer {
margin-top: 48px;
}
}
.content-module .editor-text {
line-height: 1.5;
}
.content-module .editor-text h1,
.content-module .editor-text h2,
.content-module .editor-text h3,
.content-module .editor-text h4,
.content-module .editor-text h5,
.content-module .editor-text h6 {
font-family: var(--font-plantin);
font-weight: 300;
margin: 92px 0 48px;
}
@media only screen and (max-width: 767px) {
.content-module .editor-text h1,
.content-module .editor-text h2,
.content-module .editor-text h3,
.content-module .editor-text h4,
.content-module .editor-text h5,
.content-module .editor-text h6 {
margin: 116px 0 50px;
}
}
.content-module .editor-text h1:first-child,
.content-module .editor-text h2:first-child,
.content-module .editor-text h3:first-child,
.content-module .editor-text h4:first-child,
.content-module .editor-text h5:first-child,
.content-module .editor-text h6:first-child {
margin-top: 0;
}
.content-module .editor-text h1:last-child,
.content-module .editor-text h2:last-child,
.content-module .editor-text h3:last-child,
.content-module .editor-text h4:last-child,
.content-module .editor-text h5:last-child,
.content-module .editor-text h6:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 1022px) {
.content-module .editor-text h2 {
font-size: 36px;
}
}
.content-module .editor-text p {
margin: 36px 0;
}
@media only screen and (max-width: 767px) {
.content-module .editor-text p {
margin: 24px 0;
}
}
.content-module .editor-text p:first-child {
margin-top: 0;
}
.content-module .editor-text p:last-child {
margin-bottom: 0;
}
.content-module--secondary {
font-family: var(--font-primary);
}
.content-module--secondary .editor-text {
line-height: 1.2;
}
.content-module--secondary .editor-text p {
margin: 30px 0;
}
.sc-content-module:first-child .section-margin:first-child .margin {
height: 120px;
}
.sc-content-module:first-child .section-margin:last-child .margin {
height: 100px;
}
@media only screen and (max-width: 767px) {
.sc-content-module:first-child .section-margin:last-child .margin {
height: 120px;
}
}
.editor-text h6, .editor-text h5, .editor-text h4, .editor-text h3, .editor-text h2, .editor-text h1 {
font-weight: 400;
font-family: var(--font-plantin);
line-height: 1;
}
.editor-text h1 {
font-size: 72px;
text-transform: uppercase;
}
@media only screen and (max-width: 1919px) {
.editor-text h1 {
font-size: 60px;
}
}
@media only screen and (max-width: 1439px) {
.editor-text h1 {
font-size: 56px;
}
}
@media only screen and (max-width: 1200px) {
.editor-text h1 {
font-size: 50px;
}
}
@media only screen and (max-width: 1022px) {
.editor-text h1 {
font-size: 48px;
}
}
.editor-text h2 {
font-size: 48px;
}
@media only screen and (max-width: 1439px) {
.editor-text h2 {
font-size: 44px;
}
}
@media only screen and (max-width: 1200px) {
.editor-text h2 {
font-size: 40px;
}
}
@media only screen and (max-width: 1022px) {
.editor-text h2 {
font-size: 32px;
}
}
.editor-text h3 {
font-size: 32px;
}
@media only screen and (max-width: 767px) {
.editor-text h3 {
font-size: 28px;
}
}
.editor-text h4 {
font-size: 24px;
}
@media only screen and (max-width: 1200px) {
.editor-text h4 {
font-size: 22px;
}
}
@media only screen and (max-width: 767px) {
.editor-text h4 {
font-size: 18px;
}
}
.editor-text h5 {
font-size: 20px;
}
.editor-text h6 {
font-size: 18px;
}
.editor-text {
width: 100%;
}
.container .editor-text .container {
max-width: 100%;
padding: 0;
}
.editor-text h1,
.editor-text h2,
.editor-text h3,
.editor-text h4,
.editor-text h5,
.editor-text h6 {
margin-bottom: 14px;
}
* + .editor-text h1,
* + .editor-text h2,
* + .editor-text h3,
* + .editor-text h4,
* + .editor-text h5,
* + .editor-text h6 {
margin-top: 40px;
}
.editor-text h1:first-child,
.editor-text h2:first-child,
.editor-text h3:first-child,
.editor-text h4:first-child,
.editor-text h5:first-child,
.editor-text h6:first-child {
margin-top: 0;
}
.editor-text h2 {
margin-bottom: 54px;
}
@media only screen and (max-width: 1439px) {
.editor-text h2 {
margin-bottom: 32px;
}
}
@media only screen and (max-width: 1200px) {
.editor-text h2 {
margin-bottom: 24px;
}
}
@media only screen and (max-width: 767px) {
.editor-text h2 {
margin-bottom: 16px;
}
}
.editor-text p,
.editor-text ul,
.editor-text ol,
.editor-text figure,
.editor-text table {
margin-top: 24px;
margin-bottom: 24px;
}
@media only screen and (max-width: 1200px) {
.editor-text p,
.editor-text ul,
.editor-text ol,
.editor-text figure,
.editor-text table {
margin-top: 16px;
margin-bottom: 16px;
}
}
.editor-text p:first-child,
.editor-text ul:first-child,
.editor-text ol:first-child,
.editor-text figure:first-child,
.editor-text table:first-child {
margin-top: 0;
}
.editor-text p:last-child,
.editor-text ul:last-child,
.editor-text ol:last-child,
.editor-text figure:last-child,
.editor-text table:last-child {
margin-bottom: 0;
}
.editor-text p a,
.editor-text ul a,
.editor-text ol a,
.editor-text figure a,
.editor-text table a {
color: var(--color-blue);
}
.editor-text p a:hover,
.editor-text ul a:hover,
.editor-text ol a:hover,
.editor-text figure a:hover,
.editor-text table a:hover {
text-decoration: underline;
}
.editor-text p + h1, .editor-text p + h2,
.editor-text ul + h1,
.editor-text ul + h2,
.editor-text ol + h1,
.editor-text ol + h2 {
margin-top: 76px;
}
@media only screen and (max-width: 1200px) {
.editor-text p + h1, .editor-text p + h2,
.editor-text ul + h1,
.editor-text ul + h2,
.editor-text ol + h1,
.editor-text ol + h2 {
margin-top: 40px;
}
}
.editor-text p + h3, .editor-text p + h4,
.editor-text ul + h3,
.editor-text ul + h4,
.editor-text ol + h3,
.editor-text ol + h4 {
margin-top: 24px;
}
.editor-text img.aligncenter, .editor-text img.alignright, .editor-text img.aligleft, .editor-text img.alignnone {
display: block;
}
.editor-text img.aligncenter {
margin-left: auto;
margin-right: auto;
}
.editor-text img.alignright {
margin-left: auto;
}
.editor-text img.aligleft {
margin-right: auto;
}
.editor-text figure img {
margin: 0;
}
.editor-text figure figcaption {
margin-top: 8px;
font-size: 14px;
}
.editor-text ol,
.editor-text ul {
display: grid;
grid-gap: 8px;
}
.editor-text ol:last-child,
.editor-text ul:last-child {
margin-bottom: 0;
}
.editor-text ol:first-child,
.editor-text ul:first-child {
margin-top: 0;
}
.editor-text ol li,
.editor-text ul li {
position: relative;
padding-left: 32px;
}
.editor-text ol li::before,
.editor-text ul li::before {
content: "";
position: absolute;
left: 0;
top: 4px;
}
.editor-text ol ol,
.editor-text ol ul,
.editor-text ul ol,
.editor-text ul ul {
padding-top: 16px;
}
.editor-text ul li::before {
left: 0;
width: 8px;
height: 8px;
background: var(--color-white);
top: 13px;
background-color: currentColor;
border-radius: 100%;
}
.editor-text ol {
counter-reset: ol_text_counter;
}
.editor-text ol li {
counter-increment: ol_text_counter;
}
.editor-text ol li:before {
content: counter(ol_text_counter) ".";
top: 0;
}
.editor-text table {
border: 1px solid;
width: 100%;
}
.editor-text table tr {
border-bottom: 1px solid;
}
.editor-text table th,
.editor-text table td {
padding: 0.5em;
height: auto !important;
}
.editor-text table th:not(:first-child),
.editor-text table td:not(:first-child) {
border-left: 1px solid;
}
.editor-text blockquote p {
margin: 0 !important;
}
.editor-text iframe {
width: 100%;
aspect-ratio: 16/9;
height: auto;
margin: 36px 0;
}
.editor-text iframe:last-child {
margin-bottom: 0;
}
.nsf-box .form-group [data-type=text], #mc_embed_signup h2 {
font-weight: 400;
font-family: var(--font-plantin);
line-height: 1;
}
.nsf-box .form-group [data-type=text], #mc_embed_signup h2 {
font-size: 72px;
text-transform: uppercase;
}
@media only screen and (max-width: 1919px) {
.nsf-box .form-group [data-type=text], #mc_embed_signup h2 {
font-size: 60px;
}
}
@media only screen and (max-width: 1439px) {
.nsf-box .form-group [data-type=text], #mc_embed_signup h2 {
font-size: 56px;
}
}
@media only screen and (max-width: 1200px) {
.nsf-box .form-group [data-type=text], #mc_embed_signup h2 {
font-size: 50px;
}
}
@media only screen and (max-width: 1022px) {
.nsf-box .form-group [data-type=text], #mc_embed_signup h2 {
font-size: 48px;
}
}
.form-module {
position: relative;
overflow: hidden;
}
.form-module__text {
line-height: 1.15;
margin-bottom: 8px;
}
@media only screen and (max-width: 1919px) {
.form-module__text {
line-height: 1.3;
}
}
.form-module__body {
background-color: var(--color-purple);
border-radius: 32px;
padding: 64px;
color: var(--color-white);
}
@media only screen and (max-width: 1919px) {
.form-module__body {
padding: 50px;
}
}
@media only screen and (max-width: 1022px) {
.form-module__body {
padding: 24px;
border-radius: 16px;
width: calc(100% + 20px);
margin-left: -10px;
}
}
.form-module__input-row {
display: grid;
align-items: flex-start;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
margin-top: 20px;
}
@media only screen and (max-width: 1022px) {
.form-module__input-row {
grid-template-columns: 1fr;
grid-gap: 0;
}
}
.form-module .editor-text ul li::before {
display: none;
}
#mc_embed_signup {
user-select: none;
background: transparent !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
width: 100% !important;
}
#mc_embed_signup #mc_embed_signup_scroll {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
@media only screen and (max-width: 1022px) {
#mc_embed_signup #mc_embed_signup_scroll {
flex-direction: column;
}
}
#mc_embed_signup form {
margin: 0 !important;
}
#mc_embed_signup h2 {
font-weight: 400 !important;
font-family: var(--font-saharin-rr);
margin: 0 0 28px !important;
line-height: 1 !important;
font-size: 60px !important;
text-transform: uppercase;
flex: 0 0 100%;
color: var(--color-white) !important;
}
@media only screen and (max-width: 1439px) {
#mc_embed_signup h2 {
font-size: 50px !important;
}
}
@media only screen and (max-width: 1200px) {
#mc_embed_signup h2 {
font-size: 45px !important;
}
}
@media only screen and (max-width: 1022px) {
#mc_embed_signup h2 {
font-size: 36px !important;
}
}
@media only screen and (max-width: 767px) {
#mc_embed_signup h2 {
font-size: 32px !important;
}
}
#mc_embed_signup .indicates-required {
margin-right: 0 !important;
flex: 0 0 100%;
padding-right: 20px;
margin-bottom: 16px !important;
width: 100% !important;
text-align: right;
font-size: 16px;
}
@media only screen and (max-width: 1022px) {
#mc_embed_signup .indicates-required {
padding-right: 0 !important;
}
}
#mc_embed_signup .indicates-required span,
#mc_embed_signup .indicates-required strong {
color: var(--color-white);
}
#mc_embed_signup .indicates-required br {
display: none;
}
#mc_embed_signup .asterisk {
font-size: inherit !important;
top: 0 !important;
}
#mc_embed_signup .mc-field-group {
width: 100% !important;
padding-bottom: 0 !important;
min-height: 1px !important;
margin-bottom: 24px !important;
}
#mc_embed_signup .mc-field-group strong {
font-size: 20px !important;
}
@media only screen and (max-width: 767px) {
#mc_embed_signup .mc-field-group strong {
font-size: 18px !important;
}
}
#mc_embed_signup .mc-field-group ul {
margin: 0 !important;
}
#mc_embed_signup .mc-field-group li {
position: relative;
padding: 0 !important;
}
#mc_embed_signup .mc-field-group li br {
display: none;
}
#mc_embed_signup .mc-field-group p {
margin: 0 0 10px !important;
}
#mc_embed_signup .mc-field-group [type=radio] {
position: absolute;
width: 0;
height: 0;
opacity: 0;
}
#mc_embed_signup .mc-field-group [type=radio] + br + label, #mc_embed_signup .mc-field-group [type=radio] + label {
padding-left: 30px;
position: relative;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
#mc_embed_signup .mc-field-group [type=radio] + br + label, #mc_embed_signup .mc-field-group [type=radio] + label {
font-size: 14px;
}
}
#mc_embed_signup .mc-field-group [type=radio] + br + label::before, #mc_embed_signup .mc-field-group [type=radio] + br + label::after, #mc_embed_signup .mc-field-group [type=radio] + label::before, #mc_embed_signup .mc-field-group [type=radio] + label::after {
content: "";
border-radius: 100%;
position: absolute;
transition: 0.3s ease;
}
#mc_embed_signup .mc-field-group [type=radio] + br + label::before, #mc_embed_signup .mc-field-group [type=radio] + label::before {
width: 18px;
height: 18px;
left: 0;
top: 5px;
background-color: var(--color-white);
}
@media only screen and (max-width: 767px) {
#mc_embed_signup .mc-field-group [type=radio] + br + label::before, #mc_embed_signup .mc-field-group [type=radio] + label::before {
top: 3px;
}
}
#mc_embed_signup .mc-field-group [type=radio] + br + label::after, #mc_embed_signup .mc-field-group [type=radio] + label::after {
width: 10px;
height: 10px;
background-color: var(--color-blue-darker);
left: 4px;
top: 9px;
transform: scale(0);
}
@media only screen and (max-width: 767px) {
#mc_embed_signup .mc-field-group [type=radio] + br + label::after, #mc_embed_signup .mc-field-group [type=radio] + label::after {
top: 7px;
}
}
#mc_embed_signup .mc-field-group [type=radio]:checked + br + label::after, #mc_embed_signup .mc-field-group [type=radio]:checked + label::after {
transform: scale(1);
}
#mc_embed_signup .mc-field-group.input-group {
margin-bottom: 0 !important;
}
@media only screen and (max-width: 1022px) {
#mc_embed_signup .mc-field-group.input-group {
margin-bottom: 10px !important;
}
}
#mc_embed_signup label {
display: block !important;
width: 100% !important;
margin-bottom: 4px !important;
text-transform: none;
font-size: 18px;
}
@media only screen and (max-width: 767px) {
#mc_embed_signup label {
font-size: 16px;
}
}
#mc_embed_signup label a {
color: inherit;
text-decoration: underline;
}
#mc_embed_signup label a:hover {
text-decoration: none;
}
#mc_embed_signup label br {
display: none !important;
}
#mc_embed_signup br {
display: none;
}
#mc_embed_signup .mc-field-group:not(.input-group) {
flex: 0 0 33.33%;
padding-right: 20px;
}
@media only screen and (max-width: 1022px) {
#mc_embed_signup .mc-field-group:not(.input-group) {
flex: 0 0 100%;
padding-right: 0;
}
}
#mc_embed_signup .mc-field-group:not(.input-group) input {
padding: 10px 24px !important;
text-indent: 0 !important;
border-radius: 12px !important;
border: 1px solid var(--color-gray) !important;
height: 54px !important;
font-size: 18px !important;
transition: border 0.3s ease !important;
color: var(--color-black) !important;
width: 100% !important;
}
@media only screen and (max-width: 767px) {
#mc_embed_signup .mc-field-group:not(.input-group) input {
height: 48px !important;
font-size: 16px !important;
padding: 6px 24px !important;
}
}
#mc_embed_signup .mc-field-group:not(.input-group) input:focus {
border-color: var(--color-black) !important;
}
#mc_embed_signup .mc-field-group:not(.input-group) input::-webkit-input-placeholder {
color: var(--color-gray) !important;
}
#mc_embed_signup .mc-field-group:not(.input-group) input.mce_inline_error {
border-color: #e85c41 !important;
}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
margin: 4px 0 0 !important;
color: var(--color-white) !important;
background-color: var(--color-red) !important;
display: inline-flex !important;
padding: 2px 16px !important;
font-size: 16px;
border-radius: 4px;
}
#mc_embed_signup .button {
margin: 0 !important;
height: auto !important;
padding: 8px 24px !important;
font-size: 20px !important;
min-height: 56px !important;
display: inline-flex !important;
align-items: center !important;
text-transform: uppercase !important;
font-weight: 700 !important;
border-radius: 60px !important;
background-color: var(--color-black) !important;
color: var(--color-white) !important;
margin-top: 30px !important;
border: 0 !important;
cursor: pointer;
transition: all 0.3s ease !important;
}
@media only screen and (max-width: 1200px) {
#mc_embed_signup .button {
font-size: 18px !important;
min-height: 50px !important;
}
}
@media only screen and (max-width: 1022px) {
#mc_embed_signup .button {
font-size: 16px !important;
min-height: 44px !important;
padding: 2px 20px 4px !important;
}
}
@media only screen and (max-width: 767px) {
#mc_embed_signup .button {
font-size: 14px !important;
gap: 8px !important;
margin-top: 14px !important;
}
}
#mc_embed_signup .button:hover {
opacity: 1 !important;
background-color: var(--color-white) !important;
color: var(--color-black) !important;
}
#mc_embed_signup div#mce-responses {
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
#mc_embed_signup div.response {
margin: 20px 0 !important;
padding: 20px !important;
border: 1px solid currentColor !important;
border-radius: 10px !important;
}
#mc_embed_shell p:last-child {
margin: 0 !important;
}
.nsf-box {
line-height: inherit !important;
color: inherit;
display: inline-block;
box-sizing: border-box;
z-index: 65535;
margin: 0;
padding: 0;
user-select: none;
background: transparent !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
width: 100% !important;
}
.nsf-box > .nsf-inner {
padding: 0 !important;
margin: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
.nsf-box .mar15 form .form-group {
margin: 0 0 18px !important;
}
.nsf-box .mar15 form .form-group.form-group-text {
margin: 0 0 26px !important;
}
@media only screen and (max-width: 1022px) {
.nsf-box .mar15 form .form-group.form-group-text {
margin-bottom: 8px !important;
}
}
.nsf-box .nsf-inner .form-group {
width: 100% !important;
padding-bottom: 0 !important;
min-height: 1px !important;
margin: 0 0 24px !important;
color: var(--color-white) !important;
}
@media only screen and (max-width: 1022px) {
.nsf-box .nsf-inner .form-group {
margin-bottom: 16px !important;
}
}
.nsf-box .nsf-inner .form-group:not(.form-group-checkbox):not(.form-group-button):not(.form-group-text) {
flex: 0 0 33.33%;
padding-right: 20px;
}
@media only screen and (max-width: 1022px) {
.nsf-box .nsf-inner .form-group:not(.form-group-checkbox):not(.form-group-button):not(.form-group-text) {
flex: 0 0 100%;
padding-right: 0;
}
}
.nsf-box .nsf-inner .form-group.form-group-button {
margin-bottom: 0 !important;
}
.nsf-box .nsf-inner .form-group strong {
text-transform: uppercase;
}
.nsf-box .nsf-inner .form-group ul {
margin: 0 !important;
}
.nsf-box .nsf-inner .form-group li {
position: relative;
padding: 0 !important;
}
.nsf-box .nsf-inner .form-group li br {
display: none;
}
.nsf-box .nsf-inner .form-group p {
margin: 0 0 10px !important;
}
.nsf-box .nsf-inner .form-group .control-label {
display: none !important;
width: 100% !important;
margin-bottom: 4px !important;
font-weight: 700 !important;
text-transform: uppercase;
color: inherit !important;
font-size: inherit !important;
}
.nsf-box .nsf-inner .form-group .control-label a {
color: inherit;
text-decoration: underline;
}
.nsf-box .nsf-inner .form-group .control-label a:hover {
text-decoration: none;
}
.nsf-box .nsf-inner .form-group .control-label br {
display: none !important;
}
.nsf-box .nsf-inner .form-group .form-control,
.nsf-box .nsf-inner .form-group input.form-control,
.nsf-box .nsf-inner .form-group input,
.nsf-box .nsf-inner .form-group input[type=email],
.nsf-box .nsf-inner .form-group .nsf-box form input[type=email] {
padding: 10px 24px !important;
text-indent: 0 !important;
border-radius: 12px !important;
border: 1px solid var(--color-gray) !important;
height: 54px !important;
font-size: 18px !important;
transition: border 0.3s ease !important;
color: var(--color-black) !important;
width: 100% !important;
}
@media only screen and (max-width: 767px) {
.nsf-box .nsf-inner .form-group .form-control,
.nsf-box .nsf-inner .form-group input.form-control,
.nsf-box .nsf-inner .form-group input,
.nsf-box .nsf-inner .form-group input[type=email],
.nsf-box .nsf-inner .form-group .nsf-box form input[type=email] {
height: 48px !important;
font-size: 16px !important;
padding: 6px 12px !important;
}
}
.nsf-box .nsf-inner .form-group .form-control:focus,
.nsf-box .nsf-inner .form-group input.form-control:focus,
.nsf-box .nsf-inner .form-group input:focus,
.nsf-box .nsf-inner .form-group input[type=email]:focus,
.nsf-box .nsf-inner .form-group .nsf-box form input[type=email]:focus {
border-color: var(--color-black) !important;
}
.nsf-box .nsf-inner .form-group .form-control::-webkit-input-placeholder,
.nsf-box .nsf-inner .form-group input.form-control::-webkit-input-placeholder,
.nsf-box .nsf-inner .form-group input::-webkit-input-placeholder,
.nsf-box .nsf-inner .form-group input[type=email]::-webkit-input-placeholder,
.nsf-box .nsf-inner .form-group .nsf-box form input[type=email]::-webkit-input-placeholder {
color: var(--color-gray) !important;
}
.nsf-box .form-group [data-type=text] {
font-weight: 400 !important;
font-family: var(--font-saharin-rr);
margin: 0 0 28px !important;
line-height: 1 !important;
font-size: 60px !important;
text-transform: uppercase;
flex: 0 0 100%;
text-align: left;
color: var(--color-white) !important;
}
@media only screen and (max-width: 1200px) {
.nsf-box .form-group [data-type=text] {
font-size: 50px !important;
}
}
@media only screen and (max-width: 1022px) {
.nsf-box .form-group [data-type=text] {
font-size: 40px !important;
}
}
.nsf-box div.nsf-checkbox,
.nsf-box div.nsf-radio {
margin-bottom: 4px !important;
}
.nsf-box .nsf-radio label.text,
.nsf-box .nsf-checkbox label.text {
padding-left: 36px;
position: relative;
cursor: pointer;
font-weight: 400 !important;
font-size: 18px !important;
text-transform: none !important;
color: var(--color-white) !important;
padding-top: 0 !important;
}
@media only screen and (max-width: 767px) {
.nsf-box .nsf-radio label.text,
.nsf-box .nsf-checkbox label.text {
font-size: 14px !important;
}
}
.nsf-box .magic-radio + label:before,
.nsf-box .magic-checkbox + label:before {
background-color: var(--color-white) !important;
border-color: var(--color-gray) !important;
}
.nsf-box .magic-checkbox + label:after {
z-index: 1;
}
.nsf-box .magic-radio:checked + label:after,
.nsf-box .magic-checkbox:checked + label:after {
border-color: var(--color-blue-darker) !important;
}
.nsf-box .magic-radio + label:after {
top: 13px !important;
left: 6px !important;
z-index: 1;
}
@media only screen and (max-width: 1439px) {
.nsf-box .magic-radio + label:after {
top: 12px !important;
}
}
@media only screen and (max-width: 1022px) {
.nsf-box .magic-radio + label:after {
top: 10px !important;
}
}
.nsf-box form {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin: 0 !important;
}
@media only screen and (max-width: 1022px) {
.nsf-box form {
flex-direction: column;
}
}
.nsf-box .form-group .nsf-btn,
.nsf-box .form-group button.nsf-btn {
margin: 0 !important;
height: auto !important;
padding: 8px 24px !important;
font-size: 20px !important;
min-height: 56px !important;
display: inline-flex !important;
align-items: center !important;
text-transform: uppercase !important;
font-weight: 700 !important;
border-radius: 60px !important;
background-color: var(--color-black) !important;
color: var(--color-white) !important;
margin-top: 0 !important;
border: 0 !important;
transition: all 0.3s ease !important;
}
@media only screen and (max-width: 1200px) {
.nsf-box .form-group .nsf-btn,
.nsf-box .form-group button.nsf-btn {
font-size: 18px !important;
min-height: 50px !important;
}
}
@media only screen and (max-width: 1022px) {
.nsf-box .form-group .nsf-btn,
.nsf-box .form-group button.nsf-btn {
font-size: 16px !important;
min-height: 44px !important;
padding: 2px 20px 4px !important;
}
}
@media only screen and (max-width: 767px) {
.nsf-box .form-group .nsf-btn,
.nsf-box .form-group button.nsf-btn {
font-size: 14px !important;
gap: 8px !important;
margin-top: 0 !important;
}
}
.nsf-box .form-group .nsf-btn:hover,
.nsf-box .form-group button.nsf-btn:hover {
opacity: 1 !important;
background-color: var(--color-white) !important;
color: var(--color-black) !important;
}
.intro-module__top::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.intro-module {
position: relative;
min-height: 100vh;
flex-direction: column;
padding-bottom: 106px;
}
@media only screen and (max-width: 1022px) {
.intro-module {
padding: 60px 0 160px;
height: auto;
}
}
.intro-module__background {
position: relative;
height: auto;
flex: auto;
width: 100%;
background-color: var(--color-black);
}
.intro-module__background-iframe {
z-index: 1;
border: 0;
}
.intro-module__background-iframe.mobile {
z-index: 2;
}
.intro-module__background--mobile {
z-index: 3;
display: none;
}
.intro-module__background video {
object-fit: fill;
}
@media only screen and (max-width: 1022px) {
.intro-module__background.has-mobile-video .intro-module__background--desktop {
display: none;
}
}
@media only screen and (max-width: 1022px) {
.intro-module__background.has-mobile-video .intro-module__background--mobile {
display: block;
}
}
.intro-module__modes {
display: flex;
align-items: center;
padding: 10px 0;
gap: 24px;
position: relative;
z-index: 1212;
opacity: 0;
transition: opacity 0.2s ease;
}
.is-scrolled .intro-module__modes, .load-modes-switch .intro-module__modes {
opacity: 1;
}
@media only screen and (max-width: 1200px) {
.intro-module__modes {
gap: 12px;
}
}
@media only screen and (max-width: 1022px) {
.intro-module__modes {
padding: 16px 0 0;
}
}
.intro-module__modes .mod-toggle-button {
pointer-events: none;
}
.intro-module__modes .mod-toggle-button__switch {
width: 11.5vw;
height: 5.8vw;
}
.intro-module__modes .mod-toggle-button__switch::before {
border-radius: 20vw;
}
.intro-module__modes .mod-toggle-button__switch::after {
top: 0.6vw;
left: 0.6vw;
width: 4.6vw;
height: 4.6vw;
}
.intro-module__modes .mod-toggle-button input:checked + .mod-toggle-button__label .mod-toggle-button__switch::after {
transform: translate(5.6vw, 0);
}
.intro-module__modes-wrapper {
width: 100%;
position: relative;
}
.intro-module__modes-image {
line-height: 0;
width: 100%;
pointer-events: none;
}
.intro-module__modes-image img {
width: 100%;
height: auto;
}
.intro-module__modes--hidden {
opacity: 0 !important;
}
.intro-module__modes--visible {
position: fixed;
bottom: 106px;
width: 100%;
right: 36px;
transition: var(--transition-timing, 0s) ease;
}
@media only screen and (max-width: 1439px) {
.intro-module__modes--visible {
right: 30px;
}
}
@media only screen and (max-width: 1022px) {
.intro-module__modes--visible {
bottom: initial;
right: initial;
top: calc(100vh - 160px);
transform: translate(0, -100%);
left: 20px;
z-index: 1211;
}
}
.is-scrolled .intro-module__modes--visible {
background-color: transparent;
}
@media only screen and (min-width: 1201px) {
.is-scrolled .intro-module__modes--visible {
bottom: 28px;
max-width: 360px;
}
}
@media only screen and (min-width: 1023px) {
.is-scrolled .intro-module__modes--visible {
max-width: 220px;
bottom: 32px;
}
}
@media only screen and (max-width: 1022px) {
.is-scrolled .intro-module__modes--visible {
max-width: 180px;
top: 46px;
left: 20px;
}
}
.is-scrolled .intro-module__modes--visible .mod-toggle-button__switch {
width: 42px;
height: 22px;
}
@media only screen and (max-width: 1022px) {
.is-scrolled .intro-module__modes--visible .mod-toggle-button__switch {
width: 30px;
height: 16px;
}
}
.is-scrolled .intro-module__modes--visible .mod-toggle-button__switch::after {
width: 18px;
height: 18px;
top: 2px;
left: 2px;
}
@media only screen and (max-width: 1022px) {
.is-scrolled .intro-module__modes--visible .mod-toggle-button__switch::after {
width: 12px;
height: 12px;
}
}
.is-scrolled .intro-module__modes--visible .mod-toggle-button input:checked + .mod-toggle-button__label .mod-toggle-button__switch::before {
box-shadow: 0px 0px 6.08px 0px #ac00ff, 0px 0px 12.16px 0px #ac00ff, 0px 0px 42.57px 0px #ac00ff, 0px 0px 85.14px 0px #ac00ff, 0px 0px 145.96px 0px #ac00ff, 0px 0px 250px 0px #ac00ff;
}
.is-scrolled .intro-module__modes--visible .mod-toggle-button input:checked + .mod-toggle-button__label .mod-toggle-button__switch::after {
transform: translate(18px, 0);
}
@media only screen and (max-width: 1022px) {
.is-scrolled .intro-module__modes--visible .mod-toggle-button input:checked + .mod-toggle-button__label .mod-toggle-button__switch::after {
transform: translate(13px, 0);
}
}
.is-scrolled .intro-module__modes--visible .mod-toggle-button:hover .mod-toggle-button__switch::before {
box-shadow: 0px 0px 6.08px 0px #ffffff, 0px 0px 12.16px 0px #ffffff, 0px 0px 42.57px 0px #ffffff, 0px 0px 85.14px 0px #ffffff, 0px 0px 145.96px 0px #ffffff, 0px 0px 250px 0px #ffffff;
}
@media only screen and (min-width: 1023px) {
.intro-module__row {
display: flex;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
padding: 24px 0;
align-items: center;
gap: 20px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
min-height: 106px;
z-index: 99;
}
}
.intro-module__row .container {
display: flex;
align-items: center;
}
@media only screen and (max-width: 1022px) {
.intro-module__row .container {
max-width: 100%;
}
}
.intro-module__row-right {
min-width: 360px;
display: flex;
justify-content: flex-end;
}
@media (min-width: 1600px) {
.intro-module__row-right {
flex: 1;
}
}
@media only screen and (max-width: 1200px) {
.intro-module__row-right {
min-width: 220px;
}
}
@media only screen and (max-width: 1022px) {
.intro-module__row-right {
position: fixed;
justify-content: space-between;
padding: 8px 20px;
left: 0;
top: 0;
z-index: 400;
width: 100%;
min-height: 74px;
background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
align-items: center;
}
.is-open-menu .intro-module__row-right {
z-index: 1210;
}
}
@media (min-width: 1600px) {
.intro-module__nav {
flex: 1;
}
}
@media only screen and (max-width: 1022px) {
.intro-module__nav {
position: fixed;
left: 0;
top: 0;
width: 100%;
background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
height: 100%;
padding-top: 60px;
display: flex;
justify-content: center;
overflow: auto;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.is-open-menu .intro-module__nav {
opacity: 1;
visibility: visible;
z-index: 1210;
}
.intro-module__nav ul {
display: flex;
flex-direction: column;
gap: 24px;
z-index: 9;
align-items: center;
padding: 0 20px;
margin: 60px 0;
min-width: 150px;
}
}
.intro-module__nav-list {
display: flex;
align-items: center;
gap: 20px;
}
@media only screen and (max-width: 1200px) {
.intro-module__nav-list {
gap: 16px;
}
}
.intro-module__nav-link {
position: relative;
display: flex;
align-items: center;
padding-left: 50px;
}
@media only screen and (max-width: 1439px) {
.intro-module__nav-link {
font-size: 32px;
padding-left: 32px;
}
}
@media only screen and (max-width: 1200px) {
.intro-module__nav-link {
font-size: 24px;
padding-left: 24px;
}
}
@media only screen and (max-width: 1022px) {
.intro-module__nav-link {
font-size: 40px;
min-width: 200px;
padding-left: 46px;
}
}
.intro-module__nav-link::after, .intro-module__nav-link::before {
content: "";
width: 38px;
height: 38px;
transition: border 0.3s ease, transform 0.3s ease;
border-radius: 100%;
position: absolute;
left: 0;
top: 4px;
}
@media only screen and (max-width: 1439px) {
.intro-module__nav-link::after, .intro-module__nav-link::before {
width: 24px;
height: 24px;
}
}
@media only screen and (max-width: 1200px) {
.intro-module__nav-link::after, .intro-module__nav-link::before {
width: 18px;
height: 18px;
top: 3px;
}
}
@media only screen and (max-width: 1022px) {
.intro-module__nav-link::after, .intro-module__nav-link::before {
width: 30px;
height: 30px;
top: 5px;
}
}
.intro-module__nav-link::before {
border: 4px solid currentColor;
}
@media only screen and (max-width: 1439px) {
.intro-module__nav-link::before {
border-width: 2px;
}
}
@media only screen and (max-width: 1022px) {
.intro-module__nav-link::before {
border-width: 3px;
}
}
.intro-module__nav-link::after {
transform: scale(0);
background-color: var(--color-purple);
}
.intro-module__nav-link:hover {
color: var(--color-purple);
}
.intro-module__nav-link.is-active, .intro-module__nav-link:active {
color: var(--color-purple);
}
.intro-module__nav-link.is-active::after, .intro-module__nav-link:active::after {
transform: scale(1);
}
.intro-module__buttons {
display: flex;
gap: 20px;
justify-content: center;
}
@media (min-width: 1600px) {
.intro-module__buttons {
flex: 1;
}
}
@media (max-width: 1599px) {
.intro-module__buttons {
flex: auto;
}
}
@media only screen and (max-width: 1200px) {
.intro-module__buttons {
gap: 8px;
}
}
@media only screen and (max-width: 1022px) {
.intro-module__buttons {
padding: 16px 20px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
position: fixed;
left: 0;
bottom: 0;
z-index: 99;
width: 100%;
}
}
@media only screen and (max-width: 1022px) {
.intro-module__buttons .btn {
flex: 1;
font-size: 14px;
gap: 6px;
padding: 2px 8px 4px;
}
}
.intro-module__top {
position: fixed;
top: 0;
left: 0;
padding: 18px;
min-height: 78px;
display: flex;
justify-content: center;
width: 100%;
visibility: hidden;
opacity: 0;
z-index: 1200;
pointer-events: none;
transition: visibility 0.3s ease, opacity 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.intro-module__top {
display: none;
}
}
.is-dark-mode .intro-module__top {
visibility: visible;
opacity: 1;
}
.intro-module__top::after {
background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
.intro-module__top .intro-module__modes {
pointer-events: all;
}
.intro-module__dates {
display: grid;
grid-gap: 34px;
}
@media only screen and (max-width: 767px) {
.intro-module__dates {
grid-gap: 12px;
}
}
.intro-module__dates img {
width: 100%;
height: auto;
object-fit: contain;
}
[data-mode-switch] {
cursor: pointer;
user-select: none;
}
.footer__archive-nav-wrapper:after, .footer__archive-nav-wrapper::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.footer {
position: relative;
width: 100%;
letter-spacing: -0.02em;
}
.footer__top {
background-color: var(--color-purple);
z-index: 100;
}
.footer__top-middle {
display: flex;
align-items: flex-end;
gap: 20px;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.footer__top-middle {
flex-direction: column;
align-items: flex-start;
gap: 55px;
}
}
.footer__top-middle.title {
font-family: var(--font-primary);
line-height: 1.2;
letter-spacing: -0.02em;
}
@media only screen and (max-width: 767px) {
.footer__top-middle.title {
font-size: 36px;
}
}
.footer__logo {
display: flex;
max-width: 272px;
width: 100%;
margin-bottom: auto;
}
@media only screen and (max-width: 1022px) {
.footer__logo {
max-width: 240px;
}
}
@media only screen and (max-width: 767px) {
.footer__logo {
max-width: 136px;
margin-bottom: 128px;
}
}
.footer__logo img {
width: 100%;
height: auto;
object-fit: contain;
}
.footer__inner {
min-height: 562px;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 36px 0;
gap: 35px;
}
@media only screen and (max-width: 1200px) {
.footer__inner {
min-height: 480px;
}
}
@media only screen and (max-width: 1022px) {
.footer__inner {
min-height: 362px;
padding: 20px 0;
}
}
@media only screen and (max-width: 767px) {
.footer__inner {
min-height: 1px;
}
}
.footer address {
margin-bottom: 0;
}
.footer__nav {
flex-shrink: 0;
}
.footer__nav ul {
display: grid;
}
@media only screen and (max-width: 767px) {
.footer__nav ul {
grid-gap: 4px;
}
}
.footer__nav-link {
position: relative;
display: inline-flex;
}
.footer__nav-link::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-color: var(--color-white);
transform-origin: left;
transition: transform 0.3s ease;
}
.footer__nav-link:hover::before {
transform-origin: right;
transform: scaleX(0);
}
@media only screen and (max-width: 767px) {
.footer__text {
font-size: 14px;
}
}
.footer__archive {
padding: 24px 0 120px;
background-color: var(--color-white);
}
@media only screen and (max-width: 1022px) {
.footer__archive {
padding: 18px 0 100px;
overflow: hidden;
}
}
.footer__archive-title {
color: var(--color-purple);
flex-shrink: 0;
}
.footer__archive-inner {
display: flex;
gap: 16px 28px;
align-items: center;
}
@media only screen and (max-width: 1022px) {
.footer__archive-inner {
gap: 16px 10px;
width: calc(100% + 5px);
}
}
@media only screen and (max-width: 1022px) {
.footer__archive-nav {
overflow: auto;
line-height: 1.5;
position: relative;
padding-left: 15px;
}
.footer__archive-nav::-webkit-scrollbar {
display: none;
}
}
.footer__archive-nav-wrapper {
position: relative;
}
@media only screen and (max-width: 1022px) {
.footer__archive-nav-wrapper {
overflow: hidden;
width: calc(100% + 15px);
}
}
.footer__archive-nav-wrapper:after, .footer__archive-nav-wrapper::before {
width: 30px;
background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
z-index: 3;
}
@media only screen and (min-width: 1023px) {
.footer__archive-nav-wrapper:after, .footer__archive-nav-wrapper::before {
display: none;
}
}
.footer__archive-nav-wrapper::after {
left: inherit;
right: 0;
transform: scaleX(-1);
}
.footer__archive-list {
display: flex;
gap: 8px 25px;
flex-wrap: wrap;
align-items: center;
position: relative;
}
@media only screen and (max-width: 1022px) {
.footer__archive-list {
flex-wrap: nowrap;
}
}
@media only screen and (max-width: 1022px) {
.footer__archive-item:last-child {
padding-right: 15px;
}
}
.footer__archive-link {
position: relative;
color: var(--color-black);
text-decoration: underline;
}
@media only screen and (max-width: 1022px) {
.footer__archive-link {
line-height: 1;
}
}
.footer__archive-link:hover {
color: var(--color-purple);
}
.noscript {
display: block;
width: 100%;
position: relative;
z-index: 9999;
}
.noscript__content {
background-color: #ffc107;
border: 4px solid black;
color: black;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 40px;
text-align: center;
width: 100%;
}
.image-slider {
position: relative;
overflow: hidden;
user-select: none;
}
.image-slider .swiper-slide {
width: auto;
}
.image-slider .swiper {
overflow: visible;
}
.image-slider__slide img {
width: auto;
height: 514px;
}
@media only screen and (max-width: 1439px) {
.image-slider__slide img {
height: 400px;
}
}
@media only screen and (max-width: 1022px) {
.image-slider__slide img {
height: 300px;
}
}
.image-slider__slide-caption {
position: absolute;
left: 0;
bottom: 0;
z-index: 3;
color: var(--color-white);
line-height: 1;
background-color: var(--color-black);
padding: 6px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.image-slider__nav {
display: flex;
margin-top: 14px;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.image-slider__nav {
display: none;
}
}
.image-slider__nav-arrow {
width: 36px;
height: 36px;
}
.image-slider__nav-arrow .icon::before {
background-color: currentColor;
}
.image-slider__nav-arrow[aria-disabled=true] {
pointer-events: none;
}
.image-slider__nav-arrow[aria-disabled=true] .icon::before {
background-color: var(--color-gray);
}
.location-module {
display: grid;
grid-gap: 140px;
grid-template-columns: 588px 1fr;
align-items: center;
}
@media only screen and (max-width: 1439px) {
.location-module {
grid-template-columns: 1fr 1fr;
grid-gap: 80px;
}
}
@media only screen and (max-width: 1200px) {
.location-module {
grid-template-columns: 1fr;
grid-gap: 80px;
}
}
@media only screen and (max-width: 1022px) {
.location-module {
grid-gap: 60px;
}
}
@media only screen and (max-width: 767px) {
.location-module {
grid-gap: 32px;
}
}
.location-module__left {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 44px;
}
@media only screen and (max-width: 767px) {
.location-module__left {
grid-gap: 32px;
}
}
.location-module img {
width: 100%;
}
.location-module .title {
font-family: var(--font-saharin-rr);
}
.location-module__image {
position: relative;
height: 0;
overflow: hidden;
padding-bottom: 84%;
}
.sc-location-module {
background-color: var(--color-blue);
}
@media only screen and (min-width: 1440px) {
.sc-location-module .container {
max-width: 1466px;
}
}
.partners-module__title {
margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
.partners-module__title {
margin-bottom: 40px;
}
}
.partners-module__group {
padding: 80px 0;
border-bottom: 2px solid var(--color-gray-darker);
}
@media only screen and (max-width: 1200px) {
.partners-module__group {
padding: 50px 0;
}
}
@media only screen and (max-width: 767px) {
.partners-module__group {
padding: 40px 0;
border-bottom: 0;
}
}
.partners-module__group:last-of-type {
border-bottom: none;
padding-bottom: 0;
}
.partners-module__group-title {
margin-bottom: 40px;
color: var(--color-gray-dark);
}
.partners-module__logos {
display: flex;
align-items: center;
gap: 80px 160px;
flex-wrap: wrap;
}
@media only screen and (max-width: 1439px) {
.partners-module__logos {
gap: 60px 100px;
}
}
@media only screen and (max-width: 1200px) {
.partners-module__logos {
gap: 60px 80px;
}
}
@media only screen and (max-width: 767px) {
.partners-module__logos {
gap: 48px;
}
}
.partners-module__logo {
max-width: 204px;
flex-shrink: 0;
transition: opacity 0.3s ease;
}
@media only screen and (max-width: 1439px) {
.partners-module__logo {
max-width: 180px;
}
}
@media only screen and (max-width: 1200px) {
.partners-module__logo {
max-width: 150px;
}
}
@media only screen and (max-width: 1022px) {
.partners-module__logo {
justify-content: flex-start;
}
}
@media only screen and (max-width: 767px) {
.partners-module__logo {
max-width: 204px;
}
}
.partners-module__logo img {
max-height: 128px;
width: auto;
height: auto;
object-fit: contain;
}
@media only screen and (max-width: 1439px) {
.partners-module__logo img {
max-height: 120px;
}
}
@media only screen and (max-width: 1200px) {
.partners-module__logo img {
max-height: 100px;
}
}
@media only screen and (max-width: 767px) {
.partners-module__logo img {
max-height: 128px;
}
}
.partners-module__logo[href]:hover {
opacity: 0.9;
}
.single-page-header {
position: relative;
}
.single-page-header__link {
margin-bottom: 48px;
}
.single-page-header__link-link {
text-transform: uppercase;
font-weight: 700;
font-style: normal;
}
@media only screen and (max-width: 767px) {
.single-page-header__link-link {
font-size: 16px;
}
}
.single-page-header__link-link:hover {
color: var(--color-orange);
}
.single-page-header__info {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.single-page-header__info {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: 42px;
}
}
.single-page-header .title {
font-family: var(--font-saharin-rr);
color: var(--color-orange);
margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
.single-page-header .title {
margin-bottom: 40px;
}
}
.single-page-header__body {
line-height: 1.2;
}
@media only screen and (max-width: 767px) {
.single-page-header__body {
font-size: 24px;
}
}
.single-page-header__sub-title {
margin-bottom: 20px;
}
.hamburger:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.hamburger {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
padding: 0;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit;
font-family: inherit;
}
.site-header {
width: 100%;
user-select: none;
position: fixed;
left: 0;
top: 0;
transition: transform 0.3s ease, border 0.3s ease, background-color 0.3s ease;
z-index: 100;
}
.site-header__logo {
display: block;
position: relative;
}
.site-header__logo img {
object-fit: contain;
transition: opacity 0.3s ease;
}
.hamburger {
cursor: pointer;
z-index: 12;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
pointer-events: all;
gap: 7px;
padding: 6px;
top: 0;
position: relative;
}
.hamburger:after {
z-index: 9;
transform: scale(1.5);
-webkit-transform: scale(1.5);
}
.hamburger__bar {
background-color: var(--color-white);
height: 3px;
display: block;
width: 100%;
pointer-events: none;
border-radius: 4px;
position: relative;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.is-open-menu .hamburger__bar:first-child {
transform: translateY(10px) rotate(225deg);
}
.is-open-menu .hamburger__bar:nth-child(2) {
transform: scale(0);
}
.is-open-menu .hamburger__bar:last-child {
transform: translateY(-10px) rotate(315deg);
}
.tickets-module {
position: relative;
}
.tickets-module__title {
font-family: var(--font-plantin);
}
.tickets-module__header {
padding-bottom: 30px;
border-bottom: 2px solid var(--color-gray-darker);
display: grid;
grid-gap: 40px;
}
@media only screen and (max-width: 1022px) {
.tickets-module__header {
padding-bottom: 24px;
grid-gap: 20px;
}
}
.tickets-module__text {
max-width: 954px;
}
.tickets-module__text strong {
font-weight: inherit;
color: var(--color-white);
}
.tickets-module__item {
padding: 64px 0;
border-bottom: 2px solid var(--color-gray-darker);
display: grid;
grid-gap: 22px;
}
@media only screen and (max-width: 1200px) {
.tickets-module__item {
padding: 40px 0;
}
}
@media only screen and (max-width: 1022px) {
.tickets-module__item {
padding: 36px 0;
}
}
@media only screen and (max-width: 767px) {
.tickets-module__item {
font-size: 16px;
line-height: 1.2;
}
}
.tickets-module__item-title {
font-family: var(--font-primary);
}
@media only screen and (max-width: 767px) {
.tickets-module__item-title {
font-size: 24px;
}
}
.tickets-module__item-price {
font-family: var(--font-saharin-rr);
font-weight: 400;
}
@media only screen and (max-width: 1022px) {
.tickets-module__item-price {
font-size: 24px;
}
}
.tickets-module__item-row {
display: grid;
grid-gap: 24px;
grid-template-columns: 49% 1fr auto;
align-items: center;
}
@media only screen and (max-width: 1022px) {
.tickets-module__item-row {
grid-template-columns: 1fr;
grid-gap: 4px;
}
}
.tickets-module__item-row.is-disabled {
opacity: 0.4;
pointer-events: none;
}
@media only screen and (max-width: 1022px) {
.tickets-module__item-button {
text-align: left;
margin-top: 28px;
}
}
.tickets-module__button {
margin-top: 12px;
}
@media only screen and (max-width: 1022px) {
.tickets-module__button {
margin-top: 0;
}
}
.tickets-module .editor-text p a {
color: var(--color-white);
text-decoration: underline;
}
.tickets-module .editor-text p a:hover {
text-decoration: none;
}
@media only screen and (max-width: 1022px) {
.tickets-module--secondary .tickets-module__list {
font-size: 24px;
}
}
@media only screen and (max-width: 1022px) {
.tickets-module--secondary .tickets-module__item {
padding: 26px 0;
grid-gap: 28px;
}
}
.tickets-module--secondary .tickets-module__item:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.tickets-module--secondary .tickets-module__item-title {
font-family: var(--font-saharin-rr);
font-weight: 400;
text-transform: uppercase;
}
@media only screen and (max-width: 1022px) {
.tickets-module--secondary .tickets-module__item-title {
margin-bottom: 0;
}
}
.tickets-module--secondary .tickets-module__item-row {
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 1022px) {
.tickets-module--secondary .tickets-module__item-row {
flex-direction: column;
grid-gap: 12px;
align-items: flex-start;
}
}
.tickets-module--secondary .tickets-module__item-price {
flex-shrink: 0;
}
.tickets-module--secondary .text--36 {
line-height: 1.2;
}
.text-module {
position: relative;
}
.text-module__left .title {
font-family: var(--font-plantin);
font-weight: 300;
margin-bottom: 56px;
}
@media only screen and (max-width: 767px) {
.text-module__left .title {
font-size: 36px;
margin-bottom: 38px;
}
}
.text-module__left .title--h1 {
font-family: var(--font-saharin-rr);
color: var(--color-purple);
}
@media only screen and (max-width: 767px) {
.text-module__left .title--h1 {
font-size: 32px;
}
}
.text-module__button {
margin-bottom: 50px;
}
@media only screen and (max-width: 1022px) {
.text-module__button {
margin-bottom: 32px;
}
}
@media only screen and (min-width: 1023px) {
.text-module__right {
position: sticky;
position: -webkit-sticky;
top: 128px;
}
}
@media only screen and (max-width: 1022px) {
.text-module__right {
margin-top: 65px;
}
}
.text-module__right .editor-text {
color: var(--color-gray-dark);
}
@media only screen and (max-width: 767px) {
.text-module__right .editor-text {
font-size: 16px;
}
}
.text-module__right-title {
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.text-module__right-title {
font-size: 24px;
margin-bottom: 6px;
}
}
.text-module__right-sub-title {
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.text-module__right-sub-title {
font-size: 16px;
margin-bottom: 6px;
}
}
.text-module__price {
font-family: var(--font-saharin-rb);
margin-bottom: 48px;
}
@media only screen and (max-width: 767px) {
.text-module__price {
font-size: 24px;
margin-bottom: 28px;
}
}
.text-module__list {
display: grid;
grid-gap: 16px;
}
@media only screen and (max-width: 767px) {
.text-module__list {
grid-gap: 20px;
}
}
.text-module__list-item--bullet {
font-weight: 300;
margin-top: 38px;
}
@media only screen and (max-width: 767px) {
.text-module__list-item--bullet {
margin-top: 22px;
}
}
.text-module__list-link {
transition: color 0.3s ease, text-shadow 0.3s ease;
}
.text-module__list-link sup {
font-size: 25%;
font-family: var(--font-primary);
color: var(--color-white);
font-weight: 400;
text-transform: none;
vertical-align: top;
top: 0.9em;
}
@media only screen and (max-width: 767px) {
.text-module__list-link sup {
display: block;
font-size: 12px;
top: 0;
vertical-align: bottom;
margin-top: 14px;
}
}
.text-module__list-link[href]:hover {
color: var(--color-white);
text-shadow: rgba(255, 255, 255, 0.5) 0 0 16px;
}
.text-module__more-text {
font-weight: 300;
margin-top: 50px;
}
@media only screen and (max-width: 767px) {
.text-module__more-text {
margin-top: 30px;
font-size: 36px;
}
}
.text-module.bg-blue-dark .editor-text {
color: var(--color-white);
}
.text-module.text--orange {
color: var(--color-orange);
}
.text-module.text--orange .text-module__list-link[href]:hover {
color: var(--color-orange);
text-shadow: rgba(242, 103, 36, 0.5) 0 0 16px;
}
.text-module.text--orange .editor-text {
color: var(--color-white);
}
@media only screen and (max-width: 767px) {
.sc-text-module .section-margin:last-child .margin {
height: 128px !important;
}
}
.special-guest {
position: relative;
}
.special-guest__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 36px 32px;
gap: 20px;
border-bottom: 1px solid var(--color-blue-dark);
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 9;
background-color: var(--color-yellow);
}
@media only screen and (max-width: 1022px) {
.special-guest__header {
padding: 16px;
gap: 10px;
}
}
@media (max-width: 370px) {
.special-guest__header {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
}
.special-guest__header-left {
flex: auto;
line-height: 1;
font-family: var(--font-saharin-rr);
}
@media only screen and (max-width: 1022px) {
.special-guest__header-left {
font-size: 20px;
}
}
.special-guest__header-right {
flex-shrink: 0;
}
@media only screen and (max-width: 1022px) {
.special-guest__header .btn {
font-size: 16px;
min-height: 46px;
padding: 2px 20px 4px;
}
}
.special-guest__body {
display: grid;
grid-gap: 10px;
grid-template-columns: 67% 1fr;
position: relative;
}
@media only screen and (max-width: 767px) {
.special-guest__body {
grid-template-columns: 1fr;
grid-gap: 0;
}
}
.special-guest__images {
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 767px) {
.special-guest__images {
grid-template-columns: 1fr;
}
}
.special-guest__image {
position: relative;
padding-bottom: 100%;
}
.special-guest__content {
color: var(--color-black);
display: flex;
flex-direction: column;
align-items: flex-start;
line-height: 1.2;
}
@media only screen and (max-width: 767px) {
.special-guest__content {
font-size: 20px;
}
}
.special-guest .title {
background-color: var(--color-white);
padding: 4px 6px;
line-height: 1;
}
@media only screen and (max-width: 1022px) {
.special-guest .title {
font-size: 28px;
padding: 2px 4px;
}
}
.special-guest__text {
background-color: var(--color-white);
padding: 4px 6px;
}
.special-guest__time {
padding: 4px 6px;
background-color: var(--color-black);
}
.card {
position: relative;
max-width: 455px;
width: 100%;
}
.card__image {
position: relative;
height: 0;
padding-bottom: 100%;
margin-bottom: 0;
}
.card__tags {
position: absolute;
left: 10px;
top: 10px;
z-index: 3;
display: flex;
flex-wrap: wrap;
}
.card__tag {
line-height: 1;
padding: 8px 10px;
font-family: var(--font-saharin-rb);
color: var(--color-yellow);
background-color: var(--color-orange);
text-transform: uppercase;
}
@media only screen and (max-width: 1022px) {
.card__tag {
font-size: 20px;
padding: 6px 8px;
}
}
.card__tag.free {
background-color: var(--color-blue);
}
.card__tag.music {
background-color: var(--color-yellow);
color: var(--color-orange);
}
.card__content {
color: var(--color-black);
display: flex;
flex-direction: column;
align-items: flex-start;
line-height: 1.2;
}
@media only screen and (max-width: 767px) {
.card__content {
font-size: 20px;
}
}
.card__title {
font-family: var(--font-saharin-rb);
width: 100%;
background-color: var(--color-white);
padding: 4px 6px;
line-height: 1;
transition: color 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.card__title {
font-size: 28px;
padding: 2px 4px;
}
}
.card__text {
background-color: var(--color-white);
padding: 4px 6px;
}
.card__time {
padding: 4px 6px;
background-color: var(--color-black);
transition: color 0.3s ease, background-color 0.3s ease;
}
.card:hover .card__title {
color: var(--color-orange);
}
.card:hover .card__time {
color: var(--color-white);
background-color: var(--color-orange);
}
.card--small {
max-width: 360px;
font-size: 20px;
}
.card--small .card__title {
font-size: 28px;
}
.card--small .card__tag {
padding: 6px 8px;
}
.menu {
position: relative;
font-size: 16px;
line-height: 1;
}
.cookie-banner {
position: fixed;
left: 0;
right: 0;
top: 0;
margin: auto;
padding: 24px 0 56px;
z-index: 998;
color: var(--color-white);
opacity: 0;
visibility: hidden;
background: linear-gradient(180deg, #000000 22.6%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, #000000 22.6%, rgba(0, 0, 0, 0) 100%);
transition: opacity 0.5s ease, visibility 0s linear 0.5s;
}
.cookie-banner.cookie-not-set {
opacity: 1;
pointer-events: all;
visibility: visible;
transition: opacity 0.5s ease, visibility 0s linear;
}
@media only screen and (max-width: 1022px) {
.cookie-banner {
padding: 80px 0 56px;
z-index: 98;
}
}
.cookie-banner__inner {
display: flex;
align-items: center;
gap: 16px;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.cookie-banner__inner {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 12px;
}
}
@media only screen and (max-width: 767px) {
.cookie-banner__left {
font-size: 14px;
}
}
.cookie-banner__right {
flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
.cookie-banner__right {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
width: 100%;
}
}
.cookie-banner__link {
text-decoration: underline;
color: var(--color-purple);
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.cookie-banner__link {
margin-top: 0;
font-size: 14px;
}
}
.cookie-banner__link:hover {
text-decoration: none;
}
.cookie-banner .btn {
font-size: 14px;
min-height: 45px;
font-weight: 600;
gap: 6px;
padding: 2px 20px 4px;
}
.text-slider {
position: relative;
width: 100%;
padding: 24px 0;
}
@media only screen and (max-width: 767px) {
.text-slider {
padding: 12px 0;
}
}
.text-slider__slider {
position: relative;
margin: 0 auto;
overflow: hidden;
height: 54px;
z-index: 3;
}
.text-slider__track {
overflow: hidden;
left: 50%;
position: absolute;
width: 100%;
height: 100%;
font-family: var(--font-saharin-rb);
}
.text-slider__item {
height: 54px;
display: flex;
align-items: center;
white-space: nowrap;
}
.text-slider__item-cell {
position: absolute;
padding-right: 32px;
will-change: transform;
}