.stretched-link::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none; }
.button, button {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
padding: 0;
font-size: inherit;
line-height: inherit;
color: inherit;
font-family: inherit;
font-weight: inherit; }
.cover-bg, .covered, .bg-image img {
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
pointer-events: none; }
.d-flex-cc,
.d-flex-center-center {
display: flex;
align-items: center;
justify-content: center; }
body {
font-size: 16px;
line-height: 1.56; }
.text--32 {
font-size: 32px;
line-height: 1.25; }
@media only screen and (max-width: 767px) {
.text--32 {
font-size: 22px; } }
.text--20 {
font-size: 20px;
line-height: 1.5; }
@media only screen and (max-width: 1022.8px) {
.text--20 {
font-size: 18px; } }
.text--14 {
font-size: 14px;
line-height: 1.57; }
.text *,
.title *,
.title-main * {
color: inherit;
font-size: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
text-transform: inherit;
text-align: inherit;
font-style: inherit;
font-family: inherit;
background-color: transparent; }
.br-24, .br-32, .br-40, .overflow-h {
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; }
*,
*::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: 1023.8px) {
.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: 1200px) {
.text-lg-center {
text-align: center; }
.text-lg-left {
text-align: left; }
.text-lg-right {
text-align: right; }
.d-lg-none {
display: none !important; }
.d-lg-inline-block {
display: inline-block !important; }
.d-lg-block {
display: block !important; }
.d-lg-flex {
display: flex !important; }
.d-lg-inline-flex {
display: inline-flex !important; } }
@media (min-width: 1439px) {
.text-xl-center {
text-align: center; }
.text-xl-left {
text-align: left; }
.text-xl-right {
text-align: right; }
.d-xl-none {
display: none !important; }
.d-xl-inline-block {
display: inline-block !important; }
.d-xl-block {
display: block !important; }
.d-xl-flex {
display: flex !important; }
.d-xl-inline-flex {
display: inline-flex !important; } }
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem; }
.container {
display: block;
margin: 0 auto;
max-width: calc(100% - 64px);
padding: 0;
width: 100%; }
.container .container {
padding: 0 !important; }
@media only screen and (max-width: 1022.8px) {
.container .container {
max-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: -16px;
margin-right: -16px; }
.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: 16px;
padding-right: 16px; }
.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: -16px;
margin-right: -16px; }
.container {
max-width: calc(100% - 64px); }
.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: 16px;
padding-right: 16px; }
.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: 1023.8px) {
.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: 1200px) {
.row {
margin-left: -20px;
margin-right: -20px; }
.container {
max-width: 1240px;
padding-left: 20px;
padding-right: 20px; }
.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: 20px;
padding-right: 20px; }
.col-lg {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%; }
.col-lg-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%; }
.col-lg-2 {
-ms-flex-preferred-size: 16.666667%;
flex-basis: 16.666667%;
max-width: 16.666667%; }
.col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-lg-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%; }
.col-lg-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%; }
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-lg-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%; }
.col-lg-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%; }
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-lg-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%; }
.col-lg-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%; }
.col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%; }
.col-lg-offset-0 {
margin-left: 0; }
.col-lg-offset-1 {
margin-left: 8.333%; }
.col-lg-offset-2 {
margin-left: 16.666667%; }
.col-lg-offset-3 {
margin-left: 25%; }
.col-lg-offset-4 {
margin-left: 33.333%; }
.col-lg-offset-5 {
margin-left: 41.667%; }
.col-lg-offset-6 {
margin-left: 50%; }
.col-lg-offset-7 {
margin-left: 58.333%; }
.col-lg-offset-8 {
margin-left: 66.667%; }
.col-lg-offset-9 {
margin-left: 75%; }
.col-lg-offset-10 {
margin-left: 83.333%; }
.col-lg-offset-11 {
margin-left: 91.667%; }
.start-lg {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start; }
.center-lg {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center; }
.end-lg {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end; }
.top-lg {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start; }
.middle-lg {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center; }
.bottom-lg {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end; }
.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around; }
.between-lg {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between; }
.first-lg {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1; }
.last-lg {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1; } }
@media only screen and (min-width: 1440px) {
.row {
margin-left: -20px;
margin-right: -20px; }
.container {
max-width: 1440px;
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; } }  @font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal; }
:root {
--swiper-theme-color:#007aff; }
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1; }
.swiper-vertical > .swiper-wrapper {
flex-direction: column; }
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box; }
.swiper-android .swiper-slide, .swiper-wrapper {
transform: translate3d(0px, 0, 0); }
.swiper-pointer-events {
touch-action: pan-y; }
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x; }
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform; }
.swiper-slide-invisible-blank {
visibility: hidden; }
.swiper-autoheight, .swiper-autoheight .swiper-slide {
height: auto; }
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform,height; }
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px; }
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
transform-style: preserve-3d; }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10; }
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15); }
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none; }
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start; }
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory; }
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory; }
.swiper-centered > .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999; }
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before); }
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after); }
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before); }
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after); }
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center; }
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none; }
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size); }
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size); }
:root {
--swiper-navigation-size:44px; }
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color)); }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none; }
.swiper-button-next:after, .swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1; }
.swiper-button-prev, .swiper-rtl .swiper-button-next {
left: 10px;
right: auto; }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
content: 'prev'; }
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: 10px;
left: auto; }
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
content: 'next'; }
.swiper-button-lock {
display: none; }
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10; }
.swiper-pagination.swiper-pagination-hidden {
opacity: 0; }
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%; }
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33); }
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); }
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer; }
.swiper-pagination-bullet:only-child {
display: none !important; }
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color)); }
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0); }
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block; }
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px; }
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform,.2s 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: .2s transform,.2s left; }
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform,.2s right; }
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top; }
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top; }
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0; }
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0; }
.swiper-pagination-lock {
display: none; }
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1); }
.swiper-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%; }
.swiper-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%; }
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0; }
.swiper-scrollbar-cursor-drag {
cursor: move; }
.swiper-scrollbar-lock {
display: none; }
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center; }
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain; }
.swiper-slide-zoomed {
cursor: move; }
.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%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent; }
.swiper-lazy-preloader-white {
--swiper-preloader-color:#fff; }
.swiper-lazy-preloader-black {
--swiper-preloader-color:#000; }
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg); } }
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000; }
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto; }
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap; }
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column; }
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out; }
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity; }
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-cube {
overflow: visible; }
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%; }
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0; }
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible; }
.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0; }
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px); }
.swiper-flip {
overflow: visible; }
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1; }
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform,opacity,height; }
.swiper-cards {
overflow: visible; }
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden; }  .not-selectable {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none; }
.carousel {
position: relative;
box-sizing: border-box; }
.carousel *, .carousel *:before, .carousel *:after {
box-sizing: inherit; }
.carousel.is-draggable {
cursor: move;
cursor: grab; }
.carousel.is-dragging {
cursor: move;
cursor: grabbing; }
.carousel__viewport {
position: relative;
overflow: hidden;
max-width: 100%;
max-height: 100%; }
.carousel__track {
display: flex; }
.carousel__slide {
flex: 0 0 auto;
width: var(--carousel-slide-width, 60%);
max-width: 100%;
padding: 1rem;
position: relative;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
touch-action: pan-y; }
.has-dots {
margin-bottom: calc(0.5rem + 22px); }
.carousel__dots {
margin: 0 auto;
padding: 0;
position: absolute;
top: calc(100% + 0.5rem);
left: 0;
right: 0;
display: flex;
justify-content: center;
list-style: none;
user-select: none; }
.carousel__dots .carousel__dot {
margin: 0;
padding: 0;
display: block;
position: relative;
width: 22px;
height: 22px;
cursor: pointer; }
.carousel__dots .carousel__dot:after {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: currentColor;
opacity: .25;
transition: opacity .15s ease-in-out; }
.carousel__dots .carousel__dot.is-selected:after {
opacity: 1; }
.carousel__button {
width: var(--carousel-button-width, 48px);
height: var(--carousel-button-height, 48px);
padding: 0;
border: 0;
display: flex;
justify-content: center;
align-items: center;
pointer-events: all;
cursor: pointer;
color: var(--carousel-button-color, currentColor);
background: var(--carousel-button-bg, transparent);
border-radius: var(--carousel-button-border-radius, 50%);
box-shadow: var(--carousel-button-shadow, none);
transition: opacity .15s ease; }
.carousel__button.is-prev, .carousel__button.is-next {
position: absolute;
top: 50%;
transform: translateY(-50%); }
.carousel__button.is-prev {
left: 10px; }
.carousel__button.is-next {
right: 10px; }
.carousel__button[disabled] {
cursor: default;
opacity: .3; }
.carousel__button svg {
width: var(--carousel-button-svg-width, 50%);
height: var(--carousel-button-svg-height, 50%);
fill: none;
stroke: currentColor;
stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
stroke-linejoin: bevel;
stroke-linecap: round;
filter: var(--carousel-button-svg-filter, none);
pointer-events: none; }
html.with-fancybox {
scroll-behavior: auto; }
body.compensate-for-scrollbar {
overflow: hidden !important;
touch-action: none; }
.fancybox__container {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
direction: ltr;
margin: 0;
padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
box-sizing: border-box;
display: flex;
flex-direction: column;
color: var(--fancybox-color, #fff);
-webkit-tap-highlight-color: transparent;
overflow: hidden;
z-index: 1050;
outline: none;
transform-origin: top left;
--carousel-button-width: 48px;
--carousel-button-height: 48px;
--carousel-button-svg-width: 24px;
--carousel-button-svg-height: 24px;
--carousel-button-svg-stroke-width: 2.5;
--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4)); }
.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
box-sizing: inherit; }
.fancybox__container :focus {
outline: none; }
body:not(.is-using-mouse) .fancybox__container :focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94)); }
@media all and (min-width: 1024px) {
.fancybox__container {
--carousel-button-width:48px;
--carousel-button-height:48px;
--carousel-button-svg-width:27px;
--carousel-button-svg-height:27px; } }
.fancybox__backdrop {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background: var(--fancybox-bg, rgba(24, 24, 27, 0.92)); }
.fancybox__carousel {
position: relative;
flex: 1 1 auto;
min-height: 0;
height: 100%;
z-index: 10; }
.fancybox__carousel.has-dots {
margin-bottom: calc(0.5rem + 22px); }
.fancybox__viewport {
position: relative;
width: 100%;
height: 100%;
overflow: visible;
cursor: default; }
.fancybox__track {
display: flex;
height: 100%; }
.fancybox__slide {
flex: 0 0 auto;
width: 100%;
max-width: 100%;
margin: 0;
padding: 48px 8px 8px 8px;
position: relative;
overscroll-behavior: contain;
display: flex;
flex-direction: column;
outline: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
--carousel-button-width: 36px;
--carousel-button-height: 36px;
--carousel-button-svg-width: 22px;
--carousel-button-svg-height: 22px; }
.fancybox__slide::before, .fancybox__slide::after {
content: "";
flex: 0 0 0;
margin: auto; }
@media all and (min-width: 1024px) {
.fancybox__slide {
padding: 64px 100px; } }
.fancybox__content {
margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
padding: 36px;
color: var(--fancybox-content-color, #374151);
background: var(--fancybox-content-bg, #fff);
position: relative;
align-self: center;
display: flex;
flex-direction: column;
z-index: 20; }
.fancybox__content :focus:not(.carousel__button.is-close) {
outline: thin dotted;
box-shadow: none; }
.fancybox__caption {
align-self: center;
max-width: 100%;
margin: 0;
padding: 1rem 0 0 0;
line-height: 1.375;
color: var(--fancybox-color, currentColor);
visibility: visible;
cursor: auto;
flex-shrink: 0;
overflow-wrap: anywhere; }
.is-loading .fancybox__caption {
visibility: hidden; }
.fancybox__container > .carousel__dots {
top: 100%;
color: var(--fancybox-color, #fff); }
.fancybox__nav .carousel__button {
z-index: 40; }
.fancybox__nav .carousel__button.is-next {
right: 8px; }
@media all and (min-width: 1024px) {
.fancybox__nav .carousel__button.is-next {
right: 40px; } }
.fancybox__nav .carousel__button.is-prev {
left: 8px; }
@media all and (min-width: 1024px) {
.fancybox__nav .carousel__button.is-prev {
left: 40px; } }
.carousel__button.is-close {
position: absolute;
top: 8px;
right: 8px;
top: calc(env(safe-area-inset-top, 0px) + 8px);
right: calc(env(safe-area-inset-right, 0px) + 8px);
z-index: 40; }
@media all and (min-width: 1024px) {
.carousel__button.is-close {
right: 40px; } }
.fancybox__content > .carousel__button.is-close {
position: absolute;
top: -40px;
right: 0;
color: var(--fancybox-color, #fff); }
.fancybox__no-click, .fancybox__no-click button {
pointer-events: none; }
.fancybox__spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
color: var(--fancybox-color, currentColor); }
.fancybox__slide .fancybox__spinner {
cursor: pointer;
z-index: 1053; }
.fancybox__spinner svg {
animation: fancybox-rotate 2s linear infinite;
transform-origin: center center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%; }
.fancybox__spinner svg circle {
fill: none;
stroke-width: 2.75;
stroke-miterlimit: 10;
stroke-dasharray: 1,200;
stroke-dashoffset: 0;
animation: fancybox-dash 1.5s ease-in-out infinite;
stroke-linecap: round;
stroke: currentColor; }
@keyframes fancybox-rotate {
100% {
transform: rotate(360deg); } }
@keyframes fancybox-dash {
0% {
stroke-dasharray: 1,200;
stroke-dashoffset: 0; }
50% {
stroke-dasharray: 89,200;
stroke-dashoffset: -35px; }
100% {
stroke-dasharray: 89,200;
stroke-dashoffset: -124px; } }
.fancybox__backdrop, .fancybox__caption, .fancybox__nav, .carousel__dots, .carousel__button.is-close {
opacity: var(--fancybox-opacity, 1); }
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav, .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
animation: .15s ease backwards fancybox-fadeIn; }
.fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .carousel__button.is-close {
animation: .15s ease both fancybox-fadeOut; }
.fancybox-fadeIn {
animation: .15s ease both fancybox-fadeIn; }
.fancybox-fadeOut {
animation: .1s ease both fancybox-fadeOut; }
.fancybox-zoomInUp {
animation: .2s ease both fancybox-zoomInUp; }
.fancybox-zoomOutDown {
animation: .15s ease both fancybox-zoomOutDown; }
.fancybox-throwOutUp {
animation: .15s ease both fancybox-throwOutUp; }
.fancybox-throwOutDown {
animation: .15s ease both fancybox-throwOutDown; }
@keyframes fancybox-fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fancybox-fadeOut {
to {
opacity: 0; } }
@keyframes fancybox-zoomInUp {
from {
transform: scale(0.97) translate3d(0, 16px, 0);
opacity: 0; }
to {
transform: scale(1) translate3d(0, 0, 0);
opacity: 1; } }
@keyframes fancybox-zoomOutDown {
to {
transform: scale(0.97) translate3d(0, 16px, 0);
opacity: 0; } }
@keyframes fancybox-throwOutUp {
to {
transform: translate3d(0, -30%, 0);
opacity: 0; } }
@keyframes fancybox-throwOutDown {
to {
transform: translate3d(0, 30%, 0);
opacity: 0; } }
.fancybox__carousel .carousel__slide {
scrollbar-width: thin;
scrollbar-color: #ccc rgba(255, 255, 255, 0.1); }
.fancybox__carousel .carousel__slide::-webkit-scrollbar {
width: 8px;
height: 8px; }
.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
background-color: rgba(255, 255, 255, 0.1); }
.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 2px;
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); }
.fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
cursor: move;
cursor: grab; }
.fancybox__carousel.is-dragging .fancybox__slide, .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
cursor: move;
cursor: grabbing; }
.fancybox__carousel .fancybox__slide .fancybox__content {
cursor: auto; }
.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
cursor: zoom-in; }
.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
cursor: zoom-out; }
.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
cursor: move;
cursor: grab; }
.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
cursor: move;
cursor: grabbing; }
.fancybox__image {
transform-origin: 0 0;
touch-action: none;
user-select: none;
transition: none; }
.has-image .fancybox__content {
padding: 0;
background: transparent;
min-height: 1px; }
.is-closing .has-image .fancybox__content {
overflow: visible; }
.has-image[data-image-fit=contain] {
overflow: visible;
touch-action: none; }
.has-image[data-image-fit=contain] .fancybox__content {
flex-direction: row;
flex-wrap: wrap; }
.has-image[data-image-fit=contain] .fancybox__image {
max-width: 100%;
max-height: 100%;
object-fit: contain; }
.has-image[data-image-fit=contain-w] {
overflow-x: hidden;
overflow-y: auto; }
.has-image[data-image-fit=contain-w] .fancybox__content {
min-height: auto; }
.has-image[data-image-fit=contain-w] .fancybox__image {
max-width: 100%;
height: auto; }
.has-image[data-image-fit=cover] {
overflow: visible;
touch-action: none; }
.has-image[data-image-fit=cover] .fancybox__content {
width: 100%;
height: 100%; }
.has-image[data-image-fit=cover] .fancybox__image {
width: 100%;
height: 100%;
object-fit: cover; }
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
flex-shrink: 1;
min-height: 1px;
overflow: visible; }
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
width: 100%;
height: 80%; }
.fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
width: 960px;
height: 540px;
max-width: 100%;
max-height: 100%; }
.fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
padding: 0;
background: rgba(24, 24, 27, 0.9);
color: #fff; }
.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
background: #e5e3df; }
.fancybox__html5video, .fancybox__iframe {
border: 0;
display: block;
height: 100%;
width: 100%;
background: transparent; }
.fancybox-placeholder {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0; }
.fancybox__thumbs {
flex: 0 0 auto;
position: relative;
padding: 0px 3px;
opacity: var(--fancybox-opacity, 1); }
.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
animation: .15s ease-in backwards fancybox-fadeIn; }
.fancybox__container.is-animated.is-closing .fancybox__thumbs {
opacity: 0; }
.fancybox__thumbs .carousel__slide {
flex: 0 0 auto;
width: var(--fancybox-thumbs-width, 96px);
margin: 0;
padding: 8px 3px;
box-sizing: content-box;
display: flex;
align-items: center;
justify-content: center;
overflow: visible;
cursor: pointer; }
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-width: 5px;
border-style: solid;
border-color: var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
opacity: 0;
transition: opacity .15s ease;
border-radius: var(--fancybox-thumbs-border-radius, 4px); }
.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
opacity: .92; }
.fancybox__thumbs .carousel__slide > * {
pointer-events: none;
user-select: none; }
.fancybox__thumb {
position: relative;
width: 100%;
padding-top: calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));
background-size: cover;
background-position: center center;
background-color: rgba(255, 255, 255, 0.1);
background-repeat: no-repeat;
border-radius: var(--fancybox-thumbs-border-radius, 4px); }
.fancybox__toolbar {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 20;
background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);
padding: 0;
touch-action: none;
display: flex;
justify-content: space-between;
--carousel-button-svg-width: 20px;
--carousel-button-svg-height: 20px;
opacity: var(--fancybox-opacity, 1);
text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4)); }
@media all and (min-width: 1024px) {
.fancybox__toolbar {
padding: 8px; } }
.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
animation: .15s ease-in backwards fancybox-fadeIn; }
.fancybox__container.is-animated.is-closing .fancybox__toolbar {
opacity: 0; }
.fancybox__toolbar__items {
display: flex; }
.fancybox__toolbar__items--left {
margin-right: auto; }
.fancybox__toolbar__items--center {
position: absolute;
left: 50%;
transform: translateX(-50%); }
.fancybox__toolbar__items--right {
margin-left: auto; }
@media (max-width: 640px) {
.fancybox__toolbar__items--center:not(:last-child) {
display: none; } }
.fancybox__counter {
min-width: 72px;
padding: 0 10px;
line-height: var(--carousel-button-height, 48px);
text-align: center;
font-size: 17px;
font-variant-numeric: tabular-nums;
-webkit-font-smoothing: subpixel-antialiased; }
.fancybox__progress {
background: var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
height: 3px;
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scaleX(0);
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 30;
user-select: none; }
.fancybox__container:fullscreen::backdrop {
opacity: 0; }
.fancybox__button--fullscreen g:nth-child(2) {
display: none; }
.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
display: none; }
.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
display: block; }
.fancybox__button--slideshow g:nth-child(2) {
display: none; }
.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
display: none; }
.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
display: block; }  .leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0; }
.leaflet-container {
overflow: hidden; }
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none; } .leaflet-tile::selection {
background: transparent; } .leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast; } .leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0; }
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block; }  .leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important; }
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y; }
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom; touch-action: none;
touch-action: pinch-zoom; }
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none; }
.leaflet-container {
-webkit-tap-highlight-color: transparent; }
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); }
.leaflet-tile {
filter: inherit;
visibility: hidden; }
.leaflet-tile-loaded {
visibility: inherit; }
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800; } .leaflet-overlay-pane svg {
-moz-user-select: none; }
.leaflet-pane {
z-index: 400; }
.leaflet-tile-pane {
z-index: 200; }
.leaflet-overlay-pane {
z-index: 400; }
.leaflet-shadow-pane {
z-index: 500; }
.leaflet-marker-pane {
z-index: 600; }
.leaflet-tooltip-pane {
z-index: 650; }
.leaflet-popup-pane {
z-index: 700; }
.leaflet-map-pane canvas {
z-index: 100; }
.leaflet-map-pane svg {
z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px; }
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute; } .leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; pointer-events: auto; }
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none; }
.leaflet-top {
top: 0; }
.leaflet-right {
right: 0; }
.leaflet-bottom {
bottom: 0; }
.leaflet-left {
left: 0; }
.leaflet-control {
float: left;
clear: both; }
.leaflet-right .leaflet-control {
float: right; }
.leaflet-top .leaflet-control {
margin-top: 10px; }
.leaflet-bottom .leaflet-control {
margin-bottom: 10px; }
.leaflet-left .leaflet-control {
margin-left: 10px; }
.leaflet-right .leaflet-control {
margin-right: 10px; } .leaflet-fade-anim .leaflet-tile {
will-change: opacity; }
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear; }
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1; }
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0; }
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform; }
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); }
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none; }
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden; } .leaflet-interactive {
cursor: pointer; }
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab; }
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair; }
.leaflet-popup-pane,
.leaflet-control {
cursor: auto; }
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing; } .leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none; }
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; pointer-events: auto; } .leaflet-container {
background: #ddd;
outline: 0; }
.leaflet-container a {
color: #0078a8; }
.leaflet-container a.leaflet-active {
outline: 2px solid orange; }
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255, 255, 255, 0.5); } .leaflet-container {
font: 12px/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif; } .leaflet-bar {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
border-radius: 4px; }
.leaflet-bar a,
.leaflet-bar a:hover {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black; }
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block; }
.leaflet-bar a:hover {
background-color: #f4f4f4; }
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px; }
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none; }
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb; }
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px; }
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px; }
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; } .leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px; }
.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
font-size: 22px; } .leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
background: #fff;
border-radius: 5px; }
.leaflet-control-layers-toggle {
background-image: url(//entia.si/wp-content/themes/entia/public/css/images/layers.png);
width: 36px;
height: 36px; }
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(//entia.si/wp-content/themes/entia/public/css/images/layers-2x.png);
background-size: 26px 26px; }
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px; }
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none; }
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative; }
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff; }
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px; }
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px; }
.leaflet-control-layers label {
display: block; }
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px; } .leaflet-default-icon-path {
background-image: url(//entia.si/wp-content/themes/entia/public/css/images/marker-icon.png); } .leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0; }
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333; }
.leaflet-control-attribution a {
text-decoration: none; }
.leaflet-control-attribution a:hover {
text-decoration: underline; }
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px; }
.leaflet-left .leaflet-control-scale {
margin-left: 5px; }
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px; }
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5); }
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px; }
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777; }
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none; }
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0, 0, 0, 0.2);
background-clip: padding-box; } .leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px; }
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px; }
.leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4; }
.leaflet-popup-content p {
margin: 18px 0; }
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
overflow: hidden;
pointer-events: none; }
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); }
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent; }
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999; }
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd; }
.leaflet-oldie .leaflet-popup-content-wrapper {
-ms-zoom: 1; }
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: 'progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)';
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); }
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px; }
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999; } .leaflet-div-icon {
background: #fff;
border: 1px solid #666; }  .leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
.leaflet-tooltip.leaflet-clickable {
cursor: pointer;
pointer-events: auto; }
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: ''; } .leaflet-tooltip-bottom {
margin-top: 6px; }
.leaflet-tooltip-top {
margin-top: -6px; }
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px; }
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff; }
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff; }
.leaflet-tooltip-left {
margin-left: -6px; }
.leaflet-tooltip-right {
margin-left: 6px; }
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px; }
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff; }
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff; }
@font-face {
font-family: 'Open Sans';
src: local("Open Sans Light"), local("OpenSans-Light"), url(//entia.si/wp-content/themes/entia/public/fonts/OpenSans-Light.woff2) format("woff2"), url(//entia.si/wp-content/themes/entia/public/fonts/OpenSans-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Open Sans';
src: local("Open Sans Italic"), local("OpenSans-Italic"), url(//entia.si/wp-content/themes/entia/public/fonts/OpenSans-Italic.woff2) format("woff2"), url(//entia.si/wp-content/themes/entia/public/fonts/OpenSans-Italic.woff) format("woff");
font-weight: normal;
font-style: italic;
font-display: swap; }
@font-face {
font-family: 'Open Sans';
src: local("Open Sans Regular"), local("OpenSans-Regular"), url(//entia.si/wp-content/themes/entia/public/fonts/OpenSans-Regular.woff2) format("woff2"), url(//entia.si/wp-content/themes/entia/public/fonts/OpenSans-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Open Sans';
src: local("Open Sans Bold"), local("OpenSans-Bold"), url(//entia.si/wp-content/themes/entia/public/fonts/OpenSans-Bold.woff2) format("woff2"), url(//entia.si/wp-content/themes/entia/public/fonts/OpenSans-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap; }
.cover-bg {
background-size: cover;
background-position: center center; }
.cover-bg img {
display: none; }
.covered {
max-height: initial; }
.br-24 {
border-radius: 24px; }
@media only screen and (max-width: 1022.8px) {
.br-24 {
border-radius: 14px; } }
.bg-video video {
height: 100%;
width: 100%;
object-fit: cover; }
.bg-image img {
max-height: initial; }
.bg-dark {
background-color: #333; }
.bg-gray-light {
background-color: #f6f7f5; }
.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; }
.p-0 {
padding: 0 !important; }
.text--white {
color: #fff; }
.text--bd {
font-weight: 700; }
.text--sb {
font-weight: 600; }
.text--md {
font-weight: 500; }
.text--uppercase {
text-transform: uppercase; }
.stretched-link::before {
z-index: 3; }
.br-24 {
border-radius: 24px; }
@media only screen and (max-width: 1022.8px) {
.br-24 {
border-radius: 18px; } }
.br-32 {
border-radius: 32px; }
@media only screen and (max-width: 1022.8px) {
.br-32 {
border-radius: 18px; } }
.br-40 {
border-radius: 40px; }
@media only screen and (max-width: 1022.8px) {
.br-40 {
border-radius: 18px; } }
.hide {
display: none; }
.show {
display: block; }
.d-flex {
display: flex; }
.p-relative {
position: relative; }
html,
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
html {
scroll-padding-top: 86px; }
@media only screen and (max-width: 1199px) {
html {
scroll-padding-top: 86px; } }
@media only screen and (max-width: 1022.8px) {
html {
scroll-padding-top: 78px; } }
::selection {
background-color: #77b242;
color: #fff; }
body {
color: #666;
font-family: "Open Sans", sans-serif;
position: relative;
height: auto;
width: 100%;
display: flex;
flex-direction: column;
min-height: calc(var(--vh, 1vh) * 100);
align-items: flex-start; }
@media only screen and (max-width: 1022.8px) {
body.is-open-menu {
overflow: hidden; } }
body::before {
content: '';
position: absolute;
top: 0;
left: 0;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3477.1' height='6478.1' preserveAspectRatio='none'%3E%3Cg transform='translate(937.438 492.813)'%3E%3CradialGradient id='a' cx='106.139' cy='2823.664' r='.5' gradientTransform='matrix(883.467 573.885 547.18 -842.356 -1639240.5 2319730.75)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' style='stop-color:%2391ff2e'/%3E%3Cstop offset='1' style='stop-color:%23fff'/%3E%3C/radialGradient%3E%3Cpath opacity='.35' fill='url(%23a)' d='M-144.2 1691.1c244 158.5 319.2 475.5 168.1 708.1-151.1 232.6-471.4 292.7-715.3 134.2-244-158.5-319.2-475.5-168.1-708.1s471.4-292.7 715.3-134.2z'/%3E%3CradialGradient id='b' cx='109.63' cy='2818.505' r='.5' gradientTransform='matrix(-1374.7906 23.9971 17.5222 1003.8471 103184.29 -2826495.25)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' style='stop-color:%2391ff2e'/%3E%3Cstop offset='1' style='stop-color:%23fff'/%3E%3C/radialGradient%3E%3Cpath opacity='.35' fill='url(%23b)' d='M1860.9 5985.1c-379.6 6.6-691.3-212.7-696.2-489.9-4.8-277.2 299-507.3 678.6-513.9s691.3 212.7 696.2 489.9c4.9 277.2-298.9 507.3-678.6 513.9z'/%3E%3CradialGradient id='c' cx='104.869' cy='2823.72' r='.5' gradientTransform='matrix(595.69 386.95 531.92 -818.864 -1564292.25 2271391.25)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' style='stop-color:%2391ff2e'/%3E%3Cstop offset='1' style='stop-color:%23fff'/%3E%3C/radialGradient%3E%3Cpath opacity='.35' fill='url(%23c)' d='M436.6-682.1c164.5 106.9 178.8 376.8 31.9 602.9S69.2 243.6-95.3 136.7s-178.8-376.8-31.9-602.9S272.1-789 436.6-682.1z'/%3E%3CradialGradient id='d' cx='106.001' cy='2823.72' r='.5' gradientTransform='matrix(839.4782 545.3107 531.92 -818.864 -1589404.625 2255870)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' style='stop-color:%2391ff2e'/%3E%3Cstop offset='1' style='stop-color:%23fff'/%3E%3C/radialGradient%3E%3Cpath opacity='.35' fill='url(%23d)' d='M1840.5 1021c231.8 150.6 300.7 456 153.8 682.1s-453.9 287.4-685.7 136.8-300.7-456-153.8-682.1 453.9-287.3 685.7-136.8z'/%3E%3CradialGradient id='e' cx='104.976' cy='2823.664' r='.5' gradientTransform='matrix(612.47 397.85 547.18 -842.356 -1608265.375 2336403.75)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' style='stop-color:%2391ff2e'/%3E%3Cstop offset='1' style='stop-color:%23fff'/%3E%3C/radialGradient%3E%3Cpath opacity='.35' fill='url(%23e)' d='M1355.1-782.9c169.1 109.9 183.7 387.5 32.6 620.1S977.1 169.3 808 59.5 624.2-328 775.3-560.6s410.7-332.2 579.8-222.3z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center top;
height: 100%;
width: 100%;
z-index: -1;
pointer-events: none; }
.noselect,
.noselect * {
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;
-webkit-transition: color 0.3s ease, border 0.3s ease; }
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; }
:focus {
outline: none; }
img {
margin: 0;
max-height: 100%;
max-width: 100%;
height: auto;
width: auto;
object-fit: cover; }
figure img {
margin: 0; }
.sc-general {
position: relative;
width: 100%; }
.swiper-container:not(.swiper-container-initialized) .swiper-pagination,
.swiper-container:not(.swiper-container-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 {
outline: none; }
textarea::-ms-clear,
input::-ms-clear {
display: none; }
hr {
border: 0;
height: 1px; }
blockquote {
margin: 0; }
main {
width: 100%;
flex: 1 0 auto; }
@media print {
main {
padding-top: 0; } }
img.lazyload,
img.lazyloaded {
transition: opacity 0.3s ease, transform 0.3s ease !important; }
@media print {
* {
-webkit-print-color-adjust: exact;
color-adjust: exact; }
.d-print-none {
display: none !important; } }
.body-text--16 {
font-size: 16px;
line-height: 1.56; }
.body-text--20 {
font-size: 20px;
line-height: 1.5; }
@media only screen and (max-width: 1022.8px) {
.body-text--20 {
font-size: 18px; } }
.body-text--14 {
font-size: 14px;
line-height: 1.57; }
.body-text a {
color: #77b242;
font-weight: 700; }
.body-text a:hover {
text-decoration: underline; }
.btn {
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0); }
.btn {
position: relative;
cursor: pointer;
font-size: 16px;
font-weight: 700;
line-height: 1;
padding: 6px 30px;
min-height: 46px;
min-width: 126px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 24px;
color: #fff;
text-transform: uppercase;
text-align: center;
border: 2px solid #77b242;
background-color: #77b242;
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; }
@media only screen and (max-width: 767px) {
.btn {
padding: 6px 20px; } }
.btn i,
.btn span {
position: relative;
z-index: 4; }
.btn .icon {
margin-left: 16px; }
.btn .icon::before {
background-color: #fff; }
.btn:hover, .btn:focus {
background-color: transparent;
color: #77b242; }
.btn:hover .icon::before, .btn:focus .icon::before {
background-color: #77b242; }
.btn:focus-visible {
outline-color: transparent; }
.btn--secondary {
background-color: #fff;
border-color: #fff;
color: #77b242; }
.btn--secondary .icon {
margin-left: 16px; }
.btn--secondary .icon::before {
background-color: #77b242; }
.btn--secondary:hover, .btn--secondary:focus {
background-color: #77b242;
color: #fff;
border-color: #77b242; }
.btn--secondary:hover .icon::before, .btn--secondary:focus .icon::before {
background-color: #fff; }
.btn--ghost {
background-color: transparent;
color: #77b242; }
.btn--ghost:hover, .btn--ghost:focus {
background-color: #77b242;
color: #fff; }
.btn--left-icon {
padding-left: 8px;
padding-right: 20px;
text-align: left; }
.btn--left-icon .icon {
order: -1;
margin: 0 16px 0 0; }
.btn.is-disabled, .btn.disabled {
pointer-events: none;
background-color: rgba(216, 217, 215, 0.3);
color: #666;
border-color: currentColor; }
.btn.is-disabled::after, .btn.is-disabled::before, .btn.disabled::after, .btn.disabled::before {
display: none; }
.checkbox {
user-select: none;
color: #7f807e;
font-size: 14px;
line-height: 1.57; }
.checkbox__label {
position: relative;
padding-left: 48px;
cursor: pointer;
margin: 0;
display: block; }
@media only screen and (max-width: 767px) {
.checkbox__label {
padding-left: 40px; } }
.checkbox__label::before, .checkbox__label::after {
content: '';
width: 32px;
height: 32px;
position: absolute;
left: 0;
top: -5px; }
@media only screen and (max-width: 767px) {
.checkbox__label::before, .checkbox__label::after {
width: 28px;
height: 28px; } }
.checkbox__label:before {
border: 1px solid #d8d9d7;
border-radius: 8px;
background-color: #fff; }
@media only screen and (max-width: 767px) {
.checkbox__label:before {
border-radius: 6px; } }
.checkbox__label::after {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.139' height='10.544' viewBox='0 0 14.139 10.544'%3E%3Cpath d='M4.8,14.914l-4.6-4.6a.707.707,0,0,1,0-1l1-1a.707.707,0,0,1,1,0l3.1,3.1,6.63-6.63a.707.707,0,0,1,1,0l1,1a.707.707,0,0,1,0,1L5.8,14.914A.707.707,0,0,1,4.8,14.914Z' transform='translate(0 -4.577)' fill='%2377b242'/%3E%3C/svg%3E%0A") no-repeat center/16px;
transform: scale(0);
transition: transform 0.3s ease; }
@media only screen and (max-width: 767px) {
.checkbox__label::after {
background-size: 14px; } }
.checkbox a {
color: #77b242; }
.checkbox a:hover {
text-decoration: underline; }
.checkbox input:checked ~ label::after {
transform: scale(1); }
.checkbox.is-validation-failed .checkbox__label {
color: #cb3d3d; }
.checkbox.is-validation-failed .checkbox__label::before {
border-color: #cb3d3d; }
.dropdown__list {
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0); }
.dropdown {
position: relative;
width: 100%;
max-width: 112px;
user-select: none; }
.dropdown__label {
position: relative;
display: block;
margin-bottom: 10px;
font-weight: 700;
font-size: 14px;
color: #333; }
.dropdown__placeholder {
position: relative;
cursor: pointer;
display: flex;
align-items: center;
width: 100%;
text-align: center;
font-style: italic;
overflow: hidden;
height: 64px;
border-radius: 6px;
border: 1px solid #d8d9d7;
background-color: #fff;
padding: 5px 36px 5px 22px;
color: #7f807e;
text-transform: initial;
transition: border-color 0.3s ease; }
@media only screen and (max-width: 1439px) {
.dropdown__placeholder {
padding-right: 26px; } }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.dropdown__placeholder {
padding-left: 16px; } }
@media only screen and (max-width: 1022.8px) {
.dropdown__placeholder {
height: 50px;
padding: 5px 16px; } }
.dropdown__placeholder .icon {
position: absolute;
top: 50%;
transition: transform 0.4s ease;
width: 8px;
height: 5px;
right: 24px;
margin-top: -1px; }
@media only screen and (max-width: 1439px) {
.dropdown__placeholder .icon {
right: 15px; } }
@media only screen and (max-width: 1022.8px) {
.dropdown__placeholder .icon {
right: 16px; } }
.dropdown__placeholder-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 1px; }
.dropdown__list {
position: absolute;
border-radius: 6px;
top: 100%;
opacity: 0;
pointer-events: none;
padding: 5px 0;
z-index: 21;
left: 0;
width: 100%;
max-height: 215px;
overflow: auto;
margin-top: 1px;
background-color: #fff;
color: #7f807e;
transform: translateY(20px);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
transition: transform 0.4s ease, opacity 0.3s ease; }
@media only screen and (min-width: 1023.8px) {
.dropdown__list {
scrollbar-track-color: rgba(119, 178, 66, 0.2);
scrollbar-face-color: rgba(119, 178, 66, 0.4);
scrollbar-arrow-color: rgba(119, 178, 66, 0.4);    }
.dropdown__list::-webkit-scrollbar {
width: 2px; }
.dropdown__list ::-webkit-scrollbar-track {
-webkit-border-radius: 0;
border-radius: 0;
background: rgba(119, 178, 66, 0.2); }
.dropdown__list ::-webkit-scrollbar-thumb:window-inactive {
background: rgba(119, 178, 66, 0.3); }
.dropdown__list::-webkit-scrollbar-thumb {
background: rgba(119, 178, 66, 0.4);
width: 2px;
border-radius: 0; }
.dropdown__list::-webkit-scrollbar-thumb:hover {
background: rgba(119, 178, 66, 0.36); }
.dropdown__list ::-webkit-scrollbar {
width: 2px; } }
@media only screen and (max-width: 1199px) {
.dropdown__list {
max-height: 200px; } }
.dropdown__list ul {
list-style: none; }
.dropdown__list-option {
margin-bottom: 0;
cursor: pointer;
width: 100%;
padding: 5px 22px;
transition: background-color 0.3s ease, color 0.3s ease; }
@media only screen and (max-width: 1199px) {
.dropdown__list-option {
padding: 7px 16px; } }
.dropdown__list-option.is-active, .dropdown__list-option:hover {
color: #77b242;
background-color: #f6f7f5; }
.dropdown__list input:not([type='submit']):not(.input-field__input) {
position: absolute;
width: 1px;
height: 1px;
opacity: 0; }
.dropdown__list input:not([type='submit']):not(.input-field__input):focus + .dropdown__list-option,
.dropdown__list input:not([type='submit']):not(.input-field__input):checked + .dropdown__list-option {
color: #77b242;
background-color: #f6f7f5; }
.dropdown.is-open .dropdown__placeholder {
border-color: #77b242; }
.dropdown.is-open .dropdown__placeholder .icon {
transform: scaleY(-1); }
.dropdown.is-open .dropdown__list {
opacity: 1;
pointer-events: auto;
transform: translateY(0); }
.is-validation-failed .dropdown .dropdown__placeholder, .dropdown.is-validation-failed .dropdown__placeholder {
border-color: #cb3d3d; }
.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: var(--icon-color, #666);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
transition: background-color 0.3s ease; }
.icon-arrow-right, .icon-arrow-left {
width: 20px;
height: 20px; }
.icon-arrow-right::before, .icon-arrow-left::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.002' height='20'%3E%3Cg data-name='ikone / slider arrow left copy'%3E%3Cpath data-name='ikone / slider arrow left background' fill='none' d='M0 0h20v20H0z'/%3E%3Cpath data-name='Combined Shape' d='M19.636 8.853a1.29 1.29 0 0 1 0 1.8l-7.602 7.6-1.768-1.768 5.5-5.5H.993v-2.5H15.73L10.265 3.02l1.769-1.767Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.002' height='20'%3E%3Cg data-name='ikone / slider arrow left copy'%3E%3Cpath data-name='ikone / slider arrow left background' fill='none' d='M0 0h20v20H0z'/%3E%3Cpath data-name='Combined Shape' d='M19.636 8.853a1.29 1.29 0 0 1 0 1.8l-7.602 7.6-1.768-1.768 5.5-5.5H.993v-2.5H15.73L10.265 3.02l1.769-1.767Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E"); }
.icon-chevron-double-right, .icon-chevron-double-left {
width: 12px;
height: 10px; }
.icon-chevron-double-right::before, .icon-chevron-double-left::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9.312' viewBox='0 0 11 9.312'%3E%3Cpath id='chevrons-right' d='M5.55,7.949,2.293,4.692l1.4-1.4L8.347,7.949,3.692,12.6l-1.4-1.4Zm4.945,0L7.238,4.692l1.4-1.4,4.656,4.656L8.637,12.6l-1.4-1.4Z' transform='translate(-2.293 -3.293)' fill='%2377b242' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9.312' viewBox='0 0 11 9.312'%3E%3Cpath id='chevrons-right' d='M5.55,7.949,2.293,4.692l1.4-1.4L8.347,7.949,3.692,12.6l-1.4-1.4Zm4.945,0L7.238,4.692l1.4-1.4,4.656,4.656L8.637,12.6l-1.4-1.4Z' transform='translate(-2.293 -3.293)' fill='%2377b242' fill-rule='evenodd'/%3E%3C/svg%3E%0A"); }
.icon-chevron-up, .icon-chevron-down {
width: 12px;
height: 6px; }
.icon-chevron-up::before, .icon-chevron-down::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4.94' viewBox='0 0 8 4.94'%3E%3Cpath id='ic_keyboard_arrow_down_24px' d='M6.94,7.84,10,10.893,13.06,7.84l.94.94-4,4-4-4Z' transform='translate(-6 -7.84)' fill='%23333'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4.94' viewBox='0 0 8 4.94'%3E%3Cpath id='ic_keyboard_arrow_down_24px' d='M6.94,7.84,10,10.893,13.06,7.84l.94.94-4,4-4-4Z' transform='translate(-6 -7.84)' fill='%23333'/%3E%3C/svg%3E%0A"); }
.icon-chevron-right, .icon-chevron-left {
width: 8px;
height: 12px; }
.icon-chevron-right::before, .icon-chevron-left::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.41' height='12' viewBox='0 0 7.41 12'%3E%3Cpath id='ic_keyboard_arrow_right_24px' d='M8.59,16.34l4.58-4.59L8.59,7.16,10,5.75l6,6-6,6Z' transform='translate(-8.59 -5.75)' fill='%2300a7ad'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.41' height='12' viewBox='0 0 7.41 12'%3E%3Cpath id='ic_keyboard_arrow_right_24px' d='M8.59,16.34l4.58-4.59L8.59,7.16,10,5.75l6,6-6,6Z' transform='translate(-8.59 -5.75)' fill='%2300a7ad'/%3E%3C/svg%3E%0A"); }
.icon-chevron-up, .icon-chevron-left, .icon-arrow-left, .icon-chevron-double-left {
transform: scale(-1); }
.icon-play {
width: 32px;
height: 32px; }
.icon-play::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath id='Play' d='M711,1508a16,16,0,1,0,16,16A16,16,0,0,0,711,1508Zm0,29.818A13.818,13.818,0,1,1,724.818,1524,13.818,13.818,0,0,1,711,1537.818Zm5.341-15.782-7.282-3.629a2.182,2.182,0,0,0-3.15,1.956v7.273a2.178,2.178,0,0,0,3.158,1.949l7.282-3.644a2.182,2.182,0,0,0-.008-3.905Zm-8.25,5.6v-7.273l7.282,3.629Z' transform='translate(-695 -1508)' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath id='Play' d='M711,1508a16,16,0,1,0,16,16A16,16,0,0,0,711,1508Zm0,29.818A13.818,13.818,0,1,1,724.818,1524,13.818,13.818,0,0,1,711,1537.818Zm5.341-15.782-7.282-3.629a2.182,2.182,0,0,0-3.15,1.956v7.273a2.178,2.178,0,0,0,3.158,1.949l7.282-3.644a2.182,2.182,0,0,0-.008-3.905Zm-8.25,5.6v-7.273l7.282,3.629Z' transform='translate(-695 -1508)' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E%0A"); }
.icon-facebook {
width: 10px;
height: 20px; }
.icon-facebook::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='20' viewBox='0 0 11 20'%3E%3Cpath id='Faacebook' d='M7.14,20V10.877h3.243l.486-3.555H7.14V5.052c0-1.029.3-1.731,1.866-1.731H11V.14A28.246,28.246,0,0,0,8.094,0C5.22,0,3.251,1.657,3.251,4.7V7.322H0v3.555H3.251V20Z' fill='%2377b242'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='20' viewBox='0 0 11 20'%3E%3Cpath id='Faacebook' d='M7.14,20V10.877h3.243l.486-3.555H7.14V5.052c0-1.029.3-1.731,1.866-1.731H11V.14A28.246,28.246,0,0,0,8.094,0C5.22,0,3.251,1.657,3.251,4.7V7.322H0v3.555H3.251V20Z' fill='%2377b242'/%3E%3C/svg%3E%0A"); }
.icon-instagram {
width: 26px;
height: 26px; }
.icon-instagram::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='instagram-black' xmlns='http://www.w3.org/2000/svg' width='26.999' height='26.999' viewBox='0 0 26.999 26.999'%3E%3Cg id='Group_33' data-name='Group 33'%3E%3Cpath id='Path_581' data-name='Path 581' d='M513.5,160c-3.666,0-4.126.016-5.566.081a9.907,9.907,0,0,0-3.277.628,6.9,6.9,0,0,0-3.948,3.948,9.907,9.907,0,0,0-.628,3.277c-.066,1.44-.081,1.9-.081,5.566s.016,4.126.081,5.566a9.907,9.907,0,0,0,.628,3.277,6.9,6.9,0,0,0,3.948,3.948,9.908,9.908,0,0,0,3.277.627c1.44.066,1.9.081,5.566.081s4.126-.016,5.566-.081a9.908,9.908,0,0,0,3.277-.627,6.9,6.9,0,0,0,3.948-3.948,9.908,9.908,0,0,0,.627-3.277c.066-1.44.081-1.9.081-5.566s-.016-4.126-.081-5.566a9.908,9.908,0,0,0-.627-3.277,6.9,6.9,0,0,0-3.948-3.948,9.907,9.907,0,0,0-3.277-.628C517.625,160.016,517.166,160,513.5,160Zm0,2.432c3.6,0,4.031.014,5.455.079a7.469,7.469,0,0,1,2.507.465,4.47,4.47,0,0,1,2.562,2.562,7.468,7.468,0,0,1,.465,2.507c.065,1.423.079,1.85.079,5.455s-.014,4.031-.079,5.455a7.468,7.468,0,0,1-.465,2.507,4.47,4.47,0,0,1-2.562,2.562,7.469,7.469,0,0,1-2.507.465c-1.423.065-1.85.079-5.455.079s-4.032-.014-5.455-.079a7.469,7.469,0,0,1-2.507-.465,4.471,4.471,0,0,1-2.562-2.562,7.469,7.469,0,0,1-.465-2.507c-.065-1.423-.079-1.85-.079-5.455s.014-4.032.079-5.455a7.469,7.469,0,0,1,.465-2.507,4.471,4.471,0,0,1,2.562-2.562,7.469,7.469,0,0,1,2.507-.465C509.468,162.446,509.9,162.432,513.5,162.432Zm0,4.135a6.932,6.932,0,1,0,6.932,6.932A6.932,6.932,0,0,0,513.5,166.567Zm0,11.432a4.5,4.5,0,1,1,4.5-4.5A4.5,4.5,0,0,1,513.5,178Zm8.826-11.706a1.62,1.62,0,1,1-1.62-1.62A1.62,1.62,0,0,1,522.326,166.293Z' transform='translate(-500 -160)' fill='%2377b242' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg id='instagram-black' xmlns='http://www.w3.org/2000/svg' width='26.999' height='26.999' viewBox='0 0 26.999 26.999'%3E%3Cg id='Group_33' data-name='Group 33'%3E%3Cpath id='Path_581' data-name='Path 581' d='M513.5,160c-3.666,0-4.126.016-5.566.081a9.907,9.907,0,0,0-3.277.628,6.9,6.9,0,0,0-3.948,3.948,9.907,9.907,0,0,0-.628,3.277c-.066,1.44-.081,1.9-.081,5.566s.016,4.126.081,5.566a9.907,9.907,0,0,0,.628,3.277,6.9,6.9,0,0,0,3.948,3.948,9.908,9.908,0,0,0,3.277.627c1.44.066,1.9.081,5.566.081s4.126-.016,5.566-.081a9.908,9.908,0,0,0,3.277-.627,6.9,6.9,0,0,0,3.948-3.948,9.908,9.908,0,0,0,.627-3.277c.066-1.44.081-1.9.081-5.566s-.016-4.126-.081-5.566a9.908,9.908,0,0,0-.627-3.277,6.9,6.9,0,0,0-3.948-3.948,9.907,9.907,0,0,0-3.277-.628C517.625,160.016,517.166,160,513.5,160Zm0,2.432c3.6,0,4.031.014,5.455.079a7.469,7.469,0,0,1,2.507.465,4.47,4.47,0,0,1,2.562,2.562,7.468,7.468,0,0,1,.465,2.507c.065,1.423.079,1.85.079,5.455s-.014,4.031-.079,5.455a7.468,7.468,0,0,1-.465,2.507,4.47,4.47,0,0,1-2.562,2.562,7.469,7.469,0,0,1-2.507.465c-1.423.065-1.85.079-5.455.079s-4.032-.014-5.455-.079a7.469,7.469,0,0,1-2.507-.465,4.471,4.471,0,0,1-2.562-2.562,7.469,7.469,0,0,1-.465-2.507c-.065-1.423-.079-1.85-.079-5.455s.014-4.032.079-5.455a7.469,7.469,0,0,1,.465-2.507,4.471,4.471,0,0,1,2.562-2.562,7.469,7.469,0,0,1,2.507-.465C509.468,162.446,509.9,162.432,513.5,162.432Zm0,4.135a6.932,6.932,0,1,0,6.932,6.932A6.932,6.932,0,0,0,513.5,166.567Zm0,11.432a4.5,4.5,0,1,1,4.5-4.5A4.5,4.5,0,0,1,513.5,178Zm8.826-11.706a1.62,1.62,0,1,1-1.62-1.62A1.62,1.62,0,0,1,522.326,166.293Z' transform='translate(-500 -160)' fill='%2377b242' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A"); }
.icon-linkedin {
width: 22px;
height: 20px; }
.icon-linkedin::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg id='linkedin-black' xmlns='http://www.w3.org/2000/svg' width='22.5' height='20.454' viewBox='0 0 22.5 20.454'%3E%3Cg id='Group_32' data-name='Group 32'%3E%3Cpath id='Path_580' data-name='Path 580' d='M724.5,285.455h-4.973v-7.191c0-1.882-.778-3.167-2.488-3.167a2.51,2.51,0,0,0-2.375,1.7,3.164,3.164,0,0,0-.107,1.136v7.519H709.63s.063-12.737,0-13.9h4.927v2.181c.291-.954,1.865-2.314,4.378-2.314,3.117,0,5.565,2,5.565,6.3v7.726Zm-19.852-15.633h-.032A2.424,2.424,0,0,1,702,267.413a2.675,2.675,0,1,1,2.648,2.409Zm-2.081,1.738h4.385v13.9h-4.385v-13.9Z' transform='translate(-702 -265)' fill='%2377b242' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg id='linkedin-black' xmlns='http://www.w3.org/2000/svg' width='22.5' height='20.454' viewBox='0 0 22.5 20.454'%3E%3Cg id='Group_32' data-name='Group 32'%3E%3Cpath id='Path_580' data-name='Path 580' d='M724.5,285.455h-4.973v-7.191c0-1.882-.778-3.167-2.488-3.167a2.51,2.51,0,0,0-2.375,1.7,3.164,3.164,0,0,0-.107,1.136v7.519H709.63s.063-12.737,0-13.9h4.927v2.181c.291-.954,1.865-2.314,4.378-2.314,3.117,0,5.565,2,5.565,6.3v7.726Zm-19.852-15.633h-.032A2.424,2.424,0,0,1,702,267.413a2.675,2.675,0,1,1,2.648,2.409Zm-2.081,1.738h4.385v13.9h-4.385v-13.9Z' transform='translate(-702 -265)' fill='%2377b242' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A"); }
.icon-twitter {
width: 20px;
height: 18px; }
.icon-twitter::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='18' viewBox='0 0 21 18'%3E%3Cpath id='Twitter' d='M20.421.333a8.333,8.333,0,0,1-2.738,1.1A4.2,4.2,0,0,0,14.538,0a4.431,4.431,0,0,0-4.307,4.544,4.756,4.756,0,0,0,.111,1.035A12.028,12.028,0,0,1,1.462.829,4.729,4.729,0,0,0,.879,3.117,4.61,4.61,0,0,0,2.8,6.9,4.142,4.142,0,0,1,.843,6.332v.055A4.491,4.491,0,0,0,4.3,10.843,4,4,0,0,1,3.165,11a4.085,4.085,0,0,1-.811-.081,4.345,4.345,0,0,0,4.024,3.154A8.356,8.356,0,0,1,0,15.96,11.756,11.756,0,0,0,6.6,18c7.926,0,12.258-6.923,12.258-12.928,0-.2,0-.4-.011-.589A8.992,8.992,0,0,0,21,2.131a8.259,8.259,0,0,1-2.474.715A4.519,4.519,0,0,0,20.421.333' fill='%2377b242'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='18' viewBox='0 0 21 18'%3E%3Cpath id='Twitter' d='M20.421.333a8.333,8.333,0,0,1-2.738,1.1A4.2,4.2,0,0,0,14.538,0a4.431,4.431,0,0,0-4.307,4.544,4.756,4.756,0,0,0,.111,1.035A12.028,12.028,0,0,1,1.462.829,4.729,4.729,0,0,0,.879,3.117,4.61,4.61,0,0,0,2.8,6.9,4.142,4.142,0,0,1,.843,6.332v.055A4.491,4.491,0,0,0,4.3,10.843,4,4,0,0,1,3.165,11a4.085,4.085,0,0,1-.811-.081,4.345,4.345,0,0,0,4.024,3.154A8.356,8.356,0,0,1,0,15.96,11.756,11.756,0,0,0,6.6,18c7.926,0,12.258-6.923,12.258-12.928,0-.2,0-.4-.011-.589A8.992,8.992,0,0,0,21,2.131a8.259,8.259,0,0,1-2.474.715A4.519,4.519,0,0,0,20.421.333' fill='%2377b242'/%3E%3C/svg%3E%0A"); }
.icon-circle-check-mark {
width: 54px;
height: 54px; }
.icon-circle-check-mark::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54'%3E%3Cg data-name='Feature Icon 54px'%3E%3Cpath data-name='Icon' d='M27 54a27 27 0 1 1 27-27 27.031 27.031 0 0 1-27 27Zm0-51.6A24.6 24.6 0 1 0 51.6 27 24.627 24.627 0 0 0 27 2.4Zm-4.7 36.442a1.185 1.185 0 0 1-.452-.088l-.119-.079a1.176 1.176 0 0 1-.277-.183l-11.1-11.07a1.2 1.2 0 0 1 1.7-1.7L22.3 35.947l19.651-19.6a1.2 1.2 0 1 1 1.7 1.7l-20.5 20.442a1.033 1.033 0 0 1-.246.166l-.15.1a1.176 1.176 0 0 1-.455.087Z' fill='%2377b242'/%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54'%3E%3Cg data-name='Feature Icon 54px'%3E%3Cpath data-name='Icon' d='M27 54a27 27 0 1 1 27-27 27.031 27.031 0 0 1-27 27Zm0-51.6A24.6 24.6 0 1 0 51.6 27 24.627 24.627 0 0 0 27 2.4Zm-4.7 36.442a1.185 1.185 0 0 1-.452-.088l-.119-.079a1.176 1.176 0 0 1-.277-.183l-11.1-11.07a1.2 1.2 0 0 1 1.7-1.7L22.3 35.947l19.651-19.6a1.2 1.2 0 1 1 1.7 1.7l-20.5 20.442a1.033 1.033 0 0 1-.246.166l-.15.1a1.176 1.176 0 0 1-.455.087Z' fill='%2377b242'/%3E%3C/g%3E%3C/svg%3E"); }
.icon-download {
width: 16px;
height: 16px; }
.icon-download::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16.744'%3E%3Cpath d='M16 10.753v5.06a.921.921 0 0 1-.93.93H.93a.921.921 0 0 1-.93-.93v-5.06a.93.93 0 1 1 1.86 0v4.13h12.28v-4.13a.93.93 0 1 1 1.86 0Zm-8.67 1.153a.884.884 0 0 0 .67.279.913.913 0 0 0 .67-.279l3.7-3.8a.934.934 0 0 0-1.34-1.3l-2.1 2.177V.93a.93.93 0 1 0-1.86 0v8.056L4.949 6.828a.934.934 0 0 0-1.34 1.3Z' fill='%23fff'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16.744'%3E%3Cpath d='M16 10.753v5.06a.921.921 0 0 1-.93.93H.93a.921.921 0 0 1-.93-.93v-5.06a.93.93 0 1 1 1.86 0v4.13h12.28v-4.13a.93.93 0 1 1 1.86 0Zm-8.67 1.153a.884.884 0 0 0 .67.279.913.913 0 0 0 .67-.279l3.7-3.8a.934.934 0 0 0-1.34-1.3l-2.1 2.177V.93a.93.93 0 1 0-1.86 0v8.056L4.949 6.828a.934.934 0 0 0-1.34 1.3Z' fill='%23fff'/%3E%3C/svg%3E"); }
.icon-mouse-scroll {
width: 18px;
height: 38px; }
.icon-mouse-scroll::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.414' height='38.121' viewBox='0 0 17.414 38.121'%3E%3Cg transform='translate(-218.293 -548)'%3E%3Cpath d='M12,6a1,1,0,0,0-1,1V9a1,1,0,0,0,2,0V7A1,1,0,0,0,12,6Zm0-4A7,7,0,0,0,5,9v6a7,7,0,0,0,14,0V9A7,7,0,0,0,12,2Zm5,13A5,5,0,0,1,7,15V9A5,5,0,1,1,17,9Z' transform='translate(215 546)' fill='%23333'/%3E%3Cpath d='M19.293,7.293l1.414,1.414L12,17.414,3.293,8.707,4.707,7.293,12,14.586Z' transform='translate(215 568.707)' fill='%23333' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.414' height='38.121' viewBox='0 0 17.414 38.121'%3E%3Cg transform='translate(-218.293 -548)'%3E%3Cpath d='M12,6a1,1,0,0,0-1,1V9a1,1,0,0,0,2,0V7A1,1,0,0,0,12,6Zm0-4A7,7,0,0,0,5,9v6a7,7,0,0,0,14,0V9A7,7,0,0,0,12,2Zm5,13A5,5,0,0,1,7,15V9A5,5,0,1,1,17,9Z' transform='translate(215 546)' fill='%23333'/%3E%3Cpath d='M19.293,7.293l1.414,1.414L12,17.414,3.293,8.707,4.707,7.293,12,14.586Z' transform='translate(215 568.707)' fill='%23333' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A"); }
.icon-paly-large {
width: 110px;
height: 110px; }
.icon-paly-large::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='111.5' height='111.5'%3E%3Cg transform='translate(-1.023 -1.023)' fill='none' stroke='%2377b242' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Ccircle data-name='Ellipse 30' cx='55' cy='55' r='55' transform='translate(1.773 1.773)'/%3E%3Cpath data-name='Path 899' d='m45.819 34.864 32.864 21.909-32.864 21.91Z'/%3E%3C/g%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='111.5' height='111.5'%3E%3Cg transform='translate(-1.023 -1.023)' fill='none' stroke='%2377b242' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Ccircle data-name='Ellipse 30' cx='55' cy='55' r='55' transform='translate(1.773 1.773)'/%3E%3Cpath data-name='Path 899' d='m45.819 34.864 32.864 21.909-32.864 21.91Z'/%3E%3C/g%3E%3C/svg%3E"); }
.icon-quote {
width: 74px;
height: 48px; }
.icon-quote::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='74.023' height='48.828'%3E%3Cpath data-name='Path 871' d='M0 30.371Q0 21.094 6.982 12.5A43.267 43.267 0 0 1 22.558 0l1.855 3.906a42.352 42.352 0 0 0-11.67 9.717q-4.834 5.811-4.834 11.768a2.116 2.116 0 0 0 .732 1.758 2.955 2.955 0 0 0 1.9.586q6.348-.684 6.836-.684a13.389 13.389 0 0 1 6.982 2.344q3.76 2.344 3.76 8.008a11.388 11.388 0 0 1-3.125 8.105q-3.125 3.32-8.887 3.32a14.781 14.781 0 0 1-11.419-5.225A19.069 19.069 0 0 1 0 30.371Zm45.9.781a28.678 28.678 0 0 1 7.08-18.9A44.21 44.21 0 0 1 68.459-.004l1.855 3.906a43.2 43.2 0 0 0-11.67 9.619q-4.834 5.713-4.834 11.67a2.8 2.8 0 0 0 .586 1.807 2.491 2.491 0 0 0 2.051.732q6.25-.684 6.836-.684a12.149 12.149 0 0 1 7.178 2.588q3.564 2.588 3.564 7.666a12.9 12.9 0 0 1-2.783 7.764q-2.783 3.76-9.326 3.76a14.3 14.3 0 0 1-11.523-5.42 18.693 18.693 0 0 1-4.494-12.252Z' fill='%2377b242'/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='74.023' height='48.828'%3E%3Cpath data-name='Path 871' d='M0 30.371Q0 21.094 6.982 12.5A43.267 43.267 0 0 1 22.558 0l1.855 3.906a42.352 42.352 0 0 0-11.67 9.717q-4.834 5.811-4.834 11.768a2.116 2.116 0 0 0 .732 1.758 2.955 2.955 0 0 0 1.9.586q6.348-.684 6.836-.684a13.389 13.389 0 0 1 6.982 2.344q3.76 2.344 3.76 8.008a11.388 11.388 0 0 1-3.125 8.105q-3.125 3.32-8.887 3.32a14.781 14.781 0 0 1-11.419-5.225A19.069 19.069 0 0 1 0 30.371Zm45.9.781a28.678 28.678 0 0 1 7.08-18.9A44.21 44.21 0 0 1 68.459-.004l1.855 3.906a43.2 43.2 0 0 0-11.67 9.619q-4.834 5.713-4.834 11.67a2.8 2.8 0 0 0 .586 1.807 2.491 2.491 0 0 0 2.051.732q6.25-.684 6.836-.684a12.149 12.149 0 0 1 7.178 2.588q3.564 2.588 3.564 7.666a12.9 12.9 0 0 1-2.783 7.764q-2.783 3.76-9.326 3.76a14.3 14.3 0 0 1-11.523-5.42 18.693 18.693 0 0 1-4.494-12.252Z' fill='%2377b242'/%3E%3C/svg%3E%0A"); }
.margin {
display: block;
width: 100%; }
.margin--240 {
height: 240px; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.margin--240 {
height: 160px; } }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.margin--240 {
height: 120px; } }
@media only screen and (max-width: 767px) {
.margin--240 {
height: 80px; } }
.margin--200 {
height: 200px; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.margin--200 {
height: 140px; } }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.margin--200 {
height: 100px; } }
@media only screen and (max-width: 767px) {
.margin--200 {
height: 80px; } }
.margin--160 {
height: 160px; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.margin--160 {
height: 100px; } }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.margin--160 {
height: 80px; } }
@media only screen and (max-width: 767px) {
.margin--160 {
height: 40px; } }
.margin--120 {
height: 120px; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.margin--120 {
height: 80px; } }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.margin--120 {
height: 60px; } }
@media only screen and (max-width: 767px) {
.margin--120 {
height: 40px; } }
.margin--100 {
height: 100px; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.margin--100 {
height: 60px; } }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.margin--100 {
height: 40px; } }
@media only screen and (max-width: 767px) {
.margin--100 {
height: 32px; } }
.margin--80 {
height: 80px; }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.margin--80 {
height: 40px; } }
@media only screen and (max-width: 767px) {
.margin--80 {
height: 32px; } }
.margin--70 {
height: 70px; }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.margin--70 {
height: 40px; } }
@media only screen and (max-width: 767px) {
.margin--70 {
height: 32px; } }
.margin--60 {
height: 60px; }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.margin--60 {
height: 32px; } }
@media only screen and (max-width: 767px) {
.margin--60 {
height: 24px; } }
.margin--50 {
height: 50px; }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.margin--50 {
height: 40px; } }
@media only screen and (max-width: 767px) {
.margin--50 {
height: 32px; } }
.margin--40 {
height: 40px; }
@media only screen and (max-width: 767px) {
.margin--40 {
height: 24px; } }
.margin--36 {
height: 36px; }
@media only screen and (max-width: 767px) {
.margin--36 {
height: 34px; } }
.margin--32 {
height: 32px; }
@media only screen and (max-width: 767px) {
.margin--32 {
height: 24px; } }
.margin--24 {
height: 24px; }
@media only screen and (max-width: 767px) {
.margin--24 {
height: 20px; } }
.margin--20 {
height: 20px; }
.margin--16 {
height: 16px; }
.margin--12 {
height: 12px; }
.margin--8 {
height: 8px; }
.mod-input {
margin-bottom: 16px;
width: 100%;
max-width: 600px;
position: relative;
color: #666;
font-size: 16px; }
.mod-input ::-webkit-input-placeholder {
color: #7f807e;
opacity: 1; }
.mod-input :-ms-input-placeholder {
color: #7f807e;
opacity: 1; }
.mod-input ::placeholder {
color: #7f807e;
opacity: 1; }
.mod-input__label {
position: relative;
display: block;
margin-bottom: 10px;
font-weight: 700;
font-size: 14px;
color: #333; }
.mod-input__field {
position: relative;
width: 100%;
height: 64px;
border-radius: 8px;
border: 1px solid #d8d9d7;
background-color: #fff;
outline: none;
z-index: 1;
padding: 12px 22px;
transition: border-color 0.3s ease; }
@media only screen and (max-width: 1022.8px) {
.mod-input__field {
height: 50px;
padding: 8px 16px; } }
.mod-input__field::-webkit-input-placeholder {
font-style: italic; }
.mod-input__field:-ms-input-placeholder {
font-style: italic; }
.mod-input__field::placeholder {
font-style: italic; }
.mod-input__field:focus {
border-color: #77b242; }
.is-validation-failed .mod-input__field, .mod-input__field.is-validation-failed {
color: #cb3d3d;
border-color: #cb3d3d; }
.mod-input textarea {
resize: none;
height: 185px; }
.mod-input--textarea {
height: auto; }
@media only screen and (min-width: 1023.8px) {
.mod-input--textarea .mod-input__field {
padding: 20px; } }
.mod-input.is-validation-failed {
margin-bottom: 38px;
color: #cb3d3d; }
.mod-input.is-disabled label {
pointer-events: none;
opacity: 0.5; }
.mod-input.is-disabled .mod-input__field {
pointer-events: none;
opacity: 0.5;
background-color: rgba(0, 0, 0, 0.05); }
.validation-message {
display: none;
color: #cb3d3d;
position: relative;
font-size: 14px;
margin-top: 8px;
text-align: right; }
.is-validation-failed .validation-message {
display: block; }
.section-title {
width: 100%;
text-align: center; }
.bg-dark .section-title {
color: #fff; }
.bg-dark .section-title .section-title__text {
color: #d8d9d7; }
.bg-dark .section-title .title {
color: inherit; }
.title--h1, .title--h2, .title--h3, .title--h4, .title--h5, .title--h6 {
font-weight: 300;
color: #333; }
.title--h1 {
font-size: 64px;
line-height: normal; }
@media only screen and (max-width: 1022.8px) {
.title--h1 {
font-size: 48px; } }
@media only screen and (max-width: 767px) {
.title--h1 {
font-size: 32px; } }
.title--h2 {
font-size: 48px;
line-height: 1.17; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.title--h2 {
font-size: 34px; } }
@media only screen and (max-width: 1022.8px) {
.title--h2 {
font-size: 32px; } }
@media only screen and (max-width: 767px) {
.title--h2 {
font-size: 30px; } }
.title--h3 {
font-size: 40px;
line-height: 1.2; }
@media only screen and (max-width: 1022.8px) {
.title--h3 {
font-size: 28px; } }
@media only screen and (max-width: 767px) {
.title--h3 {
font-size: 26px; } }
.title--h4 {
font-size: 24px;
line-height: 1.25;
font-weight: 700; }
@media only screen and (max-width: 767px) {
.title--h4 {
font-size: 22px; } }
.title--h5 {
font-size: 20px;
line-height: 1.5;
font-weight: 700; }
@media only screen and (max-width: 767px) {
.title--h5 {
font-size: 18px; } }
.title--h6 {
font-size: 18px;
line-height: 1.5;
font-weight: 700; }
.mod-toggle {
user-select: none;
display: inline-flex;
overflow: hidden;
border-radius: 8px;
border: 1px solid #d8d9d7;
background-color: #fff; }
.mod-toggle__item {
position: relative; }
.mod-toggle__item:not(:last-child) {
border-right: 1px solid #d8d9d7; }
.mod-toggle__item-label {
min-height: 62px;
display: flex;
margin: 0;
align-items: center;
justify-content: center;
padding: 8px 24px;
color: #7f807e;
transition: background-color 0.3s ease, color 0.3s ease; }
@media only screen and (max-width: 1439px) {
.mod-toggle__item-label {
padding: 8px 22px; } }
@media only screen and (max-width: 1022.8px) {
.mod-toggle__item-label {
min-height: 50px; } }
.mod-toggle input {
cursor: pointer;
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 9;
left: 0;
top: 0; }
.mod-toggle input:checked + .mod-toggle__item-label {
color: #fff;
background-color: #77b242; }
.cookie-banner {
position: fixed;
left: 0;
right: 0;
bottom: 0;
margin: auto;
padding: 36px 0;
z-index: 998;
background-color: rgba(51, 51, 51, 0.8);
opacity: 0;
visibility: hidden;
color: #fff;
transition: opacity 0.5s ease, visibility 0.3s ease; }
@media only screen and (max-width: 1022.8px) {
.cookie-banner {
padding: 22px 0; } }
.cookie-banner.cookie-not-set {
opacity: 1;
visibility: visible; }
.cookie-banner__button {
text-align: right; }
.cookie-banner__inner {
display: grid;
grid-template-columns: 58% 1fr;
grid-gap: 28px;
align-items: center; }
@media only screen and (max-width: 1439px) {
.cookie-banner__inner {
grid-template-columns: 68% 1fr; } }
@media only screen and (max-width: 1022.8px) {
.cookie-banner__inner {
grid-template-columns: 1fr;
grid-gap: 16px; } }
.cookie-banner .editor-text {
line-height: 1.88; }
.cookie-banner .editor-text a:hover {
text-decoration: underline; }
.cookie-banner .btn {
text-transform: none; }
.video {
position: relative;
cursor: pointer;
width: 100%;
padding-bottom: 56.24%;
background-color: #d8d9d7; }
.video__image {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
transition: transform 0.4s ease; }
.video__poster {
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.video__play-button {
pointer-events: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
z-index: 5;
color: #fff;
background-color: white;
padding: 32px;
border-radius: 100%; }
@media only screen and (max-width: 1199px) {
.video__play-button {
padding: 20px; } }
@media only screen and (max-width: 1022.8px) {
.video__play-button {
padding: 10px; } }
@media only screen and (max-width: 767px) {
.video__play-button {
padding: 8px; } }
@media only screen and (max-width: 1199px) {
.video__play-button .icon {
height: 80px;
width: 80px; } }
@media only screen and (max-width: 1022.8px) {
.video__play-button .icon {
height: 60px;
width: 60px; } }
@media only screen and (max-width: 767px) {
.video__play-button .icon {
height: 40px;
width: 40px; } }
.video .hide-on-play {
transition: transform 0.3s ease, opacity 0.3s ease, color 0.3s ease;
-webkit-transition: transform 0.3s ease, opacity 0.3s ease, color 0.3s ease; }
.video__iframe {
height: 100%;
width: 100%; }
.video__iframe-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: none; }
.video:hover .video__image {
transform: scale(1.02); }
.video.is-playing .hide-on-play {
opacity: 0;
pointer-events: none; }
.functionality-card {
max-width: 240px;
min-height: 240px;
width: 100%;
background-color: #fff;
padding: 32px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.03);
display: flex;
flex-direction: column;
transition: box-shadow 0.3s ease; }
@media only screen and (max-width: 1022.8px) {
.functionality-card {
padding: 24px; } }
@media only screen and (max-width: 767px) {
.functionality-card {
display: grid;
grid-gap: 24px;
min-height: 1px;
padding: 16px;
align-items: center;
grid-template-columns: 64px 1fr; } }
.functionality-card .title {
font-weight: 700; }
.functionality-card__image {
margin-top: auto;
display: flex;
justify-content: flex-end;
align-items: flex-end; }
@media only screen and (max-width: 767px) {
.functionality-card__image {
order: -1; } }
.functionality-card:hover {
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1); }
.image-card__image::after, .image-card .btn::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none; }
.image-card .title {
font-size: 32px;
line-height: 1.25; }
@media only screen and (max-width: 767px) {
.image-card .title {
font-size: 22px; } }
.image-card {
position: relative;
max-width: 440px;
width: 100%;
display: block;
min-height: 554px;
padding: 50px 40px; }
@media only screen and (max-width: 1439px) {
.image-card {
min-height: 490px; } }
@media only screen and (max-width: 1199px) {
.image-card {
padding: 40px; } }
@media only screen and (max-width: 1022.8px) {
.image-card {
padding: 32px; } }
@media only screen and (max-width: 767px) {
.image-card {
padding: 24px; } }
.image-card__image {
z-index: -1;
height: calc(100% - 30px); }
@media only screen and (max-width: 1022.8px) {
.image-card__image {
height: calc(100% - 22px); } }
.image-card__image::after {
background-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
opacity: 0.5; }
.image-card__image img {
transition: transform 0.3s ease; }
.image-card .title {
position: relative;
color: #fff;
z-index: 1;
font-weight: 700; }
.image-card .btn {
position: absolute;
bottom: 0;
right: 30px;
min-width: 222px;
min-height: 62px;
border-radius: 24px;
background-color: transparent;
border: 0;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08); }
@media only screen and (max-width: 1022.8px) {
.image-card .btn {
min-height: 50px; } }
@media only screen and (max-width: 767px) {
.image-card .btn {
right: 22px; } }
.image-card .btn::before {
border-radius: 24px;
border: 1px solid #fff;
background-color: rgba(255, 255, 255, 0.6);
backdrop-filter: blur(6px) brightness(115%);
-webkit-backdrop-filter: blur(6px) brightness(115%);
transition: background-color 0.3s ease, border 0.3s ease; }
.image-card:hover .image-card__image img {
transform: scale(1.04); }
.image-card:hover .btn {
color: #fff; }
.image-card:hover .btn::before {
border-color: #77b242;
background-color: #77b242; }
.image-card:hover .btn i::before {
background-color: #fff; }
.image-text {
max-width: 100%;
width: 100%; }
.image-text__content {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
padding-top: 20px; }
.image-text__image {
position: relative;
height: 0;
padding-bottom: 80%; }
.image-text img {
width: 100%; }
.image-text .editor-text h2,
.image-text .editor-text h3 {
color: #000; }
.image-text--smaller .image-text__image {
height: 0;
padding-bottom: 64.5%; }
@media only screen and (min-width: 768px) {
.image-text--reverse .row {
flex-direction: row-reverse; } }
.image-text--integration .image-text__content {
padding: 100px 0; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.image-text--integration .image-text__content {
padding: 50px 0; } }
@media only screen and (max-width: 1022.8px) {
.image-text--integration .image-text__content {
padding: 20px 0; } }
.image-text--integration .editor-text h2,
.image-text--integration .editor-text h3 {
color: #333; }
.image-text--normal-image .image-text__image {
border-radius: 0; }
.language-menu__placeholder::before, .language-menu__placeholder::after {
content: '';
position: absolute;
bottom: 0;
width: 0;
right: 0;
height: 1px;
background-color: #fff;
pointer-events: none; }
.language-menu__placeholder::before {
transition: width 0.4s cubic-bezier(0.51, 0.18, 0, 0.88) 0.1s; }
.language-menu__placeholder::after {
transition: width 0.2s cubic-bezier(0.29, 0.18, 0.26, 0.83); }
.language-menu {
position: relative;
z-index: 20;
line-height: normal;
text-transform: uppercase; }
@media only screen and (max-width: 1022.8px) {
.language-menu {
margin: 24px 0; } }
.language-menu__placeholder {
position: relative;
display: flex;
cursor: pointer;
align-items: center;
transition: color 0.3s ease; }
.language-menu__placeholder::before, .language-menu__placeholder::after {
bottom: -12px;
height: 2px;
background-color: #77b242; }
.language-menu__placeholder .icon {
width: 10px;
height: 6px;
margin-left: 8px;
transition: transform 0.3s ease; }
.language-menu__placeholder .icon::before {
background-color: currentColor; }
.language-menu__dropdown {
display: block !important;
position: absolute;
left: 50%;
top: 100%;
z-index: 9;
width: 82px;
padding-top: 22px;
transform: translate(-50%, 0);
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, visibility 0.3s ease; }
.language-menu__dropdown ul {
width: 100%;
padding: 8px 20px;
box-shadow: 0 24px 24px rgba(0, 0, 0, 0.16);
background-color: #fff; }
.language-menu__dropdown-item {
margin-bottom: 8px; }
.language-menu__dropdown-item:last-child {
margin-bottom: 0; }
.language-menu__dropdown-link {
white-space: nowrap;
position: relative;
display: inline-block; }
.language-menu__dropdown-link:hover {
color: #77b242; }
.language-menu:hover .language-menu__placeholder {
color: #77b242; }
.language-menu:hover .language-menu__placeholder::before, .language-menu:hover .language-menu__placeholder::after {
width: 100%;
left: 0; }
.language-menu:hover .language-menu__placeholder .icon {
transform: scaleY(-1); }
.language-menu:hover .language-menu__dropdown {
visibility: visible;
opacity: 1; }
.management-card {
max-width: 320px;
width: 100%;
background-color: #fff;
padding: 40px;
min-height: 460px;
display: flex;
flex-direction: column; }
@media only screen and (max-width: 1439px) {
.management-card {
padding: 30px;
min-height: 440px; } }
@media only screen and (max-width: 1022.8px) {
.management-card {
padding: 24px; } }
.management-card__image {
height: 290px;
margin-bottom: 28px; }
.management-card__image img {
object-fit: contain; }
.mod-map {
position: relative;
height: 500px;
width: 100%; }
.mod-map__init {
pointer-events: all; }
.menu__link.level-1::before, .menu__link.level-1::after {
content: '';
position: absolute;
bottom: 0;
width: 0;
right: 0;
height: 1px;
background-color: #fff;
pointer-events: none; }
.menu__link.level-1::before {
transition: width 0.4s cubic-bezier(0.51, 0.18, 0, 0.88) 0.1s; }
.menu__link.level-1::after {
transition: width 0.2s cubic-bezier(0.29, 0.18, 0.26, 0.83); }
.menu {
transition: opacity 0.3s ease; }
@media only screen and (max-width: 1022.8px) {
.menu {
width: 100%; } }
.menu ul {
font-size: 0;
line-height: 0; }
.menu__item {
position: relative;
display: inline-block; }
@media only screen and (max-width: 1022.8px) {
.menu__item {
width: 100%; } }
@media only screen and (min-width: 1023.8px) {
.menu__item.level-1 {
margin-right: 40px; } }
@media only screen and (max-width: 1439px) {
.menu__item.level-1 {
margin-right: 20px; } }
@media only screen and (max-width: 1199px) {
.menu__item.level-1 {
margin-right: 12px; } }
@media only screen and (max-width: 1022.8px) {
.menu__item.level-1 {
margin-right: 0;
border-bottom: 1px solid #d8d9d7; } }
.menu__item.level-2 {
width: 100%;
border-bottom: 1px solid #d8d9d7; }
@media only screen and (max-width: 1022.8px) {
.menu__item.level-2 {
border: 0; } }
@media only screen and (min-width: 1200px) {
.menu__item.has-submenu > .menu__link {
padding-right: 20px; } }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.menu__item.has-submenu > .menu__link {
padding-right: 16px; } }
@media only screen and (min-width: 1023.8px) {
.menu__item:last-child {
margin-right: 0;
border: 0; } }
.menu__item:hover > .menu__link::before, .menu__item:hover > .menu__link::after, .menu__item.is-active > .menu__link::before, .menu__item.is-active > .menu__link::after {
width: 100%;
left: 0; }
@media only screen and (min-width: 1023.8px) {
.menu__item:hover > .menu__dropdown {
visibility: visible;
opacity: 1; }
.menu__item:hover > .menu__arrow {
transform: scaleY(-1); } }
.menu__link {
cursor: pointer;
display: block;
position: relative;
z-index: 9;
font-size: 14px;
line-height: normal;
transition: color 0.3s ease; }
@media only screen and (max-width: 1022.8px) {
.menu__link {
font-size: 20px; } }
@media only screen and (max-width: 1022.8px) {
.menu__link.level-1 {
padding: 24px 0; } }
.menu__link.level-1::before, .menu__link.level-1::after {
bottom: -12px;
height: 2px;
background-color: #77b242; }
@media only screen and (max-width: 1022.8px) {
.menu__link.level-1::before, .menu__link.level-1::after {
display: none; } }
.menu__link.level-2 {
font-size: 20px;
font-weight: 700;
line-height: 1.5;
padding: 38px 0; }
@media only screen and (max-width: 1439px) {
.menu__link.level-2 {
font-size: 18px; } }
@media only screen and (max-width: 1199px) {
.menu__link.level-2 {
font-size: 16px;
padding: 24px 0; } }
@media only screen and (max-width: 1022.8px) {
.menu__link.level-2 {
padding: 5px 0; } }
.menu__arrow {
position: absolute;
right: 0;
top: 8px;
z-index: 9;
pointer-events: none;
transition: transform 0.3s ease; }
@media only screen and (max-width: 1022.8px) {
.menu__arrow {
width: 50px;
height: 76px;
z-index: 9;
display: flex;
align-items: center;
justify-content: flex-end;
pointer-events: all;
top: 0; } }
@media only screen and (max-width: 1022.8px) {
.menu__arrow--no-href {
width: 100%; } }
.menu__arrow i {
width: 10px;
height: 6px;
transition: transform 0.3s ease; }
@media only screen and (max-width: 1022.8px) {
.menu__arrow i {
width: 16px;
height: 10px; } }
.is-open-submenu .menu__arrow i {
transform: scaleY(-1); }
.menu__arrow i::before {
background-color: currentColor; }
@media only screen and (min-width: 1023.8px) {
.menu__dropdown {
display: block !important;
position: absolute;
left: 0;
top: 100%;
width: 394px;
z-index: 9;
padding-top: 22px;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, visibility 0.3s ease; }
.menu__dropdown ul {
width: 100%;
box-shadow: 0 24px 24px rgba(0, 0, 0, 0.16);
background-color: #fff;
padding: 0 40px; } }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.menu__dropdown {
width: 294px; }
.menu__dropdown ul {
padding: 0 30px; } }
@media only screen and (max-width: 1022.8px) {
.menu__dropdown {
display: none; }
.is-open-submenu .menu__dropdown {
display: block; }
.menu__dropdown ul {
padding-bottom: 20px; } }
@media only screen and (min-width: 1023.8px) {
.menu__dropdown .menu__link:hover {
color: #77b242; } }
@media only screen and (min-width: 1023.8px) {
.menu__dropdown-megamenu {
position: fixed;
left: 0;
top: 0;
width: 100%;
min-height: 400px;
box-shadow: 0 24px 24px rgba(0, 0, 0, 0.16);
background-color: #fff;
z-index: 3;
max-height: 100%;
overflow: auto;
padding: 100px 0 0;
scrollbar-track-color: rgba(119, 178, 66, 0.4);
scrollbar-face-color: rgba(119, 178, 66, 0.4);
scrollbar-arrow-color: rgba(119, 178, 66, 0.4);    }
.menu__dropdown-megamenu::-webkit-scrollbar {
width: 6px; }
.menu__dropdown-megamenu ::-webkit-scrollbar-track {
-webkit-border-radius: 0;
border-radius: 0;
background: rgba(119, 178, 66, 0.4); }
.menu__dropdown-megamenu ::-webkit-scrollbar-thumb:window-inactive {
background: rgba(119, 178, 66, 0.4); }
.menu__dropdown-megamenu::-webkit-scrollbar-thumb {
background: rgba(119, 178, 66, 0.4);
width: 6px;
border-radius: 0; }
.menu__dropdown-megamenu::-webkit-scrollbar-thumb:hover {
background: rgba(119, 178, 66, 0.4); }
.menu__dropdown-megamenu ::-webkit-scrollbar {
width: 6px; } }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.menu__dropdown-megamenu {
padding: 120px 0 60px; } }
@media only screen and (max-width: 1022.8px) {
.menu__dropdown-megamenu {
padding: 0; } }
@media only screen and (max-width: 1022.8px) {
.menu__dropdown-megamenu .container {
max-width: 100%; } }
.megamenu__list {
padding: 0 20px;
display: grid;
grid-gap: 0 40px;
grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.megamenu__list {
padding: 0 15px;
grid-gap: 0 20px; } }
@media only screen and (max-width: 1022.8px) {
.megamenu__list {
grid-template-columns: 1fr;
grid-gap: 20px;
padding: 0;
padding-bottom: 20px; } }
.megamenu__link {
font-size: 20px;
font-weight: 700;
line-height: 1.5;
padding: 60px 0;
display: flex;
align-items: center;
margin-bottom: -1px;
border-bottom: 1px solid #d8d9d7; }
@media only screen and (max-width: 1439px) {
.megamenu__link {
font-size: 18px; } }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.megamenu__link {
font-size: 16px;
padding: 24px 0; } }
@media only screen and (max-width: 1022.8px) {
.megamenu__link {
padding: 0;
border: 0;
margin-bottom: 0; } }
.megamenu__link:hover, .megamenu__link.is-active {
color: #77b242; }
.megamenu__link-icon {
max-width: 64px;
flex: 0 0 64px;
margin-right: 24px; }
.mod-form {
box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
background-color: #fff;
max-width: 680px;
width: 100%;
padding: 40px;
min-height: 516px;
display: flex;
flex-direction: column;
justify-content: center; }
@media only screen and (max-width: 767px) {
.mod-form {
padding: 32px 20px; } }
.mod-form .mod-input,
.mod-form .telephone-field {
max-width: 100%;
margin-bottom: 0; }
.mod-form__form {
display: grid;
grid-gap: 32px;
margin-bottom: 40px; }
@media only screen and (max-width: 1022.8px) {
.mod-form__form {
grid-gap: 24px; } }
@media only screen and (max-width: 767px) {
.mod-form__form {
grid-gap: 20px;
margin-bottom: 32px; } }
.show-thankyou .mod-form__form-wrapper {
display: none; }
.mod-form__item {
display: grid; }
.mod-form__item--two-col {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 40px; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.mod-form__item--two-col {
grid-template-columns: 1fr;
grid-gap: 32px; } }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.mod-form__item--two-col {
grid-gap: 22px; } }
@media only screen and (max-width: 767px) {
.mod-form__item--two-col {
grid-template-columns: 1fr;
grid-gap: 20px; } }
.mod-form__checkbox-list {
border-top: 1px solid #707070;
padding: 44px 0 38px;
display: grid;
grid-gap: 35px; }
@media only screen and (max-width: 1022.8px) {
.mod-form__checkbox-list {
grid-gap: 24px;
padding: 32px 0; } }
.mod-form__footer {
border-top: 1px solid #707070;
padding-top: 32px; }
.mod-form__thankyou {
padding-right: 26px;
display: none; }
.show-thankyou .mod-form__thankyou {
display: block; }
.mod-form__thankyou .title {
color: #000; }
.mod-form .btn {
min-width: 118px; }
.news-card {
width: 100%;
max-width: 680px;
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.05);
background-color: #fff;
padding: 40px; }
@media only screen and (max-width: 1022.8px) {
.news-card {
max-width: 100%; } }
@media only screen and (max-width: 767px) {
.news-card {
padding: 25px; } }
.news-card__main-title {
padding-bottom: 22px;
border-bottom: 1px solid #d8d9d7;
font-weight: 300;
margin-bottom: 30px;
max-width: 560px; }
.news-card__article {
display: block;
position: relative;
max-width: 560px;
padding-right: 15px; }
.news-card__date {
color: #999999;
margin-bottom: 14px; }
.news-card__article .title {
color: #77b242; }
.news-card__text {
max-width: 482px; }
.news-card .icon {
position: absolute;
right: 0;
bottom: 20px; }
.news-card .icon::before {
background-color: #77b242; }
.number-card {
max-width: 320px;
width: 100%;
padding: 78px 40px 36px;
background-color: #fff; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.number-card {
padding-top: 50px; } }
@media only screen and (max-width: 1022.8px) {
.number-card {
padding: 40px 24px 36px; } }
.number-card__number {
font-size: 200px;
line-height: 1;
color: #77b242;
-webkit-text-fill-color: #fff;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #77b242;
margin-bottom: 58px; }
@media only screen and (max-width: 1199px) {
.number-card__number {
font-size: 160px; } }
@media only screen and (max-width: 1022.8px) {
.number-card__number {
font-size: 120px;
margin-bottom: 50px; } }
@media only screen and (max-width: 767px) {
.number-card__number {
margin-bottom: 36px; } }
.package-card .title--h4 {
font-size: 32px;
line-height: 1.25; }
@media only screen and (max-width: 767px) {
.package-card .title--h4 {
font-size: 22px; } }
.package-card {
max-width: 440px;
width: 100%;
border-radius: 32px;
padding: 40px 38px;
background-color: #f6f7f5;
border: 4px solid transparent; }
@media only screen and (max-width: 1022.8px) {
.package-card {
padding: 32px; } }
.bg-dark .package-card {
background-color: #fff; }
.package-card .title--h4 {
font-weight: 200; }
.package-card .title--h1 {
padding-bottom: 20px;
border-bottom: 1px solid #d8d9d7;
font-weight: 700;
color: #000; }
@media only screen and (max-width: 1439px) {
.package-card .title--h1 {
font-size: 44px; } }
@media only screen and (max-width: 1022.8px) {
.package-card .title--h1 {
font-size: 40px;
padding-bottom: 15px; } }
@media only screen and (max-width: 767px) {
.package-card .title--h1 {
font-size: 32px;
padding-bottom: 10px; } }
.package-card .btn {
max-width: 100%;
width: 100%;
min-height: 40px; }
.package-card .editor-text ul li:not(:last-child) {
margin-bottom: 20px; }
@media only screen and (max-width: 767px) {
.package-card .editor-text ul li:not(:last-child) {
margin-bottom: 12px; } }
.package-card .editor-text ul li::before {
content: '';
position: absolute;
top: 4px;
left: 0;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.414' height='12.121'%3E%3Cpath d='M5.707 9.293 15 0l1.414 1.414L5.707 12.121 0 6.414 1.414 5Z' fill='%2377b242' fill-rule='evenodd'/%3E%3C/svg%3E%0A") no-repeat center/contain;
height: 12px;
width: 16px; }
.package-card--border {
border-color: #77b242;
background-color: #fff; }
.bg-dark .package-card--border {
background-color: #fff; }
.package-card--image {
position: relative;
min-height: 626px;
background-color: #77b242;
color: #fff;
border: none;
display: flex;
flex-direction: column; }
.bg-dark .package-card--image {
background-color: #77b242; }
.package-card--image .title {
color: inherit; }
.package-card--image .btn {
margin-top: auto;
background-color: #fff; }
.package-card--image .btn:hover {
background-color: #77b242;
border-color: #fff; }
.package-card--image .package-card__image {
z-index: -1;
pointer-events: none; }
.pagination {
display: block;
position: relative;
text-align: center;
margin: 0 auto; }
.pagination nav {
display: flex;
align-items: center;
justify-content: center; }
.pagination .page-numbers {
margin: 0 2px;
display: flex;
align-items: center;
justify-content: center;
color: #666;
font-size: 18px;
line-height: normal;
font-weight: 300;
width: 28px;
height: 28px;
border-radius: 100%;
transition: background-color 0.3s ease, color 0.3s ease; }
@media (max-width: 360px) {
.pagination .page-numbers {
font-size: 16px;
width: 25px;
height: 25px; } }
.pagination .page-numbers.is-active, .pagination .page-numbers:hover {
color: #fff;
font-weight: 700;
background-color: #77b242; }
.pagination .page-numbers.next, .pagination .page-numbers.prev {
background-color: transparent;
height: 20px;
width: 20px;
border: 2px solid #77b242;
border-radius: 100%;
transition: box-shadow 0.3s ease, background-color 0.3s ease; }
.pagination .page-numbers.next.prev, .pagination .page-numbers.prev.prev {
margin-right: 20px; }
@media (max-width: 375px) {
.pagination .page-numbers.next.prev, .pagination .page-numbers.prev.prev {
margin-right: 10px; } }
.pagination .page-numbers.next.next, .pagination .page-numbers.prev.next {
margin-left: 20px; }
@media (max-width: 375px) {
.pagination .page-numbers.next.next, .pagination .page-numbers.prev.next {
margin-left: 10px; } }
.pagination .page-numbers.next .icon:before, .pagination .page-numbers.prev .icon:before {
background-color: #77b242; }
.pagination .page-numbers.next:hover, .pagination .page-numbers.prev:hover {
background-color: #77b242;
box-shadow: 0 0 0 2px rgba(119, 178, 66, 0.2); }
.pagination .page-numbers.next:hover .icon:before, .pagination .page-numbers.prev:hover .icon:before {
background-color: #fff; }
.bg-dark .pagination .page-numbers {
color: #fff; }
.platform-card {
max-width: 560px;
width: 100%;
padding: 28px 32px;
background-color: #fff;
display: grid;
grid-template-columns: 40.5% 1fr;
grid-gap: 32px;
transition: box-shadow 0.3s ease; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.platform-card {
grid-template-columns: 1fr;
grid-gap: 20px; } }
@media only screen and (max-width: 767px) {
.platform-card {
grid-template-columns: 1fr;
grid-gap: 24px;
padding: 24px; } }
.platform-card__image {
max-width: 200px;
width: 100%; }
.platform-card:hover {
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.03); }
.product-card {
background-color: #fff;
padding: 32px;
max-width: 320px;
width: 100%;
display: block;
color: #666;
transition: box-shadow 0.3s ease; }
@media only screen and (max-width: 1439px) {
.product-card {
padding: 24px; } }
.product-card__image {
width: 100%;
height: 160px;
margin-bottom: 0; }
.product-card__image img {
display: inline-block; }
.product-card:hover {
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1); }
.social-nav {
width: 100%; }
.social-nav .icon {
transition: transform 0.3s ease; }
.social-nav li {
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
margin-right: 25px; }
.social-nav li:last-child {
margin-right: 0; }
.social-nav li:hover .icon {
transform: translateY(-4px); }
.telephone-field .mod-input label {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
white-space: nowrap;
border: 0;
visibility: inherit;
clip: rect(0, 0, 0, 0); }
.telephone-field {
max-width: 600px;
width: 100%; }
.telephone-field__label {
position: relative;
display: block;
margin-bottom: 10px;
font-weight: 700;
font-size: 14px;
color: #333; }
.telephone-field__inner {
display: grid;
grid-gap: 24px;
grid-template-columns: 18.5% 1fr; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.telephone-field__inner {
grid-template-columns: 25% 1fr; } }
@media only screen and (max-width: 767px) {
.telephone-field__inner {
grid-template-columns: 1fr;
grid-gap: 15px; } }
.telephone-field .dropdown,
.telephone-field .mod-input {
max-width: 100%; }
.text-image {
max-width: 1160px;
width: 100%;
margin: 0 auto;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.03);
background-color: #fff;
display: grid;
grid-template-columns: 38% 1fr;
grid-gap: 140px; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.text-image {
grid-gap: 80px;
grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media only screen and (max-width: 1022.8px) {
.text-image {
grid-template-columns: 1fr;
grid-gap: 30px; } }
.text-image__text {
padding: 40px 0 40px 40px; }
@media only screen and (max-width: 1022.8px) {
.text-image__text {
padding: 0 30px 30px; } }
@media only screen and (max-width: 767px) {
.text-image__text {
padding: 0 20px 30px; } }
.text-image__logo-image {
max-width: 200px;
width: 100%; }
@media only screen and (max-width: 767px) {
.text-image__logo-image {
max-width: 150px; } }
.text-image .btn {
text-transform: none;
padding: 6px 24px;
min-height: 38px; }
.text-image__image {
position: relative;
height: 0;
padding-bottom: 100%;
min-height: 100%; }
@media only screen and (max-width: 1022.8px) {
.text-image__image {
order: -1;
padding-bottom: 56.24%; } }
.text-image--secondary {
padding: 40px; }
@media only screen and (max-width: 1022.8px) {
.text-image--secondary {
padding: 30px; } }
@media only screen and (max-width: 767px) {
.text-image--secondary {
padding: 20px 20px 30px; } }
@media only screen and (min-width: 1200px) {
.text-image--secondary {
grid-gap: 130px; } }
.text-image--secondary .text-image__text {
padding: 0; }
.text-image--secondary .text-image__image {
padding-bottom: 52.24%;
min-height: 1px;
margin-top: 22px; }
@media only screen and (max-width: 1022.8px) {
.text-image--secondary .text-image__image {
margin-top: 0; } }
.text-image--secondary .title {
color: #000; }
.toggle-list {
width: 100%; }
.toggle-list__label {
position: relative;
display: block;
margin-bottom: 10px;
font-weight: 700;
font-size: 14px;
color: #333; }
.toggle-list__inner {
display: flex;
flex-wrap: wrap; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.toggle-list__inner {
flex-direction: column;
align-items: flex-start; } }
@media only screen and (max-width: 767px) {
.toggle-list__inner {
flex-direction: column;
align-items: flex-start; } }
.toggle-list .mod-toggle {
margin-bottom: 5px; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.toggle-list .mod-toggle {
margin-bottom: 0; } }
@media only screen and (max-width: 767px) {
.toggle-list .mod-toggle {
margin-bottom: 0; } }
.toggle-list .mod-toggle:not(:last-child) {
margin-right: 34px; }
@media only screen and (max-width: 1439px) {
.toggle-list .mod-toggle:not(:last-child) {
margin-right: 24px; } }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.toggle-list .mod-toggle:not(:last-child) {
margin-right: 0;
margin-bottom: 15px; } }
@media only screen and (max-width: 767px) {
.toggle-list .mod-toggle:not(:last-child) {
margin-right: 0;
margin-bottom: 15px; } }
.advantages-module--top-dark-bg::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none; }
.advantages-module {
position: relative; }
.advantages-module__image {
position: relative;
height: 0;
padding-bottom: 21.5%; }
@media only screen and (max-width: 767px) {
.advantages-module__image {
padding-bottom: 56.24%; } }
.advantages-module__list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: 40px; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.advantages-module__list {
grid-gap: 16px; } }
@media only screen and (max-width: 1022.8px) {
.advantages-module__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 40px; } }
@media only screen and (max-width: 767px) {
.advantages-module__list {
grid-template-columns: 1fr;
grid-gap: 24px; } }
.advantages-module__item {
width: 100%;
display: grid;
grid-template-columns: 54px 1fr;
grid-gap: 30px; }
@media only screen and (max-width: 1199px) {
.advantages-module__item {
grid-template-columns: 32px 1fr;
grid-gap: 20px; } }
.advantages-module .title {
margin-bottom: 6px; }
@media only screen and (max-width: 1199px) {
.advantages-module .icon {
height: 32px;
width: 32px; } }
@media only screen and (min-width: 768px) {
.advantages-module .icon {
margin-top: 8px; } }
.advantages-module .container {
position: relative;
z-index: 4; }
.advantages-module--top-dark-bg .section-title .title {
color: #fff; }
.advantages-module--top-dark-bg::before {
background-color: #333;
top: 0;
z-index: -1;
height: calc(160px + 38%); }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.advantages-module--top-dark-bg::before {
height: calc(100px + 35%); } }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.advantages-module--top-dark-bg::before {
height: calc(80px + 28%); } }
@media only screen and (max-width: 767px) {
.advantages-module--top-dark-bg::before {
height: calc(40px + 22%); } }
.blockquote-module__text {
color: #77b242; }
@media only screen and (max-width: 1199px) {
.blockquote-module .icon {
width: 58px;
height: 40px; } }
@media only screen and (max-width: 1022.8px) {
.blockquote-module .icon {
width: 46px;
height: 30px; } }
@media only screen and (max-width: 767px) {
.blockquote-module .icon {
width: 40px;
height: 26px; } }
.card-list {
position: relative; }
.card-list__body {
overflow: hidden; }
.card-list .management-card {
max-width: 100%; }
@media only screen and (max-width: 1199px) {
.card-list .management-card {
width: 300px; } }
.card-list .swiper-slide {
width: auto; }
@media only screen and (max-width: 1199px) {
.card-list__slider {
overflow: visible; } }
.card-list--default .section-title {
text-align: left;
max-width: 560px; }
.card-list--default .management-card {
background-color: #f6f7f5; }
.card-list--default .management-card__text {
color: #7f807e; }
.card-list--default .management-card__image {
height: 180px;
margin-bottom: 46px; }
.catalog-module {
background-color: #333;
border-radius: 40px;
padding: 80px 0; }
@media only screen and (max-width: 1199px) {
.catalog-module {
padding: 60px 40px;
border-radius: 32px; } }
@media only screen and (max-width: 1022.8px) {
.catalog-module {
padding: 40px 24px;
border-radius: 18px; } }
@media only screen and (max-width: 767px) {
.catalog-module {
padding: 30px 18px; } }
.catalog-module__header {
max-width: 584px;
width: 100%;
color: #fff; }
.catalog-module__header .title {
color: inherit; }
.catalog-module__list {
display: grid;
grid-gap: 40px; }
@media only screen and (max-width: 1022.8px) {
.catalog-module__list {
grid-gap: 24px; } }
.catalog-module .btn {
padding-left: 20px; }
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.catalog-module .btn {
padding-left: 10px; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.catalog-module .btn {
justify-self: center; } }
.catalog-module__item {
width: 100%;
padding: 40px;
background-color: #fff;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.03); }
@media only screen and (max-width: 1199px) {
.catalog-module__item {
padding: 32px; } }
@media only screen and (max-width: 1022.8px) {
.catalog-module__item {
padding: 16px;
display: block; } }
.catalog-module__item-title {
flex: 0 0 26%;
max-width: 26%;
width: 100%;
margin-right: 40px; }
@media only screen and (max-width: 1439px) {
.catalog-module__item-title {
margin-right: 30px; } }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.catalog-module__item-title {
flex: 100%;
max-width: 100%;
margin: 0 0 20px; } }
@media only screen and (max-width: 1022.8px) {
.catalog-module__item-title {
flex: 100%;
max-width: 100%;
margin: 0 0 20px; } }
.catalog-module__item-text {
flex: 0 0 27%;
max-width: 27%;
width: 100%;
margin-right: 40px; }
@media only screen and (max-width: 1439px) {
.catalog-module__item-text {
margin-right: 30px; } }
@media only screen and (max-width: 1199px) {
.catalog-module__item-text {
margin-right: 20px;
flex: 0 0 45%;
max-width: 45%; } }
@media only screen and (max-width: 1022.8px) {
.catalog-module__item-text {
flex: 100%;
max-width: 100%;
margin: 0 0 20px; } }
.catalog-module__item .catalog-module__list-file-wrapper {
flex: 0 0 11%;
max-width: 11%;
width: 100%;
margin-right: 40px;
margin-left: auto; }
@media only screen and (max-width: 1439px) {
.catalog-module__item .catalog-module__list-file-wrapper {
margin-right: 30px; } }
@media only screen and (max-width: 1199px) {
.catalog-module__item .catalog-module__list-file-wrapper {
flex: 0 0 20%;
max-width: 20%;
margin-right: 20px; } }
@media only screen and (max-width: 1022.8px) {
.catalog-module__item .catalog-module__list-file-wrapper {
flex: 100%;
max-width: 100%;
margin: 0 0 20px; } }
.catalog-module__item-button {
max-width: 100%;
margin-left: auto; }
@media only screen and (max-width: 1199px) {
.catalog-module__item-button {
flex: 0 0 30%;
max-width: 30%; } }
@media only screen and (max-width: 1022.8px) {
.catalog-module__item-button {
flex: 100%;
max-width: 100%; } }
.catalog-module__item--notext {
align-items: center; }
@media only screen and (min-width: 1200px) {
.catalog-module__item--notext {
flex-wrap: nowrap; }
.catalog-module__item--notext .catalog-module__item-text {
display: none; } }
@media only screen and (min-width: 1023.8px) {
.catalog-module__item--notext .catalog-module__item-title {
flex: 0 0 56%;
width: 100%;
max-width: 56%; } }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.catalog-module__item--notext .catalog-module__item-title {
flex: 0 0 47%;
max-width: 47%; } }
@media only screen and (max-width: 767px) {
.contact-list {
padding: 24px 0;
border-radius: 18px;
background-color: #f6f7f5; } }
.contact-list__inner {
padding: 80px 0;
background-color: #f6f7f5; }
@media only screen and (max-width: 1199px) {
.contact-list__inner {
padding: 50px 40px; } }
@media only screen and (max-width: 767px) {
.contact-list__inner {
padding: 0;
background-color: transparent; } }
.contact-list__list {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: 40px; }
@media only screen and (max-width: 1439px) {
.contact-list__list {
grid-gap: 32px;
grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media only screen and (max-width: 1022.8px) {
.contact-list__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 24px; } }
@media only screen and (max-width: 767px) {
.contact-list__list {
grid-template-columns: 1fr;
grid-gap: 18px; } }
.contact-list .editor-text strong {
color: #000; }
.contact-list .editor-text a:hover {
text-decoration: underline; }
.contact-list .title {
color: #000; }
.contact-list__item {
padding: 32px;
background-color: #fff;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.03); }
@media only screen and (max-width: 1439px) {
.contact-list__item {
padding: 24px; } }
@media only screen and (max-width: 767px) {
.contact-list__item {
padding: 18px; } }
.contact-list__item-title {
color: #000; }
.content-module .editor-text {
color: #333; }
.content-module__header {
position: relative;
padding-top: 168px; }
@media only screen and (max-width: 1022.8px) {
.content-module__header {
padding-top: 120px; } }
.content-module__header::before {
content: '';
position: absolute;
left: 50%;
top: 0;
z-index: -1;
height: 100%;
width: calc(100% - 120px);
transform: translate(-50%, 0);
background-color: rgba(246, 247, 245, 0.7);
border-radius: 0 0 40px 40px; }
@media only screen and (max-width: 1439px) {
.content-module__header::before {
width: calc(100% - 60px); } }
@media only screen and (max-width: 1199px) {
.content-module__header::before {
width: calc(100% - 24px); } }
@media only screen and (max-width: 1022.8px) {
.content-module__header::before {
border-radius: 0 0 20px 20px; } }
.editor-text h1, .editor-text h2, .editor-text h3, .editor-text h4, .editor-text h5, .editor-text h6 {
font-weight: 300;
color: #333; }
.editor-text h1 {
font-size: 64px;
line-height: normal; }
@media only screen and (max-width: 1022.8px) {
.editor-text h1 {
font-size: 48px; } }
@media only screen and (max-width: 767px) {
.editor-text h1 {
font-size: 32px; } }
.editor-text h2 {
font-size: 48px;
line-height: 1.17; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.editor-text h2 {
font-size: 34px; } }
@media only screen and (max-width: 1022.8px) {
.editor-text h2 {
font-size: 32px; } }
@media only screen and (max-width: 767px) {
.editor-text h2 {
font-size: 30px; } }
.editor-text h3 {
font-size: 40px;
line-height: 1.2; }
@media only screen and (max-width: 1022.8px) {
.editor-text h3 {
font-size: 28px; } }
@media only screen and (max-width: 767px) {
.editor-text h3 {
font-size: 26px; } }
.editor-text h4 {
font-size: 24px;
line-height: 1.25;
font-weight: 700; }
@media only screen and (max-width: 767px) {
.editor-text h4 {
font-size: 22px; } }
.editor-text h5 {
font-size: 20px;
line-height: 1.5;
font-weight: 700; }
@media only screen and (max-width: 767px) {
.editor-text h5 {
font-size: 18px; } }
.editor-text h6 {
font-size: 18px;
line-height: 1.5;
font-weight: 700; }
.editor-text ol li:before {
color: inherit;
font-size: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
text-transform: inherit;
text-align: inherit;
font-style: inherit;
font-family: inherit;
background-color: transparent; }
.container .editor-text .container {
max-width: 100%;
padding: 0; }
.editor-text h1 {
margin-bottom: 24px; }
@media only screen and (max-width: 767px) {
.editor-text h1 {
margin-bottom: 15px; } }
* + .editor-text h1 {
margin-top: 26px; }
.editor-text h1:first-child {
margin-top: 0; }
.editor-text h1:last-child {
margin-bottom: 0; }
.editor-text h2 {
margin-bottom: 24px; }
@media only screen and (max-width: 767px) {
.editor-text h2 {
margin-bottom: 15px; } }
* + .editor-text h2 {
margin-top: 26px; }
.editor-text h2:first-child {
margin-top: 0; }
.editor-text h2:last-child {
margin-bottom: 0; }
.editor-text h3 {
margin-bottom: 24px; }
@media only screen and (max-width: 767px) {
.editor-text h3 {
margin-bottom: 15px; } }
* + .editor-text h3 {
margin-top: 26px; }
.editor-text h3:first-child {
margin-top: 0; }
.editor-text h3:last-child {
margin-bottom: 0; }
.editor-text h4 {
margin-bottom: 24px; }
@media only screen and (max-width: 767px) {
.editor-text h4 {
margin-bottom: 15px; } }
* + .editor-text h4 {
margin-top: 26px; }
.editor-text h4:first-child {
margin-top: 0; }
.editor-text h4:last-child {
margin-bottom: 0; }
.editor-text h5 {
margin-bottom: 24px; }
@media only screen and (max-width: 767px) {
.editor-text h5 {
margin-bottom: 15px; } }
* + .editor-text h5 {
margin-top: 26px; }
.editor-text h5:first-child {
margin-top: 0; }
.editor-text h5:last-child {
margin-bottom: 0; }
.editor-text h6 {
margin-bottom: 24px; }
@media only screen and (max-width: 767px) {
.editor-text h6 {
margin-bottom: 15px; } }
* + .editor-text h6 {
margin-top: 26px; }
.editor-text h6:first-child {
margin-top: 0; }
.editor-text h6:last-child {
margin-bottom: 0; }
.editor-text h4,
.editor-text h5,
.editor-text h6 {
margin-bottom: 8px; }
.editor-text p,
.editor-text ul,
.editor-text ol,
.editor-text figure,
.editor-text table {
margin-bottom: 24px; }
.editor-text p:first-child,
.editor-text ul:first-child,
.editor-text ol:first-child,
.editor-text figure:first-child,
.editor-text table:first-child {
margin-top: 0; }
.editor-text p:last-child,
.editor-text ul:last-child,
.editor-text ol:last-child,
.editor-text figure:last-child,
.editor-text table:last-child {
margin-bottom: 0; }
.editor-text p a,
.editor-text ul a,
.editor-text ol a,
.editor-text figure a,
.editor-text table a {
color: #77b242; }
.editor-text p a:hover,
.editor-text ul a:hover,
.editor-text ol a:hover,
.editor-text figure a:hover,
.editor-text table a:hover {
text-decoration: none; }
.editor-text figure img {
margin: 0; }
.editor-text img {
margin-bottom: 8px; }
* + .editor-text img {
margin-top: 8px; }
.editor-text img:first-child {
margin-top: 0; }
.editor-text img:last-child {
margin-bottom: 0; }
.editor-text ul,
.editor-text ol {
list-style: none;
padding-left: 0; }
.editor-text ul li,
.editor-text ol li {
padding-left: 32px;
position: relative; }
.editor-text ul li::before {
content: '';
position: absolute;
left: 0;
width: 8px;
height: 8px;
border-radius: 100%;
top: 10px;
background-color: #000; }
.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;
color: #000; }
.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; }
.editor-text table th:not(:first-child),
.editor-text table td:not(:first-child) {
border-left: 1px solid; }
.editor-text blockquote p {
margin: 0 !important; }
.editor-text strong {
font-weight: 700; }
.footer-main__inner::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none; }
.footer-main {
position: relative;
width: 100%;
color: #d8d9d7; }
.footer-main::before, .footer-main::after {
content: '';
position: absolute;
width: 710px;
height: 976px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1127.024' height='1205.236' viewBox='0 0 1127.024 1205.236'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2391ff2e'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse id='Ellipse_2' data-name='Ellipse 2' cx='355' cy='488' rx='355' ry='488' transform='matrix(0.839, 0.545, -0.545, 0.839, 531.568, 0)' opacity='0.35' fill='url(%23radial-gradient)'/%3E%3C/svg%3E%0A") no-repeat center/cover;
pointer-events: none;
z-index: -1;
left: -4%;
bottom: -38%; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.footer-main::before, .footer-main::after {
left: -12%; } }
@media only screen and (max-width: 1022.8px) {
.footer-main::before, .footer-main::after {
bottom: 0;
left: -30%;
width: 620px;
height: 500px; } }
@media only screen and (max-width: 767px) {
.footer-main::before, .footer-main::after {
bottom: inherit;
top: 10%;
left: -60%; } }
.footer-main::after {
width: 730px;
height: 1004px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1159.047' height='1239.611' viewBox='0 0 1159.047 1239.611'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0.5' cy='0.5' r='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2391ff2e'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse id='orange-gradient' cx='365' cy='502' rx='365' ry='502' transform='matrix(0.839, 0.545, -0.545, 0.839, 546.818, 0)' opacity='0.35' fill='url(%23radial-gradient)'/%3E%3C/svg%3E%0A") no-repeat center/cover;
left: inherit;
right: -5%;
z-index: 1;
bottom: -62%; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.footer-main::after {
right: -10%; } }
@media only screen and (max-width: 1022.8px) {
.footer-main::after {
bottom: -30%;
right: -30%;
width: 640px;
height: 724px; } }
@media only screen and (max-width: 767px) {
.footer-main::after {
bottom: -20%;
right: -30%;
width: 550px;
height: 644px;
top: inherit; } }
.footer-main .title {
color: inherit; }
.footer-main__inner {
border-radius: 40px 40px 0 0;
position: relative;
padding: 80px 0 40px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.footer-main__inner {
padding-top: 60px; } }
@media only screen and (max-width: 767px) {
.footer-main__inner {
padding-top: 40px; } }
.footer-main__inner::before {
border-radius: 40px 40px 0 0;
background-color: rgba(0, 0, 0, 0.7);
width: calc(100% - 120px);
left: 60px;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
z-index: 2; }
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.footer-main__inner::before {
width: calc(100% - 30px);
left: 15px;
border-radius: 26px 26px 0 0; } }
@media only screen and (max-width: 767px) {
.footer-main__inner::before {
width: calc(100% - 20px);
left: 10px;
border-radius: 22px 22px 0 0; } }
.footer-main .container {
position: relative;
z-index: 4; }
.footer-main__link:hover {
color: #fff; }
.footer-main__nav-title {
margin-bottom: 14px; }
@media only screen and (max-width: 767px) {
.footer-main__nav-title {
margin-bottom: 10px; } }
.footer-main__nav-item {
margin-bottom: 26px; }
@media only screen and (min-width: 768px) {
.footer-main__nav-item {
max-width: 100%;
display: block;
break-inside: avoid;
transform: translateX(0);
will-change: transform; } }
@media only screen and (max-width: 767px) {
.footer-main__nav-item {
margin-bottom: 15px; } }
.footer-main__nav-item:last-child {
margin-bottom: 0; }
@media only screen and (min-width: 768px) {
.footer-main__nav ul {
column-count: 2;
column-gap: 40px; } }
@media only screen and (min-width: 768px) {
.footer-main__nav-subnav ul {
column-count: 1;
column-gap: 0; } }
.footer-main .editor-text a {
color: inherit; }
.footer-main .editor-text a:hover {
color: #fff; }
@media only screen and (max-width: 1022.8px) {
.footer-main__contact {
margin-top: 30px; } }
@media only screen and (max-width: 767px) {
.footer-main__contact {
margin-top: 20px; } }
@media only screen and (max-width: 1022.8px) {
.footer-main .social-nav {
text-align: center; } }
.footer-main .social-nav li:hover .icon::before {
background-color: #fff; }
.footer-main__bottom {
margin-top: 54px; }
@media only screen and (max-width: 1022.8px) {
.footer-main__bottom {
margin-top: 40px;
text-align: center; } }
@media only screen and (max-width: 767px) {
.footer-main__bottom {
margin-top: 30px; } }
@media only screen and (max-width: 1022.8px) {
.footer-main__bottom .footer-main__nav {
margin-top: 10px;
margin-bottom: 0; } }
@media only screen and (min-width: 768px) {
.footer-main__bottom .footer-main__nav ul {
column-count: 1;
column-gap: 0; } }
.footer-main__bottom .footer-main__nav li {
display: inline-block;
margin-bottom: 0;
position: relative; }
.footer-main__bottom .footer-main__nav li:not(:last-child) {
margin-right: 8px;
padding-right: 20px; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.footer-main__bottom .footer-main__nav li:not(:last-child) {
margin-right: 4px;
padding-right: 15px; } }
.footer-main__bottom .footer-main__nav li:not(:last-child)::after {
content: '|';
position: absolute;
right: 0;
top: 0;
pointer-events: none; }
.hero-module .mod-map {
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0); }
.hero-module {
position: relative;
padding-top: 164px; }
@media only screen and (max-width: 1199px) {
.hero-module {
padding-top: 120px; } }
@media only screen and (max-width: 1022.8px) {
.hero-module {
padding-top: 0; } }
.hero-module::before {
content: '';
position: absolute;
left: 50%;
top: 0;
z-index: -1;
width: calc(100% - 120px);
height: 710px;
transform: translate(-50%, 0);
background-color: rgba(246, 247, 245, 0.7);
border-radius: 0 0 40px 40px; }
@media only screen and (max-width: 1439px) {
.hero-module::before {
width: calc(100% - 60px); } }
@media only screen and (max-width: 1199px) {
.hero-module::before {
width: calc(100% - 24px);
height: 600px; } }
@media only screen and (max-width: 1022.8px) {
.hero-module::before {
display: none; } }
.hero-module__content {
display: flex;
flex-direction: column;
padding-left: 120px;
margin: 42px 0;
padding-top: 46px;
min-height: 464px; }
@media only screen and (max-width: 1439px) {
.hero-module__content {
padding-left: 30px; } }
@media only screen and (max-width: 1199px) {
.hero-module__content {
min-height: 400px;
padding-left: 0; } }
@media only screen and (max-width: 1022.8px) {
.hero-module__content {
min-height: 1px;
margin: 0;
padding: 100px 0 10px;
position: relative; } }
@media only screen and (max-width: 1022.8px) {
.hero-module__content::before {
content: '';
position: absolute;
left: 50%;
top: 0;
z-index: -1;
width: calc(100vw - 24px);
height: 100%;
background-color: rgba(246, 247, 245, 0.7);
border-radius: 0 0 20px 20px;
transform: translate(-50%, 0); } }
.hero-module__buttons {
display: flex;
align-items: center; }
@media only screen and (max-width: 767px) {
.hero-module__buttons {
display: grid;
grid-gap: 20px;
max-width: 400px; } }
.hero-module__buttons .btn {
margin-right: 32px; }
@media only screen and (min-width: 1200px) {
.hero-module__buttons .btn {
font-size: 18px; } }
@media only screen and (max-width: 1199px) {
.hero-module__buttons .btn {
margin-right: 15px; } }
.hero-module__scroll-down {
margin-top: auto;
margin-bottom: 66px;
width: 22px; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.hero-module__scroll-down {
margin-bottom: 20px; } }
@media only screen and (max-width: 1022.8px) {
.hero-module__scroll-down {
display: none; } }
.hero-module__scroll-down .icon::before {
background-color: #333; }
.hero-module__scroll-down:hover .icon::before {
background-color: #77b242; }
.hero-module__image {
height: 100%;
min-height: 623px;
border-radius: 32px;
max-width: 560px;
margin-left: auto; }
@media only screen and (max-width: 1439px) {
.hero-module__image {
max-width: 500px; } }
@media only screen and (max-width: 1199px) {
.hero-module__image {
max-width: 400px; } }
@media only screen and (max-width: 1022.8px) {
.hero-module__image {
position: absolute;
right: 0;
top: 0;
min-height: 1px;
width: 100%;
max-width: calc(100% - 160px);
border-radius: 24px; } }
@media only screen and (max-width: 767px) {
.hero-module__image {
max-width: 100%;
position: relative;
min-height: 1px;
height: 0;
padding-bottom: 100%; } }
.hero-module__image-wrapper {
height: 100%; }
@media only screen and (max-width: 1022.8px) {
.hero-module__image-wrapper {
margin-top: 40px;
height: 528px; } }
@media only screen and (max-width: 767px) {
.hero-module__image-wrapper {
margin-top: 30px;
display: flex;
flex-direction: column;
height: auto; } }
.hero-module .mod-map {
height: 544px;
border-radius: 32px;
z-index: 5;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.hero-module .mod-map {
height: 454px; } }
@media only screen and (max-width: 1022.8px) {
.hero-module .mod-map {
margin-top: 40px;
height: 420px;
border-radius: 18px; } }
@media only screen and (max-width: 767px) {
.hero-module .mod-map {
height: 320px; } }
.hero-module__nav {
position: absolute;
z-index: 3;
left: 0;
top: 42px;
width: 320px;
border-radius: 24px;
color: #fff;
line-height: 1.56;
background-color: #333;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.03);
padding: 16px 32px; }
@media only screen and (max-width: 1022.8px) {
.hero-module__nav {
position: relative;
top: 0;
margin: 40px 0;
display: inline-block; } }
@media only screen and (max-width: 767px) {
.hero-module__nav {
margin: 40px 0 0;
order: 99;
width: 100%; } }
.hero-module__nav-link {
display: block;
position: relative;
padding: 15px 0 15px 50px;
border-bottom: 1px solid #7f807e; }
.hero-module__nav-link::before {
content: '';
position: absolute;
left: 0;
top: 16px;
width: 24px;
height: 24px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg transform='translate(0 0)'%3E%3Cpath d='M12,24A12,12,0,1,1,24,12,12.014,12.014,0,0,1,12,24ZM12,1.067A10.933,10.933,0,1,0,22.933,12,10.945,10.945,0,0,0,12,1.067Zm-2.088,16.2a.527.527,0,0,1-.2-.039l-.053-.035a.523.523,0,0,1-.123-.081L4.6,12.188a.534.534,0,0,1,.754-.755l4.557,4.544,8.734-8.709a.533.533,0,1,1,.754.755l-9.111,9.085a.459.459,0,0,1-.109.074l-.067.043A.523.523,0,0,1,9.912,17.263Z' fill='%2377b242'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/contain; }
.hero-module__nav-link:hover {
color: #77b242; }
.hero-module__nav-item:last-child .hero-module__nav-link {
border: 0; }
.hero-module__contact-info {
display: grid;
grid-gap: 40px;
grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media only screen and (max-width: 767px) {
.hero-module__contact-info {
grid-template-columns: 1fr;
grid-gap: 20px; } }
.hero-module .editor-text a:hover {
text-decoration: underline; }
.hero-module .editor-text strong {
color: #333; }
@media only screen and (min-width: 1023.8px) {
.hero-module .editor-text p + h4 {
margin: 40px 0 24px; } }
.hero-module .mod-form {
max-width: 100%;
min-height: 100%; }
@media only screen and (max-width: 1022.8px) {
.hero-module .mod-form {
margin-top: 40px;
min-height: 1px; } }
@media only screen and (max-width: 767px) {
.hero-module .mod-form {
margin-top: 30px; } }
@media only screen and (min-width: 1023.8px) {
.hero-module--homepage .hero-module__content {
padding-top: 0; } }
.hero-module--homepage .hero-module__image {
max-width: 100%; }
@media only screen and (max-width: 1022.8px) {
.hero-module--homepage .hero-module__image {
position: relative;
height: 0;
padding-bottom: 56.24%; } }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.hero-module--with-icon::before {
height: 680px; } }
@media only screen and (min-width: 1023.8px) {
.hero-module--with-icon .hero-module__content {
padding-top: 0;
margin-top: 2px; } }
.hero-module--without-image {
padding-bottom: 28px; }
@media only screen and (max-width: 1022.8px) {
.hero-module--without-image {
padding-bottom: 0; } }
.hero-module--without-image::before {
height: 100%; }
@media only screen and (min-width: 1023.8px) {
.hero-module--without-image .hero-module__content {
padding-top: 0;
margin: 10px 0;
min-height: 1px; } }
@media only screen and (max-width: 1022.8px) {
.hero-module--without-nav .hero-module__image {
max-width: 100%; } }
@media only screen and (max-width: 1022.8px) {
.hero-module--without-nav .hero-module__image-wrapper {
height: auto; } }
@media only screen and (max-width: 1022.8px) {
.hero-module--without-nav .hero-module__image {
position: relative;
height: 0;
padding-bottom: 80%; } }
.hero-module--with-map::before {
height: 525px; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.hero-module--with-map::before {
height: 475px; } }
.hero-module--with-form {
min-height: 764px; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.hero-module--with-form {
min-height: 700px; } }
@media only screen and (max-width: 1022.8px) {
.hero-module--with-form {
min-height: 1px; } }
.hero-module--with-form::before {
height: 764px; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.hero-module--with-form::before {
height: 700px; } }
.sc-hero-module + .sc-contact-list {
margin-top: -290px; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.sc-hero-module + .sc-contact-list {
margin-top: -170px; } }
@media only screen and (max-width: 1022.8px) {
.sc-hero-module + .sc-contact-list {
margin-top: 0; } }
.functionality-list__inner::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none; }
.functionality-list {
position: relative;
z-index: 4; }
.functionality-list::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background-color: #333;
height: 270px;
z-index: -1;
pointer-events: none; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.functionality-list::before {
bottom: -100px;
height: 200px; } }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.functionality-list::before {
bottom: -80px;
height: 160px; } }
@media only screen and (max-width: 767px) {
.functionality-list::before {
bottom: -40px;
height: 100px; } }
.functionality-list__inner {
position: relative;
padding: 80px 0; }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.functionality-list__inner {
padding: 40px 0; } }
@media only screen and (max-width: 767px) {
.functionality-list__inner {
padding: 32px 0; } }
.functionality-list__inner::before {
z-index: -1;
border-radius: 40px;
background-color: rgba(246, 247, 245, 0.6);
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px); }
@media only screen and (max-width: 1022.8px) {
.functionality-list__inner::before {
width: 100vw;
left: 50%;
border-radius: 0;
transform: translate(-50%, 0); } }
.functionality-list .btn:not(.btn--secondary):hover, .functionality-list .btn:not(.btn--secondary):focus {
background-color: #fff; }
.functionality-list__list {
display: grid;
grid-gap: 66px;
grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media only screen and (max-width: 1439px) {
.functionality-list__list {
grid-gap: 40px; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) {
.functionality-list__list {
grid-gap: 30px;
grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media only screen and (max-width: 767px) {
.functionality-list__list {
grid-gap: 30px;
grid-template-columns: 1fr; } }
.functionality-list .functionality-card {
max-width: 100%; }
.functionality-list + .margin {
background-color: #333; }
.image-card-list {
overflow: hidden;
margin-bottom: -24px; }
.image-card-list__title {
margin-bottom: 30px; }
.image-card-list .swiper-slide {
width: auto; }
.image-card-list .image-card {
max-width: 100%;
margin-bottom: 24px; }
@media only screen and (max-width: 1199px) {
.image-card-list .image-card {
width: 370px; } }
@media only screen and (max-width: 767px) {
.image-card-list .image-card {
width: 330px; } }
@media (max-width: 375px) {
.image-card-list .image-card {
width: 300px; } }
@media only screen and (max-width: 1199px) {
.image-card-list__slider {
overflow: visible; } }
.image-module img {
width: 100%; }
.image-text-list {
display: grid;
grid-gap: 128px; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.image-text-list {
grid-gap: 60px; } }
@media only screen and (max-width: 1022.8px) {
.image-text-list {
grid-gap: 40px; } }
.info-module {
display: grid;
grid-gap: 80px; }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.info-module {
grid-gap: 40px; } }
@media only screen and (max-width: 767px) {
.info-module {
grid-gap: 32px; } }
.info-module__item {
padding: 80px 0;
background-color: #f6f7f5; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.info-module__item {
padding: 60px 40px; } }
@media only screen and (max-width: 1022.8px) {
.info-module__item {
padding: 40px; } }
@media only screen and (max-width: 767px) {
.info-module__item {
padding: 30px 20px; } }
.info-module .title--h3 {
color: #000; }
.info-module__white-box {
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.03);
background-color: #fff;
min-height: 210px;
padding: 40px; }
@media only screen and (max-width: 1022.8px) {
.info-module__white-box {
min-height: 1px; } }
@media only screen and (max-width: 767px) {
.info-module__white-box {
padding: 24px; } }
.info-module__white-box-list {
display: grid;
grid-gap: 40px; }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.info-module__white-box-list {
grid-gap: 30px; } }
@media only screen and (max-width: 767px) {
.info-module__white-box-list {
grid-gap: 20px; } }
.info-module__images {
display: grid;
grid-gap: 40px;
justify-items: center; }
@media only screen and (max-width: 1022.8px) {
.info-module__images {
max-width: 300px;
width: 100%;
grid-gap: 30px; } }
@media only screen and (max-width: 767px) {
.info-module__images {
grid-gap: 20px;
max-width: 100%; } }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.info-module__content {
margin-top: 40px; } }
@media only screen and (max-width: 767px) {
.info-module__content {
margin-top: 30px; } }
@media only screen and (max-width: 767px) {
.integration {
background-color: #333;
border-radius: 18px; } }
.integration__header {
max-width: 560px;
width: 100%;
color: #fff; }
.integration__header .title {
color: inherit; }
.integration .text-image {
max-width: 100%; }
.integration__list {
display: grid;
grid-gap: 40px; }
@media only screen and (max-width: 1022.8px) {
.integration__list {
grid-gap: 40px; } }
@media only screen and (max-width: 767px) {
.integration__list {
grid-gap: 32px; } }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.integration__inner {
padding: 0 40px; } }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.integration__inner {
padding: 0 30px; } }
@media only screen and (max-width: 767px) {
.integration__inner {
padding: 0;
background-color: transparent; } }
.offer-module {
position: relative;
padding: 80px 0; }
@media only screen and (max-width: 1022.8px) {
.offer-module {
color: #fff;
padding: 40px 0; } }
@media only screen and (max-width: 767px) {
.offer-module {
padding: 32px 0; } }
.offer-module::before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: calc(50vw - 20px);
background-color: #333;
z-index: -1;
pointer-events: none;
border-radius: 0 40px 40px 0; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.offer-module::before {
width: calc(50vw - 6px); } }
@media only screen and (max-width: 1022.8px) {
.offer-module::before {
border-radius: 0;
width: 100vw; } }
.offer-module__left {
color: #fff; }
@media only screen and (max-width: 1022.8px) {
.offer-module__left {
margin-bottom: 40px; } }
.offer-module__left .title {
color: inherit; }
.offer-module__right {
display: grid;
grid-gap: 56px;
margin-bottom: 20px; }
@media only screen and (max-width: 767px) {
.offer-module__right {
grid-gap: 40px; } }
.offer-module__item {
display: grid;
grid-gap: 34px;
grid-template-columns: 64px 1fr; }
@media only screen and (max-width: 767px) {
.offer-module__item {
grid-gap: 24px; } }
.offer-module__item-title {
color: #333;
margin-bottom: 10px; }
@media only screen and (max-width: 1022.8px) {
.offer-module__item-title {
color: inherit; } }
.our-products {
position: relative; }
.our-products__header {
max-width: 440px; }
.our-products__nav {
position: relative; }
.our-products__nav .swiper-slide {
width: auto;
cursor: pointer; }
.our-products__nav .swiper-slide:hover .our-products__nav-item {
color: #333; }
.our-products__nav .swiper-slide.swiper-slide-thumb-active .our-products__nav-item {
background-color: #333;
color: #fff; }
.our-products__nav-item {
pointer-events: none;
position: relative;
text-align: left;
color: #7f807e;
display: flex;
min-height: 120px;
align-items: center;
width: 100%;
padding: 8px 32px;
border-radius: 24px 24px 0 0;
transition: background-color 0.3s ease, color 0.3s ease; }
@media only screen and (max-width: 1439px) {
.our-products__nav-item {
padding: 8px 24px; } }
@media only screen and (max-width: 1199px) {
.our-products__nav-item {
width: 280px; } }
@media only screen and (max-width: 1022.8px) {
.our-products__nav-item {
width: 260px;
min-height: 110px; } }
@media only screen and (max-width: 767px) {
.our-products__nav-item {
width: 240px; } }
.our-products__nav-arrow {
z-index: 3;
position: absolute;
top: 0;
height: 100%;
width: 30px;
opacity: 0.4;
background: white;
transition: opacity 0.3s ease; }
.our-products__nav-arrow.arrow-left {
left: 0;
background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0.75) 45%, rgba(255, 255, 255, 0) 100%); }
.our-products__nav-arrow.arrow-right {
right: 0;
background: linear-gradient(-90deg, white 0%, rgba(255, 255, 255, 0.75) 45%, rgba(255, 255, 255, 0) 100%); }
.our-products__nav-arrow[aria-disabled='true'] {
opacity: 0;
pointer-events: none; }
.our-products__tab {
color: #fff; }
.our-products__list {
display: grid;
grid-gap: 40px;
grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media only screen and (max-width: 1439px) {
.our-products__list {
grid-gap: 30px; } }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.our-products__list {
grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.our-products__list {
grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media only screen and (max-width: 767px) {
.our-products__list {
grid-template-columns: 1fr;
grid-gap: 32px; } }
.our-products .product-card {
max-width: 100%; }
.map-module .mod-map {
height: 100%;
left: 0;
position: absolute;
width: 100%;
top: 0;
pointer-events: none; }
.map-module {
position: relative;
background-color: #d8d9d7;
display: flex;
flex-direction: column; }
@media only screen and (max-width: 1022.8px) {
.map-module {
background-color: transparent;
border-radius: 0;
overflow: visible; } }
.map-module__content {
margin: 112px 150px 112px auto;
display: block;
max-width: 491px;
min-height: 276px;
width: 100%;
padding: 32px 40px;
background-color: #fff;
position: relative;
z-index: 9; }
@media only screen and (max-width: 1439px) {
.map-module__content {
margin-right: 40px; } }
@media only screen and (max-width: 1199px) {
.map-module__content {
margin-right: 20px;
margin: 60px 20px 60px auto;
padding: 30px;
max-width: 400px;
min-height: 1px; } }
@media only screen and (max-width: 1022.8px) {
.map-module__content {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
margin: 0;
max-width: 100%; } }
.map-module__content-text {
display: grid;
grid-gap: 40px;
grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media only screen and (max-width: 1022.8px) {
.map-module__content-text {
grid-template-columns: 1fr;
grid-gap: 20px; } }
.map-module__content .editor-text a:hover {
text-decoration: underline; }
.map-module .mod-map {
pointer-events: all;
z-index: 1; }
@media only screen and (max-width: 1022.8px) {
.map-module .mod-map {
position: relative;
margin-bottom: 30px;
height: 0;
padding-bottom: 56.25%;
border-radius: 18px;
overflow: hidden; } }
.packages.bg-dark::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none; }
.packages--secondary .section-title .title {
font-weight: 300;
color: #333; }
.packages--secondary .section-title .title {
font-size: 40px;
line-height: 1.2; }
@media only screen and (max-width: 1022.8px) {
.packages--secondary .section-title .title {
font-size: 28px; } }
@media only screen and (max-width: 767px) {
.packages--secondary .section-title .title {
font-size: 26px; } }
.packages .section-title {
text-align: left; }
.packages .package-card {
max-width: 100%;
height: 100%;
min-height: 1px; }
@media only screen and (max-width: 1199px) {
.packages .package-card {
width: 400px; } }
@media only screen and (max-width: 767px) {
.packages .package-card {
width: 360px; } }
@media (max-width: 375px) {
.packages .package-card {
width: 320px; } }
.packages .swiper-slide {
height: auto; }
@media only screen and (max-width: 1199px) {
.packages .swiper-slide {
width: auto; } }
@media only screen and (max-width: 1199px) {
.packages-slider {
overflow: visible; } }
.packages.bg-dark::after {
height: -250px;
top: -250px;
background-color: #333;
z-index: -1; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.packages.bg-dark::after {
height: -130px;
top: -130px; } }
@media only screen and (max-width: 1022.8px) {
.packages.bg-dark::after {
display: none; } }
.packages--secondary .section-title .title {
color: #000; }
.packages--secondary .package-card--border {
box-shadow: 0 16px 80px rgba(0, 0, 0, 0.2); }
@media only screen and (max-width: 1199px) {
.packages--secondary .package-card--border {
box-shadow: 0 16px 20px rgba(0, 0, 0, 0.2); } }
.packages--secondary .packages-slider {
overflow: visible; }
@media only screen and (max-width: 767px) {
.platform {
background-color: #f6f7f5;
border-radius: 18px; } }
.platform__header {
max-width: 560px;
width: 100%; }
.platform__header .title {
color: #000; }
.platform .text-image {
max-width: 100%; }
.platform__list {
display: grid;
grid-gap: 40px; }
@media only screen and (max-width: 1022.8px) {
.platform__list {
grid-gap: 40px; } }
@media only screen and (max-width: 767px) {
.platform__list {
grid-gap: 32px; } }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.platform__inner {
padding: 0 40px; } }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.platform__inner {
padding: 0 30px; } }
@media only screen and (max-width: 767px) {
.platform__inner {
padding: 0;
background-color: transparent; } }
.platform-landing__list::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none; }
.platform-landing__image {
position: relative;
height: 0;
padding-bottom: 104%; }
@media only screen and (max-width: 1022.8px) {
.platform-landing__image {
padding-bottom: 56.24%; } }
.platform-landing__image-inner {
border-radius: 0 40px 40px 0;
width: 50vw;
right: 0;
left: inherit; }
@media only screen and (max-width: 1022.8px) {
.platform-landing__image-inner {
width: 100%;
border-radius: 18px; } }
.platform-landing__header {
max-width: 440px;
width: 100%;
margin: 0 auto; }
@media only screen and (max-width: 1022.8px) {
.platform-landing__header {
max-width: 100%; } }
.platform-landing .platform-card {
max-width: 100%;
z-index: 4;
position: relative; }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.platform-landing__content {
margin-top: 40px; } }
@media only screen and (max-width: 767px) {
.platform-landing__content {
margin-top: 30px; } }
.platform-landing__list {
padding: 80px 120px 80px 0;
position: relative;
display: grid;
grid-gap: 20px; }
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.platform-landing__list {
padding-right: 80px; } }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.platform-landing__list {
padding: 60px 60px 60px 0; } }
@media only screen and (max-width: 1022.8px) {
.platform-landing__list {
padding: 40px 0; } }
@media only screen and (max-width: 767px) {
.platform-landing__list {
padding: 32px 0; } }
.platform-landing__list::before {
z-index: 3;
border-radius: 32px;
background-color: rgba(246, 247, 245, 0.6);
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
left: -120px;
width: calc(100% + 120px); }
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
.platform-landing__list::before {
left: -80px;
width: calc(100% + 80px); } }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.platform-landing__list::before {
left: -60px;
width: calc(100% + 60px); } }
@media only screen and (max-width: 1022.8px) {
.platform-landing__list::before {
width: 100vw;
left: 50%;
border-radius: 0;
transform: translate(-50%, 0); } }
.reference__image {
position: relative;
height: 0;
padding-bottom: 100%; }
.reference__inner {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: 40px; }
@media only screen and (max-width: 1199px) {
.reference__inner {
grid-gap: 24px; } }
@media only screen and (max-width: 1022.8px) {
.reference__inner {
grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media only screen and (max-width: 767px) {
.reference__inner {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 16px; } }
.reference__content {
grid-column: span 2;
padding: 50px;
height: 100%;
display: flex;
justify-content: center;
flex-direction: column;
max-width: 520px;
width: 100%; }
@media only screen and (max-width: 1199px) {
.reference__content {
padding: 24px; } }
@media only screen and (max-width: 1022.8px) {
.reference__content {
order: -1; } }
@media only screen and (max-width: 767px) {
.reference__content {
padding: 24px 0; } }
.mod-404 {
position: relative;
min-height: calc(var(--vh, 1vh) * 100);
padding: 100px 0; }
.mod-404::before {
content: '';
position: absolute;
left: 50%;
top: 0;
z-index: -1;
width: calc(100% - 120px);
height: calc(100% - 34px);
transform: translate(-50%, 0);
background-color: rgba(246, 247, 245, 0.7);
border-radius: 0 0 40px 40px; }
@media only screen and (max-width: 1439px) {
.mod-404::before {
width: calc(100% - 60px); } }
@media only screen and (max-width: 1199px) {
.mod-404::before {
width: calc(100% - 24px); } }
@media only screen and (max-width: 1022.8px) {
.mod-404::before {
border-radius: 0 0 20px 20px; } }
.mod-404__title {
color: #000;
font-size: 180px;
font-weight: 300;
text-align: left;
line-height: 0.8;
margin-bottom: 70px; }
@media only screen and (max-width: 1022.8px) {
.mod-404__title {
margin-bottom: 30px;
font-size: 120px; } }
@media only screen and (max-width: 767px) {
.mod-404__title {
font-size: 100px; } }
.mod-404__image {
text-align: center; }
@media only screen and (max-width: 1022.8px) {
.mod-404__image {
margin-bottom: 40px; } }
.mod-404__image img {
display: inline-block; }
@media only screen and (max-width: 767px) {
.mod-404__image img {
max-width: 240px; } }
.mod-404 .container {
margin: auto; }
.mobile-hamburger {
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
padding: 0;
font-size: inherit;
line-height: inherit;
color: inherit;
font-family: inherit;
font-weight: inherit; }
.header-main {
position: fixed;
left: 0;
top: 0;
width: 100%;
color: #fff;
z-index: 100;
padding: 38px 0;
transition: background-color 0.3s ease, padding 0.3s ease, box-shadow; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.header-main {
padding: 32px 0; } }
@media only screen and (max-width: 1022.8px) {
.header-main {
padding: 0; } }
.is-scrolled .header-main {
padding: 20px 0;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
@media only screen and (max-width: 1022.8px) {
.is-scrolled .header-main {
padding: 0; } }
.header-main__inner {
display: flex;
align-items: center;
justify-content: space-between;
color: #333;
font-size: 14px;
transition: background-color 0.3s ease, padding 0.3s ease; }
@media only screen and (max-width: 1022.8px) {
.header-main__left {
display: flex;
width: 100%;
align-items: center;
z-index: 9;
justify-content: space-between;
transition: background-color 0.3s ease; }
.is-open-menu .header-main__left {
background-color: #fff; } }
.header-main__logo {
display: inline-block;
max-width: 100px;
width: 100%;
position: relative;
z-index: 20; }
@media only screen and (max-width: 1022.8px) {
.header-main__logo {
max-width: 80px;
padding: 20px 0; } }
.header-main__logo img {
width: 100%;
height: auto; }
.header-main__right {
display: grid;
grid-gap: 44px;
grid-auto-flow: column;
align-items: center; }
@media only screen and (max-width: 1439px) {
.header-main__right {
grid-gap: 20px; } }
@media only screen and (max-width: 1022.8px) {
.header-main__right {
position: fixed;
grid-gap: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 70px 32px 0;
overflow: auto;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease; }
.is-open-menu .header-main__right {
visibility: visible;
opacity: 1; } }
.header-main__right .btn {
position: relative;
z-index: 9; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.header-main__right .btn {
font-size: 14px;
padding: 6px 20px;
min-height: 38px;
min-width: 1px; } }
@media only screen and (max-width: 1022.8px) {
.header-main__right .btn {
order: 99;
width: 100%; } }
.mobile-hamburger {
cursor: pointer;
z-index: 20;
position: relative;
width: 32px; }
.mobile-hamburger:after {
content: '';
width: 40px;
height: 40px;
border-radius: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: background-color 0.3s ease; }
.mobile-hamburger .bars {
background-color: #77b242;
height: 1px;
display: block;
margin-bottom: 9px;
width: 100%;
position: relative;
z-index: 3;
transition: transform 0.3s ease; }
.mobile-hamburger .bars:last-child {
margin-bottom: 0; }
.is-open-menu .mobile-hamburger .bars:first-child {
transform: translateY(10px) rotate(225deg); }
.is-open-menu .mobile-hamburger .bars:nth-child(2) {
transform: scale(0); }
.is-open-menu .mobile-hamburger .bars:last-child {
transform: translateY(-10px) rotate(315deg); }
.steps-module__inner {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 60px 15px;
align-items: flex-start; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.steps-module__inner {
grid-gap: 40px; } }
@media only screen and (max-width: 1022.8px) {
.steps-module__inner {
grid-gap: 40px 20px; } }
@media only screen and (max-width: 767px) {
.steps-module__inner {
grid-template-columns: 1fr;
grid-gap: 30px; } }
.steps-module__number {
position: relative;
width: 90px;
height: 90px;
border: 2px solid #77b242;
background-color: #fff;
border-radius: 100%;
color: #fff;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #77b242; }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.steps-module__number {
width: 80px;
height: 80px; } }
@media only screen and (max-width: 767px) {
.steps-module__number {
width: 70px;
height: 70px; } }
.steps-module__number::after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
width: 100vw;
height: 1px;
background-color: #d8d9d7;
pointer-events: none;
z-index: -1; }
.steps-module__number.title--h1 {
font-weight: 700; }
.steps-module__step {
display: flex;
flex-direction: column;
align-items: center;
max-width: 290px;
width: 100%;
margin: 0 auto; }
@media only screen and (max-width: 1199px) {
.steps-module__step {
max-width: 100%; } }
@media only screen and (max-width: 1022.8px) {
.steps-module .margin--36 {
height: 20px; } }
.three-col {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 40px; }
@media only screen and (max-width: 1022.8px) {
.three-col {
grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media only screen and (max-width: 767px) {
.three-col {
grid-template-columns: 1fr; } }
.three-col .title {
color: #000; }
.sc-video-module:last-child {
margin-bottom: 120px; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.sc-video-module:last-child {
margin-bottom: 80px; } }
@media only screen and (min-width: 768px) and (max-width: 1022.8px) {
.sc-video-module:last-child {
margin-bottom: 60px; } }
@media only screen and (max-width: 767px) {
.sc-video-module:last-child {
margin-bottom: 40px; } }
.sc-video-module:last-child .video__wrapper {
margin-bottom: 40px; }
.vision-module .title--h3 {
color: #fff; }
.vision-module .number-card {
max-width: 100%; }
@media only screen and (min-width: 1023.8px) and (max-width: 1199px) {
.vision-module .number-card {
width: 300px; } }
@media only screen and (max-width: 1022.8px) {
.vision-module .number-card {
width: 280px; } }
.vision-module .swiper-slide {
width: auto; }
@media only screen and (max-width: 1199px) {
.vision-module__slider {
overflow: visible; } }
@media only screen and (max-width: 767px) {
.two-col {
border-radius: 18px;
background-color: #f6f7f5; } }
.two-col__inner {
padding: 80px 0;
background-color: #f6f7f5; }
@media only screen and (max-width: 1199px) {
.two-col__inner {
padding: 50px 40px; } }
@media only screen and (max-width: 1022.8px) {
.two-col__inner {
padding: 40px; } }
@media only screen and (max-width: 767px) {
.two-col__inner {
padding: 32px 0;
background-color: transparent; } }
.two-col__list {
display: grid;
grid-gap: 40px; }
@media only screen and (max-width: 1022.8px) {
.two-col__list {
grid-gap: 32px; } }
@media only screen and (max-width: 767px) {
.two-col__list {
grid-gap: 24px; } }
.two-col__item {
padding: 40px;
background-color: #fff;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.03); }
@media only screen and (max-width: 767px) {
.two-col__item {
padding: 24px; } }