/*!*******************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js!./web/static/web/landings/index/app.scss ***!
\*******************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Adaptive */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
-webkit-text-decoration: underline;
text-decoration: underline; /* 2 */
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
width: -moz-max-content !important;
width: max-content !important;
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
top: 5px;
left: -45px;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
float: right;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
float: right;
margin-left: 5px;
margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none;
}
.select2-container--classic .select2-dropdown {
background-color: white;
border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: white;
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
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 {
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: table;
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: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* Arrows */
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
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 {
color: transparent;
outline: none;
background: transparent;
}
.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: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
opacity: 0.75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir=rtl] .slick-prev {
right: -25px;
left: auto;
}
.slick-prev:before {
content: "â†";
}
[dir=rtl] .slick-prev:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir=rtl] .slick-next {
right: auto;
left: -25px;
}
.slick-next:before {
content: "→";
}
[dir=rtl] .slick-next:before {
content: "â†";
}
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
font-family: "slick";
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "•";
text-align: center;
opacity: 0.25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: 0.75;
color: black;
}
span.flag {
width: 44px;
height: 30px;
display: inline-block;
}
img.flag {
width: 30px;
}
.flag-doesnt-exist {
background: url(cde4fdba423055516fe5.png) no-repeat;
background-size: 100%;
}
@font-face {
font-family: "Circe";
src: url(13bbfad0e7f851273f3c.eot);
src: local("Circe"), local("Circe-Regular"), url(13bbfad0e7f851273f3c.eot?#iefix) format("embedded-opentype"), url(b3583e41e063203a7e74.woff) format("woff"), url(814e4dd4329ffdb6c9ed.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Circe";
src: url(0f3ca43ce4ca34c99c00.eot);
src: local("Circe ExtraLight"), local("Circe-ExtraLight"), url(0f3ca43ce4ca34c99c00.eot?#iefix) format("embedded-opentype"), url(27c9b3b45aa9e134e9d1.woff) format("woff"), url(d95151f8b96ed97a9681.ttf) format("truetype");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Circe";
src: url(00bb023a19a35602c7fa.eot);
src: local("Circe Thin"), local("Circe-Thin"), url(00bb023a19a35602c7fa.eot?#iefix) format("embedded-opentype"), url(1f69b3e567fba63f038e.woff) format("woff"), url(4272af7797a43baa0820.ttf) format("truetype");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Circe";
src: url(e4ca0f7a178447eed594.eot);
src: local("Circe Light"), local("Circe-Light"), url(e4ca0f7a178447eed594.eot?#iefix) format("embedded-opentype"), url(0a23696bc00e1131f434.woff) format("woff"), url(61755338a0e56c46dab8.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Circe";
src: url(23b8280ab15052d5ba11.eot);
src: local("Circe Bold"), local("Circe-Bold"), url(23b8280ab15052d5ba11.eot?#iefix) format("embedded-opentype"), url(8a1c4d2d35cdd2d6704b.woff) format("woff"), url(63396ee791f60623acbf.ttf) format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Circe";
src: url(4c74fd73e7d5ee9eee7d.eot);
src: local("Circe ExtraBold"), local("Circe-ExtraBold"), url(4c74fd73e7d5ee9eee7d.eot?#iefix) format("embedded-opentype"), url(02f7b8cbfff901e3f588.woff) format("woff"), url(87e2d898df4f6a61b4b8.ttf) format("truetype");
font-weight: 800;
font-style: normal;
}
* {
box-sizing: border-box;
outline: none;
}
html {
--scroll-behavior: smooth;
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
}
body {
font-family: "Grato Grotesk", sans-serif;
color: #252529;
width: 100%;
font-size: max(14px, min(5vw, 18px));
margin: auto;
min-width: 360px;
--scroll-behavior: smooth;
scroll-behavior: smooth;
}
body.overflow {
overflow: hidden;
}
a,
button {
cursor: pointer;
}
a {
-webkit-text-decoration: none;
text-decoration: none;
}
ul,
ol,
nav,
menu {
list-style-type: none;
padding-left: 0;
margin: 0;
}
form {
margin: 0;
}
.common__container {
max-width: 1440px;
width: 100%;
margin: 0 auto;
padding: 0 80px;
}
@media screen and (max-width: 1260px) {
.common__container {
padding: 0 15px;
}
}
.common__container--header {
padding-left: 30px;
padding-right: 30px;
}
@media screen and (max-width: 1260px) {
.common__container--header {
padding-left: 15px;
padding-right: 15px;
}
}
.common__container {
max-width: 1440px;
width: 100%;
margin: 0 auto;
padding: 0 80px;
}
@media screen and (max-width: 1260px) {
.common__container {
padding: 0 15px;
}
}
.common__container--header {
padding-left: 30px;
padding-right: 30px;
}
@media screen and (max-width: 1260px) {
.common__container--header {
padding-left: 15px;
padding-right: 15px;
}
}
.common__wrap {
max-width: 1440px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.common__inner {
padding-left: 72px;
padding-right: 72px;
}
@media screen and (max-width: 1260px) {
.common__inner {
padding-left: 15px;
padding-right: 15px;
}
}
.common__text {
font-weight: 400;
font-size: 20px;
line-height: 28px;
}
@media screen and (max-width: 1024px) {
.common__text {
margin: 0;
}
}
.common__subtitle {
color: #252529;
font-weight: 400;
font-size: 80px;
line-height: 105%;
margin-top: 0;
margin-bottom: 56px;
}
.common__subtitle--prm {
background: linear-gradient(7.34deg, #8a45d4 -6.59%, #4393ed 63.47%, #63b6e8 143.98%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.common__subtitle-wrap {
margin-bottom: 56px;
}
.common__subtitle--clm {
display: flex;
align-items: center;
text-align: center;
flex-direction: column;
margin: auto;
color: #fff;
max-width: 263px;
}
@media screen and (max-width: 1024px) {
.common__subtitle--clm {
max-width: 100%;
}
}
.common__subtitle--big {
font-size: 230px;
display: block;
margin-bottom: -32px;
line-height: 100%;
}
@media screen and (max-width: 1024px) {
.common__subtitle--big {
font-size: 130px;
margin-bottom: 0;
}
}
@media screen and (max-width: 1024px) {
.common__subtitle {
font-size: 56px;
}
}
@media screen and (max-width: 768px) {
.common__subtitle {
font-size: 48px;
line-height: 110%;
margin-bottom: 24px;
}
}
.common__subtitle--middle {
font-weight: 400;
font-size: 136px;
line-height: 105%;
max-width: 65%;
margin-bottom: -7px;
}
@media screen and (max-width: 768px) {
.common__subtitle--middle {
font-size: 72px;
line-height: 100%;
max-width: 100%;
}
}
.common__subtitle--center {
font-weight: 700;
font-size: 66px;
line-height: 105%;
display: block;
width: 100%;
text-align: center;
margin-bottom: 16px;
margin-top: 0;
}
@media screen and (max-width: 768px) {
.common__subtitle--center {
font-size: 44px;
margin-bottom: 11px;
}
}
.common__subtitle--small {
font-size: 19px;
line-height: 24px;
display: block;
width: 100%;
text-align: center;
margin-bottom: 48px;
}
@media screen and (max-width: 1440px) {
.common__subtitle--small {
margin-bottom: 20px;
}
}
@media screen and (max-width: 768px) {
.common__subtitle--small {
font-size: 17px;
}
}
.common__subtitle-decorated {
display: flex;
justify-content: center;
width: 100%;
position: relative;
}
.common__subtitle-decorated:after {
content: "";
display: block;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
height: 1px;
background-color: #e4e4e5;
}
.common__subtitle-decorated-text {
color: #9e9eb0;
display: block;
background-color: #fff;
padding-left: 32px;
padding-right: 32px;
position: relative;
z-index: 1;
font-size: 19px;
line-height: 24px;
}
@media screen and (max-width: 768px) {
.common__subtitle-decorated-text {
font-size: 17px;
line-height: 24px;
padding-left: 24px;
padding-right: 24px;
}
}
.common__subtitle--elem {
font-weight: 700;
font-size: 66px;
line-height: 105%;
text-align: center;
margin: auto;
max-width: 400px;
color: #fff;
}
@media screen and (max-width: 650px) {
.common__subtitle--elem {
font-size: 44px;
line-height: 105%;
margin-bottom: 32px;
}
}
.common__subtitle--case {
font-weight: 700;
font-size: 66px;
line-height: 105%;
margin-bottom: 40px;
margin-top: 0;
}
@media screen and (max-width: 650px) {
.common__subtitle--case {
font-size: 44px;
line-height: 105%;
margin-bottom: 24px;
}
}
.common__subtitle--clients {
max-width: 663px;
}
@media screen and (max-width: 650px) {
.common__subtitle--clients {
margin-bottom: 0px;
}
}
.common__subtitle--slider {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 960px) {
.common__subtitle--slider {
align-items: flex-start;
}
.common__subtitle--slider span {
max-width: 76%;
}
}
@media screen and (max-width: 650px) {
.common__subtitle--slider span {
max-width: 100%;
}
}
.common__subtitle--form {
display: block;
width: 100%;
text-align: center;
font-weight: 700;
font-size: 66px;
line-height: 105%;
margin-top: 0;
margin-bottom: 35px;
}
@media screen and (max-width: 1366px) {
.common__subtitle--form {
margin-bottom: 16px;
font-size: 54px;
}
}
@media screen and (max-width: 768px) {
.common__subtitle--form {
font-size: 44px;
line-height: 105%;
margin-top: 20px;
}
}
.common__dropdown-row {
display: flex;
align-items: flex-start;
background: #f7f7fa;
border-radius: 16px;
padding: 38px 32px 24px 32px;
cursor: pointer;
}
@media screen and (max-width: 960px) {
.common__dropdown-row {
padding: 24px;
}
}
@media screen and (max-width: 768px) {
.common__dropdown-row {
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
}
.common__dropdown-number {
color: #252529;
font-size: 17px;
line-height: 24px;
border: 1px solid #e4e4e5;
border-radius: 100px;
padding: 3px 16px 1px;
}
@media screen and (max-width: 960px) {
.common__dropdown-number {
padding: 3px 10px 1px;
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.common__dropdown-number {
padding: 3px 16px 1px;
font-size: 17px;
line-height: 24px;
order: 2;
}
}
.common__dropdown-name {
font-size: 30px;
line-height: 38px;
width: 56%;
padding-left: 139px;
margin: 0;
font-weight: 400;
}
@media screen and (max-width: 1024px) {
.common__dropdown-name {
padding-left: 40px;
font-size: 24px;
max-width: 21%;
}
}
@media screen and (max-width: 960px) {
.common__dropdown-name {
font-size: 18px;
line-height: 24px;
padding-left: 24px;
}
}
@media screen and (max-width: 768px) {
.common__dropdown-name {
order: 1;
font-size: 22px;
line-height: 140%;
padding-left: 0;
max-width: 100%;
}
}
.common__dropdown-desc {
font-size: 17px;
line-height: 24px;
margin: 0;
}
.common__dropdown-open {
min-width: 36px;
height: 36px;
border: 1px solid #e4e4e5;
position: relative;
background-color: transparent;
border-radius: 50%;
transition: 0.3s;
}
.common__dropdown-open:before {
content: "";
display: block;
height: 2px;
width: 10px;
position: absolute;
margin: auto;
background-color: #252529;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: 0.3s;
}
.common__dropdown-open:after {
content: "";
display: block;
height: 10px;
width: 2px;
position: absolute;
margin: auto;
background-color: #252529;
top: 0;
bottom: 0;
left: 0;
right: 0;
transform-origin: center;
transition: 0.3s;
}
.common__dropdown-open:hover {
border: 1px solid #252529;
background-color: #252529;
}
.common__dropdown-open:hover:before, .common__dropdown-open:hover:after {
background-color: #fff;
}
.common__dropdown-open.active::after {
transform: rotate(90deg);
}
@media screen and (max-width: 768px) {
.common__dropdown-open {
order: 5;
width: 100%;
border-radius: 40px;
}
.common__dropdown-open:hover {
background-color: transparent;
border-color: #e4e4e5;
}
.common__dropdown-open:hover:before, .common__dropdown-open:hover:after {
background-color: #252529;
}
}
.common__dropdown-container {
margin: 0;
padding: 0 32px;
width: 100%;
max-width: 704px;
position: relative;
top: -6px;
left: -2px;
}
@media screen and (max-width: 960px) {
.common__dropdown-container {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (max-width: 768px) {
.common__dropdown-container {
top: 0;
left: 0;
max-width: 100%;
padding-top: 16px;
padding-bottom: 20px;
padding-left: 0;
padding-right: 0;
order: 3;
}
}
.common__dropdown-item {
margin-bottom: 9px;
}
.common__dropdown-item.active .common__dropdown-inner {
max-height: 1000px;
}
.common__dropdown-item.active .common__dropdown-open::after {
transform: rotate(90deg);
}
.common__dropdown-inner {
overflow: hidden;
transition: 0.3s;
max-height: 0px;
}
.common__columns {
display: flex;
padding-top: 64px;
justify-content: space-between;
margin: 0 -40px 32px -40px;
}
.common__columns-item {
padding: 0 40px;
}
@media screen and (max-width: 768px) {
.common__columns-item {
padding: 0 15px;
}
}
@media screen and (max-width: 650px) {
.common__columns-item {
width: 100%;
border-bottom: 1px solid #e4e4e5;
padding-left: 0;
padding-right: 0;
padding-bottom: 16px;
padding-top: 16px;
}
.common__columns-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.common__columns-item:first-child {
padding-top: 0;
}
}
@media screen and (max-width: 768px) {
.common__columns {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 650px) {
.common__columns {
flex-wrap: wrap;
}
}
.common__columns-name {
color: #b8b8bb;
font-size: 24px;
line-height: 32px;
display: block;
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.common__columns-name {
font-size: 20px;
line-height: 130%;
margin-bottom: 12px;
}
}
.common__columns-list-item {
font-size: 17px;
line-height: 24px;
margin-bottom: 12px;
}
.common__columns-list-item:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
.common__columns {
padding-top: 40px;
}
}
.common__link {
display: flex;
color: #252529;
font-size: 17px;
line-height: 24px;
position: relative;
}
.common__link:before {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #252529;
transition: 0.3s;
transform-origin: left;
transform: scaleX(0);
position: absolute;
bottom: 0px;
left: 0;
}
.common__link:hover:before {
transform: scaleX(1);
}
.common__video {
width: 100%;
max-width: 40%;
}
@media screen and (max-width: 1200px) {
.common__video {
max-width: 60%;
}
}
@media screen and (max-width: 768px) {
.common__video {
display: none;
}
}
.common__content {
padding-bottom: 72px;
}
.common__content-section h1 {
font-weight: 400;
font-size: 80px;
line-height: 105%;
margin-bottom: 8px;
}
@media screen and (max-width: 650px) {
.common__content-section h1 {
font-size: 48px;
line-height: 52px;
margin-bottom: 4px;
}
}
.common__content-section h2 {
margin-bottom: 30px;
font-size: 30px;
line-height: 38px;
font-weight: 400;
}
@media screen and (max-width: 650px) {
.common__content-section h2 {
font-size: 22px;
line-height: 30px;
}
}
.common__content-section h3 {
margin-bottom: 30px;
font-size: 24px;
line-height: 28px;
font-weight: 400;
}
@media screen and (max-width: 650px) {
.common__content-section h3 {
font-size: 18px;
line-height: 22px;
}
}
.common__content-section p {
font-size: 20px;
line-height: 28px;
margin-top: 0;
}
.common__content-section p + h2 {
margin-top: 30px;
}
.common__content-section ol {
counter-reset: item;
}
.common__content-section ol li {
display: flex;
flex-wrap: wrap;
font-size: 20px;
line-height: 28px;
margin-bottom: 8px;
}
.common__content-section ol li div {
padding-left: 17px;
margin-top: 12px;
}
.common__content-section ol li::before {
display: block;
content: counter(item) ". ";
counter-increment: item;
margin-right: 7px;
width: 20px;
position: relative;
top: -3px;
}
.common__content-section a {
color: #247dd7;
}
.common__content-section a:hover {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.common__content-section ul li {
font-size: 20px;
line-height: 28px;
margin-bottom: 8px;
word-break: break-word;
flex-wrap: wrap;
padding-left: 20px;
position: relative;
}
.common__content-section ul li::before {
content: "";
display: block;
width: 5px;
height: 5px;
background-color: #252529;
border-radius: 50%;
margin-right: 10px;
top: 10px;
position: absolute;
left: 0;
}
.common__content-date {
font-size: 17px;
line-height: 24px;
color: #b8b8bb;
display: block;
}
.common__content-block {
margin-top: 56px;
display: flex;
align-items: flex-start;
}
@media screen and (max-width: 768px) {
.common__content-block {
flex-direction: column;
}
}
@media screen and (max-width: 650px) {
.common__content-block {
margin-top: 40px;
}
}
.common__content-section {
width: 100%;
max-width: calc(100% - 250px);
padding-left: 80px;
}
@media screen and (max-width: 960px) {
.common__content-section {
padding-left: 40px;
}
}
@media screen and (max-width: 768px) {
.common__content-section {
max-width: 100%;
padding-left: 0;
}
}
.common__sticky {
position: sticky;
height: 100%;
width: 100%;
max-width: 250px;
top: 0;
}
@media screen and (max-width: 768px) {
.common__sticky {
position: relative;
max-width: 100%;
margin-bottom: 40px;
}
}
.common__check {
position: relative;
display: flex;
align-items: center;
cursor: pointer;
}
.common__check-visible {
min-width: 20px;
height: 20px;
border: 1px solid #e4e4e5;
border-radius: 2px;
display: block;
margin-right: 12px;
position: relative;
transition: 0.3s;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.common__check-visible:after {
content: "";
display: block;
width: 10px;
height: 8px;
background-image: url(46dd40cf163fc4733e12.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.common__check-hidden {
position: absolute;
width: 20px;
height: 20px;
margin: auto;
left: 0;
z-index: 1;
opacity: 0;
cursor: pointer;
}
.common__check-hidden.error ~ .common__check-visible {
border-color: #f5222d;
}
.common__check-text {
font-size: 14px;
line-height: 140%;
}
.common__check-text a {
color: #247dd7;
}
.common__check-text--captcha {
font-size: 12px;
}
.common__check-hidden:checked + .common__check-visible {
background: linear-gradient(7.34deg, #8a45d4 -6.59%, #4393ed 63.47%, #63b6e8 143.98%);
border: none;
}
.common__write {
margin-bottom: 24px;
}
.common__choise-country {
width: 100%;
max-width: -moz-max-content;
max-width: max-content;
}
.common__flags {
height: 40px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border: none;
background: transparent;
white-space: nowrap;
}
.common__flags:after {
content: "";
border: 4px solid transparent;
border-top: 7px solid #323236;
order: 2;
margin-right: 5px;
margin-left: 5px;
}
.common__flags-inner {
min-width: 30px;
height: 20px;
order: 1;
}
@media screen and (max-width: 1440px) {
.common__flags-inner {
min-width: 20px;
height: 13px;
}
}
.common__flags-code {
font-size: 17px;
line-height: 140%;
order: 3;
}
@media screen and (max-width: 1440px) {
.common__flags-code {
font-size: 14px;
}
}
.common__prm {
margin-bottom: 32px;
}
.common__prm-block--list {
margin-bottom: 64px;
}
.common__prm-block--list:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.common__prm-block {
margin-bottom: 24px;
}
.common__prm-block--list {
margin-bottom: 64px;
}
.common__prm-block--list--cpa {
margin-bottom: 24px;
}
}
.common__prm:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.common__prm {
margin-bottom: 12px;
}
}
.common__prm-section {
padding-top: 60px;
padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
.common__prm-section {
padding-top: 30px;
padding-bottom: 30px;
}
}
.common__prm-back {
background-image: url(a67035ed5ae0aa2121f5.jpg);
background-position: center;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.common__prm-back--cpa {
background-image: url(47e571abcf1890e93f56.jpg);
}
@media screen and (max-width: 768px) {
.common__prm-back {
background-image: url(acea1eaf0f34e81b6a8c.jpg);
}
}
.common__prm-inner {
padding: 96px 80px 80px 80px;
z-index: 1;
border-radius: 32px;
overflow: hidden;
}
@media screen and (max-width: 1280px) {
.common__prm-inner {
padding: 40px;
}
}
@media screen and (max-width: 768px) {
.common__prm-inner {
padding: 48px 24px 24px 24px;
}
}
.common__prm-title {
margin-top: 0;
font-weight: 700;
font-size: 66px;
line-height: 105%;
color: #fff;
margin-bottom: 16px;
width: 100%;
text-align: center;
}
@media screen and (max-width: 768px) {
.common__prm-title {
font-size: 44px;
line-height: 105%;
}
}
.common__prm-title--alone {
margin-bottom: 0px;
}
.common__prm-title--left {
text-align: left;
max-width: 613px;
width: 100%;
}
@media screen and (max-width: 768px) {
.common__prm-title--left {
max-width: 100%;
text-align: center;
}
}
.common__prm-subtitle {
font-size: 19px;
line-height: 24px;
width: 100%;
text-align: center;
color: #fff;
display: block;
}
@media screen and (max-width: 768px) {
.common__prm-subtitle {
font-size: 17px;
line-height: 24px;
}
}
.common__prm-subtitle--left {
text-align: left;
max-width: 613px;
width: 100%;
}
@media screen and (max-width: 1280px) {
.common__prm-subtitle--left {
max-width: 40%;
}
}
@media screen and (max-width: 768px) {
.common__prm-subtitle--left {
max-width: 100%;
text-align: center;
}
}
.common__prm-header {
max-width: 665px;
margin: auto;
margin-bottom: 56px;
}
@media screen and (max-width: 768px) {
.common__prm-header {
max-width: 100%;
margin-bottom: 48px;
}
}
.common__prm-header--full {
max-width: 850px;
}
.common__prm-header--icon {
position: relative;
margin-left: 0;
margin-right: 0;
max-width: 100%;
margin-bottom: 64px;
}
@media screen and (max-width: 768px) {
.common__prm-header--icon {
display: flex;
flex-direction: column;
margin-bottom: 60px;
}
}
.common__prm-header-icon {
position: absolute;
right: 0;
top: 0;
transform: translateY(-10%);
}
@media screen and (max-width: 1280px) {
.common__prm-header-icon {
transform: scale(0.9) translateY(-20%);
}
}
@media screen and (max-width: 768px) {
.common__prm-header-icon {
position: relative;
transform: none;
max-width: 176px;
margin: 24px auto auto auto;
}
.common__prm-header-icon img {
width: 100%;
}
}
.common__prm-black {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin-left: -16px;
margin-right: -16px;
margin-bottom: -32px;
}
@media screen and (max-width: 650px) {
.common__prm-black {
margin-left: 0;
margin-bottom: 0;
margin-right: 0;
}
}
.common__prm-black-item {
width: 100%;
max-width: calc(25% - 32px);
margin-left: 16px;
margin-right: 16px;
margin-bottom: 32px;
background: #29292d;
border: 1px solid #323235;
border-radius: 20px;
padding: 23px;
position: relative;
}
.common__prm-black-item--five {
max-width: calc(20% - 32px);
}
@media screen and (max-width: 1280px) {
.common__prm-black-item {
max-width: calc(50% - 32px);
}
.common__prm-black-item--five {
max-width: calc(33.3333333333% - 32px);
}
}
@media screen and (max-width: 768px) {
.common__prm-black-item--five {
max-width: calc(50% - 32px);
}
}
@media screen and (max-width: 650px) {
.common__prm-black-item {
max-width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 8px;
padding: 16px;
}
.common__prm-black-item:last-child {
margin-bottom: 0;
}
}
.common__prm-black-img {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 64px;
}
.common__prm-black-img img {
display: block;
}
@media screen and (max-width: 1280px) {
.common__prm-black-img {
margin-bottom: 30px;
}
}
@media screen and (max-width: 650px) {
.common__prm-black-img {
position: absolute;
left: 16px;
top: 16px;
}
}
.common__prm-black-title {
margin-top: 0;
font-weight: 700;
font-size: 19px;
line-height: 24px;
color: #ffffff;
margin-bottom: 16px;
}
@media screen and (max-width: 650px) {
.common__prm-black-title {
margin-bottom: 8px;
padding-left: 60px;
font-size: 17px;
line-height: 130%;
}
}
.common__prm-black-text {
color: #9e9eb0;
font-size: 19px;
line-height: 24px;
margin: 0;
}
@media screen and (max-width: 650px) {
.common__prm-black-text {
font-size: 17px;
line-height: 24px;
padding-left: 60px;
}
}
.common__prm-blackicon {
display: flex;
flex-wrap: wrap;
margin-left: -12px;
margin-right: -12px;
margin-bottom: -24px;
}
@media screen and (max-width: 650px) {
.common__prm-blackicon {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
}
.common__prm-blackicon-item {
width: 100%;
max-width: calc(25% - 24px);
margin-left: 12px;
margin-right: 12px;
margin-bottom: 24px;
display: flex;
align-items: center;
padding: 20px;
max-height: 88px;
background: #29292d;
border: 1px solid #323235;
border-radius: 20px;
}
@media screen and (max-width: 1280px) {
.common__prm-blackicon-item {
max-width: calc(33.3333333333% - 24px);
}
}
@media screen and (max-width: 768px) {
.common__prm-blackicon-item {
max-width: calc(50% - 24px);
padding: 16px;
}
}
@media screen and (max-width: 650px) {
.common__prm-blackicon-item {
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding: 16px;
margin-bottom: 8px;
}
.common__prm-blackicon-item:last-child {
margin-bottom: 0;
}
}
.common__prm-blackicon-icon {
width: 40px;
height: 40px;
margin-right: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.common__prm-blackicon-title {
color: #fff;
font-size: 19px;
line-height: 24px;
font-weight: 400;
margin: 0;
}
@media screen and (max-width: 768px) {
.common__prm-blackicon-title {
font-size: 17px;
line-height: 24px;
}
}
.common__prm-desc {
color: #9e9eb0;
font-size: 15px;
line-height: 140%;
display: block;
margin-top: 32px;
}
@media screen and (max-width: 650px) {
.common__prm-desc {
margin-top: 24px;
}
}
.common__prm-arrow {
display: flex;
align-items: flex-start;
}
@media screen and (max-width: 650px) {
.common__prm-arrow {
flex-wrap: wrap;
}
}
.common__prm-arrow-item {
width: 100%;
max-width: 20%;
display: flex;
justify-content: center;
position: relative;
}
.common__prm-arrow-item:after {
content: "";
display: block;
background-image: url(7a9c7cd7abd8ff449679.svg);
width: 20px;
height: 16px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 0;
transform: translate(50%);
}
.common__prm-arrow-item:last-child:after {
content: none;
}
@media screen and (max-width: 768px) {
.common__prm-arrow-item {
counter-increment: counter;
}
.common__prm-arrow-item:after, .common__prm-arrow-item:last-child:after {
content: counter(counter);
color: #fff;
background-image: url(dc5762410fc376106d88.png);
min-width: 40px;
height: 40px;
background-repeat: no-repeat;
background-size: contain;
display: flex;
align-items: center;
justify-content: center;
position: relative;
font-size: 17px;
margin-bottom: 24px;
transform: translate(0);
}
}
@media screen and (max-width: 768px) {
.common__prm-arrow-item {
flex-direction: column-reverse;
}
}
@media screen and (max-width: 650px) {
.common__prm-arrow-item {
max-width: 100%;
flex-direction: row-reverse;
justify-content: flex-end;
padding: 20px 0;
}
.common__prm-arrow-item:last-child {
padding-bottom: 0;
}
.common__prm-arrow-item:after, .common__prm-arrow-item:last-child:after {
margin-right: 12px;
margin-bottom: 0;
margin-left: 0;
transform: translate(0);
margin-bottom: 0;
}
.common__prm-arrow-item:before {
content: "";
display: block;
width: calc(100% - 52px);
right: 0;
height: 1px;
background-color: #323236;
position: absolute;
bottom: 0;
}
.common__prm-arrow-item:last-child:before {
content: none;
}
}
.common__prm-arrow-inner {
display: flex;
flex-direction: column;
align-items: center;
max-width: 156px;
}
@media screen and (max-width: 650px) {
.common__prm-arrow-inner {
max-width: 100%;
flex-direction: row;
}
}
.common__prm-arrow-img {
display: flex;
justify-content: center;
align-items: center;
width: 56px;
height: 56px;
margin-bottom: 20px;
margin: 0 auto 20px;
}
.common__prm-arrow-img img {
display: block;
}
@media screen and (max-width: 768px) {
.common__prm-arrow-img {
display: none;
}
}
.common__prm-arrow-title {
font-size: 19px;
line-height: 24px;
font-weight: 400;
color: #fff;
text-align: center;
margin: 0;
}
.common__prm-over {
margin-bottom: 40px;
}
.common__prm-over-title {
font-size: 19px;
line-height: 24px;
color: #9e9eb0;
margin-bottom: 20px;
display: block;
}
@media screen and (max-width: 768px) {
.common__prm-over-title {
font-size: 17px;
line-height: 24px;
}
.common__prm-over-title ~ .common__prm-listicon {
margin-top: -20px;
}
}
.common__prm-over:last-child {
margin-bottom: 0;
}
.common__prm-cell {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
overflow: hidden;
}
.common__prm-cell-item {
width: 100%;
max-width: 33.3333333333%;
height: 76px;
border-right: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin: -1px;
align-items: center;
justify-content: center;
display: flex;
}
.common__prm-cell-item img {
width: 100%;
max-width: 70%;
}
.common__prm-cell-item:nth-child(3n) {
border-right: none;
}
.common__prm-container {
display: flex;
flex-wrap: wrap;
margin-left: -40px;
margin-right: -40px;
}
@media screen and (max-width: 768px) {
.common__prm-container {
max-width: 100%;
margin-left: 0;
margin-right: 0;
flex-direction: column;
}
}
.common__prm-part {
width: 100%;
max-width: calc(50% - 80px);
margin-left: 40px;
margin-right: 40px;
}
@media screen and (max-width: 768px) {
.common__prm-part {
max-width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 32px;
}
}
.common__prm-listicon-img {
display: flex;
align-items: center;
justify-content: center;
min-width: 40px;
margin-right: 12px;
}
.common__prm-listicon-item {
display: flex;
align-items: center;
padding: 16px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.common__prm-listicon-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.common__prm-listicon-item--column:nth-child(3) {
border-bottom: none;
}
@media screen and (max-width: 768px) {
.common__prm-listicon-item--column:nth-child(3) {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
}
.common__prm-listicon-name {
color: #ffffff;
font-size: 19px;
line-height: 24px;
width: 100%;
padding-top: 2px;
}
@media screen and (max-width: 768px) {
.common__prm-listicon-name {
font-size: 17px;
line-height: 24px;
}
}
.common__prm-listicon--column {
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 56px;
column-gap: 56px;
}
@media screen and (max-width: 768px) {
.common__prm-listicon--column {
-moz-column-count: 1;
column-count: 1;
-moz-column-gap: 0;
column-gap: 0;
}
}
.common__prm-description {
display: flex;
flex-wrap: wrap;
margin-top: 80px;
overflow: hidden;
}
.common__prm-description-item {
position: relative;
max-width: 25%;
padding-left: 45px;
padding-right: 45px;
width: 100%;
}
.common__prm-description-item:first-child {
padding-left: 0;
}
.common__prm-description-item:first-child .common__prm-desc-text {
max-width: 176px;
}
@media screen and (max-width: 1024px) {
.common__prm-description-item:first-child .common__prm-desc-text {
max-width: 100%;
}
}
.common__prm-description-item:after {
content: "";
display: block;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background-color: rgba(255, 255, 255, 0.2);
height: 47px;
width: 1px;
}
.common__prm-description-item:last-child::after {
content: none;
}
@media screen and (max-width: 1280px) {
.common__prm-description-item {
padding-left: 24px;
padding-right: 24px;
}
}
@media screen and (max-width: 1024px) {
.common__prm-description-item {
max-width: 50%;
padding: 24px;
border-left: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin: -1px;
}
.common__prm-description-item:after {
content: none;
}
.common__prm-description-item:first-child {
padding-left: 24px;
}
}
@media screen and (max-width: 650px) {
.common__prm-description-item {
max-width: 100%;
padding-left: 0;
padding-right: 0;
padding-bottom: 16px;
margin: 0;
border-left: 0;
border-left: initial;
}
.common__prm-description-item:first-child {
padding-left: 0px;
}
}
.common__prm-description-title {
font-weight: 700;
font-size: 38px;
line-height: 46px;
color: #fff;
margin-bottom: 4px;
margin-top: 0;
}
@media screen and (max-width: 1280px) {
.common__prm-description-title {
font-size: 32px;
line-height: 34px;
}
}
@media screen and (max-width: 650px) {
.common__prm-description-title {
font-weight: 700;
font-size: 28px;
line-height: 115%;
}
}
.common__prm-description-text {
font-size: 19px;
line-height: 24px;
color: #FFFFFF;
display: block;
}
@media screen and (max-width: 650px) {
.common__prm-description-text {
font-size: 17px;
line-height: 24px;
}
}
@media screen and (max-width: 768px) {
.common__prm-description {
margin-top: 0;
}
}
@media screen and (max-width: 650px) {
.common__prm-description {
overflow: visible;
margin-top: -40px;
}
}
.common__number {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: -32px;
}
@media screen and (max-width: 768px) {
.common__number {
margin-bottom: 0;
}
}
.common__number--tree {
margin-left: -16px;
margin-right: -16px;
}
@media screen and (max-width: 768px) {
.common__number--tree {
margin-left: 0;
margin-right: 0;
}
}
.common__number--center {
max-width: 70%;
margin: auto;
}
.common__number--center .common__number-subtitle {
max-width: 240px;
text-align: center;
}
@media screen and (max-width: 1280px) {
.common__number--center {
max-width: 90%;
}
}
@media screen and (max-width: 1024px) {
.common__number--center {
max-width: 100%;
}
}
@media screen and (max-width: 768px) {
.common__number--center .common__number-subtitle {
max-width: 100%;
text-align: left;
}
.common__number--center .common__number-subtitle br {
display: none;
}
}
.common__number--full {
margin-bottom: -48px;
margin-left: -16px;
margin-right: -16px;
}
@media screen and (max-width: 1280px) {
.common__number--full {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 768px) {
.common__number--full {
margin-bottom: 0;
}
}
.common__number--centerfour .common__number-subtitle {
max-width: 230px;
}
@media screen and (max-width: 768px) {
.common__number--centerfour .common__number-subtitle {
max-width: 100%;
}
}
.common__number-item {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 32px;
counter-increment: counter;
position: relative;
}
.common__number-item:before {
content: counter(counter);
}
.common__number-item--three {
max-width: calc(33.3333333333% - 32px);
margin-left: 16px;
margin-right: 16px;
}
@media screen and (max-width: 1024px) {
.common__number-item--three {
max-width: calc(50% - 32px);
}
}
@media screen and (max-width: 768px) {
.common__number-item--three {
max-width: 100%;
margin-left: 0;
margin-right: 0;
position: relative;
}
}
.common__number-item--four {
max-width: calc(25% - 32px);
margin-left: 16px;
margin-right: 16px;
}
.common__number-item--prm::before {
color: #fff;
background-image: url(dc5762410fc376106d88.png);
min-width: 56px;
height: 56px;
background-repeat: no-repeat;
background-size: contain;
display: flex;
align-items: center;
justify-content: center;
position: relative;
font-size: 20px;
line-height: 28px;
margin-bottom: 20px;
}
.common__number-item--dark:before {
color: #252529;
}
@media screen and (max-width: 768px) {
.common__number-item {
position: relative;
align-items: flex-start;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin-bottom: 0;
padding-top: 16px;
padding-bottom: 16px;
}
.common__number-item:before {
position: absolute;
left: 0;
right: 0;
min-width: 40px;
max-width: 40px;
height: 40px;
font-size: 15px;
line-height: 140%;
}
.common__number-item:last-child {
padding-bottom: 0;
border-bottom: none;
}
}
.common__number-item--small {
flex-direction: row;
align-items: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin-top: 0;
margin-bottom: 0;
height: 80px;
}
.common__number-item--small::before {
min-width: 32px;
height: 32px;
margin-right: 16px;
font-size: 15px;
line-height: 140%;
margin-bottom: 0;
}
.common__number-item--small--web:first-child, .common__number-item--small--web:nth-child(5), .common__number-item--small--web:last-child, .common__number-item--small--web:nth-child(4) {
height: 56px;
}
@media screen and (max-width: 960px) {
.common__number-item--small--web {
height: 120px;
}
.common__number-item--small--web:first-child, .common__number-item--small--web:nth-child(5), .common__number-item--small--web:last-child, .common__number-item--small--web:nth-child(4) {
height: 56px;
}
}
@media screen and (max-width: 768px) {
.common__number-item--small--web {
height: auto;
height: initial;
padding-top: 16px;
padding-bottom: 16px;
align-items: flex-start;
}
.common__number-item--small--web:first-child, .common__number-item--small--web:nth-child(5), .common__number-item--small--web:last-child, .common__number-item--small--web:nth-child(4) {
height: auto;
height: initial;
}
}
.common__number-item--small:last-child, .common__number-item--small:nth-child(4) {
border-bottom: 0;
border-bottom: initial;
}
@media screen and (max-width: 768px) {
.common__number-item--small {
height: auto;
height: initial;
padding-top: 16px;
padding-bottom: 16px;
align-items: flex-start;
}
.common__number-item--small:first-child, .common__number-item--small:nth-child(5), .common__number-item--small:last-child, .common__number-item--small:nth-child(4) {
height: auto;
height: initial;
}
.common__number-item--small:nth-child(4) {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.common__number-item--small:last-child {
border-bottom: 0;
border-bottom: initial;
}
.common__number-item--small:before {
position: relative;
top: -5px;
}
.common__number-item--small .common__number-title {
padding-left: 0;
margin-bottom: 0;
font-size: 17px;
line-height: 24px;
font-weight: 400;
}
}
.common__number-item--small--seo {
height: 80px;
}
.common__number-item--small--seo:nth-child(4) {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.common__number-item--small--seo:nth-child(5) {
border-bottom: none;
}
@media screen and (max-width: 960px) {
.common__number-item--small--seo {
height: 100px;
}
}
@media screen and (max-width: 768px) {
.common__number-item--small--seo {
height: auto;
height: initial;
padding-top: 16px;
padding-bottom: 16px;
align-items: flex-start;
}
.common__number-item--small--seo:first-child, .common__number-item--small--seo:nth-child(5), .common__number-item--small--seo:last-child, .common__number-item--small--seo:nth-child(4) {
height: auto;
height: initial;
}
.common__number-item--small--seo:nth-child(5) {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
}
.common__number-item--arrow:after {
content: "";
display: block;
background-image: url(eb6d5a71a8a9a3fee294.svg);
width: 20px;
height: 16px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 0;
transform: translate(20px);
}
.common__number-item--arrow:last-child:after {
content: none;
}
@media screen and (max-width: 1024px) {
.common__number-item--arrow {
max-width: calc(33.3333333333% - 32px);
}
.common__number-item--arrow.common__number-item--four {
max-width: calc(50% - 32px);
}
.common__number-item--arrow.common__number-item--four:after {
content: none;
}
}
@media screen and (max-width: 960px) {
.common__number-item--arrow {
max-width: calc(33.3333333333% - 16px);
margin-left: 8px;
margin-right: 8px;
}
.common__number-item--arrow.common__number-item--four {
max-width: calc(50% - 32px);
}
.common__number-item--arrow.common__number-item--four:after {
content: none;
}
}
@media screen and (max-width: 768px) {
.common__number-item--arrow {
max-width: 100%;
margin-left: 0;
margin-right: 0;
border-bottom: 1px solid #e4e4e5;
}
.common__number-item--arrow:after {
content: none;
}
.common__number-item--arrow:last-child {
border-bottom: 0;
border-bottom: initial;
}
.common__number-item--arrow.common__number-item--four {
max-width: 100%;
}
}
.common__number-item--six {
margin-bottom: 48px;
}
.common__number-item--six:nth-child(3):after {
content: none;
}
.common__number-item--six .common__number-subtitle {
max-width: 80%;
}
@media screen and (max-width: 1280px) {
.common__number-item--six:after {
content: none;
}
}
@media screen and (max-width: 768px) {
.common__number-item--six {
margin-bottom: 0;
}
}
.common__number-title {
font-weight: 700;
font-size: 25px;
line-height: 32px;
margin-top: 0;
margin-bottom: 8px;
text-align: center;
}
.common__number-title--light {
color: #fff;
}
.common__number-title--small {
font-size: 19px;
line-height: 24px;
text-align: left;
margin-bottom: 0;
font-weight: 400;
}
@media screen and (max-width: 768px) {
.common__number-title {
padding-left: 52px;
font-size: 22px;
line-height: 120%;
margin-bottom: 4px;
text-align: left;
}
}
.common__number-subtitle {
font-size: 19px;
line-height: 24px;
text-align: center;
}
.common__number-subtitle--light {
color: #9e9eb0;
}
@media screen and (max-width: 768px) {
.common__number-subtitle {
padding-left: 52px;
font-size: 17px;
line-height: 24px;
text-align: left;
}
}
.common__number--column {
display: block;
}
.common__number--column2 {
-moz-columns: 2;
columns: 2;
-moz-column-gap: 56px;
column-gap: 56px;
}
@media screen and (max-width: 1280px) {
.common__number--column2 {
margin-bottom: 0;
}
}
@media screen and (max-width: 768px) {
.common__number--column2 {
-moz-columns: 1;
columns: 1;
-moz-column-gap: 0;
column-gap: 0;
}
}
.error__tooltip {
position: absolute;
background-color: #fff;
color: #f5222d;
padding: 8px 14px;
font-size: 14px;
line-height: 140%;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 8px;
bottom: 27px;
right: 0;
transform: translate(40%, -29%);
z-index: 1;
pointer-events: none;
transition: 0.3s;
max-width: 200px;
text-align: center;
}
.error__tooltip:after {
content: "";
position: absolute;
bottom: -19px;
border: 10px solid transparent;
border-top: 10px solid #fff;
width: 0;
left: 0;
right: 0;
margin: auto;
}
@media screen and (max-width: 768px) {
.error__tooltip {
bottom: auto;
bottom: initial;
top: 57px;
transform: translateY(0) translateX(0);
max-width: 100%;
right: 0;
}
.error__tooltip:after {
margin: auto;
transform: rotate(-180deg);
left: auto;
left: initial;
right: 11px;
top: -19px;
bottom: auto;
bottom: initial;
}
}
.error.form__input,
.error-item .form__item-phone {
border: 1px solid #f5222d;
background-image: url(8d693db7e1174ccde720.svg);
background-position: right 10px center;
background-repeat: no-repeat;
background-size: 17px;
}
.error.form__input ~ .error__tooltip {
opacity: 1;
}
.menu__anchors {
counter-reset: item;
}
.menu__anchors-item {
font-size: 17px;
line-height: 24px;
margin-bottom: 8px;
display: flex;
}
.menu__anchors-item:before {
display: block;
content: counter(item) ". ";
counter-increment: item;
margin-right: 7px;
width: 20px;
position: relative;
}
.menu__anchors-link {
font-size: 17px;
line-height: 24px;
transition: 0.3s;
color: #252529;
}
.menu__anchors-link:hover {
color: #247dd7;
}
.animate__block {
position: relative;
transform: translateY(50px);
opacity: 0;
transition: 1s all ease;
}
.animate__active {
transform: translateY(0);
opacity: 1;
}
@media screen and (max-width: 1366px) {
br {
display: none;
}
.partner__section-quote br {
display: block;
}
}
.common__preloader {
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
background-color: #252529;
z-index: 1000000000000000000000000000000000;
justify-content: center;
align-items: center;
transition: 0.3s;
}
.common__preloader.hide {
opacity: 0;
z-index: -1;
}
.lds-facebook {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-facebook div {
display: inline-block;
position: absolute;
left: 8px;
width: 16px;
background: linear-gradient(7.34deg, #8a45d4 -6.59%, #4393ed 63.47%, #63b6e8 143.98%);
animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
left: 8px;
animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
left: 32px;
animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
left: 56px;
animation-delay: 0;
}
@keyframes lds-facebook {
0% {
top: 8px;
height: 64px;
}
50%, 100% {
top: 24px;
height: 32px;
}
}
@media screen and (max-width: 1366px) {
body > div:nth-last-child(3),
body > div:nth-last-child(4) {
top: 0 !important;
}
}
.select-lang {
background-color: transparent !important;
border: none !important;
border-radius: 0px !important;
height: 100% !important;
}
.select-lang {
position: relative;
top: 3px;
max-width: 43px;
margin-left: auto;
}
.select-lang .select2-selection__rendered {
color: #ffffff !important;
font-size: 19px !important;
line-height: 19px !important;
display: flex !important;
justify-content: flex-end !important;
}
.select-lang .select2-selection__arrow {
width: 10px !important;
height: 100% !important;
top: -2px !important;
}
.select-lang .select2-selection__arrow {
background-image: url(3af006b5322022eb8ac7.svg);
transition: 0.3s;
transform-origin: center;
background-repeat: no-repeat;
background-position: center;
}
.select-lang .select2-selection__arrow b {
display: none;
}
.select2-container--open .select2-selection--single.select-lang .select2-selection__arrow {
transform: rotate(180deg);
}
.drop-lang {
background: transparent;
border-radius: 12px;
border: none;
padding-top: 10px;
}
.drop-lang .select2-results {
background: #323236;
border-radius: 12px;
}
.drop-lang .select2-results__options {
padding-left: 16px;
padding-right: 16px;
}
.drop-lang .select2-results__option {
color: #fff;
font-size: 17px;
border-bottom: 1px solid #39393d;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 0;
padding-right: 0;
}
.drop-lang .select2-results__option:last-child {
border-bottom: none;
}
.drop-lang .select2-results__option--highlighted[aria-selected] {
color: #fff;
background-color: transparent;
}
.drop-lang .select2-results__option--highlighted[aria-selected]:hover {
color: #9e9eb0;
}
.drop-lang .select2-results__option[aria-selected=true] {
color: #9e9eb0;
background-color: transparent;
}
.grecaptcha-badge {
visibility: hidden;
}
.btn__move {
display: flex;
align-items: center;
background: linear-gradient(7.34deg, #8A45D4 -6.59%, #4393ED 63.47%, #63B6E8 143.98%);
border-radius: 80px;
border: none;
position: relative;
height: 60px;
justify-content: center;
transition: 0.3s;
padding-left: 74px;
padding-right: 40px;
}
.btn__move span {
font-size: 19px;
line-height: 28px;
color: #FFFFFF;
}
.btn__move:hover .btn__arrow {
background-color: transparent;
}
.btn__move:hover svg {
animation: left 0.5s;
}
.btn__move:hover svg path {
stroke: #fff;
}
.btn__move:disabled, .btn__move .nonactive {
opacity: 0.6;
cursor: default;
}
.btn__move:disabled:hover .btn__arrow, .btn__move .nonactive:hover .btn__arrow {
background-color: #fff;
}
.btn__move:disabled:hover .btn__arrow svg, .btn__move .nonactive:hover .btn__arrow svg {
animation: none;
}
.btn__move:disabled:hover .btn__arrow svg path, .btn__move .nonactive:hover .btn__arrow svg path {
stroke: #252529;
}
@media screen and (max-width: 650px) {
.btn__move {
width: 100%;
justify-content: center;
display: flex;
}
}
.btn__move--dark {
background-color: #252529;
background-image: none;
height: 60px;
}
.btn__move--dark .btn__arrow {
height: 32px;
width: 32px;
}
.btn__move--dark span {
color: #fff;
}
.btn__move--main {
background-color: #fff;
}
.btn__move--main .btn__arrow {
background-color: #252529;
width: 40px;
height: 40px;
}
.btn__move--main .btn__arrow svg path {
stroke: #fff;
}
.btn__move--main span {
color: #252529;
}
.btn__move--main:hover .btn__arrow {
background-color: #252529;
}
.btn__move--main:hover .btn__arrow svg path {
stroke: #fff;
}
.btn__move svg path {
transition: 0.3s;
}
.btn__move--small {
height: 48px;
padding-left: 64px;
}
.btn__move--small .btn__arrow {
height: 32px;
width: 32px;
}
@media screen and (max-width: 650px) {
.btn__move--small {
max-width: 100%;
}
}
.btn__move--mobile {
display: none;
}
@media screen and (max-width: 768px) {
.btn__move--mobile {
width: 100%;
justify-content: center;
display: flex;
max-width: 100%;
}
}
.btn__arrow {
padding: 0 !important;
}
.btn__arrow {
background: #FFFFFF;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: none;
overflow: hidden;
margin-right: 23px;
padding-left: 0;
position: absolute;
top: 0;
bottom: 0;
left: 10px;
margin: auto;
border: 1px solid #fff;
}
.btn__arrow svg {
transition: 0.3s;
}
.btn__circle {
width: 220px;
height: 220px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: linear-gradient(7.34deg, #8A45D4 -6.59%, #4393ED 63.47%, #63B6E8 143.98%);
border: none;
position: relative;
}
.btn__circle span {
color: #FFFFFF;
font-size: 58px;
}
@media screen and (max-width: 768px) {
.btn__circle span {
font-size: 36px;
}
}
.btn__circle-border {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}
.btn__circle-border-item {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
transform-origin: center;
background-size: contain;
}
.btn__circle-border-item:first-child {
background-image: url(093f34b084fa07634fa6.svg);
transform: scale(1);
}
.btn__circle-border-item:nth-child(2) {
background-image: url(093f34b084fa07634fa6.svg);
transform: scale(1.2);
}
.btn__circle-border-item:last-child {
background-image: url(a7081f108a90bbf04a1b.svg);
transform: scale(1.4);
}
.btn__circle:hover .btn__circle-border-item:first-child {
animation: circle1 1s infinite;
}
.btn__circle:hover .btn__circle-border-item:nth-child(2) {
animation: circle2 1s infinite;
}
.btn__circle:hover .btn__circle-border-item:last-child {
animation: circle3 1s infinite;
}
@media screen and (max-width: 1024px) {
.btn__circle {
width: 150px;
height: 150px;
}
}
@media screen and (max-width: 768px) {
.btn__circle {
width: 183px;
height: 183px;
}
}
.btn__menu {
display: none;
max-width: 40px;
width: 40px;
height: 40px;
border-radius: 9999px;
background: #323236;
border: none;
position: relative;
padding: 0;
margin-left: 20px;
z-index: 20;
}
.btn__menu:before {
content: "";
top: 0;
display: block;
position: absolute;
width: 100%;
height: 100%;
background-image: url(182e8beb5f47bd366248.svg);
transition: 0.3s;
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
}
.btn__menu:after {
content: "";
top: 0;
display: block;
position: absolute;
width: 100%;
height: 100%;
background-image: url(6ea886bb1749077a4fd2.svg);
transition: 0.3s;
opacity: 0;
background-size: 12px;
background-repeat: no-repeat;
background-position: center;
}
.btn__menu.open:before {
opacity: 0;
}
.btn__menu.open:after {
opacity: 1;
}
@media screen and (max-width: 768px) {
.btn__menu {
display: block;
}
}
.btn__modal {
display: flex;
max-width: 40px;
width: 40px;
height: 40px;
border-radius: 9999px;
padding: 0;
align-items: center;
justify-content: center;
background: #323236;
border: none;
position: absolute;
right: 38px;
top: 38px;
transition: 0.3s;
z-index: 10;
}
.btn__modal:before {
content: "";
display: block;
height: 2px;
width: 16px;
background-color: #fff;
position: absolute;
transform: rotate(-45deg);
top: 19px;
left: 12px;
transition: 0.3s;
}
.btn__modal:after {
content: "";
display: block;
height: 2px;
width: 16px;
background-color: #fff;
position: absolute;
position: absolute;
transition: 0.3s;
transform: rotate(45deg);
bottom: 19px;
left: 12px;
}
.btn__modal:hover {
background-color: #fff;
box-shadow: inset 0px 0px 1px 1px #252529;
}
.btn__modal:hover:after {
background-color: #252529;
}
.btn__modal:hover:before {
background-color: #252529;
}
@media screen and (max-width: 1024px) {
.btn__modal {
top: 24px;
right: 15px;
}
}
.btn__modal--cases {
border: 1px solid #fff;
background-color: transparent;
box-shadow: inset 0px 0px 1px 1px #fff;
}
.btn__modal--cases:before, .btn__modal--cases:after {
top: 18px;
left: 11px;
}
.btn__modal--cases:hover {
box-shadow: none;
}
.btn__simple {
color: #247DD7;
background-color: #fff;
border: 1px solid #247DD7;
padding: 10px 36px;
transition: 0.3s;
border-radius: 80px;
font-size: 20px;
line-height: 130%;
}
.btn__simple:hover {
color: #fff;
background-color: #252529;
border-color: #252529;
}
.btn__download {
display: inline-flex;
align-items: center;
background: #F7F7FA;
border-radius: 32px;
padding: 10px 17px;
transition: 0.3s;
border: none;
}
.btn__download:first-child {
margin-right: 12px;
}
.btn__download-text {
transition: 0.3s;
}
.btn__download svg path {
transition: 0.3s;
fill: #252529;
}
.btn__download .arrow-video path {
fill: transparent;
}
.btn__download span {
color: #252529;
font-size: 15px;
line-height: 140%;
display: block;
margin-left: 6px;
transition: 0.3s;
position: relative;
top: 1px;
}
.btn__download:hover svg path {
fill: #45a5ff;
}
.btn__download:hover svg path:last-child, .btn__download:hover svg path:nth-child(2) {
stroke: #45a5ff;
}
.btn__download:hover .btn__download-text {
color: #45a5ff;
}
.btn__download:hover .arrow-video path {
fill: transparent;
}
.btn__download--detail {
display: flex;
flex-direction: column;
max-width: 268px;
padding: 20px 24px;
}
@media screen and (max-width: 768px) {
.btn__download--detail {
max-width: 50%;
padding: 20px;
}
}
@media screen and (max-width: 650px) {
.btn__download--detail {
max-width: 100%;
}
}
.btn__download-inner {
display: flex;
}
.btn__download-title {
font-size: 19px !important;
line-height: 24px !important;
margin-left: 0 !important;
}
.btn__download-title {
font-weight: 700;
margin-bottom: 16px;
max-width: 80%;
}
@media screen and (max-width: 768px) {
.btn__download-title {
max-width: 100%;
margin-bottom: 8px;
}
}
@media screen and (max-width: 650px) {
.btn__download {
max-width: 100%;
width: 100%;
justify-content: center;
}
.btn__download:first-child {
margin-bottom: 12px;
margin-right: 0;
}
.btn__download--detail {
align-items: start;
}
}
.btn__wrap--full {
display: flex;
justify-content: center;
margin-top: 40px;
width: 100%;
}
@media screen and (max-width: 1440px) {
.btn__wrap--full {
margin-top: 35px;
}
}
.btn__wrap--form {
margin-top: 16px;
}
.btn__wrap--form .btn__move {
min-width: 282px;
padding-left: 64px;
}
.btn__wrap--form .btn__move.nonactive {
opacity: 0.6;
pointer-events: none;
cursor: default;
}
@media screen and (max-width: 650px) {
.btn__wrap--form .btn__move {
max-width: 100%;
}
}
.btn__wrap--menu {
width: 100%;
}
.btn__up {
position: fixed;
width: 48px;
height: 48px;
right: 16px;
bottom: 16px;
background: #E4E4E5;
transition: 0.3s;
padding: 0;
border: none;
border-radius: 50%;
z-index: 2;
opacity: 0;
pointer-events: none;
}
.btn__up svg {
transform: rotate(-90deg);
}
.btn__up svg path {
transition: 0.3s;
}
.btn__up:hover {
background-color: #252529;
}
.btn__up:hover svg path {
stroke: #fff;
}
.btn__up.active {
opacity: 1;
pointer-events: all;
}
@media screen and (max-width: 768px) {
.btn__up:hover {
background-color: #E4E4E5;
}
.btn__up:hover svg path {
stroke: #252529;
}
.btn__up.active {
background-color: #252529;
}
.btn__up.active svg path {
stroke: #fff;
}
}
.btn-show__more {
display: flex;
align-items: center;
justify-content: center;
padding: 6px 16px 5px;
border: 1px solid #FFFFFF;
border-radius: 32px;
transition: opacity 0.3s;
margin: 0px auto 0 auto;
background-color: transparent;
font-size: 15px;
line-height: 140%;
}
.btn-show__more--cases {
display: none;
}
@media screen and (max-width: 650px) {
.btn-show__more--cases {
display: flex;
}
}
.btn-show__more span {
color: #FFFFFF;
}
.btn-show__more.active {
display: none;
}
.btn--hide {
display: none;
}
@keyframes left {
0% {
transform: translateX(0);
}
50% {
transform: translateX(200%);
}
51% {
transform: translateX(-200%);
}
100% {
transform: translateX(0);
}
}
@keyframes circle1 {
0% {
transform: scale(1);
opacity: 1;
}
100% {
opacity: 0;
transform: scale(1.2);
}
}
@keyframes circle2 {
0% {
transform: scale(1.2);
opacity: 1;
}
100% {
opacity: 0;
transform: scale(1.4);
}
}
@keyframes circle3 {
0% {
transform: scale(1.4);
opacity: 1;
}
100% {
opacity: 0;
transform: scale(1.6);
}
}
.form__captcha {
margin: 24px 0 8px 0;
}
.form__captcha--modal {
margin-top: 24px;
}
@media screen and (max-width: 1440px) {
.form__captcha--modal {
margin-top: 12px;
}
}
.form__wrap {
padding: 72px 80px 32px 80px;
transition: 0.3s;
}
@media screen and (max-width: 1440px) {
.form__wrap {
padding: 32px 60px 32px 60px;
overflow: auto;
}
}
@media screen and (max-width: 1024px) {
.form__wrap {
padding: 72px 20px 20px 20px;
}
}
@media screen and (max-width: 768px) {
.form__wrap {
overflow: visible;
}
}
.form__wrap.loaded {
opacity: 0.5;
}
.form__lang {
margin-bottom: 0;
display: none;
}
.form__title {
font-weight: 700;
font-size: 30px;
line-height: 130%;
margin-bottom: 40px;
display: block;
}
@media screen and (max-width: 1440px) {
.form__title {
margin-bottom: 24px;
}
}
@media screen and (max-width: 1024px) {
.form__title {
margin-top: 20px;
}
}
.form__inner {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
@media screen and (max-width: 1440px) {
.form__inner {
flex-direction: column;
}
}
.form__part {
width: 100%;
max-width: calc(50% - 25px);
}
@media screen and (max-width: 1440px) {
.form__part {
max-width: 100%;
margin-bottom: 15px;
}
}
.form__block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media screen and (max-width: 1440px) {
.form__block {
margin-bottom: -8px;
}
}
.form__item {
position: relative;
display: flex;
flex-direction: column-reverse;
margin-bottom: 24px;
width: 100%;
}
.form__item .select2 {
position: absolute;
left: 0;
z-index: 1;
top: 20px;
opacity: 0;
height: 40px;
}
.form__item-phone {
border: 1px solid #E4E4E5;
border-radius: 8px;
background: #F7F7FA;
font-size: 17px;
padding: 8px 0px 8px 8px;
height: 40px;
width: 100%;
max-width: 100%;
transition: 0.3s;
display: flex;
align-items: center;
transition: 0.3s;
}
.form__item-phone.error {
border: 1px solid #F5222D;
}
.form__item--half {
max-width: calc(50% - 8px);
}
@media screen and (max-width: 600px) {
.form__item--half {
max-width: 100%;
}
}
.form__item:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 1440px) {
.form__item {
max-width: calc(50% - 8px);
margin-bottom: 10px;
}
.form__item--half {
max-width: calc(50% - 8px);
}
.form__item:last-child {
margin-bottom: 10px;
}
}
@media screen and (max-width: 1366px) {
.form__item {
max-width: calc(33.3333333333% - 8px);
margin-bottom: 10px;
}
.form__item--half {
max-width: calc(33.3333333333% - 8px);
}
}
@media screen and (max-width: 1024px) {
.form__item {
max-width: 100%;
margin-bottom: 24px;
}
.form__item--half {
max-width: calc(50% - 8px);
}
.form__item:last-child {
margin-bottom: 0px;
}
}
@media screen and (max-width: 768px) {
.form__item--half {
max-width: 100%;
}
}
.form__input {
background: #F7F7FA;
border: 1px solid #E4E4E5;
border-radius: 8px;
background: #F7F7FA;
font-size: 17px;
padding: 8px 12px;
height: 40px;
width: 100%;
max-width: 100%;
transition: 0.3s;
background-position: 90% 50%;
}
.form__input + .form__label:after {
content: "Optional";
color: #B8B8BB;
font-size: 14px;
line-height: 140%;
padding-left: 10px;
}
@media screen and (max-width: 1440px) {
.form__input + .form__label:after {
font-size: 12px;
}
}
.form__input:required + .form__label:after {
content: none;
}
.form__input::-moz-placeholder {
color: #B8B8BB;
}
.form__input::placeholder {
color: #B8B8BB;
}
.form__label {
font-weight: 500;
font-size: 15px;
line-height: 140%;
display: flex;
align-items: center;
justify-content: space-between;
}
.form__check {
border: 1px solid #E4E4E5;
border-radius: 8px;
padding: 24px;
}
.form__check-list {
display: flex;
flex-wrap: wrap;
margin-bottom: 4px;
}
.form__check-item {
margin-right: 12px;
margin-bottom: 12px;
}
.form__check-wrap {
position: relative;
}
.form__check-hidden {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
cursor: pointer;
}
.form__check-visible {
border: 1px solid #E4E4E5;
border-radius: 32px;
display: block;
font-size: 14px;
line-height: 140%;
display: flex;
align-items: center;
justify-content: center;
padding: 4px 12px;
cursor: pointer;
transition: 0.3s;
}
.form__check-hidden:checked + .form__check-visible {
background: linear-gradient(183.88deg, #65B2FF 1.64%, #6638F4 96.82%);
color: #fff;
}
.form__check.error {
border-color: #F5222D;
}
@media screen and (max-width: 1440px) {
.form__check {
padding: 12px 20px;
}
}
@media screen and (max-width: 600px) {
.form__check {
padding: 0;
border: none;
}
}
.form__subtitle {
font-weight: 700;
font-size: 17px;
line-height: 140%;
display: block;
margin-bottom: 16px;
}
.form__submit {
display: flex;
align-items: center;
border-radius: 80px;
border: none;
background: linear-gradient(183.88deg, #65B2FF 1.64%, #6638F4 96.82%);
transition: 0.3s;
padding: 10px 36px;
margin-right: 28px;
position: relative;
}
.form__submit:disabled {
background: #E8E8EE;
cursor: default;
}
.form__submit:after {
content: "";
display: block;
width: 24px;
height: 24px;
background-image: url(daa4febe1d3406675bf1.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
opacity: 0;
z-index: -1;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
animation: load 1s infinite;
transition: 0.3s;
}
.form__submit:not(:disabled):hover {
opacity: 0.8;
}
.form__submit-wrap {
display: flex;
align-items: center;
}
@media screen and (max-width: 600px) {
.form__submit-wrap {
flex-direction: column;
}
}
.form__submit-text {
color: #FFFFFF;
font-size: 20px;
line-height: 130%;
}
.form__submit--load .form__submit-text {
opacity: 0;
}
.form__submit--load:after {
opacity: 1;
z-index: 1;
}
@media screen and (max-width: 600px) {
.form__submit {
width: 100%;
margin-right: 0;
margin-bottom: 18px;
justify-content: center;
}
}
.form__submit.nonactive {
background: #E8E8EE;
cursor: default;
opacity: 0.8;
pointer-events: none;
}
.form__submit.nonactive:after {
content: "";
display: block;
width: 24px;
height: 24px;
background-image: url(daa4febe1d3406675bf1.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
opacity: 0;
z-index: -1;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
animation: load 1s infinite;
transition: 0.3s;
}
.form__textarea {
background: #F7F7FA;
border: 1px solid #E4E4E5;
border-radius: 8px;
font-size: 17px;
padding: 8px 12px;
height: 40px;
width: 100%;
resize: none;
}
.form__textarea--inside {
height: 100%;
}
@media screen and (max-width: 768px) {
.form__textarea--inside {
min-height: 100px;
max-height: 100px;
}
}
.form__textarea:focus {
border-color: #6272E3;
}
.form .common__wrap {
display: flex;
}
.form__inside {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
margin: 0;
}
.form__inside .common__check-text {
font-size: 19px;
}
.form__inside .common__check-text--captcha {
font-size: 12px;
}
.form__inside-wrap {
padding-bottom: 78px;
position: relative;
display: flex;
justify-content: center;
padding-top: 60px;
background-color: #fff;
}
@media screen and (max-width: 768px) {
.form__inside-wrap {
padding-bottom: 56px;
padding-top: 30px;
}
}
.form__inside-wrap--hidden {
display: none;
}
.form__inside-wrap.over {
position: fixed;
z-index: 40;
background-color: rgba(37, 37, 41, 0.4);
top: 0;
left: 0;
width: 100%;
height: 100vh;
transform: translateX(-100%);
opacity: 0;
display: flex;
align-items: center;
padding: 40px 0;
}
.form__inside-wrap.over .common__wrap {
background-color: #fff;
margin: auto;
padding: 40px;
position: relative;
min-height: 50%;
display: flex;
align-items: center;
justify-content: center;
max-width: 60%;
}
@media screen and (max-width: 1560px) {
.form__inside-wrap.over .common__wrap {
max-width: 70%;
padding-top: 20px;
padding-bottom: 20px;
}
}
@media screen and (max-width: 1024px) {
.form__inside-wrap.over .common__wrap {
max-width: 90%;
}
}
@media screen and (max-width: 768px) {
.form__inside-wrap.over .common__wrap {
padding: 20px;
margin: 0;
min-height: 100vh;
height: auto;
height: initial;
max-width: 100%;
}
}
.form__inside-wrap.over .common__inner {
padding-left: 0;
padding-right: 0;
}
.form__inside-wrap.over .btn--hide {
display: block;
}
.form__inside-wrap.over.transition {
transition: 0.3s;
}
.form__inside-wrap.over.active {
transform: translateX(0);
opacity: 1;
}
@media screen and (max-width: 768px) {
.form__inside-wrap.over {
padding: 0;
align-items: flex-start;
overflow: auto;
height: 100vh;
}
}
.form__inside-item {
height: 100%;
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.form__inside-item {
height: auto;
height: initial;
}
}
.form__inside-icon {
width: 80px;
height: 80px;
margin: auto;
margin-bottom: 16px;
background: #F7F6FE;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 1366px) {
.form__inside-icon {
width: 70px;
height: 70px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 768px) {
.form__inside-icon {
width: 64px;
height: 64px;
}
}
.form__inside-inner {
max-width: 890px;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: stretch;
margin-left: -12px;
margin-right: -12px;
margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
.form__inside-inner {
margin-left: 0;
margin-right: 0;
max-width: 100%;
flex-direction: column;
}
}
.form__inside-inner .form__item {
margin-bottom: 16px;
}
.form__inside-inner .form__item:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 1440px) {
.form__inside-inner .form__item {
max-width: 100%;
}
}
.form__inside-inner .form__inside-item {
margin-bottom: 0;
}
.form__inside-part {
width: 100%;
max-width: calc(50% - 24px);
margin-left: 12px;
margin-right: 12px;
}
.form__inside-part--full {
display: flex;
max-width: 100%;
height: 215px;
margin-left: 0;
}
@media screen and (max-width: 768px) {
.form__inside-part {
margin-left: 0;
margin-right: 0;
max-width: 100%;
margin-bottom: 16px;
}
.form__inside-part:last-child {
margin-bottom: 0;
}
.form__inside-part--full {
min-height: 0;
min-height: initial;
max-height: none;
max-height: initial;
height: auto;
height: initial;
}
}
@keyframes load {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.select-phone-dropdown {
border: 1px solid #E4E4E5;
}
.select-phone-dropdown .select2-search--dropdown .select2-search__field {
border: 1px solid #E4E4E5;
border-radius: 32px;
padding: 0px 12px;
height: 30px;
font-size: 14px;
line-height: 140%;
color: #252529;
}
.select-phone-dropdown .select2-results__option {
font-size: 14px;
line-height: 140%;
color: #252529;
}
.select-phone-dropdown .select2-results__option--highlighted[aria-selected] {
background: linear-gradient(183.88deg, #65B2FF 1.64%, #6638F4 96.82%);
}
.select-phone-dropdown .select2-results__option[aria-selected=true] {
background: #F7F7FA;
color: #252529;
}
.js-form-item.error-item {
position: relative;
}
.js-form-item.error-item input, .js-form-item.error-item textarea, .js-form-item.error-item #id_i_agree ~ .common__check-visible, .js-form-item.error-item .form__item-phone {
border: 1px solid #F5222D;
}
.js-form-goals.error-item .form__check {
border: 1px solid #F5222D;
}
.header {
background: transparent;
position: fixed;
width: 100%;
top: 0;
left: 0;
transition: 0.3s;
z-index: 20;
}
.header__inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 32px 0;
transition: 0.3s;
margin: 0 -35px 0 -45px;
}
@media screen and (max-width: 1366px) {
.header__inner {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 768px) {
.header__inner {
padding-top: 12px;
padding-bottom: 12px;
}
}
.header.fixed {
background-color: #252529;
}
.header.fixed .header__inner {
padding: 12px 0;
}
.header__block {
display: flex;
align-items: center;
}
.header__box {
display: flex;
align-items: center;
}
.header--inside {
position: relative;
}
.header--inside.fixed {
background-color: transparent;
}
.header--inside.fixed .header__inner {
padding: 32px 0;
}
.header--error {
position: relative;
}
.header--error .header__inner {
padding-bottom: 39px;
}
.logo {
display: flex;
align-items: center;
}
.anchor {
font-size: 19px;
color: #FFFFFF;
position: relative;
transition: 0.3s;
white-space: nowrap;
}
.anchor:after {
content: "";
width: 100%;
display: block;
height: 1px;
background-color: #fff;
position: absolute;
bottom: -2px;
left: 0;
transform: scaleX(0);
transform-origin: left;
transition: 0.3s;
}
.anchor__list {
display: flex;
align-items: center;
margin-right: 32px;
}
.anchor__list-wrap {
display: flex;
align-items: center;
}
@media screen and (max-width: 768px) {
.anchor__list-wrap {
position: fixed;
width: 100%;
height: 100%;
overflow: auto;
z-index: 20;
background: #252529;
left: 0;
bottom: 0;
padding-left: 15px;
padding-right: 15px;
transform: translateX(100%);
display: flex;
flex-direction: column;
justify-content: center;
transition: 0.3s;
padding-bottom: 24px;
}
}
.anchor__list-wrap.active {
transform: translateX(0);
}
@media screen and (max-width: 768px) {
.anchor__list {
flex-direction: column;
align-items: flex-start;
justify-content: center;
height: 100%;
width: 100%;
max-width: 100%;
margin: 0;
}
}
.anchor__item {
margin-right: 32px;
}
.anchor__item:last-child {
margin-right: 0;
}
@media screen and (max-width: 768px) {
.anchor__item {
margin-right: 0;
margin-bottom: 24px;
}
.anchor__item:last-child {
margin-bottom: 0;
}
}
.anchor--prm {
padding: 4px 16px;
border: 1px solid #FFFFFF;
border-radius: 24px;
font-size: 15px;
}
.anchor--prm::after {
content: none;
}
.anchor--prm:hover {
color: #252529;
background-color: #fff;
}
@media screen and (max-width: 768px) {
.anchor--prm {
padding: 0;
border: none;
}
.anchor--prm:after {
content: "";
width: 100%;
display: block;
height: 1px;
background-color: #fff;
position: absolute;
bottom: -2px;
left: 0;
transform: scaleX(0);
transform-origin: left;
transition: 0.3s;
}
.anchor--prm:hover {
color: #fff;
background-color: #252529;
}
}
.anchor:hover:after {
transform: scaleX(1);
}
@media screen and (max-width: 768px) {
.anchor {
font-size: 44px;
font-weight: 700;
}
}
@media screen and (max-width: 768px) {
.logo {
width: 48px;
}
.logo img {
display: block;
width: 100%;
}
}
.main__banner {
background-color: transparent;
padding-top: 242px;
padding-bottom: 197px;
overflow: hidden;
position: relative;
z-index: 3;
}
.main__banner .common__wrap {
position: relative;
z-index: 2;
}
.main__banner-fake {
z-index: 1;
position: absolute;
}
.main__banner-inner {
display: flex;
}
.main__banner-inner--mobile {
flex-direction: column;
}
.main__banner-img {
bottom: 100px;
display: none;
position: absolute;
width: 40%;
max-width: 300px;
}
.main__banner-img img {
position: absolute;
display: block;
width: 100%;
height: 100%;
}
.main__banner-img:after {
content: "";
display: block;
width: 100%;
padding-bottom: 100%;
}
@media screen and (max-width: 768px) {
.main__banner-img {
display: block;
bottom: 10px;
}
}
@media screen and (max-width: 475px) {
.main__banner-img {
width: 60%;
}
}
.main__banner-subtitle {
font-weight: 700;
font-size: 50px;
line-height: 110%;
margin-top: 0;
margin-bottom: 24px;
color: #fff;
}
@media screen and (max-width: 650px) {
.main__banner-subtitle {
font-size: 36px;
margin-bottom: 16px;
}
}
.main__banner-subtitle--inside {
font-size: 66px;
margin-bottom: 32px;
display: block;
}
@media screen and (max-width: 768px) {
.main__banner-subtitle--inside {
font-size: 44px;
margin-bottom: 16px;
}
}
.main__banner-title {
font-weight: 400;
font-size: 25px;
line-height: 130%;
margin-bottom: 32px;
display: block;
color: #fff;
max-width: 80%;
}
@media screen and (max-width: 1200px) {
.main__banner-title {
font-size: 36px;
line-height: 120%;
align-self: flex-start;
justify-self: flex-start;
margin-bottom: auto;
}
}
@media screen and (max-width: 650px) {
.main__banner-title {
font-size: 22px;
line-height: 130%;
max-width: 100%;
}
}
.main__banner-title--inside {
max-width: 100%;
text-align: center;
margin-bottom: 16px;
}
.main__banner-info {
width: 100%;
max-width: 50%;
position: relative;
z-index: 1;
}
@media screen and (max-width: 768px) {
.main__banner-info {
display: flex;
flex-direction: column;
max-width: 100%;
height: 100%;
justify-content: space-between;
}
}
@media screen and (max-width: 650px) {
.main__banner-info {
height: auto;
height: initial;
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
.main__banner-info--inside {
max-width: 556px;
margin: auto;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
margin-bottom: 45px;
}
.main__banner-info--web {
max-width: 900px;
}
.main__banner-anim {
position: absolute;
top: 0;
transform-origin: center;
right: 0;
width: 100%;
height: 100%;
}
.main__banner-anim-inner {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media screen and (max-width: 768px) {
.main__banner-anim {
transform: translate(0);
display: flex;
align-items: flex-end;
justify-content: center;
}
}
@media screen and (max-width: 1200px) {
.main__banner {
padding-top: 130px;
padding-bottom: 100px;
}
.main__banner .btn__wrap {
margin-top: 20px;
width: 100%;
}
.main__banner--inside {
padding-bottom: 0;
}
.main__banner--inside .btn__wrap {
display: flex;
justify-content: center;
margin-top: 0;
}
}
@media screen and (max-width: 768px) {
.main__banner {
padding: 120px 0 24px 0;
position: relative;
min-height: 650px;
background-image: url(ef9eac24abd0c16eda7b.jpg);
background-repeat: no-repeat;
background-position: 74% 0;
}
.main__banner .btn__move--main {
max-width: 100%;
}
.main__banner--inside {
padding-bottom: 0;
}
}
.main__banner-image-desc {
display: block;
max-width: 100%;
margin: auto;
}
@media screen and (max-width: 768px) {
.main__banner-image-desc--smm {
transform: translateX(5%);
}
}
.main__banner--inside {
background-image: url(320738a123b85fcfdfb7.jpg);
background-position: center;
background-size: cover;
padding-bottom: 0;
padding-top: 176px;
min-height: 100%;
display: flex;
align-items: flex-end;
}
@media screen and (max-width: 1600px) {
.main__banner--inside {
min-height: 0;
min-height: initial;
padding-top: 120px;
}
}
@media screen and (max-width: 768px) {
.main__banner--inside {
min-height: 0;
min-height: initial;
padding-top: 120px;
}
}
.info__section-inner {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 65px 0 60px;
}
@media screen and (max-width: 1024px) {
.info__section-inner {
padding-top: 70px;
padding-bottom: 30px;
flex-direction: column;
}
}
@media screen and (max-width: 768px) {
.info__section-inner {
padding-top: 56px;
padding-bottom: 0px;
}
}
.info__section-inner--inside {
padding-bottom: 0;
}
.info__section-box {
display: flex;
}
@media screen and (max-width: 650px) {
.info__section-box {
flex-direction: column;
align-items: center;
}
}
.info__section-desc {
width: 100%;
max-width: 700px;
}
@media screen and (max-width: 1200px) {
.info__section-desc {
max-width: 50%;
}
}
@media screen and (max-width: 1024px) {
.info__section-desc {
max-width: 100%;
font-size: 24px;
line-height: 32px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 768px) {
.info__section-desc {
margin-bottom: 20px;
}
}
.info__section-desc--title {
margin-top: 0;
margin-bottom: 20px;
font-weight: 700;
font-size: 66px;
line-height: 105%;
}
@media screen and (max-width: 768px) {
.info__section-desc--title {
font-size: 44px;
margin-bottom: 12px;
}
}
.info__section-desc--inside {
max-width: 435px;
}
@media screen and (max-width: 768px) {
.info__section-desc--inside {
max-width: 100%;
}
}
.info__section-text {
font-weight: 400;
font-size: 32px;
line-height: 130%;
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.info__section-text {
margin-top: 0;
font-size: 28px;
margin-bottom: 15px;
}
}
.info__section-text--inside {
font-size: 19px;
line-height: 24px;
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.info__section-text--inside {
font-size: 17px;
line-height: 24px;
margin-bottom: 0;
}
}
.info__section-part {
display: flex;
flex-direction: column;
width: 100%;
max-width: calc(100% - 614px);
padding-top: 6px;
padding-left: 149px;
}
@media screen and (max-width: 1200px) {
.info__section-part {
max-width: 50%;
padding-left: 70px;
}
}
@media screen and (max-width: 1024px) {
.info__section-part {
max-width: 100%;
padding-left: 0;
display: flex;
align-items: flex-start;
}
}
@media screen and (max-width: 650px) {
.info__section-part {
flex-direction: column;
padding-top: 0;
}
}
.info__section-icon {
margin-bottom: 24px;
}
@media screen and (max-width: 1024px) {
.info__section-icon {
margin-bottom: 0;
margin-right: 24px;
}
}
@media screen and (max-width: 650px) {
.info__section-icon {
margin-bottom: 16px;
}
}
.info__section--inside {
padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
.info__section--inside {
padding-bottom: 30px;
}
}
.info__list {
display: flex;
flex-wrap: wrap;
margin-left: -12px;
margin-right: -12px;
margin-top: 48px;
margin-bottom: -24px;
}
@media screen and (max-width: 768px) {
.info__list {
margin-top: 32px;
margin-left: -8px;
margin-right: -8px;
}
}
.info__list-item {
width: 100%;
max-width: calc(16.6666666667% - 24px);
margin-left: 12px;
margin-right: 12px;
margin-bottom: 24px;
background: #f7f6fe;
border-radius: 24px;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
height: 176px;
}
@media screen and (max-width: 1024px) {
.info__list-item {
max-width: calc(33.3333333333% - 24px);
}
}
@media screen and (max-width: 768px) {
.info__list-item {
height: auto;
height: initial;
padding: 16px;
margin-left: 8px;
margin-right: 8px;
max-width: calc(33.3333333333% - 16px);
margin-bottom: 16px;
}
}
@media screen and (max-width: 650px) {
.info__list-item {
max-width: calc(50% - 16px);
}
}
.info__list-img {
margin-bottom: 35px;
display: flex;
height: 56px;
width: 56px;
justify-content: center;
align-items: center;
width: 100%;
}
@media screen and (max-width: 768px) {
.info__list-img {
margin-bottom: 14px;
height: auto;
height: initial;
}
}
.info__list-name {
font-weight: 700;
font-size: 19px;
width: 100%;
text-align: center;
}
.achiev__section-list {
display: flex;
flex-direction: column;
padding-right: 15px;
padding-top: 15px;
}
@media screen and (max-width: 768px) {
.achiev__section-list {
flex-wrap: wrap;
padding-right: 0;
padding-top: 0;
}
}
.achiev__section-item {
padding: 14px 0;
width: 100%;
position: relative;
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between;
border-bottom: 1px solid #e4e4e5;
}
.achiev__section-item:last-child {
border-bottom: none;
}
@media screen and (max-width: 1024px) {
.achiev__section-item {
padding-top: 40px;
padding-bottom: 40px;
}
.achiev__section-item:after {
right: 0px;
}
}
@media screen and (max-width: 768px) {
.achiev__section-item {
max-width: 100%;
padding-left: 0;
padding-top: 15px;
padding-bottom: 15px;
}
}
.achiev__section-top {
display: flex;
align-items: center;
max-width: 80%;
}
.achiev__section-top span {
font-size: 19px;
line-height: 24px;
}
@media screen and (max-width: 1024px) {
.achiev__section-top span {
font-size: 16px;
}
}
@media screen and (max-width: 1024px) {
.achiev__section-top {
max-width: 90%;
}
}
.achiev__section-type {
background: linear-gradient(7.34deg, #8a45d4 -6.59%, #4393ed 63.47%, #63b6e8 143.98%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 50px;
line-height: 110%;
}
.achiev__section-type span {
background: linear-gradient(7.34deg, #8a45d4 -6.59%, #4393ed 63.47%, #63b6e8 143.98%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
top: -2px;
font-size: 50px;
}
@media screen and (max-width: 768px) {
.achiev__section-type {
font-weight: 400;
font-size: 28px;
line-height: 130%;
}
.achiev__section-type span {
font-size: 28px;
top: 1px;
}
}
.achiev__section-type--small {
font-size: 32px;
}
.achiev__section-type--small span {
font-size: 32px;
}
@media screen and (max-width: 1024px) {
.achiev__section {
width: 100%;
}
}
.service__section {
padding-bottom: 120px;
padding-top: 60px;
}
@media screen and (max-width: 1024px) {
.service__section {
padding-top: 27px;
padding-bottom: 56px;
padding-top: 30px;
}
}
.solution__list {
display: flex;
flex-wrap: wrap;
margin-left: -12px;
margin-right: -12px;
margin-bottom: -24px;
margin-top: 32px;
}
@media screen and (max-width: 650px) {
.solution__list {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
margin-top: 15px;
}
}
.solution__item {
position: relative;
width: 100%;
max-width: calc(33.3333333333% - 24px);
margin-left: 12px;
margin-right: 12px;
margin-bottom: -24px;
position: relative;
background: #F7F6FE;
border-radius: 20px;
padding: 32px;
margin-bottom: 24px;
transition: 0.3s;
}
@media screen and (max-width: 1440px) {
.solution__item {
height: auto;
height: initial;
}
}
@media screen and (max-width: 1024px) {
.solution__item {
max-width: calc(50% - 24px);
}
}
@media screen and (max-width: 650px) {
.solution__item {
max-width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 12px;
padding: 24px;
}
.solution__item:last-child {
margin-bottom: 0;
}
}
.solution__link {
display: flex;
align-items: center;
margin-top: 24px;
font-size: 19px;
line-height: 24px;
}
.solution__link div {
background: linear-gradient(7.34deg, #8a45d4 -6.59%, #4393ed 63.47%, #63b6e8 143.98%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.solution__link:after {
content: "";
position: relative;
display: block;
width: 11px;
height: 13px;
margin-left: 6px;
font-size: 19px;
line-height: 24px;
transition: 0.3s;
background-image: url(024b2b944f8e3c7fe0d6.svg);
background-repeat: no-repeat;
background-size: contain;
top: 2px;
}
.solution__link:hover:after {
transform: translateX(10px);
}
@media screen and (max-width: 768px) {
.solution__link:hover:after {
transform: translateX(0px);
}
}
@media screen and (max-width: 650px) {
.solution__link {
margin-top: 16px;
}
}
.solution__img {
position: absolute;
top: 25px;
right: 25px;
}
@media screen and (max-width: 650px) {
.solution__img {
top: 14px;
right: 14px;
transform: scale(0.7);
}
}
.solution__title {
font-weight: 700;
font-size: 25px;
line-height: 32px;
margin-bottom: 12px;
margin-top: 0;
}
@media screen and (max-width: 1024px) {
.solution__title {
margin-bottom: 24px;
}
}
@media screen and (max-width: 768px) {
.solution__title {
font-size: 22px;
line-height: 120%;
}
}
@media screen and (max-width: 650px) {
.solution__title {
margin-bottom: 12px;
}
}
.solution__text {
font-size: 19px;
line-height: 24px;
}
@media screen and (max-width: 768px) {
.solution__text {
font-size: 17px;
line-height: 24px;
height: 73px;
display: block;
}
}
@media screen and (max-width: 650px) {
.solution__text {
height: auto;
height: initial;
}
}
.solution__inner {
max-width: 90%;
}
@media screen and (max-width: 650px) {
.solution__inner {
max-width: 81%;
}
}
.offer__section-inner {
display: flex;
align-items: center;
justify-content: space-between;
align-items: center;
padding: 95px 0 139px 0;
}
@media screen and (max-width: 1260px) {
.offer__section-inner {
justify-content: flex-start;
}
}
@media screen and (max-width: 768px) {
.offer__section-inner {
flex-direction: column;
padding-top: 56px;
padding-bottom: 84px;
}
}
.offer__title {
font-size: 80px;
max-width: 522px;
}
.offer__title-wrap {
width: 100%;
max-width: 748px;
display: flex;
align-items: center;
justify-content: space-between;
}
.offer__title-wrap:before {
content: "";
display: block;
width: 83px;
height: 79px;
background-image: url(ecec8f8af86c91a7557e.svg);
background-position: center;
background-repeat: no-repeat;
transform-origin: center;
}
@media screen and (max-width: 1200px) {
.offer__title-wrap {
max-width: none;
max-width: initial;
justify-content: flex-start;
}
.offer__title-wrap:before {
background-size: contain;
width: 40px;
margin-right: 40px;
}
}
@media screen and (max-width: 768px) {
.offer__title-wrap {
flex-direction: column;
align-items: center;
text-align: center;
margin-bottom: 60px;
}
.offer__title-wrap:before {
transform: rotate(90deg);
margin-bottom: 18px;
margin-left: 0;
margin-right: 0;
width: 62px;
}
}
@media screen and (max-width: 1200px) {
.offer__title {
font-size: 72px;
}
}
@media screen and (max-width: 960px) {
.offer__title {
font-size: 56px;
}
}
@media screen and (max-width: 768px) {
.offer__title {
font-size: 48px;
line-height: 110%;
}
}
.offer__button {
padding-right: 120px;
}
@media screen and (max-width: 1366px) {
.offer__button {
padding-right: 40px;
}
}
@media screen and (max-width: 1260px) {
.offer__button {
padding-right: 0px;
position: relative;
left: -52px;
}
}
@media screen and (max-width: 768px) {
.offer__button {
left: 0;
}
}
.element__section {
background-image: url(ef9eac24abd0c16eda7b.jpg);
position: relative;
overflow: hidden;
background-position: 74% 0%;
background-repeat: no-repeat;
background-size: cover;
}
.element__section .common__wrap {
position: relative;
z-index: 1;
}
@media screen and (max-width: 768px) {
.element__section:after {
transform: translate(86%, -55%);
}
}
.element__section--case {
background-image: url(0476dde6b327bfd1e4ae.png);
background-size: 100% 100%;
}
.element__inner {
padding: 120px 0;
}
@media screen and (max-width: 1024px) {
.element__inner {
padding: 70px 0;
}
}
@media screen and (max-width: 650px) {
.element__inner {
padding: 56px 0;
}
}
.element__list {
display: flex;
align-items: stretch;
flex-wrap: wrap;
margin-left: -12px;
margin-right: -12px;
margin-top: 48px;
}
.element__list-item {
width: 100%;
max-width: calc(25% - 24px);
margin-left: 12px;
margin-right: 12px;
border-radius: 16px;
padding: 32px 32px 15px 32px;
background: #323236;
}
.element__list-item--prm {
background: linear-gradient(7.34deg, #8A45D4 -6.59%, #4393ED 63.47%, #63B6E8 143.98%);
}
@media screen and (max-width: 1260px) {
.element__list-item {
margin-left: 12px;
margin-right: 12px;
max-width: calc(25% - 24px);
padding: 20px;
}
}
@media screen and (max-width: 1024px) {
.element__list-item {
max-width: calc(50% - 24px);
margin-bottom: 24px;
}
}
@media screen and (max-width: 650px) {
.element__list-item {
margin-right: 0;
position: relative;
margin-left: 0;
max-width: 100%;
padding: 24px;
margin-bottom: 12px;
}
.element__list-item:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 1260px) {
.element__list {
margin-top: 60px;
margin-left: -12px;
margin-right: -12px;
}
}
@media screen and (max-width: 650px) {
.element__list {
margin-right: 0;
margin-left: 0;
margin-top: 32px;
}
}
.element__number {
color: #FFFFFF;
opacity: 0.7;
font-size: 19px;
line-height: 24px;
margin-bottom: 64px;
display: block;
}
@media screen and (max-width: 1024px) {
.element__number {
margin-bottom: 30px;
}
}
@media screen and (max-width: 650px) {
.element__number {
margin-bottom: 32px;
font-size: 17px;
line-height: 24px;
}
}
.element__title {
font-weight: 700;
font-size: 25px;
line-height: 32px;
color: #FFFFFF;
margin-top: 0;
margin-bottom: 24px;
height: 64px;
max-width: 90%;
}
@media screen and (max-width: 650px) {
.element__title {
font-size: 22px;
line-height: 120%;
margin-bottom: 16px;
height: auto;
height: initial;
}
}
.element__text {
font-size: 19px;
line-height: 24px;
color: #FFFFFF;
}
@media screen and (max-width: 650px) {
.element__text {
font-size: 17px;
line-height: 24px;
}
}
.clients__section {
padding: 120px 0 105px 0;
background: #252529;
position: relative;
overflow: hidden;
background-image: url(58600a179b369c6077ff.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.clients__section .common__wrap {
position: relative;
z-index: 1;
}
@media screen and (max-width: 1024px) {
.clients__section {
padding: 70px 0;
}
}
@media screen and (max-width: 768px) {
.clients__section {
background-size: 100% 100%;
}
}
.clients__section--trans {
background-image: none;
background-color: transparent;
padding-bottom: 0;
}
.clients__section--padding {
padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
.clients__section--padding {
padding-bottom: 30px;
}
}
.clients__title {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.clients__title-icon {
display: flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
margin-bottom: 32px;
position: relative;
border: 1px solid #252529;
}
.clients__title-icon img {
position: relative;
width: 78px;
height: 78px;
z-index: 3;
}
.clients__title-icon img.fly {
width: 68px;
height: 68px;
}
.clients__title-icon:before {
content: "";
display: block;
position: absolute;
z-index: 2;
width: 80%;
height: 103%;
background: #fff;
top: -1px;
}
.clients__title-icon:after {
content: "";
display: block;
position: absolute;
z-index: 2;
height: 80%;
width: 103%;
background: #fff;
top: 0;
left: -1px;
bottom: 0;
margin: auto;
}
.clients__list {
display: flex;
flex-wrap: wrap;
position: relative;
margin-top: 49px;
}
@media screen and (max-width: 650px) {
.clients__list {
max-width: 365px;
margin-left: auto;
margin-right: auto;
}
}
.clients__item {
width: 100%;
max-width: 20%;
display: flex;
align-items: center;
justify-content: center;
align-items: center;
margin: -1px -1px 0 0;
height: 127px;
}
.clients__item--mini img {
max-width: 100%;
}
@media (max-width: 1024px) {
.clients__item--mini img {
max-width: 50%;
}
}
.clients__item img {
display: block;
max-width: 100%;
}
@media screen and (max-width: 1024px) {
.clients__item {
max-width: calc(33.3333333333% + 1px);
}
.clients__item:last-child, .clients__item:nth-last-child(-n+2) {
display: none;
}
}
@media screen and (max-width: 768px) {
.clients__item {
height: 115px;
}
}
@media screen and (max-width: 650px) {
.clients__item img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
width: 100%;
padding: 20px;
}
}
.clients__img-zenith, .clients__img-truebalance {
width: 70%;
}
.clients__img-ivas {
width: 50%;
}
@media screen and (max-width: 650px) {
.clients__img {
width: 100%;
}
}
.cases__section {
padding-top: 120px;
padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
.cases__section {
padding-top: 56px;
padding-bottom: 56px;
}
}
.cases__list {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin-left: -12px;
margin-right: -12px;
margin-top: 40px;
}
.cases__list-item {
width: 100%;
max-width: calc(33.3333333333% - 24px);
margin-left: 12px;
margin-right: 12px;
margin-bottom: 24px;
position: relative;
display: flex;
align-items: flex-start;
justify-content: flex;
background: #f7f7fa;
border-radius: 16px;
padding: 32px;
}
@media screen and (max-width: 1024px) {
.cases__list-item {
padding: 24px;
max-width: calc(50% - 24px);
margin-left: 12px;
margin-right: 12px;
margin-bottom: 24px;
}
}
@media screen and (max-width: 650px) {
.cases__list-item {
max-width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 12px;
padding: 24px;
}
.cases__list-item:first-child .cases__list-tag span {
position: relative;
top: 0px;
}
}
.cases__list-icon {
position: absolute;
right: 16px;
top: 16px;
}
@media screen and (max-width: 1366px) {
.cases__list-icon {
right: 10px !important;
}
.cases__list-icon {
transform: scale(0.8);
}
}
@media screen and (max-width: 650px) {
.cases__list-icon {
top: 10px !important;
}
.cases__list-icon {
transform: scale(0.7);
}
}
.cases__list-inner {
width: 100%;
}
.cases__list-title {
font-weight: 700;
font-size: 25px;
line-height: 32px;
margin-top: 0;
margin-bottom: 8px;
}
@media screen and (max-width: 1366px) {
.cases__list-title {
max-width: 80%;
}
}
@media screen and (max-width: 650px) {
.cases__list-title {
font-size: 22px;
line-height: 130%;
max-width: 100%;
}
}
.cases__list-tag {
color: #ffffff;
font-size: 15px;
line-height: 140%;
padding: 1px 12px 0px;
background: #45a5ff;
border-radius: 88px;
margin-bottom: 36px;
display: inline-flex;
text-transform: uppercase;
}
.cases__list-tag span {
position: relative;
top: 1px;
}
@media screen and (max-width: 650px) {
.cases__list-tag {
font-size: 15px;
line-height: 140%;
text-transform: inherit;
margin-bottom: 24px;
}
}
.cases__list-part {
font-weight: 700;
font-size: 66px;
line-height: 105%;
display: block;
}
@media screen and (max-width: 650px) {
.cases__list-part {
font-size: 44px;
line-height: 105%;
}
}
.cases__list-desc {
font-size: 19px;
line-height: 24px;
display: block;
}
@media screen and (max-width: 650px) {
.cases__list-desc {
font-size: 17px;
line-height: 24px;
}
}
@media screen and (max-width: 1024px) {
.cases__list {
margin-left: -12px;
margin-right: -12px;
}
}
@media screen and (max-width: 650px) {
.cases__list {
margin-left: 0;
margin-right: 0;
margin-top: 0;
}
}
.cases__inside-wrap {
background-image: url(9e054f97072b299f6378.jpg);
background-size: cover;
background-repeat: no-repeat;
margin-top: 60px;
margin-bottom: 60px;
background-size: 100% 100%;
}
.cases__inside-wrap--main {
background-image: none;
margin-top: 0;
}
@media screen and (max-width: 768px) {
.cases__inside-wrap--main {
margin-bottom: 30px;
}
}
.cases__inside-title {
padding-top: 120px;
padding-bottom: 32px;
margin: 0;
color: #fff;
font-weight: 700;
font-size: 66px;
line-height: 105%;
}
.cases__inside-title--main {
padding-top: 0;
padding-right: 30px;
padding-bottom: 0;
}
@media screen and (max-width: 1024px) {
.cases__inside-title {
padding-top: 56px;
font-size: 44px;
line-height: 105%;
}
.cases__inside-title--main {
padding-top: 0;
}
}
.cases__inside-list {
display: flex;
flex-wrap: wrap;
margin-left: -12px;
margin-right: -12px;
}
@media screen and (max-width: 650px) {
.cases__inside-list {
margin-left: 0;
margin-right: 0;
transition: 0.3s;
}
.cases__inside-list .cases__inside-item:nth-child(4),
.cases__inside-list .cases__inside-item:nth-child(5),
.cases__inside-list .cases__inside-item:nth-child(6) {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s;
padding: 0;
}
.cases__inside-list.active .cases__inside-item:nth-child(4),
.cases__inside-list.active .cases__inside-item:nth-child(5),
.cases__inside-list.active .cases__inside-item:nth-child(6) {
max-height: 700px;
padding: 12px;
}
.cases__inside-list .cases__inside-item--main:nth-child(4),
.cases__inside-list .cases__inside-item--main:nth-child(5),
.cases__inside-list .cases__inside-item--main:nth-child(6) {
max-height: 700px;
padding: 12px;
}
}
.cases__inside-item {
background: #2b2b30;
border-radius: 20px;
display: flex;
flex-direction: column;
padding: 12px 12px 32px 12px;
width: 100%;
max-width: calc(33.3333333333% - 24px);
margin-left: 12px;
margin-right: 12px;
margin-bottom: 24px;
position: relative;
transition: 0.3s;
top: 0;
}
@media screen and (max-width: 1024px) {
.cases__inside-item {
max-width: calc(50% - 24px);
}
}
@media screen and (max-width: 650px) {
.cases__inside-item {
max-width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 12px;
}
.cases__inside-item:last-child {
margin-bottom: 0;
}
}
.cases__inside-item-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.cases__inside-item-fake {
padding-left: 20px;
padding-right: 20px;
margin-top: 24px;
display: block;
}
.cases__inside-item-fake-inner {
width: 100%;
font-size: 19px;
line-height: 24px;
padding: 12px;
display: flex;
color: #fff;
align-items: center;
justify-content: center;
display: block;
border: 1px solid #4F4F4F;
border-radius: 41px;
text-align: center;
transition: 0.3s;
}
@media screen and (max-width: 768px) {
.cases__inside-item-fake-inner {
font-size: 17px;
padding-top: 5px;
padding-bottom: 5px;
}
}
@media screen and (max-width: 768px) {
.cases__inside-item-fake {
padding-left: 0;
padding-right: 0;
margin-top: 12px;
}
}
.cases__inside-item[data-link]:hover {
top: -8px;
}
.cases__inside-item[data-link]:hover .cases__inside-item-fake-inner {
background-color: #fff;
color: #2B2B30;
}
.cases__inside-img {
width: 100%;
margin-bottom: 24px;
}
.cases__inside-img img {
display: block;
width: 100%;
-o-object-fit: scale-down;
object-fit: scale-down;
}
.cases__inside-name {
font-weight: 700;
font-size: 25px;
line-height: 32px;
color: #fff;
margin-bottom: 8px;
margin-top: 0;
padding-left: 20px;
padding-right: 20px;
}
@media screen and (max-width: 650px) {
.cases__inside-name {
font-size: 22px;
line-height: 120%;
padding-left: 0;
padding-right: 0;
margin-bottom: 8px;
}
}
.cases__inside-text {
margin: 0 0 auto;
padding: 0 20px;
font-weight: 400;
font-size: 19px;
line-height: 24px;
color: #9e9eb0;
}
@media screen and (max-width: 650px) {
.cases__inside-text {
padding: 0;
font-size: 17px;
line-height: 24px;
}
}
.cases__filter-wrap {
display: flex;
flex-wrap: wrap;
margin-bottom: 32px;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 960px) {
.cases__filter-wrap {
flex-direction: column;
align-items: flex-start;
}
}
.cases__filter-list {
display: flex;
overflow: auto;
}
@media screen and (max-width: 960px) {
.cases__filter-list {
margin-top: 20px;
width: 100%;
padding-bottom: 30px;
}
}
.cases__filter-item {
margin-right: 12px;
}
.cases__filter-item:last-child {
margin-right: 0;
}
.cases__filter-button {
background: #323236;
border-radius: 59px;
padding: 7px 20px;
font-size: 19px;
line-height: 24px;
transition: 0.3s;
border: none;
}
.cases__filter-button span {
color: #fff;
transition: 0.3s;
position: relative;
top: 2px;
}
.cases__filter-button:hover, .cases__filter-button.active {
background-color: #fff;
}
.cases__filter-button:hover span, .cases__filter-button.active span {
color: #252529;
}
@media screen and (max-width: 768px) {
.cases__filter-button {
font-size: 16px;
}
.cases__filter-button:hover {
background: #323236;
}
.cases__filter-button:hover span {
color: #fff;
}
.cases__filter-button.active {
background-color: #fff;
}
.cases__filter-button.active span {
color: #252529;
}
}
[data-filter] {
display: none;
}
[data-filter].active {
display: flex;
}
.partner__section {
padding-top: 117px;
}
.partner__section-inner {
width: 100%;
display: flex;
background: #F7F7FA;
border-radius: 16px;
padding: 64px 64px 48px 64px;
}
@media screen and (max-width: 1024px) {
.partner__section-inner {
padding: 32px;
}
}
@media screen and (max-width: 650px) {
.partner__section-inner {
padding: 24px;
flex-direction: column;
}
}
.partner__section-shape {
width: 100%;
max-width: 377px;
margin-right: 92px;
}
@media screen and (max-width: 1024px) {
.partner__section-shape {
margin-right: 32px;
max-width: 200px;
}
}
@media screen and (max-width: 650px) {
.partner__section-shape {
max-width: 100%;
display: flex;
margin-right: 0;
}
}
.partner__section-block {
margin-left: 7px;
}
@media screen and (max-width: 768px) {
.partner__section-block {
margin-left: 0;
}
}
.partner__section-photo {
width: 100%;
border-radius: 16px;
margin-bottom: 20px;
height: 362px;
overflow: hidden;
}
.partner__section-photo-img {
display: block;
width: 100%;
}
.partner__section-photo--small {
display: none;
width: 88px;
height: 88px;
}
@media screen and (max-width: 650px) {
.partner__section-photo--small {
display: block;
}
}
@media screen and (max-width: 650px) {
.partner__section-photo--big {
display: none;
}
}
@media screen and (max-width: 1024px) {
.partner__section-photo {
height: auto;
height: initial;
}
}
@media screen and (max-width: 650px) {
.partner__section-photo {
min-width: 88px;
margin-right: 16px;
margin-bottom: 0px;
max-width: 88px;
}
}
.partner__section-name {
font-weight: 700;
font-size: 25px;
line-height: 32px;
margin-top: 0;
margin-bottom: 4px;
}
@media screen and (max-width: 650px) {
.partner__section-name {
font-size: 22px;
line-height: 120%;
margin-bottom: -10px;
}
}
.partner__section-status {
font-size: 19px;
line-height: 24px;
}
@media screen and (max-width: 650px) {
.partner__section-status {
display: block;
line-height: 20px;
margin-top: 11px;
}
}
.partner__section-quote {
width: 100%;
max-width: 600px;
font-size: 32px;
line-height: 130%;
margin: 57px 0 0 0;
position: relative;
left: -4px;
}
.partner__section-quote span {
color: #4595ee;
}
@media screen and (max-width: 1024px) {
.partner__section-quote {
font-size: 24px;
line-height: 32px;
margin-top: 0;
}
}
@media screen and (max-width: 650px) {
.partner__section-quote {
font-size: 28px;
line-height: 130%;
margin-top: 25px;
left: 0;
}
}
@media screen and (max-width: 1024px) {
.partner__section {
padding-top: 70px;
}
}
@media screen and (max-width: 768px) {
.partner__section {
padding-top: 56px;
}
}
.start__section {
padding-top: 113px;
padding-bottom: 98px;
}
.start__section-button {
margin-top: 74px;
width: 100%;
display: flex;
justify-content: center;
}
.offices__section {
padding-bottom: 60px;
padding-top: 120px;
}
.offices__section-list {
display: flex;
flex-wrap: wrap;
margin-bottom: -24px;
margin-right: -12px;
margin-left: -12px;
}
@media screen and (max-width: 650px) {
.offices__section-list {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.offices__section-list[data-slide="4"] {
align-items: flex-start;
}
}
.offices__section--first {
padding-top: 60px;
}
.offices__section-item {
width: 100%;
background: #F7F6FE;
border-radius: 20px;
padding: 32px;
position: relative;
height: 100%;
}
@media screen and (max-width: 650px) {
.offices__section-item {
max-width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 12px;
padding: 24px;
height: auto;
height: initial;
}
.offices__section-item:not(.offices__section-item--team) {
max-height: -moz-max-content;
max-height: max-content;
}
.offices__section-item:last-child {
margin-bottom: 0;
}
}
.offices__section-item--team {
padding: 12px;
}
.offices__section-img {
position: relative;
}
.offices__section-img img {
display: block;
width: 100%;
}
.offices__section-country {
font-weight: 700;
font-size: 25px;
line-height: 32px;
margin-bottom: 32px;
}
@media screen and (max-width: 650px) {
.offices__section-country {
font-size: 22px;
line-height: 120%;
margin-bottom: 12px;
}
}
.offices__section-address {
font-size: 19px;
line-height: 24px;
}
@media screen and (max-width: 768px) {
.offices__section-address {
font-size: 19px;
}
}
.offices__section-box {
display: flex;
flex-direction: column;
max-width: 260px;
}
@media screen and (max-width: 650px) {
.offices__section-box {
max-width: calc(100% - 50px);
}
}
.offices__section-box--team {
max-width: none;
max-width: initial;
}
.offices__section-flag {
position: absolute;
top: 15px;
left: 15px;
background: #FFFFFF;
border-radius: 10px;
display: flex;
align-items: center;
height: 32px;
padding: 0 9px;
overflow: hidden;
}
.offices__section-flag-icon {
font-size: 19px;
line-height: 24px;
margin-right: 8px;
display: flex;
align-items: center;
position: relative;
top: 1px;
max-width: 19px;
}
.offices__section-flag-icon img {
display: block;
width: 100%;
}
.offices__section-flag-name {
font-size: 15px;
line-height: 140%;
position: relative;
top: 2px;
}
.offices__section-info {
padding-top: 19px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 12px;
display: flex;
flex-direction: column;
}
.offices__section-info-name {
font-weight: 700;
font-size: 25px;
line-height: 32px;
}
.offices__section-info-employ {
font-size: 15px;
line-height: 140%;
}
.offices__section-clock {
position: absolute;
right: 19px;
top: 20px;
width: 48px;
height: 48px;
border-radius: 49%;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(7.34deg, #8A45D4 -6.59%, #4393ED 63.47%, #63B6E8 143.98%);
}
.offices__section-clock .hand {
width: 100%;
height: 100%;
transform-origin: center;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
position: absolute;
}
.offices__section-clock .hour:before {
content: "";
display: block;
width: 3px;
height: 3px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: #fff;
transform: translateY(49%);
}
.offices__section-clock .hour:after {
content: "";
display: block;
width: 3px;
height: 10px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: #fff;
transform: translateY(-49%);
}
.offices__section-clock .minute:before {
content: "";
display: block;
width: 1px;
height: 3px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: #fff;
transform: translateY(49%);
}
.offices__section-clock .minute:after {
content: "";
display: block;
width: 1px;
height: 17px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
background-color: #fff;
transform: translateY(-49%);
}
@media screen and (max-width: 768px) {
.offices__section-clock {
width: 41px;
height: 41px;
}
.offices__section-clock .minute:after {
height: 11px;
}
}
@media screen and (max-width: 768px) {
.offices__section {
padding-top: 56px;
}
}
@media screen and (max-width: 650px) {
.offices__section {
padding-bottom: 56px;
}
}
.slider__button {
width: 44px;
height: 44px;
margin-right: 8px;
border: 1px solid #E4E4E5;
border-radius: 999999px;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
}
.slider__button:last-child {
margin-right: 0px;
}
.slider__button:hover {
border-color: #252529;
background-color: #252529;
}
.slider__button:hover svg path {
stroke: #fff;
}
.slider__button-wrap {
display: flex;
align-items: center;
}
@media screen and (max-width: 960px) {
.slider__button-wrap {
position: relative;
top: 11px;
}
}
@media screen and (max-width: 650px) {
.slider__button {
display: none !important;
}
}
.footer__block {
display: flex;
flex-direction: column;
gap: 24px;
padding: 0 0 22px;
border-top: 1px solid #e4e4e5;
}
@media only screen and (min-width: 1024px) {
.footer__block {
flex-direction: row;
gap: 4px;
padding: 38px 0;
}
}
@media only screen and (min-width: 1440px) {
.footer__block {
gap: 115px;
}
}
.footer__left {
display: flex;
flex-direction: column;
width: 100%;
padding: 22px 0 0;
}
@media only screen and (min-width: 1024px) {
.footer__left {
max-width: 320px;
padding: 0;
}
}
.footer__right {
width: 100%;
gap: 24px;
display: flex;
flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
.footer__right {
display: flex;
justify-content: end;
flex-wrap: nowrap;
gap: 50px;
}
}
.footer__copy {
display: none;
width: 100%;
}
@media only screen and (min-width: 1024px) {
.footer__copy {
display: block;
}
}
.footer__copy--mobile {
display: block;
padding: 24px 0;
border-top: 1px solid #e4e4e5;
}
@media only screen and (min-width: 1024px) {
.footer__copy--mobile {
display: none;
}
}
.footer__title {
display: block;
margin: 0 0 18px;
font-weight: 500;
}
@media only screen and (min-width: 768px) {
.footer__title {
margin: 0 0 12px;
}
}
.footer__social {
display: flex;
align-items: center;
gap: 4px;
}
.footer__social-block {
display: flex;
align-items: flex-start;
justify-content: space-between;
width: 100%;
margin: 0;
border-bottom: 1px solid #e4e4e5;
}
@media only screen and (min-width: 1024px) {
.footer__social-block {
flex-direction: column;
width: auto;
margin: 0 0 42px;
border: none;
}
}
.footer__social-link {
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
}
.footer__social-link:hover {
opacity: 0.8;
}
.footer__menu {
display: flex;
flex-direction: column;
gap: 12px;
}
@media only screen and (min-width: 1024px) {
.footer__menu {
max-width: 300px;
}
}
.footer__menu-title {
color: #9e9eb0;
}
.footer__menu-link {
font-size: 16px;
white-space: nowrap;
color: inherit;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
}
.footer__menu-link:not(.footer__menu-link--address):hover {
color: #247dd7;
}
.footer__menu-link--address {
white-space: normal;
cursor: auto;
}
.section__cookie {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background: #F7F7FA;
border-radius: 32px 32px 0px 0px;
z-index: -1;
opacity: 0;
transition: 0.6s;
}
.section__cookie.active {
opacity: 1;
z-index: 30;
}
.section__cookie-inner {
padding-top: 32px;
padding-bottom: 32px;
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
.section__cookie-inner {
flex-direction: column;
}
}
.section__cookie-block {
display: flex;
flex-direction: column;
width: 100%;
max-width: 810px;
margin-right: 30px;
}
@media screen and (max-width: 768px) {
.section__cookie-block {
max-width: none;
max-width: initial;
margin-right: 0;
}
}
.section__cookie-title {
font-size: 24px;
line-height: 32px;
display: block;
margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
.section__cookie-title {
font-size: 20px;
line-height: 130%;
}
}
.section__cookie-text {
margin: 0;
font-weight: 400;
font-size: 17px;
line-height: 24px;
}
.section__cookie-text a {
position: relative;
color: #252529;
}
.section__cookie-text a:after {
content: "";
display: block;
position: absolute;
width: 100%;
bottom: 3px;
background-color: #252529;
height: 1px;
left: 0;
transition: 0.3s;
}
.section__cookie-text a:hover:after {
opacity: 0;
}
@media screen and (max-width: 768px) {
.section__cookie-text {
font-size: 14px;
line-height: 150%;
margin-bottom: 20px;
}
}
.section__cookie-buttons {
display: flex;
}
.btn__cookie {
width: 100%;
min-width: 195px;
max-width: 195px;
height: 48px;
border-radius: 80px;
font-size: 17px;
line-height: 24px;
color: #fff;
text-align: center;
border: none;
width: 100%;
background-color: transparent;
border: 1px solid #323236;
color: #323236;
margin-right: 24px;
transition: 0.3s;
}
.btn__cookie:last-child {
margin-right: 0;
}
.btn__cookie:hover {
background: #323236;
color: #fff;
}
.btn__cookie--dark {
background: #323236;
color: #fff;
}
.btn__cookie--dark:hover {
color: #323236;
background-color: transparent;
}
@media screen and (max-width: 1024px) {
.btn__cookie {
font-size: 14px;
min-width: 156px;
max-width: 156px;
}
}
.modal {
background-color: rgba(37, 37, 41, 0.4);
position: fixed;
width: 100%;
height: 100%;
top: 0;
z-index: 40;
display: flex;
justify-content: center;
padding: 20px 15px;
overflow: auto;
transform: translateX(-100%);
transition: 0.3s;
overflow-x: hidden;
visibility: hidden;
}
.modal.visible {
visibility: visible;
}
.modal.active {
transform: translateX(0);
}
.modal__logo {
position: absolute;
width: 60px;
height: 40px;
left: 45px;
bottom: 50px;
z-index: 1;
background-image: url(0ee94c5948814b7163ac.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
@media screen and (max-width: 1440px) {
.modal__logo {
left: 20px;
}
}
@media screen and (max-width: 1024px) {
.modal__logo {
width: 48px;
height: 32px;
background-image: url(813b5d70d836198224fc.svg);
left: 15px;
bottom: auto;
bottom: initial;
top: 24px;
}
.modal__logo--light {
background-image: url(0ee94c5948814b7163ac.svg);
}
}
.modal--success {
z-index: 41;
transform: translateX(0);
opacity: 0;
pointer-events: none;
}
.modal--success .modal__inner {
height: 100%;
width: 100%;
}
.modal--success.active {
transform: translateX(0);
opacity: 1;
pointer-events: all;
}
.modal__inner {
background-color: #fff;
display: flex;
align-items: stretch;
position: relative;
margin: auto;
}
.modal__inner--video {
background-color: transparent;
align-items: center;
height: 100%;
}
@media screen and (max-width: 1440px) {
.modal__inner {
min-height: 100%;
}
.modal__inner--video {
min-height: 0;
min-height: initial;
}
}
.modal__desc {
display: flex;
position: relative;
flex-direction: column;
justify-content: space-between;
padding: 68px 45px 50px 45px;
background: linear-gradient(183.88deg, #65B2FF 1.64%, #6638F4 96.82%);
width: 100%;
max-width: 427px;
overflow: hidden;
}
@media screen and (max-width: 1440px) {
.modal__desc {
max-width: 250px;
padding: 20px;
}
}
@media screen and (max-width: 1024px) {
.modal__desc {
display: none;
}
}
.modal__desc--full {
max-width: 100%;
justify-content: center;
position: relative;
display: flex;
}
@media screen and (max-width: 1366px) {
.modal__desc--full .modal__logo {
left: 24px;
}
}
.modal__desc--full .modal__img {
width: 219.61px;
height: 208.95px;
transform: translate(-59%, -25%);
}
@media screen and (max-width: 1200px) {
.modal__desc--full .modal__img {
width: 219.61px;
height: 208.95px;
}
}
@media screen and (max-width: 768px) {
.modal__desc--full .modal__img {
transform: translate(28%, 0);
position: absolute;
bottom: 0;
}
}
@media screen and (max-width: 1024px) {
.modal__desc--full {
display: flex;
}
}
@media screen and (max-width: 768px) {
.modal__desc--full {
justify-content: flex-start;
padding-top: 150px;
}
}
.modal__desc-inner {
display: flex;
flex-direction: column;
align-items: center;
z-index: 1;
}
.modal__title {
font-weight: 400;
font-size: 20px;
line-height: 130%;
color: #fff;
display: block;
margin-bottom: 40px;
}
.modal__text {
font-weight: 400;
font-size: 30px;
line-height: 38px;
margin: 0;
color: #fff;
}
@media screen and (max-width: 1366px) {
.modal__text {
font-size: 24px;
line-height: 30px;
}
}
.modal__img {
position: absolute;
width: 299.11px;
height: 284.59px;
background-image: url(4088c34148f152e96a91.png);
background-repeat: no-repeat;
background-size: contain;
bottom: 0;
right: 0;
transform: translate(15%, -24%);
}
@media screen and (max-width: 1440px) {
.modal__img {
width: 150px;
height: 150px;
transform: translate(15%, -44%);
}
}
.modal__wrap {
display: flex;
}
.modal-success__title {
font-weight: 700;
font-size: 48px;
line-height: 110%;
margin-bottom: 16px;
color: #fff;
text-align: center;
}
@media screen and (max-width: 768px) {
.modal-success__title {
font-size: 38px;
line-height: 130%;
}
}
.modal-success__text {
font-weight: 400;
font-size: 30px;
line-height: 130%;
margin-bottom: 60px;
color: #fff;
margin-top: 0;
text-align: center;
}
@media screen and (max-width: 768px) {
.modal-success__text {
font-size: 24px;
line-height: 130%;
}
}
@media screen and (max-width: 1440px) {
.modal {
padding: 40px 20px;
}
}
@media screen and (max-width: 1366px) {
.modal {
padding: 20px;
}
}
@media screen and (max-width: 1024px) {
.modal__inner {
max-height: none;
max-height: initial;
}
}
@media screen and (max-width: 768px) {
.modal {
padding: 0;
}
}
.modal .common__wrap {
display: flex;
overflow: auto;
height: 100%;
}
.modal__video {
max-width: 100%;
height: auto;
width: auto;
max-height: calc(100vh - 80px);
}
.modal__video-inner {
position: relative;
height: 100%;
display: flex;
align-items: center;
}
.modal__video-inner .btn__modal {
top: 20px;
right: 20px;
}
@media screen and (max-width: 768px) {
.modal__video-inner .btn__modal {
top: -60px;
}
}
.modal__video-box {
position: relative;
max-height: 100%;
}
.accom {
padding-top: 96px;
padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
.accom {
padding-top: 56px;
padding-bottom: 30px;
max-width: 100vw;
overflow: hidden;
}
}
.accom__title {
font-size: 25px;
line-height: 130%;
margin-top: 0;
font-weight: normal;
margin-bottom: 16px;
}
.accom__subtitle {
font-size: 32px;
line-height: 130%;
margin: 0;
max-width: 628px;
}
@media screen and (max-width: 768px) {
.accom__subtitle {
max-width: 100%;
font-size: 28px;
line-height: 130%;
}
}
.accom__list {
display: flex;
align-items: stretch;
margin-left: -12px;
margin-right: -12px;
margin-bottom: -24px;
}
.accom__list-wrap {
margin-top: 48px;
}
@media screen and (max-width: 768px) {
.accom__list-wrap {
margin-top: 32px;
}
}
@media screen and (max-width: 768px) {
.accom__list {
display: block;
align-items: initial;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
}
.accom__list--four {
flex-wrap: wrap;
}
.accom__item {
width: 100%;
max-width: calc(33.3333333333% - 24px);
margin-left: 12px;
margin-right: 12px;
margin-bottom: 24px;
padding: 47px 32px 32px 32px;
background: #F7F6FE;
border-radius: 16px;
}
.accom__item-title {
font-weight: 700;
font-size: 25px;
line-height: 32px;
margin-bottom: 12px;
margin-top: 0;
}
@media screen and (max-width: 768px) {
.accom__item-title {
margin-bottom: 8px;
font-size: 22px;
line-height: 130%;
}
}
@media screen and (max-width: 1024px) {
.accom__item {
padding: 15px;
}
}
@media screen and (max-width: 960px) {
.accom__item {
max-width: calc(50% - 24px);
}
}
@media screen and (max-width: 768px) {
.accom__item {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding: 24px;
}
}
.accom__item--four {
max-width: calc(25% - 24px);
}
@media screen and (max-width: 1280px) {
.accom__item--four {
max-width: calc(33.3333333333% - 24px);
}
}
@media screen and (max-width: 960px) {
.accom__item--four {
max-width: calc(50% - 24px);
}
}
@media screen and (max-width: 768px) {
.accom__item--four {
max-width: none;
max-width: initial;
}
}
.accom__img {
display: flex;
justify-content: center;
margin-bottom: 25px;
height: 167px;
}
.accom__img img {
display: block;
margin: auto;
max-width: 100%;
}
@media screen and (max-width: 1024px) {
.accom__img {
margin-bottom: 0;
}
}
@media screen and (max-width: 768px) {
.accom__img {
margin-bottom: 16px;
}
}
.accom__text {
font-size: 19px;
line-height: 24px;
}
.accom__list-inside {
display: flex;
flex-direction: column;
}
.accom__list-inside-item {
display: flex;
margin-bottom: 12px;
}
.accom__list-inside-item:last-child {
margin-bottom: 0;
}
.accom__list-inside-item:before {
content: "";
display: block;
min-width: 8px;
height: 8px;
background-color: #21A2FF;
margin-right: 8px;
position: relative;
top: 7px;
border-radius: 50%;
}
.accom__list-inside span {
font-size: 19px;
line-height: 24px;
}
.approach {
padding-top: 60px;
padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
.approach {
padding-top: 30px;
padding-bottom: 30px;
}
}
.approach__container {
display: flex;
align-items: flex-start;
}
@media screen and (max-width: 768px) {
.approach__container {
flex-wrap: wrap;
}
}
.approach__part {
width: 100%;
}
.approach__part--small {
max-width: 520px;
}
@media screen and (max-width: 768px) {
.approach__part--small {
max-width: 100%;
margin-bottom: 48px;
}
}
.approach__part--big {
padding-left: 130px;
}
@media screen and (max-width: 1024px) {
.approach__part--big {
padding-left: 20px;
}
}
@media screen and (max-width: 768px) {
.approach__part--big {
padding-left: 0;
}
}
.approach__title {
padding-bottom: 40px;
position: relative;
margin-bottom: 40px;
margin-top: 0;
font-weight: 700;
font-size: 66px;
line-height: 105%;
}
.approach__title:after {
content: "";
display: block;
height: 1px;
width: 65px;
background-color: #252529;
position: absolute;
bottom: 0;
left: 0;
}
@media screen and (max-width: 768px) {
.approach__title {
font-size: 44px;
line-height: 105%;
padding-bottom: 24px;
margin-bottom: 24px;
}
}
.approach__text {
font-size: 32px;
line-height: 130%;
margin-top: 0;
margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
.approach__text {
font-size: 28px;
line-height: 130%;
margin-bottom: 32px;
}
}
.approach__list {
display: flex;
flex-wrap: wrap;
margin-left: -12px;
margin-right: -12px;
margin-bottom: -32px;
}
@media screen and (max-width: 768px) {
.approach__list {
max-width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
}
.approach__item {
width: 100%;
max-width: calc(50% - 24px);
margin-left: 12px;
margin-right: 12px;
margin-bottom: 32px;
}
@media screen and (max-width: 1440px) {
.approach__item {
margin-bottom: 24px;
}
}
@media screen and (max-width: 768px) {
.approach__item {
max-width: 100%;
margin-left: 0;
margin-right: 0;
position: relative;
}
.approach__item:last-child {
margin-bottom: 0;
}
}
.approach__img {
display: flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
margin-bottom: 24px;
background: #f7f6fe;
border-radius: 16px;
}
@media screen and (max-width: 768px) {
.approach__img {
position: absolute;
top: 0;
left: 0;
width: 48px;
height: 48px;
margin-bottom: 0;
}
.approach__img img {
transform: scale(0.7);
}
}
.approach__name {
font-weight: 700;
font-size: 25px;
line-height: 32px;
margin-bottom: 12px;
margin-top: 0;
}
@media screen and (max-width: 1440px) {
.approach__name {
font-size: 22px;
line-height: 120%;
margin-bottom: 4px;
}
}
@media screen and (max-width: 768px) {
.approach__name {
padding-left: 62px;
margin-bottom: 4px;
}
}
.approach__desc {
font-size: 19px;
line-height: 24px;
margin: 0;
max-width: 90%;
}
@media screen and (max-width: 1440px) {
.approach__desc {
font-size: 17px;
}
}
@media screen and (max-width: 768px) {
.approach__desc {
padding-left: 62px;
font-size: 17px;
}
}
.approach__partner {
display: flex;
align-items: center;
margin: 50px 0;
}
.approach__partner-item {
padding-left: 22px;
padding-right: 22px;
position: relative;
filter: grayscale(1);
}
.approach__partner-item:after {
content: "";
display: block;
height: 44px;
width: 1px;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background-color: #E4E4E5;
position: absolute;
}
.approach__partner-item:last-child:after {
content: none;
}
.approach__partner-item:first-child {
padding-left: 0;
}
@media screen and (max-width: 768px) {
.approach__partner {
margin: 0 0 20px 0;
}
}
.certificates {
padding-top: 60px;
padding-bottom: 60px;
width: 100%;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.certificates {
padding-top: 30px;
padding-bottom: 30px;
}
}
.certificates__title {
font-weight: 700;
font-size: 66px;
line-height: 105%;
margin-bottom: 32px;
margin-top: 0;
}
@media screen and (max-width: 768px) {
.certificates__title {
font-size: 44px;
line-height: 105%;
}
}
.certificates__list {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin-left: -15px;
margin-right: -15px;
}
@media screen and (max-width: 1024px) {
.certificates__list {
margin-bottom: -32px;
}
}
@media screen and (max-width: 768px) {
.certificates__list {
display: block;
}
}
.certificates__item {
width: 100%;
max-width: calc(20% - 30px);
margin-left: 15px;
margin-right: 15px;
background: #F7F6FE;
border-radius: 16px;
padding: 66px 20px 20px 20px;
display: flex;
flex-direction: column;
text-align: center;
}
@media screen and (max-width: 1024px) {
.certificates__item {
max-width: calc(33.3333333333% - 30px);
margin-bottom: 32px;
}
}
@media screen and (max-width: 768px) {
.certificates__item {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
}
.certificates__company {
font-weight: 400;
font-size: 19px;
line-height: 24px;
margin-bottom: 12px;
margin-top: 0;
}
@media screen and (max-width: 768px) {
.certificates__company {
font-size: 17px;
line-height: 24px;
}
}
.certificates__name {
font-weight: 700;
font-size: 25px;
line-height: 32px;
max-width: 184px;
height: 64px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
display: block;
}
.certificates__name--short {
max-width: 164px;
}
@media screen and (max-width: 768px) {
.certificates__name {
max-width: 100%;
font-size: 22px;
line-height: 120%;
}
}
.certificates__img {
height: 64px;
display: flex;
align-items: center;
justify-content: center;
}
.certificates__img img {
max-width: 100%;
}
.menu {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.menu {
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
}
.menu__title {
font-weight: 700;
font-size: 38px;
line-height: 46px;
margin-top: 0;
margin-bottom: 32px;
width: 100%;
text-align: center;
}
.menu__wrap {
padding-top: 60px;
padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
.menu__wrap {
padding-top: 30px;
padding-bottom: 60px;
}
}
.menu__item {
width: 100%;
max-width: calc(20% - 24px);
margin-left: 12px;
margin-right: 12px;
background: #F7F6FE;
border-radius: 20px;
padding: 24px;
}
@media screen and (max-width: 1024px) {
.menu__item {
max-width: calc(20% - 12px);
margin-left: 6px;
margin-right: 6px;
padding: 16px;
}
}
@media screen and (max-width: 768px) {
.menu__item {
max-width: 100%;
margin-bottom: 12px;
padding-top: 12px;
padding-bottom: 12px;
}
.menu__item:last-child {
margin-bottom: 0;
}
}
.menu__link {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.menu__link:hover .menu__arrow {
background-color: #252529;
border-color: transparent;
}
.menu__link:hover .menu__arrow svg path {
stroke: #fff;
}
@media screen and (max-width: 768px) {
.menu__link {
flex-direction: row;
}
}
.menu__img {
height: 130px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
}
.menu__img img {
display: block;
max-width: 100%;
}
@media screen and (max-width: 768px) {
.menu__img {
height: 64px;
margin-bottom: 0;
width: 93px;
margin-right: 20px;
}
.menu__img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
}
.menu__img--smm {
position: relative;
left: 6px;
}
@media screen and (max-width: 768px) {
.menu__img--smm {
left: 0;
}
}
.menu__name {
font-weight: 700;
font-size: 25px;
line-height: 32px;
margin-bottom: 24px;
color: #252529;
}
@media screen and (max-width: 768px) {
.menu__name {
margin-bottom: 0;
font-size: 22px;
line-height: 120%;
}
}
.menu__arrow {
width: 40px;
height: 40px;
background: #F7F6FE;
border: 1px solid #D7D7DB;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: 0.3s;
}
.menu__arrow svg path {
transition: 0.3s;
}
@media screen and (max-width: 768px) {
.menu__arrow {
margin-right: 0;
}
}
.stages {
padding-top: 60px;
padding-bottom: 60px;
}
.stages__title {
margin-top: 0;
margin-bottom: 48px;
width: 100%;
text-align: center;
font-size: 66px;
line-height: 105%;
}
@media screen and (max-width: 768px) {
.stages {
padding-bottom: 30px;
padding-top: 20px;
}
.stages__title {
margin-bottom: 16px;
font-size: 44px;
line-height: 105%;
}
}
.platform {
display: flex;
margin-left: -12px;
margin-right: -12px;
margin-bottom: -24px;
overflow: hidden;
}
@media screen and (max-width: 1366px) {
.platform {
flex-wrap: wrap;
}
}
@media screen and (max-width: 768px) {
.platform {
flex-wrap: nowrap;
overflow: auto;
}
}
.platform__item {
width: 100%;
max-width: calc(16.6666666667% - 24px);
margin-left: 12px;
margin-right: 12px;
height: 150px;
background: #f7f6fe;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
}
.platform__item img {
max-height: 66px;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width: 1366px) {
.platform__item {
max-width: calc(33.3333333333% - 24px);
}
}
@media screen and (max-width: 768px) {
.platform__item {
max-width: 125px;
min-width: 125px;
width: 100%;
height: 96px;
margin-left: 4px;
margin-right: 4px;
}
.platform__item img {
transform: scale(0.6);
}
}
.platform__title {
font-weight: 400;
font-size: 19px;
line-height: 24px;
color: #9e9eb0;
margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
.platform__title {
margin-top: 0;
font-size: 17px;
}
}
.platform__section {
padding-top: 65px;
padding-bottom: 65px;
}
@media screen and (max-width: 768px) {
.platform__section {
padding-top: 40px;
}
}
@media screen and (max-width: 768px) {
.platform {
margin-left: -4px;
margin-right: -14px;
}
}
.cases__modal {
position: fixed;
width: 100%;
height: 100%;
z-index: 20;
background-color: #252529;
left: 0;
top: 0;
overflow: auto;
padding-top: 64px;
padding-bottom: 64px;
}
@media screen and (max-width: 768px) {
.cases__modal {
padding-top: 32px;
padding-bottom: 32px;
}
}
.cases__modal-inner {
padding-left: 64px;
padding-right: 64px;
width: 1296px;
margin: auto;
}
@media screen and (max-width: 1296px) {
.cases__modal-inner {
max-width: 1296px;
width: 100%;
padding-left: 32px;
padding-right: 32px;
}
}
@media screen and (max-width: 768px) {
.cases__modal-inner {
padding-left: 24px;
padding-right: 24px;
}
}
.cases__modal-container {
margin-bottom: 16px;
width: 100%;
padding-right: 20px;
}
@media screen and (max-width: 768px) {
.cases__modal-container {
padding-right: 0;
}
}
.cases__modal-header {
display: flex;
align-items: center;
margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
.cases__modal-header {
flex-direction: column-reverse;
align-items: flex-start;
}
}
.cases__modal-title {
font-weight: 700;
font-size: 50px;
line-height: 110%;
color: #fff;
margin-top: 0;
margin-bottom: 0;
margin-right: 16px;
}
@media screen and (max-width: 768px) {
.cases__modal-title {
font-size: 36px;
margin-right: 0;
}
}
.cases__modal-tag {
height: 25px;
color: #252529;
font-size: 15px;
background: #ffffff;
border-radius: 14px;
padding: 0 10px;
max-height: 25px;
}
.cases__modal-tag span {
position: relative;
top: 6px;
}
@media screen and (max-width: 768px) {
.cases__modal-tag {
margin-bottom: 20px;
}
}
.cases__modal-subtitle {
font-size: 19px;
line-height: 24px;
color: #ffffff;
margin-bottom: 40px;
margin-top: 0;
max-width: 52%;
}
@media screen and (max-width: 1296px) {
.cases__modal-subtitle {
max-width: 100%;
}
}
@media screen and (max-width: 768px) {
.cases__modal-subtitle {
font-size: 17px;
margin-bottom: 20px;
}
}
.cases__modal-subtitle + .cases__modal-subtitle {
margin-top: -20px;
}
.cases__modal-info {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.cases__modal-info-list {
display: flex;
flex-wrap: wrap;
margin-left: -32px;
margin-right: -32px;
max-width: 77%;
}
@media screen and (max-width: 1296px) {
.cases__modal-info-list {
max-width: 100%;
}
}
@media screen and (max-width: 768px) {
.cases__modal-info-list {
margin-left: 0;
margin-right: 0;
margin-top: 0;
}
}
.cases__modal-info-item {
display: flex;
flex-direction: column;
padding-left: 32px;
padding-right: 32px;
position: relative;
margin-bottom: 32px;
}
.cases__modal-info-item:after {
content: "";
display: block;
position: absolute;
width: 1px;
background-color: #323236;
top: 6px;
bottom: 6px;
margin: auto;
right: 0;
}
.cases__modal-info-item:nth-child(3n)::after, .cases__modal-info-item:last-child::after {
content: none;
}
@media screen and (max-width: 1024px) {
.cases__modal-info-item:nth-child(3n)::after {
content: "";
}
.cases__modal-info-item:nth-child(2n)::after {
content: none;
}
.cases__modal-info-item:last-child::after {
content: none;
}
}
@media screen and (max-width: 768px) {
.cases__modal-info-item {
width: 100%;
margin: 0;
padding: 12px 0;
border-bottom: 1px solid #323236;
}
.cases__modal-info-item::after, .cases__modal-info-item:nth-child(3n)::after {
content: none;
}
.cases__modal-info-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
}
.cases__modal-info-title {
color: #9e9eb0;
font-size: 19px;
line-height: 24px;
padding-bottom: 4px;
}
@media screen and (max-width: 768px) {
.cases__modal-info-title {
font-size: 17px;
}
}
.cases__modal-info-subtitle {
font-size: 19px;
line-height: 24px;
color: #fff;
}
@media screen and (max-width: 768px) {
.cases__modal-info-subtitle {
font-size: 17px;
}
}
@media screen and (max-width: 768px) {
.cases__modal-info {
flex-direction: column;
}
}
.cases__modal-geo {
padding-top: 16px;
padding-bottom: 32px;
}
.cases__modal-geo-list {
display: flex;
flex-wrap: wrap;
gap: 9px;
}
.cases__modal-geo-item {
border: 1px solid #323236;
border-radius: 24px;
padding: 8px 16px 6px;
display: flex;
}
.cases__modal-geo-item--more {
color: #fff;
font-size: 19px;
line-height: 24px;
}
@media screen and (max-width: 768px) {
.cases__modal-geo-item--more {
font-size: 17px;
}
}
.cases__modal-geo-text {
color: #ffffff;
font-size: 19px;
line-height: 24px;
}
@media screen and (max-width: 768px) {
.cases__modal-geo-text {
font-size: 17px;
}
}
.cases__modal-geo-img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.cases__modal-geo-img-wrap {
display: flex;
align-items: center;
height: 100%;
margin-right: 8px;
width: 19px;
height: 24px;
-o-object-fit: contain;
object-fit: contain;
}
.cases__modal-geo--mobile {
display: none;
}
@media screen and (max-width: 768px) {
.cases__modal-geo {
display: none;
}
.cases__modal-geo--mobile {
display: block;
}
}
.cases__modal-img {
margin-top: 32px;
margin-bottom: 32px;
border-radius: 16px;
overflow: hidden;
}
.cases__modal-img img {
display: block;
width: 100%;
}
.cases__modal-img--mobile {
display: none;
}
@media screen and (max-width: 768px) {
.cases__modal-img {
display: none;
}
.cases__modal-img--mobile {
display: block;
margin-left: -24px;
margin-right: -24px;
border-radius: 0;
}
}
.cases__modal-desc {
font-weight: 700;
font-size: 38px;
line-height: 46px;
color: #fff;
margin-top: 0;
margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
.cases__modal-desc {
font-size: 28px;
line-height: 115%;
margin-bottom: 16px;
}
}
.cases__modal-result {
max-width: 770px;
width: 100%;
padding-top: 32px;
padding-bottom: 32px;
}
.cases__modal-result-item {
display: flex;
justify-content: space-between;
padding-top: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #323236;
}
.cases__modal-result-item:last-child {
border-bottom: 0;
border-bottom: initial;
}
.cases__modal-result-item:first-child {
padding-top: 0;
}
.cases__modal-result-desc {
display: flex;
align-items: center;
font-size: 19px;
color: #9e9eb0;
max-width: 70%;
}
.cases__modal-result-desc::before {
content: "";
display: block;
min-width: 6px;
height: 6px;
background: linear-gradient(7.34deg, #8a45d4 -6.59%, #4393ed 63.47%, #63b6e8 143.98%);
border-radius: 50%;
margin-right: 12px;
}
@media screen and (max-width: 768px) {
.cases__modal-result-desc {
font-size: 17px;
}
}
.cases__modal-result-perc {
color: #ffffff;
text-align: right;
font-weight: 700;
font-size: 38px;
line-height: 46px;
}
@media screen and (max-width: 768px) {
.cases__modal-result-perc {
font-size: 28px;
line-height: 115%;
}
}
.cases__modal-result-subtitle {
display: block;
margin-top: -15px;
margin-bottom: 32px;
font-size: 19px;
line-height: 24px;
color: #fff;
}
@media screen and (max-width: 768px) {
.cases__modal-result-subtitle {
font-size: 17px;
}
}
.cases__modal-platform-title {
color: #9e9eb0;
font-size: 19px;
line-height: 24px;
padding-top: 12px;
}
@media screen and (max-width: 768px) {
.cases__modal-platform-title {
font-size: 17px;
}
}
.cases__modal-platform-item {
display: flex;
align-items: center;
padding-top: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #323236;
}
.cases__modal-platform-item:last-child {
border-bottom: none;
}
.cases__modal-platform-img {
margin-right: 10px;
min-width: 22px;
display: flex;
justify-content: center;
}
.cases__modal-platform-img img {
display: block;
max-width: 100%;
-o-object-fit: contain;
object-fit: contain;
height: auto;
}
.cases__modal-platform-text {
color: #ffffff;
font-size: 19px;
line-height: 24px;
position: relative;
top: 2px;
}
.cases__modal .common__wrap {
height: 100%;
}
.cases__modal-caption {
font-weight: 400;
font-size: 19px;
line-height: 24px;
color: #FFFFFF;
margin: auto;
}
@media screen and (max-width: 768px) {
.cases__modal-caption {
font-size: 17px;
}
}
.cases__modal-gallery {
padding-bottom: 64px;
}
@media screen and (max-width: 768px) {
.cases__modal-gallery {
padding-bottom: 32px;
margin-left: -24px;
margin-right: -24px;
}
}
.cases__modal-gallery-item {
margin-bottom: 44px;
border-radius: 16px;
overflow: hidden;
}
.cases__modal-gallery-item img {
width: 100%;
display: block;
}
.cases__modal-gallery-item:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.cases__modal-gallery-item {
border-radius: 0;
}
}
.error {
position: relative;
display: flex;
align-items: center;
height: calc(100% - 112px);
padding-top: 0;
padding-bottom: 0;
background: #252529;
}
.error--full {
height: 100%;
padding: 40px 0;
}
.error__block {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 50px;
width: 100%;
margin: 0 0 30px;
}
@media screen and (max-width: 1024px) {
.error__block {
margin: 0 0 50px;
}
}
.error__status-code {
text-align: center;
font-weight: 700;
font-size: 460px;
line-height: 105%;
color: #fff;
mix-blend-mode: overlay;
}
@media screen and (max-width: 1366px) {
.error__status-code {
font-size: 304px;
}
}
@media screen and (max-width: 1024px) {
.error__status-code {
font-size: 204px;
}
}
@media screen and (max-width: 1024px) {
.error__status-code {
font-size: 204px;
}
}
.error .main__banner-inner {
position: relative;
z-index: 1;
justify-content: center;
text-align: center;
width: 100%;
max-width: 400px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
.error .main__banner-inner {
margin-bottom: 50px;
}
}
.error .main__banner-title {
max-width: 100%;
}
.error .btn__move--main {
background-color: #fff;
max-width: 270px;
margin: auto;
}
.error .main__banner-info {
max-width: 100%;
}
.error .common__wrap {
position: relative;
margin: auto;
}
.error .common__wrap:after {
content: "";
position: fixed;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
background-image: url(878cd0df4a3d6895fa86.jpg);
background-size: cover;
background-position: center;
}
@media screen and (max-width: 1024px) {
.error .common__wrap {
justify-content: center;
}
}
.error .main__banner-inner--big {
max-width: 472px;
}
.prm__text {
position: relative;
z-index: 1;
text-align: center;
font-weight: 700;
font-size: 460px;
line-height: 105%;
color: #fff;
mix-blend-mode: overlay;
}
@media screen and (max-width: 1366px) {
.prm__text {
font-size: 304px;
}
}
@media screen and (max-width: 1024px) {
.prm__text {
font-size: 204px;
}
}
@media screen and (max-width: 1024px) {
.prm__text {
font-size: 204px;
}
}
.hero-new {
position: relative;
padding: 242px 0;
background-size: cover;
background-repeat: no-repeat;
background-color: #252529;
}
.hero-new .breadcrumbs {
justify-content: center;
}
.hero-new .breadcrumbs {
justify-content: center;
}
.hero-new--margin {
margin-bottom: 32px;
}
@media screen and (min-width: 1024px) {
.hero-new--margin {
margin-bottom: 40px;
}
}
.hero-new__event-banner {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hero-new__event-banner--desktop {
display: none;
}
@media screen and (min-width: 768px) {
.hero-new__event-banner--desktop {
display: block;
}
}
.hero-new__event-banner--mobile {
display: block;
}
@media screen and (min-width: 768px) {
.hero-new__event-banner--mobile {
display: none;
}
}
.hero-new--events-detail {
padding: 223px 0 32px;
}
.hero-new--events-detail .breadcrumbs {
justify-content: flex-start;
}
@media screen and (min-width: 576px) {
.hero-new--events-detail {
padding: 294px 0 80px;
}
}
.hero-new--events-detail .hero-new__block {
align-items: start;
gap: 0;
max-width: 954px;
margin: 0;
}
.hero-new--events-detail .hero-new__breadcrumbs {
margin-bottom: 24px;
}
@media screen and (min-width: 1024px) {
.hero-new--events-detail .hero-new__breadcrumbs {
margin-bottom: 32px;
}
}
.hero-new--events-detail .hero-new__tag {
margin-bottom: 20px;
}
.hero-new--events-detail .hero-new__title {
text-align: left;
}
.hero-new--events-detail .hero-new__btn {
margin-top: 24px;
}
@media screen and (min-width: 1024px) {
.hero-new--events-detail .hero-new__btn {
margin-top: 40px;
}
}
.hero-new__block {
position: relative;
z-index: 3;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
max-width: 660px;
margin: 0 auto;
color: #fff;
}
@media screen and (min-width: 1024px) {
.hero-new__block {
gap: 24px;
}
}
.hero-new__title {
text-align: center;
margin: 0;
}
.hero-new__text {
max-width: 450px;
margin: 24px 0 0;
text-align: center;
}
.press {
padding: 40px 0 56px;
}
.press__title {
font-size: 64px;
font-weight: 500;
line-height: 1.2;
}
@media screen and (max-width: 1024px) {
.press__title {
font-size: 36px;
}
}
@media screen and (max-width: 1024px) {
.press {
padding: 23px 0 56px;
}
}
@media screen and (min-width: 1024px) {
.press-wrapper {
padding-top: 10px;
}
}
.press__container {
display: flex;
flex-direction: column;
padding-top: 20px;
}
.press__wrapper {
padding-top: 15px;
display: flex;
flex-direction: column;
}
.press-grid {
display: grid;
grid-auto-rows: 1fr;
grid-gap: 12px;
gap: 12px;
}
@media screen and (min-width: 650px) {
.press-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 1024px) {
.press-grid {
gap: 24px;
grid-template-columns: repeat(3, 1fr);
}
}
.press-grid:not(:last-child) {
margin-bottom: 12px;
}
@media screen and (min-width: 1024px) {
.press-grid:not(:last-child) {
margin-bottom: 24px;
}
}
.press-special {
display: grid;
grid-gap: 32px;
gap: 32px;
margin-bottom: 32px;
}
.press-special .press-grid-card__block {
gap: 12px;
padding: 0 24px;
}
.press-special .press-grid-card__img {
height: 444px;
max-height: 444px;
}
@media screen and (max-width: 767px) {
.press-special .press-grid-card {
padding: 0 0 20px;
}
.press-special .press-grid-card__img {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
}
@media screen and (min-width: 768px) {
.press-special .press-grid-card {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
grid-gap: 32px;
gap: 32px;
padding: 0;
}
.press-special .press-grid-card__img {
max-height: 469px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.press-special .press-grid-card__company {
font-size: 48px;
line-height: 46px;
}
.press-special .press-grid-card__block {
justify-content: center;
gap: 16px;
padding: 0;
}
.press-special .press-grid-card__text {
max-width: 505px;
font-size: 38px;
line-height: 46px;
}
}
@media screen and (min-width: 1200px) {
.press-special .press-grid-card {
grid-template-columns: minmax(auto, 821px) 1fr;
}
.press-special .press-grid-card__block {
padding-bottom: 43px;
padding-right: 20px;
}
.press-special .press-grid-card__img {
height: 469px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
.press__button-more {
margin: 0 auto;
max-width: -moz-max-content;
max-width: max-content;
margin-top: 32px;
}
@media screen and (max-width: 768px) {
.press__button-more {
margin-top: 16px;
}
}
.press__button-more--none {
display: none;
}
.press-grid-card {
position: relative;
display: flex;
flex-direction: column;
gap: 24px;
height: 100%;
padding: 12px 12px 24px;
border-radius: 20px;
background-color: #f7f6fe;
transition: all ease-in-out 0.3s;
}
@media screen and (max-width: 1024px) {
.press-grid-card {
gap: 20px;
padding: 12px 12px 20px;
}
}
@media (max-width: 767px) {
.press-grid-card .desktop {
display: none;
}
}
@media (min-width: 768px) {
.press-grid-card .mobile {
display: none;
}
}
@media (min-width: 768px) {
.press-grid-card:hover {
transform: translateY(-10px);
}
.press-grid-card:hover .press-grid-card__text {
color: #247dd7;
opacity: 0.8;
}
}
.press-grid-card__wrapper {
position: relative;
}
.press-grid-card__img {
width: 100%;
height: 100%;
max-height: 231px;
border-radius: 12px;
-o-object-fit: cover;
object-fit: cover;
}
.press-grid-card__company {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
min-height: 238px;
width: 100%;
height: 100%;
padding: 0 32px;
font-weight: 500;
color: #fff;
overflow: hidden;
}
@media screen and (max-width: 400px) {
.press-grid-card__company {
min-height: 200px;
}
}
.press-grid-card__company p {
text-align: center;
margin: 0;
}
.press-grid-card__block {
display: flex;
flex-direction: column;
gap: 8px;
padding: 0 12px;
}
.press-grid-card__from {
font-weight: 400;
color: #323236;
}
.press-grid-card__from-company {
font-weight: 400;
}
.press-grid-card__date {
font-weight: 400;
}
.press-grid-card__text {
margin: 0;
font-weight: 500;
color: #252529;
transition: all ease-in-out 0.3s;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4; /* number of lines to show */
line-clamp: 4;
-webkit-box-orient: vertical;
}
.events {
padding: 20px 0 56px;
}
@media only screen and (min-width: 1024px) {
.events {
padding: 32px 0 0px;
}
}
.social-media {
margin: 64px 0 120px;
}
@media screen and (max-width: 1024px) {
.social-media {
margin: 0 0 56px;
}
}
.social-media__container {
width: 100%;
max-width: 655px;
margin: 0 auto;
padding: 0 15px;
}
.social-media__title {
margin: 0 0 32px;
text-align: center;
font-size: 34px;
}
@media screen and (max-width: 1024px) {
.social-media__title {
margin: 0 0 24px;
font-size: 28px;
}
}
.social-media__list {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 8px;
gap: 8px;
}
@media screen and (max-width: 1024px) {
.social-media__list {
gap: 12px;
}
}
@media screen and (max-width: 500px) {
.social-media__list {
gap: 8px;
}
}
.social-media__item {
width: 100%;
}
.social-media__link {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
padding: 32px 0 28px;
width: 100%;
border-radius: 20px;
border: 1px solid #e4e4e5;
background-color: #fff;
}
@media screen and (max-width: 1024px) {
.social-media__link {
padding: 32px;
}
}
@media screen and (max-width: 500px) {
.social-media__link {
padding: 26px;
}
}
.social-media__icon {
width: 48px;
height: 48px;
}
@media screen and (max-width: 1024px) {
.social-media__icon {
width: 40px;
height: 40px;
}
.social-media__icon svg {
width: 40px;
height: 40px;
}
}
.social-media__target {
background: linear-gradient(128.36deg, #4BA5FF -4.96%, #A54BFF 109.83%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media screen and (max-width: 1024px) {
.social-media__target {
display: none;
}
}
/*# sourceMappingURL=main.css.map*/