button {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
padding: 0;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit;
font-family: inherit;
}
.bg-image img,
.bg-image picture,
.bg-image picture img, .covered, .cover-bg {
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
pointer-events: none;
}
.covered-pointer {
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
}
.d-flex-cc,
.d-flex-center-center {
display: flex;
align-items: center;
justify-content: center;
}
body {
font-size: 14px;
line-height: 1.2;
}
.text--20 {
font-size: 20px;
}
.text--18 {
font-size: 18px;
}
.text--16 {
font-size: 16px;
}
.text--14 {
font-size: 14px;
}
.text--12 {
font-size: 12px;
}
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;
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-border: #bab1a3;
--color-gray: #bfbfbf;
--color-warning: #ffa726;
--color-error: #d52b29;
--color-success: #66bb6a;
--color-validation-failed: #d52b29;
--font-primary: Roboto, 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: 1600px) {
.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% - 48px);
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: -12px;
margin-right: -12px;
}
.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: 12px;
padding-right: 12px;
}
.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: -12px;
margin-right: -12px;
}
.container {
max-width: calc(100% - 48px);
}
.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: 12px;
padding-right: 12px;
}
.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: -15px;
margin-right: -15px;
}
.container {
max-width: 990px;
padding-left: 15px;
padding-right: 15px;
}
.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: 15px;
padding-right: 15px;
}
.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: 1200px;
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: 1601px) {
.row {
margin-left: -20px;
margin-right: -20px;
}
.container {
max-width: 1384px;
padding-left: 20px;
padding-right: 20px;
}
.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: 20px;
padding-right: 20px;
}
.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: 1600px) {
.mt-120 {
margin-top: 100px;
}
}
@media only screen and (max-width: 1200px) {
.mt-120 {
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.mt-120 {
margin-top: 60px;
}
}
.mt-100 {
margin-top: 100px;
}
@media only screen and (max-width: 1200px) {
.mt-100 {
margin-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.mt-100 {
margin-top: 60px;
}
}
.mt-90 {
margin-top: 90px;
}
@media only screen and (max-width: 1200px) {
.mt-90 {
margin-top: 70px;
}
}
@media only screen and (max-width: 767px) {
.mt-90 {
margin-top: 60px;
}
}
.mt-80 {
margin-top: 80px;
}
@media only screen and (max-width: 1200px) {
.mt-80 {
margin-top: 50px;
}
}
@media only screen and (max-width: 1022px) {
.mt-80 {
margin-top: 40px;
}
}
.mt-70 {
margin-top: 70px;
}
@media only screen and (max-width: 1200px) {
.mt-70 {
margin-top: 50px;
}
}
@media only screen and (max-width: 1022px) {
.mt-70 {
margin-top: 40px;
}
}
.mt-60 {
margin-top: 60px;
}
@media only screen and (max-width: 1200px) {
.mt-60 {
margin-top: 40px;
}
}
@media only screen and (max-width: 1022px) {
.mt-60 {
margin-top: 30px;
}
}
.mt-50 {
margin-top: 50px;
}
@media only screen and (max-width: 1200px) {
.mt-50 {
margin-top: 40px;
}
}
@media only screen and (max-width: 1022px) {
.mt-50 {
margin-top: 30px;
}
}
.mt-40 {
margin-top: 40px;
}
@media only screen and (max-width: 1200px) {
.mt-40 {
margin-top: 30px;
}
}
@media only screen and (max-width: 1022px) {
.mt-40 {
margin-top: 20px;
}
}
.mt-32 {
margin-top: 32px;
}
@media only screen and (max-width: 1200px) {
.mt-32 {
margin-top: 20px;
}
}
.mt-30 {
margin-top: 30px;
}
@media only screen and (max-width: 1200px) {
.mt-30 {
margin-top: 20px;
}
}
.mt-24 {
margin-top: 24px;
}
@media only screen and (max-width: 1200px) {
.mt-24 {
margin-top: 15px;
}
}
.mt-20 {
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.mt-20 {
margin-top: 12px;
}
}
.mt-16 {
margin-top: 16px;
}
@media only screen and (max-width: 767px) {
.mt-16 {
margin-top: 8px;
}
}
.mb-160 {
margin-bottom: 160px;
}
@media only screen and (max-width: 1200px) {
.mb-160 {
margin-bottom: 120px;
}
}
@media only screen and (max-width: 1022px) {
.mb-160 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.mb-160 {
margin-bottom: 60px;
}
}
.mb-150 {
margin-bottom: 150px;
}
@media only screen and (max-width: 1200px) {
.mb-150 {
margin-bottom: 120px;
}
}
@media only screen and (max-width: 1022px) {
.mb-150 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.mb-150 {
margin-bottom: 60px;
}
}
.mb-120 {
margin-bottom: 120px;
}
@media only screen and (max-width: 1200px) {
.mb-120 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.mb-120 {
margin-bottom: 60px;
}
}
.mb-100 {
margin-bottom: 100px;
}
@media only screen and (max-width: 1200px) {
.mb-100 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.mb-100 {
margin-bottom: 60px;
}
}
.mb-90 {
margin-bottom: 90px;
}
@media only screen and (max-width: 1200px) {
.mb-90 {
margin-bottom: 70px;
}
}
@media only screen and (max-width: 767px) {
.mb-90 {
margin-bottom: 60px;
}
}
.mb-80 {
margin-bottom: 80px;
}
@media only screen and (max-width: 1200px) {
.mb-80 {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1022px) {
.mb-80 {
margin-bottom: 40px;
}
}
.mb-70 {
margin-bottom: 70px;
}
@media only screen and (max-width: 1200px) {
.mb-70 {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 1022px) {
.mb-70 {
margin-bottom: 40px;
}
}
.mb-60 {
margin-bottom: 60px;
}
@media only screen and (max-width: 1200px) {
.mb-60 {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1022px) {
.mb-60 {
margin-bottom: 30px;
}
}
.mb-50 {
margin-bottom: 50px;
}
@media only screen and (max-width: 1200px) {
.mb-50 {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1022px) {
.mb-50 {
margin-bottom: 30px;
}
}
.mb-40 {
margin-bottom: 40px;
}
@media only screen and (max-width: 1200px) {
.mb-40 {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 1022px) {
.mb-40 {
margin-bottom: 20px;
}
}
.mb-32 {
margin-bottom: 32px;
}
@media only screen and (max-width: 1200px) {
.mb-32 {
margin-bottom: 20px;
}
}
.mb-30 {
margin-bottom: 30px;
}
@media only screen and (max-width: 1200px) {
.mb-30 {
margin-bottom: 20px;
}
}
.mb-24 {
margin-bottom: 24px;
}
@media only screen and (max-width: 1200px) {
.mb-24 {
margin-bottom: 15px;
}
}
.mb-20 {
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.mb-20 {
margin-bottom: 12px;
}
}
.mb-16 {
margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
.mb-16 {
margin-bottom: 8px;
}
} @font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff; }
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
} .swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
} .swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}  .swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
display: none !important;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
} .swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
} .swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
@font-face {
font-family: "Roboto";
src: url(//jeep-bih.ba/wp-content/themes/fiatba/public/fonts/Roboto-Regular.woff2) format("woff2"), url(//jeep-bih.ba/wp-content/themes/fiatba/public/fonts/Roboto-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: local("Roboto Medium"), local("Roboto-Medium"), url(//jeep-bih.ba/wp-content/themes/fiatba/public/fonts/Roboto-Medium.woff2) format("woff2"), url(//jeep-bih.ba/wp-content/themes/fiatba/public/fonts/Roboto-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: url(//jeep-bih.ba/wp-content/themes/fiatba/public/fonts/Roboto-Bold.woff2) format("woff2"), url(//jeep-bih.ba/wp-content/themes/fiatba/public/fonts/Roboto-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
}
.cover-bg {
background-size: cover;
background-position: center center;
}
.cover-bg img {
display: none;
}
.bg-white {
background-color: #fff;
}
.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-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--lt {
font-weight: 300;
}
.text--md {
font-weight: 500;
}
.text--sb {
font-weight: 600;
}
.text--bd {
font-weight: 700;
}
.text--eb {
font-weight: 800;
}
.text--uppercase {
text-transform: uppercase;
}
.text--white {
color: var(--color-white);
}
.text--white.title,
.text--white .title {
color: var(--color-white);
}
.stretched-link {
font-size: 0;
line-height: 0;
opacity: 0;
overflow: hidden;
}
.stretched-link::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 6;
}
.hide {
display: none;
}
.show {
display: block;
}
.d-flex {
display: flex;
}
.d-none {
display: none;
}
.container--large {
width: 100%;
display: block;
margin: 0 auto;
max-width: calc(100% - 80px);
padding: 0;
}
@media only screen and (max-width: 1600px) {
.container--large {
max-width: calc(100% - 60px);
}
}
@media only screen and (max-width: 1022px) {
.container--large {
max-width: calc(100% - 48px);
}
}
@media only screen and (max-width: 767px) {
.container--large {
max-width: calc(100% - 48px);
}
}
.f-auto {
display: flex;
flex-direction: column;
flex: auto;
}
.p-0 {
padding: 0 !important;
}
.p-none {
pointer-events: none;
}
.p-relative {
position: relative;
}
.mx-auto {
margin: 0 auto;
width: 100%;
display: block;
}
.overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--color-black);
opacity: 0.9;
mix-blend-mode: multiply;
}
html,
body {
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
::selection {
background-color: var(--color-black);
color: var(--color-white);
}
body {
color: var(--color-black);
font-family: var(--font-primary);
position: relative;
height: auto;
width: 100%;
display: flex;
flex-direction: column;
min-height: 100vh;
align-items: flex-start;
padding-top: var(--header-height);
background-color: var(--color-black);
}
body.body-scroll-locked, body.is-open-menu, body.is-open-search, body.is-open-mega-menu, body.noscroll {
overflow: hidden;
padding-right: var(--scroll-width, 0px);
}
body > iframe {
display: none;
}
.noselect,
.noselect * {
-webkit-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;
}
img.lazyload,
img.lazyloaded {
transition: opacity 0.1s ease, transform 0.3s ease !important;
}
.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,
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;
position: relative;
background: #fff;
}
.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;
}
.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;
}
.editable-section {
position: relative;
cursor: pointer;
outline: 1px dashed rgba(80, 80, 80, 0.4);
background-color: rgba(0, 0, 0, 0.02);
transition: background-color 0.5s ease, outline-color 0.5s ease;
}
.editable-section:hover {
background-color: rgba(0, 0, 0, 0.04);
}
.editable-section:hover::before {
content: "Edit this module";
position: absolute;
inset: 0;
display: flex;
justify-content: center;
align-items: center;
background: rgba(255, 255, 255, 0.6);
backdrop-filter: blur(3px);
font-size: 0.95rem;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
pointer-events: none;
z-index: 1000;
text-align: center;
border-radius: 4px;
opacity: 0;
animation: classyFade 0.6s ease forwards;
}
@keyframes classyFade {
from {
opacity: 0;
transform: scale(0.985);
}
to {
opacity: 1;
transform: scale(1);
}
}
.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;
}
.btn {
cursor: pointer;
font-family: var(--font-primary);
font-size: 14px;
padding: 4px 24px;
display: inline-flex;
text-align: center;
align-items: center;
font-weight: 600;
justify-content: center;
text-transform: uppercase;
gap: 8px;
color: #fff;
min-height: 40px;
background-color: #487f70;
position: relative;
transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
}
.btn__text {
display: block;
pointer-events: none;
transition: transform 0.3s ease;
position: relative;
z-index: 3;
}
.btn:hover {
background-color: #000;
}
.btn__icon {
flex-shrink: 0;
position: relative;
pointer-events: none;
}
.btn .icon {
transition: transform 0.3s ease;
}
.btn .icon::before {
background-color: currentColor;
}
.btn[disabled], .btn--disabled {
cursor: not-allowed;
transition: none;
pointer-events: none;
opacity: 0.4;
}
.btn[disabled] .btn__icon, .btn--disabled .btn__icon {
transform: none !important;
}
.dropdown {
width: 100%;
position: relative;
user-select: none;
max-width: 480px;
}
.dropdown__label {
position: relative;
margin: 0 0 2px;
display: block;
z-index: 4;
font-weight: 500;
}
.dropdown__placeholder {
position: relative;
width: 100%;
height: 54px;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0;
outline: none;
z-index: 1;
cursor: pointer;
padding: 8px 24px;
display: flex;
align-items: center;
color: var(--color-black);
transition: border-color 0.3s ease, color 0.3s ease;
}
@media only screen and (max-width: 767px) {
.dropdown__placeholder {
height: 45px;
padding: 6px 15px;
}
}
.dropdown__placeholder img {
width: 24px;
margin-right: 12px;
height: 12px;
}
.dropdown__placeholder .icon {
width: 14px;
height: 14px;
position: absolute;
right: 23px;
top: 50%;
margin-top: -7px;
pointer-events: none;
transition: transform 0.3s ease;
}
@media only screen and (max-width: 1022px) {
.dropdown__placeholder .icon {
right: 16px;
}
}
.dropdown__placeholder .icon::before {
background-color: var(--color-black);
}
.dropdown__placeholder-text {
transition: transform 0.3s ease;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
padding-right: 40px;
display: flex;
align-items: center;
}
@media only screen and (max-width: 767px) {
.dropdown__placeholder-text {
font-size: 16px;
}
}
.dropdown__list {
position: absolute;
top: 100%;
margin-top: 8px;
width: 100%;
z-index: 9;
left: 0;
pointer-events: none;
opacity: 0;
visibility: hidden;
}
@media only screen and (max-width: 767px) {
.dropdown__list {
margin-top: 4px;
}
}
.dropdown__list-item {
position: relative;
}
.dropdown__list-inner {
padding: 8px 0;
overflow: auto;
border-radius: 4px;
max-height: 296px;
box-shadow: 0px 4px 10px 0px rgba(38, 50, 56, 0.1);
border: 1px solid rgba(0, 0, 0, 0.15);
background-color: var(--color-white);
}
@media only screen and (min-width: 1023px) {
.dropdown__list-inner {
scrollbar-track-color: #dedad5;
scrollbar-face-color: #dedad5;
scrollbar-arrow-color: #dedad5;
}
.dropdown__list-inner::-webkit-scrollbar {
width: 4px;
}
.dropdown__list-inner ::-webkit-scrollbar-track {
-webkit-border-radius: 0;
border-radius: 0;
background: #dedad5;
}
.dropdown__list-inner ::-webkit-scrollbar-thumb:window-inactive {
background-color: #dedad5;
}
.dropdown__list-inner::-webkit-scrollbar-thumb {
background: #dedad5;
width: 4px;
border-radius: 0;
}
.dropdown__list-inner::-webkit-scrollbar-thumb:hover {
background: #dedad5;
}
.dropdown__list-inner ::-webkit-scrollbar {
width: 4px;
}
}
.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-color: rgba(0, 0, 0, 0.1);
}
.dropdown__list-option {
cursor: pointer;
margin: 0;
width: 100%;
display: block;
padding: 8px 22px;
background-color: transparent;
transition: color 0.3s ease, background-color 0.3s ease;
}
@media only screen and (max-width: 767px) {
.dropdown__list-option {
padding: 6px 15px;
}
}
.dropdown__list-option img {
width: 24px;
margin-right: 12px;
pointer-events: none;
height: 12px;
}
.dropdown__list-option.is-active, .dropdown__list-option:hover {
background: var(--color-gray-light);
}
.dropdown__search {
position: absolute;
left: 0;
top: 0;
width: 100%;
padding: 8px;
z-index: 3;
opacity: 0;
pointer-events: none;
background-color: var(--color-white);
}
.dropdown__search input {
background-color: var(--color-white);
width: 100%;
height: 50px;
border-radius: 4px;
padding: 0 16px;
outline: none;
color: inherit;
font-weight: 500;
font-size: 18px;
border: 1px solid rgba(0, 0, 0, 0.5);
transition: border-color 0.3s ease;
}
@media only screen and (max-width: 767px) {
.dropdown__search input {
height: 40px;
font-size: 16px;
}
}
.dropdown.is-open .icon {
transform: scaleY(-1);
}
.dropdown.is-open .dropdown__list {
opacity: 1;
pointer-events: all;
visibility: visible;
}
.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);
}
.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;
transition: opacity 0.3s ease;
}
.checkbox.is-disabled {
opacity: 0.5;
pointer-events: none;
}
.checkbox.is-disabled input {
pointer-events: none;
}
.checkbox__label {
position: relative;
padding-left: 36px;
cursor: pointer;
margin: 0;
min-height: 26px;
display: block;
}
.checkbox__label::after, .checkbox__label:before {
content: "";
left: 0;
top: 0;
position: absolute;
pointer-events: none;
width: 24px;
height: 24px;
border-radius: 4px;
}
.checkbox__label:before {
border: 1px solid var(--color-black);
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='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.5L5 10L13.5 1' stroke='%23EAE3D2' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center/14px auto;
}
.checkbox:hover .checkbox__label::before {
background-color: rgba(0, 0, 0, 0.6);
}
.checkbox input:checked ~ label::before {
background-color: var(--color-black) !important;
}
.checkbox input:checked ~ label::after {
transform: scale(1);
}
.checkbox a {
text-decoration: underline;
}
.checkbox a:hover {
color: var(--color-jelovica);
}
.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: 36px;
}
.checkbox--smaller {
font-size: 14px;
line-height: 1.6;
}
.icon::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.icon {
display: block;
position: relative;
}
.icon::before {
background-color: currentColor;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
transition: background-color 0.3s ease;
}
.icon-chevron-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='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 8L13 1' stroke='%23433028' stroke-width='2'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 8L13 1' stroke='%23433028' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.icon-chevron-left, .icon-chevron-right {
width: 11px;
height: 11px;
}
.icon-chevron-left:before, .icon-chevron-right:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M3.88498 0.304501L8.09548 4.515C8.29148 4.718 8.38948 4.96475 8.38948 5.25525C8.38948 5.54575 8.28798 5.7925 8.08498 5.9955L3.88498 10.1955C3.68198 10.3985 3.43523 10.5 3.14473 10.5C2.85423 10.5 2.60748 10.3985 2.40448 10.1955C2.20148 9.9925 2.09998 9.7475 2.09998 9.4605C2.09998 9.1735 2.20148 8.9285 2.40448 8.7255L5.87998 5.25L2.40448 1.7745C2.20148 1.5715 2.09998 1.3265 2.09998 1.0395C2.09998 0.752501 2.20148 0.5075 2.40448 0.304501C2.60748 0.101501 2.85423 0 3.14473 0C3.43523 0 3.68198 0.101501 3.88498 0.304501Z' fill='%231E4544'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M3.88498 0.304501L8.09548 4.515C8.29148 4.718 8.38948 4.96475 8.38948 5.25525C8.38948 5.54575 8.28798 5.7925 8.08498 5.9955L3.88498 10.1955C3.68198 10.3985 3.43523 10.5 3.14473 10.5C2.85423 10.5 2.60748 10.3985 2.40448 10.1955C2.20148 9.9925 2.09998 9.7475 2.09998 9.4605C2.09998 9.1735 2.20148 8.9285 2.40448 8.7255L5.87998 5.25L2.40448 1.7745C2.20148 1.5715 2.09998 1.3265 2.09998 1.0395C2.09998 0.752501 2.20148 0.5075 2.40448 0.304501C2.60748 0.101501 2.85423 0 3.14473 0C3.43523 0 3.68198 0.101501 3.88498 0.304501Z' fill='%231E4544'/%3E%3C/svg%3E");
}
.icon-arrow-right, .icon-arrow-left {
width: 20px;
height: 20px;
}
.icon-arrow-right:before, .icon-arrow-left:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.5H0.5V7.5H1V6.5ZM13 7.5C13.2761 7.5 13.5 7.27614 13.5 7C13.5 6.72386 13.2761 6.5 13 6.5V7.5ZM1 7.5H13V6.5H1V7.5Z' fill='white'/%3E%3Cpath d='M7.55416 12.6464C7.3589 12.8417 7.3589 13.1583 7.55416 13.3536C7.74942 13.5488 8.06601 13.5488 8.26127 13.3536L7.55416 12.6464ZM13.9077 7L14.2613 7.35355C14.4565 7.15829 14.4565 6.84171 14.2613 6.64645L13.9077 7ZM8.26127 0.646447L7.90771 0.292893L7.20061 1L7.55416 1.35355L8.26127 0.646447ZM8.26127 13.3536L14.2613 7.35355L13.5542 6.64645L7.55416 12.6464L8.26127 13.3536ZM14.2613 6.64645L8.26127 0.646447L7.55416 1.35355L13.5542 7.35355L14.2613 6.64645Z' fill='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.5H0.5V7.5H1V6.5ZM13 7.5C13.2761 7.5 13.5 7.27614 13.5 7C13.5 6.72386 13.2761 6.5 13 6.5V7.5ZM1 7.5H13V6.5H1V7.5Z' fill='white'/%3E%3Cpath d='M7.55416 12.6464C7.3589 12.8417 7.3589 13.1583 7.55416 13.3536C7.74942 13.5488 8.06601 13.5488 8.26127 13.3536L7.55416 12.6464ZM13.9077 7L14.2613 7.35355C14.4565 7.15829 14.4565 6.84171 14.2613 6.64645L13.9077 7ZM8.26127 0.646447L7.90771 0.292893L7.20061 1L7.55416 1.35355L8.26127 0.646447ZM8.26127 13.3536L14.2613 7.35355L13.5542 6.64645L7.55416 12.6464L8.26127 13.3536ZM14.2613 6.64645L8.26127 0.646447L7.55416 1.35355L13.5542 7.35355L14.2613 6.64645Z' fill='white'/%3E%3C/svg%3E%0A");
}
.icon-arrow-up, .icon-arrow-down {
width: 20px;
height: 25px;
}
.icon-arrow-up:before, .icon-arrow-down:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='13' height='16' viewBox='0 0 13 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.88326 15.4443L0.258261 9.81929C0.17546 9.73043 0.130384 9.6129 0.132526 9.49146C0.134669 9.37002 0.183865 9.25416 0.269748 9.16827C0.355631 9.08239 0.471497 9.0332 0.592935 9.03105C0.714373 9.02891 0.831902 9.07399 0.920761 9.15679L5.74576 13.981L5.74576 1.36304C5.74576 1.23872 5.79515 1.11949 5.88306 1.03158C5.97096 0.943673 6.09019 0.894287 6.21451 0.894287C6.33883 0.894287 6.45806 0.943673 6.54597 1.03158C6.63388 1.11949 6.68326 1.23872 6.68326 1.36304L6.68326 13.981L11.5083 9.15679C11.5971 9.07399 11.7147 9.02891 11.8361 9.03105C11.9575 9.0332 12.0734 9.08239 12.1593 9.16827C12.2452 9.25416 12.2944 9.37002 12.2965 9.49146C12.2986 9.6129 12.2536 9.73043 12.1708 9.81929L6.54576 15.4443C6.45787 15.5321 6.33873 15.5814 6.21451 15.5814C6.09029 15.5814 5.97115 15.5321 5.88326 15.4443Z' fill='white'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='13' height='16' viewBox='0 0 13 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.88326 15.4443L0.258261 9.81929C0.17546 9.73043 0.130384 9.6129 0.132526 9.49146C0.134669 9.37002 0.183865 9.25416 0.269748 9.16827C0.355631 9.08239 0.471497 9.0332 0.592935 9.03105C0.714373 9.02891 0.831902 9.07399 0.920761 9.15679L5.74576 13.981L5.74576 1.36304C5.74576 1.23872 5.79515 1.11949 5.88306 1.03158C5.97096 0.943673 6.09019 0.894287 6.21451 0.894287C6.33883 0.894287 6.45806 0.943673 6.54597 1.03158C6.63388 1.11949 6.68326 1.23872 6.68326 1.36304L6.68326 13.981L11.5083 9.15679C11.5971 9.07399 11.7147 9.02891 11.8361 9.03105C11.9575 9.0332 12.0734 9.08239 12.1593 9.16827C12.2452 9.25416 12.2944 9.37002 12.2965 9.49146C12.2986 9.6129 12.2536 9.73043 12.1708 9.81929L6.54576 15.4443C6.45787 15.5321 6.33873 15.5814 6.21451 15.5814C6.09029 15.5814 5.97115 15.5321 5.88326 15.4443Z' fill='white'/%3E%3C/svg%3E%0A");
}
.icon-chevron-left:before, .icon-arrow-up:before, .icon-chevron-up:before, .icon-arrow-left:before {
transform: scale(-1);
}
.icon-check {
width: 14px;
height: 10px;
}
.icon-check:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.5L5 10L13.5 1' stroke='%23EAE3D2' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.5L5 10L13.5 1' stroke='%23EAE3D2' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-close {
width: 20px;
height: 20px;
}
.icon-close: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='M1 19L19 1' stroke='%23433028' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M19 19L1 1' stroke='%23433028' stroke-width='2' stroke-linecap='round'/%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='M1 19L19 1' stroke='%23433028' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M19 19L1 1' stroke='%23433028' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.icon-search {
width: 20px;
height: 20px;
}
.icon-search:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.6 12.7C9.69279 12.7 12.2 10.1928 12.2 7.1C12.2 4.00721 9.69279 1.5 6.6 1.5C3.50721 1.5 1 4.00721 1 7.1C1 10.1928 3.50721 12.7 6.6 12.7Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 15.4998L10.8 11.2998' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.6 12.7C9.69279 12.7 12.2 10.1928 12.2 7.1C12.2 4.00721 9.69279 1.5 6.6 1.5C3.50721 1.5 1 4.00721 1 7.1C1 10.1928 3.50721 12.7 6.6 12.7Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 15.4998L10.8 11.2998' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon-facebook {
width: 18px;
height: 18px;
}
.icon-facebook:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 42C32.598 42 42 32.598 42 21C42 9.40202 32.598 0 21 0C9.40202 0 0 9.40202 0 21C0 32.598 9.40202 42 21 42ZM17.4595 23.6593V33H22.9451V23.6593H27.0245L27.7973 19.2637H22.9324V16.4066C22.9324 15.2088 23.6166 14.033 25.7956 14.033H28V10.2967C28 10.2967 25.9856 10 24.0726 10C20.0693 10 17.4595 12.1099 17.4595 15.9121V19.2637H13V23.6593H17.4595Z' fill='%23EAE3D2'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 42C32.598 42 42 32.598 42 21C42 9.40202 32.598 0 21 0C9.40202 0 0 9.40202 0 21C0 32.598 9.40202 42 21 42ZM17.4595 23.6593V33H22.9451V23.6593H27.0245L27.7973 19.2637H22.9324V16.4066C22.9324 15.2088 23.6166 14.033 25.7956 14.033H28V10.2967C28 10.2967 25.9856 10 24.0726 10C20.0693 10 17.4595 12.1099 17.4595 15.9121V19.2637H13V23.6593H17.4595Z' fill='%23EAE3D2'/%3E%3C/svg%3E%0A");
}
.icon-instagram {
width: 18px;
height: 18px;
}
.icon-instagram:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 42C32.598 42 42 32.598 42 21C42 9.40202 32.598 0 21 0C9.40202 0 0 9.40202 0 21C0 32.598 9.40202 42 21 42ZM14.8508 21C14.8508 17.594 17.5974 14.8467 21.0027 14.8467C24.4079 14.8467 27.1546 17.594 27.1546 21C27.1546 24.406 24.4079 27.1533 21.0027 27.1533C17.5974 27.1533 14.8508 24.406 14.8508 21ZM17.0031 21C17.0031 23.2064 18.8021 25.0004 21.0027 25.0004C23.2032 25.0004 25.0022 23.2064 25.0022 21C25.0022 18.7936 23.2086 16.9996 21.0027 16.9996C18.7968 16.9996 17.0031 18.7936 17.0031 21ZM27.4062 16.0302C28.1987 16.0302 28.8412 15.3929 28.8412 14.595C28.8412 13.8024 28.1987 13.1598 27.4062 13.1598C26.6138 13.1598 25.9713 13.8024 25.9713 14.595C25.9713 15.3876 26.6085 16.0302 27.4062 16.0302ZM30.9775 11.023C32.3856 12.4261 32.8247 14.1291 32.9157 16.0517C33.0281 18.0331 33.0281 23.9669 32.9157 25.9483C32.8193 27.8709 32.3803 29.5739 30.9775 30.977C29.5747 32.3855 27.8721 32.8246 25.9499 32.9157C23.9689 33.0281 18.0311 33.0281 16.0501 32.9157C14.1279 32.8193 12.4307 32.3801 11.0225 30.977C9.61439 29.5739 9.17535 27.8709 9.08433 25.9483C8.97189 23.9669 8.97189 18.0278 9.08433 16.0463C9.1807 14.1237 9.61439 12.4207 11.0225 11.0176C12.4307 9.61453 14.1333 9.17539 16.0501 9.08435C18.0311 8.97188 23.9689 8.97188 25.9499 9.08435C27.8721 9.18074 29.5747 9.61988 30.9775 11.023ZM28.0755 30.3558C29.1303 29.9327 29.9388 29.1241 30.3564 28.0744C30.8937 26.724 30.8638 23.77 30.8444 21.8551C30.8412 21.5374 30.8383 21.2484 30.8383 21C30.8383 20.7516 30.8412 20.4626 30.8444 20.145C30.8638 18.2312 30.8937 15.2806 30.3564 13.9256C29.9334 12.8706 29.1249 12.0619 28.0755 11.6442C26.7211 11.1097 23.7535 11.1382 21.8396 11.1565C21.5291 11.1595 21.2463 11.1622 21.0027 11.1622C20.7543 11.1622 20.4654 11.1593 20.1479 11.1561C18.2345 11.1367 15.2845 11.1068 13.9298 11.6442C12.8751 12.0673 12.0666 12.8759 11.649 13.9256C11.1146 15.2803 11.143 18.2486 11.1614 20.1629C11.1644 20.4735 11.1671 20.7563 11.1671 21C11.1671 21.2484 11.1642 21.5374 11.1609 21.855C11.1416 23.7688 11.1117 26.7194 11.649 28.0744C12.0719 29.1294 12.8804 29.9381 13.9298 30.3558C15.2842 30.8903 18.2519 30.8618 20.1658 30.8435C20.4763 30.8405 20.759 30.8378 21.0027 30.8378C21.2511 30.8378 21.54 30.8407 21.8575 30.8439C23.7709 30.8633 26.7208 30.8932 28.0755 30.3558Z' fill='%23EAE3D2'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 42C32.598 42 42 32.598 42 21C42 9.40202 32.598 0 21 0C9.40202 0 0 9.40202 0 21C0 32.598 9.40202 42 21 42ZM14.8508 21C14.8508 17.594 17.5974 14.8467 21.0027 14.8467C24.4079 14.8467 27.1546 17.594 27.1546 21C27.1546 24.406 24.4079 27.1533 21.0027 27.1533C17.5974 27.1533 14.8508 24.406 14.8508 21ZM17.0031 21C17.0031 23.2064 18.8021 25.0004 21.0027 25.0004C23.2032 25.0004 25.0022 23.2064 25.0022 21C25.0022 18.7936 23.2086 16.9996 21.0027 16.9996C18.7968 16.9996 17.0031 18.7936 17.0031 21ZM27.4062 16.0302C28.1987 16.0302 28.8412 15.3929 28.8412 14.595C28.8412 13.8024 28.1987 13.1598 27.4062 13.1598C26.6138 13.1598 25.9713 13.8024 25.9713 14.595C25.9713 15.3876 26.6085 16.0302 27.4062 16.0302ZM30.9775 11.023C32.3856 12.4261 32.8247 14.1291 32.9157 16.0517C33.0281 18.0331 33.0281 23.9669 32.9157 25.9483C32.8193 27.8709 32.3803 29.5739 30.9775 30.977C29.5747 32.3855 27.8721 32.8246 25.9499 32.9157C23.9689 33.0281 18.0311 33.0281 16.0501 32.9157C14.1279 32.8193 12.4307 32.3801 11.0225 30.977C9.61439 29.5739 9.17535 27.8709 9.08433 25.9483C8.97189 23.9669 8.97189 18.0278 9.08433 16.0463C9.1807 14.1237 9.61439 12.4207 11.0225 11.0176C12.4307 9.61453 14.1333 9.17539 16.0501 9.08435C18.0311 8.97188 23.9689 8.97188 25.9499 9.08435C27.8721 9.18074 29.5747 9.61988 30.9775 11.023ZM28.0755 30.3558C29.1303 29.9327 29.9388 29.1241 30.3564 28.0744C30.8937 26.724 30.8638 23.77 30.8444 21.8551C30.8412 21.5374 30.8383 21.2484 30.8383 21C30.8383 20.7516 30.8412 20.4626 30.8444 20.145C30.8638 18.2312 30.8937 15.2806 30.3564 13.9256C29.9334 12.8706 29.1249 12.0619 28.0755 11.6442C26.7211 11.1097 23.7535 11.1382 21.8396 11.1565C21.5291 11.1595 21.2463 11.1622 21.0027 11.1622C20.7543 11.1622 20.4654 11.1593 20.1479 11.1561C18.2345 11.1367 15.2845 11.1068 13.9298 11.6442C12.8751 12.0673 12.0666 12.8759 11.649 13.9256C11.1146 15.2803 11.143 18.2486 11.1614 20.1629C11.1644 20.4735 11.1671 20.7563 11.1671 21C11.1671 21.2484 11.1642 21.5374 11.1609 21.855C11.1416 23.7688 11.1117 26.7194 11.649 28.0744C12.0719 29.1294 12.8804 29.9381 13.9298 30.3558C15.2842 30.8903 18.2519 30.8618 20.1658 30.8435C20.4763 30.8405 20.759 30.8378 21.0027 30.8378C21.2511 30.8378 21.54 30.8407 21.8575 30.8439C23.7709 30.8633 26.7208 30.8932 28.0755 30.3558Z' fill='%23EAE3D2'/%3E%3C/svg%3E%0A");
}
.icon-linkedin {
width: 16px;
height: 16px;
}
.icon-linkedin:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 0C9.40192 0 0 9.40192 0 21C0 32.598 9.40192 41.9999 21 41.9999C32.598 41.9999 42 32.598 42 21C41.9999 9.40192 32.5978 0 21 0ZM15.3971 31.1525H10.7864V16.2564H15.3971V31.1525ZM13.0698 14.3057C11.564 14.3057 10.3432 13.075 10.3432 11.5571C10.3432 10.0391 11.5641 8.80847 13.0698 8.80847C14.5754 8.80847 15.7962 10.0391 15.7962 11.5571C15.7963 13.0751 14.5755 14.3057 13.0698 14.3057ZM32.6759 31.1525H28.0875V23.3333C28.0875 21.1887 27.2729 19.9916 25.5771 19.9916C23.7316 19.9916 22.7674 21.2384 22.7674 23.3333V31.1525H18.3452V16.2564H22.7674V18.2627C22.7674 18.2627 24.0976 15.8021 27.2562 15.8021C30.4149 15.8021 32.676 17.7307 32.676 21.7205L32.6759 31.1525Z' fill='%23EAE3D2'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 0C9.40192 0 0 9.40192 0 21C0 32.598 9.40192 41.9999 21 41.9999C32.598 41.9999 42 32.598 42 21C41.9999 9.40192 32.5978 0 21 0ZM15.3971 31.1525H10.7864V16.2564H15.3971V31.1525ZM13.0698 14.3057C11.564 14.3057 10.3432 13.075 10.3432 11.5571C10.3432 10.0391 11.5641 8.80847 13.0698 8.80847C14.5754 8.80847 15.7962 10.0391 15.7962 11.5571C15.7963 13.0751 14.5755 14.3057 13.0698 14.3057ZM32.6759 31.1525H28.0875V23.3333C28.0875 21.1887 27.2729 19.9916 25.5771 19.9916C23.7316 19.9916 22.7674 21.2384 22.7674 23.3333V31.1525H18.3452V16.2564H22.7674V18.2627C22.7674 18.2627 24.0976 15.8021 27.2562 15.8021C30.4149 15.8021 32.676 17.7307 32.676 21.7205L32.6759 31.1525Z' fill='%23EAE3D2'/%3E%3C/svg%3E%0A");
}
.icon-twitter {
width: 16px;
height: 16px;
}
.icon-twitter: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%3Cmask id='mask0_549_838' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Cpath d='M0 0H19.6403V20H0V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_549_838)'%3E%3Cpath d='M11.6884 8.46437L19.0006 0H17.2678L10.9191 7.34937L5.84844 0H0L7.66781 11.1137L0 19.9897H1.73281L8.43688 12.2284L13.7919 19.9897H19.6403L11.6884 8.46437ZM9.31563 11.2113L8.53875 10.105L2.35687 1.29875H5.01844L10.0069 8.40562L10.7837 9.51219L17.2684 18.75H14.6072L9.31563 11.2125V11.2119V11.2113Z' fill='%2358595B'/%3E%3C/g%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%3Cmask id='mask0_549_838' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Cpath d='M0 0H19.6403V20H0V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_549_838)'%3E%3Cpath d='M11.6884 8.46437L19.0006 0H17.2678L10.9191 7.34937L5.84844 0H0L7.66781 11.1137L0 19.9897H1.73281L8.43688 12.2284L13.7919 19.9897H19.6403L11.6884 8.46437ZM9.31563 11.2113L8.53875 10.105L2.35687 1.29875H5.01844L10.0069 8.40562L10.7837 9.51219L17.2684 18.75H14.6072L9.31563 11.2125V11.2119V11.2113Z' fill='%2358595B'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.icon-play {
width: 32px;
height: 32px;
}
.icon-play:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='65' height='65' viewBox='0 0 65 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.7173 61.3674C48.5774 61.3674 61.4346 48.5253 61.4346 32.6837C61.4346 16.8421 48.5774 4 32.7173 4C16.8572 4 4 16.8421 4 32.6837C4 48.5253 16.8572 61.3674 32.7173 61.3674Z' stroke='%23F07E26' stroke-width='6.06' stroke-miterlimit='10'/%3E%3Cpath d='M44.8418 32.6836L26.9238 22.3514V43.0259L44.8418 32.6836Z' stroke='%23F07E26' stroke-width='3.03' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='65' height='65' viewBox='0 0 65 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.7173 61.3674C48.5774 61.3674 61.4346 48.5253 61.4346 32.6837C61.4346 16.8421 48.5774 4 32.7173 4C16.8572 4 4 16.8421 4 32.6837C4 48.5253 16.8572 61.3674 32.7173 61.3674Z' stroke='%23F07E26' stroke-width='6.06' stroke-miterlimit='10'/%3E%3Cpath d='M44.8418 32.6836L26.9238 22.3514V43.0259L44.8418 32.6836Z' stroke='%23F07E26' stroke-width='3.03' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}
.icon-plus {
width: 24px;
height: 24px;
}
.icon-plus:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='12.5859' y1='4.37114e-08' x2='12.5859' y2='24' stroke='%23433028' stroke-width='2'/%3E%3Cline y1='12.2414' x2='24' y2='12.2414' stroke='%23433028' stroke-width='2'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='12.5859' y1='4.37114e-08' x2='12.5859' y2='24' stroke='%23433028' stroke-width='2'/%3E%3Cline y1='12.2414' x2='24' y2='12.2414' stroke='%23433028' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.icon-minus {
width: 24px;
height: 3px;
}
.icon-minus:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='28' height='3' viewBox='0 0 28 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.390625' y1='1.24133' x2='27.9587' y2='1.24133' stroke='%23433028' stroke-width='2'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width='28' height='3' viewBox='0 0 28 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.390625' y1='1.24133' x2='27.9587' y2='1.24133' stroke='%23433028' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.icon-link-outside {
width: 10px;
height: 10px;
}
.icon-link-outside:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M6.04 0.62C6.04 0.8 6.1 0.95 6.22 1.07C6.34 1.19 6.49 1.25 6.67 1.25H7.87L3.88 5.25C3.77333 5.35667 3.72 5.48167 3.72 5.625C3.72 5.76833 3.77333 5.89333 3.88 6L4 6.12C4.10667 6.22667 4.23167 6.28 4.375 6.28C4.51833 6.28 4.64333 6.22667 4.75 6.12L8.75 2.15V3.33C8.75 3.51 8.81 3.66 8.93 3.78C9.05 3.9 9.19833 3.96 9.375 3.96C9.55167 3.96 9.7 3.9 9.82 3.78C9.94 3.66 10 3.51 10 3.33V0.650001C10 0.563334 9.98333 0.48 9.95 0.400001C9.91667 0.320001 9.87 0.256667 9.81 0.21C9.71 0.0700006 9.56667 0 9.38 0H6.67C6.49667 0 6.34833 0.0600004 6.225 0.18C6.10167 0.3 6.04 0.446667 6.04 0.62ZM7.52 6.25V8.42C7.52 8.51333 7.48833 8.59167 7.425 8.655C7.36167 8.71833 7.28333 8.75 7.19 8.75H1.58C1.48667 8.75 1.40833 8.71833 1.345 8.655C1.28167 8.59167 1.25 8.51333 1.25 8.42V2.83C1.25 2.73667 1.28167 2.65833 1.345 2.595C1.40833 2.53167 1.48667 2.5 1.58 2.5H3.75C3.91667 2.5 4.06167 2.44 4.185 2.32C4.30833 2.2 4.37 2.05333 4.37 1.88L4.38 1.87C4.38 1.70333 4.31833 1.55833 4.195 1.435C4.07167 1.31167 3.92333 1.25 3.75 1.25H1.58C1.29333 1.25 1.03 1.32333 0.79 1.47C0.55 1.61667 0.358333 1.81167 0.215 2.055C0.0716667 2.29833 0 2.56333 0 2.85V8.42C0 8.70667 0.0716667 8.97 0.215 9.21C0.358333 9.45 0.55 9.64167 0.79 9.785C1.03 9.92833 1.29333 10 1.58 10H7.15C7.43667 10 7.7 9.92833 7.94 9.785C8.18 9.64167 8.37167 9.45 8.515 9.21C8.65833 8.97 8.73 8.70667 8.73 8.42V6.25C8.73 6.08333 8.67 5.93667 8.55 5.81C8.43 5.68333 8.28 5.62 8.1 5.62C7.94667 5.62 7.81167 5.68333 7.695 5.81C7.57833 5.93667 7.52 6.08333 7.52 6.25Z' fill='%23BFBFBF'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M6.04 0.62C6.04 0.8 6.1 0.95 6.22 1.07C6.34 1.19 6.49 1.25 6.67 1.25H7.87L3.88 5.25C3.77333 5.35667 3.72 5.48167 3.72 5.625C3.72 5.76833 3.77333 5.89333 3.88 6L4 6.12C4.10667 6.22667 4.23167 6.28 4.375 6.28C4.51833 6.28 4.64333 6.22667 4.75 6.12L8.75 2.15V3.33C8.75 3.51 8.81 3.66 8.93 3.78C9.05 3.9 9.19833 3.96 9.375 3.96C9.55167 3.96 9.7 3.9 9.82 3.78C9.94 3.66 10 3.51 10 3.33V0.650001C10 0.563334 9.98333 0.48 9.95 0.400001C9.91667 0.320001 9.87 0.256667 9.81 0.21C9.71 0.0700006 9.56667 0 9.38 0H6.67C6.49667 0 6.34833 0.0600004 6.225 0.18C6.10167 0.3 6.04 0.446667 6.04 0.62ZM7.52 6.25V8.42C7.52 8.51333 7.48833 8.59167 7.425 8.655C7.36167 8.71833 7.28333 8.75 7.19 8.75H1.58C1.48667 8.75 1.40833 8.71833 1.345 8.655C1.28167 8.59167 1.25 8.51333 1.25 8.42V2.83C1.25 2.73667 1.28167 2.65833 1.345 2.595C1.40833 2.53167 1.48667 2.5 1.58 2.5H3.75C3.91667 2.5 4.06167 2.44 4.185 2.32C4.30833 2.2 4.37 2.05333 4.37 1.88L4.38 1.87C4.38 1.70333 4.31833 1.55833 4.195 1.435C4.07167 1.31167 3.92333 1.25 3.75 1.25H1.58C1.29333 1.25 1.03 1.32333 0.79 1.47C0.55 1.61667 0.358333 1.81167 0.215 2.055C0.0716667 2.29833 0 2.56333 0 2.85V8.42C0 8.70667 0.0716667 8.97 0.215 9.21C0.358333 9.45 0.55 9.64167 0.79 9.785C1.03 9.92833 1.29333 10 1.58 10H7.15C7.43667 10 7.7 9.92833 7.94 9.785C8.18 9.64167 8.37167 9.45 8.515 9.21C8.65833 8.97 8.73 8.70667 8.73 8.42V6.25C8.73 6.08333 8.67 5.93667 8.55 5.81C8.43 5.68333 8.28 5.62 8.1 5.62C7.94667 5.62 7.81167 5.68333 7.695 5.81C7.57833 5.93667 7.52 6.08333 7.52 6.25Z' fill='%23BFBFBF'/%3E%3C/svg%3E");
}
.icon-pin {
width: 14px;
height: 15px;
}
.icon-pin:before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M12.8888 5.53376C12.8888 4.53442 12.6366 3.60512 12.1322 2.74587C11.6466 1.9053 10.9835 1.24218 10.1429 0.756515C9.28363 0.252172 8.35434 0 7.35499 0C6.35564 0 5.42635 0.252172 4.56709 0.756515C3.72652 1.24218 3.06341 1.9053 2.57774 2.74587C2.0734 3.60512 1.82123 4.53442 1.82123 5.53376C1.82123 6.28094 2.14812 7.23358 2.80189 8.39171C3.31558 9.29765 4.01138 10.3063 4.88931 11.4178C5.48705 12.1649 6.12682 12.9074 6.80862 13.6453L6.86466 13.7013C7.06079 13.9068 7.22423 14.0095 7.35499 14.0095C7.48575 14.0095 7.64919 13.9068 7.84532 13.7013L7.90136 13.6453C8.58316 12.9074 9.22293 12.1649 9.82067 11.4178C10.6986 10.3063 11.3944 9.29765 11.9081 8.39171C12.5619 7.23358 12.8888 6.28094 12.8888 5.53376ZM7.35499 7.32698C7.00008 7.32698 6.67319 7.23825 6.37432 7.0608C6.07545 6.88335 5.83963 6.64518 5.66684 6.34631C5.49406 6.04744 5.40767 5.72289 5.40767 5.37265C5.40767 5.02241 5.49406 4.69786 5.66684 4.39899C5.83963 4.10012 6.07545 3.86196 6.37432 3.68451C6.67319 3.50705 7.00008 3.41832 7.35499 3.41832C7.7099 3.41832 8.03679 3.50705 8.33566 3.68451C8.63453 3.86196 8.87035 4.10012 9.04314 4.39899C9.21592 4.69786 9.30231 5.02241 9.30231 5.37265C9.30231 5.72289 9.21592 6.04744 9.04314 6.34631C8.87035 6.64518 8.63453 6.88335 8.33566 7.0608C8.03679 7.23825 7.7099 7.32698 7.35499 7.32698Z' fill='white'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M12.8888 5.53376C12.8888 4.53442 12.6366 3.60512 12.1322 2.74587C11.6466 1.9053 10.9835 1.24218 10.1429 0.756515C9.28363 0.252172 8.35434 0 7.35499 0C6.35564 0 5.42635 0.252172 4.56709 0.756515C3.72652 1.24218 3.06341 1.9053 2.57774 2.74587C2.0734 3.60512 1.82123 4.53442 1.82123 5.53376C1.82123 6.28094 2.14812 7.23358 2.80189 8.39171C3.31558 9.29765 4.01138 10.3063 4.88931 11.4178C5.48705 12.1649 6.12682 12.9074 6.80862 13.6453L6.86466 13.7013C7.06079 13.9068 7.22423 14.0095 7.35499 14.0095C7.48575 14.0095 7.64919 13.9068 7.84532 13.7013L7.90136 13.6453C8.58316 12.9074 9.22293 12.1649 9.82067 11.4178C10.6986 10.3063 11.3944 9.29765 11.9081 8.39171C12.5619 7.23358 12.8888 6.28094 12.8888 5.53376ZM7.35499 7.32698C7.00008 7.32698 6.67319 7.23825 6.37432 7.0608C6.07545 6.88335 5.83963 6.64518 5.66684 6.34631C5.49406 6.04744 5.40767 5.72289 5.40767 5.37265C5.40767 5.02241 5.49406 4.69786 5.66684 4.39899C5.83963 4.10012 6.07545 3.86196 6.37432 3.68451C6.67319 3.50705 7.00008 3.41832 7.35499 3.41832C7.7099 3.41832 8.03679 3.50705 8.33566 3.68451C8.63453 3.86196 8.87035 4.10012 9.04314 4.39899C9.21592 4.69786 9.30231 5.02241 9.30231 5.37265C9.30231 5.72289 9.21592 6.04744 9.04314 6.34631C8.87035 6.64518 8.63453 6.88335 8.33566 7.0608C8.03679 7.23825 7.7099 7.32698 7.35499 7.32698Z' fill='white'/%3E%3C/svg%3E");
}
.mod-input {
width: 100%;
position: relative;
}
.mod-input ::-webkit-input-placeholder {
color: #bfbfbf;
opacity: 0.6;
}
.mod-input :-ms-input-placeholder {
color: #bfbfbf;
opacity: 0.6;
}
.mod-input ::placeholder {
color: #bfbfbf;
opacity: 0.6;
}
.mod-input__label {
position: relative;
margin: 0 0 4px;
display: block;
z-index: 4;
font-weight: 500;
}
.mod-input__field {
position: relative;
width: 100%;
height: 50px;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0;
background: var(--color-white);
outline: none;
z-index: 1;
font-size: 16px;
font-family: var(--font-primary);
font-weight: 400;
padding: 8px 24px;
transition: border-color 0.3s ease;
}
.mod-input__field:focus {
border-color: var(--color-gray);
}
.is-validation-failed .mod-input__field, .mod-input__field.is-validation-failed {
color: var(--color-validation-failed);
border-color: var(--color-validation-failed);
}
.mod-input__field:-webkit-autofill {
color: var(--color-black) !important;
-webkit-text-fill-color: var(--color-black) !important;
}
.mod-input__field:-webkit-autofill::selection {
background-color: transparent !important;
-webkit-text-fill-color: var(--color-black) !important;
}
.mod-input__inner {
position: relative;
}
.mod-input textarea {
resize: vertical;
min-height: 180px;
padding: 10px 24px;
}
@media only screen and (max-width: 1022px) {
.mod-input textarea {
min-height: 130px;
}
}
.mod-input.is-disabled {
opacity: 0.5;
}
.mod-input.is-disabled .mod-input__field {
pointer-events: none;
}
.mod-input.is-validation-failed label {
color: var(--color-validation-failed);
}
.mod-input.is-focused .mod-input__password-validation {
display: grid;
}
.mod-input__password-validation {
display: none;
margin: 20px auto;
font-size: 14px;
line-height: 2.04;
grid-gap: 0 20px;
max-width: 360px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mod-input__password-validation-item {
position: relative;
padding-left: 12px;
}
.mod-input__password-validation-item::before {
content: "";
position: absolute;
left: 0;
top: 13px;
width: 4px;
height: 4px;
border-radius: 100%;
background-color: var(--color-black);
}
.mod-input__password-validation-item-icon {
position: absolute;
top: 11px;
left: 0;
width: 8px;
height: 8px;
}
.mod-input__password-validation-item.is-passed::before, .mod-input__password-validation-item.is-failed::before {
display: none;
}
.mod-input__password-validation-item.is-failed {
color: var(--color-red);
}
.mod-input__password-validation-item.is-failed .mod-input__password-validation-item-icon {
background: url("data:image/svg+xml, %3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.86689 0.13765C5.78187 0.0524383 5.66645 0.00455063 5.54608 0.00455063C5.4257 0.00455063 5.31028 0.0524383 5.22526 0.13765L3 2.35836L0.774744 0.133099C0.689724 0.0478876 0.574297 0 0.453925 0C0.333553 0 0.218126 0.0478876 0.133106 0.133099C-0.0443686 0.310574 -0.0443686 0.597264 0.133106 0.774738L2.35836 3L0.133106 5.22526C-0.0443686 5.40273 -0.0443686 5.68942 0.133106 5.86689C0.31058 6.04437 0.59727 6.04437 0.774744 5.86689L3 3.64164L5.22526 5.86689C5.40273 6.04437 5.68942 6.04437 5.86689 5.86689C6.04437 5.68942 6.04437 5.40273 5.86689 5.22526L3.64164 3L5.86689 0.774738C6.03982 0.601814 6.03982 0.310574 5.86689 0.13765Z' fill='%23CC5743'/%3E%3C/svg%3E%0A") no-repeat center center/6px;
}
.mod-input__password-validation-item.is-passed {
color: var(--color-text);
}
.mod-input__password-validation-item.is-passed .mod-input__password-validation-item-icon {
background: url("data:image/svg+xml, %3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.92308 6C2.8547 5.99978 2.78709 5.98552 2.72446 5.95809C2.66183 5.93067 2.60551 5.89067 2.55901 5.84058L0.135187 3.265C0.0445809 3.16854 -0.00395628 3.04009 0.000252564 2.90789C0.00446141 2.77569 0.0610716 2.65058 0.15763 2.56007C0.254188 2.46957 0.382784 2.42108 0.515128 2.42529C0.647473 2.42949 0.772726 2.48604 0.863331 2.58249L2.9181 4.7695L7.11241 0.186247C7.15497 0.133302 7.20792 0.0896077 7.26801 0.0578481C7.32809 0.0260886 7.39405 0.0069343 7.46181 0.00156176C7.52958 -0.00381078 7.59773 0.0047119 7.66208 0.0266062C7.72642 0.0485005 7.78561 0.0833042 7.83601 0.12888C7.8864 0.174455 7.92693 0.22984 7.95512 0.291633C7.9833 0.353426 7.99854 0.420323 7.9999 0.488213C8.00126 0.556104 7.98871 0.623555 7.96302 0.686425C7.93734 0.749294 7.89905 0.806255 7.85053 0.853808L3.29214 5.8356C3.24608 5.88659 3.18996 5.92752 3.12731 5.95581C3.06465 5.9841 2.99682 5.99915 2.92807 6H2.92308Z' fill='%238ABF56'/%3E%3C/svg%3E%0A") no-repeat center center/8px;
}
.fv-plugins-message-container,
.validation-message {
color: var(--color-validation-failed);
position: relative;
font-size: 14px;
line-height: 20px;
margin-top: 4px;
}
.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(213, 43, 41, 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-black);
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: 1600px) {
.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: 1600px) {
.margin--260 {
height: 160px;
}
}
@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: 1600px) {
.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;
}
}
.margin--180 {
height: 180px;
}
@media only screen and (max-width: 1600px) {
.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;
}
}
.margin--168 {
height: 168px;
}
@media only screen and (max-width: 1919px) {
.margin--168 {
height: 140px;
}
}
@media only screen and (max-width: 1600px) {
.margin--168 {
height: 120px;
}
}
@media only screen and (max-width: 1200px) {
.margin--168 {
height: 80px;
}
}
.margin--160 {
height: 160px;
}
@media only screen and (max-width: 1919px) {
.margin--160 {
height: 140px;
}
}
@media only screen and (max-width: 1600px) {
.margin--160 {
height: 120px;
}
}
@media only screen and (max-width: 1200px) {
.margin--160 {
height: 80px;
}
}
.margin--150 {
height: 150px;
}
@media only screen and (max-width: 1919px) {
.margin--150 {
height: 130px;
}
}
@media only screen and (max-width: 1600px) {
.margin--150 {
height: 110px;
}
}
@media only screen and (max-width: 1200px) {
.margin--150 {
height: 80px;
}
}
.margin--140 {
height: 140px;
}
@media only screen and (max-width: 1919px) {
.margin--140 {
height: 120px;
}
}
@media only screen and (max-width: 1600px) {
.margin--140 {
height: 100px;
}
}
@media only screen and (max-width: 1200px) {
.margin--140 {
height: 80px;
}
}
.margin--130 {
height: 130px;
}
@media only screen and (max-width: 1600px) {
.margin--130 {
height: 100px;
}
}
@media only screen and (max-width: 1200px) {
.margin--130 {
height: 80px;
}
}
.margin--120 {
height: 120px;
}
@media only screen and (max-width: 1600px) {
.margin--120 {
height: 100px;
}
}
@media only screen and (max-width: 1200px) {
.margin--120 {
height: 80px;
}
}
.margin--108 {
height: 108px;
}
@media only screen and (max-width: 1600px) {
.margin--108 {
height: 90px;
}
}
@media only screen and (max-width: 1200px) {
.margin--108 {
height: 80px;
}
}
.margin--104 {
height: 104px;
}
@media only screen and (max-width: 1600px) {
.margin--104 {
height: 90px;
}
}
@media only screen and (max-width: 1200px) {
.margin--104 {
height: 80px;
}
}
.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;
}
}
.margin--96 {
height: 96px;
}
@media only screen and (max-width: 1200px) {
.margin--96 {
height: 80px;
}
}
@media only screen and (max-width: 1022px) {
.margin--96 {
height: 60px;
}
}
.margin--90 {
height: 90px;
}
@media only screen and (max-width: 1600px) {
.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: 1600px) {
.margin--80 {
height: 70px;
}
}
@media only screen and (max-width: 1200px) {
.margin--80 {
height: 60px;
}
}
.margin--70 {
height: 70px;
}
@media only screen and (max-width: 1600px) {
.margin--70 {
height: 60px;
}
}
@media only screen and (max-width: 1200px) {
.margin--70 {
height: 50px;
}
}
@media only screen and (max-width: 767px) {
.margin--70 {
height: 40px;
}
}
.margin--64 {
height: 64px;
}
@media only screen and (max-width: 1200px) {
.margin--64 {
height: 44px;
}
}
@media only screen and (max-width: 767px) {
.margin--64 {
height: 36px;
}
}
.margin--60 {
height: 60px;
}
@media only screen and (max-width: 1200px) {
.margin--60 {
height: 40px;
}
}
@media only screen and (max-width: 767px) {
.margin--60 {
height: 30px;
}
}
.margin--50 {
height: 50px;
}
@media only screen and (max-width: 1200px) {
.margin--50 {
height: 40px;
}
}
@media only screen and (max-width: 767px) {
.margin--50 {
height: 30px;
}
}
.margin--40 {
height: 40px;
}
@media only screen and (max-width: 1200px) {
.margin--40 {
height: 30px;
}
}
@media only screen and (max-width: 767px) {
.margin--40 {
height: 20px;
}
}
.margin--32 {
height: 32px;
}
@media only screen and (max-width: 767px) {
.margin--32 {
height: 20px;
}
}
.margin--30 {
height: 30px;
}
@media only screen and (max-width: 767px) {
.margin--30 {
height: 20px;
}
}
.margin--24 {
height: 24px;
}
.margin--20 {
height: 20px;
}
.margin--16 {
height: 16px;
}
.radio-button {
position: relative;
transition: opacity 0.3s ease;
}
.radio-button.is-disabled {
opacity: 0.5;
pointer-events: none;
}
.radio-button.is-disabled input {
pointer-events: none;
}
.radio-button__label {
position: relative;
padding-left: 36px;
cursor: pointer;
margin: 0;
display: block;
}
.radio-button__label::after, .radio-button__label:before {
content: "";
left: 0;
top: 0;
position: absolute;
pointer-events: none;
}
.radio-button__label:before {
width: 24px;
height: 24px;
border: 1px solid currentColor;
background-color: transparent;
border-radius: 100%;
transition: background-color 0.3s ease, border 0.3s ease;
}
.radio-button__label::after {
top: 4px;
left: 4px;
width: 16px;
height: 16px;
transform: scale(0);
border-radius: 100%;
transition: transform 0.3s ease, opacity 0.3s ease;
background: currentColor;
}
.radio-button:hover .radio-button__label::before {
background-color: rgba(0, 0, 0, 0.2);
}
.radio-button input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 3;
cursor: pointer;
}
.radio-button input:checked ~ label::after {
transform: scale(1);
}
.radio-button a {
text-decoration: underline;
}
.radio-button a:hover {
color: var(--color-gray);
}
.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: 36px;
}
@media only screen and (max-width: 1022px) {
.radio-button .fv-plugins-message-container {
padding-left: 32px;
}
}
.tag {
line-height: normal;
background-color: rgba(0, 0, 0, 0.1);
padding: 5px 15px;
border-radius: 20px;
margin: 2px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s ease;
}
.tag:hover {
background-color: rgba(0, 0, 0, 0.15);
}
.tag .icon {
display: inline-block;
width: 12px;
height: 12px;
margin-right: 6px;
}
.title--h6, .title--h5, .title--h4, .title--h3, .title--h2, .title--h1 {
line-height: 1;
font-weight: 700;
}
.title--h1 {
font-size: 38px;
}
@media only screen and (max-width: 767px) {
.title--h1 {
font-size: 32px;
}
}
.title--h2 {
font-size: 33px;
}
@media only screen and (max-width: 767px) {
.title--h2 {
font-size: 28px;
}
}
.title--h3 {
font-size: 28px;
}
@media only screen and (max-width: 767px) {
.title--h3 {
font-size: 24px;
}
}
.title--h4 {
font-size: 24px;
}
@media only screen and (max-width: 767px) {
.title--h4 {
font-size: 20px;
}
}
.title--h5 {
font-size: 20px;
}
@media only screen and (max-width: 767px) {
.title--h5 {
font-size: 18px;
}
}
.title--h6 {
font-size: 18px;
}
.title strong {
font-style: italic;
font-weight: 300;
}
.mod-toggle {
-webkit-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: 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: var(--color-white);
border-radius: 50%;
transition: transform 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::before {
background-color: var(--color-black);
}
.mod-toggle input:checked + .mod-toggle__label .mod-toggle__switch::after {
transform: translate(14px, 0);
}
@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__content {
width: 100%;
display: grid;
grid-gap: 20px;
max-width: 700px;
}
.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: calc(var(--vh, 1vh) * 100 - 69px);
}
}
.card {
width: 100%;
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
}
.card:hover .icon {
transform: translateX(8px);
}
.card__title h3 {
font-weight: 400;
}
.card__image img {
width: 100%;
aspect-ratio: 434/175;
object-fit: cover;
overflow: hidden;
}
.card .icon {
transition: 0.3s ease;
}
.card__link {
position: absolute;
inset: 0;
height: 100%;
width: 100%;
z-index: 1;
}
.card__more {
font-weight: 500;
font-size: 14px;
display: inline-flex;
gap: 4px;
align-items: center;
}
.card-list {
padding: 48px 0;
}
.card-list__content {
padding: 24px 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
}
@media only screen and (max-width: 767px) {
.card-list__content {
grid-template-columns: 1fr;
}
}
.editor-text ul li:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.editor-text h6, .editor-text h5, .editor-text h4, .editor-text h3, .editor-text h2, .editor-text h1 {
line-height: 1;
font-weight: 700;
}
.editor-text h1 {
font-size: 38px;
}
@media only screen and (max-width: 767px) {
.editor-text h1 {
font-size: 32px;
}
}
.editor-text h2 {
font-size: 33px;
}
@media only screen and (max-width: 767px) {
.editor-text h2 {
font-size: 28px;
}
}
.editor-text h3 {
font-size: 28px;
}
@media only screen and (max-width: 767px) {
.editor-text h3 {
font-size: 24px;
}
}
.editor-text h4 {
font-size: 24px;
}
@media only screen and (max-width: 767px) {
.editor-text h4 {
font-size: 20px;
}
}
.editor-text h5 {
font-size: 20px;
}
@media only screen and (max-width: 767px) {
.editor-text h5 {
font-size: 18px;
}
}
.editor-text h6 {
font-size: 18px;
}
.editor-text ol li:before {
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
text-transform: inherit;
text-align: inherit;
font-style: inherit;
font-family: inherit;
}
.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 {
font-weight: 700;
margin-bottom: 30px;
}
* + .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 img,
.editor-text figure,
.editor-text table {
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.editor-text p:first-child,
.editor-text ul:first-child,
.editor-text ol:first-child,
.editor-text img: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 img: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 img a,
.editor-text figure a,
.editor-text table a {
color: #487f70;
text-decoration: underline;
}
.editor-text p a:hover,
.editor-text ul a:hover,
.editor-text ol a:hover,
.editor-text img a:hover,
.editor-text figure a:hover,
.editor-text table a:hover {
color: #000;
}
.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 ul,
.editor-text ol {
list-style: none;
}
.editor-text ul li,
.editor-text ol li {
position: relative;
padding-left: 1.75em;
}
.editor-text ul li:before {
border-radius: 100%;
width: 6px;
height: 6px;
background-color: currentColor;
color: inherit;
top: 0.5em;
}
.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) ".";
font-size: inherit;
position: absolute;
left: 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;
}
.footer {
color: #bfbfbf;
background-color: #000;
position: relative;
width: 100%;
font-size: 14px;
z-index: 2;
}
.footer__link {
color: #bfbfbf;
transition: 0.3s ease;
display: inline-flex;
align-items: center;
gap: 8px;
}
.footer__link:hover {
color: #fff;
}
.footer__title {
text-transform: uppercase;
color: #fff;
font-size: 12px;
font-weight: 700;
margin-bottom: 12px;
}
.footer__cols {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 48px 20px;
padding: 48px 0;
}
@media only screen and (max-width: 1022px) {
.footer__cols {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 767px) {
.footer__cols {
grid-template-columns: 1fr;
}
}
.footer__col {
line-height: 1.4;
display: flex;
flex-direction: column;
gap: 8px;
align-items: flex-start;
padding-right: 64px;
}
@media only screen and (max-width: 1200px) {
.footer__col {
padding-right: 0;
}
}
.footer__soc-med {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.footer__soc {
display: flex;
align-items: center;
justify-content: center;
}
.footer__soc img {
width: 25px;
height: 25px;
}
.footer__bottom {
border-top: 1px solid rgba(255, 255, 255, 0.22);
padding: 48px 0;
line-height: 1;
display: flex;
flex-wrap: wrap;
gap: 12px 24px;
}
.hero-slider {
position: relative;
background-color: #000;
color: #fff;
}
.hero-slider img {
object-fit: cover;
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
}
.hero-slider__content {
position: relative;
max-width: 340px;
text-transform: uppercase;
padding: 80px 0;
min-height: 800px;
display: flex;
flex-direction: column;
justify-content: center;
}
@media only screen and (max-width: 1200px) {
.hero-slider__content {
min-height: 600px;
}
}
@media only screen and (max-width: 767px) {
.hero-slider__content {
min-height: calc(var(--vh, 1vh) * 100 - 60px);
}
}
.hero-slider__text {
margin-top: 16px;
font-size: 14px;
}
.hero-slider__button {
margin-top: 24px;
}
.hero-slider .swiper {
width: 100%;
height: 100%;
position: relative;
}
.hero-slider .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
position: relative;
}
.hero-slider .swiper-pagination {
position: absolute;
bottom: 10px;
left: 50%;
padding: 8px 16px;
border-radius: 60px;
transform: translateX(-50%);
display: inline-flex;
width: auto;
margin: auto;
z-index: 1;
text-align: center;
transition: 0.3s;
background: rgba(0, 0, 0, 0.6);
gap: 16px;
}
.hero-slider .swiper-pagination-bullet {
background-color: transparent;
border: 1px solid #fff;
width: 12px;
height: 12px;
border-radius: 100%;
margin: 0 !important;
cursor: pointer;
opacity: 1;
}
.hero-slider .swiper-pagination-bullet-active {
background-color: #fff;
}
.follow-us {
text-align: center;
}
.follow-us__title {
padding: 40px 0;
}
.follow-us__content {
padding: 24px 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px;
}
@media only screen and (max-width: 767px) {
.follow-us__content {
grid-template-columns: 1fr;
}
}
.follow-us__item {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
gap: 32px;
color: #fff;
min-height: 150px;
overflow: hidden;
text-transform: uppercase;
font-size: 14px;
line-height: 1;
}
.follow-us__item:hover .follow-us__item-bg {
transform: scale(1.1);
}
.follow-us__item .icon {
opacity: 0.8;
}
.follow-us__item-bg {
pointer-events: none;
position: absolute;
inset: 0;
height: 100%;
width: 100%;
object-fit: cover;
transition: 1.6s ease;
}
.follow-us__item-icon {
position: relative;
}
.follow-us__item-icon img {
width: 40px;
}
.follow-us__item-text {
position: relative;
font-weight: 500;
display: inline-flex;
align-items: center;
gap: 8px;
}
.iframe-module iframe {
width: 100%;
height: 3000px;
}
.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%;
}
.mobile-hamburger:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
}
.mobile-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;
}
.header-main {
width: 100%;
height: 80px;
background-color: #000;
color: #fff;
transition: 0.2s;
z-index: 100;
padding: 0 48px;
position: fixed;
top: 0;
left: 0;
}
@media only screen and (max-width: 1200px) {
.header-main {
padding: 0 24px;
}
}
@media only screen and (max-width: 1022px) {
.header-main {
height: 60px;
padding: 0 20px;
}
}
.header-main__inner {
display: flex;
align-items: center;
height: 100%;
gap: 24px;
}
.header-main__menu {
display: flex;
align-items: center;
gap: 0;
text-transform: uppercase;
font-size: 14px;
line-height: 1.2;
font-weight: 500;
height: 100%;
}
@media only screen and (max-width: 1022px) {
.header-main__menu {
position: fixed;
top: 60px;
height: calc(var(--vh, 1vh) * 100 - 60px);
background-color: #fff;
color: #000;
z-index: 99;
width: 100%;
left: 0;
pointer-events: none;
transition: 0.3s ease;
transform: translateX(100%);
padding: 20px;
padding-bottom: 80px;
flex-direction: column;
align-items: normal;
justify-content: flex-start;
overflow: auto;
}
.is-open-menu .header-main__menu {
pointer-events: all;
transform: translateX(0);
}
}
.header-main__menu > li {
height: 100%;
display: flex;
align-items: center;
}
@media only screen and (max-width: 1022px) {
.header-main__menu > li {
height: auto;
flex-wrap: wrap;
border-bottom: 1px solid rgba(0, 0, 0, 0.33);
}
}
.header-main__menu > li.is-active .header-main__link {
background-color: #fff;
color: #000;
}
.header-main__menu > li.is-active .header-main__link .icon:before {
transform: scaleX(-1);
}
.header-main__menu > li.is-active .header-main__overlay,
.header-main__menu > li.is-active .header-main__submenu-wrap {
opacity: 1;
pointer-events: auto;
}
@media only screen and (max-width: 1022px) {
.header-main__menu > li.is-active .header-main__submenu-wrap {
display: block;
}
}
.header-main__link {
display: inline-flex;
gap: 8px;
height: 100%;
align-items: center;
transition: 0.3s ease;
padding: 0 12px;
cursor: pointer;
text-transform: uppercase;
}
@media only screen and (max-width: 1022px) {
.header-main__link {
padding: 20px 0;
display: flex;
width: 100%;
justify-content: space-between;
height: auto;
}
}
.header-main__link:hover {
background-color: rgba(255, 255, 255, 0.15);
}
.header-main .has-submenu .icon-chevron-right {
transform: rotate(90deg);
}
.header-main__submenu {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 20px;
font-size: 14px;
}
@media only screen and (max-width: 1022px) {
.header-main__submenu {
display: block;
}
}
.header-main__submenu-wrap {
position: fixed;
left: 0;
width: 100%;
background-color: #fff;
top: var(--header-height);
color: #000;
padding: 60px 0;
z-index: 2;
transition: 0.3s ease;
pointer-events: none;
opacity: 0;
}
@media only screen and (max-width: 1022px) {
.header-main__submenu-wrap {
position: relative;
display: none;
padding: 0;
padding-bottom: 12px;
top: 0;
}
}
@media only screen and (max-width: 1022px) {
.header-main__submenu-wrap .container {
margin: 0;
padding: 0;
width: 100%;
max-width: 100%;
}
}
.header-main__submenu-link {
text-align: center;
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
justify-content: flex-start;
transition: 0.3s ease;
}
.header-main__submenu-link:hover {
color: #487f70;
}
@media only screen and (max-width: 1022px) {
.header-main__submenu-link {
text-align: left;
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 12px;
justify-content: start;
padding: 12px 0;
}
}
.header-main__submenu-icon {
width: 40px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 1022px) {
.header-main__submenu-icon {
width: 20px;
height: 20px;
}
}
.header-main__submenu-icon img {
object-fit: contain;
width: 100%;
}
.header-main__submenu-close {
position: absolute;
top: 12px;
right: 20px;
padding: 6px 12px;
border-radius: 80px;
border: 1px solid rgba(0, 0, 0, 0.33);
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
display: inline-flex;
align-items: center;
gap: 8px;
transition: 0.3s ease;
}
.header-main__submenu-close:hover {
background-color: rgba(0, 0, 0, 0.1);
}
.header-main__submenu-close .icon {
width: 10px;
height: 10px;
}
@media only screen and (max-width: 1022px) {
.header-main__submenu-close {
display: none;
}
}
.header-main__overlay {
position: fixed;
inset: 0;
top: var(--header-height);
height: calc(var(--vh, 1vh) * 100 - var(--header-height));
width: 100%;
z-index: 1;
background-color: rgba(0, 0, 0, 0.3);
transition: 0.3s ease;
pointer-events: none;
opacity: 0;
}
@media only screen and (max-width: 1022px) {
.header-main__overlay {
display: none;
}
}
.header-main__contact {
margin-left: auto;
text-transform: uppercase;
font-size: 14px;
line-height: 1.2;
font-weight: 500;
display: inline-flex;
gap: 8px;
align-items: center;
}
@media only screen and (max-width: 1022px) {
.header-main__contact {
display: none;
}
}
.header-main__contact:hover {
text-decoration: underline;
}
.header-main .mobile {
display: none;
}
@media only screen and (max-width: 1022px) {
.header-main .mobile {
display: flex;
}
.header-main .mobile .header-main__contact {
display: flex;
background-color: #487f70;
color: #fff;
padding: 16px;
text-align: left;
margin-left: 0 !important;
width: 100%;
}
}
.header-main__logo {
height: 40px;
flex-shrink: 0;
}
@media only screen and (max-width: 1022px) {
.header-main__logo {
height: 28px;
}
}
.header-main__logo img {
height: 100%;
object-fit: contain;
}
.mobile-hamburger {
cursor: pointer;
z-index: 9;
position: relative;
width: 28px;
display: none;
flex-direction: column;
margin-left: auto;
}
@media only screen and (max-width: 1022px) {
.mobile-hamburger {
display: flex;
}
}
.mobile-hamburger:after {
z-index: 9;
transform: scale(1.5);
}
.mobile-hamburger .bars {
background-color: #fff;
height: 3px;
display: block;
margin-bottom: 5px;
width: 100%;
transition: transform 0.3s ease;
}
.mobile-hamburger .bars:last-child {
margin-bottom: 0;
}
.is-open-menu .mobile-hamburger .bars:first-child {
transform: translateY(8px) rotate(225deg);
}
.is-open-menu .mobile-hamburger .bars:nth-child(2) {
transform: scale(0);
}
.is-open-menu .mobile-hamburger .bars:last-child {
transform: translateY(-8px) rotate(315deg);
}
.separator {
height: 60px;
width: 100%;
background-color: #ebebeb;
}
.pre-footer {
background-color: #4c4c4c;
color: #bfbfbf;
padding: 28px 0;
font-size: 14px;
line-height: 1;
}
.pre-footer__content {
display: flex;
flex-wrap: wrap;
gap: 12px 24px;
}
@media only screen and (max-width: 767px) {
.pre-footer__content {
flex-direction: column;
align-items: flex-start;
}
}
.pre-footer__link {
transition: 0.3s ease;
display: inline-flex;
align-items: center;
gap: 8px;
}
.pre-footer__link:hover {
color: #fff;
}
.text-module {
padding: 40px 0 80px;
max-width: 1000px;
margin: 0 auto;
}
.text-module__title {
padding-bottom: 40px;
text-align: center;
}
.advance-cookie-banner {
font-size: 14px;
}
.advance-cookie-banner__bar {
position: fixed;
left: 0;
width: 100%;
bottom: 0;
z-index: 998;
max-height: calc(var(--vh, 1vh) * 100);
transition: opacity 0.5s ease;
padding: 20px 0;
opacity: 0;
pointer-events: none;
background-color: #000;
color: #fff;
}
.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: 1600px) {
.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 {
color: #487f70;
}
.advance-cookie-banner__button {
display: flex;
align-items: center;
}
@media only screen and (max-width: 1600px) {
.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;
}
}
.advance-cookie-banner .btn {
font-weight: 500;
text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner .btn {
padding: 10px 18px 8px;
}
}
.advance-cookie-banner .btn--cookie-setting {
text-decoration: underline;
white-space: nowrap;
transition: color 0.3s ease;
}
.advance-cookie-banner .btn--cookie-setting:hover {
color: #487f70;
}
.advance-cookie-banner .btn--accept-cookie {
margin-left: 44px;
}
@media only screen and (max-width: 767px) {
.advance-cookie-banner .btn--accept-cookie {
margin-left: 0;
}
}
.advance-cookie-banner .btn[disabled] {
pointer-events: none;
opacity: 0.4;
}
.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;
}
@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-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;
}
@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;
top: 50%;
transform: translate(0, -50%);
z-index: 3;
width: 50px;
height: 50px;
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 {
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:before {
background-color: #487f70;
}