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;
}
.collapsing-content__toggle-btn::before, .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;
}
body {
font-size: 16px;
line-height: 1.5;
}
@media only screen and (max-width: 1022px) {
body {
font-size: 14px;
}
}
.text--20 {
font-size: 20px;
line-height: 1.5;
}
@media only screen and (max-width: 1439px) {
.text--20 {
font-size: 18px;
}
}
@media only screen and (max-width: 1022px) {
.text--20 {
font-size: 16px;
}
}
.text--18 {
font-size: 18px;
line-height: 1.5;
}
@media only screen and (max-width: 1200px) {
.text--18 {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.text--18 {
font-size: 14px;
}
}
.text--14 {
font-size: 14px;
line-height: 1.5;
}
.text--13 {
font-size: 13px;
line-height: 22px;
}
.text--12 {
font-size: 12px;
font-weight: 500;
letter-spacing: 1.2px;
text-transform: uppercase;
line-height: 19px;
}
.title-heading {
font-weight: 600;
line-height: 1;
}
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-blue: #007ad6;
--color-blue-dark: #00335a;
--color-blue-light: #00a3f5;
--color-blue-title: #004980;
--color-purple: #a881f9;
--color-purple-dark: #6b3ad2;
--color-purple-darker: #434468;
--color-link-hover: #3c4cdc;
--color-background-blue: #00305a;
--color-body-text: rgba(0, 51, 90, 0.8);
--color-icon-gradient-1: radial-gradient(178.44% 201.45% at 50.49% -0.35%, #00305a 24%, rgba(0, 48, 90, 0.5) 52%, rgba(0, 48, 90, 0.3) 73.5%, rgba(0, 48, 90, 0.02) 98%);
--color-icon-gradient-2: radial-gradient(178.44% 201.45% at 50.49% -0.35%, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.3) 33.5%, rgba(255, 255, 255, 0.5) 48%, #ffffff 76%);
--color-gray: #eae8e4;
--color-warning: #ffa726;
--color-error: #ff6759;
--color-success: #66bb6a;
--color-validation-failed: #ff6759;
--font-primary: Montserrat, 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: -15px;
margin-right: -15px;
}
.container {
max-width: 1100px;
padding-left: 15px;
padding-right: 15px;
}
.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: 15px;
padding-right: 15px;
}
.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: -15px;
margin-right: -15px;
}
.container {
max-width: 1176px;
padding-left: 15px;
padding-right: 15px;
}
.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: 15px;
padding-right: 15px;
}
.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;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-filter: blur(50px);
filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
} .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
z-index: 0;
backface-visibility: hidden;
} @font-face {
font-family: "Montserrat";
src: url(//intec.si/wp-content/themes/intec-website/public/fonts/Montserrat-Regular.woff2) format("woff2"), url(//intec.si/wp-content/themes/intec-website/public/fonts/Montserrat-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//intec.si/wp-content/themes/intec-website/public/fonts/Montserrat-Medium.woff2) format("woff2"), url(//intec.si/wp-content/themes/intec-website/public/fonts/Montserrat-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//intec.si/wp-content/themes/intec-website/public/fonts/Montserrat-SemiBold.woff2) format("woff2"), url(//intec.si/wp-content/themes/intec-website/public/fonts/Montserrat-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//intec.si/wp-content/themes/intec-website/public/fonts/Montserrat-Bold.woff2) format("woff2"), url(//intec.si/wp-content/themes/intec-website/public/fonts/Montserrat-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//intec.si/wp-content/themes/intec-website/public/fonts/Montserrat-ExtraBold.woff2) format("woff2"), url(//intec.si/wp-content/themes/intec-website/public/fonts/Montserrat-ExtraBold.woff) format("woff");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//intec.si/wp-content/themes/intec-website/public/fonts/Montserrat-ExtraBoldItalic.woff2) format("woff2"), url(//intec.si/wp-content/themes/intec-website/public/fonts/Montserrat-ExtraBoldItalic.woff) format("woff");
font-weight: 800;
font-style: italic;
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);
}
.bg-image img,
.bg-image picture,
.bg-image picture img {
max-height: initial;
}
.bg-background-blue, .bg-blue {
background-color: var(--color-blue-dark);
color: var(--color-white);
}
.bg-background-blue h1,
.bg-background-blue h2,
.bg-background-blue h3,
.bg-background-blue h4,
.bg-background-blue h5,
.bg-background-blue h6,
.bg-background-blue .title, .bg-blue h1,
.bg-blue h2,
.bg-blue h3,
.bg-blue h4,
.bg-blue h5,
.bg-blue h6,
.bg-blue .title {
color: var(--color-white);
}
.bg-background-blue {
background-color: var(--color-background-blue);
}
.bg-gray {
background: linear-gradient(4.81deg, rgba(234, 232, 228, 0.25) 4.17%, #eae8e4 96.42%);
}
.bg-video video {
height: 100%;
width: 100%;
object-fit: cover;
}
.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--body-text {
color: var(--color-body-text);
}
.text--blue {
color: var(--color-blue);
}
.text--blue-title {
color: var(--color-blue-title);
}
.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: 3;
}
.title-heading {
line-height: 1.12;
}
.rounded-card {
border-top-right-radius: 10px;
}
.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% - 80px);
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;
}
.get-geolocation {
display: flex;
gap: 10px;
align-items: center;
transition: color 0.3s ease;
margin-bottom: 26px;
}
@media only screen and (max-width: 767px) {
.get-geolocation {
margin-bottom: 32px;
}
}
.get-geolocation:hover {
color: var(--color-blue);
}
.gradient-line {
height: 4px;
width: 100%;
position: relative;
z-index: 3;
background: url("data:image/svg+xml, %3Csvg width='1440' height='2' viewBox='0 0 1440 2' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_867_30243' fill='white'%3E%3Cpath d='M0 0H1440V2H0V0Z'/%3E%3C/mask%3E%3Cpath d='M1440 1H0V3H1440V1Z' fill='url(%23paint0_diamond_867_30243)' fill-opacity='0.31' mask='url(//intec.si/wp-content/themes/intec-website/public/css/%23path-1-inside-1_867_30243)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_diamond_867_30243' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(485 1.76115) scale(942 127.221)'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='0.2' stop-color='%23007AD6'/%3E%3Cstop offset='0.81' stop-color='%23007AD6'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center/100% 100%;
transition: 0.3s ease;
}
.mx-auto {
margin: 0 auto;
width: 100%;
display: block;
}
.collapsing-content .editor-text {
text-overflow: ellipsis;
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.collapsing-content .editor-text p {
display: contents;
}
.collapsing-content .editor-text p:after {
content: "\a";
white-space: pre;
}
.collapsing-content__toggle-btn {
width: 12px;
height: 12px;
position: relative;
padding-top: 24px !important;
}
.collapsing-content__toggle-btn::before {
content: "";
transform: scale(3);
}
.collapsing-content__toggle-btn .icon::before {
background-color: currentColor;
}
.collapsing-content__toggle-btn .icon-minus {
display: none;
}
.collapsing-content__toggle-btn:hover .icon::before {
background-color: var(--color-blue);
}
.collapsing-content.is-open .editor-text {
-webkit-line-clamp: initial;
overflow: visible;
}
.collapsing-content.is-open .icon-minus {
display: inline-block;
}
.collapsing-content.is-open .icon-plus {
display: none;
}
html,
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
scroll-behavior: smooth;
}
::selection {
background-color: var(--color-blue);
color: var(--color-white);
}
body {
color: var(--color-body-text);
font-family: var(--font-primary);
position: relative;
height: auto;
width: 100%;
display: flex;
flex-direction: column;
min-height: 100vh;
align-items: flex-start;
}
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%;
flex: 1 0 auto;
}
main.has-top-spacing {
padding-top: 136px;
}
.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;
}
@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;
}
.accordion-card {
width: 100%;
max-width: 252px;
position: relative;
padding: 30px 22px 20px 20px;
border: 1px solid var(--color-blue-title);
border-radius: 8px;
min-height: 180px;
transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
background-color: var(--color-white);
color: var(--color-blue-title);
}
@media only screen and (max-width: 1200px) {
.accordion-card {
min-height: 160px;
padding: 20px;
}
}
@media only screen and (max-width: 767px) {
.accordion-card {
min-height: 100px;
}
}
.accordion-card .icon::before {
background-color: currentColor;
}
.accordion-card__title {
min-height: 112px;
text-transform: uppercase;
display: flex;
flex-direction: column;
text-align: left;
line-height: 1.2;
width: 100%;
padding-right: 10px;
position: relative;
z-index: 3;
}
@media only screen and (max-width: 767px) {
.accordion-card__title {
min-height: 1px;
}
}
.accordion-card__title-dots {
display: block;
margin: 4px 0 8px;
}
.accordion-card__text {
display: none;
}
.accordion-card__text-wrapper {
padding: 0 8px 34px 0;
line-height: 1.55;
max-height: 250px;
overflow: auto;
scrollbar-track-color: rgba(255, 255, 255, 0.2);
scrollbar-face-color: white;
scrollbar-arrow-color: white;
}
.accordion-card__text-wrapper::-webkit-scrollbar {
width: 4px;
}
.accordion-card__text-wrapper::-webkit-scrollbar-track {
-webkit-border-radius: 4px;
border-radius: 4px;
background: rgba(255, 255, 255, 0.2);
}
.accordion-card__text-wrapper::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255, 255, 255, 0.6);
}
.accordion-card__text-wrapper::-webkit-scrollbar-thumb {
background: white;
width: 4px;
border-radius: 4px;
}
@media only screen and (max-width: 1200px) {
.accordion-card__text-wrapper {
padding: 0 8px 24px 0;
}
}
@media only screen and (max-width: 767px) {
.accordion-card__text-wrapper {
padding-top: 0;
}
}
.accordion-card__close-btn {
width: 100%;
opacity: 1;
position: relative;
}
.accordion-card__close-btn::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
width: 100%;
height: 300%;
}
.accordion-card:hover {
box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.1);
}
.accordion-card .editor-text p {
margin: 24px 0;
}
.accordion-card .editor-text p:first-child {
margin-top: 0;
}
.accordion-card .editor-text p:last-child {
margin-bottom: 0;
}
.accordion-card.is-open {
background-color: var(--color-blue);
color: var(--color-white);
border-color: var(--color-blue);
}
.accordion-card.is-open .accordion-card__title {
color: var(--color-white);
}
.accordion-card.is-open .accordion-card__title .icon,
.accordion-card.is-open .accordion-card__title-dots {
opacity: 0;
}
.accordion-card--rounded {
max-width: 265px;
min-height: 265px;
border-radius: 355px;
display: flex;
align-items: center;
text-align: center;
flex-direction: column;
}
@media only screen and (max-width: 1439px) {
.accordion-card--rounded {
min-height: 246px;
}
}
@media only screen and (max-width: 1200px) {
.accordion-card--rounded {
min-height: 226px;
}
}
@media only screen and (max-width: 1022px) {
.accordion-card--rounded {
min-height: 166px;
border-radius: 80px;
}
}
@media only screen and (max-width: 767px) {
.accordion-card--rounded {
max-width: 200px;
min-height: 200px;
border-radius: 300px;
margin: 0 auto;
}
}
.accordion-card--rounded .accordion-card__title {
max-width: 222px;
text-align: center;
padding: 52px 0 0;
align-items: center;
line-height: 1.4;
z-index: 6;
}
@media only screen and (max-width: 1439px) {
.accordion-card--rounded .accordion-card__title {
padding: 40px 0 0;
}
}
@media only screen and (max-width: 1022px) {
.accordion-card--rounded .accordion-card__title {
padding-top: 18px;
}
}
@media only screen and (max-width: 767px) {
.accordion-card--rounded .accordion-card__title {
padding-top: 36px;
}
}
.accordion-card--rounded .accordion-card__text-wrapper {
padding: 10px;
}
.accordion-card--rounded .accordion-card__text .icon {
display: inline-block;
}
.accordion-card--blue {
border-color: var(--color-blue);
color: var(--color-blue);
}
.accordion-card--secondary {
padding: 20px 22px 20px 20px;
min-height: 185px;
max-width: 334px;
}
@media only screen and (max-width: 1200px) {
.accordion-card--secondary {
min-height: 164px;
}
}
@media only screen and (max-width: 767px) {
.accordion-card--secondary {
min-height: 130px;
}
}
.accordion-card--secondary .accordion-card__title {
line-height: 1.3;
}
.accordion-card--secondary .accordion-card__title strong {
max-width: 270px;
}
.accordion-card--secondary .accordion-card__close-btn {
display: none;
}
.accordion-card--secondary .icon {
position: absolute;
}
.accordion-card--secondary .icon-plus {
top: 0;
right: -8px;
}
.accordion-card--secondary .icon-minus {
top: 4px;
opacity: 0;
right: -8px;
}
.accordion-card--secondary.is-open .accordion-card__title .icon-minus {
opacity: 1;
}
@media only screen and (min-width: 1023px) {
.accordion-card--absolute .accordion-card__title strong {
position: relative;
z-index: 3;
}
.accordion-card--absolute .accordion-card__text {
position: absolute;
top: 0;
width: calc(100% + 2px);
left: -1px;
}
.accordion-card--absolute .accordion-card__text-inner {
padding: 200px 16px 50px;
background-color: var(--color-blue);
border-radius: 355px;
}
}
.advance-cookie-banner__bar {
position: fixed;
left: 0;
width: 100%;
bottom: 0;
z-index: 998;
max-height: 100vh;
transition: opacity 0.5s ease;
padding: 24px 0;
opacity: 0;
pointer-events: none;
background-color: var(--color-blue-title);
color: var(--color-white);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1022px) {
.advance-cookie-banner__bar {
padding: 44px 0 20px;
}
}
.cookie-not-set .advance-cookie-banner__bar {
opacity: 1;
pointer-events: all;
}
.advance-cookie-banner__inner {
position: relative;
z-index: 3;
display: grid;
grid-template-columns: 1fr auto;
grid-gap: 30px;
align-items: center;
}
@media only screen and (max-width: 1022px) {
.advance-cookie-banner__inner {
grid-template-columns: 1fr;
text-align: center;
justify-items: center;
grid-gap: 20px;
}
}
@media only screen and (max-width: 1439px) {
.advance-cookie-banner__left {
font-size: 15px;
}
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__left {
line-height: normal;
}
}
.advance-cookie-banner a {
text-decoration: underline;
}
.advance-cookie-banner a:hover {
text-decoration: none;
color: var(--color-link-hover);
}
.advance-cookie-banner__button {
display: flex;
align-items: center;
}
@media only screen and (max-width: 1439px) {
.advance-cookie-banner__button {
margin-right: 80px;
}
}
@media only screen and (max-width: 1022px) {
.advance-cookie-banner__button {
margin-right: 0;
justify-content: center;
}
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__button {
flex-wrap: wrap;
gap: 15px;
}
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner .btn {
padding: 10px 18px 8px;
}
}
.advance-cookie-banner .btn--cookie-setting {
font-weight: 400;
text-decoration: underline;
white-space: nowrap;
transition: color 0.3s ease;
}
.advance-cookie-banner .btn--cookie-setting:hover {
color: var(--color-link-hover);
}
.advance-cookie-banner .btn--accept-cookie {
margin-left: 44px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner .btn--accept-cookie {
margin-left: 20px;
}
}
.advance-cookie-banner .btn[disabled] {
pointer-events: none;
background-color: var(--color-white);
color: var(--color-blue);
}
.advance-cookie-banner .btn[disabled]::after {
width: 100%;
height: 100%;
}
.advance-cookie-banner__modal {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 999;
opacity: 0;
pointer-events: none;
overflow: auto;
transition: opacity 0.4s ease;
padding: 28px;
line-height: 1.6;
font-size: 14px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal {
padding: 18px 10px;
font-size: 14px;
}
}
.advance-cookie-banner__modal.is-open-modal {
opacity: 1;
pointer-events: all;
}
.advance-cookie-banner__modal-close {
position: absolute;
top: 20px;
z-index: 9;
right: 20px;
padding: 10px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-close {
top: 10px;
}
}
.advance-cookie-banner__modal-close .icon {
pointer-events: none;
width: 14px;
height: 14px;
}
.advance-cookie-banner__modal-close:hover .icon::before {
background-color: var(--color-blue);
}
.advance-cookie-banner__modal-overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 999;
}
.advance-cookie-banner__modal-body {
position: relative;
margin: 0 auto;
width: 100%;
max-width: 830px;
box-shadow: 1px 6px 20px rgba(0, 0, 0, 0.25);
background-color: var(--color-white);
z-index: 1000;
padding: 45px 34px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-body {
padding: 16px;
}
}
.advance-cookie-banner__modal-header {
border-bottom: 0.5px solid currentColor;
padding: 20px 0;
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-header {
padding: 0 0 16px;
margin-bottom: 30px;
}
}
.advance-cookie-banner__modal-content .editor-text {
margin-bottom: 18px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-content .editor-text {
margin-bottom: 22px;
}
}
.advance-cookie-banner__modal-content .editor-text p {
margin-top: 20px;
margin-bottom: 20px;
}
.advance-cookie-banner__modal-content .editor-text p:first-child {
margin-top: 0;
}
.advance-cookie-banner__modal-content .editor-text p a {
text-decoration: underline;
}
.advance-cookie-banner__modal-content .editor-text p a:hover {
text-decoration: none;
}
.advance-cookie-banner__modal-item {
margin-bottom: 18px;
position: relative;
}
.advance-cookie-banner__modal-item.is-necessary .mod-toggle {
pointer-events: none;
opacity: 0;
}
.advance-cookie-banner__modal-cookie-title {
margin-bottom: 18px;
padding-right: 140px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-cookie-title {
padding-right: 80px;
margin-bottom: 8px;
}
}
.advance-cookie-banner__modal-active-label {
position: absolute;
right: 12px;
top: 0;
font-weight: 600;
color: var(--color-blue-title);
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-active-label {
font-size: 12px;
top: 4px;
}
}
.advance-cookie-banner__modal-footer {
display: flex;
justify-content: space-between;
margin-top: 36px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal-footer {
flex-direction: column;
gap: 16px;
}
}
@media only screen and (min-width: 768px) {
.advance-cookie-banner__modal-footer .btn__text {
flex-shrink: 0;
}
}
.advance-cookie-banner__modal .mod-toggle {
position: absolute;
right: 14px;
top: 0;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner__modal .mod-toggle {
right: 0;
}
}
.advance-cookie-banner__close {
position: absolute;
right: 34px;
top: 50%;
transform: translate(0, -50%);
z-index: 3;
width: 50px;
height: 50px;
}
@media only screen and (max-width: 1919px) {
.advance-cookie-banner__close {
right: 16px;
}
}
@media only screen and (max-width: 1022px) {
.advance-cookie-banner__close {
top: 0;
right: 10px;
transform: translate(0, 0);
}
}
.advance-cookie-banner__close .icon {
opacity: 0.3;
transition: opacity 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.advance-cookie-banner__close .icon {
width: 16px;
height: 16px;
}
}
.advance-cookie-banner__close .icon::before {
background-color: currentColor;
}
.advance-cookie-banner__close:hover .icon {
opacity: 1;
}
.checkbox-group {
user-select: none;
}
.checkbox-group__label {
margin: 0px 0 16px;
display: block;
line-height: 1.33;
font-weight: 600;
}
.checkbox-group__list {
display: grid;
grid-gap: 8px;
}
.checkbox-group .fv-plugins-message-container,
.checkbox-group .validation-message {
display: none;
}
.checkbox-group.failed .fv-plugins-message-container.group-error,
.checkbox-group.failed .validation-message {
display: block;
margin-top: 8px;
}
.checkbox-group.failed .checkbox__label::before {
border-color: var(--color-validation-failed);
}
.form-component .mod-input__label,
.form-component .dropdown__label {
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);
}
.form-component {
width: 100%;
position: relative;
margin: 0 auto;
font-weight: 400;
max-width: 486px;
}
@media only screen and (max-width: 1022px) {
.form-component {
max-width: 100%;
}
}
.form-component__section-title {
margin-bottom: 20px;
}
@media only screen and (max-width: 1022px) {
.form-component__section-title {
margin-bottom: 16px;
}
}
.form-component__body {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 40px 20px;
}
@media only screen and (max-width: 767px) {
.form-component__body {
grid-template-columns: 1fr;
grid-gap: 16px;
}
}
.form-component__item.span-2 {
grid-column: span 2;
}
@media only screen and (max-width: 767px) {
.form-component__item.span-2 {
grid-column: span 1;
}
}
.form-component__item.has-title {
margin-top: 22px;
}
.form-component__form {
position: relative;
margin: 0 auto;
max-width: 1000px;
}
.form-component__submit {
margin-top: 60px;
}
@media only screen and (max-width: 767px) {
.form-component__submit {
margin-top: 32px;
}
}
.form-component__alert {
padding: 16px;
width: 100%;
border-radius: 10px;
text-align: left;
margin-top: 20px;
border: 1px solid currentColor;
font-size: 16px;
}
.form-component__alert-error {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.form-component__alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.form-component__success {
display: none;
margin: 0 auto;
max-width: 800px;
flex-direction: column;
justify-content: center;
min-height: 130px;
gap: 24px;
border-radius: 5px;
text-align: center;
padding: 20px;
border: 5px solid #cde6fd;
margin-top: 74px;
}
.form-component__success-title {
margin-bottom: 0 !important;
}
@media only screen and (max-width: 767px) {
.form-component__success-title {
font-size: 14px;
}
}
.form-component .checkbox {
color: var(--color-black);
}
.form-component .title {
color: inherit;
}
.form-component .editor-text {
margin-top: 24px;
}
.form-component .editor-text a {
text-decoration: underline;
}
.form-component .editor-text a:hover {
color: var(--color-blue-dark-2);
}
.form-component .upload-box,
.form-component .dropdown {
max-width: 100%;
}
.form-component.show-thankyou .form-component__form {
display: none;
}
.form-component.show-thankyou .form-component__success {
display: flex;
}
.icon-card {
color: #fff;
width: 180px;
font-size: 10px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
line-height: 1.2;
position: relative;
}
@media only screen and (max-width: 767px) {
.icon-card {
width: 100%;
}
}
.icon-card.has-link:hover {
color: #a881f9;
}
.icon-card.secondary {
display: inline-flex;
align-items: center;
gap: 28px;
width: auto;
}
@media only screen and (max-width: 767px) {
.icon-card.secondary {
width: 100%;
display: block;
}
}
.icon-card.secondary .icon-card__title {
margin: 0;
text-align: left;
}
@media only screen and (max-width: 767px) {
.icon-card.secondary .icon-card__title {
margin: 0 auto;
text-align: center;
}
}
.icon-card.secondary .icon-card__icon {
margin: 0;
flex-shrink: 0;
width: 88px;
padding: 0;
}
@media only screen and (max-width: 767px) {
.icon-card.secondary .icon-card__icon {
width: 100%;
padding-bottom: 62%;
margin-bottom: 16px;
position: relative;
}
}
.icon-card.secondary .icon-card__icon img {
position: relative;
}
@media only screen and (max-width: 767px) {
.icon-card.secondary .icon-card__icon img {
position: absolute;
}
}
.icon-card.secondary .icon {
margin: 0;
margin-top: 4px;
position: absolute;
}
@media only screen and (max-width: 767px) {
.icon-card.secondary .icon {
margin: 0 auto;
margin-top: 8px;
position: relative;
}
}
.icon-card__content {
position: relative;
}
.icon-card__icon {
width: 100%;
padding-bottom: 62%;
margin-bottom: 28px;
position: relative;
}
@media only screen and (max-width: 767px) {
.icon-card__icon {
margin-bottom: 16px;
}
}
.icon-card__icon img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.icon-card__text {
font-weight: 500;
font-size: 12px;
text-transform: none;
margin-top: 24px;
transition: 0.3s ease;
}
.icon-card .icon {
margin: 0 auto;
margin-top: 8px;
}
.icon-card .icon:before {
transition: 0.3s ease;
background-color: currentColor;
}
.icon-card__title {
transition: 0.3s ease;
max-width: 84%;
margin: 0 auto;
}
.icon-card__link {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.language-switch {
font-size: 12px;
font-weight: 600;
position: relative;
color: var(--color-blue);
text-transform: uppercase;
}
@media only screen and (max-width: 1022px) {
.language-switch {
width: 100%;
}
}
.language-switch__button {
display: flex;
align-items: center;
border: 1px solid var(--color-blue);
border-radius: 8px;
padding: 4px;
min-width: 40px;
transition: 0.3s ease;
min-height: 36px;
}
@media only screen and (max-width: 1022px) {
.language-switch__button {
display: none;
}
}
@media only screen and (min-width: 1023px) {
.language-switch__list {
width: 100%;
top: 100%;
padding-top: 10px;
visibility: hidden;
opacity: 0;
transform: translate(0, 20px);
transition: 0.3s ease;
position: absolute;
pointer-events: none;
left: 0;
}
}
@media only screen and (min-width: 1023px) {
.language-switch__list-inner {
border-radius: 8px;
display: grid;
border: 1px solid var(--color-blue);
background-color: #fff;
}
}
@media only screen and (max-width: 1022px) {
.language-switch__list-inner {
display: flex;
flex-wrap: wrap;
gap: 8px;
width: 100%;
}
}
.language-switch__link {
padding: 8px 0;
text-align: center;
transition: 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.language-switch__link {
padding: 4px 10px;
min-height: 36px;
border-radius: 6px;
border: 1px solid var(--color-white);
color: var(--color-white);
display: inline-flex;
}
}
@media only screen and (min-width: 1023px) {
.language-switch__link.is-active, .language-switch__link:hover {
background-color: rgba(0, 122, 214, 0.1);
}
}
@media only screen and (max-width: 1022px) {
.language-switch__link.is-active {
background-color: var(--color-white);
color: var(--color-blue-dark);
}
}
@media only screen and (min-width: 1023px) {
.language-switch:hover .language-switch__button {
background-color: var(--color-purple-dark);
color: var(--color-white);
border-color: var(--color-purple-dark);
}
.language-switch:hover .language-switch__list {
transform: translate(0, 0);
opacity: 1;
pointer-events: all;
visibility: visible;
}
}
.latest-news-card__image::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.latest-news-card {
width: 100%;
max-width: 368px;
position: relative;
font-weight: 600;
color: var(--color-white);
border-radius: 8px;
overflow: hidden;
transition: box-shadow 0.3s ease;
}
.latest-news-card__image img {
transition: transform 0.6s ease;
transform: scale(1.00001);
}
.latest-news-card__image::before {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
mix-blend-mode: multiply;
z-index: 1;
}
.latest-news-card__content {
min-height: 244px;
position: relative;
z-index: 3;
display: flex;
gap: 20px;
flex-direction: column;
padding: 12px 20px;
}
@media only screen and (max-width: 1022px) {
.latest-news-card__content {
min-height: 220px;
}
}
.latest-news-card__info {
text-transform: uppercase;
letter-spacing: 0.8px;
}
.latest-news-card__title {
margin-top: auto;
line-height: 1.4;
transition: color 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.latest-news-card__title.title--h3 {
font-size: 16px;
line-height: 1.4;
}
}
.latest-news-card .stretched-link {
z-index: 4;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.latest-news-card--large {
max-width: 736px;
box-shadow: 20px 40px 40px 0px rgba(91, 79, 127, 0.1490196078);
}
.latest-news-card--large .latest-news-card__content {
min-height: 526px;
padding: 36px 30px 130px;
gap: 0;
}
@media only screen and (max-width: 1022px) {
.latest-news-card--large .latest-news-card__content {
min-height: 456px;
padding: 36px 30px 60px;
}
}
@media only screen and (max-width: 767px) {
.latest-news-card--large .latest-news-card__content {
min-height: 324px;
padding: 20px;
}
}
.latest-news-card--large .latest-news-card__text {
margin: auto 0;
max-width: 450px;
}
.latest-news-card--large .latest-news-card__title {
margin-top: 0;
}
.latest-news-card--large .latest-news-card__image::before {
background: linear-gradient(179.33deg, rgba(29, 88, 117, 0.8) 0.58%, rgba(0, 0, 0, 0) 93.84%);
}
.latest-news-card:hover {
box-shadow: 10px 10px 40px 0px rgba(91, 79, 127, 0.2);
}
.latest-news-card:hover .latest-news-card__image img {
transform: scale(1.08);
}
.news-card {
width: 100%;
max-width: 330px;
position: relative;
font-weight: 600;
color: var(--color-background-blue);
}
.news-card__image {
border-radius: 8px;
position: relative;
padding-bottom: 47%;
overflow: hidden;
margin-bottom: 40px;
transition: box-shadow 0.3s ease;
}
@media only screen and (max-width: 767px) {
.news-card__image {
max-width: 100%;
margin-bottom: 24px;
}
}
.news-card__image img {
transition: transform 0.6s ease;
transform: scale(1.00001);
}
.news-card__content {
display: flex;
flex-direction: column;
}
.news-card__info {
text-transform: uppercase;
letter-spacing: 0.3px;
}
.news-card__title {
margin-top: 4px;
line-height: 1.4;
transition: color 0.3s ease;
}
.news-card:hover .news-card__title {
color: var(--color-blue);
}
.news-card:hover .news-card__image {
box-shadow: 10px 10px 40px 0px rgba(91, 79, 127, 0.2);
}
.news-card:hover .news-card__image img {
transform: scale(1.08);
}
.menu__link::before, .menu__link::after {
content: "";
position: absolute;
bottom: 0;
width: 0;
right: 0;
height: 1px;
background-color: currentColor;
pointer-events: none;
}
.menu__link::before {
transition: width 0.4s cubic-bezier(0.51, 0.18, 0, 0.88) 0.1s;
}
.menu__link::after {
transition: width 0.2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
}
.is-active.menu__link::before, .is-active.menu__link::after, .active.menu__link::before, .active.menu__link::after, .menu__link:hover::before, .menu__link:hover::after {
width: 100%;
left: 0;
}
.menu {
position: relative;
}
@media only screen and (max-width: 1022px) {
.menu {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding-top: 114px;
background-color: var(--color-background-blue);
color: var(--color-white);
visibility: hidden;
opacity: 0;
transition: visibility 0.3s ease, opacity 0.3s ease;
}
.is-open-menu .menu {
opacity: 1;
visibility: visible;
}
.is-scrolled .menu {
padding-top: 70px;
}
}
@media only screen and (max-width: 1022px) {
.menu nav {
overflow: auto;
padding-bottom: 40px;
max-height: calc(100dvh - 114px);
}
}
.menu__list {
display: flex;
gap: 20px;
}
@media only screen and (max-width: 1200px) {
.menu__list {
gap: 12px;
}
}
@media only screen and (max-width: 1022px) {
.menu__list {
flex-direction: column;
gap: 0;
}
}
@media only screen and (min-width: 1023px) {
.menu__item:hover > .menu__link::before, .menu__item:hover > .menu__link::after, .menu__item.is-active > .menu__link::before, .menu__item.is-active > .menu__link::after {
width: 100%;
left: 0;
}
.menu__item:hover > .menu__link .icon, .menu__item.is-active > .menu__link .icon {
transform: rotate(90deg);
}
}
@media only screen and (min-width: 1023px) {
.menu__item:hover .menu__dropdown,
.menu__item:hover .menu__overlay {
visibility: visible;
opacity: 1;
}
}
@media only screen and (max-width: 1022px) {
.menu__item.is-open-submenu > .menu__link .icon {
transform: rotate(90deg);
}
}
.menu__link {
display: flex;
align-items: center;
gap: 6px;
z-index: 3;
position: relative;
font-size: 14px;
line-height: 1.2;
padding: 10px 0;
}
@media only screen and (max-width: 1439px) {
.menu__link {
font-size: 12px;
gap: 4px;
}
}
@media only screen and (max-width: 1022px) {
.menu__link {
padding: 8px 20px;
font-size: 14px;
}
}
@media only screen and (max-width: 1022px) {
.menu__link::before, .menu__link::after {
display: none;
}
}
.menu__link .icon {
width: 6px;
height: 9px;
flex-shrink: 0;
transition: transform 0.3s ease;
}
.menu__link .icon::before {
background-color: currentColor;
}
@media only screen and (min-width: 1023px) {
.menu__dropdown {
position: fixed;
left: 0;
top: 0;
width: 100%;
padding-top: 134px;
font-weight: 400;
z-index: 2;
background-color: var(--color-white);
visibility: hidden;
opacity: 0;
transition: visibility 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
display: block !important;
}
.is-scrolled .menu__dropdown {
padding-top: 66px;
}
}
@media only screen and (max-width: 1200px) {
.menu__dropdown {
padding-top: 80px;
}
}
@media only screen and (max-width: 1022px) {
.menu__dropdown {
padding-top: 0;
display: none;
font-weight: 700;
}
}
@media only screen and (min-width: 1023px) {
.menu__dropdown-inner {
position: relative;
z-index: 3;
overflow: auto;
max-height: calc(100dvh - 138px);
scrollbar-track-color: rgba(0, 122, 214, 0.4);
scrollbar-face-color: rgba(0, 122, 214, 0.6);
scrollbar-arrow-color: rgba(0, 122, 214, 0.6);
}
.menu__dropdown-inner::-webkit-scrollbar {
width: 4px;
}
.menu__dropdown-inner::-webkit-scrollbar-track {
-webkit-border-radius: 8px;
border-radius: 8px;
background: rgba(0, 122, 214, 0.4);
}
.menu__dropdown-inner::-webkit-scrollbar-thumb:window-inactive {
background: rgba(0, 122, 214, 0.5);
}
.menu__dropdown-inner::-webkit-scrollbar-thumb {
background: rgba(0, 122, 214, 0.6);
width: 4px;
border-radius: 8px;
}
}
.menu__dropdown-row {
display: grid;
}
@media only screen and (min-width: 1023px) {
.menu__dropdown-row {
grid-gap: 25px 40px;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media only screen and (max-width: 1200px) {
.menu__dropdown-row {
grid-gap: 24px 32px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media only screen and (max-width: 1022px) {
.menu__dropdown-row {
grid-gap: 12px;
padding: 8px 0 8px 20px;
border-left: 1px solid var(--color-white);
grid-template-columns: 1fr;
}
}
.menu__dropdown-body {
padding: 42px 0 52px;
}
@media only screen and (max-width: 1200px) {
.menu__dropdown-body {
padding: 30px 0;
}
}
@media only screen and (max-width: 1022px) {
.menu__dropdown-body {
padding: 8px 0;
}
}
.menu__dropdown-item {
display: flex;
gap: 4px;
align-items: center;
color: var(--color-background-blue);
}
@media only screen and (max-width: 1022px) {
.menu__dropdown-item {
color: var(--color-white);
}
}
.menu__dropdown-item-text {
font-size: 12px;
}
.menu__dropdown-item-icon {
width: 90px;
height: 90px;
position: relative;
flex-shrink: 0;
}
@media only screen and (max-width: 1200px) {
.menu__dropdown-item-icon {
width: 80px;
height: 80px;
}
}
@media only screen and (max-width: 1022px) {
.menu__dropdown-item-icon {
display: none;
}
}
.menu__dropdown-item-icon--hover {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
.menu__dropdown-item-icon img {
transition: 0.3s ease;
}
.menu__dropdown-item svg {
width: auto;
height: auto;
display: inline-block;
max-width: 100%;
}
.menu__dropdown-item path {
stroke: currentColor;
}
.menu__dropdown-item span {
display: inline;
background-image: linear-gradient(currentColor, currentColor);
background-size: 0% 1px;
background-repeat: no-repeat;
transition: background-size 0.5s;
background-position: 0 100%;
}
.menu__dropdown-item:hover {
color: var(--color-purple-dark);
}
.menu__dropdown-item:hover span {
background-size: 100% 1px;
}
.menu__dropdown-item:hover .menu__dropdown-item-icon--default {
opacity: 0;
}
.menu__dropdown-item:hover .menu__dropdown-item-icon--hover {
opacity: 1;
}
.menu__dropdown-card {
transition: color 0.3s ease;
color: var(--color-body-text);
}
@media only screen and (max-width: 1022px) {
.menu__dropdown-card {
color: inherit;
}
}
.menu__dropdown-card-image {
height: 0;
overflow: hidden;
position: relative;
padding-bottom: 56.25%;
border-radius: 8px;
box-shadow: 10px 10px 40px 0px rgba(91, 79, 127, 0.2);
margin-bottom: 34px;
}
@media only screen and (max-width: 1022px) {
.menu__dropdown-card-image {
display: none;
}
}
.menu__dropdown-card-image img {
transition: transform 0.6s ease;
transform: scale(1.0001);
}
.menu__dropdown-card-text {
letter-spacing: 0.2px;
line-height: 1.4;
}
.menu__dropdown-card:hover {
color: var(--color-purple-dark);
}
.menu__dropdown-card:hover img {
transform: scale(1.08);
}
.menu__dropdown-text {
font-size: 11px;
margin-top: 30px;
line-height: 1.7;
letter-spacing: 0.2px;
}
@media only screen and (max-width: 1022px) {
.menu__dropdown-text {
display: none;
}
}
.menu__dropdown-text p + p {
margin-top: 10px;
}
@media only screen and (min-width: 1023px) {
.menu__dropdown--cards .menu__dropdown-row {
grid-gap: 62px;
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
.menu__dropdown--cards .menu__dropdown-row {
grid-gap: 24px;
}
}
@media only screen and (min-width: 1023px) {
.menu__dropdown--cards .menu__dropdown-body {
padding: 66px 0 52px;
}
}
@media only screen and (min-width: 1023px) and (max-width: 1200px) {
.menu__dropdown--cards .menu__dropdown-body {
padding: 40px 0;
}
}
@media only screen and (min-width: 1023px) {
.menu__dropdown--secondary .menu__dropdown-body {
display: grid;
grid-gap: 30px;
grid-template-columns: 200px 1fr;
}
.menu__dropdown--secondary .menu__dropdown-item {
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 16px;
}
.menu__dropdown--secondary .menu__dropdown-item-icon {
flex-direction: column;
width: 150px;
height: 150px;
}
.menu__dropdown--secondary .menu__dropdown-row {
margin: 0 auto;
}
}
.menu__overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 0;
height: 100%;
pointer-events: none;
background: rgba(0, 0, 0, 0.6);
visibility: hidden;
opacity: 0;
transition: visibility 0.3s ease, opacity 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.menu__overlay {
display: none;
}
}
.menu strong {
font-weight: 600;
}
@media only screen and (max-width: 1022px) {
.menu__footer {
margin-top: 10px;
padding: 0 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
}
.menu__btn {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 4px 10px;
min-height: 36px;
border-radius: 6px;
border: 1px solid var(--color-white);
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
.pagination {
position: relative;
text-align: center;
font-weight: 500;
color: var(--color-background-blue);
margin-top: 100px;
}
@media only screen and (max-width: 1200px) {
.pagination {
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.pagination {
margin-top: 60px;
}
}
.pagination nav {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 16px;
}
@media only screen and (max-width: 767px) {
.pagination nav {
gap: 8px;
}
}
.pagination .page-numbers {
width: 28px;
height: 28px;
border: 1px solid transparent;
transition: background-color 0.3s ease;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
line-height: 1;
}
.pagination .page-numbers[href] {
border: 1px solid rgba(0, 48, 90, 0.15);
}
.pagination .page-numbers .icon {
width: 8px;
height: 12px;
pointer-events: none;
transition: transform 0.3s ease;
}
.pagination .page-numbers .icon::before {
background-color: var(--color-background-blue);
}
.pagination .page-numbers.next, .pagination .page-numbers.prev {
border-color: transparent;
}
.pagination .page-numbers.prev:hover .icon {
transform: translateX(-2px);
}
.pagination .page-numbers.next:hover .icon {
transform: translateX(2px);
}
.pagination .page-numbers[href]:hover, .pagination .page-numbers.is-active {
background-color: rgba(0, 48, 90, 0.15);
}
.pagination .page-numbers.is-active {
pointer-events: none;
}
.pagination .page-numbers.is-disabled {
pointer-events: none;
opacity: 0;
width: 0;
}
.radio-button-group {
user-select: none;
}
.radio-button-group__label {
margin: 0px 0 16px;
display: block;
line-height: 1.33;
font-weight: 600;
}
.radio-button-group__list {
display: grid;
grid-gap: 8px;
}
.radio-button-group .fv-plugins-message-container,
.radio-button-group .validation-message {
display: none;
}
.radio-button-group.failed .fv-plugins-message-container.group-error,
.radio-button-group.failed .validation-message {
display: block;
margin-top: 8px;
}
.radio-button-group.failed .radio-button__label::before {
border-color: var(--color-validation-failed);
}
.upload-box {
width: 100%;
max-width: 486px;
display: flex;
flex-direction: column;
}
@media only screen and (max-width: 767px) {
.upload-box {
max-width: 100%;
}
}
.upload-box__title {
margin-bottom: 6px;
}
.upload-box__inner {
position: relative;
width: 100%;
border-radius: 4px;
background-color: rgba(255, 255, 255, 0.1);
transition: border-color 0.3s ease, color 0.3s ease;
overflow: hidden;
border: 1px dashed currentColor;
padding: 10px 16px;
}
.upload-box__inner-border path {
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-dasharray: 12, 12;
transition: path 0.3s ease;
}
.upload-box__main {
width: 100%;
}
.upload-box__text span {
color: var(--color-primary-bright-red);
}
.upload-box__info-text {
font-size: 15px;
line-height: 1.55;
color: var(--color-purple-darker);
opacity: 0.62;
margin: 12px 0 8px;
}
.upload-box input[type=file] {
font-size: 0;
position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.upload-box .icon {
pointer-events: none;
}
.upload-box .icon::before {
background-color: currentColor;
}
.upload-box__list {
font-size: 18px;
line-height: 1.2;
}
@media only screen and (max-width: 1022px) {
.upload-box__list {
font-size: 16px;
}
}
.upload-box__list li {
position: relative;
display: grid;
background-color: rgba(255, 255, 255, 0.1);
grid-template-columns: 1fr 24px;
align-items: center;
grid-gap: 4px;
padding: 12px 0;
border-radius: 4px;
}
.upload-box__list-uploaded {
margin-top: 10px;
}
.upload-box__list-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.upload-box__list-remove {
display: flex;
justify-content: flex-end;
}
.upload-box__list-remove .icon {
width: 16px;
height: 16px;
}
.upload-box__list-remove:hover .icon::before {
background-color: var(--color-primary-bright-red);
}
.is-validation-failed .upload-box .upload-box__title, .upload-box.is-validation-failed .upload-box__title {
color: #ff6759;
}
.upload-box .fv-plugins-message-container > div {
margin-top: 4px;
}
.product-card {
display: block;
position: relative;
max-width: 230px;
width: 100%;
}
.product-card:hover .product-card__image {
transition: transform 0.13s ease;
transform: translateY(-20px);
box-shadow: 0px 24px 40px 0px rgba(168, 129, 249, 0.6);
}
.product-card:hover img {
transition: 0.13s ease;
opacity: 0;
}
.product-card:hover .hover {
transition: top 0.2s cubic-bezier(0.1, 1, 0.1, 1.05);
color: #fff;
top: 0;
left: 16px;
}
.product-card:hover .hover .icon {
opacity: 0;
}
.product-card:hover .product-card__read-more {
transition: 0.13s ease;
opacity: 1;
}
.product-card:not(:hover) .product-card__image {
transition: 0.3s ease;
}
.product-card:not(:hover) img {
transition: 0.3s ease;
}
.product-card:not(:hover) .hover {
transition: 0.3s ease;
}
.product-card:not(:hover) .product-card__read-more {
transition: 0.3s ease;
}
.product-card__image {
background-color: #007ad6;
width: 100%;
aspect-ratio: 23/30;
position: relative;
border-radius: 8px;
box-shadow: 10px 10px 40px 0px rgba(91, 79, 127, 0.2);
}
@media only screen and (max-width: 767px) {
.product-card__image {
width: calc(100% - 44px);
}
}
.product-card__image img {
transition: 0.2s ease;
border-radius: 8px;
}
.product-card__title {
margin-top: 24px;
opacity: 0;
display: flex;
gap: 20px;
padding-right: 38px;
}
@media only screen and (max-width: 767px) {
.product-card__title {
margin-top: 12px;
padding-right: 0;
flex-direction: column;
gap: 4px;
}
}
.product-card__title .title {
text-transform: uppercase;
font-weight: 700;
line-height: 1.2;
}
@media only screen and (max-width: 767px) {
.product-card__title .title {
font-size: 14px;
}
}
.product-card__title .icon {
flex-shrink: 0;
}
.product-card__title.hover {
position: absolute;
top: 100%;
left: 0;
opacity: 1;
transition: 0.2s ease;
padding-right: 0;
}
.product-card__link {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.product-card__read-more {
position: absolute;
left: 0;
padding: 0 16px;
bottom: 28px;
display: flex;
justify-content: space-between;
gap: 20px;
width: 100%;
opacity: 0;
}
.product-card__read-more .title {
color: #fff;
font-weight: 700;
}
.product-card__read-more__icon {
height: 18px;
width: 18px;
border-radius: 100%;
margin-top: 2px;
background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9.06977 17.957C13.8755 17.957 17.7714 14.1515 17.7714 9.45703C17.7714 4.76261 13.8755 0.957031 9.06977 0.957031C4.26401 0.957031 0.368164 4.76261 0.368164 9.45703C0.368164 14.1515 4.26401 17.957 9.06977 17.957Z' fill='white'/%3E%3Cpath d='M9.07302 14.7695L13.4238 9.45703L9.07302 4.14453' stroke='%230074CC' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.63451 9.45703H13.4238' stroke='%230074CC' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
}
.btn {
cursor: pointer;
font-family: var(--font-primary);
font-size: 16px;
min-height: 38px;
font-weight: 600;
line-height: 1;
padding: 8px 16px 8px 12px;
display: inline-flex;
text-align: left;
justify-content: flex-start;
align-items: center;
gap: 22px;
color: var(--color-white);
border: 0;
transition: background-color 0.2s ease, color 0.2s ease, border 0.2s ease, opacity 0.2s ease;
position: relative;
background-color: var(--color-blue);
border-radius: 0 8px 8px 0;
margin-left: 14px;
}
.btn .icon {
transition: transform 0.2s cubic-bezier(0.18, 0.89, 0.38, 1.99);
}
.btn .icon::before {
background-color: currentColor;
}
.btn::after, .btn::before {
content: "";
position: absolute;
height: 100%;
transform: skewX(-8deg);
background-color: var(--color-blue);
top: 0;
transition: background-color 0.2s ease, transform 0.2s cubic-bezier(0.18, 0.89, 0.38, 1.99);
}
.btn::before {
width: 10px;
left: -4px;
}
.btn::after {
width: 3px;
left: -12px;
}
.btn:hover, .btn:focus {
background-color: var(--color-purple-dark);
}
.btn:hover::after, .btn:hover::before, .btn:focus::after, .btn:focus::before {
background-color: var(--color-purple-dark);
}
.btn:hover::after, .btn:focus::after {
transform: translate(-6px, 0) skewX(-8deg);
}
.btn:hover .icon-arrow-right, .btn:focus .icon-arrow-right {
transform: translate(-10px, 0);
}
.btn--only-icon {
padding: 8px 20px;
}
@media only screen and (max-width: 767px) {
.btn--only-icon {
padding: 8px 14px;
}
}
.btn__text {
display: block;
position: relative;
z-index: 3;
pointer-events: none;
}
.btn__icon {
flex-shrink: 0;
width: 12px;
height: 12px;
pointer-events: none;
}
.btn--outline {
color: var(--color-blue);
background-color: transparent;
border-color: var(--color-blue);
}
.btn--outline:hover, .btn--outline:focus {
background-color: transparent;
color: var(--color-blue-rollovers);
border-color: var(--color-blue-rollovers);
}
.btn--outline-white {
color: var(--color-white);
background-color: transparent;
border-color: var(--color-white);
}
.btn--outline-white:hover, .btn--outline-white:focus {
background-color: transparent;
color: var(--color-blue);
border-color: var(--color-blue);
}
.btn--left-icon .btn__icon {
order: -1;
}
.btn[disabled], .btn--disabled {
cursor: not-allowed;
transition: none;
pointer-events: none;
opacity: 0.6;
color: var(--color-black);
background-color: var(--color-gray);
}
.btn[disabled]::after, .btn[disabled]::before, .btn--disabled::after, .btn--disabled::before {
background-color: var(--color-gray);
}
.btn[disabled] .btn__icon, .btn--disabled .btn__icon {
transform: none !important;
}
.checkbox 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);
}
.checkbox {
user-select: none;
line-height: 1.53;
max-width: 620px;
}
.checkbox__label {
position: relative;
padding-left: 38px;
cursor: pointer;
margin: 0;
min-height: 24px;
display: block;
}
.checkbox__label-text {
vertical-align: middle;
}
.checkbox__label::after, .checkbox__label:before {
content: "";
left: 0;
top: 4px;
position: absolute;
pointer-events: none;
width: 18px;
height: 18px;
border-radius: 4px;
}
.checkbox__label:before {
border: 1px solid var(--color-background-blue);
background-color: var(--color-white);
transition: background-color 0.3s ease, border 0.3s ease;
}
.checkbox__label::after {
transform: scale(0);
transition: transform 0.3s ease, opacity 0.3s ease;
background: url("data:image/svg+xml, %3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3334 6.34265L8.25002 16.426L3.66669 11.8427' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/14px auto;
}
.checkbox input:checked ~ label::before {
background-color: var(--color-blue);
border-color: var(--color-blue);
}
.checkbox input:checked ~ label::after {
transform: scale(1);
}
.checkbox a {
text-decoration: underline;
font-weight: 700;
}
.checkbox a:hover {
color: var(--color-blue);
}
.checkbox.is-validation-failed .checkbox__label::before, .is-validation-failed .checkbox .checkbox__label::before {
border-color: var(--color-validation-failed);
}
.checkbox .fv-plugins-message-container {
text-align: left;
padding-left: 38px;
}
.dropdown {
width: 100%;
position: relative;
user-select: none;
max-width: 480px;
}
.dropdown__label {
position: relative;
margin: 0 0 6px;
display: block;
z-index: 4;
line-height: 1.33;
font-weight: 600;
}
.dropdown__placeholder {
position: relative;
width: 100%;
height: 48px;
border: 1px solid var(--color-body-text);
background-color: var(--color-white);
color: rgba(67, 68, 104, 0.5);
border-radius: 4px;
outline: none;
z-index: 1;
cursor: pointer;
padding: 8px 16px;
display: flex;
align-items: center;
transition: border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
.dropdown__placeholder img {
width: 24px;
margin-right: 12px;
height: 12px;
}
.dropdown__placeholder .icon {
width: 12px;
height: 8px;
position: absolute;
right: 16px;
top: 50%;
margin-top: -4px;
pointer-events: none;
transition: transform 0.3s ease;
}
.dropdown__placeholder .icon::before {
background-color: var(--color-blue-light);
}
.dropdown__placeholder-text {
transition: transform 0.3s ease, opacity 0.3s ease;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
padding-right: 40px;
}
@media only screen and (max-width: 767px) {
.dropdown__placeholder-text {
max-width: 255px;
padding-right: 0;
}
}
.dropdown__list {
position: absolute;
top: 100%;
margin-top: -1px;
width: 100%;
z-index: 9;
left: 0;
display: none;
}
.dropdown__list-item {
position: relative;
}
.dropdown__list-inner {
overflow: auto;
border-radius: 0 0 4px 4px;
max-height: 184px;
border: 1px solid var(--color-body-text);
background-color: var(--color-white);
}
@media only screen and (min-width: 1023px) {
.dropdown__list-inner {
scrollbar-track-color: rgba(0, 122, 214, 0.2);
scrollbar-face-color: rgba(0, 122, 214, 0.4);
scrollbar-arrow-color: rgba(0, 122, 214, 0.4);
}
.dropdown__list-inner::-webkit-scrollbar {
width: 4px;
}
.dropdown__list-inner::-webkit-scrollbar-track {
-webkit-border-radius: 0;
border-radius: 0;
background: rgba(0, 122, 214, 0.2);
}
.dropdown__list-inner::-webkit-scrollbar-thumb:window-inactive {
background: rgba(0, 122, 214, 0.3);
}
.dropdown__list-inner::-webkit-scrollbar-thumb {
background: rgba(0, 122, 214, 0.4);
width: 4px;
border-radius: 0;
}
}
.dropdown__list-inner input:not([type=submit]):not(.input-field__input) {
position: absolute;
width: 0;
height: 0;
opacity: 0;
}
.dropdown__list-inner input:not([type=submit]):not(.input-field__input):checked + .dropdown__list-option {
background: rgba(0, 48, 90, 0.2);
}
.dropdown__list-option {
cursor: pointer;
margin: 0;
width: 100%;
display: flex;
align-items: center;
min-height: 36px;
padding: 5px 16px;
background-color: transparent;
transition: color 0.3s ease, background-color 0.3s ease;
font-size: 14px;
}
.dropdown__list-option img {
width: 24px;
margin-right: 12px;
pointer-events: none;
height: 12px;
}
.dropdown__list-option.is-active, .dropdown__list-option:hover {
background: rgba(0, 48, 90, 0.1);
}
.dropdown__list-option.is-disabled {
background: rgba(234, 232, 228, 0.2);
color: var(--color-gray);
pointer-events: none;
}
.dropdown__search {
position: absolute;
left: 0;
top: 0;
width: 100%;
padding: 8px;
z-index: 3;
opacity: 0;
border: 1px solid var(--color-gray);
pointer-events: none;
background-color: var(--color-white);
}
.dropdown__search input {
background-color: var(--color-white);
width: 100%;
height: 50px;
border-radius: 0;
padding: 0 16px;
outline: none;
color: inherit;
font-size: 16px;
border: 1px solid var(--color-gray);
transition: border-color 0.3s ease;
}
@media only screen and (max-width: 767px) {
.dropdown__search input {
height: 40px;
font-size: 14px;
}
}
.dropdown.is-open .dropdown__placeholder {
border-radius: 4px 4px 0 0;
}
.dropdown.is-open .icon {
transform: scaleY(-1);
}
.dropdown.is-open .dropdown__list {
display: block;
}
.dropdown--search .dropdown__list-inner {
padding-top: 64px;
max-height: 304px;
}
@media only screen and (max-width: 767px) {
.dropdown--search .dropdown__list-inner {
max-height: 276px;
padding-top: 54px;
}
}
.dropdown--search .dropdown__search {
opacity: 1;
pointer-events: all;
}
.dropdown.is-validation-failed .dropdown__placeholder {
border-color: var(--color-validation-failed);
}
.dropdown.is-validation-failed .fv-plugins-message-container {
margin-top: 4px;
}
.dropdown.is-selected .dropdown__placeholder-text {
color: var(--color-body-text);
}
.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-body-text);
-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-arrow-right, .icon-arrow-left {
width: 12px;
height: 12px;
}
.icon-arrow-right::before, .icon-arrow-left::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='M0.90625 6.74905H9.28375L5.62375 10.4091C5.33125 10.7016 5.33125 11.1816 5.62375 11.4741C5.91625 11.7666 6.38875 11.7666 6.68125 11.4741L11.6237 6.53155C11.9163 6.23905 11.9163 5.76655 11.6237 5.47405L6.68875 0.524052C6.54863 0.383612 6.35839 0.304688 6.16 0.304688C5.96161 0.304688 5.77137 0.383612 5.63125 0.524052C5.33875 0.816552 5.33875 1.28905 5.63125 1.58155L9.28375 5.24905H0.90625C0.49375 5.24905 0.15625 5.58655 0.15625 5.99905C0.15625 6.41155 0.49375 6.74905 0.90625 6.74905Z' fill='white'/%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='M0.90625 6.74905H9.28375L5.62375 10.4091C5.33125 10.7016 5.33125 11.1816 5.62375 11.4741C5.91625 11.7666 6.38875 11.7666 6.68125 11.4741L11.6237 6.53155C11.9163 6.23905 11.9163 5.76655 11.6237 5.47405L6.68875 0.524052C6.54863 0.383612 6.35839 0.304688 6.16 0.304688C5.96161 0.304688 5.77137 0.383612 5.63125 0.524052C5.33875 0.816552 5.33875 1.28905 5.63125 1.58155L9.28375 5.24905H0.90625C0.49375 5.24905 0.15625 5.58655 0.15625 5.99905C0.15625 6.41155 0.49375 6.74905 0.90625 6.74905Z' fill='white'/%3E%3C/svg%3E%0A");
}
.icon-arrow-up, .icon-arrow-down {
width: 25px;
height: 28px;
}
.icon-arrow-up::before, .icon-arrow-down::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='25' height='28' viewBox='0 0 25 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.5 14.1613L12.5 1.3042L0.5 14.1613' stroke='%2300335A' stroke-opacity='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 27.0185V1.3042' stroke='%2300335A' stroke-opacity='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='25' height='28' viewBox='0 0 25 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.5 14.1613L12.5 1.3042L0.5 14.1613' stroke='%2300335A' stroke-opacity='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 27.0185V1.3042' stroke='%2300335A' stroke-opacity='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-chevron-right, .icon-chevron-left {
width: 6px;
height: 10px;
}
.icon-chevron-right::before, .icon-chevron-left::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='6' height='9' viewBox='0 0 6 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.611328 8L4.50022 4.5L0.611328 1' stroke='%23007AD6' stroke-linecap='round'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='6' height='9' viewBox='0 0 6 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.611328 8L4.50022 4.5L0.611328 1' stroke='%23007AD6' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.icon-chevron-up, .icon-chevron-down {
width: 10px;
height: 6px;
}
.icon-chevron-up:before, .icon-chevron-down:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.611328 1.11133L4.11133 5.00022L7.61133 1.11133' stroke='%23007AD6' stroke-linecap='round'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.611328 1.11133L4.11133 5.00022L7.61133 1.11133' stroke='%23007AD6' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.icon-chevron-left:before, .icon-chevron-up:before, .icon-arrow-down:before, .icon-arrow-left:before {
transform: scale(-1);
}
.icon-search:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.75 23.75C19.2728 23.75 23.75 19.2728 23.75 13.75C23.75 8.22715 19.2728 3.75 13.75 3.75C8.22715 3.75 3.75 8.22715 3.75 13.75C3.75 19.2728 8.22715 23.75 13.75 23.75Z' stroke='%23000A14' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.25 26.25L20.875 20.875' stroke='%23000A14' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.75 23.75C19.2728 23.75 23.75 19.2728 23.75 13.75C23.75 8.22715 19.2728 3.75 13.75 3.75C8.22715 3.75 3.75 8.22715 3.75 13.75C3.75 19.2728 8.22715 23.75 13.75 23.75Z' stroke='%23000A14' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.25 26.25L20.875 20.875' stroke='%23000A14' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.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-phone:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.5 21.15V24.9C27.5014 25.2481 27.4301 25.5927 27.2906 25.9117C27.1511 26.2307 26.9466 26.517 26.6901 26.7523C26.4335 26.9877 26.1307 27.1669 25.8009 27.2784C25.4711 27.3899 25.1217 27.4313 24.775 27.4C20.9285 26.9821 17.2337 25.6677 13.9875 23.5625C10.9673 21.6433 8.40665 19.0827 6.48748 16.0625C4.37495 12.8015 3.06028 9.08874 2.64998 5.225C2.61874 4.87933 2.65982 4.53095 2.7706 4.20203C2.88138 3.87311 3.05944 3.57086 3.29343 3.31453C3.52743 3.05819 3.81223 2.85339 4.12972 2.71315C4.4472 2.57292 4.7904 2.50033 5.13748 2.5H8.88748C9.49411 2.49403 10.0822 2.70885 10.5422 3.10441C11.0021 3.49998 11.3026 4.04931 11.3875 4.65C11.5458 5.85008 11.8393 7.02841 12.2625 8.1625C12.4307 8.6099 12.4671 9.09614 12.3674 9.5636C12.2677 10.0311 12.0361 10.4601 11.7 10.8L10.1125 12.3875C11.8919 15.5169 14.483 18.1081 17.6125 19.8875L19.2 18.3C19.5398 17.9639 19.9689 17.7323 20.4364 17.6326C20.9038 17.5329 21.3901 17.5693 21.8375 17.7375C22.9716 18.1607 24.1499 18.4542 25.35 18.6125C25.9572 18.6982 26.5117 19.004 26.9081 19.4719C27.3046 19.9397 27.5152 20.537 27.5 21.15Z' stroke='%23000A14' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.5 21.15V24.9C27.5014 25.2481 27.4301 25.5927 27.2906 25.9117C27.1511 26.2307 26.9466 26.517 26.6901 26.7523C26.4335 26.9877 26.1307 27.1669 25.8009 27.2784C25.4711 27.3899 25.1217 27.4313 24.775 27.4C20.9285 26.9821 17.2337 25.6677 13.9875 23.5625C10.9673 21.6433 8.40665 19.0827 6.48748 16.0625C4.37495 12.8015 3.06028 9.08874 2.64998 5.225C2.61874 4.87933 2.65982 4.53095 2.7706 4.20203C2.88138 3.87311 3.05944 3.57086 3.29343 3.31453C3.52743 3.05819 3.81223 2.85339 4.12972 2.71315C4.4472 2.57292 4.7904 2.50033 5.13748 2.5H8.88748C9.49411 2.49403 10.0822 2.70885 10.5422 3.10441C11.0021 3.49998 11.3026 4.04931 11.3875 4.65C11.5458 5.85008 11.8393 7.02841 12.2625 8.1625C12.4307 8.6099 12.4671 9.09614 12.3674 9.5636C12.2677 10.0311 12.0361 10.4601 11.7 10.8L10.1125 12.3875C11.8919 15.5169 14.483 18.1081 17.6125 19.8875L19.2 18.3C19.5398 17.9639 19.9689 17.7323 20.4364 17.6326C20.9038 17.5329 21.3901 17.5693 21.8375 17.7375C22.9716 18.1607 24.1499 18.4542 25.35 18.6125C25.9572 18.6982 26.5117 19.004 26.9081 19.4719C27.3046 19.9397 27.5152 20.537 27.5 21.15Z' stroke='%23000A14' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-email:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 5H5C3.61929 5 2.5 6.11929 2.5 7.5V22.5C2.5 23.8807 3.61929 25 5 25H25C26.3807 25 27.5 23.8807 27.5 22.5V7.5C27.5 6.11929 26.3807 5 25 5Z' stroke='%23000A14' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.5 8.75L16.2875 15.875C15.9016 16.1168 15.4554 16.245 15 16.245C14.5446 16.245 14.0984 16.1168 13.7125 15.875L2.5 8.75' stroke='%23000A14' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 5H5C3.61929 5 2.5 6.11929 2.5 7.5V22.5C2.5 23.8807 3.61929 25 5 25H25C26.3807 25 27.5 23.8807 27.5 22.5V7.5C27.5 6.11929 26.3807 5 25 5Z' stroke='%23000A14' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.5 8.75L16.2875 15.875C15.9016 16.1168 15.4554 16.245 15 16.245C14.5446 16.245 14.0984 16.1168 13.7125 15.875L2.5 8.75' stroke='%23000A14' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-plus {
width: 12px;
height: 12px;
}
.icon-plus: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='M12 7.02321V4.97679C12 4.62054 11.7134 4.33393 11.3571 4.33393H7.66607V0.642857C7.66607 0.286607 7.37946 0 7.02321 0H4.97679C4.62054 0 4.33393 0.286607 4.33393 0.642857V4.33393H0.642857C0.286607 4.33393 0 4.62054 0 4.97679V7.02321C0 7.37946 0.286607 7.66607 0.642857 7.66607H4.33393V11.3571C4.33393 11.7134 4.62054 12 4.97679 12H7.02321C7.37946 12 7.66607 11.7134 7.66607 11.3571V7.66607H11.3571C11.7134 7.66607 12 7.37946 12 7.02321Z' fill='%23004980'/%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='M12 7.02321V4.97679C12 4.62054 11.7134 4.33393 11.3571 4.33393H7.66607V0.642857C7.66607 0.286607 7.37946 0 7.02321 0H4.97679C4.62054 0 4.33393 0.286607 4.33393 0.642857V4.33393H0.642857C0.286607 4.33393 0 4.62054 0 4.97679V7.02321C0 7.37946 0.286607 7.66607 0.642857 7.66607H4.33393V11.3571C4.33393 11.7134 4.62054 12 4.97679 12H7.02321C7.37946 12 7.66607 11.7134 7.66607 11.3571V7.66607H11.3571C11.7134 7.66607 12 7.37946 12 7.02321Z' fill='%23004980'/%3E%3C/svg%3E%0A");
}
.icon-minus {
width: 12px;
height: 4px;
}
.icon-minus:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='12' height='4' viewBox='0 0 12 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3571 3.33214C11.7134 3.33214 12 3.04554 12 2.68929V0.642857C12 0.286607 11.7134 8.17435e-08 11.3571 8.17435e-08H0.642857C0.286607 8.17435e-08 0 0.286607 0 0.642857V2.68929C0 3.04554 0.286607 3.33214 0.642857 3.33214H11.3571Z' fill='%23004980'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='12' height='4' viewBox='0 0 12 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3571 3.33214C11.7134 3.33214 12 3.04554 12 2.68929V0.642857C12 0.286607 11.7134 8.17435e-08 11.3571 8.17435e-08H0.642857C0.286607 8.17435e-08 0 0.286607 0 0.642857V2.68929C0 3.04554 0.286607 3.33214 0.642857 3.33214H11.3571Z' fill='%23004980'/%3E%3C/svg%3E%0A");
}
.icon-facebook {
width: 20px;
height: 20px;
}
.icon-facebook:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 2.14286V17.8571C20 19.0402 19.0402 20 17.8571 20H14.0491V12.0893H16.7545L17.1429 9.07143H14.0491V7.14286C14.0491 6.26786 14.2902 5.67411 15.5446 5.67411H17.1429V2.97768C16.8661 2.94196 15.9196 2.85714 14.8125 2.85714C12.5089 2.85714 10.9286 4.26339 10.9286 6.84821V9.07589H8.21429V12.0938H10.933V20H2.14286C0.959821 20 0 19.0402 0 17.8571V2.14286C0 0.959821 0.959821 0 2.14286 0H17.8571C19.0402 0 20 0.959821 20 2.14286Z' fill='%23007AD6'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 2.14286V17.8571C20 19.0402 19.0402 20 17.8571 20H14.0491V12.0893H16.7545L17.1429 9.07143H14.0491V7.14286C14.0491 6.26786 14.2902 5.67411 15.5446 5.67411H17.1429V2.97768C16.8661 2.94196 15.9196 2.85714 14.8125 2.85714C12.5089 2.85714 10.9286 4.26339 10.9286 6.84821V9.07589H8.21429V12.0938H10.933V20H2.14286C0.959821 20 0 19.0402 0 17.8571V2.14286C0 0.959821 0.959821 0 2.14286 0H17.8571C19.0402 0 20 0.959821 20 2.14286Z' fill='%23007AD6'/%3E%3C/svg%3E%0A");
}
.icon-linkedin {
width: 20px;
height: 20px;
}
.icon-linkedin:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5714 0H1.42411C0.638393 0 0 0.647322 0 1.44196V18.558C0 19.3527 0.638393 20 1.42411 20H18.5714C19.3571 20 20 19.3527 20 18.558V1.44196C20 0.647322 19.3571 0 18.5714 0ZM6.04464 17.1429H3.08036V7.59821H6.04911V17.1429H6.04464ZM4.5625 6.29464C3.61161 6.29464 2.84375 5.52232 2.84375 4.57589C2.84375 3.62946 3.61161 2.85714 4.5625 2.85714C5.50893 2.85714 6.28125 3.62946 6.28125 4.57589C6.28125 5.52679 5.51339 6.29464 4.5625 6.29464ZM17.1562 17.1429H14.192V12.5C14.192 11.3929 14.1696 9.96875 12.6518 9.96875C11.1071 9.96875 10.8705 11.1741 10.8705 12.4196V17.1429H7.90625V7.59821H10.75V8.90179H10.7902C11.1875 8.15179 12.1563 7.36161 13.5982 7.36161C16.5982 7.36161 17.1562 9.33929 17.1562 11.9107V17.1429Z' fill='%23007AD6'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5714 0H1.42411C0.638393 0 0 0.647322 0 1.44196V18.558C0 19.3527 0.638393 20 1.42411 20H18.5714C19.3571 20 20 19.3527 20 18.558V1.44196C20 0.647322 19.3571 0 18.5714 0ZM6.04464 17.1429H3.08036V7.59821H6.04911V17.1429H6.04464ZM4.5625 6.29464C3.61161 6.29464 2.84375 5.52232 2.84375 4.57589C2.84375 3.62946 3.61161 2.85714 4.5625 2.85714C5.50893 2.85714 6.28125 3.62946 6.28125 4.57589C6.28125 5.52679 5.51339 6.29464 4.5625 6.29464ZM17.1562 17.1429H14.192V12.5C14.192 11.3929 14.1696 9.96875 12.6518 9.96875C11.1071 9.96875 10.8705 11.1741 10.8705 12.4196V17.1429H7.90625V7.59821H10.75V8.90179H10.7902C11.1875 8.15179 12.1563 7.36161 13.5982 7.36161C16.5982 7.36161 17.1562 9.33929 17.1562 11.9107V17.1429Z' fill='%23007AD6'/%3E%3C/svg%3E%0A");
}
.icon-map-pin {
width: 24px;
height: 26px;
}
.icon-map-pin:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='25' height='26' viewBox='0 0 25 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8346 10.7806C20.8346 17.0306 12.5013 23.2806 12.5013 23.2806C12.5013 23.2806 4.16797 17.0306 4.16797 10.7806C4.16797 8.57046 5.04594 6.45085 6.60874 4.88804C8.17155 3.32524 10.2912 2.44727 12.5013 2.44727C14.7114 2.44727 16.831 3.32524 18.3939 4.88804C19.9567 6.45085 20.8346 8.57046 20.8346 10.7806Z' stroke='%2300335A' stroke-opacity='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 13.9043C14.2259 13.9043 15.625 12.5052 15.625 10.7793C15.625 9.05341 14.2259 7.6543 12.5 7.6543C10.7741 7.6543 9.375 9.05341 9.375 10.7793C9.375 12.5052 10.7741 13.9043 12.5 13.9043Z' stroke='%2300335A' stroke-opacity='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='25' height='26' viewBox='0 0 25 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8346 10.7806C20.8346 17.0306 12.5013 23.2806 12.5013 23.2806C12.5013 23.2806 4.16797 17.0306 4.16797 10.7806C4.16797 8.57046 5.04594 6.45085 6.60874 4.88804C8.17155 3.32524 10.2912 2.44727 12.5013 2.44727C14.7114 2.44727 16.831 3.32524 18.3939 4.88804C19.9567 6.45085 20.8346 8.57046 20.8346 10.7806Z' stroke='%2300335A' stroke-opacity='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 13.9043C14.2259 13.9043 15.625 12.5052 15.625 10.7793C15.625 9.05341 14.2259 7.6543 12.5 7.6543C10.7741 7.6543 9.375 9.05341 9.375 10.7793C9.375 12.5052 10.7741 13.9043 12.5 13.9043Z' stroke='%2300335A' stroke-opacity='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-circle-arrow-right {
width: 18px;
height: 18px;
}
.icon-circle-arrow-right:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M9.44087 17.957C14.2466 17.957 18.1425 14.1515 18.1425 9.45703C18.1425 4.76261 14.2466 0.957031 9.44087 0.957031C4.6351 0.957031 0.739258 4.76261 0.739258 9.45703C0.739258 14.1515 4.6351 17.957 9.44087 17.957Z' stroke='%23004980' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.44412 14.7695L13.7949 9.45703L9.44412 4.14453' stroke='%23004980' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.00561 9.45703H13.7949' stroke='%23004980' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M9.44087 17.957C14.2466 17.957 18.1425 14.1515 18.1425 9.45703C18.1425 4.76261 14.2466 0.957031 9.44087 0.957031C4.6351 0.957031 0.739258 4.76261 0.739258 9.45703C0.739258 14.1515 4.6351 17.957 9.44087 17.957Z' stroke='%23004980' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.44412 14.7695L13.7949 9.45703L9.44412 4.14453' stroke='%23004980' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.00561 9.45703H13.7949' stroke='%23004980' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.icon-logo {
width: 30px;
height: 30px;
}
.icon-logo:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cg filter='url(%23filter0_b_1166_36045)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1799 1.72454C12.5582 1.82429 11.0122 2.21512 9.59631 2.84557L6.20212 24.9397C7.37798 25.9819 8.74139 26.819 10.2364 27.3924L14.1799 1.72454Z' fill='white'/%3E%3C/g%3E%3Cg filter='url(//intec.si/wp-content/themes/intec-website/public/css/%23filter1_b_1166_36045)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.61 28.0612C13.3246 28.1921 14.059 28.265 14.809 28.2758C19.2934 28.3421 23.2926 26.1759 25.7454 22.8039L16.2481 4.92855L16.1738 4.92825L12.61 28.0612Z' fill='white'/%3E%3C/g%3E%3Cg filter='url(//intec.si/wp-content/themes/intec-website/public/css/%23filter2_b_1166_36045)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.2334 20.1713C27.8847 18.636 28.2548 16.9512 28.2806 15.1809C28.3757 8.64924 23.7428 3.14904 17.5488 1.94531L27.2334 20.1713Z' fill='white'/%3E%3C/g%3E%3Cg filter='url(//intec.si/wp-content/themes/intec-website/public/css/%23filter3_b_1166_36045)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.72178 14.7968C1.7839 10.592 3.79088 6.87185 6.87245 4.48202L4.09447 22.5743C2.5617 20.3703 1.67915 17.6849 1.72178 14.7968Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_1166_36045' x='-193.799' y='-198.275' width='407.979' height='425.668' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='100'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_1166_36045'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_1166_36045' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_b_1166_36045' x='-187.391' y='-195.072' width='413.137' height='423.35' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='100'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_1166_36045'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_1166_36045' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter2_b_1166_36045' x='-182.451' y='-198.055' width='410.732' height='418.227' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='100'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_1166_36045'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_1166_36045' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter3_b_1166_36045' x='-198.279' y='-195.518' width='405.152' height='418.092' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='100'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_1166_36045'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_1166_36045' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cg filter='url(%23filter0_b_1166_36045)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.1799 1.72454C12.5582 1.82429 11.0122 2.21512 9.59631 2.84557L6.20212 24.9397C7.37798 25.9819 8.74139 26.819 10.2364 27.3924L14.1799 1.72454Z' fill='white'/%3E%3C/g%3E%3Cg filter='url(//intec.si/wp-content/themes/intec-website/public/css/%23filter1_b_1166_36045)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.61 28.0612C13.3246 28.1921 14.059 28.265 14.809 28.2758C19.2934 28.3421 23.2926 26.1759 25.7454 22.8039L16.2481 4.92855L16.1738 4.92825L12.61 28.0612Z' fill='white'/%3E%3C/g%3E%3Cg filter='url(//intec.si/wp-content/themes/intec-website/public/css/%23filter2_b_1166_36045)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M27.2334 20.1713C27.8847 18.636 28.2548 16.9512 28.2806 15.1809C28.3757 8.64924 23.7428 3.14904 17.5488 1.94531L27.2334 20.1713Z' fill='white'/%3E%3C/g%3E%3Cg filter='url(//intec.si/wp-content/themes/intec-website/public/css/%23filter3_b_1166_36045)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.72178 14.7968C1.7839 10.592 3.79088 6.87185 6.87245 4.48202L4.09447 22.5743C2.5617 20.3703 1.67915 17.6849 1.72178 14.7968Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_1166_36045' x='-193.799' y='-198.275' width='407.979' height='425.668' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='100'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_1166_36045'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_1166_36045' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_b_1166_36045' x='-187.391' y='-195.072' width='413.137' height='423.35' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='100'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_1166_36045'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_1166_36045' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter2_b_1166_36045' x='-182.451' y='-198.055' width='410.732' height='418.227' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='100'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_1166_36045'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_1166_36045' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter3_b_1166_36045' x='-198.279' y='-195.518' width='405.152' height='418.092' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='100'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_1166_36045'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_1166_36045' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}
.icon-long-down-arrow {
width: 20px;
height: 50px;
}
.icon-long-down-arrow:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='51' viewBox='0 0 8 51' fill='none'%3E%3Cpath d='M3.65792 50.5176C3.85318 50.7129 4.16977 50.7129 4.36503 50.5176L7.54701 47.3356C7.74227 47.1404 7.74227 46.8238 7.54701 46.6285C7.35175 46.4333 7.03516 46.4333 6.8399 46.6285L4.01147 49.457L1.18305 46.6285C0.987785 46.4333 0.671203 46.4333 0.475941 46.6285C0.280679 46.8238 0.280679 47.1404 0.475941 47.3356L3.65792 50.5176ZM3.51147 0.164062V50.1641H4.51147V0.164062H3.51147Z' fill='white'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='51' viewBox='0 0 8 51' fill='none'%3E%3Cpath d='M3.65792 50.5176C3.85318 50.7129 4.16977 50.7129 4.36503 50.5176L7.54701 47.3356C7.74227 47.1404 7.74227 46.8238 7.54701 46.6285C7.35175 46.4333 7.03516 46.4333 6.8399 46.6285L4.01147 49.457L1.18305 46.6285C0.987785 46.4333 0.671203 46.4333 0.475941 46.6285C0.280679 46.8238 0.280679 47.1404 0.475941 47.3356L3.65792 50.5176ZM3.51147 0.164062V50.1641H4.51147V0.164062H3.51147Z' fill='white'/%3E%3C/svg%3E");
}
.icon.white::before {
background-color: var(--color-white);
}
.icon.blue::before {
background-color: var(--color-blue);
}
.mod-input {
width: 100%;
position: relative;
}
.mod-input ::-webkit-input-placeholder {
color: #434468;
opacity: 0.5;
}
.mod-input ::-moz-placeholder {
color: #434468;
opacity: 0.5;
}
.mod-input ::-ms-input-placeholder {
color: #434468;
opacity: 0.5;
}
.mod-input :-moz-placeholder {
color: #434468;
opacity: 0.5;
}
.mod-input :-ms-input-placeholder {
color: #434468;
opacity: 0.5;
}
.mod-input ::placeholder {
color: #434468;
opacity: 0.5;
}
.mod-input__label {
position: relative;
margin: 0 0 6px;
display: block;
z-index: 4;
line-height: 1.33;
font-weight: 600;
}
.mod-input__field {
position: relative;
width: 100%;
height: 48px;
border: 1px solid var(--color-body-text);
background-color: var(--color-white);
outline: none;
z-index: 1;
font-size: 16px;
font-family: var(--font-primary);
color: var(--color-blue-title);
font-weight: 400;
padding: 8px 16px;
border-radius: 4px;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.mod-input__field:focus {
border-color: var(--color-blue-light);
box-shadow: 0 0 0 3px rgba(0, 48, 90, 0.1);
}
.is-validation-failed .mod-input__field, .mod-input__field.is-validation-failed {
color: var(--color-validation-failed);
border-color: var(--color-validation-failed);
box-shadow: 0 0 0 3px rgba(255, 103, 89, 0.15);
}
.mod-input__field:-webkit-autofill {
color: var(--color-blue-title) !important;
-webkit-text-fill-color: var(--color-blue-title) !important;
}
.mod-input__field:-webkit-autofill::selection {
background-color: transparent !important;
-webkit-text-fill-color: var(--color-blue-title) !important;
}
.mod-input input:-webkit-autofill {
color: var(--color-blue-title) !important;
-webkit-text-fill-color: var(--color-blue-title) !important;
}
.mod-input input:-webkit-autofill:focus {
color: var(--color-blue-title) !important;
-webkit-text-fill-color: var(--color-blue-title) !important;
}
.mod-input__inner {
position: relative;
}
.mod-input textarea {
resize: vertical;
min-height: 88px;
padding: 13px 16px;
}
.mod-input.is-disabled ::-webkit-input-placeholder {
color: #fff;
opacity: 1;
}
.mod-input.is-disabled ::-moz-placeholder {
color: #fff;
opacity: 1;
}
.mod-input.is-disabled ::-ms-input-placeholder {
color: #fff;
opacity: 1;
}
.mod-input.is-disabled :-moz-placeholder {
color: #fff;
opacity: 1;
}
.mod-input.is-disabled :-ms-input-placeholder {
color: #fff;
opacity: 1;
}
.mod-input.is-disabled ::placeholder {
color: #fff;
opacity: 1;
}
.mod-input.is-disabled .mod-input__field {
background-color: var(--color-gray);
color: var(--color-white);
}
.mod-input.is-disabled .mod-input__field {
pointer-events: none;
}
.mod-input.is-validation-failed .fv-plugins-message-container {
margin-top: 4px;
}
.fv-plugins-message-container,
.validation-message {
color: var(--color-validation-failed);
position: relative;
font-size: 12px;
line-height: 1.5;
}
.validation-message {
display: none;
}
.is-validation-failed .validation-message {
display: block;
}
.form-success-message,
.form-error-message {
margin: 10px 0;
padding: 8px 20px;
font-size: 16px;
line-height: 1.5;
border-radius: 4px;
color: var(--color-white);
}
@media only screen and (max-width: 767px) {
.form-success-message,
.form-error-message {
font-size: 14px;
padding: 5px 10px;
}
}
.form-success-message.is-hidden,
.form-error-message.is-hidden {
display: none;
}
.form-error-message {
background-color: rgba(255, 103, 89, 0.5);
border: 1px solid var(--color-validation-failed);
}
.form-success-message {
background-color: rgba(102, 187, 106, 0.5);
border: 1px solid var(--color-success);
}
.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: var(--color-white);
}
.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-blue);
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: 1200px) {
.margin--260 {
height: 120px;
}
}
@media only screen and (max-width: 1022px) {
.margin--260 {
height: 80px;
}
}
.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: 120px;
}
}
@media only screen and (max-width: 1022px) {
.margin--180 {
height: 80px;
}
}
@media only screen and (max-width: 767px) {
.margin--180 {
height: 60px;
}
}
.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--125 {
height: 125px;
}
@media only screen and (max-width: 1439px) {
.margin--125 {
height: 100px;
}
}
@media only screen and (max-width: 1200px) {
.margin--125 {
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--65 {
height: 65px;
}
@media only screen and (max-width: 1200px) {
.margin--65 {
height: 45px;
}
}
@media only screen and (max-width: 767px) {
.margin--65 {
height: 35px;
}
}
.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--52 {
height: 52px;
}
@media only screen and (max-width: 1200px) {
.margin--52 {
height: 40px;
}
}
@media only screen and (max-width: 767px) {
.margin--52 {
height: 36px;
}
}
.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;
}
.radio-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);
}
.radio-button {
user-select: none;
line-height: 1.53;
max-width: 620px;
}
.radio-button__label {
position: relative;
padding-left: 38px;
cursor: pointer;
margin: 0;
min-height: 24px;
display: block;
}
.radio-button__label-text {
vertical-align: middle;
}
.radio-button__label::after, .radio-button__label:before {
content: "";
left: 0;
top: 4px;
position: absolute;
pointer-events: none;
width: 18px;
height: 18px;
border-radius: 100%;
}
.radio-button__label:before {
border: 1px solid var(--color-background-blue);
background-color: var(--color-white);
transition: background-color 0.3s ease, border 0.3s ease;
}
.radio-button__label::after {
top: 8px;
left: 4px;
width: 10px;
height: 10px;
transform: scale(0);
transition: transform 0.3s ease, opacity 0.3s ease;
background-color: var(--color-background-blue);
}
.radio-button input:checked ~ label::after {
transform: scale(1);
}
.radio-button a {
text-decoration: underline;
font-weight: 700;
}
.radio-button a:hover {
color: var(--color-blue);
}
.radio-button.is-validation-failed .radio-button__label::before, .is-validation-failed .radio-button .radio-button__label::before {
border-color: var(--color-validation-failed);
}
.radio-button .fv-plugins-message-container {
text-align: left;
padding-left: 38px;
}
.title--h6, .title--h5, .title--h4, .title--h3, .title--h2, .title--h1 {
font-weight: 600;
line-height: 1;
}
.title--h1 {
font-size: 40px;
line-height: 1.3;
font-weight: 800;
color: var(--color-blue-title);
}
@media only screen and (max-width: 1439px) {
.title--h1 {
font-size: 36px;
}
}
@media only screen and (max-width: 1200px) {
.title--h1 {
font-size: 32px;
line-height: 1.2;
}
}
@media only screen and (max-width: 1022px) {
.title--h1 {
font-size: 28px;
line-height: 32.2px;
}
}
.title--h2 {
font-size: 26px;
line-height: 1.2;
}
@media only screen and (max-width: 1200px) {
.title--h2 {
font-size: 22px;
}
}
@media only screen and (max-width: 1022px) {
.title--h2 {
font-size: 20px;
}
}
.title--h3 {
font-size: 20px;
line-height: 1.3;
}
@media only screen and (max-width: 1200px) {
.title--h3 {
font-size: 18px;
}
}
.title--h4 {
font-size: 16px;
line-height: 1.4;
}
.title--h5 {
font-size: 15px;
line-height: 1.5;
}
.title--h6 {
font-size: 14px;
line-height: 1.5;
}
.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-gray);
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-background-blue);
}
@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);
}
.page-404__title {
font-size: 100px;
line-height: 0.95;
}
@media only screen and (max-width: 1919px) {
.page-404__title {
font-size: 80px;
}
}
@media only screen and (max-width: 1439px) {
.page-404__title {
font-size: 70px;
}
}
@media only screen and (max-width: 1200px) {
.page-404__title {
font-size: 60px;
}
}
@media only screen and (max-width: 1022px) {
.page-404__title {
font-size: 40px;
}
}
@media only screen and (max-width: 767px) {
.page-404__title {
font-size: 36px;
}
}
.page-404 {
width: 100%;
}
.page-404__title {
font-weight: 800;
margin-bottom: 40px;
}
@media only screen and (max-width: 1022px) {
.page-404__title {
margin-bottom: 20px;
}
}
.page-404__inner {
display: grid;
grid-gap: 20px;
padding-left: 70px;
justify-items: flex-start;
}
@media only screen and (max-width: 1022px) {
.page-404__inner {
padding-left: 40px;
}
}
.sc-page-404 {
min-height: 774px;
padding: 30px 0;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 1022px) {
.sc-page-404 {
min-height: 100vh;
}
}
.accordion-card-list {
position: relative;
width: 100%;
}
.accordion-card-list__list {
display: grid;
align-items: flex-start;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: 40px;
position: relative;
}
@media only screen and (max-width: 1200px) {
.accordion-card-list__list {
grid-gap: 20px;
}
}
@media only screen and (max-width: 1022px) {
.accordion-card-list__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 767px) {
.accordion-card-list__list {
grid-template-columns: 1fr;
}
}
.accordion-card-list__inner--grid {
display: grid;
grid-gap: 60px;
align-items: flex-start;
grid-template-columns: 378px 1fr;
}
@media only screen and (max-width: 1200px) {
.accordion-card-list__inner--grid {
grid-template-columns: 340px 1fr;
}
}
@media only screen and (max-width: 1022px) {
.accordion-card-list__inner--grid {
grid-template-columns: 1fr;
}
}
.accordion-card-list__graphic {
position: absolute;
top: 100px;
left: 27%;
z-index: -1;
max-width: 550px;
}
@media only screen and (max-width: 1200px) {
.accordion-card-list__graphic {
max-width: 400px;
left: 10%;
}
}
@media only screen and (max-width: 1022px) {
.accordion-card-list__graphic {
left: 7%;
}
}
.accordion-card-list__graphic svg {
width: 100%;
height: auto;
}
.accordion-card-list__title {
max-width: 670px;
width: 100%;
margin-bottom: 46px;
}
@media only screen and (max-width: 1022px) {
.accordion-card-list__title {
margin-bottom: 24px;
}
}
.accordion-card-list__text {
line-height: 1.55;
margin-top: -5px;
}
@media only screen and (max-width: 1022px) {
.accordion-card-list__text {
margin-top: 0;
}
}
.accordion-card-list .accordion-card {
max-width: 100%;
}
.accordion-card-list--secondary .accordion-card-list__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 767px) {
.accordion-card-list--secondary .accordion-card-list__list {
grid-template-columns: 1fr;
grid-gap: 20px;
}
}
.accordion-card-list--secondary .accordion-card-list__graphic {
max-width: 790px;
width: 100%;
left: -4%;
top: 380px;
}
@media only screen and (max-width: 1200px) {
.accordion-card-list--secondary .accordion-card-list__graphic {
max-width: 440px;
width: 100%;
left: -4%;
top: 330px;
}
}
@media only screen and (max-width: 767px) {
.accordion-card-list--secondary .accordion-card-list__graphic {
max-width: 300px;
width: 100%;
left: -4%;
top: 25%;
}
}
.accordion-card-list--secondary .accordion-card-list__inner--full-width .accordion-card-list__list {
margin: 0 auto;
width: 100%;
max-width: 860px;
}
.banner-module__background::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.banner-module {
position: relative;
color: var(--color-white);
}
.banner-module strong {
font-weight: 600;
}
.banner-module__background::before {
background: linear-gradient(179.33deg, rgba(29, 88, 117, 0.6) 25.9%, rgba(0, 0, 0, 0) 93.84%);
mix-blend-mode: multiply;
z-index: 2;
}
.banner-module__content {
position: relative;
z-index: 4;
max-width: 710px;
width: 100%;
display: flex;
flex-direction: column;
gap: 44px;
min-height: 100dvh;
justify-content: center;
padding: 160px 0;
}
@media only screen and (max-width: 1200px) {
.banner-module__content {
gap: 24px;
}
}
.banner-module__content .title {
color: inherit;
}
.banner-module__date {
letter-spacing: 0.4px;
margin-bottom: 4px;
}
.button-module {
width: 100%;
font-size: 14px;
}
.clients-module__slider-nav-arrow::before {
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
}
.clients-module {
position: relative;
}
.clients-module.bg-white {
background-color: var(--color-white);
color: var(--color-body-text);
}
@media only screen and (max-width: 1022px) {
.clients-module__title {
margin-bottom: 40px;
}
}
.clients-module__title.title {
font-size: 12px;
font-weight: 400;
letter-spacing: 1.8px;
text-transform: uppercase;
line-height: 1.5;
}
.clients-module__logos {
position: relative;
padding: 0 20px;
z-index: 6;
}
.clients-module__slider {
position: relative;
}
.clients-module__slider-nav-arrow {
position: absolute;
top: 50%;
transform: translate(0, -50%);
transition: transform 0.3s ease;
}
.clients-module__slider-nav-arrow.arrow-left {
left: 0;
}
.clients-module__slider-nav-arrow.arrow-left:hover {
transform: translate(-4px, -50%);
}
.clients-module__slider-nav-arrow.arrow-right {
right: 0;
}
.clients-module__slider-nav-arrow.arrow-right:hover {
transform: translate(4px, -50%);
}
.clients-module__slider-nav-arrow .icon {
width: 10px;
height: 12px;
}
.clients-module__slider-nav-arrow .icon::before {
background-color: currentColor;
}
.clients-module__slider-nav-arrow::before {
content: "";
transform: scale(3);
}
.clients-module__item {
min-height: 60px;
}
.clients-module__item img {
object-fit: contain;
}
.clients-module .swiper-wrapper {
align-items: center;
}
.certificate-module__toggle-btn::before {
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
}
.certificate-module {
position: relative;
width: 100%;
}
.certificate-module::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background-color: var(--color-blue);
height: 185px;
transform: translate(0, 56%);
}
@media only screen and (max-width: 1200px) {
.certificate-module::after {
height: 100px;
}
}
@media only screen and (max-width: 767px) {
.certificate-module::after {
height: 50px;
}
}
.certificate-module .container {
position: relative;
z-index: 3;
}
.certificate-module__title {
font-style: italic;
max-width: 710px;
width: 100%;
grid-column: span 2;
}
@media only screen and (max-width: 767px) {
.certificate-module__title {
grid-column: span 1;
}
}
.certificate-module__hidden-text {
display: none;
}
.certificate-module__row {
position: relative;
display: grid;
grid-template-columns: 410px 1fr;
grid-gap: 48px 80px;
}
@media only screen and (max-width: 1022px) {
.certificate-module__row {
grid-gap: 30px 40px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 767px) {
.certificate-module__row {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.certificate-module__dots {
margin: 2px 0;
display: block;
}
.certificate-module__content {
max-width: 415px;
width: 100%;
margin-bottom: 60px;
}
.certificate-module__content.is-open .certificate-module__dots {
opacity: 0;
}
.certificate-module__icon {
max-width: 381px;
margin: -135px 0 -72px auto;
}
@media only screen and (max-width: 1200px) {
.certificate-module__icon {
max-width: 300px;
margin: -100px 0 -72px auto;
}
}
@media only screen and (max-width: 1022px) {
.certificate-module__icon {
max-width: 220px;
margin: -80px 0 -48px auto;
}
}
@media only screen and (max-width: 767px) {
.certificate-module__icon {
margin: -70px 0 -60px 0;
transform: translate(-50%, 0);
left: 60%;
position: relative;
}
}
.certificate-module__icon svg {
width: 100%;
height: auto;
}
.certificate-module__certificates {
display: flex;
gap: 16px;
}
.certificate-module__certificate {
max-width: 415px;
width: 100%;
border-radius: 8px;
overflow: hidden;
box-shadow: 10px 10px 40px 0px hsla(256, 23%, 40%, 0.2);
position: relative;
z-index: 3;
flex: 1;
}
@media only screen and (max-width: 1200px) {
.certificate-module__certificate {
max-width: 320px;
}
}
@media only screen and (max-width: 767px) {
.certificate-module__certificate {
max-width: 340px;
width: calc(100% - 32px);
}
}
.certificate-module__toggle-btn {
width: 12px;
height: 12px;
padding: 24px 0;
position: relative;
}
.certificate-module__toggle-btn::before {
content: "";
transform: scale(3);
}
.certificate-module__toggle-btn .icon {
transition: transform 0.3s ease;
}
.certificate-module__toggle-btn .icon::before {
background-color: currentColor;
}
.certificate-module__toggle-btn .icon-minus {
display: none;
}
.is-open .certificate-module__toggle-btn .icon-minus {
display: inline-block;
}
.is-open .certificate-module__toggle-btn .icon-plus {
display: none;
}
.certificate-module__toggle-btn:hover .icon::before {
background-color: var(--color-blue);
}
.certificate-module .editor-text p {
margin: 34px 0;
}
.certificate-module .editor-text p:first-child {
margin-top: 0;
}
.certificate-module .editor-text p:last-child {
margin-bottom: 0;
}
.contact-hero {
position: relative;
width: 100%;
overflow: hidden;
padding-bottom: 185px;
}
@media only screen and (max-width: 1439px) {
.contact-hero {
padding-bottom: 150px;
}
}
@media only screen and (max-width: 1200px) {
.contact-hero {
padding-bottom: 120px;
}
}
@media only screen and (max-width: 1022px) {
.contact-hero {
padding-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.contact-hero {
padding-bottom: 60px;
}
}
.contact-hero::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
pointer-events: none;
height: 185px;
background-color: var(--color-background-blue);
z-index: 0;
}
@media only screen and (max-width: 1439px) {
.contact-hero::after {
height: 150px;
}
}
@media only screen and (max-width: 1200px) {
.contact-hero::after {
height: 120px;
}
}
@media only screen and (max-width: 1022px) {
.contact-hero::after {
height: 80px;
}
}
@media only screen and (max-width: 767px) {
.contact-hero::after {
height: 60px;
}
}
.contact-hero .container {
position: relative;
z-index: 3;
}
.contact-hero__header-super-title {
color: var(--color-purple-darker);
}
@media only screen and (max-width: 1022px) {
.contact-hero__header-super-title {
margin-bottom: 4px;
}
}
.contact-hero__inner {
min-height: 900px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 84px;
position: relative;
z-index: 4;
padding: 140px 0;
}
@media only screen and (max-width: 1200px) {
.contact-hero__inner {
gap: 32px;
padding: 100px 0;
min-height: 650px;
}
}
@media only screen and (max-width: 1022px) {
.contact-hero__inner {
min-height: 600px;
}
}
@media only screen and (max-width: 767px) {
.contact-hero__inner {
gap: 30px;
padding: 60px 0;
min-height: 94dvh;
}
}
.contact-hero__items {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: 20px;
}
@media only screen and (max-width: 1022px) {
.contact-hero__items {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 767px) {
.contact-hero__items {
grid-template-columns: 1fr;
}
}
.contact-hero__item {
display: flex;
flex-direction: column;
border: 1px solid var(--color-blue-title);
padding: 35px 20px;
border-radius: 8px;
background-color: var(--color-white);
}
@media only screen and (max-width: 1200px) {
.contact-hero__item {
padding: 20px;
gap: 4px;
}
}
@media only screen and (max-width: 1022px) {
.contact-hero__item {
padding: 10px;
}
}
@media only screen and (max-width: 767px) {
.contact-hero__item {
padding: 20px;
}
}
.contact-hero__item a {
text-decoration: underline;
}
.contact-hero__background {
overflow: hidden;
z-index: 1;
}
.contact-hero__background-inner {
position: absolute;
max-width: 970px;
right: -100px;
bottom: 0;
}
@media only screen and (max-width: 1200px) {
.contact-hero__background-inner {
max-width: 680px;
}
}
@media only screen and (max-width: 1022px) {
.contact-hero__background-inner {
max-width: 600px;
right: -50px;
}
}
@media only screen and (max-width: 767px) {
.contact-hero__background-inner {
max-width: 400px;
right: -60px;
}
}
.customer-support {
position: relative;
}
@media only screen and (max-width: 767px) {
.customer-support {
padding: 60px 0;
}
}
.customer-support__background {
border-radius: 100%;
position: absolute;
width: calc(100% - 110px);
left: 50%;
top: 44%;
transform: translate(-50%, -50%);
border: 1px solid var(--color-blue-title);
aspect-ratio: 1/1;
background-color: var(--color-white);
}
@media only screen and (max-width: 1200px) {
.customer-support__background {
left: 50%;
top: 42%;
}
}
@media only screen and (max-width: 1022px) {
.customer-support__background {
top: -80px;
aspect-ratio: initial;
height: 0;
padding-bottom: 100%;
transform: translate(0, 0);
left: 0;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.customer-support__background {
display: none;
}
}
.customer-support__inner {
position: relative;
width: 100%;
min-height: 880px;
}
@media only screen and (max-width: 767px) {
.customer-support__inner {
overflow: hidden;
}
}
.customer-support__content {
display: flex;
flex-direction: column;
align-items: center;
gap: 60px;
position: relative;
z-index: 3;
}
@media only screen and (max-width: 1022px) {
.customer-support__content {
gap: 30px;
}
}
.customer-support__title {
max-width: 370px;
width: 100%;
color: var(--color-blue-title);
}
.customer-support__text {
max-width: 510px;
width: 100%;
line-height: 1.55;
}
.customer-support__accordions {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: 30px;
padding: 40px 0;
position: relative;
align-items: flex-start;
z-index: 3;
margin-top: 38px;
background-color: var(--color-white);
}
@media only screen and (max-width: 1200px) {
.customer-support__accordions {
grid-gap: 20px;
}
}
@media only screen and (max-width: 1022px) {
.customer-support__accordions {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 767px) {
.customer-support__accordions {
grid-template-columns: repeat(1, minmax(0, 1fr));
padding: 0;
margin-top: 40px;
}
}
.customer-support__icon {
display: inline-block;
width: 100%;
max-width: 180px;
position: relative;
z-index: 1;
margin: 5px 0;
}
@media only screen and (max-width: 767px) {
.customer-support__icon {
margin: 32px 0 0;
}
}
.customer-support__graphic {
position: absolute;
left: 1%;
bottom: 0;
transform: translate(0, 50%);
max-width: 500px;
}
@media only screen and (max-width: 1022px) {
.customer-support__graphic {
max-width: 360px;
}
}
@media only screen and (max-width: 767px) {
.customer-support__graphic {
left: -30%;
transform: translate(0, 40%);
}
}
.customer-support__graphic svg {
width: 100%;
height: auto;
}
.customer-support .accordion-card {
max-width: 100%;
}
@media only screen and (max-width: 767px) {
.customer-support .accordion-card {
max-width: 200px;
}
}
.customer-support.bg-background-blue {
padding: 0;
}
.customer-support.bg-background-blue .customer-support__background {
background-color: transparent;
border-color: var(--color-white);
}
.customer-support.bg-background-blue .customer-support__accordions {
background-color: var(--color-background-blue);
}
.customer-support__bg-graphic {
position: absolute;
width: calc(100% - 110px);
left: 50%;
top: 44%;
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1022px) {
.customer-support__bg-graphic {
top: -80px;
height: 0;
padding-bottom: 100%;
transform: translate(0, 0);
left: 0;
width: 100%;
}
}
@media only screen and (max-width: 1022px) {
.customer-support__bg-graphic {
top: 80px;
}
}
.customer-support__bg-ellipse, .customer-support__ellipse {
position: absolute;
left: 50%;
top: 44%;
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1200px) {
.customer-support__bg-ellipse, .customer-support__ellipse {
left: 50%;
top: 42%;
}
}
@media only screen and (max-width: 767px) {
.customer-support__bg-ellipse, .customer-support__ellipse {
display: none;
}
}
.customer-support__bg-ellipse svg {
height: 1000px;
width: auto;
}
@media only screen and (max-width: 1200px) {
.customer-support__bg-ellipse svg {
height: 900px;
}
}
@media only screen and (max-width: 1022px) {
.customer-support__bg-ellipse svg {
height: 600px;
}
}
.customer-support__ellipse svg {
height: 870px;
width: auto;
}
@media only screen and (max-width: 1200px) {
.customer-support__ellipse svg {
height: 820px;
}
}
@media only screen and (max-width: 1022px) {
.customer-support__ellipse svg {
height: 500px;
}
}
.customer-support--secondary.bg-background-blue .customer-support__accordions {
background-color: transparent;
}
.counter-module__inner {
display: flex;
justify-content: space-between;
max-width: 1073px;
align-items: flex-start;
}
@media only screen and (max-width: 767px) {
.counter-module__inner {
flex-direction: column;
gap: 40px;
align-items: center;
}
}
.counter-module__item {
max-width: 240px;
text-align: center;
display: flex;
gap: 38px;
flex-direction: column;
align-items: center;
}
@media only screen and (max-width: 1200px) {
.counter-module__item {
grid-gap: 20px;
}
}
@media only screen and (max-width: 767px) {
.counter-module__item {
grid-gap: 16px;
}
}
.counter-module__item:first-child, .counter-module__item:last-child {
max-width: 190px;
}
.counter-module__title {
text-transform: uppercase;
line-height: 1.3;
letter-spacing: 0.3px;
margin-top: 8px;
}
@media only screen and (max-width: 767px) {
.counter-module__title {
letter-spacing: 0;
}
}
.counter-module__divider {
width: 75px;
height: 1px;
background-color: currentColor;
}
.company-details {
position: relative;
}
.company-details__row {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 28px 20px;
margin-top: 4px;
color: rgba(0, 0, 0, 0.7);
}
@media only screen and (max-width: 1022px) {
.company-details__row {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 767px) {
.company-details__row {
grid-template-columns: 1fr;
grid-gap: 20px;
}
}
.company-details .container {
position: relative;
z-index: 3;
}
.company-details__background {
position: absolute;
display: flex;
justify-content: flex-end;
align-items: flex-end;
overflow: hidden;
top: 80px;
width: 100%;
height: calc(100% + 100px);
}
@media only screen and (max-width: 1200px) {
.company-details__background {
top: initial;
height: 100%;
bottom: -40px;
}
}
.company-details__background svg {
margin-right: -100px;
}
@media only screen and (max-width: 1200px) {
.company-details__background svg {
margin-right: -100px;
width: 50vw;
height: auto;
}
}
@media only screen and (max-width: 767px) {
.company-details__background svg {
width: 340px;
margin-right: -40px;
}
}
.editor-text h6, .editor-text h5, .editor-text h4, .editor-text h3, .editor-text h2, .editor-text h1 {
font-weight: 600;
line-height: 1;
}
.editor-text h1 {
font-size: 40px;
line-height: 1.3;
font-weight: 800;
color: var(--color-blue-title);
}
@media only screen and (max-width: 1439px) {
.editor-text h1 {
font-size: 36px;
}
}
@media only screen and (max-width: 1200px) {
.editor-text h1 {
font-size: 32px;
line-height: 1.2;
}
}
@media only screen and (max-width: 1022px) {
.editor-text h1 {
font-size: 28px;
line-height: 32.2px;
}
}
.editor-text h2 {
font-size: 26px;
line-height: 1.2;
}
@media only screen and (max-width: 1200px) {
.editor-text h2 {
font-size: 22px;
}
}
@media only screen and (max-width: 1022px) {
.editor-text h2 {
font-size: 20px;
}
}
.editor-text h3 {
font-size: 20px;
line-height: 1.3;
}
@media only screen and (max-width: 1200px) {
.editor-text h3 {
font-size: 18px;
}
}
.editor-text h4 {
font-size: 16px;
line-height: 1.4;
}
.editor-text h5 {
font-size: 15px;
line-height: 1.5;
}
.editor-text h6 {
font-size: 14px;
line-height: 1.5;
}
.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: 18px;
}
* + .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 p,
.editor-text ul,
.editor-text ol,
.editor-text figure,
.editor-text table {
margin-top: 18px;
margin-bottom: 18px;
}
.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 p + h3, .editor-text p + h4,
.editor-text ul + h1,
.editor-text ul + h2,
.editor-text ul + h3,
.editor-text ul + h4,
.editor-text ol + h1,
.editor-text ol + h2,
.editor-text ol + h3,
.editor-text ol + h4 {
margin-top: 54px;
}
@media only screen and (max-width: 767px) {
.editor-text p + h1, .editor-text p + h2, .editor-text p + h3, .editor-text p + h4,
.editor-text ul + h1,
.editor-text ul + h2,
.editor-text ul + h3,
.editor-text ul + h4,
.editor-text ol + h1,
.editor-text ol + h2,
.editor-text ol + h3,
.editor-text ol + h4 {
margin-top: 40px;
}
}
.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 ol,
.editor-text ul {
display: grid;
grid-gap: 11px;
margin: 50px 0;
}
@media only screen and (max-width: 1022px) {
.editor-text ol,
.editor-text ul {
margin: 24px 0;
}
}
.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: 16px;
}
.editor-text ol li::before,
.editor-text ul li::before {
content: "";
position: absolute;
left: 0;
top: 0.5em;
}
@media only screen and (max-width: 1022px) {
.editor-text ol li::before,
.editor-text ul li::before {
top: calc(0.5em + 1px);
}
}
.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: -1px;
width: 8px;
height: 12px;
background: url("data:image/svg+xml, %3Csvg width='8' height='11' viewBox='0 0 8 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 10.5L6.55556 5.5L1 0.5' stroke='%231EABF7' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
top: 5px;
}
.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;
}
.explore-markets {
position: relative;
}
.explore-markets__header {
display: flex;
gap: 34px;
line-height: 1.5;
min-height: 26px;
margin-bottom: 90px;
}
@media only screen and (max-width: 1022px) {
.explore-markets__header {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 767px) {
.explore-markets__header {
gap: 16px;
letter-spacing: 1px;
}
}
.explore-markets__header-icon {
flex-shrink: 0;
}
.explore-markets__header-title {
align-self: center;
}
.explore-markets__row {
display: grid;
grid-gap: 60px;
grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media only screen and (max-width: 1439px) {
.explore-markets__row {
grid-gap: 40px;
}
}
@media only screen and (max-width: 1022px) {
.explore-markets__row {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media only screen and (max-width: 767px) {
.explore-markets__row {
grid-template-columns: 1fr 1fr;
grid-gap: 40px 20px;
}
}
.explore-markets__card {
text-transform: uppercase;
}
.explore-markets__card-image {
width: 100%;
position: relative;
padding-bottom: 82%;
box-shadow: 10px 10px 40px 0px rgba(91, 79, 127, 0.2);
border-radius: 8px;
margin-bottom: 22px;
}
@media only screen and (max-width: 767px) {
.explore-markets__card-image {
margin-bottom: 12px;
}
}
.explore-markets__card-image img {
transition: transform 0.6s ease;
transform: scale(1.00001);
}
.explore-markets__card-title {
line-height: 1.2;
letter-spacing: 0.5px;
}
@media only screen and (max-width: 767px) {
.explore-markets__card-title {
letter-spacing: 0;
line-height: 1.3;
font-size: 12px;
}
}
.explore-markets__card-title span {
display: inline;
background-image: linear-gradient(currentColor, currentColor);
background-size: 0% 1px;
background-repeat: no-repeat;
transition: background-size 0.5s;
background-position: 0 100%;
}
.explore-markets__card:hover img {
transform: scale(1.08);
}
.explore-markets__card:hover span {
background-size: 100% 1px;
}
.facilities-module {
position: relative;
overflow: hidden;
}
.facilities-module__header {
max-width: 560px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 50px;
}
@media only screen and (max-width: 1200px) {
.facilities-module__header {
gap: 30px;
max-width: 460px;
}
}
@media only screen and (max-width: 767px) {
.facilities-module__header {
gap: 24px;
}
}
.facilities-module__body {
position: relative;
}
.facilities-module__body .bg-video {
position: relative;
min-height: 490px;
overflow: hidden;
border-radius: 8px;
background-color: var(--color-gray);
}
@media only screen and (max-width: 1200px) {
.facilities-module__body .bg-video {
min-height: 380px;
}
}
@media only screen and (max-width: 1022px) {
.facilities-module__body .bg-video {
padding-bottom: 56.24%;
border-radius: 0;
width: 100vw;
margin-left: -20px;
min-height: 260px;
}
}
.facilities-module__graphic {
position: absolute;
right: 0;
top: 0;
z-index: 3;
transform: translate(70%, -70%);
max-width: 280px;
}
@media only screen and (max-width: 1022px) {
.facilities-module__graphic {
transform: translate(30%, -70%);
width: 220px;
height: 220px;
}
.facilities-module__graphic svg {
width: 100%;
height: auto;
}
}
.facts-module {
position: relative;
}
.facts-module__title {
margin-bottom: 150px;
}
@media only screen and (max-width: 1439px) {
.facts-module__title {
margin-bottom: 100px;
}
}
@media only screen and (max-width: 1200px) {
.facts-module__title {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 767px) {
.facts-module__title {
margin-bottom: 40px;
}
}
.facts-module__inner {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 160px;
padding: 0 110px;
}
@media only screen and (max-width: 1439px) {
.facts-module__inner {
grid-gap: 100px;
padding: 0 60px;
}
}
@media only screen and (max-width: 1200px) {
.facts-module__inner {
padding: 0;
}
}
@media only screen and (max-width: 1022px) {
.facts-module__inner {
width: 100%;
grid-gap: 80px;
}
}
@media only screen and (max-width: 767px) {
.facts-module__inner {
grid-gap: 40px;
grid-template-columns: 1fr;
}
}
.facts-module__item {
display: flex;
align-items: center;
gap: 50px;
}
@media only screen and (max-width: 1022px) {
.facts-module__item {
gap: 30px;
}
}
@media only screen and (max-width: 767px) {
.facts-module__item {
gap: 24px;
}
}
.facts-module__item-image {
max-width: 130px;
width: 100%;
flex-shrink: 0;
}
@media only screen and (max-width: 1022px) {
.facts-module__item-image {
max-width: 100px;
}
}
@media only screen and (max-width: 767px) {
.facts-module__item-image {
height: 70px;
display: flex;
align-items: center;
justify-content: center;
}
}
.facts-module__item-image img {
object-fit: contain;
}
@media only screen and (max-width: 767px) {
.facts-module__item-image img {
max-height: 70px;
}
}
.facts-module__item-text {
max-width: 165px;
width: 100%;
line-height: 1.4;
}
.facts-module__map {
position: absolute;
right: 46px;
bottom: -122px;
}
@media only screen and (max-width: 1200px) {
.facts-module__map {
bottom: -70px;
}
}
@media only screen and (max-width: 767px) {
.facts-module__map {
bottom: 0;
right: 0;
position: relative;
padding-top: 100px;
margin: 60px 0 -100px;
}
}
.facts-module__map-image {
width: 100%;
max-width: 900px;
}
@media only screen and (max-width: 1439px) {
.facts-module__map-image {
max-width: 700px;
}
}
@media only screen and (max-width: 1200px) {
.facts-module__map-image {
max-width: 580px;
}
}
@media only screen and (max-width: 1022px) {
.facts-module__map-image {
max-width: 450px;
}
}
@media only screen and (max-width: 767px) {
.facts-module__map-image {
display: block;
margin: 0 auto;
}
}
.facts-module__map-address {
position: absolute;
left: 64%;
top: 0;
transform: translate(-50%, -36%);
width: 100%;
max-width: 270px;
padding-left: 40px;
display: grid;
grid-gap: 12px;
}
@media only screen and (max-width: 1439px) {
.facts-module__map-address {
left: 68%;
}
}
@media only screen and (max-width: 1200px) {
.facts-module__map-address {
transform: translate(-50%, -54%);
left: 72%;
}
}
@media only screen and (max-width: 767px) {
.facts-module__map-address {
left: 60%;
transform: translate(-50%, 0);
}
}
.sc-facts-module {
z-index: 2;
}
.form-module {
position: relative;
}
.form-module__body {
display: grid;
grid-template-columns: 510px 1fr;
grid-gap: 146px;
}
@media only screen and (max-width: 1439px) {
.form-module__body {
grid-gap: 100px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 1022px) {
.form-module__body {
grid-gap: 40px;
grid-template-columns: 1fr;
}
}
.form-module .title--h2 {
color: var(--color-body-text);
margin-bottom: 22px;
}
.form-module .editor-text {
color: var(--color-black);
}
.form-module .editor-text h1,
.form-module .editor-text h2,
.form-module .editor-text h3,
.form-module .editor-text h4,
.form-module .editor-text h5,
.form-module .editor-text h6 {
color: var(--color-body-text);
}
.form-module .form-component {
max-width: 100%;
margin-top: 522px;
}
@media only screen and (max-width: 1200px) {
.form-module .form-component {
margin-top: 0;
}
}
.form-module__graphic {
position: absolute;
bottom: -6%;
left: -10%;
z-index: -1;
max-width: 720px;
width: 100%;
}
@media only screen and (max-width: 1200px) {
.form-module__graphic {
max-width: 300px;
}
}
.form-module__graphic svg {
width: 100%;
height: auto;
}
.form-module--contact-us .form-component {
margin-top: 0;
}
@media only screen and (min-width: 1201px) {
.form-module--contact-us .form-module__body {
grid-template-columns: 298px 1fr;
grid-gap: 92px;
max-width: 1012px;
}
}
.form-module--without-content .form-component {
margin-top: 0;
}
.footer {
position: relative;
width: 100%;
font-weight: 500;
}
.footer__top {
padding: 92px 0;
background-color: var(--color-gray);
}
@media only screen and (max-width: 1200px) {
.footer__top {
padding: 70px 0;
}
}
@media only screen and (max-width: 1022px) {
.footer__top {
padding: 70px 0 30px;
}
}
@media only screen and (max-width: 767px) {
.footer__top {
padding: 92px 0 74px;
}
}
.footer__top-row {
display: grid;
grid-gap: 22px;
grid-template-columns: 23.6% 30% 17% 1fr;
}
@media only screen and (max-width: 1022px) {
.footer__top-row {
grid-gap: 40px 20px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 767px) {
.footer__top-row {
grid-template-columns: 1fr;
grid-gap: 0;
}
}
.footer__top-row--header {
margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
.footer__top-row--header {
display: flex;
grid-gap: 0;
gap: 30px;
align-items: center;
justify-content: space-between;
margin-bottom: 32px;
}
}
.footer__logo {
display: inline-block;
max-width: 200px;
}
.footer__logo img {
object-fit: contain;
}
.footer__text {
line-height: 1.95;
max-width: 210px;
}
@media only screen and (max-width: 767px) {
.footer__text {
max-width: 100%;
margin-bottom: 65px;
}
}
.footer__copyright {
position: relative;
padding-top: 26px;
margin-top: 20px;
}
@media only screen and (max-width: 1022px) {
.footer__copyright {
margin-top: 30px;
}
}
@media only screen and (max-width: 767px) {
.footer__copyright {
margin-top: 42px;
}
}
.footer__copyright::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 1px;
background-color: var(--color-body-text);
width: 42px;
}
@media only screen and (max-width: 767px) {
.footer__copyright::before {
display: none;
}
}
.footer__addresses {
display: grid;
grid-gap: 20px;
}
@media only screen and (max-width: 767px) {
.footer__addresses {
margin-bottom: 65px;
}
}
.footer__address {
display: flex;
gap: 16px;
margin-bottom: 0;
line-height: 1.7;
}
.footer__address .icon {
flex-shrink: 0;
top: 2px;
}
.footer__nav {
position: relative;
padding-bottom: 22px;
margin-bottom: 24px;
}
.footer__nav-list {
display: grid;
grid-gap: 4px;
}
@media only screen and (max-width: 767px) {
.footer__nav-list {
grid-gap: 3px;
}
}
.footer__nav::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 1px;
background-color: currentColor;
width: 42px;
}
@media only screen and (min-width: 768px) {
.footer__nav:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.footer__nav:last-child::before {
display: none;
}
}
@media only screen and (max-width: 767px) {
.footer__nav--gdpr {
padding-bottom: 0;
margin-bottom: 0;
}
.footer__nav--gdpr::before {
display: none;
}
}
.footer__social-list {
display: flex;
gap: 8px;
align-items: center;
}
.footer__social-link {
display: flex;
font-size: 0;
line-height: 0;
transition: transform 0.2s ease;
}
.footer__social-link .icon::before {
background-color: var(--color-blue);
}
.footer__social-link:hover {
transform: scale(1.2);
}
.footer__social-link:hover .icon::before {
background-color: var(--color-link-hover);
}
.footer a:hover {
color: var(--color-link-hover);
}
.footer__bottom {
padding: 30px 0;
}
.footer__bottom-row {
display: flex;
gap: 30px;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.footer__bottom-row {
gap: 36px 20px;
flex-wrap: wrap;
}
}
.footer__bottom-logo {
display: inline-block;
}
@media only screen and (max-width: 1022px) {
.footer__bottom-logo {
max-width: 170px;
}
}
@media only screen and (max-width: 767px) {
.footer__bottom-logo {
max-width: calc(50% - 14px);
}
}
.footer__bottom-logo img {
object-fit: contain;
width: auto;
height: auto;
max-height: 56px;
}
.footer__bottom-left, .footer__bottom-right {
display: flex;
gap: 16px;
align-items: center;
}
@media only screen and (max-width: 767px) {
.footer__bottom-left, .footer__bottom-right {
flex-wrap: wrap;
gap: 32px 20px;
justify-content: center;
}
}
@media only screen and (min-width: 1201px) {
.footer__bottom-right {
min-width: 272px;
}
}
@media only screen and (max-width: 767px) {
.footer__bottom-right {
width: 100%;
}
}
.scroll-top-btn {
width: 75px;
height: 75px;
border-radius: 7px;
border: 1px solid var(--color-body-text);
background-color: rgba(255, 255, 255, 0.2);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
box-shadow: 0px 20px 40px 0px rgba(0, 51, 90, 0.1019607843);
position: absolute;
top: 0;
right: 80px;
transform: translate(0, -50%);
z-index: 9;
transition: box-shadow 0.3s ease;
}
@media only screen and (max-width: 1439px) {
.scroll-top-btn {
width: 60px;
height: 60px;
}
}
@media only screen and (max-width: 767px) {
.scroll-top-btn {
right: 32px;
width: 75px;
height: 75px;
}
}
@media only screen and (max-width: 1439px) {
.scroll-top-btn .icon {
width: 21px;
height: 23px;
}
}
@media only screen and (max-width: 767px) {
.scroll-top-btn .icon {
width: 24px;
height: 24px;
}
}
.scroll-top-btn:hover {
box-shadow: 0 20px 40px 20px rgba(0, 51, 90, 0.1019607843);
}
.hero-module__slider-nav-arrow::before {
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
}
.hero-module {
position: relative;
}
.hero-module__slider {
position: relative;
z-index: 3;
}
.hero-module__slider .swiper-slide {
width: 100%;
}
.hero-module__slider-nav {
position: absolute;
left: 0;
top: initial;
width: 100%;
bottom: 80px;
z-index: 4;
}
.hero-module__slider-nav-inner {
display: flex;
gap: 46px;
align-items: center;
}
@media only screen and (max-width: 1022px) {
.hero-module__slider-nav-inner {
gap: 24px;
}
}
.hero-module__slider-nav-arrow {
position: relative;
}
.hero-module__slider-nav-arrow .icon {
width: 10px;
height: 12px;
}
.hero-module__slider-nav-arrow::before {
content: "";
transform: scale(2);
}
.hero-module__slider-nav-arrow.swiper-button-lock {
display: none;
}
.hero-module__slider-nav .swiper-pagination-bullets.swiper-pagination-horizontal {
top: initial;
bottom: initial;
text-align: left;
position: relative;
width: auto;
display: flex;
align-items: center;
gap: 36px;
}
@media only screen and (max-width: 1022px) {
.hero-module__slider-nav .swiper-pagination-bullets.swiper-pagination-horizontal {
gap: 16px;
}
}
.hero-module__slider-nav .swiper-pagination-bullet {
width: 8px;
height: 8px;
margin: 0 !important;
border-radius: 100%;
opacity: 1;
border: 1px solid var(--color-background-blue);
background-color: var(--color-white);
transition: border 0.3s ease, background-color 0.3s ease;
}
.hero-module__slider-nav .swiper-pagination-bullet-active {
background-color: var(--color-background-blue);
}
.hero-module__slide {
min-height: 900px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 140px 0;
}
@media only screen and (max-width: 1200px) {
.hero-module__slide {
min-height: 740px;
}
}
@media only screen and (max-width: 767px) {
.hero-module__slide {
min-height: 1px;
padding: 146px 0 0;
max-width: 315px;
}
}
.hero-module__content {
max-width: 650px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 50px;
}
@media only screen and (max-width: 1200px) {
.hero-module__content {
gap: 30px;
max-width: 460px;
}
}
@media only screen and (max-width: 767px) {
.hero-module__content {
gap: 24px;
}
}
.hero-module__shape {
position: absolute;
right: 0;
top: -80px;
z-index: 0;
height: 100%;
width: 858px;
}
@media only screen and (max-width: 1200px) {
.hero-module__shape {
width: 680px;
top: -60px;
}
}
@media only screen and (max-width: 1022px) {
.hero-module__shape {
width: 600px;
}
}
@media only screen and (max-width: 767px) {
.hero-module__shape {
position: relative;
width: 340px;
height: auto;
display: block;
margin: -180px 0 -40px auto;
top: 0;
}
}
@media (max-width: 360px) {
.hero-module__shape {
width: 300px;
}
}
.hero-module__shape-item {
position: relative;
width: 858px;
height: auto;
}
@media only screen and (max-width: 1200px) {
.hero-module__shape-item {
width: 680px;
}
}
@media only screen and (max-width: 1022px) {
.hero-module__shape-item {
width: 600px;
}
}
@media only screen and (max-width: 767px) {
.hero-module__shape-item {
width: 340px;
}
}
.hero-module__shape .swiper-slide {
width: auto;
}
.hero-module__shape svg {
width: 100%;
height: auto;
}
.hero-module__shape svg path {
fill: #a6d0f1;
fill-opacity: 1;
}
.hero-module__clipped-video {
object-fit: cover;
background-color: #a5d0f2;
position: absolute;
right: 26px;
bottom: 44px;
width: 442px;
height: 782px;
}
@media only screen and (max-width: 1200px) {
.hero-module__clipped-video {
right: 24px;
bottom: 35px;
width: 348px;
height: 620px;
}
}
@media only screen and (max-width: 1022px) {
.hero-module__clipped-video {
right: 22px;
bottom: 30px;
width: 304px;
height: 546px;
}
}
@media only screen and (max-width: 767px) {
.hero-module__clipped-video {
right: 12px;
bottom: 16px;
width: 174px;
height: 312px;
}
}
.hero-module__video-svg {
position: absolute;
right: 0;
top: 0;
width: 0;
height: 0;
opacity: 0;
}
.hero-module__product-img {
position: absolute;
bottom: 0;
right: 0;
width: 82%;
display: flex;
justify-content: flex-end;
align-items: center;
height: 80%;
}
.hero-module__bottom-bar {
height: 185px;
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
width: 100%;
}
@media only screen and (max-width: 1200px) {
.hero-module__bottom-bar {
height: 120px;
}
}
@media only screen and (max-width: 767px) {
.hero-module__bottom-bar {
height: 80px;
}
}
.hero-module--bottom-bar {
padding-bottom: 162px;
}
@media only screen and (max-width: 1200px) {
.hero-module--bottom-bar {
padding-bottom: 120px;
}
}
@media only screen and (max-width: 1022px) {
.hero-module--bottom-bar {
padding-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.hero-module--bottom-bar {
padding-bottom: 60px;
}
}
.sc-hero-module {
z-index: 3;
}
@media only screen and (max-width: 767px) {
.sc-hero-module + .bg-blue-parent .bg-blue {
padding-top: 40px;
}
}
.facilities-slider__nav-arrow::before {
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
}
.facilities-slider__text {
margin-top: 44px;
max-width: 340px;
}
@media only screen and (max-width: 1022px) {
.facilities-slider__text {
margin-top: 20px;
}
}
.facilities-slider__sliders {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
gap: 0;
position: relative;
}
@media only screen and (max-width: 1022px) {
.facilities-slider__sliders {
margin-top: 20px;
}
}
@media only screen and (max-width: 767px) {
.facilities-slider__sliders {
padding: 0 20px;
display: grid;
grid-template-columns: 1fr 1.25fr;
grid-gap: 16px;
}
}
.facilities-slider__sliders .swiper {
overflow: hidden;
border-radius: 10px;
margin: 0 16px;
aspect-ratio: 42/59;
flex-shrink: 0;
width: 336px;
position: relative;
}
@media only screen and (max-width: 1439px) {
.facilities-slider__sliders .swiper {
width: 280px;
margin: 0 8px;
}
}
@media only screen and (max-width: 1022px) {
.facilities-slider__sliders .swiper {
width: 200px;
}
}
@media only screen and (max-width: 767px) {
.facilities-slider__sliders .swiper {
width: 100%;
margin: 0;
}
}
.facilities-slider__sliders .swiper-slide {
background-color: #00335a;
height: auto;
position: relative;
}
.facilities-slider__sliders .slider-3 {
aspect-ratio: 49/81;
width: 588px;
}
@media only screen and (max-width: 1439px) {
.facilities-slider__sliders .slider-3 {
width: 440px;
}
}
@media only screen and (max-width: 1022px) {
.facilities-slider__sliders .slider-3 {
width: 360px;
}
}
@media only screen and (max-width: 767px) {
.facilities-slider__sliders .slider-3 {
display: none;
}
}
@media only screen and (max-width: 767px) {
.facilities-slider__sliders .slider-2 {
aspect-ratio: 49/81;
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.facilities-slider__sliders .slider-4 {
display: none;
}
}
.facilities-slider__nav {
width: 100%;
max-width: 404px;
transform: translateY(-180px);
}
@media only screen and (max-width: 1439px) {
.facilities-slider__nav {
transform: translateY(-112px);
}
}
@media only screen and (max-width: 1022px) {
.facilities-slider__nav {
max-width: 100%;
margin: 0 auto;
margin-top: 32px;
transform: none;
}
}
.facilities-slider__nav-inner {
display: flex;
gap: 32px;
align-items: center;
}
@media only screen and (max-width: 1022px) {
.facilities-slider__nav-inner {
gap: 24px;
justify-content: center;
}
}
.facilities-slider__nav-arrow {
position: relative;
height: 28px;
width: 28px;
}
.facilities-slider__nav-arrow .icon {
width: 12px;
height: 12px;
}
.facilities-slider__nav-arrow::before {
content: "";
transform: scale(2);
}
.facilities-slider__nav-arrow.swiper-button-lock {
display: none;
}
.facilities-slider__nav .swiper-pagination-bullets.swiper-pagination-horizontal {
top: initial;
bottom: initial;
text-align: left;
position: relative;
width: auto;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px 36px;
}
@media only screen and (max-width: 1022px) {
.facilities-slider__nav .swiper-pagination-bullets.swiper-pagination-horizontal {
gap: 2px 16px;
}
}
.facilities-slider__nav .swiper-pagination-bullet {
width: 8px;
height: 8px;
margin: 0 !important;
border-radius: 100%;
opacity: 1;
border: 1px solid var(--color-background-blue);
background-color: var(--color-white);
transition: border 0.3s ease, background-color 0.3s ease;
}
.facilities-slider__nav .swiper-pagination-bullet-active {
background-color: var(--color-background-blue);
}
.facilities-slider__logo {
position: absolute;
top: -320px;
right: 0;
width: 520px;
z-index: 2;
pointer-events: none;
left: 800px;
margin: auto;
}
@media only screen and (max-width: 1439px) {
.facilities-slider__logo {
width: 400px;
left: 600px;
top: -240px;
}
}
@media only screen and (max-width: 1022px) {
.facilities-slider__logo {
width: 320px;
left: 460px;
top: -181px;
}
}
@media only screen and (max-width: 767px) {
.facilities-slider__logo {
display: none;
}
}
.sc-facilities-slider {
overflow: hidden;
}
.icon-card-list__bg {
position: absolute;
right: 0;
bottom: 0;
transform: translateY(60%);
z-index: 0;
width: 830px;
max-width: 60%;
pointer-events: none;
}
@media only screen and (max-width: 1439px) {
.icon-card-list__bg {
width: 600px;
}
}
@media only screen and (max-width: 1022px) {
.icon-card-list__bg {
display: none;
}
}
.icon-card-list__bg.bg-left {
right: auto;
left: 0;
width: 532px;
transform: translateY(32%);
}
.icon-card-list .title {
color: #fff;
}
.icon-card-list__items {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 24px;
}
@media only screen and (max-width: 1022px) {
.icon-card-list__items {
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px 12px;
}
}
@media only screen and (max-width: 767px) {
.icon-card-list__items {
grid-template-columns: repeat(2, 1fr);
grid-gap: 12px;
}
}
.icon-card-list__items.three-column {
grid-template-columns: repeat(3, 1fr);
grid-gap: 0 144px;
}
@media only screen and (max-width: 1022px) {
.icon-card-list__items.three-column {
grid-template-columns: repeat(3, 1fr);
grid-gap: 0 40px;
}
}
@media only screen and (max-width: 767px) {
.icon-card-list__items.three-column {
grid-template-columns: repeat(2, 1fr);
grid-gap: 12px;
}
}
.icon-card-list__items.three-column .icon-card__content {
text-align: left;
}
@media only screen and (max-width: 767px) {
.icon-card-list__items.three-column .icon-card__content {
text-align: center;
}
}
.icon-card-list__item {
overflow: hidden;
}
.icon-card-list__item.text {
grid-column: span 2;
}
@media only screen and (max-width: 767px) {
.icon-card-list__item.text {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.icon-card-list .has-logo {
grid-column: span 2;
}
}
.icon-card-list__logo {
margin: 40px 0;
}
@media only screen and (max-width: 1022px) {
.icon-card-list__logo {
margin: 20px 0;
}
}
@media only screen and (max-width: 767px) {
.icon-card-list__logo {
display: flex;
align-items: flex-start;
padding: 0 40px;
}
}
.icon-card-list__logo-icon {
position: relative;
display: flex;
align-items: center;
gap: 26px;
margin-bottom: 4px;
flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
.icon-card-list__logo-icon {
flex-direction: column;
gap: 42px;
}
}
.icon-card-list__logo-icon .icon {
flex-shrink: 0;
}
.icon-card-list__logo-icon .icon:before {
background-color: #fff;
}
.icon-card-list__logo-icon:after {
content: "";
position: relative;
height: 1px;
width: 20%;
background-color: #fff;
display: flex;
}
@media only screen and (max-width: 767px) {
.icon-card-list__logo-icon:after {
display: none;
}
}
.icon-card-list__logo-icon__text {
font-size: 12px;
font-weight: 500;
padding-left: 52px;
text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
.icon-card-list__logo-icon__text {
padding-left: 20px;
padding-top: 48px;
}
}
.icon-card-list__logo .icon-long-down-arrow {
display: none;
}
@media only screen and (max-width: 767px) {
.icon-card-list__logo .icon-long-down-arrow {
display: block;
}
}
@media only screen and (max-width: 767px) {
.icon-card-list__logo.with-slides {
display: block;
}
}
.icon-card-list__logo.with-slides .icon-card-list__logo-icon__text {
font-size: 16px;
}
@media only screen and (max-width: 767px) {
.icon-card-list__logo.with-slides .icon-card-list__logo-icon__text {
font-size: 14px;
padding-top: 12px;
padding-left: 48px;
}
}
.icon-card-list__logo.with-slides .icon-card-list__logo-icon:after {
display: none;
}
@media only screen and (max-width: 767px) {
.icon-card-list__logo.with-slides .icon-card-list__logo-icon {
flex-direction: row;
gap: 20px;
}
}
.icon-card-list__content.secondary {
display: grid;
grid-template-columns: 1fr 150px;
grid-gap: 84px;
}
@media only screen and (max-width: 1200px) {
.icon-card-list__content.secondary {
grid-gap: 20px;
}
}
@media only screen and (max-width: 1022px) {
.icon-card-list__content.secondary {
grid-gap: 80px;
}
}
@media only screen and (max-width: 767px) {
.icon-card-list__content.secondary {
grid-gap: 28px;
grid-template-columns: 1fr;
}
}
.icon-card-list .icon-card {
margin: 40px auto;
}
@media only screen and (max-width: 1022px) {
.icon-card-list .icon-card {
margin: 20px auto;
}
}
@media only screen and (max-width: 1022px) {
.icon-card-list .empty {
display: none;
}
}
.icon-card-list__inquiry {
text-align: center;
padding-bottom: 100px;
padding-top: 60px;
display: flex;
flex-direction: column;
align-items: center;
}
@media only screen and (max-width: 1022px) {
.icon-card-list__inquiry {
padding-top: 24px;
padding-bottom: 0;
}
}
.icon-card-list__inquiry-line {
flex-grow: 1;
padding: 40px;
position: relative;
}
@media only screen and (max-width: 1022px) {
.icon-card-list__inquiry-line {
flex-grow: 0;
padding: 32px;
height: 160px;
}
}
.icon-card-list__inquiry-line:before {
content: "";
background-color: #fff;
height: 100%;
width: 1px;
position: relative;
display: block;
}
.icon-card-list__inquiry__text {
flex-shrink: 0;
}
.icon-card-list__inquiry .inquiry-bubble {
background-color: #007ad6;
display: flex;
height: 150px;
width: 150px;
border-radius: 100%;
padding: 12px;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
line-height: 1.2;
align-items: center;
justify-content: center;
transition: 0.3s ease;
position: relative;
padding-bottom: 16px;
flex-shrink: 0;
margin-top: auto;
}
@media only screen and (max-width: 1022px) {
.icon-card-list__inquiry .inquiry-bubble {
margin: 0;
}
}
.icon-card-list__inquiry .inquiry-bubble:hover {
background-color: #a881f9;
color: #6b3ad2;
}
.icon-card-list__inquiry .inquiry-bubble .icon {
position: absolute;
bottom: 12px;
left: auto;
right: auto;
height: 24px;
width: 24px;
}
.icon-card-list__inquiry .inquiry-bubble .icon:before {
background-color: currentColor;
}
.icon-card-list .swiper-pagination {
top: auto;
left: auto;
right: auto;
bottom: auto;
position: relative;
text-align: left;
display: flex;
align-items: center;
gap: 4px 20px;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.icon-card-list .swiper-pagination {
gap: 4px 12px;
}
}
.icon-card-list .swiper-pagination-bullet {
border: 1px solid #fff;
height: 8px;
width: 8px;
opacity: 1;
margin: 0 !important;
}
.icon-card-list .swiper-pagination-bullet-active {
background-color: #fff;
}
.icon-card-list--square-image .icon-card__icon {
width: 130px;
height: 130px;
padding: 0;
margin: 0 auto 28px;
}
.icon-card-list--square-image .icon-card__icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
.image-with-caption__image {
position: relative;
margin: 0;
}
@media only screen and (max-width: 767px) {
.image-with-caption__image {
width: 100vw;
margin-left: -20px;
}
}
.image-with-caption__image img {
position: relative;
z-index: 1;
width: 100%;
height: auto;
border-radius: 20px;
}
@media only screen and (max-width: 767px) {
.image-with-caption__image img {
border-radius: 0;
}
}
.image-with-caption__caption {
margin-top: 12px;
line-height: 1.5;
position: relative;
z-index: 1;
}
@media only screen and (max-width: 767px) {
.image-with-caption__caption {
padding: 0 20px;
}
}
.image-text__toggle-btn::before {
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
}
.image-text {
position: relative;
color: var(--color-blue-title);
}
.image-text__row {
display: grid;
grid-gap: 150px;
grid-template-columns: 305px 1fr;
}
@media only screen and (max-width: 1200px) {
.image-text__row {
grid-gap: 80px;
grid-template-columns: 260px 1fr;
}
}
@media only screen and (max-width: 1022px) {
.image-text__row {
grid-gap: 40px;
grid-template-columns: 240px 1fr;
}
}
@media only screen and (max-width: 767px) {
.image-text__row {
display: block;
grid-gap: 0;
}
}
.image-text__row.without-image {
grid-gap: 0;
grid-template-columns: 1fr;
}
@media only screen and (max-width: 1200px) {
.image-text__image {
margin-top: -5px;
}
}
@media only screen and (max-width: 767px) {
.image-text__image {
width: 300px;
margin: 0 auto 40px;
}
}
.image-text__image-item {
position: relative;
height: 305px;
overflow: hidden;
border-radius: 8px;
box-shadow: 10px 10px 40px 0px rgba(91, 79, 127, 0.2);
}
@media only screen and (max-width: 1200px) {
.image-text__image-item {
height: 260px;
}
}
@media only screen and (max-width: 1022px) {
.image-text__image-item {
height: 240px;
}
}
@media only screen and (max-width: 767px) {
.image-text__image-item {
height: 300px;
}
}
.image-text__text-inner {
max-width: 536px;
}
.image-text__title {
margin-bottom: 34px;
}
@media only screen and (max-width: 1200px) {
.image-text__title {
margin-bottom: 24px;
}
}
@media only screen and (max-width: 767px) {
.image-text__title {
margin-bottom: 16px;
}
}
.image-text__sub-title {
margin-bottom: 10px;
}
.image-text__content {
line-height: 1.55;
}
.image-text__toggle-btn {
width: 12px;
height: 12px;
position: relative;
margin-top: 24px;
}
.image-text__toggle-btn::before {
content: "";
transform: scale(3);
}
.image-text__toggle-btn .icon {
transition: transform 0.3s ease;
}
.image-text__toggle-btn .icon::before {
background-color: currentColor;
}
.image-text__toggle-btn .icon-minus {
display: none;
}
.is-open .image-text__toggle-btn .icon-minus {
display: inline-block;
}
.is-open .image-text__toggle-btn .icon-plus {
display: none;
}
.image-text__toggle-btn:hover .icon::before {
background-color: var(--color-blue);
}
.image-text .swiper-pagination-bullets.swiper-pagination-horizontal {
top: initial;
bottom: initial;
text-align: left;
position: relative;
width: auto;
display: flex;
align-items: center;
gap: 12px;
margin-top: 50px;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.image-text .swiper-pagination-bullets.swiper-pagination-horizontal {
margin-top: 24px;
}
}
.image-text .swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-lock {
margin-top: 0;
}
.image-text .swiper-pagination-bullet {
width: 8px;
height: 8px;
margin: 0 !important;
border-radius: 100%;
opacity: 1;
border: 1px solid var(--color-background-blue);
background-color: var(--color-white);
transition: border 0.3s ease, background-color 0.3s ease;
}
.image-text .swiper-pagination-bullet-active {
background-color: var(--color-background-blue);
}
.image-text .container {
position: relative;
z-index: 3;
}
.image-text--reverse .image-text__row {
grid-template-columns: 1fr 305px;
}
@media only screen and (max-width: 1200px) {
.image-text--reverse .image-text__row {
grid-template-columns: 1fr 260px;
}
}
@media only screen and (max-width: 1022px) {
.image-text--reverse .image-text__row {
grid-template-columns: 1fr 240px;
}
}
@media only screen and (max-width: 767px) {
.image-text--reverse .image-text__row {
grid-template-columns: 1fr;
}
}
.image-text--reverse .image-text__text {
order: -1;
}
@media only screen and (min-width: 768px) {
.image-text--reverse .image-text__text-inner {
margin-left: auto;
}
}
.image-text__graphic {
z-index: 0;
top: initial;
bottom: 0;
height: calc(100% + 400px);
overflow: hidden;
}
@media only screen and (max-width: 1439px) {
.image-text__graphic {
height: calc(100% + 200px);
}
}
.image-text__graphic .background-graphic {
right: -200px;
position: absolute;
bottom: 70px;
max-width: 1000px;
height: auto;
}
@media only screen and (max-width: 1439px) {
.image-text__graphic .background-graphic {
max-width: 600px;
bottom: 40px;
}
}
@media only screen and (max-width: 767px) {
.image-text__graphic .background-graphic {
max-width: 400px;
right: -150px;
}
}
.image-text__graphic--left {
bottom: initial;
top: 0;
}
.image-text__graphic--left .background-graphic {
right: initial;
left: -100px;
top: 140px;
}
@media only screen and (max-width: 1439px) {
.image-text__graphic--left .background-graphic {
top: 40px;
}
}
@media only screen and (max-width: 767px) {
.image-text__graphic--left .background-graphic {
left: -80px;
top: initial;
bottom: 40px;
}
}
@media only screen and (min-width: 1201px) {
.image-text--secondary .image-text__row {
grid-template-columns: 400px 1fr;
grid-gap: 125px;
align-items: flex-start;
}
}
.image-text--secondary .image-text__image-item {
box-shadow: none;
}
@media only screen and (min-width: 1201px) {
.image-text--secondary .image-text__image-item {
height: 400px;
}
}
.image-text--secondary .image-text__image-item img {
object-fit: contain;
}
@media only screen and (min-width: 1201px) {
.image-text--secondary .image-text__image-item img {
object-position: center top;
}
}
.image-text--secondary .swiper-cube-shadow::before {
background: none;
}
@media only screen and (min-width: 1201px) {
.image-text--secondary.image-text--reverse .image-text__row {
grid-template-columns: 1fr 400px;
}
}
.image-text--collapsing .image-text__content {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.image-text--collapsing.is-open .image-text__content {
-webkit-line-clamp: inherit;
}
.latest-news {
width: 100%;
overflow: hidden;
}
@media only screen and (max-width: 1022px) {
.latest-news {
padding-top: 40px;
}
}
.latest-news__section-title {
margin-bottom: 100px;
}
@media only screen and (max-width: 1200px) {
.latest-news__section-title {
margin-bottom: 40px;
}
}
.latest-news__list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 40px;
position: relative;
z-index: 3;
}
@media only screen and (max-width: 1200px) {
.latest-news__list {
grid-gap: 20px;
}
}
@media only screen and (max-width: 767px) {
.latest-news__list {
grid-template-columns: 1fr;
}
}
.latest-news .latest-news-card {
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.latest-news .latest-news-card:first-child {
grid-column: span 2;
grid-row: span 2;
}
}
.latest-news__graphics {
width: 100%;
overflow: hidden;
z-index: 0;
}
.latest-news__graphics svg {
position: absolute;
max-width: 966px;
right: -100px;
width: 100%;
bottom: 0;
height: auto;
}
@media only screen and (max-width: 1022px) {
.latest-news__graphics svg {
max-width: 700px;
right: -60px;
}
}
.news-list {
width: 100%;
}
.news-list__section-title {
margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
.news-list__section-title {
margin-bottom: 24px;
}
}
.news-list__list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 116px 80px;
}
@media only screen and (max-width: 1200px) {
.news-list__list {
grid-gap: 80px 40px;
}
}
@media only screen and (max-width: 1022px) {
.news-list__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 520px) {
.news-list__list {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 40px;
}
}
.news-list__filter {
display: flex;
gap: 20px;
padding-bottom: 32px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
margin-bottom: 85px;
}
@media only screen and (max-width: 1200px) {
.news-list__filter {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 1022px) {
.news-list__filter {
margin-bottom: 40px;
padding-bottom: 16px;
}
}
.news-list__filter-label {
white-space: nowrap;
flex-shrink: 0;
}
.news-list__filter-list {
display: flex;
gap: 4px 20px;
flex-wrap: wrap;
}
@media only screen and (max-width: 1022px) {
.news-list__filter-list {
gap: 4px 16px;
}
}
.news-list__filter-link:hover, .news-list__filter-link.is-active {
color: var(--color-blue-light);
}
.news-list .news-card {
max-width: 100%;
}
@media only screen and (max-width: 767px) {
.map-module {
padding: 120px 0 80px;
}
}
.map-module .container {
position: relative;
z-index: 1;
}
.map-module__inner-map {
width: 100%;
max-width: 708px;
}
@media only screen and (max-width: 1200px) {
.map-module__inner-map {
max-width: 560px;
}
}
@media only screen and (max-width: 1022px) {
.map-module__inner-map {
max-width: 420px;
}
}
@media only screen and (max-width: 767px) {
.map-module__inner-map {
margin-top: 190px;
}
}
.map-module__inner-map img {
width: 100%;
height: auto;
object-fit: contain;
}
.sc-map-module .mobile {
display: none;
}
@media only screen and (max-width: 767px) {
.sc-map-module .mobile {
display: block;
}
}
@media only screen and (max-width: 767px) {
.sc-map-module .desktop {
display: none;
}
}
.intro-module__inner {
display: grid;
grid-gap: 40px;
max-width: 590px;
width: 100%;
}
@media only screen and (max-width: 1022px) {
.intro-module__inner {
max-width: 520px;
}
}
@media only screen and (max-width: 767px) {
.intro-module__inner {
max-width: 100%;
grid-gap: 24px;
}
}
.intro-module__text {
line-height: 1.6;
}
.intro-module__button {
margin-top: 12px;
}
.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%;
}
.open-positions__item::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.open-positions {
position: relative;
}
.open-positions__row {
display: flex;
gap: 180px;
margin-top: 60px;
position: relative;
flex-wrap: wrap;
}
@media only screen and (max-width: 1200px) {
.open-positions__row {
flex-direction: column;
gap: 30px;
}
}
.open-positions__items {
position: relative;
display: grid;
grid-template-columns: repeat(3, auto);
grid-gap: 55px;
padding: 15px 0;
}
@media only screen and (max-width: 767px) {
.open-positions__items {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.open-positions__item {
position: relative;
min-height: 265px;
border-radius: 8px;
overflow: hidden;
flex: 33%;
pointer-events: none;
background-color: var(--color-gray);
max-width: 195px;
width: 100%;
}
@media only screen and (min-width: 768px) {
.open-positions__item {
min-width: 195px;
}
}
@media only screen and (max-width: 767px) {
.open-positions__item {
max-width: 100%;
}
}
.open-positions__item::before {
background-color: rgba(0, 0, 0, 0.2);
z-index: 2;
}
.open-positions__item img {
transform: scale(1.00001);
transition: transform 0.6s ease;
}
.open-positions__item:hover img {
transform: scale(1.08);
}
.open-positions__text {
position: relative;
min-height: 265px;
z-index: 4;
color: var(--color-white);
font-weight: 900;
display: flex;
height: 100%;
align-items: end;
justify-content: center;
padding: 30px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.3px;
line-height: 19.5px;
}
.open-positions__content {
max-width: 270px;
width: 100%;
display: flex;
flex-direction: column;
gap: 25px;
line-height: 25px;
}
.open-positions__content .btn {
margin-top: 10px;
margin-left: 20px;
}
.open-positions .stretched-link {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 5;
pointer-events: all;
}
.open-positions__icon-image {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
max-width: 195px;
}
@media only screen and (max-width: 767px) {
.open-positions__icon-image {
max-width: 100%;
max-height: 300px;
}
}
.open-positions__icon-image .open-positions__image {
position: relative;
display: flex;
border-radius: 50%;
overflow: hidden;
min-height: 150px;
min-width: 150px;
}
.open-positions__icon-image .open-positions__text {
min-height: 10px;
color: #a1a1a1;
line-height: 21px;
font-size: 14px;
font-weight: 500;
padding: 5px;
}
.products-module__texts {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 160px;
max-width: 1022px;
}
@media only screen and (max-width: 1200px) {
.products-module__texts {
gap: 60px;
}
}
@media only screen and (max-width: 1022px) {
.products-module__texts {
grid-template-columns: 1fr;
gap: 28px;
}
}
.products-module__texts--full-width {
grid-template-columns: 2fr 1fr;
}
@media only screen and (max-width: 1022px) {
.products-module__texts--full-width {
grid-template-columns: 1fr;
}
}
.products-module__texts--full-width .products-module__text {
max-width: 100%;
}
.products-module__text {
width: 100%;
max-width: 230px;
}
@media only screen and (max-width: 1022px) {
.products-module__text {
max-width: 100%;
}
}
.products-module__items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 160px;
direction: rtl;
max-width: 1022px;
margin-top: 320px;
}
@media only screen and (max-width: 1200px) {
.products-module__items {
gap: 60px;
}
}
@media only screen and (max-width: 1022px) {
.products-module__items {
grid-template-columns: repeat(2, 1fr);
gap: 80px 16px;
margin-top: 280px;
}
}
.products-module__item {
width: 100%;
max-width: 230px;
direction: ltr;
justify-self: end;
}
.products-module__item:nth-child(3n+1) {
transform: translateY(-400px);
}
@media only screen and (max-width: 1022px) {
.products-module__item:nth-child(3n+1) {
transform: translateY(0);
}
}
.products-module__item:nth-child(3n+2) {
transform: translateY(-200px);
}
@media only screen and (max-width: 1022px) {
.products-module__item:nth-child(3n+2) {
transform: translateY(0);
}
}
@media only screen and (max-width: 1022px) {
.products-module__item:nth-child(2n+1) {
transform: translateY(-200px);
}
}
.services-module {
position: relative;
}
.services-module__inner {
display: flex;
align-items: center;
max-width: 850px;
margin: 0 auto;
position: relative;
gap: 10px;
}
@media only screen and (max-width: 767px) {
.services-module__inner {
flex-direction: column;
gap: 20px;
align-items: flex-start;
padding-bottom: 40px;
}
}
.services-module__text {
text-align: right;
display: grid;
grid-gap: 14px;
max-width: 218px;
width: 100%;
}
@media only screen and (max-width: 767px) {
.services-module__text {
text-align: left;
}
}
.services-module__right {
position: relative;
max-width: 350px;
width: 100%;
}
@media only screen and (max-width: 767px) {
.services-module__right {
order: -1;
}
}
.services-module__intersect {
position: relative;
max-width: 52px;
width: 100%;
}
@media only screen and (max-width: 767px) {
.services-module__intersect {
display: none;
}
}
.services-module__subtract {
position: relative;
left: -26px;
top: -6px;
}
@media only screen and (max-width: 767px) {
.services-module__subtract {
display: none;
}
}
@media only screen and (min-width: 768px) {
.services-module__title {
position: absolute;
top: 49%;
left: 40%;
transform: translate(-50%, -50%);
text-align: left;
max-width: 232px;
width: 100%;
z-index: 4;
}
}
.services-module__graphic {
position: absolute;
z-index: 2;
max-width: 330px;
bottom: -206px;
right: 8px;
pointer-events: none;
}
@media only screen and (max-width: 1200px) {
.services-module__graphic {
max-width: 300px;
bottom: -140px;
}
}
@media only screen and (max-width: 767px) {
.services-module__graphic {
max-width: 180px;
bottom: -120px;
right: -10px;
}
}
.services-module svg {
max-width: 100%;
height: auto;
}
.services-module__connector {
border: 1px solid var(--color-white);
width: 115px;
position: absolute;
left: 380px;
}
@media only screen and (max-width: 1022px) {
.services-module__connector {
left: 340px;
}
}
@media only screen and (max-width: 767px) {
.services-module__connector {
display: none;
}
}
.services-module--secondary .services-module__inner {
gap: 140px;
}
@media only screen and (max-width: 1022px) {
.services-module--secondary .services-module__inner {
gap: 90px;
}
}
@media only screen and (max-width: 767px) {
.services-module--secondary .services-module__inner {
gap: 20px;
}
}
.services-module--secondary .services-module__intersect {
max-width: 400px;
}
.services-module--secondary .services-module__right {
position: absolute;
max-width: 780px;
left: 100px;
top: 20%;
}
@media only screen and (max-width: 1022px) {
.services-module--secondary .services-module__right {
max-width: 640px;
top: 26%;
}
}
@media only screen and (max-width: 767px) {
.services-module--secondary .services-module__right {
position: relative;
top: 0;
left: 0;
}
}
.services-module--secondary .services-module__title {
text-align: center;
left: 17%;
}
@media only screen and (max-width: 767px) {
.services-module--secondary .services-module__title {
text-align: left;
}
}
.services-module--secondary .services-module__text {
text-align: left;
}
@media only screen and (max-width: 1022px) {
.services-module--secondary .services-module__text {
grid-gap: 14px;
}
}
.services-module--secondary .services-module__graphic {
right: -220px;
}
@media only screen and (max-width: 1200px) {
.services-module--secondary .services-module__graphic {
right: -60px;
bottom: -160px;
max-width: 250px;
}
}
@media only screen and (max-width: 1022px) {
.services-module--secondary .services-module__graphic {
right: 0;
}
}
@media only screen and (max-width: 767px) {
.services-module--secondary .services-module__graphic {
display: block;
right: -10px;
transform: rotate(0deg);
max-width: 180px;
bottom: -120px;
}
}
.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%;
color: var(--color-blue);
font-weight: 600;
user-select: none;
position: fixed;
left: 0;
top: 0;
transition: transform 0.3s ease, padding 0.3s ease, background-color 0.3s ease;
z-index: 100;
}
.body-scroll-locked .site-header {
padding-right: var(--scroll-width, 0px);
}
.is-scrolled .site-header {
background-color: var(--color-white);
}
@media only screen and (max-width: 1022px) {
.site-header {
font-weight: 400;
}
}
.site-header__line {
opacity: 0;
z-index: 0;
transition: opacity 0.3s ease;
}
.is-scrolled .site-header__line {
opacity: 1;
}
.is-open-menu .site-header__line {
opacity: 0;
}
.site-header__inner {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 45px 0 22px;
gap: 16px;
transition: transform 0.3s ease, padding 0.3s ease, background-color 0.3s ease;
}
.is-scrolled .site-header__inner {
padding: 16px 0;
}
@media only screen and (max-width: 1200px) {
.site-header__inner {
padding: 16px 0;
align-items: center;
}
}
.site-header__logo {
position: relative;
max-width: 180px;
width: 100%;
z-index: 5;
display: flex;
gap: 14px;
flex-direction: column;
align-items: center;
transition: top 0.3s ease, height 0.3s ease, transform 0.3s ease;
height: 72px;
}
@media only screen and (max-width: 1439px) {
.site-header__logo {
max-width: 140px;
}
}
@media only screen and (max-width: 1200px) {
.site-header__logo {
max-width: 120px;
gap: 4px;
height: 46px;
}
}
.is-scrolled .site-header__logo {
height: 26px;
transform: translate(0, 6px);
}
@media only screen and (max-width: 1200px) {
.is-scrolled .site-header__logo {
height: 20px;
transform: translate(0, 0);
}
}
.site-header__logo img {
width: 100%;
height: auto;
object-fit: contain;
transition: opacity 0.3s ease;
}
.site-header__logo-text {
color: var(--color-blue);
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.7px;
font-weight: 700;
transition: opacity 0.3s ease, color 0.3s ease;
text-align: center;
line-height: 1.3;
}
@media only screen and (max-width: 1200px) {
.site-header__logo-text {
font-size: 8px;
}
}
.is-scrolled .site-header__logo-text {
opacity: 0;
}
@media only screen and (max-width: 1022px) {
.is-open-menu .site-header__logo-text {
color: var(--color-white);
}
}
.site-header__logo--white {
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: opacity 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.is-open-menu .site-header__logo .site-header__logo--white {
opacity: 1;
}
.is-open-menu .site-header__logo .site-header__logo--default {
opacity: 0;
}
}
.site-header__right {
display: flex;
gap: 10px;
z-index: 3;
position: relative;
}
@media only screen and (max-width: 1022px) {
.site-header__right {
display: none;
}
}
.site-header__right .btn {
font-size: 13px;
}
.site-header--white {
color: var(--color-white);
}
.is-scrolled .site-header--white, .menu-hover .site-header--white {
color: var(--color-blue);
}
.site-header--white .site-header__logo--default {
opacity: 0;
}
.is-scrolled .site-header--white .site-header__logo--default, .menu-hover .site-header--white .site-header__logo--default {
opacity: 1;
}
@media only screen and (max-width: 1022px) {
.is-open-menu .site-header--white .site-header__logo--default {
opacity: 0;
}
}
.site-header--white .site-header__logo--white {
opacity: 1;
}
.is-scrolled .site-header--white .site-header__logo--white, .menu-hover .site-header--white .site-header__logo--white {
opacity: 0;
}
@media only screen and (max-width: 1022px) {
.is-open-menu .site-header--white .site-header__logo--white {
opacity: 1;
}
}
.site-header--white .site-header__logo-text {
color: inherit;
}
.site-header--white .site-header__language-btn {
border-color: currentColor;
}
.site-header--white .site-header__language-btn:hover {
border-color: var(--color-purple-dark);
}
.site-header--white .hamburger__bar {
background-color: currentColor;
}
.hamburger {
cursor: pointer;
z-index: 9;
position: relative;
width: 24px;
display: flex;
flex-direction: column;
gap: 6px;
}
.hamburger:after {
z-index: 9;
transform: scale(1.5);
-webkit-transform: scale(1.5);
}
.hamburger__bar {
background-color: var(--color-blue);
height: 2px;
display: block;
width: 100%;
pointer-events: none;
border-radius: 6px;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.is-open-menu .hamburger__bar {
background-color: var(--color-white);
}
.is-open-menu .hamburger__bar:first-child {
transform: translateY(8px) rotate(225deg);
}
.is-open-menu .hamburger__bar:nth-child(2) {
transform: scale(0);
}
.is-open-menu .hamburger__bar:last-child {
width: 100%;
transform: translateY(-8px) rotate(315deg);
}
.table {
width: 100%;
font-size: 14px;
}
.table__header {
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.table .editor-text {
display: block;
overflow: auto;
}
}
.table .editor-text table {
border: 0;
border-top: 2px solid var(--color-blue);
border-bottom: 2px solid var(--color-blue);
}
@media only screen and (max-width: 767px) {
.table .editor-text table {
min-width: 800px;
}
}
.table .editor-text table tr {
border: 0;
border-bottom: 1px solid #5b5b5b;
}
.table .editor-text table th,
.table .editor-text table td {
padding: 12px 8px;
}
.table .editor-text table th:not(:first-child),
.table .editor-text table td:not(:first-child) {
border: 0;
}
.table .editor-text table th:first-child,
.table .editor-text table td:first-child {
padding-left: 0;
}
.table .editor-text table th:last-child,
.table .editor-text table td:last-child {
padding-right: 0;
}
.table .editor-text table.first-row-header tr:first-child {
text-transform: uppercase;
font-weight: 700;
}
.table .editor-text table.first-row-header tr:first-child th,
.table .editor-text table.first-row-header tr:first-child td {
padding: 20px 8px;
}
.table .editor-text table.first-col-header td:first-child {
text-transform: uppercase;
font-weight: 700;
font-size: 18px;
color: var(--color-blue-title);
}
@media only screen and (min-width: 1201px) {
.table .editor-text table.first-col-header td:first-child {
min-width: 280px;
}
}
.table__footer {
margin-top: 30px;
max-width: 418px;
}
.text-module {
width: 100%;
}
.text-module .title {
color: var(--color-blue);
margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
.text-module .title {
margin-bottom: 24px;
}
}
.text-module__body {
max-width: 708px;
width: 100%;
}
.text-module .editor-text {
line-height: 1.55;
}
.text-module .editor-text p,
.text-module .editor-text ul,
.text-module .editor-text ol,
.text-module .editor-text figure,
.text-module .editor-text table {
margin-top: 26px;
margin-bottom: 26px;
}
@media only screen and (max-width: 767px) {
.text-module .editor-text p,
.text-module .editor-text ul,
.text-module .editor-text ol,
.text-module .editor-text figure,
.text-module .editor-text table {
margin-top: 16px;
margin-bottom: 16px;
}
}
.text-module .editor-text p:first-child,
.text-module .editor-text ul:first-child,
.text-module .editor-text ol:first-child,
.text-module .editor-text figure:first-child,
.text-module .editor-text table:first-child {
margin-top: 0;
}
.text-module .editor-text p:last-child,
.text-module .editor-text ul:last-child,
.text-module .editor-text ol:last-child,
.text-module .editor-text figure:last-child,
.text-module .editor-text table:last-child {
margin-bottom: 0;
}
.text-module .editor-text img {
border-radius: 20px;
}
.text-module .editor-text img + ul {
margin-top: 65px;
max-width: 580px;
}
.process-module {
width: 100%;
overflow: hidden;
}
.process-module__header {
position: relative;
z-index: 4;
}
.process-module__header-title {
margin-bottom: 44px;
}
@media only screen and (max-width: 767px) {
.process-module__header-title {
margin-bottom: 24px;
}
}
.process-module__header-text {
max-width: 450px;
width: 100%;
line-height: 1.6;
}
@media only screen and (max-width: 767px) {
.process-module__header-text {
max-width: 100%;
}
}
.process-module__background {
position: relative;
margin: -172px 0 -234px;
pointer-events: none;
}
@media only screen and (max-width: 1439px) {
.process-module__background {
margin: -120px 0 -170px;
}
}
@media only screen and (max-width: 1022px) {
.process-module__background {
margin: 0;
}
}
.process-module__background img {
width: 100%;
height: auto;
object-position: contain;
}
.process-module__footer {
max-width: 235px;
width: 100%;
display: grid;
grid-gap: 30px;
margin-left: auto;
}
@media only screen and (max-width: 1022px) {
.process-module__footer {
max-width: 175px;
}
}
@media only screen and (max-width: 767px) {
.process-module__footer {
max-width: 100%;
}
}
.process-module__graphic {
width: 100%;
max-width: 660px;
position: absolute;
top: 0;
left: 0;
z-index: 2;
transform: translate(-24%, -44%);
}
@media only screen and (max-width: 767px) {
.process-module__graphic {
top: 0;
left: 50%;
max-width: 480px;
transform: translate(-50%, -50%);
}
}
.process-module__graphic img {
width: 100%;
height: auto;
object-position: contain;
}
.three-col-text {
position: relative;
padding: 0;
}
.three-col-text .container {
position: relative;
z-index: 3;
}
.three-col-text [class*=col-] {
padding: 0;
}
.three-col-text__section-title {
margin-bottom: 46px;
}
@media only screen and (max-width: 1022px) {
.three-col-text__section-title {
margin-bottom: 32px;
}
}
.three-col-text__top {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 52px;
}
@media only screen and (max-width: 1022px) {
.three-col-text__top {
grid-gap: 16px;
}
}
@media only screen and (max-width: 767px) {
.three-col-text__top {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.three-col-text__top-title {
margin-bottom: 46px;
}
@media only screen and (max-width: 1439px) {
.three-col-text__top-title {
margin-bottom: 24px;
}
}
.three-col-text__top-text {
line-height: 1.55;
}
.three-col-text__bottom {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 62px 44px;
align-items: flex-start;
margin-top: 130px;
}
@media only screen and (max-width: 1439px) {
.three-col-text__bottom {
grid-gap: 32px 44px;
}
}
@media only screen and (max-width: 1200px) {
.three-col-text__bottom {
margin-top: 80px;
}
}
@media only screen and (max-width: 1022px) {
.three-col-text__bottom {
grid-gap: 20px;
margin-top: 80px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 767px) {
.three-col-text__bottom {
grid-gap: 24px;
margin-top: 40px;
grid-template-columns: 1fr;
}
}
.three-col-text__bottom-col {
display: grid;
grid-gap: 62px;
}
@media only screen and (max-width: 1200px) {
.three-col-text__bottom-col {
grid-gap: 40px;
}
}
@media only screen and (max-width: 1022px) {
.three-col-text__bottom-col {
grid-gap: 20px;
}
}
.three-col-text__bottom-title {
font-style: italic;
grid-column: span 3;
}
@media only screen and (max-width: 1022px) {
.three-col-text__bottom-title {
grid-column: span 2;
}
}
@media only screen and (max-width: 767px) {
.three-col-text__bottom-title {
grid-column: span 1;
}
}
.three-col-text__bottom-list {
display: grid;
grid-gap: 52px;
}
.three-col-text__background-logo {
position: absolute;
max-width: 1450px;
width: 100%;
top: -250px;
left: -400px;
z-index: 0;
}
@media only screen and (max-width: 1439px) {
.three-col-text__background-logo {
top: -190px;
left: -350px;
}
}
@media only screen and (max-width: 1200px) {
.three-col-text__background-logo {
max-width: 1185px;
left: -290px;
top: -130px;
}
}
@media only screen and (max-width: 1022px) {
.three-col-text__background-logo {
top: -100px;
left: -230px;
min-width: 850px;
}
}
@media only screen and (max-width: 767px) {
.three-col-text__background-logo {
min-width: auto;
top: initial;
left: -80px;
bottom: -30px;
max-width: 400px;
}
}
.three-col-text--two-col .three-col-text__top {
grid-gap: 180px 146px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media only screen and (max-width: 1439px) {
.three-col-text--two-col .three-col-text__top {
grid-gap: 100px;
}
}
@media only screen and (max-width: 1022px) {
.three-col-text--two-col .three-col-text__top {
grid-gap: 60px;
}
}
@media only screen and (max-width: 767px) {
.three-col-text--two-col .three-col-text__top {
grid-template-columns: 1fr;
grid-gap: 40px;
}
}
@media only screen and (max-width: 767px) {
.three-col-text--two-col .three-col-text__bottom {
margin-top: 60px;
}
}
.three-col-text__graphics {
z-index: 0;
overflow: hidden;
}
.three-col-text__graphics-item {
width: 100%;
max-width: 400px;
position: absolute;
}
.three-col-text__graphics-item.item-1 {
right: -60px;
top: 10%;
}
@media only screen and (max-width: 767px) {
.three-col-text__graphics-item.item-1 {
right: 0;
top: 4%;
max-width: 200px;
}
}
.three-col-text__graphics-item.item-2 {
left: 48%;
top: 32%;
max-width: 260px;
}
@media only screen and (max-width: 767px) {
.three-col-text__graphics-item.item-2 {
left: 40%;
top: 25%;
max-width: 140px;
}
}
.three-col-text__graphics svg {
width: 100%;
height: auto;
}
.three-col-text .accordion-card {
max-width: 100%;
min-height: 120px;
}
@media only screen and (max-width: 767px) {
.three-col-text .accordion-card {
min-height: 100px;
}
}
.three-col-text .accordion-card__title {
letter-spacing: 2px;
}
.three-col-text .accordion-card__text-wrapper {
padding: 0 8px 10px 0;
}
@media only screen and (min-width: 1023px) {
.three-col-text .accordion-card--absolute .accordion-card__text-inner {
border-radius: 8px;
padding: 78px 20px 30px;
}
}
.three-col-text .accordion-card--absolute .accordion-card__text-wrapper {
padding-bottom: 0;
}
.three-col-text.bg-background-blue .accordion-card {
border-color: var(--color-white);
color: var(--color-white);
background-color: transparent;
}
.three-col-text.bg-background-blue .accordion-card.is-open {
background-color: var(--color-blue);
border-color: var(--color-blue);
}
.three-col-text.bg-background-blue .accordion-card__title {
letter-spacing: 0;
}
.sc-three-col-text {
padding: 0;
z-index: 4;
}
.text-quote {
position: relative;
}
.text-quote__inner {
display: grid;
align-items: center;
grid-gap: 78px;
grid-template-columns: 555px 1fr;
}
@media only screen and (max-width: 1439px) {
.text-quote__inner {
grid-template-columns: 490px 1fr;
grid-gap: 60px;
}
}
@media only screen and (max-width: 1200px) {
.text-quote__inner {
grid-template-columns: 400px 1fr;
}
}
@media only screen and (max-width: 1022px) {
.text-quote__inner {
grid-template-columns: 1fr;
grid-gap: 0;
display: block;
}
}
.text-quote__content {
padding: 0 40px;
text-align: center;
display: grid;
grid-gap: 64px;
}
@media only screen and (max-width: 1439px) {
.text-quote__content {
padding: 0;
}
}
@media only screen and (max-width: 1200px) {
.text-quote__content {
grid-gap: 40px;
}
}
@media only screen and (max-width: 1022px) {
.text-quote__content {
max-width: 450px;
margin: 0 auto 60px;
grid-gap: 24px;
}
}
.text-quote__image {
width: 148px;
height: 148px;
border-radius: 100%;
background-color: rgba(217, 217, 217, 0.5);
overflow: hidden;
position: relative;
}
@media only screen and (max-width: 1022px) {
.text-quote__image {
width: 140px;
height: 140px;
}
}
@media only screen and (min-width: 1201px) {
.text-quote__title .title {
font-size: 36px;
margin: 0 auto;
max-width: 410px;
}
}
.text-quote__text {
line-height: 1.55;
}
.text-quote__slider {
position: relative;
}
.text-quote__slider .swiper {
max-width: 500px;
}
.text-quote__slider-text {
display: grid;
margin-top: -10px;
justify-content: center;
}
.text-quote__quote {
line-height: 1.5;
margin: 0 auto;
width: 100%;
max-width: 440px;
}
.text-quote__item {
width: 100%;
display: grid;
grid-gap: 36px;
text-align: center;
justify-items: center;
padding: 0 28px;
}
@media only screen and (max-width: 1022px) {
.text-quote__item {
grid-gap: 24px;
}
}
@media only screen and (max-width: 767px) {
.text-quote__item {
padding: 0;
}
}
.text-quote .swiper-pagination-bullet {
background: transparent;
border: 1px solid var(--color-blue);
transition: 0.3s ease;
opacity: 1;
}
.text-quote .swiper-pagination-bullet-active {
background-color: var(--color-blue);
}
.text-quote .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 6px;
}
.text-quote .swiper-pagination {
position: relative;
left: 0;
top: 0;
width: 100%;
margin-top: 20px;
}
@media only screen and (max-width: 1022px) {
.text-quote .swiper-pagination {
margin-top: 30px;
}
}
@media only screen and (max-width: 767px) {
.text-quote .swiper-pagination {
margin-top: 16px;
}
}