@charset "UTF-8";
@charset "UTF-8";
@charset 'UTF-8';
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}



 .animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.hinge {
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
animation-duration: .75s;
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transform: translate3d(0,0,0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0,-4px,0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
} @keyframes pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
.pulse {
animation-name: pulse;
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, .95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%, 20% {
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
} @keyframes wobble {
from {
transform: none;
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: none;
}
}
.wobble {
animation-name: wobble;
}
@keyframes jello {
from, 11.1%, to {
transform: none;
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-name: bounceIn;
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(.95, .95, .95);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px);
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
animation-name: hinge;
}
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.jackInTheBox {
animation-name: jackInTheBox;
} @keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: none;
}
}
.rollIn {
animation-name: rollIn;
} @keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
animation-name: slideOutUp;
}
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
html.remodal-is-locked {
overflow: hidden;
touch-action: none;
} .remodal,
[data-remodal-id] {
display: none;
} .remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none;
} .remodal-wrapper {
position: fixed;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
text-align: center;
-webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: "";
} .remodal-overlay,
.remodal-wrapper {
backface-visibility: hidden;
} .remodal {
position: relative;
outline: none;
text-size-adjust: 100%;
}
.remodal-is-initialized { display: inline-block;
}
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
filter: blur(3px);
} .remodal-overlay {
background: rgba(43, 46, 56, 0.9);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
animation-name: remodal-overlay-closing-keyframes;
} .remodal-wrapper {
padding: 10px 10px 0;
} .remodal {
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
padding: 35px;
transform: translate3d(0, 0, 0);
color: #2b2e38;
background: #fff;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
animation-name: remodal-closing-keyframes;
} .remodal,
.remodal-wrapper:after {
vertical-align: middle;
} .remodal-close {
position: absolute;
top: 0;
left: 0;
display: block;
overflow: visible;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
cursor: pointer;
transition: color 0.2s;
text-decoration: none;
color: #95979c;
border: 0;
outline: 0;
background: transparent;
}
.remodal-close:hover,
.remodal-close:focus {
color: #2b2e38;
}
.remodal-close:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 25px;
line-height: 35px;
position: absolute;
top: 0;
left: 0;
display: block;
width: 35px;
content: "\00d7";
text-align: center;
} .remodal-confirm,
.remodal-cancel {
font: inherit;
display: inline-block;
overflow: visible;
min-width: 110px;
margin: 0;
padding: 12px 0;
cursor: pointer;
transition: background 0.2s;
text-align: center;
vertical-align: middle;
text-decoration: none;
border: 0;
outline: 0;
}
.remodal-confirm {
color: #fff;
background: #81c784;
}
.remodal-confirm:hover,
.remodal-confirm:focus {
background: #66bb6a;
}
.remodal-cancel {
color: #fff;
background: #e57373;
}
.remodal-cancel:hover,
.remodal-cancel:focus {
background: #ef5350;
} .remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
padding: 0;
border: 0;
} @keyframes remodal-opening-keyframes {
from {
transform: scale(1.05);
opacity: 0;
}
to {
transform: none;
opacity: 1;
filter: blur(0);
}
}
@keyframes remodal-closing-keyframes {
from {
transform: scale(1);
opacity: 1;
}
to {
transform: scale(0.95);
opacity: 0;
filter: blur(0);
}
}
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
} @media only screen and (min-width: 641px) {
.remodal {
max-width: 700px;
}
} .lt-ie9 .remodal-overlay {
background: #2b2e38;
}
.lt-ie9 .remodal {
width: 700px;
}
.slick-slider
{
position: relative;
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: none;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: flex;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
} @font-face
{
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
width: 24px;
height: 16px;
display: block;
padding: 20px 40px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
opacity: 0.8;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
z-index: 99;
left: -5%;
background-image: url(//arut.marketing/wp-content/themes/arut/assets/img/prev.png);
background-position: center;
background-repeat: no-repeat;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '';
}
[dir='rtl'] .slick-prev:before
{
content: '';
}
.slick-next {
right: -5%;
background-image: url(//arut.marketing/wp-content/themes/arut/assets/img/next.png);
background-position: center;
background-repeat: no-repeat;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '';
}
[dir='rtl'] .slick-next:before
{
content: '';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: 25px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
height: 6px;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: flex;
flex-wrap: nowrap;
justify-content: center;
width: 50px;
height: 6px;
background: #000000;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: flex;
width: 50px;
height: 6px;
background: #000000;
padding: 0px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
background: silver;
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
background: silver;
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 6px;
content: '';
text-align: center;
opacity: .25;
color: silver;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: silver;
}
.slick-active .slick-dots{
background: silver;
padding: 0;
margin: 0;
}
@font-face {
font-family: "Druk Text Wide Cyr";
src: url(//arut.marketing/wp-content/themes/arut/assets/fonts/druktextwidecyr-medium.woff2) format("woff2");
font-style: normal;
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: "Druk Text Wide Cyr";
src: url(//arut.marketing/wp-content/themes/arut/assets/fonts/DrukCyrWide-Heavy.woff2) format("woff2");
font-style: normal;
font-weight: 900;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//arut.marketing/wp-content/themes/arut/assets/fonts/Montserrat-Regular.woff2) format("woff2");
font-style: normal;
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//arut.marketing/wp-content/themes/arut/assets/fonts/Montserrat-Bold.woff2) format("woff2");
font-style: normal;
font-weight: 600;
font-display: swap;
}
code,
kbd,
pre,
samp,
tt,
var {
font: 14px/18px Consolas, "Courier New", monospace;
}
body,
optgroup {
color: #000;
background: #fff;
}
body,
code,
dl,
dd,
form,
pre {
margin: 0;
}
a:link,
a:visited,
ins {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:link img,
a:visited img,
object,
fieldset,
abbr,
acronym {
border: none;
}
sub,
sup {
position: relative;
display: inline-block;
font-size: 11px;
line-height: 11px;
}
sub {
top: 5px;
vertical-align: middle;
}
sup {
top: -2px;
margin-top: -11px;
}
abbr,
acronym {
cursor: help;
border-bottom: 1px dotted #999;
}
address,
cite,
dfn {
font-style: normal;
}
code,
pre {
white-space: pre-wrap;
}
img {
vertical-align: bottom;
}
td,
th,
textarea {
vertical-align: top;
}
input,
select,
button {
overflow: visible;
vertical-align: middle;
}
legend {
color: #000;
margin: 0 0 -2px;
padding: 0;
}
li {
display: block;
list-style: none;
}
optgroup option {
padding-left: 22px;
}
table {
border-collapse: collapse;
}
caption,
th {
text-align: left;
}
td,
th {
padding: 0;
}
address,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6,
fieldset,
p,
ol,
ul {
margin: 0;
padding: 0;
}
th,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
}
q {
quotes: "«" "»" "„" "“";
}
q:after {
content: "»";
}
q:before {
content: "«";
}
q > q:after {
content: "“";
}
q > q:before {
content: "„";
}
.hamburger {
font: inherit;
display: inline-block;
overflow: visible;
margin: 0;
padding: 15px;
cursor: pointer;
transition-timing-function: linear;
transition-duration: 0.15s;
transition-property: opacity, filter;
text-transform: none;
color: inherit;
border: 0;
background-color: transparent;
}
.hamburger:hover {
opacity: 0.7;
}
textarea,
input[type=text],
input[type=button],
input[type=submit] {
-webkit-appearance: none;
border-radius: 0;
-webkit-appearance: none;
}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}  button {
border: none;
display: block;
cursor: pointer;
transition: 0.25s;
}
* {
box-sizing: border-box;
outline: none;
}
input::-moz-placeholder {
padding: 0;
}
input::placeholder {
padding: 0;
}
input {
outline: none;
border: none;
}
a {
text-decoration: none;
transition: 0.25s;
}
textarea {
resize: none;
outline: none;
}
a:hover {
text-decoration: none;
}
a,
.hamburger,
button {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} input.error {
border: 1px solid red !important;
}
label.error {
display: none !important;
}
body {
width: 100%;
max-width: 100%;
overflow-x: hidden;
}
.wpcf7-form br {
display: none !important;
}
span.wpcf7-not-valid-tip {
display: none !important;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
display: none !important;
}
input.wpcf7-not-valid {
border: 1px solid red !important;
}
div.wpcf7-mail-sent-ok {
display: none !important;
}
div.wpcf7 .ajax-loader {
display: none !important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
display: none !important;
}
.wpcf7 form.sent .wpcf7-response-output {
display: none !important;
}
.wpcf7 form .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
display: none !important;
}
.page_container {
width: 100%;
overflow: hidden;
}
:root {
--main-family: "Druk Text Wide Cyr", sans-serif;
--container-width: 1920px;
}
.page_container {
width: 100%;
overflow: hidden;
}
body,
input,
button,
textarea,
a {
font-family: var(--main-family);
font-weight: 400;
}
.section {
position: relative;
}
.wrapper {
width: var(--container-width);
max-width: 100%;
padding: 0 64px;
margin: 0 auto;
position: relative;
}
.header-language {
position: relative;
padding: 10px;
}
.header-language:hover .hover-language {
max-height: 80px;
opacity: 1;
}
.active-language .lang-item {
display: none;
}
.active-language .current-lang {
display: block;
}
.active-language .current-lang a {
font-weight: 300;
font-size: 16px;
line-height: 19px;
text-align: center;
letter-spacing: 0.06em;
color: #333333;
}
.hover-language {
position: absolute;
bottom: 0px;
overflow: hidden;
max-height: 0px;
transition: 0.35s;
left: 50%;
transform: translate(-50%, 100%);
background: #fff;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
border-radius: 10px;
}
.hover-language a {
font-weight: 300;
font-size: 16px;
line-height: 19px;
text-align: center;
letter-spacing: 0.06em;
color: #333333;
}
.hover-language a:hover {
color: #333333;
text-decoration: underline;
}
.hover-language ul {
padding: 6px 10px;
}
.hover-language .current-lang {
display: none;
}
.active-language .current-lang {
display: flex;
align-items: center;
justify-content: center;
}
.remodal-form {
width: 450px;
max-width: 100%;
}
.remodal-close:before {
display: none;
}
.remodal_form {
width: 450px;
max-width: 100%;
}
.remodal-close {
left: auto;
right: 20px;
top: 20px;
width: 20px;
height: 20px;
background-image: url(//arut.marketing/wp-content/themes/arut/assets/images/remodal_close.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.remodal-form__header {
font-weight: 700;
font-size: 24px;
line-height: 35px;
text-align: center;
letter-spacing: 0.2px;
color: var(--main-color);
margin-bottom: 40px;
}
.input-hidden {
display: none !important;
}
.remodal_wrapper_2 .section-title {
text-align: center;
margin-bottom: 40px;
}
.remodal-form__form {
width: 100%;
}
.remodal-form__form input {
width: 100%;
display: block;
margin-bottom: 30px;
border: 1px solid #DFDFDF;
box-sizing: border-box;
line-height: 30px;
padding: 10px 20px;
color: var(--main-color);
font-size: 16px;
}
.remodal-form__form input:focus {
border: 1px solid #575656;
}
.remodal-form__form input::-moz-placeholder {
color: var(--main-color);
opacity: 0.8;
}
.remodal-form__form input::placeholder {
color: var(--main-color);
opacity: 0.8;
}
.remodal-form__form label {
display: block;
margin-bottom: 15px;
font-style: normal;
font-weight: normal;
text-align: left;
font-size: 16px;
line-height: 19px;
color: var(--main-color);
}
.remodal-form__form button {
width: 100% !important;
}
.remodal-thanks {
background: #36B37E;
border-radius: 10px;
width: 450px;
max-width: 100%;
padding: 50px 30px;
}
.remodal-thanks .remodal-close {
background-image: url(//arut.marketing/wp-content/themes/arut/assets/img/remodal_close_white.svg);
background-position: center;
background-repeat: no-repeat;
}
.remodal-thanks__wrap {
display: flex;
justify-content: center;
align-items: center;
}
.remodal-thanks__icon {
width: 32px;
height: 21px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin-right: 26px;
min-width: 32px;
}
.remodal-thnaks__header {
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 22px;
margin-bottom: 5px;
text-align: left;
color: #FFFFFF;
}
.remodal_thanks__text {
font-style: normal;
font-weight: normal;
font-size: 16px;
text-align: left;
line-height: 16px;
color: #FFFFFF;
}
.header-hambugreg {
display: none;
width: 30px;
height: 20px;
position: relative;
cursor: pointer;
transition: 0.25s;
}
.header-hambugreg:before {
content: "";
display: block;
position: absolute;
top: 0%;
left: 50%;
transform: translate(-50%, 0%);
transform-origin: center;
transition: 0.25s;
width: 100%;
height: 2px;
background: #003563;
}
.header-hambugreg:after {
content: "";
display: block;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -100%);
transform-origin: center;
transition: 0.25s;
width: 100%;
height: 2px;
background: #003563;
}
.header-hambugreg.is-active .header-hamburger-line {
transform: translate(-50%, -50%) rotate(135deg);
opacity: 0;
}
.header-hambugreg.is-active:before {
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(135deg);
}
.header-hambugreg.is-active:after {
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(225deg);
}
.header-hamburger-line {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transform-origin: center;
transition: 0.25s;
width: 100%;
height: 2px;
background: #003563;
}
body {
background: #101010;
}
.main-header {
position: fixed;
z-index: 300;
padding: 30px 0;
transition: 0.25s;
width: 100%;
}
.main-header .wrapper {
transition: 0.25s;
}
.main-header.fixed {
padding: 0 !important;
}
.main-header.fixed .wrapper {
padding: 0 !important;
}
.main-header.fixed .main-header-box {
border-radius: 0;
background: rgba(47, 47, 47, 0.95);
}
.main-header-box {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 14px;
border-radius: 16px;
background: rgba(47, 47, 47, 0.5);
transition: 0.25s;
}
.main-header-logo {
display: block;
}
.main-header-logo img {
display: block;
width: auto;
height: auto;
max-width: 120px;
max-height: 48px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: left center;
object-position: left center;
}
.main-menu {
margin-left: auto;
margin-right: auto;
}
.main-menu ul {
display: flex;
align-items: center;
justify-content: center;
}
.main-menu li {
padding: 12px 16px;
}
.main-menu a {
color: #F2F2F2;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 16px;
font-family: "Montserrat", sans-serif;
}
.main-menu a:hover {
color: #0CF25C;
}
.header_tg {
border-radius: 100%;
background-color: #0CF25C;
width: 48px;
height: 48px;
min-width: 48px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDdMOSAxMUwxNSAxN0wxOSAxTDEgOEw1IDEwTDcgMTZMMTAgMTIiIHN0cm9rZT0iIzJGMkYyRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
background-position: center;
background-repeat: no-repeat;
background-size: 18px;
}
.header_tg:hover {
background-color: #0AC24A;
}
.header-language {
text-align: center;
color: #F2F2F2;
font-size: 14px;
font-style: normal;
font-weight: 700;
font-family: "Montserrat", sans-serif;
line-height: 16px;
margin-right: 12px;
}
.header-language .active-language .lang-item a {
text-align: center;
color: #F2F2F2;
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-style: normal;
font-weight: 700;
line-height: 16px;
}
.header-language .hover-language a {
text-align: center;
color: #000;
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-style: normal;
font-weight: 700;
line-height: 16px;
}
.mobile-header {
display: none;
}
.mobile-soc-title {
color: #0CF25C;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
margin-bottom: 24px;
margin-top: 100px;
width: 234px;
max-width: 100%;
}
.mobile-soc-list {
display: flex;
gap: 8px;
}
.mobile-soc-list a {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: #0CF25C;
border-radius: 100%;
}
.mobile-soc-list a img {
display: block;
width: auto;
height: auto;
max-width: 80%;
max-height: 80%;
display: block;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.page-container {
position: relative;
overflow: hidden;
}
.page-lines {
position: fixed;
z-index: -1;
pointer-events: none;
top: 0;
left: 50%;
transform: translateX(-50%);
height: 100vh;
width: 1920px;
max-width: 100%;
}
.page-line-1 {
position: absolute;
top: 0;
left: 64px;
height: 100%;
width: 1px;
background: #727272;
opacity: 0.6;
}
.page-line-2 {
left: calc(64px + (100% - 128px) / 3);
position: absolute;
top: 0;
height: 100%;
width: 1px;
background: #727272;
opacity: 0.6;
}
.page-line-3 {
left: calc(64px + (100% - 128px) / 3 * 2);
position: absolute;
top: 0;
height: 100%;
width: 1px;
background: #727272;
opacity: 0.6;
}
.page-line-4 {
left: calc(100% - 64px);
position: absolute;
top: 0;
height: 100%;
width: 1px;
background: #727272;
opacity: 0.6;
}
.hero {
position: relative;
padding-top: 264px;
}
.hero-contet-box {
width: 665px;
max-width: 100%;
margin-left: 182px;
margin-right: auto;
position: relative;
z-index: 15;
}
.hero-contet-box-bg {
border-radius: 16px;
background: #023113;
padding: 24px;
width: 100%;
position: relative;
z-index: 10;
}
.hero-title {
color: #F2F2F2;
font-size: 88px;
font-style: normal;
font-weight: 900;
line-height: 100%;
margin-bottom: 24px;
}
.hero-title strong {
color: #0CF25C;
font-weight: 900;
}
.hero-text-after-title {
color: #F2F2F2;
font-size: 64px;
font-style: normal;
font-weight: 900;
line-height: 100%;
}
.hero-content-box-2 {
margin-top: -53px;
margin-left: 750px;
position: relative;
z-index: 20;
padding: 24px;
color: #F2F2F2;
font-size: 32px;
font-style: normal;
font-weight: 900;
line-height: 120%;
letter-spacing: -1px;
border-radius: 16px;
background: rgba(47, 47, 47, 0.5);
width: 640px;
max-width: 100%;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.hero-content-box-2 strong {
font-weight: 900;
color: #0CF25C;
}
.hero-btn {
border-radius: 56px;
background: #0CF25C;
display: flex;
align-items: center;
justify-content: center;
margin-left: 182px;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
padding: 24px;
color: #2F2F2F;
font-family: "Montserrat", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 24px;
margin-top: -72px;
position: relative;
z-index: 22;
}
.hero-btn:after {
content: "";
display: block;
width: 24px;
min-width: 24px;
height: 24px;
margin-left: 8px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY3NzlfMjM3NSkiPgo8cGF0aCBkPSJNNS43MjQ2MSAxMkgxOS43MjQ2IiBzdHJva2U9IiMyRjJGMkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMy43MjQ2IDE4TDE5LjcyNDYgMTIiIHN0cm9rZT0iIzJGMkYyRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEzLjcyNDYgNkwxOS43MjQ2IDEyIiBzdHJva2U9IiMyRjJGMkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNjc3OV8yMzc1Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC43MjQ2MDkpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.hero-btn:hover {
background-color: #0AC24A;
}
.hero-round-item-1 {
content: "";
display: block;
width: 388px;
height: 388px;
border-radius: 100%;
background: #0CF25C;
filter: blur(247px);
position: absolute;
top: -40px;
left: 600px;
z-index: 2;
}
.hero-round-item-2 {
content: "";
display: block;
width: 539px;
height: 539px;
border-radius: 100%;
background: #056125;
filter: blur(247px);
position: absolute;
opacity: 0.7;
top: 333px;
right: -60px;
z-index: 2;
}
.hero-round-item-3 {
content: "";
display: block;
width: 368px;
height: 368px;
border-radius: 100%;
background: #056125;
filter: blur(247px);
position: absolute;
opacity: 0.7;
top: 250px;
left: 64px;
z-index: 2;
}
.hero-round-item-4 {
content: "";
display: block;
width: 538px;
height: 538px;
border-radius: 100%;
background: #023113;
filter: blur(247px);
position: absolute;
opacity: 0.7;
top: 720px;
left: 50%;
z-index: 16;
}
.hero-main-photo {
position: absolute;
right: 60px;
top: -140px;
width: 1018px;
max-width: 100%;
z-index: 15;
}
.hero-main-photo img {
display: block;
width: 100%;
height: auto;
}
.hero-main-photo:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 7.99%, #111 100%);
}
.hero-design-item-1 {
width: 121px;
height: 122px;
position: absolute;
left: 924px;
top: 171px;
z-index: 5;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.hero-design-item-1 img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.hero-design-item-2 {
position: absolute;
z-index: 5;
width: 293px;
height: 303px;
top: -96px;
right: 65px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.hero-design-item-2 img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.hero-design-item-3 {
position: absolute;
z-index: 17;
width: 156px;
height: 158px;
top: 575px;
right: 455px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.hero-design-item-3 img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.m-2 {
position: relative;
padding-top: 200px;
z-index: 30;
}
.m-2-flex {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.m-2-left {
width: 605px;
max-width: 33.33%;
color: #F2F2F2;
font-size: 32px;
font-style: normal;
font-weight: 900;
line-height: 120%;
letter-spacing: -1px;
}
.m-2-left p {
margin-bottom: 32px;
}
.m-2-left p:last-child {
margin-bottom: 0;
}
.m-2-left strong {
color: #0CF25C;
font-weight: 900;
}
.m-2-right {
width: 926px;
max-width: 55%;
display: flex;
flex-wrap: wrap;
gap: 48px;
}
.m-2-item {
width: calc(50% - 24px);
padding: 24px;
max-width: 100%;
flex-grow: 2;
}
.m-2-item-count {
color: #0CF25C;
font-size: 64px;
font-style: normal;
font-weight: 900;
line-height: 100%;
margin-bottom: 32px;
}
.m-2-item-text {
color: #B9B9B9;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: -1px;
}
.hero-design-item-1 img {
animation: float1 6s ease-in-out infinite;
}
.hero-design-item-2 img {
animation: float2 7s ease-in-out infinite;
}
.hero-design-item-3 img {
animation: float3 5.5s ease-in-out infinite;
}
@keyframes float1 {
0%, 100% {
transform: translate(0, 0);
}
25% {
transform: translate(8px, -12px);
}
50% {
transform: translate(-6px, -6px);
}
75% {
transform: translate(10px, 8px);
}
}
@keyframes float2 {
0%, 100% {
transform: translate(0, 0);
}
20% {
transform: translate(-10px, -8px);
}
40% {
transform: translate(12px, -4px);
}
60% {
transform: translate(-6px, 10px);
}
80% {
transform: translate(8px, -10px);
}
}
@keyframes float3 {
0%, 100% {
transform: translate(0, 0);
}
30% {
transform: translate(10px, 6px);
}
50% {
transform: translate(-8px, -12px);
}
70% {
transform: translate(12px, 4px);
}
90% {
transform: translate(-6px, 8px);
}
}
.hero-round-item-1 {
animation: fade1 4s ease-in-out infinite;
}
.hero-round-item-2 {
animation: fade2 5s ease-in-out infinite;
}
.hero-round-item-3 {
animation: fade3 6s ease-in-out infinite;
}
.hero-round-item-4 {
animation: fade1 4s ease-in-out infinite;
}
@keyframes fade1 {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.3;
}
}
@keyframes fade2 {
0%, 100% {
opacity: 1;
}
25% {
opacity: 0.4;
}
75% {
opacity: 0.6;
}
}
@keyframes fade3 {
0%, 100% {
opacity: 1;
}
40% {
opacity: 0.2;
}
60% {
opacity: 0.5;
}
}
.m-3 {
padding-top: 96px;
}
.section-title {
color: #F2F2F2;
font-size: 56px;
font-style: normal;
font-weight: 900;
line-height: 120%;
letter-spacing: -1px;
margin-bottom: 96px;
}
.m-3-flex {
display: flex;
gap: 24px;
position: relative;
}
.m-3-flex:after {
content: "";
animation: fade1 4s ease-in-out infinite;
display: block;
border-radius: 100%;
background: #056125;
filter: blur(247px);
width: 538px;
height: 538px;
position: absolute;
top: -176px;
left: 43%;
}
.m-3-item {
position: relative;
z-index: 20;
width: calc(33.33% - 16px);
border-radius: 16px;
background: rgba(47, 47, 47, 0.5);
padding: 32px 16px;
border: 1px solid rgba(255, 255, 255, 0.15);
display: flex;
flex-direction: column;
}
.m-3-item:before {
content: "";
display: block;
width: 16px;
height: 16px;
border-radius: 100%;
background: #0CF25C;
margin-bottom: 48px;
}
.m-3-item-title {
color: #F2F2F2;
font-size: 40px;
font-style: normal;
font-weight: 900;
line-height: 120%;
letter-spacing: -1px;
margin-bottom: 24px;
}
.m-3-item-text {
color: #B9B9B9;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 140%;
letter-spacing: -1px;
margin-bottom: 30px;
}
.m-3-item-bottom-text {
color: #F2F2F2;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 140%;
letter-spacing: -1px;
margin-bottom: 14px;
}
.m-3-item-bottom-text strong {
color: #0CF25C;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.m-3-item-btn {
padding: 24px;
border-radius: 56px;
background: #0CF25C;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #2F2F2F;
font-family: "Montserrat", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 24px;
margin-top: auto;
}
.m-3-item-btn:after {
content: "";
display: block;
width: 24px;
height: 24px;
min-width: 24px;
margin-left: 8px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY3ODdfMzUyOCkiPgo8cGF0aCBkPSJNNSAxMkgxOSIgc3Ryb2tlPSIjMkYyRjJGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTMgMThMMTkgMTIiIHN0cm9rZT0iIzJGMkYyRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEzIDZMMTkgMTIiIHN0cm9rZT0iIzJGMkYyRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF82Nzg3XzM1MjgiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.m-3-item-btn:hover {
background: #0AC24A;
}
.m-4 {
padding-top: 298px;
}
.m-4-top {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 48px;
}
.m-4-top .section-title {
margin-bottom: 0;
}
.m-4-top-text {
color: #B9B9B9;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 140%;
width: 550px;
max-width: 100%;
}
.m-4-top-text strong {
color: #0CF25C;
}
.m-4-list {
display: flex;
flex-wrap: wrap;
gap: 24px;
margin-bottom: 48px;
position: relative;
}
.m-4-list:before {
content: "";
display: block;
position: absolute;
width: 539px;
height: 539px;
border-radius: 100%;
top: 18px;
left: 35%;
border-radius: 538.724px;
background: #056125;
filter: blur(247px);
animation: fade3 6s ease-in-out infinite;
}
.m-4-item {
position: relative;
z-index: 20;
width: calc(33.33% - 16px);
border-radius: 16px;
background: rgba(81, 81, 81, 0.5);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.15);
padding: 32px;
}
.m-4-item-title {
color: #F2F2F2;
font-size: 32px;
font-style: normal;
font-weight: 900;
line-height: 120%;
margin-bottom: 24px;
}
.m-4-item-image {
display: block;
width: 100%;
position: relative;
margin-bottom: 24px;
}
.m-4-item-image:after {
content: "";
display: block;
padding-top: 62%;
}
.m-4-item-image img {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 14px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.m-4-item-sub-title {
color: #B9B9B9;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
margin-bottom: 4px;
}
.m-4-item-sub-value {
color: #F2F2F2;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 120%;
margin-bottom: 24px;
}
.m-4-item-sub-value:last-child {
margin-bottom: 0;
}
.m-4-btn-more {
display: flex;
align-items: center;
justify-content: center;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
margin-top: 48px;
color: #F2F2F2;
font-family: "Montserrat", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 24px;
border-radius: 56px;
border: 2px solid #F2F2F2;
padding: 24px;
margin-left: auto;
margin-right: auto;
}
.m-4-btn-more:after {
content: "";
display: block;
width: 24px;
height: 24px;
margin-left: 8px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY3OTlfMjU1NCkiPgo8cGF0aCBkPSJNMTIuNSA1LjkzMjYyVjE5LjkzMjYiIHN0cm9rZT0iI0YyRjJGMiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTUuNSAxMi45MzI2SDE5LjUiIHN0cm9rZT0iI0YyRjJGMiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF82Nzk5XzI1NTQiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjUgMC45MzI2MTcpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.m-4-btn-more:hover {
background: #E7FEEF;
color: #2F2F2F;
}
.m-4-btn-more:hover:after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMVYxNU0xIDhIMTUiIHN0cm9rZT0iIzJGMkYyRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.m-5 {
position: relative;
padding-top: 281px;
padding-bottom: 167px;
}
.m-5 + .m-3 {
position: relative;
z-index: 20;
padding-top: 0;
padding-bottom: 96px;
}
.m-5-content {
position: relative;
z-index: 20;
width: 975px;
max-width: 100%;
margin-left: auto;
}
.m-5-content-top {
border-radius: 16px;
background: #023113;
padding: 64px 32px;
color: #F2F2F2;
font-size: 88px;
font-style: normal;
font-weight: 900;
line-height: 100%;
margin-right: auto;
width: calc(100% - 19px);
}
.m-5-content-top strong {
color: #0CF25C;
}
.m-5-form-box {
border-radius: 16px;
background: rgba(47, 47, 47, 0.4);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding: 48px;
width: 786px;
max-width: 100%;
margin-left: auto;
margin-top: -22px;
}
.m-5-form-box-title {
color: #F2F2F2;
font-size: 32px;
font-style: normal;
font-weight: 900;
line-height: 120%;
letter-spacing: -1px;
margin-bottom: 35px;
}
.m-5-form-box-style input {
display: block;
width: 100%;
border-radius: 48px;
background: #F2F2F2;
margin-bottom: 35px;
color: #000;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
padding: 17px 16px;
}
.m-5-form-box-style input::-moz-placeholder {
color: #727272;
}
.m-5-form-box-style input::placeholder {
color: #727272;
}
.m-5-form-btn {
display: flex;
align-items: center;
justify-content: center;
color: #2F2F2F;
font-family: "Montserrat", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 24px;
padding: 24px;
border-radius: 56px;
background: #0CF25C;
transition: 0.25s;
cursor: pointer;
}
.m-5-form-btn:after {
content: "";
display: block;
width: 24px;
height: 24px;
min-width: 24px;
margin-left: 8px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY4MTNfMjk5OSkiPgo8cGF0aCBkPSJNNSAxMi45MzI2SDE5IiBzdHJva2U9IiMyRjJGMkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMyAxOC45MzI2TDE5IDEyLjkzMjYiIHN0cm9rZT0iIzJGMkYyRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEzIDYuOTMyNjJMMTkgMTIuOTMyNiIgc3Ryb2tlPSIjMkYyRjJGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzY4MTNfMjk5OSI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC45MzI2MTcpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.m-5-form-btn:hover {
background: #0AC24A;
}
.m-5-image {
position: absolute;
z-index: 10;
width: 1200px;
top: -270px;
left: -120px;
}
.m-5-image:before {
content: "";
display: block;
border-radius: 100%;
opacity: 0.7;
background: #056125;
width: 538px;
height: 538px;
filter: blur(247px);
position: absolute;
top: 540px;
z-index: 5;
left: 120px;
animation: fade1 4s ease-in-out infinite;
}
.m-5-image:after {
content: "";
display: block;
border-radius: 100%;
width: 389px;
height: 389px;
filter: blur(247px);
position: absolute;
top: 425px;
z-index: 5;
right: 367px;
animation: fade1 4s ease-in-out infinite;
border-radius: 388.682px;
background: #0CF25C;
}
.m-5-image img {
display: block;
width: 100%;
height: auto;
position: relative;
z-index: 20;
}
.m-5-dis-item {
position: absolute;
z-index: 8;
top: 70px;
width: 309px;
animation: float3 5.5s ease-in-out infinite;
height: 319px;
right: 417px;
background-image: url(//arut.marketing/wp-content/themes/arut/assets/images/m-5-dis-item-1.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.m-5-image-wrap {
position: relative;
width: 100%;
z-index: 20;
}
.m-5-image-wrap:after {
content: "";
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.23%, #111 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 30;
}
.hide-input-page-name {
display: none !important;
}
.button-name {
display: none !important;
}
.m-6 {
position: relative;
z-index: 20;
}
.m-6-top {
position: relative;
display: flex;
justify-content: space-between;
margin-bottom: 48px;
}
.m-6-top-left {
width: 45%;
}
.m-6-top-right {
width: calc(50% - 12px);
display: flex;
gap: 24px;
}
.m-6-top-right .m-6-item {
width: calc(50% - 12px);
}
.m-6-item {
width: calc(25% - 18px);
border-radius: 16px;
border: 2px solid #056125;
padding: 24px;
position: relative;
z-index: 10;
}
.m-6-item-step {
color: #727272;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 140%;
margin-bottom: 24px;
}
.m-6-item-title {
color: #F2F2F2;
font-size: 32px;
font-style: normal;
font-weight: 900;
line-height: 120%;
margin-bottom: 24px;
}
.m-6-item-text {
color: #F2F2F2;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 140%;
}
.m-6-top-title {
color: #F2F2F2;
font-size: 56px;
font-style: normal;
font-weight: 900;
line-height: 120%;
margin-bottom: 32px;
}
.m-6-top-text-after-title {
color: #F2F2F2;
font-size: 32px;
font-style: normal;
font-weight: 900;
line-height: 120%;
width: 534px;
max-width: 100%;
}
.m-6-list {
display: flex;
flex-wrap: wrap;
gap: 24px;
position: relative;
}
.m-6-list:before {
content: "";
display: block;
position: absolute;
width: 1868px;
max-width: 98vw;
height: 463px;
top: -225px;
left: 51%;
transform: translateX(-50%);
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg2OCIgaGVpZ2h0PSI0NjMiIHZpZXdCb3g9IjAgMCAxODY4IDQ2MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC40NiIgZD0iTTgxNy41MjUgMi4yOTU0MUM4OTguMzU3IDU0LjkyOTYgMTEyMy4yMSA2NC43ODA0IDEzODMuMzcgNjQuNzgwMkMxNzA4LjU4IDY0Ljc4IDE4NTcuMDggMzQuNzAzNCAxODU1LjIgODcuMzM3NUMxODUzLjMyIDEzOS45NzIgMTg0MC40NyAyMDMuNzQ1IDEzNzIuNCAxODguNzA2QzkwNC4zMzEgMTczLjY2OCAxNDEuNjczIDU4LjY4NTggNjQuMjc1OCAxMTcuNzUyQy0xMy4xMjE0IDE3Ni44MTggLTUxLjAyNzQgMzMyLjUzNiAxNTAuNjEyIDM1NC45NDFDMzUyLjI1MSAzNzcuMzQ1IDE4MjguODcgNDA4LjYxNCAxODY1LjcxIDQ2MS41NyIgc3Ryb2tlPSIjNzI3MjcyIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1kYXNoYXJyYXk9IjE2IDE2Ii8+Cjwvc3ZnPgo=");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.m-6-list:after {
content: "";
display: block;
position: absolute;
border-radius: 100%;
background: #0AC24A;
filter: blur(247px);
width: 260px;
height: 260px;
bottom: -90px;
left: 38%;
animation: fade2 5s ease-in-out infinite;
}
.m-6-item-dis {
position: absolute;
bottom: -178px;
left: 38%;
width: 309px;
height: 319px;
z-index: 4;
}
.m-6-item-dis img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
animation: float2 7s ease-in-out infinite;
}
.m-7 {
position: relative;
z-index: 20;
padding-top: 97px;
}
.m-7 .section-title {
margin-bottom: 0;
}
.m-7 .slick-list {
overflow: visible;
}
.m-7-top-row {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
z-index: 20;
margin-bottom: 48px;
}
.m-7 {
overflow: hidden;
}
.m-7-top-btns {
display: flex;
align-items: center;
gap: 16px;
}
.m-7-btn {
cursor: pointer;
border-radius: 48px;
background-color: #727272;
border-radius: 100%;
transition: 0.25s;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMTIuOTMyNkgxOU01IDEyLjkzMjZMMTEgMTguOTMyNk01IDEyLjkzMjZMMTEgNi45MzI2MiIgc3Ryb2tlPSIjRjJGMkYyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 56px;
height: 56px;
}
.m-7-btn:hover {
background-color: #0AC24A;
}
.m-7-btn-right {
transform: rotate(180deg);
}
.m-7-slide {
width: 433px;
padding-right: 24px;
}
.m-7-slide-wrap {
width: 100%;
border-radius: 16px;
background: rgba(47, 47, 47, 0.7);
padding: 48px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.m-7-slide-wrap-image {
height: 24px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.m-7-slide-wrap img {
display: block;
width: auto;
max-width: 100%;
height: 24px;
margin-bottom: 24px;
object-fit: contain;
object-position: center;
}
.m-7-slide-text {
color: #F2F2F2;
font-family: "Montserrat", sans-serif;
margin-bottom: 24px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.m-7-slide-name {
color: #F2F2F2;
font-size: 20px;
font-style: normal;
font-weight: 900;
line-height: 120%;
margin-bottom: 9px;
}
.m-7-slide-job {
color: #F2F2F2;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
.m-7-slick {
position: relative;
z-index: 10;
}
.m-7-slick-wrap {
position: relative;
}
.m-7-item-dis {
display: block;
width: 406px;
height: 413px;
top: -230px;
left: 139px;
z-index: 4;
position: absolute;
}
.m-7-item-dis img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
animation: float3 7s ease-in-out infinite;
}
.m-8 {
position: relative;
z-index: 1;
padding-top: 96px;
}
.m-8-flex {
display: flex;
position: relative;
justify-content: space-between;
}
.m-8-flex:before {
content: "";
display: block;
position: absolute;
border-radius: 100%;
background: #0AC24A;
filter: blur(247px);
width: 323px;
height: 323px;
z-index: 2;
left: 120px;
top: -230px;
animation: fade3 5s ease-in-out infinite;
}
.m-8-left {
width: calc(50% - 12px);
position: relative;
z-index: 20;
}
.m-8-right {
position: relative;
z-index: 20;
width: calc(50% - 12px);
}
.m-8-item {
padding-bottom: 16px;
margin-bottom: 20px;
border-bottom: 1px solid #727272;
cursor: pointer;
}
.m-8-item:last-child {
margin-bottom: 0;
}
.m-8-item.active .m-8-item-question-btn:before {
opacity: 0;
}
.m-8-item.active .m-8-item-question {
color: #0AC24A;
}
.m-8-item.active .m-8-item-answer {
max-height: 500px;
padding-top: 16px;
}
.m-8-item-question {
position: relative;
padding-right: 64px;
color: #F2F2F2;
font-size: 32px;
font-style: normal;
font-weight: 900;
line-height: 120%;
}
.m-8-item-question-btn {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 48px;
height: 48px;
transition: 0.25s;
border-radius: 100%;
background: #727272;
}
.m-8-item-question-btn:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
transition: 0.25s;
width: 14px;
transform: translate(-50%, -50%);
height: 2px;
background: #F2F2F2;
}
.m-8-item-question-btn:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: 0.25s;
width: 2px;
height: 14px;
background: #F2F2F2;
}
.m-8-item-answer {
transition: 0.25s;
max-height: 0;
overflow: hidden;
color: #B9B9B9;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.m-8-item-dis {
width: 157px;
height: 159px;
position: absolute;
left: 38%;
top: 65%;
}
.m-8-item-dis img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
animation: float2 7s ease-in-out infinite;
}
.m-9 {
padding-top: 160px;
}
.m-9-top {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 48px;
}
.m-9-top .section-title {
margin-bottom: 0;
}
.m-9-btn {
color: #F2F2F2;
font-family: "Montserrat", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 24px;
border-radius: 56px;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
border: 2px solid #F2F2F2;
}
.m-9-btn:after {
content: "";
display: block;
width: 24px;
height: 24px;
min-width: 24px;
margin-left: 8px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY4NjhfMTA2NykiPgo8cGF0aCBkPSJNNSAxMi45MzI2SDE5IiBzdHJva2U9IiNGMkYyRjIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMyAxOC45MzI2TDE5IDEyLjkzMjYiIHN0cm9rZT0iI0YyRjJGMiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEzIDYuOTMyNjJMMTkgMTIuOTMyNiIgc3Ryb2tlPSIjRjJGMkYyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzY4NjhfMTA2NyI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC45MzI2MTcpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.m-9-btn:hover {
background: #E7FEEF;
color: #2F2F2F;
}
.m-9-btn:hover:after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY4NzRfMzY0NykiPgo8cGF0aCBkPSJNNSAxMkgxOSIgc3Ryb2tlPSIjMkYyRjJGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTMgMThMMTkgMTIiIHN0cm9rZT0iIzJGMkYyRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEzIDZMMTkgMTIiIHN0cm9rZT0iIzJGMkYyRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF82ODc0XzM2NDciPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
}
.m-9-list {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.m-9-list:before {
content: "";
display: block;
position: absolute;
border-radius: 100%;
background: #056125;
filter: blur(247px);
width: 540px;
height: 540px;
z-index: 2;
left: 120px;
top: 230px;
animation: fade3 5s ease-in-out infinite;
}
.m-9-item {
width: calc(33.33% - 16px);
position: relative;
z-index: 20;
}
.m-9-item-image {
display: block;
width: 100%;
position: relative;
border-radius: 16px !important;
overflow: hidden;
}
.m-9-item-image:after {
content: "";
display: block;
padding-top: 75%;
}
.m-9-item-image img {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-position: center;
object-fit: cover;
}
.main-pagination {
margin-top: 30px;
}
.m-9-item-data {
color: #F2F2F2;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 140%;
margin-top: 16px;
}
.m-9-item-title {
color: #F2F2F2;
font-size: 32px;
font-style: normal;
font-weight: 900;
line-height: 120%;
margin-top: 16px;
}
.m-9-item-btn {
display: flex;
align-items: center;
justify-content: center;
margin-top: 24px;
color: #F2F2F2;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
transition: 0.25s;
border-radius: 56px;
border: 2px solid #F2F2F2;
padding: 14px 16px;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
}
.m-9-item-btn:after {
content: "";
display: block;
width: 24px;
height: 24px;
min-width: 24px;
margin-left: 8px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuOTMyNjJMNyAxNy45MzI2TTE3IDcuOTMyNjJIOE0xNyA3LjkzMjYyVjE2LjkzMjYiIHN0cm9rZT0iI0YyRjJGMiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.m-9-item-btn:hover {
background: #E7FEEF;
color: #2F2F2F;
}
.m-9-item-btn:hover:after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDdMNyAxN00xNyA3SDhNMTcgN1YxNiIgc3Ryb2tlPSIjMkYyRjJGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}
.m-10 {
padding-bottom: 96px;
position: relative;
}
.m-10-flex {
display: flex;
justify-content: space-between;
}
.m-10-left {
display: flex;
flex-direction: column;
width: calc(50% - 12px);
}
.m-10-left .section-title {
margin-bottom: auto;
padding-bottom: 24px;
}
.m-10 {
padding-top: 160px;
position: relative;
z-index: 10;
}
.m-10-right {
width: calc(50% - 12px);
position: relative;
}
.m-10-right:before {
content: "";
display: block;
position: absolute;
border-radius: 100%;
background: rgba(12, 242, 92, 0.5);
filter: blur(247px);
width: 592px;
height: 592px;
z-index: 2;
pointer-events: none;
left: -120px;
top: -40px;
animation: fade2 5s ease-in-out infinite;
}
.m-10-box {
position: relative;
z-index: 20;
border-radius: 16px;
background: rgba(47, 47, 47, 0.4);
padding: 48px;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.15);
}
.m-10-box-title {
color: #F2F2F2;
font-size: 32px;
font-style: normal;
font-weight: 900;
line-height: 120%;
margin-bottom: 20px;
}
.m-10-box-sub-title {
color: #0CF25C;
font-size: 32px;
font-style: normal;
font-weight: 900;
line-height: 120%;
margin-bottom: 35px;
}
.m-10-link-link {
display: flex;
align-items: center;
color: #F2F2F2;
font-size: 40px;
font-style: normal;
font-weight: 900;
line-height: 120%;
margin-bottom: 24px;
}
.m-10-link-link:last-child {
margin-bottom: 0;
}
.m-10-link-link:before {
content: "";
display: block;
width: 40px;
height: 40px;
min-width: 40px;
margin-right: 24px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.m-10-link-link:hover {
color: #0CF25C;
}
.m-10-link-link-tg:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA0MCA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1IDE3LjU5OTZMMTguMzMzMyAyNC4yNjYzTDI4LjMzMzMgMzQuMjY2M0wzNSA3LjU5OTYxTDUgMTkuMjY2M0wxMS42NjY3IDIyLjU5OTZMMTUgMzIuNTk5NkwyMCAyNS45MzI5IiBzdHJva2U9IiMwQ0YyNUMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}
.m-10-link-link-whatsapp:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA0MCA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDE3LjU5OTVDMTUgMTcuODIwNSAxNS4wODc4IDE4LjAzMjUgMTUuMjQ0MSAxOC4xODg4QzE1LjQwMDQgMTguMzQ1MSAxNS42MTIzIDE4LjQzMjkgMTUuODMzMyAxOC40MzI5QzE2LjA1NDMgMTguNDMyOSAxNi4yNjYzIDE4LjM0NTEgMTYuNDIyNiAxOC4xODg4QzE2LjU3ODkgMTguMDMyNSAxNi42NjY3IDE3LjgyMDUgMTYuNjY2NyAxNy41OTk1VjE1LjkzMjlDMTYuNjY2NyAxNS43MTE4IDE2LjU3ODkgMTUuNDk5OSAxNi40MjI2IDE1LjM0MzZDMTYuMjY2MyAxNS4xODczIDE2LjA1NDMgMTUuMDk5NSAxNS44MzMzIDE1LjA5OTVDMTUuNjEyMyAxNS4wOTk1IDE1LjQwMDQgMTUuMTg3MyAxNS4yNDQxIDE1LjM0MzZDMTUuMDg3OCAxNS40OTk5IDE1IDE1LjcxMTggMTUgMTUuOTMyOVYxNy41OTk1Wk0xNSAxNy41OTk1QzE1IDE5LjgwOTcgMTUuODc4IDIxLjkyOTMgMTcuNDQwOCAyMy40OTIxQzE5LjAwMzYgMjUuMDU0OSAyMS4xMjMyIDI1LjkzMjkgMjMuMzMzMyAyNS45MzI5TTIzLjMzMzMgMjUuOTMyOUgyNUMyNS4yMjEgMjUuOTMyOSAyNS40MzMgMjUuODQ1MSAyNS41ODkzIDI1LjY4ODhDMjUuNzQ1NSAyNS41MzI1IDI1LjgzMzMgMjUuMzIwNSAyNS44MzMzIDI1LjA5OTVDMjUuODMzMyAyNC44Nzg1IDI1Ljc0NTUgMjQuNjY2NiAyNS41ODkzIDI0LjUxMDNDMjUuNDMzIDI0LjM1NCAyNS4yMjEgMjQuMjY2MiAyNSAyNC4yNjYySDIzLjMzMzNDMjMuMTEyMyAyNC4yNjYyIDIyLjkwMDQgMjQuMzU0IDIyLjc0NDEgMjQuNTEwM0MyMi41ODc4IDI0LjY2NjYgMjIuNSAyNC44Nzg1IDIyLjUgMjUuMDk5NUMyMi41IDI1LjMyMDUgMjIuNTg3OCAyNS41MzI1IDIyLjc0NDEgMjUuNjg4OEMyMi45MDA0IDI1Ljg0NTEgMjMuMTEyMyAyNS45MzI5IDIzLjMzMzMgMjUuOTMyOVpNNSAzNS45MzI4TDcuNzUgMjkuNTk5NUM1LjY0NjEgMjYuNjEyOSA0LjcwNDQ1IDIyLjk2MTIgNS4xMDE3NCAxOS4zMjk3QzUuNDk5MDQgMTUuNjk4MSA3LjIwNzk4IDEyLjMzNjQgOS45MDc4NSA5Ljg3NTM0QzEyLjYwNzcgNy40MTQzMSAxNi4xMTI5IDYuMDIzMTcgMTkuNzY1NiA1Ljk2Mjk4QzIzLjQxODQgNS45MDI3OSAyNi45Njc1IDcuMTc3NjkgMjkuNzQ3IDkuNTQ4NDNDMzIuNTI2NSAxMS45MTkyIDM0LjM0NTIgMTUuMjIyOCAzNC44NjIgMTguODM5M0MzNS4zNzg3IDIyLjQ1NTcgMzQuNTU3OSAyNi4xMzY1IDMyLjU1MzUgMjkuMTkwOEMzMC41NDkyIDMyLjI0NSAyNy40OTkxIDM0LjQ2MjggMjMuOTc1NyAzNS40MjhDMjAuNDUyMiAzNi4zOTMxIDE2LjY5NzcgMzYuMDM5MyAxMy40MTY3IDM0LjQzMjhMNSAzNS45MzI4WiIgc3Ryb2tlPSIjMENGMjVDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}
.main-footer {
background: #1C1A17;
padding: 64px 0;
}
.main-footer-top {
margin-bottom: 64px;
display: flex;
justify-content: space-between;
align-items: center;
}
.main-footer-top-right {
display: flex;
align-items: center;
}
.main-footer-social {
margin-left: 33px;
}
.main-footer-social .mobile-soc-title {
margin-top: 0;
}
.main-footer-main {
color: #B9B9B9;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
display: block;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
margin-bottom: 12px;
text-decoration: underline !important;
}
.main-footer-main:hover {
text-decoration: none !important;
}
.main-footer-phone {
color: #B9B9B9;
font-family: "Montserrat", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 24px;
display: block;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
}
.main-footer-top-left .main-header-logo {
margin-bottom: 24px;
}
.main-footer-menu ul {
display: flex;
}
.main-footer-menu ul li {
padding: 12px 16px;
}
.main-footer-menu ul a {
color: #F2F2F2;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 16px;
}
.main-footer-menu ul a:hover {
color: #0CF25C;
}
.main-footer-bot {
display: flex;
justify-content: space-between;
align-items: center;
}
.main-footer-bot-copy {
color: #F2F2F2;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%;
}
.main-footer-bot ul {
width: 100%;
display: flex;
justify-content: space-between;
}
.main-footer-bot li {
color: #F2F2F2;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.main-footer-bot li a {
color: #F2F2F2;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.main-footer-bot li a:hover {
color: #0CF25C;
}
.f1-hero {
padding-top: 126px;
}
.cases-hero {
padding-bottom: 112px;
}
.breadcrumbs {
gap: 8px;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 24px;
color: #F2F2F2;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.breadcrumbs a {
color: #F2F2F2;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.breadcrumbs .sep {
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSA4TDUuOTk5OTcgMTNMNS4yOTI5NyAxMi4yOTNMOS41ODU5NyA4TDUuMjkyOTcgMy43MDdMNS45OTk5NyAzTDExIDhaIiBmaWxsPSIjRjJGMkYyIi8+CjxtYXNrIGlkPSJtYXNrMF82ODg4XzM1MDkiIHN0eWxlPSJtYXNrLXR5cGU6bHVtaW5hbmNlIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSI1IiB5PSIzIiB3aWR0aD0iNiIgaGVpZ2h0PSIxMCI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEgOEw1Ljk5OTk3IDEzTDUuMjkyOTcgMTIuMjkzTDkuNTg1OTcgOEw1LjI5Mjk3IDMuNzA3TDUuOTk5OTcgM0wxMSA4WiIgZmlsbD0id2hpdGUiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzY4ODhfMzUwOSkiPgo8L2c+Cjwvc3ZnPgo=");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.cases-hero-title-wrap {
display: flex;
align-items: flex-start;
margin-bottom: 96px;
}
.cases-hero-title {
color: #F2F2F2;
font-size: 56px;
font-style: normal;
font-weight: 900;
line-height: 120%;
}
.cases-hero-count {
margin-left: 24px;
color: #727272;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 140%;
}
.cases-table {
margin-bottom: 32px;
}
.cases-item {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 16px;
margin-bottom: 16px;
border-bottom: 1px solid #F2F2F2;
}
.cases-item:last-child {
margin-bottom: 0;
}
.cases-item-count {
color: #F2F2F2;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 140%;
width: 62px;
min-width: 62px;
}
.cases-item-count-icon {
width: 48px;
height: 48px;
min-width: 48px;
margin-left: 12px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDFDMzYuNzAyNSAxIDQ3IDExLjI5NzUgNDcgMjRDNDcgMzYuNzAyNSAzNi43MDI1IDQ3IDI0IDQ3QzExLjI5NzUgNDcgMSAzNi43MDI1IDEgMjRDMSAxMS4yOTc1IDExLjI5NzUgMSAyNCAxWiIgc3Ryb2tlPSIjRjJGMkYyIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTI5IDE5TDE5IDI5TTI5IDE5SDIwTTI5IDE5VjI4IiBzdHJva2U9IiNGMkYyRjIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.cases-item-title {
color: #F2F2F2;
font-size: 32px;
font-style: normal;
font-weight: 900;
line-height: 120%;
width: calc(37% - 56.6666666667px);
}
.cases-item-desc {
color: #F2F2F2;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 140%;
width: calc(33% - 56.6666666667px);
}
.cases-item-count-lids {
color: #F2F2F2;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 140%;
width: calc(30% - 56.6666666667px);
}
.cs-title {
color: #F2F2F2;
font-size: 40px;
font-style: normal;
font-weight: 900;
line-height: 120%;
letter-spacing: -1px;
position: relative;
z-index: 20;
margin-bottom: 96px;
}
.cs-main-box {
display: flex;
justify-content: space-between;
gap: 24px;
padding-bottom: 96px;
position: relative;
}
.cs-main-box:after {
content: "";
display: block;
border-radius: 348.006px;
background: #0CF25C;
filter: blur(247px);
position: absolute;
width: 350px;
height: 350px;
z-index: 1;
border-radius: 100%;
left: 367px;
top: 245px;
animation: fade2 5s ease-in-out infinite;
}
.cs-main-box:before {
content: "";
display: block;
border-radius: 348.006px;
background: #0CF25C;
filter: blur(247px);
position: absolute;
width: 468px;
height: 468px;
z-index: 1;
border-radius: 100%;
left: 50%;
bottom: -400px;
animation: fade2 5s ease-in-out infinite;
}
.cs-main-box-left {
width: 33.33%;
display: flex;
flex-direction: column;
gap: 24px;
position: relative;
z-index: 10;
}
.cs-main-box-left-top {
width: 100%;
border-radius: 16px;
background: rgba(47, 47, 47, 0.5);
padding: 24px;
border: 1px solid rgba(255, 255, 255, 0.15);
}
.cs-main-box-left-top-title {
color: #F2F2F2;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 140%;
margin-bottom: 10px;
}
.cs-main-box-left-top-value {
color: #F2F2F2;
font-size: 32px;
font-style: normal;
font-weight: 900;
line-height: 120%;
}
.cs-main-box-left-top-value strong {
font-weight: 900;
color: #0CF25C;
}
.cs-main-box-right {
width: calc(66.66% - 24px);
display: flex;
flex-direction: column;
gap: 24px;
position: relative;
z-index: 10;
}
.cs-main-box-left-bot {
width: 100%;
border-radius: 16px;
background: #023113;
padding: 24px;
flex-grow: 2;
}
.cs-main-box-left-bot-text-before-title {
color: #F2F2F2;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 120%;
margin-bottom: 24px;
}
.cs-main-box-left-bot-title {
color: #F2F2F2;
font-size: 32px;
font-style: normal;
font-weight: 900;
line-height: 120%;
margin-bottom: 24px;
}
.cs-main-box-left-bot-text ul li {
position: relative;
color: #B9B9B9;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 120%;
margin-bottom: 8px;
padding-left: 32px;
}
.cs-main-box-left-bot-text ul li:last-child {
margin-bottom: 0;
}
.cs-main-box-left-bot-text ul li:before {
content: "";
display: block;
width: 16px;
height: 16px;
background: #BE2525;
border-radius: 100%;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.cs-main-box-right-top {
border-radius: 16px;
background: rgba(47, 47, 47, 0.5);
padding: 24px;
border: 1px solid rgba(255, 255, 255, 0.15);
flex-grow: 2;
}
.cs-main-box-right-top-title {
color: #F2F2F2;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 140%;
margin-bottom: 10px;
}
.cs-main-box-right-top-value ul li {
padding-left: 32px;
position: relative;
color: #B9B9B9;
font-size: 20px;
font-style: normal;
font-weight: 500;
margin-bottom: 10px;
line-height: 140%;
}
.cs-main-box-right-top-value ul li:last-child {
margin-bottom: 0;
}
.cs-main-box-right-top-value ul li:before {
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
background: #0CF25C;
border-radius: 100%;
width: 16px;
height: 16px;
}
.cs-main-box-right-bot {
border-radius: 16px;
background: rgba(47, 47, 47, 0.5);
padding: 24px;
border: 1px solid rgba(255, 255, 255, 0.15);
}
.cs-main-box-right-bot-title {
color: #F2F2F2;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 140%;
margin-bottom: 10px;
}
.cs-main-box-right-bot-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.cs-main-box-right-bot-item {
width: calc(33.33% - 6.6666666667px);
}
.page-container {
min-height: calc(100vh - 200px);
}
.thanks-page {
padding-bottom: 120px;
}
.thanks-page .hero-btn {
margin-top: 40px;
margin-left: 0;
min-width: 280px;
}
.thanks-page .hero-title {
font-size: 64px;
font-weight: 500;
}
.thanks-page .hero-text-after-title {
font-size: 32px;
line-height: initial;
font-weight: 500;
}
.cs-main-box-right-bot-item-title {
color: #0CF25C;
font-size: 36px;
font-style: normal;
font-weight: 900;
line-height: 120%;
margin-bottom: 8px;
}
.cs-main-box-right-bot-item-text {
color: #F2F2F2;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 120%;
}
.cs-main-dis-1 {
position: absolute;
top: -64px;
left: 32%;
width: 309px;
height: 319px;
z-index: 3;
}
.cs-main-dis-1 img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
animation: float3 7s ease-in-out infinite;
}
.cs-main-dis-2 {
position: absolute;
bottom: -140px;
left: 120px;
width: 448px;
height: 554px;
z-index: 3;
}
.cs-main-dis-2 img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
animation: float2 7s ease-in-out infinite;
}
.cs-dual-image {
display: flex;
align-items: flex-start;
position: relative;
padding-bottom: 96px;
gap: 24px;
position: relative;
z-index: 30;
}
.cs-dual-image-item {
width: calc(50% - 12px);
position: relative;
z-index: 20;
}
.cs-dual-image-item img {
display: block;
width: 100%;
height: auto;
border-radius: 16px;
}
.cs-three-image {
position: relative;
z-index: 30;
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: space-between;
}
.cs-three-image-item {
width: calc(33.33% - 6.6666666667px);
position: relative;
display: block;
z-index: 30;
}
.cs-three-image-item img {
display: block;
width: 100%;
height: 100%;
border-radius: 14px;
position: absolute;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.cs-three-image-item:after {
content: "";
padding-top: 54%;
display: block;
}
.cs-main-dis-3 {
position: absolute;
bottom: -40px;
left: 31%;
width: 157px;
height: 159px;
z-index: 3;
}
.cs-main-dis-3 img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
animation: float2 7s ease-in-out infinite;
}
.sing-container {
width: 1400px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.sing-image {
margin-bottom: 32px;
}
.sing-image img {
display: block;
width: 100%;
height: auto;
border-radius: 24px;
}
.sing-data {
color: #008C99;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
margin-bottom: 16px;
}
.sing-title {
color: #F2F2F2;
font-size: 56px;
font-style: normal;
font-weight: 900;
line-height: 120%;
letter-spacing: -1px;
margin-bottom: 24px;
}
.sing-row-follow {
margin-bottom: 32px;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.sing-row-follow a {
display: block;
width: 40px;
height: 40px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.sing-row-follow-whatsapp {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MSA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHJ4PSIyMCIgZmlsbD0iIzI1RDM2NiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI1LjgwNTkgMTQuNjcyMUMyNC40MDI2IDEzLjI2NzEgMjIuNTM2MyAxMi40OTMgMjAuNTQ4MSAxMi40OTIyQzE2LjQ1MTEgMTIuNDkyMiAxMy4xMTY3IDE1LjgyNjQgMTMuMTE1MSAxOS45MjQ1QzEzLjExNDUgMjEuMjM0NiAxMy40NTY4IDIyLjUxMzQgMTQuMTA3MiAyMy42NDA2TDEzLjA1MjcgMjcuNDkyMkwxNi45OTMxIDI2LjQ1ODZDMTguMDc4OCAyNy4wNTA4IDE5LjMwMTEgMjcuMzYyOSAyMC41NDUgMjcuMzYzM0gyMC41NDgyQzI0LjY0NDcgMjcuMzYzMyAyNy45Nzk0IDI0LjAyODcgMjcuOTgxIDE5LjkzMDVDMjcuOTgxOCAxNy45NDQzIDI3LjIwOTMgMTYuMDc2OSAyNS44MDU5IDE0LjY3MjFaTTIwLjU0ODEgMjYuMTA4SDIwLjU0NTVDMTkuNDM3IDI2LjEwNzUgMTguMzQ5OCAyNS44MDk2IDE3LjQwMTEgMjUuMjQ2OUwxNy4xNzU2IDI1LjExMjlMMTQuODM3NCAyNS43MjYzTDE1LjQ2MTUgMjMuNDQ2NkwxNS4zMTQ1IDIzLjIxMjhDMTQuNjk2MSAyMi4yMjkyIDE0LjM2OTUgMjEuMDkyMyAxNC4zNzAxIDE5LjkyNUMxNC4zNzE0IDE2LjUxODggMTcuMTQyOSAxMy43NDc2IDIwLjU1MDUgMTMuNzQ3NkMyMi4yMDA3IDEzLjc0ODEgMjMuNzUxOSAxNC4zOTE1IDI0LjkxODIgMTUuNTU5M0MyNi4wODQ2IDE2LjcyNzEgMjYuNzI2NiAxOC4yNzkyIDI2LjcyNiAxOS45M0MyNi43MjQ2IDIzLjMzNjUgMjMuOTUzMyAyNi4xMDggMjAuNTQ4MSAyNi4xMDhaTTIzLjkzNjggMjEuNDgxQzIzLjc1MTEgMjEuMzg4IDIyLjgzOCAyMC45Mzg4IDIyLjY2NzcgMjAuODc2OEMyMi40OTc2IDIwLjgxNDggMjIuMzczNiAyMC43ODM5IDIyLjI0OTkgMjAuOTY5OEMyMi4xMjYxIDIxLjE1NTYgMjEuNzcwMiAyMS41NzQgMjEuNjYxOCAyMS42OTc5QzIxLjU1MzQgMjEuODIxOSAyMS40NDUyIDIxLjgzNzQgMjEuMjU5NCAyMS43NDQ0QzIxLjA3MzcgMjEuNjUxNSAyMC40NzUzIDIxLjQ1NTMgMTkuNzY1OCAyMC44MjI2QzE5LjIxMzggMjAuMzMwMSAxOC44NDExIDE5LjcyMTkgMTguNzMyNyAxOS41MzYxQzE4LjYyNDUgMTkuMzUgMTguNzMxOCAxOS4yNTkyIDE4LjgxNDEgMTkuMTU3QzE5LjAxNTIgMTguOTA3NCAxOS4yMTY1IDE4LjY0NTYgMTkuMjc4NCAxOC41MjE4QzE5LjM0MDQgMTguMzk3OCAxOS4zMDk0IDE4LjI4OTMgMTkuMjYyOCAxOC4xOTY0QzE5LjIxNjUgMTguMTAzNSAxOC44NDUxIDE3LjE4OTMgMTguNjkwNCAxNi44MTczQzE4LjUzOTUgMTYuNDU1MyAxOC4zODY1IDE2LjUwNDIgMTguMjcyNCAxNi40OTg1QzE4LjE2NDIgMTYuNDkzMSAxOC4wNDAzIDE2LjQ5MiAxNy45MTY1IDE2LjQ5MkMxNy43OTI3IDE2LjQ5MiAxNy41OTE1IDE2LjUzODUgMTcuNDIxMiAxNi43MjQ1QzE3LjI1MSAxNi45MTA0IDE2Ljc3MTIgMTcuMzU5NyAxNi43NzEyIDE4LjI3MzhDMTYuNzcxMiAxOS4xODggMTcuNDM2NyAyMC4wNzExIDE3LjUyOTYgMjAuMTk1MUMxNy42MjI0IDIwLjMxOSAxOC44MzkyIDIyLjE5NDkgMjAuNzAyMiAyMi45OTkzQzIxLjE0NTQgMjMuMTkwOSAyMS40OTEyIDIzLjMwNSAyMS43NjEgMjMuMzkwNkMyMi4yMDYgMjMuNTMyIDIyLjYxMDcgMjMuNTEyIDIyLjkzMDggMjMuNDY0MkMyMy4yODc3IDIzLjQxMDkgMjQuMDI5NSAyMy4wMTQ5IDI0LjE4NDQgMjIuNTgxMUMyNC4zMzkyIDIyLjE0NzIgMjQuMzM5MiAyMS43NzU0IDI0LjI5MjcgMjEuNjk3OUMyNC4yNDYzIDIxLjYyMDUgMjQuMTIyNSAyMS41NzQgMjMuOTM2OCAyMS40ODFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
}
.sing-row-follow-facebook {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MSA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHJ4PSIyMCIgZmlsbD0iIzNCNTk5OCIvPgo8cGF0aCBkPSJNMjEuODMzMyAyOEgxOC42NjFWMjAuMTEzMUgxNi41VjE3LjU0NTNIMTguNjYwOVYxNS43MTgxQzE4LjY2MDkgMTMuNTUyOSAxOS42MTY3IDEyIDIyLjc4MDQgMTJDMjMuNDQ5NSAxMiAyNC41IDEyLjEzNDUgMjQuNSAxMi4xMzQ1VjE0LjUxODlIMjMuMzk2NkMyMi4yNzI0IDE0LjUxODkgMjEuODMzNCAxNC44NTk5IDIxLjgzMzQgMTUuODAyOFYxNy41NDUzSDI0LjQ1NzlMMjQuMjI0MiAyMC4xMTMxSDIxLjgzMzRMMjEuODMzMyAyOFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
}
.sing-row-follow-twitter {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MSA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHJ4PSIyMCIgZmlsbD0iIzFEQTFGMiIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNjc2M18yOTk3KSI+CjxwYXRoIGQ9Ik0xNy41MDM4IDI2LjQwMjJDMjMuNTA4MSAyNi40MDIyIDI2Ljc5MTcgMjEuNDU2MyAyNi43OTE3IDE3LjE2NzVDMjYuNzkxNyAxNy4wMjcgMjYuNzg4OCAxNi44ODcyIDI2Ljc4MjQgMTYuNzQ3OUMyNy40MjE0IDE2LjI4ODMgMjcuOTcyOCAxNS43MTkyIDI4LjQxMDggMTUuMDY3M0MyNy44MjU5IDE1LjMyNTggMjcuMTk2NSAxNS40OTk4IDI2LjUzNjIgMTUuNTc4M0MyNy4yMTAxIDE1LjE3NjUgMjcuNzI3NSAxNC41NDA4IDI3Ljk3MTYgMTMuNzgzMUMyNy4zMzA4IDE0LjE2MSAyNi42Mjk4IDE0LjQyNzUgMjUuODk4OCAxNC41NzA5QzI1LjMwMzEgMTMuOTQgMjQuNDU1IDEzLjU0NTUgMjMuNTE2IDEzLjU0NTVDMjEuNzEzMyAxMy41NDU1IDIwLjI1MTQgMTQuOTk5IDIwLjI1MTQgMTYuNzkwN0MyMC4yNTE0IDE3LjA0NTQgMjAuMjgwMSAxNy4yOTMxIDIwLjMzNjEgMTcuNTMwN0MxNy42MjMgMTcuMzk1IDE1LjIxNzMgMTYuMTAzNSAxMy42MDcyIDE0LjEzOTZDMTMuMzE3MiAxNC42MzUgMTMuMTY0NyAxNS4xOTc5IDEzLjE2NTIgMTUuNzcxQzEzLjE2NTIgMTYuODk3IDEzLjc0MTUgMTcuODkxMSAxNC42MTc5IDE4LjQ3MjZDMTQuMDk5NSAxOC40NTY5IDEzLjU5MjUgMTguMzE3NyAxMy4xMzk1IDE4LjA2NjdDMTMuMTM5IDE4LjA4MDMgMTMuMTM5IDE4LjA5MzYgMTMuMTM5IDE4LjEwODJDMTMuMTM5IDE5LjY4IDE0LjI2NDIgMjAuOTkyNCAxNS43NTc5IDIxLjI4OTdDMTUuNDc3MyAyMS4zNjU3IDE1LjE4NzkgMjEuNDA0MSAxNC44OTcxIDIxLjQwMzlDMTQuNjg3MSAyMS40MDM5IDE0LjQ4MjUgMjEuMzgzNCAxNC4yODM2IDIxLjM0NTRDMTQuNjk5MiAyMi42MzUgMTUuOTA0MyAyMy41NzM1IDE3LjMzMyAyMy41OTk3QzE2LjIxNTcgMjQuNDcwNCAxNC44MDgzIDI0Ljk4OSAxMy4yNzg3IDI0Ljk4OUMxMy4wMTg0IDI0Ljk4OTIgMTIuNzU4NCAyNC45NzQyIDEyLjUgMjQuOTQ0QzEzLjk0NDcgMjUuODY0NyAxNS42NjAyIDI2LjQwMTkgMTcuNTAzOSAyNi40MDE5IiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzY3NjNfMjk5NyI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjUgMTIpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
}
.sing-row-follow-linkedin {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MSA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHJ4PSIyMCIgZmlsbD0iIzAwNzdCNSIvPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNjc2M18yOTk4KSI+CjxwYXRoIGQ9Ik0yOC40OTU4IDI4VjI3Ljk5OTNIMjguNDk5OFYyMi4xMzEzQzI4LjQ5OTggMTkuMjYwNyAyNy44ODE4IDE3LjA0OTMgMjQuNTI1OCAxNy4wNDkzQzIyLjkxMjUgMTcuMDQ5MyAyMS44Mjk4IDE3LjkzNDcgMjEuMzg3OCAxOC43NzRIMjEuMzQxMlYxNy4zMTczSDE4LjE1OTJWMjcuOTk5M0gyMS40NzI1VjIyLjcxQzIxLjQ3MjUgMjEuMzE3MyAyMS43MzY1IDE5Ljk3MDcgMjMuNDYxMiAxOS45NzA3QzI1LjE2MDUgMTkuOTcwNyAyNS4xODU4IDIxLjU2IDI1LjE4NTggMjIuNzk5M1YyOEgyOC40OTU4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEyLjc2MzcgMTcuMzE4SDE2LjA4MVYyOEgxMi43NjM3VjE3LjMxOFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNC40MjEzIDEyQzEzLjM2MDcgMTIgMTIuNSAxMi44NjA3IDEyLjUgMTMuOTIxM0MxMi41IDE0Ljk4MiAxMy4zNjA3IDE1Ljg2MDcgMTQuNDIxMyAxNS44NjA3QzE1LjQ4MiAxNS44NjA3IDE2LjM0MjcgMTQuOTgyIDE2LjM0MjcgMTMuOTIxM0MxNi4zNDIgMTIuODYwNyAxNS40ODEzIDEyIDE0LjQyMTMgMTJWMTJaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzY3NjNfMjk5OCI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjUgMTIpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
}
.sing-row-follow-copy {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MSA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHJ4PSIyMCIgZmlsbD0iIzc3ODc4RiIvPgo8cGF0aCBkPSJNMjAuMDU4NCAxNS41ODA2TDIxLjYwNTIgMTQuMDMzOEMyMS45MjQ0IDEzLjcxNDMgMjIuMzAzMyAxMy40NjA5IDIyLjcyMDQgMTMuMjg3OUMyMy4xMzc2IDEzLjExNSAyMy41ODQ3IDEzLjAyNTkgMjQuMDM2MiAxMy4wMjU4QzI0LjQ4NzggMTMuMDI1NyAyNC45MzQ5IDEzLjExNDYgMjUuMzUyMSAxMy4yODczQzI1Ljc2OTMgMTMuNDYwMSAyNi4xNDg0IDEzLjcxMzMgMjYuNDY3NyAxNC4wMzI2QzI2Ljc4NyAxNC4zNTE5IDI3LjA0MDMgMTQuNzMxIDI3LjIxMyAxNS4xNDgyQzI3LjM4NTggMTUuNTY1NCAyNy40NzQ2IDE2LjAxMjYgMjcuNDc0NSAxNi40NjQxQzI3LjQ3NDQgMTYuOTE1NyAyNy4zODU0IDE3LjM2MjggMjcuMjEyNCAxNy43Nzk5QzI3LjAzOTUgMTguMTk3IDI2Ljc4NiAxOC41NzYgMjYuNDY2NiAxOC44OTUxTDI0LjI1NjkgMjEuMTA0OEMyMy45Mzc3IDIxLjQyNCAyMy41NTg3IDIxLjY3NzIgMjMuMTQxNyAyMS44NUMyMi43MjQ2IDIyLjAyMjcgMjIuMjc3NiAyMi4xMTE3IDIxLjgyNjIgMjIuMTExN0MyMS4zNzQ4IDIyLjExMTcgMjAuOTI3OCAyMi4wMjI3IDIwLjUxMDcgMjEuODVDMjAuMDkzNyAyMS42NzcyIDE5LjcxNDcgMjEuNDI0IDE5LjM5NTUgMjEuMTA0OCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjAuOTQxNSAyNC40MTk0TDE5LjM5NDcgMjUuOTY2MkMxOS4wNzU2IDI2LjI4NTYgMTguNjk2NiAyNi41MzkxIDE4LjI3OTUgMjYuNzEyQzE3Ljg2MjQgMjYuODg1IDE3LjQxNTIgMjYuOTc0IDE2Ljk2MzcgMjYuOTc0MUMxNi41MTIxIDI2Ljk3NDMgMTYuMDY1IDI2Ljg4NTQgMTUuNjQ3OCAyNi43MTI2QzE1LjIzMDYgMjYuNTM5OSAxNC44NTE1IDI2LjI4NjYgMTQuNTMyMiAyNS45NjczQzE0LjIxMjkgMjUuNjQ4IDEzLjk1OTcgMjUuMjY5IDEzLjc4NjkgMjQuODUxOEMxMy42MTQxIDI0LjQzNDYgMTMuNTI1MyAyMy45ODc0IDEzLjUyNTQgMjMuNTM1OEMxMy41MjU1IDIzLjA4NDMgMTMuNjE0NiAyMi42MzcyIDEzLjc4NzUgMjIuMjIwMUMxMy45NjA1IDIxLjgwMjkgMTQuMjEzOSAyMS40MjQgMTQuNTMzMyAyMS4xMDQ4TDE2Ljc0MzEgMTguODk1MUMxNy4wNjIzIDE4LjU3NTkgMTcuNDQxMiAxOC4zMjI3IDE3Ljg1ODMgMTguMTVDMTguMjc1MyAxNy45NzcyIDE4LjcyMjMgMTcuODg4MyAxOS4xNzM3IDE3Ljg4ODNDMTkuNjI1MiAxNy44ODgzIDIwLjA3MjEgMTcuOTc3MiAyMC40ODkyIDE4LjE1QzIwLjkwNjMgMTguMzIyNyAyMS4yODUyIDE4LjU3NTkgMjEuNjA0NCAxOC44OTUxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}
.sing-main-text {
color: #F2F2F2;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.sing-main-text *:last-child {
margin-bottom: 0;
}
.sing-main-text h2 {
color: #F2F2F2;
font-family: "Druk Text Wide Cyr", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 900;
line-height: 120%;
margin-top: 32px;
margin-bottom: 16px;
}
.sing-main-text ul {
margin-bottom: 32px;
}
.sing-main-text ul li {
list-style-type: disc;
list-style-position: inside;
display: list-item;
}
.sing-main-text p {
margin-bottom: 32px;
}
.sing-main-text img {
width: auto;
max-width: 100%;
height: auto;
border-radius: 24px;
display: block;
margin-bottom: 32px;
}
.sing-main-text iframe {
margin-bottom: 32px;
width: 600px;
height: 300px;
display: block;
max-width: 100%;
}
.sing-main-text blockquote {
position: relative;
border-radius: 24px;
background: rgba(47, 47, 47, 0.9);
padding: 40px 40px 40px 120px;
color: #F2F2F2;
font-family: "Druk Text Wide Cyr";
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 140%;
margin-bottom: 32px;
margin-top: 32px;
}
.sing-main-text blockquote:before {
content: "";
display: block;
position: absolute;
width: 56px;
height: 56px;
top: 40px;
left: 40px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTciIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NyA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY3NjNfMzAwMykiPgo8cGF0aCBkPSJNMTEuMjI4OSA0MC4yNDE1QzguODAyNjQgMzcuNjgxOSA3LjUgMzQuODExMSA3LjUgMzAuMTU3NEM3LjUgMjEuOTY4NSAxMy4yODc3IDE0LjYyODkgMjEuNzA0MSAxMUwyMy44MDc3IDE0LjIyNDFDMTUuOTUxOCAxOC40NDQ5IDE0LjQxNiAyMy45MjIxIDEzLjgwMzUgMjcuMzc1NUMxNS4wNjg1IDI2LjcyNTEgMTYuNzI0NCAyNi40OTgxIDE4LjM0NzQgMjYuNjQ3OUMyMi41OTY5IDI3LjAzODYgMjUuOTQ2NiAzMC41MDM3IDI1Ljk0NjYgMzQuODExMUMyNS45NDY2IDM2Ljk4MjkgMjUuMDc3OSAzOS4wNjU4IDIzLjUzMTggNDAuNjAxNUMyMS45ODU2IDQyLjEzNzIgMTkuODg4NiA0MyAxNy43MDIgNDNDMTUuMTc0NSA0MyAxMi43NTc3IDQxLjg1MzYgMTEuMjI4OSA0MC4yNDE1Wk0zNC43ODQ3IDQwLjI0MTVDMzIuMzU4NCAzNy42ODE5IDMxLjA1NTggMzQuODExMSAzMS4wNTU4IDMwLjE1NzRDMzEuMDU1OCAyMS45Njg1IDM2Ljg0MzUgMTQuNjI4OSA0NS4yNiAxMUw0Ny4zNjM1IDE0LjIyNDFDMzkuNTA3NiAxOC40NDQ5IDM3Ljk3MTggMjMuOTIyMSAzNy4zNTkzIDI3LjM3NTVDMzguNjI0MyAyNi43MjUxIDQwLjI4MDMgMjYuNDk4MSA0MS45MDMzIDI2LjY0NzlDNDYuMTUyNyAyNy4wMzg2IDQ5LjUgMzAuNTAzNyA0OS41IDM0LjgxMTFDNDkuNSAzNi45ODI5IDQ4LjYzMTQgMzkuMDY1OCA0Ny4wODUyIDQwLjYwMTVDNDUuNTM5MSA0Mi4xMzcyIDQzLjQ0MjEgNDMgNDEuMjU1NSA0M0MzOC43Mjc5IDQzIDM2LjMxMTEgNDEuODUzNiAzNC43ODIzIDQwLjI0MTVIMzQuNzg0N1oiIGZpbGw9IiMwMEIxQzEiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF82NzYzXzMwMDMiPgo8cmVjdCB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgLTEgNTYuNSA1NikiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.remodal-form {
background: #101010;
width: 760px;
border-radius: 15px;
max-width: 100%;
}
.remodal-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjc5IiBoZWlnaHQ9IjI4NCIgdmlld0JveD0iMCAwIDI3OSAyODQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF82MjkxXzk2NCkiPgo8cGF0aCBkPSJNMi4xMjEwOSAyLjg3ODY4TDI3Ni4xMjEgMjc2Ljg3OSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI2Ii8+CjxwYXRoIGQ9Ik0yNzYuMTIxIDguMTIxMzJMMy4xMjEwOSAyODEuMTIxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjYiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF82MjkxXzk2NCI+CjxyZWN0IHdpZHRoPSIyNzkiIGhlaWdodD0iMjg0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
}
@media screen and (max-width: 1780px) {
.wrapper {
padding: 0 24px;
}
.page-line-1 {
left: 24px;
}
.page-line-2 {
left: calc(24px + (100% - 48px) / 3);
}
.page-line-3 {
left: calc(24px + (100% - 48px) / 3 * 2);
}
.page-line-4 {
left: auto;
right: 24px;
}
.hero-main-photo {
right: 0;
width: 874px;
}
.hero-design-item-1 {
left: 702px;
}
.hero-design-item-3 {
right: 355px;
}
.hero-design-item-2 {
right: -15px;
}
.m-5-content {
width: 780px;
}
.m-5-form-box {
width: calc(100% - 40px);
}
}
@media screen and (max-width: 1580px) {
.hero-contet-box {
margin-left: 20px;
}
.hero-contet-box-bg {
position: relative;
top: -50px;
}
.hero-content-box-2 {
margin-left: 610px;
position: relative;
top: -20px;
}
.hero-btn {
top: -20px;
margin-left: 20px;
}
.m-2-left {
font-size: 24px;
letter-spacing: 0;
}
.m-2-item-count {
font-size: 52px;
}
.m-2-item-text {
font-size: 24px;
}
.hero-title {
font-size: 72px;
}
.section-title {
font-size: 42px;
}
.hero-text-after-title {
font-size: 50px;
}
.m-3-item-title {
font-size: 28px;
font-weight: 500;
}
.m-3-item-text {
font-size: 16px;
}
.m-3-item-bottom-text {
font-size: 16px;
}
.m-3-item-bottom-text strong {
font-size: 14px;
}
.m-3-item-btn {
font-size: 20px;
}
.m-4-item-title {
font-size: 20px;
}
.m-4-item-sub-value {
font-size: 16px;
}
.m-4-item-sub-title {
font-size: 14px;
}
.m-4 {
padding-top: 140px;
}
.m-5-content-top {
font-size: 50px;
}
.m-5-content {
width: 640px;
}
.m-5-image {
width: 950px;
left: -20px;
}
.m-5-form-box-title {
font-size: 24px;
font-weight: 500;
letter-spacing: 0;
}
.m-6-top-title {
font-size: 42px;
}
.m-6-top-text-after-title {
font-size: 24px;
}
.m-6-item-title {
font-size: 26px;
}
.m-8-item-question {
font-size: 24px;
font-weight: 500;
}
.m-9-item-title {
font-size: 24px;
font-weight: 500;
}
.m-10-link-link {
font-size: 24px;
}
.m-10-box-title,
.m-10-box-sub-title {
font-size: 24px;
font-weight: 500;
}
.cs-main-box-right-bot-item {
width: calc(50% - 10px);
}
.cs-main-box-left-top-value {
font-size: 24px;
font-weight: 500;
}
.cs-main-box-left-bot-title {
font-size: 24px;
font-weight: 500;
}
.cs-main-box-left-bot-text-before-title {
font-size: 16px;
}
.cs-main-box-left-bot-text ul li {
font-size: 16px;
}
.cs-main-box-right-top-value ul li {
font-size: 16px;
}
.cs-main-box-left-top-title {
font-size: 16px;
}
.cs-main-box-right-bot-item-title {
font-size: 24px;
font-weight: 500;
}
.cs-main-box-right-bot-item-text {
font-size: 16px;
}
.cs-main-box-right-bot-title {
font-size: 16px;
}
.cs-title {
font-size: 32px;
margin-bottom: 32px;
}
.sing-title {
font-size: 36px;
}
.thanks-page .hero-title {
font-size: 48px;
}
}
@media screen and (max-width: 1400px) {
.hero-main-photo {
right: -140px;
}
.hero-contet-box {
width: 526px;
}
.hero-content-box-2 {
margin-left: 510px;
}
.m-6-item-title {
font-size: 22px;
}
.m-6-item-text {
font-size: 16px;
}
}
@media screen and (max-width: 1300px) {
.main-footer-top {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 24px;
}
.main-footer-top-left {
width: 100%;
margin-bottom: 24px;
display: flex;
flex-direction: column;
position: relative;
justify-content: flex-end;
align-items: flex-end;
}
.main-footer-top-left .main-header-logo {
position: absolute;
top: 0;
left: 0;
}
.main-footer-main {
font-size: 14px;
}
.main-footer-phone {
font-size: 20px;
}
.main-footer-top-right {
flex-direction: column;
justify-content: center;
align-items: center;
}
.main-footer-menu ul {
flex-wrap: wrap;
}
.main-footer-menu {
margin-bottom: 24px;
}
.main-footer-bot ul {
flex-wrap: wrap;
gap: 14px;
}
.main-footer-bot ul li {
width: 165px;
}
.main-footer-bot li:first-child {
order: 3;
margin-top: 42px;
width: 100%;
}
}
@media screen and (max-width: 1200px) {
.main-header-box .main-menu {
display: none;
}
.main-header-box .header-language {
margin-left: auto;
}
.header-hambugreg {
display: block;
border-radius: 100%;
background: #F2F2F2;
width: 48px;
min-width: 48px;
height: 48px;
margin-left: 8px;
}
.header-hamburger-line {
width: 16px;
height: 2px;
background: #2F2F2F;
}
.header-hambugreg:before {
width: 16px;
height: 2px;
background: #2F2F2F;
top: calc(50% - 7px);
}
.header-hambugreg:after {
width: 16px;
height: 2px;
background: #2F2F2F;
top: calc(50% + 8px);
}
.mobile-header {
display: block;
position: fixed;
z-index: 301;
width: 100%;
height: 100vh;
overflow: auto;
background: #101010;
opacity: 0;
transition: 0.25s;
padding: 24px;
pointer-events: none;
}
.mobile-header .wrapper {
padding-left: 24px;
padding-right: 24px;
}
.mobile-header.active {
opacity: 1;
pointer-events: initial;
}
.mobile-header .main-menu ul {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.mobile-header .main-menu ul a {
padding: 8px 16px;
color: #F2F2F2;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 24px;
text-align: left;
}
.mobile-header-btn-close {
cursor: pointer;
width: 40px;
height: 40px;
position: fixed;
top: 20px;
right: 18px;
border-radius: 100%;
background-color: #F2F2F2;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY3NzlfMTYzOSkiPgo8cGF0aCBkPSJNMTggNkw2IDE4IiBzdHJva2U9IiMyRjJGMkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik02IDZMMTggMTgiIHN0cm9rZT0iIzJGMkYyRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF82Nzc5XzE2MzkiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
background-size: 24px;
background-position: center;
background-repeat: no-repeat;
}
.mobile-soc-logo {
display: block;
margin-bottom: 28px;
margin-top: 120px;
}
.mobile-soc-logo img {
max-height: 40px;
max-width: 120px;
display: block;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center left;
object-position: center left;
}
.mobile-header-email {
display: block;
width: -moz-fit-content;
width: fit-content;
color: #B9B9B9;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
text-decoration: underline;
}
.mobile-header-email:hover {
text-decoration: none;
}
.mobile-header-phone {
color: #B9B9B9;
font-family: "Montserrat", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 24px;
display: block;
margin-top: 12px;
width: -moz-fit-content;
width: fit-content;
}
.main-header {
padding: 8px 0 !important;
}
.main-header-box {
padding: 8px 14px;
}
.hero .wrapper,
.m-2 .wrapper,
section .wrapper {
width: 560px;
}
.hero {
padding-bottom: 48px;
}
.page-lines {
display: none;
}
.hero-contet-box {
width: 100%;
margin-left: 0;
}
.hero-contet-box-bg {
padding: 20px 16px;
top: 0;
}
.hero-title {
font-size: 32px;
margin-bottom: 8px;
}
.hero-text-after-title {
font-size: 32px;
}
.hero-content-box-2 {
margin-left: auto;
margin-right: auto;
width: calc(100% - 38px);
padding: 16px;
border-radius: 16px;
background: rgba(47, 47, 47, 0.5);
border: 1px solid rgba(255, 255, 255, 0.15);
margin-top: -2px;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: -1px;
}
.hero-main-photo {
right: auto;
left: 50%;
transform: translateX(-50%);
top: -335px;
width: 110%;
max-width: 110%;
}
.hero-main-photo:after {
display: none;
}
.hero {
padding-top: 420px;
}
.hero-btn {
margin-top: 42px;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24px;
padding: 16px;
margin-left: auto;
margin-right: auto;
top: 0;
}
.m-2-flex {
flex-direction: column;
justify-content: center;
align-items: center;
}
.m-2-left {
width: 100%;
max-width: 100%;
font-size: 20px;
font-style: normal;
font-weight: 900;
line-height: 120%;
letter-spacing: -1px;
margin-bottom: 16px;
}
.m-2-left p {
margin-bottom: 20px;
}
.m-2-right {
width: 100%;
max-width: 100%;
gap: 24px;
}
.m-2-item {
width: 100%;
padding: 0;
}
.m-2 {
padding: 32px 0;
background: #101010;
}
.m-2-item-count {
width: calc(100% + 15px);
max-width: calc(100% + 15px);
font-size: 46px;
font-style: normal;
font-weight: 900;
line-height: 100%;
margin-bottom: 20px;
}
.m-2-item-text {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: -1px;
}
.m-2-item-text br {
display: none;
}
.hero-design-item-2 {
width: 183px;
height: 202px;
right: -83px;
top: -334px;
}
.hero-round-item-1 {
border-radius: 388.682px;
background: #0CF25C;
filter: blur(247px);
width: 389px;
height: 389px;
top: -205px;
left: auto;
right: -100px;
}
.hero-design-item-1 {
width: 86px;
height: 88px;
left: 14px;
top: -110px;
}
.hero-round-item-3 {
border-radius: 538.724px;
background: #023113;
filter: blur(247px);
width: 538px;
height: 538px;
z-index: 16;
opacity: 1;
right: auto;
top: 55px;
left: 50%;
transform: translateX(-50%);
}
.hero-contet-box {
z-index: 21;
}
.hero-content-box-2 {
z-index: 22;
top: 0;
}
.hero-round-item-2 {
display: none;
}
.m-3-flex {
gap: 16px;
flex-direction: column;
}
.m-3-item {
width: 100%;
padding: 20px 14px;
}
.m-3-item:before {
margin-bottom: 24px;
}
.m-3-item-title {
font-size: 24px;
font-style: normal;
font-weight: 900;
line-height: 120%;
letter-spacing: 0;
margin-bottom: 16px;
}
.m-3-item-text {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 140%;
letter-spacing: 0;
margin-bottom: 24px;
}
.m-3-item-bottom-text {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 140%;
letter-spacing: 0;
margin-bottom: 32px;
}
.m-3-item-bottom-text strong {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.m-3-item-btn {
padding: 18px 16px;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 20px;
}
.section-title {
margin-bottom: 40px;
font-size: 32px;
font-style: normal;
font-weight: 900;
line-height: 120%;
letter-spacing: 0;
}
.m-3 {
padding-top: 20px;
padding-bottom: 64px;
}
.m-4-list {
flex-direction: column;
}
.m-4-item {
padding: 16px;
width: 100%;
}
.m-4-top {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.m-4-top .section-title {
margin-bottom: 16px;
}
.m-4 {
padding-top: 0;
}
.m-4-top-text {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 140%;
letter-spacing: 0;
}
.m-4-top {
margin-bottom: 24px;
}
.m-4-item-sub-title {
font-size: 16px;
}
.m-4-item-sub-value {
font-size: 14px;
margin-bottom: 16px;
}
.m-4-item-image {
margin-bottom: 16px;
}
.m-4-btn-more {
padding: 16px;
font-size: 20px;
}
.m-5 {
padding-top: 525px;
}
.m-5-image {
left: 66%;
transform: translateX(-50%);
top: -503px;
width: 831px;
}
.m-5-image-wrap:after {
opacity: 0;
}
.m-5-content {
width: 100%;
max-width: 100%;
}
.m-5-content-top {
margin-left: auto;
margin-right: auto;
padding: 20px 16px;
font-size: 32px;
font-style: normal;
font-weight: 900;
line-height: 120%;
letter-spacing: 0;
width: 100%;
}
.m-5-form-box {
width: calc(100% - 27px);
margin-left: auto;
margin-right: auto;
padding: 24px;
margin-top: -7px;
}
.m-5-form-box-title {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: 0;
}
.m-5-form-btn {
padding: 16px;
font-size: 20px;
}
.m-5 {
padding-bottom: 40px;
}
.m-6-list:before {
display: none;
}
.m-6-top {
margin-bottom: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
}
.m-6-top-left {
width: 100%;
margin-bottom: 24px;
}
.m-6-top-right {
width: 100%;
flex-direction: column;
}
.m-6-top-title {
font-size: 32px;
font-style: normal;
font-weight: 900;
line-height: 120%;
margin-bottom: 20px;
}
.m-6-top-text-after-title {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 120%;
}
.m-6-item {
padding: 16px;
width: 100%;
}
.m-6-top-right .m-6-item {
width: 100%;
}
.m-6-item-step {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 140%;
margin-bottom: 16px;
}
.m-6-item-title {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 120%;
margin-bottom: 16px;
}
.m-6-item-text {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 140%;
}
.m-6-item-dis {
width: 120px;
height: 120px;
bottom: 120px;
left: auto;
right: -65px;
}
.m-7-top-row {
margin-bottom: 16px;
}
.m-7-slide {
width: 325px;
padding-right: 16px;
}
.m-7-slide-wrap {
padding: 24px;
}
.m-7-slide-text {
margin-bottom: 16px;
}
.m-7-slide-name {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 120%;
}
.m-7-btn {
width: 48px;
height: 48px;
}
.m-7-top-btns {
gap: 14px;
}
.m-8-flex {
flex-direction: column;
justify-content: center;
align-items: center;
}
.m-8-left {
width: 100%;
margin-bottom: 16px;
}
.m-8-left .section-title {
margin-bottom: 0;
}
.m-8-right {
width: 100%;
}
.m-8-item-question {
font-size: 20px;
}
.m-7-item-dis {
width: 120px;
height: 120px;
top: -100px;
left: 130px;
}
.m-8-item-dis {
opacity: 0.34;
filter: blur(4px);
}
.m-8-item.active .m-8-item-answer {
padding-top: 14px;
}
.m-9-btn {
padding: 14px;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.m-9-top {
margin-bottom: 24px;
position: static;
}
.m-9 {
position: relative;
}
.m-9 .wrapper {
padding-bottom: 80px;
}
.m-9 .m-9-btn {
position: absolute;
left: 16px;
bottom: 0;
}
.m-9-list {
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.m-9-item {
position: relative;
min-height: 137px;
padding-left: 200px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.m-9-item-image {
height: 137px;
width: 183px;
position: absolute;
top: 0;
border-radius: 14px !important;
left: 0;
}
.m-9-item-btn {
display: none;
}
.m-9-item-data {
margin-top: 0;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 140%;
}
.m-9-item-title {
margin-top: 8px;
font-size: 14px;
font-style: normal;
font-weight: 900;
line-height: 120%;
}
.m-10-flex {
flex-direction: column;
justify-content: center;
align-items: center;
}
.m-10-left {
width: 100%;
margin-bottom: 16px;
}
.m-10-right {
width: 100%;
}
.m-10 {
padding-top: 64px;
padding-bottom: 32px;
}
.m-10-link-link {
margin-bottom: 16px;
}
.m-10-box {
padding: 24px;
}
.m-10-box-title,
.m-10-box-sub-title {
font-size: 20px;
}
.m-10-left .section-title {
padding-bottom: 16px;
}
.remodal .section-title {
font-size: 24px;
}
.main-footer-menu ul li {
width: 164px;
}
.main-footer-menu ul {
gap: 14px;
padding-left: 28px;
}
.main-footer {
padding: 24px 0;
}
.m-9 {
padding-top: 64px;
}
.f1-hero {
padding-top: 83px;
}
.cases-hero {
padding-bottom: 46px;
}
.cases-hero-title {
font-size: 32px;
font-style: normal;
font-weight: 900;
line-height: 120%;
}
.cases-hero-count {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 140%;
margin-left: 24px;
}
.cases-hero-title-wrap {
margin-bottom: 32px;
}
.breadcrumbs {
margin-bottom: 17px;
}
.cases-item {
flex-wrap: wrap;
padding-bottom: 14px;
margin-bottom: 14px;
padding-left: 37px;
position: relative;
gap: 12px;
}
.cases-item-count {
position: absolute;
top: 15px;
left: 0;
color: #F2F2F2;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 140%;
}
.cases-item-title {
font-size: 20px;
font-style: normal;
font-weight: 900;
line-height: 120%;
order: 1;
width: calc(100% - 64px);
}
.cases-item-count-icon {
order: 2;
margin-left: 0;
}
.cases-item-desc {
order: 3;
width: calc(50% - 12px);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 140%;
}
.cases-item-count-lids {
order: 4;
width: calc(50% - 12px);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 140%;
}
.cases-table {
margin-bottom: 28px;
}
.cs-title {
font-weight: 500;
margin-bottom: 32px;
font-size: 24px;
font-style: normal;
line-height: 120%;
}
.cs-main-box {
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.cs-main-box-left {
width: 100%;
gap: 16px;
}
.cs-main-box-right {
width: 100%;
gap: 16px;
}
.cs-main-box-left-top {
padding: 16px;
}
.cs-main-box-left-top-title {
font-size: 14px;
}
.cs-main-box-left-top-value {
font-size: 20px;
}
.cs-main-box-left-bot {
padding: 16px;
}
.cs-main-box-left-bot-text-before-title {
font-size: 14px;
margin-bottom: 16px;
}
.cs-main-box-left-bot-title {
font-size: 20px;
margin-bottom: 24px;
}
.cs-main-box-left-bot-text ul li {
font-size: 14px;
}
.cs-main-box-right-top {
padding: 16px;
}
.cs-main-box-right-top-title {
font-size: 16px;
}
.cs-main-box-right-top-value ul li {
font-size: 14px;
}
.cs-main-box-right-bot {
padding: 16px;
}
.cs-main-box-right-bot-title {
font-size: 14px;
}
.cs-main-box-right-bot-item {
width: 100%;
padding: 16px 0;
}
.cs-main-box-right-bot-item-text {
font-size: 14px;
}
.cs-main-box:before {
left: auto;
right: -150px;
top: 92px;
}
.cs-main-dis-1 {
width: 240px;
height: 240px;
opacity: 0.8;
filter: blur(4px);
}
.cs-main-dis-2 {
width: 240px;
height: 240px;
opacity: 0.8;
filter: blur(4px);
left: -100px;
}
.cs-main-box:after {
top: auto;
left: -120px;
bottom: 320px;
}
.cs-main-box {
padding-bottom: 32px;
}
.cs-dual-image {
gap: 16px;
flex-direction: column;
}
.cs-dual-image-item {
width: 100%;
}
.cs-dual-image-item img {
border-radius: 14px;
}
.cs-three-image-item {
width: 100%;
}
.m-5 + .m-3 {
padding-bottom: 32px;
}
.sing-title {
font-size: 32px;
margin-bottom: 24px;
}
.sing-main-text p {
margin-bottom: 14px;
}
.sing-main-text h2 {
font-size: 16px;
}
.sing-main-text blockquote {
padding: 120px 40px 40px 40px;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 140%;
}
.thanks-page .hero-title {
font-size: 34px;
}
.thanks-page .hero-text-after-title {
font-size: 20px;
}
.thanks-page {
padding-top: 320px;
}
.thanks-page .hero-btn {
margin-top: 30px;
}
.thanks-page .hero-btn {
margin-top: 60px;
}
}
@media screen and (max-width: 992px) {
.wrapper {
padding-left: 16px;
padding-right: 16px;
}
.m-8-item-dis {
top: 280px;
left: -20px;
}
}
@media screen and (max-width: 600px) {
.remodal {
padding-left: 10px;
padding-right: 10px;
}
.remodal_thanks {
padding-left: 20px;
padding-right: 10px;
}
.remodal_thanks__icon {
margin-right: 20px;
}
}
@media screen and (max-width: 500px) {
.hero-main-photo {
width: 132%;
max-width: 132%;
}
.m-5-image {
top: -433px;
left: 67%;
width: 631px;
}
.m-5-dis-item {
width: 200px;
height: 200px;
right: 140px;
filter: blur(5px);
}
}
@media screen and (max-width: 429px) {
.m-2-item-count {
font-size: 40px;
}
}
.main-pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.page-numbers {
position: relative;
color: #F2F2F2;
text-align: center;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%;
padding: 8px 0;
}
.page-numbers:after {
content:'';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
height: 3px;
width: calc(100% + 10px);
background: #0CF25C;
opacity: 0
}
.page-numbers.current {
font-weight: 700;
}
.page-numbers.current:after {
opacity: 1;
}
.prev.page-numbers{
transform: rotate(180deg);
}
.next.page-numbers,
.prev.page-numbers  {
width: 40px;
min-width: 40px;
height: 40px;
font-size: 0;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA0MSA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgcng9IjE5IiBzdHJva2U9IiNCOUI5QjkiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMTIuMjUgMjAuNUgyOC43NSIgc3Ryb2tlPSIjRjJGMkYyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjIgMTMuNzVMMjguNzUgMjAuNUwyMiAyNy4yNSIgc3Ryb2tlPSIjRjJGMkYyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.next.page-numbers:after,
.prev.page-numbers:after {
display: none;
}
.m-2 {
position: relative;
}
.anhor {
position: absolute;
top: -20px;
}
.m-6 .anhor {
top: -120px;
}
@media screen and (max-width: 1200px){
.m-2 .anhor {
top: -100px;
}
.m-3 .anhor {
top: -80px;
}
}