html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Aeonik Pro;
src: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/60dffc729d6c0239788746b8_AeonikPro-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Aeonik Pro;
src: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/60dffc8c43b07d6bcf31d1b4_AeonikPro-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Basis Grotesque Mono Pro;
src: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/606edf3d58b0d3fe423f7449_Basis%20Grotesque%20Mono%20Pro%20Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--light-silver: whitesmoke;
--almost-black: #333037;
--white-smoke: #f9f9f9;
--black: black;
--white: white;
--silver: #b9b9b9;
--dark-slate-grey: #242424;
--f2-grey: #f2f2f2;
--mint-cream: #eef4f1;
--dark-grey: #b0b0b0;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
body {
background-color: var(--light-silver);
color: var(--almost-black);
font-family: Aeonik Pro, sans-serif;
font-size: 20px;
line-height: 135%;
}
h1, h2 {
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 80px;
font-weight: 400;
line-height: 100%;
}
h3 {
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 8px;
font-size: 50px;
font-weight: 400;
line-height: 108%;
}
h4 {
color: #7f7f7f;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 28px;
font-weight: 400;
line-height: 117%;
}
p {
margin-bottom: 0;
}
a {
color: var(--almost-black);
text-decoration: none;
transition: opacity .2s;
}
ul {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.section {
padding: 150px 7vw;
}
.section.hero-section {
z-index: 1;
perspective: 70vw;
flex-direction: column;
align-items: center;
width: 100%;
margin-top: 0;
padding-top: 108px;
padding-bottom: 127px;
display: flex;
position: relative;
}
.section.hero-section.light {
perspective: 1200px;
}
.section.hero-section.inner-hero {
padding-top: 90px;
padding-bottom: 127px;
}
.section.hero-section.inner-hero.cases-hero {
padding-top: 90px;
padding-bottom: 0;
}
.section.hero-section.inner-hero.tanks {
flex: 1;
justify-content: center;
padding-top: 0;
padding-bottom: 100px;
}
.section.hero-section.inner-hero_team, .section.hero-section.inner-hero_team_top, .section.hero-section.inner-hero_studio {
padding-top: 90px;
padding-bottom: 120px;
}
.section.hero-section.portfolio {
padding-top: 90px;
padding-bottom: 0;
}
.section.hero-section.inner-hero_team_top-autstuff {
padding-top: 90px;
padding-bottom: 160px;
}
.section.navigation-section {
z-index: 9999;
margin-top: 0;
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.section.navigation-section.abs-section {
position: static;
inset: 0% 0% auto;
}
.section.logos-section {
align-items: center;
min-height: 60px;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section.logos-section.mobile-only {
display: none;
}
.section.cta-section {
padding-top: 180px;
padding-bottom: 180px;
position: relative;
}
.section.cta-section.on-home-page {
padding-bottom: 0;
}
.section.cta-section.vacancion {
z-index: 1;
height: 100vh;
padding-top: 8vh;
padding-bottom: 0;
position: sticky;
top: 0;
}
.section.cta-section.non-pd {
padding-top: 0;
padding-bottom: 70px;
}
.section.cases-section {
padding-top: 116px;
}
.section.cases-section.with0filter {
padding-top: 0;
}
.section.cases-section.application {
padding-bottom: 75px;
}
.section.cases-section.portf-s {
padding-bottom: 0;
overflow: hidden;
}
.section.cases-section.media-s {
padding-top: 80px;
padding-bottom: 0;
}
.section.footer-section {
padding-top: 0;
padding-bottom: 180px;
}
.section.dark {
background-color: var(--almost-black);
color: #fff;
border-radius: 20px;
}
.section.dark._12storeez-dark {
background-color: #716159;
border-radius: 60px;
}
.section.dark.about-cards-section {
border-radius: 60px;
padding-bottom: 100px;
position: relative;
overflow: hidden;
}
.section.dark.pb200 {
z-index: 1;
border-radius: 60px;
padding-bottom: 200px;
position: relative;
}
.section.dark.pb200.hide {
display: none;
}
.section.dark.form {
border-radius: 60px;
padding-top: 120px;
padding-bottom: 136px;
}
.section.dark.cc-form {
border-radius: 60px;
padding-top: 120px;
padding-bottom: 120px;
}
.section.pb96 {
padding-bottom: 96px;
}
.section.what-we-do-section {
padding-left: 0;
padding-right: 0;
display: flex;
overflow: hidden;
}
.section.pb180 {
padding-bottom: 180px;
}
.section.pb180.dark {
border-radius: 20px;
}
.section.pb180.dark.mr {
z-index: 999;
border-radius: 60px;
padding-top: 130px;
padding-bottom: 173px;
position: relative;
}
.section.case-hero-section {
padding-top: 54px;
padding-bottom: 108px;
position: relative;
}
.section.case-hero-section.cc-padding-bottom-185 {
padding-bottom: 185px;
display: none;
}
.section.case-hero-section.cc-padding-bottom-185.bests {
justify-content: space-between;
align-items: center;
min-height: auto;
max-height: 100vh;
padding: 0 0;
display: flex;
}
.section.case-hero-section.cc-padding-bottom-185.yd {
justify-content: space-between;
align-items: flex-end;
min-height: auto;
max-height: 100vh;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.section.case-hero-section.cc-padding-bottom-185.pic {
justify-content: space-between;
align-items: stretch;
min-height: auto;
max-height: 100vh;
padding: 54px 0 0;
display: flex;
}
.section.case-hero-section.cc-padding-bottom-185.bests {
justify-content: space-between;
align-items: center;
min-height: auto;
max-height: none;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.section.case-hero-section.cc-padding-bottom-185.cloud-payments-case {
justify-content: flex-start;
align-items: flex-end;
min-height: auto;
padding: 0 7vw;
display: flex;
}
.section.case-hero-section.cc-padding-bottom-185.zindi-sec {
justify-content: space-between;
min-height: auto;
max-height: 100vh;
padding-bottom: 0;
padding-left: 0;
padding-right: 5vw;
display: flex;
}
.section.case-hero-section.cc-padding-bottom-185.zindi-sec._2 {
justify-content: flex-start;
align-items: flex-start;
padding-top: 20px;
padding-bottom: 50px;
}
.section.case-hero-section.cc-padding-bottom-185.yango-hero-section, .section.case-hero-section.cc-padding-bottom-185.maroo {
justify-content: flex-start;
align-items: flex-end;
min-height: auto;
padding: 0 7vw;
display: flex;
}
.section.case-hero-section.minh {
align-items: center;
padding-top: 0;
}
.section.case-hero-section.druffle-hero {
padding-top: 0;
padding-bottom: 0;
}
.section.case-details-section {
margin-top: 0;
padding-top: 45px;
padding-bottom: 45px;
}
.section.case-details-section.cc-grey-bg {
background-color: var(--white-smoke);
background-color: #f9f9f9;
overflow: hidden;
}
.section.case-details-section.yangocc-grey-bg {
background-color: var(--light-silver);
overflow: hidden;
}
.section.case-details-section.milab {
background-color: #1f1f1f;
}
.section.case-details-section.maroo-grey-bg {
background-color: var(--light-silver);
overflow: hidden;
}
.section.case-details-section.app-best {
background-color: #5047f8;
}
.section.case-details-section.black {
background-color: var(--black);
}
.section.white {
background-color: #fff;
}
.section.white.cc-price {
border-top-left-radius: 60px;
border-top-right-radius: 60px;
padding-top: 80px;
padding-bottom: 100px;
}
.section.white.cc-prodects {
padding-top: 80px;
padding-bottom: 160px;
}
.section.hide {
display: block;
}
.section.with-rounded-wrapper {
padding: 180px 45px;
}
.section.big-pb {
padding-bottom: 216px;
}
.section.cc-padding-top-220 {
z-index: 99999;
padding: 220px 0 0;
position: static;
}
.section.cc-padding-top-220._2.last-section {
padding-bottom: 220px;
}
.section.cc-padding-top-220._2.image-section {
padding-top: 328px;
}
.section.cc-padding-top-220._2.image-section.cc-padding-top-122 {
padding-top: 122px;
padding-bottom: 0;
}
.section.cc-padding-top-220._4.text {
padding-top: 280px;
}
.section.cc-padding-top-220._4.text.afterparallax {
padding-top: 140px;
}
.section.cc-padding-top-220._4.ya {
padding-top: 160px;
}
.section.cc-padding-top-220._4.buttons {
display: none;
}
.section.cc-padding-top-220._4.pic {
padding-top: 120px;
}
.section.cc-padding-top-220._4.mt-60 {
padding-top: 280px;
}
.section.cc-padding-top-220._4.overflow-hidden {
overflow: hidden;
}
.section.cc-padding-top-220.cc-padding-bottom-180 {
padding-bottom: 180px;
}
.section.cc-padding-top-220.milab {
padding: 200px 7vw 220px;
}
.section.cc-padding-top-220.ys4 {
background-color: #000;
border-radius: 60px;
width: 92%;
max-width: none;
margin-left: auto;
margin-right: auto;
padding-top: 130px;
overflow: hidden;
}
.section.cc-padding-top-220.ys5 {
width: 92%;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
padding-top: 130px;
}
.section.cc-padding-top-220.ys7 {
background-color: #f0f0f0;
border-radius: 60px;
width: 92%;
max-width: none;
margin-left: auto;
margin-right: auto;
padding-top: 100px;
padding-bottom: 60px;
overflow: hidden;
}
.section.cc-padding-top-220.ys9 {
background-color: #f0f0f0;
border-radius: 60px;
width: 92%;
max-width: none;
margin-left: auto;
margin-right: auto;
padding-top: 130px;
padding-bottom: 150px;
overflow: hidden;
}
.section.cc-padding-top-220.ys11 {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 150px;
padding-bottom: 0;
}
.section.cc-padding-top-220.ys10 {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 130px;
padding-bottom: 150px;
}
.section.cc-padding-top-220.ys-3 {
padding: 200px 7vw 220px;
}
.section.cc-padding-top-220.voice {
padding: 210px 7vw 330px;
}
.section.cc-padding-top-220.voice.imgs {
padding-bottom: 0;
}
.section.cc-padding-top-220.voice-1st {
padding: 210px 7vw 240px;
}
.section.cc-padding-top-220.druffle-scr-s {
background-color: var(--white);
border-radius: 60px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 120px;
padding-bottom: 180px;
}
.section.cc-padding-top-220.druffle-purple {
background-color: #8857cd;
border-radius: 60px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 120px;
padding-bottom: 180px;
}
.section.cc-padding-top-220.druffle-scr-orders {
border-radius: 60px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 120px;
padding-bottom: 180px;
}
.section.cc-last-section {
padding-top: 220px;
padding-bottom: 260px;
}
.section.cc-last-section.bststks {
padding-bottom: 50px;
}
.section.cc-last-section.bststks.pic {
padding-top: 150px;
padding-bottom: 150px;
}
.section.cc-last-section.bststks.zindi {
padding-top: 220px;
padding-bottom: 0;
}
.section.cc-last-section.yz-last-section, .section.cc-last-section.bststks {
padding-bottom: 220px;
}
.section.cc-last-section.cp-2, .section.cc-last-section.ys2 {
padding-top: 210px;
padding-bottom: 0;
}
.section.cc-last-section.milab {
padding-top: 172px;
padding-bottom: 0;
}
.section.cc-last-section.voice, .section.cc-last-section.maroo {
padding-top: 200px;
padding-bottom: 0;
}
.section.cc-last-section.app-best {
padding-top: 172px;
padding-bottom: 0;
}
.section.cc-last-section.pvz {
padding-top: 202px;
padding-bottom: 0;
}
.section.cc-last-section.druffle {
padding-top: 200px;
padding-bottom: 0;
}
.section.cc-start-grey-section {
background-color: var(--white-smoke);
border-top-left-radius: 60px;
border-top-right-radius: 60px;
padding: 0 0 220px;
}
.section.cc-start-purpur-section {
color: var(--white);
background-color: #4d5182;
border-top-left-radius: 60px;
border-top-right-radius: 60px;
margin-bottom: -60px;
padding: 0 0 370px;
}
.section.cc-start-purpur-section._2 {
border-bottom-right-radius: 60px;
border-bottom-left-radius: 60px;
padding-bottom: 220px;
}
.section.cc-pur-bg {
background-color: #efeff5;
padding-top: 60px;
padding-bottom: 220px;
}
.section.cc-padding-top-160 {
padding: 160px 0 0;
}
.section.cc-padding-top-160._2.cc-padding-side-20 {
margin-bottom: 132px;
padding-top: 220px;
}
.section.cc-padding-top-160._2.cc-padding-side-20.possibilities {
margin-bottom: 180px;
}
.section.cc-grey-section {
background-color: #f9f9f9;
border-top-left-radius: 60px;
border-top-right-radius: 60px;
padding-top: 220px;
padding-bottom: 220px;
}
.section.cc-grey-section.grey-first {
padding-top: 280px;
padding-left: 0;
padding-right: 0;
}
.section.cc-grey-section.grey-first.whiter {
background-color: var(--white);
flex-direction: column;
align-items: center;
display: flex;
}
.section.cc-grey-section.grey-first {
padding-top: 280px;
}
.section.grey2 {
background-color: #f9f9f9;
padding-top: 0;
padding-bottom: 220px;
}
.section.cc-padding-top-120 {
background-color: #0000;
border-top-left-radius: 60px;
border-top-right-radius: 60px;
padding-top: 220px;
padding-bottom: 0;
}
.section.cc-padding-top-120.team.mb-150 {
padding-bottom: 142px;
}
.section.cc-padding-top-120.team.mb-150.cld-pm-tm {
display: block;
}
.section.cc-padding-top-120.team.case-yango {
margin-left: auto;
margin-right: auto;
padding-bottom: 142px;
display: block;
}
.section.cc-padding-top-120.ya-team {
padding-bottom: 248px;
}
.section.cc-padding-top-120.bt {
padding-bottom: 250px;
}
.section.cc-padding-top-120.best-st-sec {
padding-bottom: 200px;
}
.section.cc-padding-top-120.zast-tm-s {
padding-top: 0;
padding-bottom: 200px;
}
.section.cc-start-grey2-section {
background-color: #fcfcfc;
border-top-left-radius: 60px;
border-top-right-radius: 60px;
padding: 0 0 220px;
}
.section.cc-start-grey2-section.ended {
border-bottom-right-radius: 60px;
border-bottom-left-radius: 60px;
padding-bottom: 0;
}
.section.cc-start-grey2-section.is-white {
background-color: var(--white);
border-bottom-right-radius: 60px;
border-bottom-left-radius: 60px;
padding-bottom: 0;
}
.section.cc-lightblue-section {
color: #333037;
background-color: #f0f4ff;
border-top-left-radius: 60px;
border-top-right-radius: 60px;
margin-bottom: -60px;
padding: 0 0 370px;
}
.section.cc-lightblue-section._3 {
background-color: #dbe1f2;
}
.section.cc-lightblue-section._3.lightblue {
z-index: 1;
border-bottom-right-radius: 60px;
border-bottom-left-radius: 60px;
margin-bottom: 0;
padding-bottom: 0;
position: relative;
}
.section.cc-lightblue-section._3.lightblue.no-top-round {
z-index: 4;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.section.cc-lightblue-section._3.lightblue.grey-bg {
z-index: 5;
color: var(--white);
background-color: #333037;
border-radius: 50px;
padding-top: 120px;
}
.section.cc-lightblue-section._3.yz-navy {
z-index: 1;
background-color: #c4dffa;
margin-bottom: 0;
padding-bottom: 280px;
position: relative;
}
.section.cc-lightblue-section.blue {
z-index: 99999;
border-bottom-right-radius: 60px;
border-bottom-left-radius: 60px;
padding-bottom: 0;
position: relative;
}
.section.cc-lightblue-section.pik-bg {
z-index: 99999;
background-color: #f5f5f5;
border-bottom-right-radius: 60px;
border-bottom-left-radius: 60px;
padding-bottom: 150px;
position: relative;
}
.section.cc-no-padding {
padding-top: 0;
padding-bottom: 0;
}
.section.cc-no-padding.pvz-review-sec {
position: relative;
overflow: hidden;
}
.section.lightblueclass {
background-color: #0000;
padding-top: 0;
padding-bottom: 220px;
}
.section.f9f9f9 {
z-index: 3;
background-color: #f9f9f9;
border-bottom-right-radius: 60px;
border-bottom-left-radius: 60px;
margin-top: -60px;
margin-bottom: -60px;
padding-top: 0;
padding-bottom: 0;
position: relative;
}
.section.f9f9f9.white {
background-color: var(--white);
}
.section.yz-blue-section {
color: #333037;
background-color: #e3f1ff;
border-radius: 60px;
padding: 0 0 220px;
}
.section.yz-cc-start-grey-section {
background-color: var(--white-smoke);
border-radius: 60px;
padding: 0 0 220px;
}
.section.case-hero-section-yz {
flex-direction: column;
align-items: center;
padding-top: 54px;
padding-bottom: 0;
display: flex;
position: relative;
}
.section.hero-section-2 {
z-index: 1;
perspective: 70vw;
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
margin-top: 0;
padding-top: 80px;
padding-bottom: 148px;
display: flex;
position: relative;
overflow: hidden;
}
.section.methods-section {
background-color: var(--light-silver);
}
.section.methods-section.rs-tasks {
padding-top: 231px;
padding-bottom: 120px;
}
.section.result-section {
z-index: 0;
background-color: #f3f3f380;
margin-top: -25px;
padding-top: 175px;
padding-bottom: 123px;
position: relative;
}
.section.pb200 {
padding-bottom: 200px;
}
.section.info-section {
padding-top: 50px;
padding-bottom: 104px;
}
.section.info-section.socs {
padding-bottom: 15px;
}
.section.m100 {
padding-top: 160px;
padding-bottom: 100px;
}
.section.m100.cc-white {
background-color: var(--white);
border-top-left-radius: 60px;
border-top-right-radius: 60px;
}
.section.hero-section-main {
z-index: 1;
perspective: 70vw;
flex-direction: column;
align-items: center;
width: 100%;
margin-top: 0;
padding-top: 160px;
padding-bottom: 127px;
display: flex;
position: relative;
}
.section.home-cases-section {
padding-top: 111px;
}
.section.cne {
flex-direction: column;
align-items: center;
display: flex;
}
.section.cc-padding-bottom-220 {
padding-bottom: 220px;
}
.section.cc-padding-bottom-220.pic2 {
padding-top: 0;
}
.section.cc-padding-bottom-220.pico {
padding-bottom: 0;
}
.section.cc-padding-bottom-220.zindi {
padding-top: 210px;
padding-bottom: 210px;
}
.section.pic3 {
padding-top: 0;
padding-bottom: 220px;
}
.section.pic3._2 {
padding-bottom: 150px;
}
.section.pic3._3 {
padding-bottom: 200px;
}
.section.cc-black-section {
color: var(--white);
background-color: #202020;
border-radius: 60px;
padding: 0 0 150px;
}
.section.cp-gallery-section {
padding: 76px 0 0;
}
.section.zindi_tasks_mr {
padding-top: 0;
padding-bottom: 127px;
}
.section.lt-br {
background-color: #f8f7f6;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
padding-top: 202px;
padding-bottom: 0;
}
.section.lt-br.z-col {
padding-top: 110px;
}
.section.wht {
background-color: var(--white);
padding-bottom: 200px;
}
.section.wht._180 {
padding-top: 180px;
}
.section.wht._180-250 {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/62518d72102f4b782f86c688_team.svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
padding-top: 110px;
padding-bottom: 74px;
}
.section.wht._180-250.bg-imgs {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/625d59a6fe79885760cb5ec5_yell.png"), url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/625d588a924db89571669223_bluuue.png");
background-position: 114% 0, 0 97%;
background-repeat: no-repeat, no-repeat;
background-size: auto, auto;
}
.section.wht._180-70 {
padding-top: 0;
}
.section.lt-br_full {
background-color: #f8f7f6;
border-radius: 50px;
padding-top: 202px;
padding-bottom: 0;
}
.section.lt-br_full.ui {
padding-top: 130px;
}
.section.img-screens-wrp {
background-color: #f8f7f6;
border-radius: 65px;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
.section.dark_part-of-team {
z-index: 9999;
background-color: var(--almost-black);
color: #fff;
border-radius: 60px;
padding-bottom: 82px;
position: relative;
}
.section.team__slider-sec {
padding-top: 0;
padding-bottom: 50px;
}
.section.team__slider-sec.non-vac {
padding-bottom: 100px;
}
.section.rest {
padding-bottom: 120px;
}
.section.about-st_main-txt {
padding-top: 30px;
padding-bottom: 200px;
}
.section.principes_sec {
padding-top: 0;
position: relative;
}
.section.yango-s4-section {
color: var(--white);
padding: 0 0 70px;
}
.section.yango-s5-section {
background-color: var(--black);
color: var(--white);
padding: 130px 0 150px;
}
.section.yango-s6-section {
padding: 130px 0 180px;
}
.section.yango-s7-section {
padding: 0 0 50px;
}
.section.yango-s8-section {
padding: 0 0 150px;
}
.section.yango-s11-section {
padding: 0 0 50px;
}
.section.yango-s12-section {
background-color: #f6f6f6;
border-radius: 60px;
padding-top: 130px;
}
.section.yango-s10-section {
background-color: var(--black);
color: var(--white);
border-radius: 60px;
padding: 0 0;
}
.section.yango-s9-section {
padding: 0 0 50px;
}
.section.case-hero-section_black {
background-color: var(--black);
padding-top: 14px;
padding-bottom: 56px;
position: relative;
}
.section.case-hero-section_black.app-best {
background-color: #1b1b1b;
flex-direction: column;
height: auto;
padding-top: 0;
padding-bottom: 0;
}
.section.case-hero-section_black.pvz {
background-color: #0000;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 87vh;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.section.milab-3rd {
padding-top: 0;
padding-bottom: 0;
}
.section.milab-3rd.last {
padding-bottom: 231px;
}
.section.milab-lagge-img {
padding: 0 0 250px;
}
.section.voice.non-pd {
padding-top: 0;
padding-bottom: 0;
}
.section.voice-black {
background-color: #202020;
border-radius: 60px;
padding-top: 130px;
padding-bottom: 140px;
}
.section.voice-diz {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/62c934496d27696e11be4f02_green-ds.svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: contain;
padding-top: 130px;
padding-bottom: 310px;
position: relative;
}
.section.voice-lend {
background-color: #6eca82;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/62d6d6d80efa5f8f9d0df389_jiktan_5000.svg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 5000px;
border-top-left-radius: 60px;
border-top-right-radius: 60px;
padding-top: 130px;
padding-bottom: 135px;
position: relative;
}
.section.voice-teams {
padding-top: 180px;
padding-bottom: 200px;
}
.section.maroo-grey {
background-color: #f4f4f4;
border-top-left-radius: 60px;
border-top-right-radius: 60px;
padding-top: 130px;
padding-bottom: 250px;
}
.section.maroo_pink {
background-color: #f0eae3;
border-radius: 60px;
margin-top: -100px;
padding-top: 130px;
}
.section.cc-padding-top-160 {
z-index: 99999;
padding: 160px 0 0;
position: static;
}
.section.pt-pb-200 {
padding-top: 200px;
padding-bottom: 200px;
}
.section.pt-pb-200.pvz-invent {
padding-bottom: 280px;
position: relative;
}
.section.case-p-app-best_bg-prpl {
background-color: #5047f8;
border-radius: 60px;
padding-top: 130px;
}
.section.avito-team-section {
padding-top: 130px;
}
.section.avito-team-section.app-best-prpl {
background-color: #5047f8;
border-radius: 60px;
padding-bottom: 0;
overflow: hidden;
}
.section.avito-team-section.pvz-flow {
background-color: #cdb5a7;
border-radius: 60px;
overflow: hidden;
}
.section.avito-team-section.pvz-deliv {
background-color: #cdb5a7;
border-radius: 60px;
}
.section.case-team {
padding-top: 0;
padding-bottom: 200px;
}
.section.case-pvz_yellow {
background-color: #fed42b;
border-radius: 60px;
padding-top: 130px;
overflow: hidden;
}
.section.rs-hero-sec {
z-index: 1;
perspective: 70vw;
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
height: 62vh;
margin-top: 0;
padding-top: 95px;
padding-bottom: 0;
display: flex;
position: relative;
}
.section.cne_rs {
flex-direction: column;
align-items: center;
display: flex;
}
.section.rs-head_no-mr {
padding-top: 0;
}
.section.pol-conf {
z-index: 1;
perspective: 70vw;
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
margin-top: 0;
padding-top: 9px;
padding-bottom: 0;
display: flex;
position: relative;
}
.section.banner-sec {
margin-bottom: -20px;
padding-top: 0;
padding-bottom: 0;
display: none;
}
.section.pt-pb-200-120 {
padding-top: 200px;
padding-bottom: 200px;
}
.section.pvz-impr-int {
padding-bottom: 35px;
}
.section.mndbx {
background-color: var(--light-silver);
}
.section.druffle-vt-scr-s {
padding: 120px 0 180px;
}
.section.avito-s2-section {
padding-top: 120px;
padding-bottom: 120px;
}
.section.avito-hero-bottom {
background-color: #f9f9f9;
margin-top: 0;
padding-top: 45px;
padding-bottom: 45px;
}
.section.avito-hero-bottom.cc-grey-bg {
background-color: var(--white-smoke);
background-color: #f9f9f9;
overflow: hidden;
}
.section.avito-hero-bottom.yangocc-grey-bg {
background-color: var(--light-silver);
overflow: hidden;
}
.section.avito-hero-bottom.milab {
background-color: #1f1f1f;
}
.section.avito-hero-bottom.maroo-grey-bg {
background-color: var(--light-silver);
overflow: hidden;
}
.section.avito-hero-bottom.app-best {
background-color: #5047f8;
}
.section.avito-hero-bottom.black {
background-color: var(--black);
}
.section.avito-s3-section {
padding-top: 80px;
padding-bottom: 120px;
}
.section.avito-s4-section {
padding-top: 100px;
padding-bottom: 100px;
}
.section.avito-grid-section {
padding-top: 100px;
padding-bottom: 110px;
}
.section.avito-grid-section.is-new-strana {
padding-bottom: 100px;
}
.section.paddings-100 {
padding-top: 100px;
padding-bottom: 100px;
}
.section.case-hero-section-avito {
flex-direction: column;
align-items: center;
padding-top: 20px;
padding-bottom: 0;
display: flex;
position: relative;
}
.section.form-section {
padding-top: 32px;
}
.section.form-section.with0filter {
padding-top: 0;
}
.section.form-section.application {
padding-bottom: 75px;
}
.section.form-section.portf-s {
padding-bottom: 0;
}
.section.form-section.media-s {
padding-top: 80px;
padding-bottom: 0;
}
.section.case-hero-section-strans {
flex-direction: column;
align-items: center;
padding-top: 20px;
padding-bottom: 0;
display: flex;
position: relative;
}
.section.strana-hero-bottom {
background-color: #f9f9f9;
margin-top: 0;
padding-top: 28px;
padding-bottom: 40px;
}
.section.strana-hero-bottom.cc-grey-bg {
background-color: var(--white-smoke);
background-color: #f9f9f9;
overflow: hidden;
}
.section.strana-hero-bottom.yangocc-grey-bg {
background-color: var(--light-silver);
overflow: hidden;
}
.section.strana-hero-bottom.milab {
background-color: #1f1f1f;
}
.section.strana-hero-bottom.maroo-grey-bg {
background-color: var(--light-silver);
overflow: hidden;
}
.section.strana-hero-bottom.app-best {
background-color: #5047f8;
}
.section.strana-hero-bottom.black {
background-color: var(--black);
}
.section.cc-expert {
padding-top: 80px;
padding-bottom: 60px;
position: relative;
}
.section.cc-expert.on-home-page {
padding-bottom: 0;
}
.section.cc-expert.vacancion {
z-index: 1;
height: 100vh;
padding-top: 8vh;
padding-bottom: 0;
position: sticky;
top: 0;
}
.section.cc-expert.non-pd {
padding-top: 0;
padding-bottom: 70px;
}
.section.cc-benefits {
padding-top: 80px;
padding-bottom: 160px;
position: relative;
}
.section.cc-benefits.on-home-page {
padding-bottom: 0;
}
.section.cc-benefits.vacancion {
z-index: 1;
height: 100vh;
padding-top: 8vh;
padding-bottom: 0;
position: sticky;
top: 0;
}
.section.cc-benefits.non-pd {
padding-top: 0;
padding-bottom: 70px;
}
.section.cc-steps {
padding-top: 100px;
padding-bottom: 120px;
}
.navbar {
opacity: 0;
background-color: #0000;
display: flex;
position: static;
}
.container {
width: 100%;
max-width: 1006px;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
}
.container.navigation-container {
z-index: 1;
justify-content: space-between;
max-width: 100%;
display: flex;
position: static;
}
.container.cta-container {
z-index: 2;
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.container.cases-container {
max-width: 1064px;
}
.container.cases-container.what-we-can {
max-width: 1060px;
padding-top: 150px;
}
.container.cases-container.form {
max-width: 1060px;
padding-top: 0;
}
.container.case-abstract {
text-align: center;
flex-direction: column;
align-items: center;
max-width: 740px;
display: flex;
}
.container.case-abstract.center {
align-items: center;
}
.container.with-cases-grid {
max-width: 1110px;
}
.container.case-hero-container.ceseconts.pic {
padding-bottom: 113px;
padding-left: 0;
}
.container.case-hero-container.ceseconts.yandex {
padding-left: 0;
}
.container.case-hero-container.mw-700-container {
text-align: center;
max-width: 700px;
}
.container.case-hero-container.ceseconts {
flex: none;
width: auto;
height: 100%;
padding-bottom: 185px;
padding-left: 7vw;
}
.container.case-hero-container.cloud-case {
flex: none;
max-width: 1060px;
height: 100%;
padding-top: 52px;
padding-bottom: 149px;
}
.container.case-hero-container.case-z {
flex: none;
width: auto;
height: 100%;
padding-bottom: 160px;
padding-left: 7vw;
}
.container.case-hero-container.case-z._2 {
padding-bottom: 0;
display: flex;
}
.container.case-hero-container.beststocks-hero-container {
flex: none;
width: auto;
height: 100%;
padding-bottom: 185px;
padding-left: 7vw;
}
.container.case-hero-container.yango-hero-container {
flex: none;
max-width: 1440px;
height: 100%;
padding-top: 52px;
padding-bottom: 220px;
}
.container.case-hero-container.voice-hero-content {
flex: none;
max-width: 1440px;
height: 100%;
padding-top: 52px;
padding-bottom: 156px;
}
.container.case-hero-container.maroo-hero-cont {
flex: none;
max-width: 1440px;
height: 100%;
padding-top: 52px;
padding-bottom: 101px;
}
.container.case-hero-container.druffle-hero-content {
flex: none;
max-width: 1058px;
padding-top: 0;
padding-bottom: 0;
}
.container.cc-container-880 {
max-width: 880px;
}
.container.cc-container-880.cc-spleet {
margin-bottom: 0;
display: flex;
}
.container.cc-container-880.cc-spleet._2 {
grid-column-gap: 109px;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-bottom: 160px;
}
.container.cc-container-880.center {
text-align: center;
}
.container.cc-container-880.cld-pmtns-tm {
flex-direction: column;
align-items: center;
max-width: 520px;
display: flex;
}
.container.auto-container {
width: auto;
max-width: 944px;
}
.container.auto-container.zast-tm {
flex-direction: column;
align-items: center;
display: flex;
}
.container.zz {
max-width: 1004px;
}
.container.cc-container-971 {
max-width: 880px;
}
.container.cc-container-971.cc-spleet {
max-width: 971px;
margin-bottom: 0;
display: flex;
}
.container._1110-container {
max-width: 1110px;
}
.container._1110-container.none {
display: none;
}
.container._1110-container.center {
flex-direction: column;
justify-content: flex-start;
display: flex;
}
.container.navigation-container {
z-index: 1;
max-width: 100%;
display: flex;
position: static;
}
.container.with-logos-slider.main-p {
max-width: 1050px;
}
.container.cc-container-800 {
max-width: 800px;
}
.container.cc-container-698.left-al {
text-align: left;
margin-bottom: 0;
}
.container.cc-container-698._3 {
margin-bottom: 0;
}
.container.cc-container-698.zindi-70 {
margin-bottom: 70px;
}
.container.cc-container-698.what-we, .container.cc-container-698.pvz-team {
margin-bottom: 50px;
}
.container.cc-container-698.druffle-team-c {
flex-direction: column;
align-items: center;
display: flex;
}
.container.cc-container-698.awards-cc {
margin-bottom: 50px;
}
.container.cc-container-1063 {
max-width: 1063px;
margin-bottom: 100px;
}
.container.case-meta-container {
max-width: 1060px;
}
.container.case-meta-container.yango-case-meta-container, .container.case-meta-container.maroo-meta-cont {
max-width: 1440px;
}
.container.info-container, .container.footer-container {
max-width: none;
}
.container.cc-container-692 {
flex-direction: column;
max-width: 692px;
display: flex;
}
.container.cc-container-698 {
text-align: center;
max-width: 698px;
margin-bottom: 108px;
}
.container.cc-container-698._2 {
margin-bottom: 80px;
}
.container.cc-container-698.zindi-pltf {
flex-direction: column;
max-width: 881px;
margin-bottom: 0;
display: flex;
}
.container.cont-990 {
z-index: auto;
flex-direction: column;
max-width: 990px;
padding-top: 160px;
padding-bottom: 23px;
display: flex;
position: static;
}
.container.cont-990.lets-work {
align-items: center;
}
.container.cont-990.pd-173 {
padding-top: 0;
padding-bottom: 300px;
}
.container.cont-990.pb_100 {
padding-bottom: 100px;
}
.container.slider-cont {
max-width: none;
}
.container.main-p_head {
flex-direction: column;
align-items: center;
display: flex;
}
.container.about-owner {
background-color: #fff;
border-radius: 20px;
flex-direction: column;
align-items: flex-start;
max-width: 1060px;
margin-top: 70px;
margin-bottom: 70px;
padding: 45px 140px 55px 178px;
display: flex;
}
.container.about-st__para_wrp {
max-width: 704px;
}
.container.princ-cont {
z-index: 1;
position: sticky;
top: 0;
}
.container._1095-container {
max-width: 1095px;
}
.container._1095-container.rs-head-c {
justify-content: center;
max-width: 1040px;
display: flex;
}
.container.df, .container.yv {
height: 300vh;
}
.container.case-hero_milab {
grid-row-gap: 30px;
flex-direction: column;
align-items: flex-end;
max-width: 795px;
display: flex;
}
.container.case-hero_milab.best-app {
z-index: 2;
align-items: center;
}
.container.milab {
grid-row-gap: 60px;
flex-direction: column;
max-width: 700px;
}
.container.milab-img-l {
max-width: 1060px;
margin-top: 90px;
margin-bottom: 210px;
}
.container.case-p-700 {
flex-direction: column;
max-width: 700px;
display: flex;
}
.container.milab-3-img-wrp {
grid-column-gap: 45px;
align-items: flex-start;
max-width: 1060px;
margin-top: 118px;
margin-bottom: 282px;
display: flex;
}
.container.milab_cent-txt {
text-align: center;
flex-direction: column;
max-width: 700px;
display: flex;
}
.container.milab_cent-txt.small {
align-items: center;
max-width: 510px;
}
.container.milab-img-xxl {
max-width: 1060px;
margin-top: 90px;
margin-bottom: 171px;
}
.container.milab-img-xxl.kits, .container.milab-img-xxl.kits_mob {
margin-top: 0;
margin-bottom: 200px;
}
.container.milab-3-img-wrp-wht {
justify-content: space-between;
align-items: flex-start;
max-width: 1060px;
margin-top: 110px;
margin-bottom: 200px;
display: flex;
}
.container.milab-logo-animation {
background-color: #171717;
border-radius: 30px;
flex-direction: row;
justify-content: center;
height: 680px;
margin-top: 60px;
margin-bottom: 190px;
display: flex;
}
.container.milab-3d-cont {
flex-direction: column;
display: flex;
}
.container.voice_centered {
z-index: 0;
text-align: center;
flex-direction: column;
align-items: center;
max-width: 700px;
display: flex;
}
.container.voice_centered.sub-para {
grid-row-gap: 25px;
}
.container.voice_centered.sub-para-mr {
grid-row-gap: 25px;
margin-top: 169px;
margin-bottom: 90px;
}
.container.voice-img-l {
max-width: 1060px;
margin-top: 90px;
margin-bottom: 210px;
}
.container.voice-img-l.mr-330 {
margin-bottom: 160px;
}
.container.voice-logos {
grid-row-gap: 105px;
flex-direction: column;
align-items: center;
margin-bottom: 202px;
display: flex;
}
.container.voice-masc {
margin-top: 90px;
}
.container.voice-masc.gor-imgs {
grid-column-gap: 30px;
justify-content: center;
margin-top: 0;
display: flex;
}
.container.voice-masc.gor-imgs.mr-330 {
margin-bottom: 330px;
padding-top: 50px;
}
.container.voice-masc.gor-imgs.mr-200 {
align-items: flex-start;
margin-bottom: 200px;
}
.container.voice-imgs-948 {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 948px;
display: flex;
}
.container.voice-imgs-948.mr-100 {
grid-row-gap: 100px;
margin-top: 100px;
margin-bottom: 200px;
}
.container.voice-801 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 801px;
display: flex;
}
.container.voice-801.cent {
text-align: center;
}
.container.voice-801.non-gap-centr {
grid-row-gap: 0px;
}
.container.case-p-881 {
max-width: 881px;
}
.container.case-p-881.diz-wrp {
max-width: 801px;
margin-bottom: 100px;
}
.container.case-p-881.c-pvz-deliv {
grid-row-gap: 60px;
flex-direction: column;
align-items: center;
padding-bottom: 15px;
display: flex;
}
.container.voice-land {
max-width: 1060px;
padding-top: 10vh;
position: relative;
}
.container.case-cont-1021 {
z-index: 0;
max-width: 1021px;
position: static;
}
.container.maroo-cont-1115 {
max-width: 1115px;
}
.container.case-p-700_centr {
text-align: center;
flex-direction: column;
align-items: center;
max-width: 700px;
display: flex;
}
.container.app-best-mt-40 {
max-width: 903px;
margin-top: 40px;
}
.container.app-best-mt-40.app-best-img-sm {
max-width: 659px;
}
.container.app-best-mt-40.app-b-1060 {
max-width: 1054px;
}
.container.app-best-mt-40.app-b-gor-scr-mob-1 {
justify-content: center;
padding-bottom: 200px;
display: flex;
}
.container.app-best {
max-width: 390px;
height: 320vh;
margin-left: 0;
margin-right: 0;
}
.container.container-1060 {
text-align: left;
}
.container.app-best-mt-40-imgs {
justify-content: center;
max-width: 903px;
margin-top: 40px;
margin-bottom: 200px;
display: flex;
}
.container.app-best-mt-40-imgs.non-mr {
margin-bottom: 0;
}
.container.pvz-int-cnt {
grid-row-gap: 35px;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 797px;
display: flex;
}
.container.pvz-interf-c {
width: 900px;
max-width: 900px;
margin-bottom: 60px;
position: static;
}
.container.pvz-flow-gi {
background-color: #fed42b;
border: 20px solid #fed42b;
border-radius: 16px;
max-width: 940px;
margin-bottom: 80px;
}
.container.case-780 {
max-width: 780px;
}
.container.case-780.pvz-flow-para {
text-align: center;
}
.container.cont-660-cent {
text-align: center;
max-width: 660px;
}
.container.pvz-flow-invent {
background-color: #fed42b;
border: 20px solid #fed42b;
border-radius: 16px;
max-width: 940px;
margin-top: 60px;
}
.container.mndbx-tm {
flex-direction: column;
align-items: center;
display: flex;
}
.container.mndbx-tm.gap-50 {
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.container.druffle-vt {
max-width: 1060px;
height: 300vh;
}
.container.case-avito-s2 {
text-align: center;
flex-direction: column;
align-items: center;
max-width: 740px;
display: flex;
}
.container.case-avito-s2.center {
align-items: center;
max-width: 671px;
}
.container.mw-1060 {
max-width: 1060px;
}
.container.case-764 {
max-width: 764px;
}
.container.case-764.pvz-flow-para {
text-align: center;
}
.container.case-avito-s2-new {
text-align: center;
flex-direction: column;
align-items: center;
max-width: 740px;
display: flex;
}
.container.case-avito-s2-new.center, .container.case-avito-s2-new.what {
align-items: center;
max-width: 696px;
}
.container.form-container {
grid-column-gap: 72px;
grid-row-gap: 72px;
max-width: 1064px;
display: flex;
}
.container.form-container.what-we-can {
max-width: 1060px;
padding-top: 150px;
}
.container.form-container.form {
max-width: 1060px;
padding-top: 0;
}
.container.tasks-container {
max-width: 1060px;
}
.container.whatwedone-container {
text-align: center;
flex-direction: column;
align-items: center;
max-width: 696px;
display: flex;
}
.container.whatwedone-container.center, .container.whatwedone-container.what {
align-items: center;
max-width: 696px;
}
.container.whatwedone-container.avito-rabota {
max-width: 650px;
}
.container.case-740 {
max-width: 740px;
}
.container.case-740.pvz-flow-para {
text-align: center;
}
.container.mndbx-tm-tm {
flex-direction: column;
align-items: center;
display: flex;
}
.container.cc-expert {
z-index: 2;
grid-column-gap: 60px;
grid-row-gap: 60px;
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.container.cc-benefits {
grid-column-gap: 60px;
grid-row-gap: 60px;
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.container.cc-price {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.container.cc-products {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.container.cc-steps {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.container.autstuff {
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: none;
display: flex;
}
.brand {
z-index: 3;
color: var(--almost-black);
border-bottom-style: none;
padding-left: 0;
font-size: 29px;
font-weight: 500;
line-height: 100%;
}
.brand.is-white-nav {
color: var(--white);
}
.button {
color: #2c1f29;
text-align: center;
letter-spacing: -.02em;
background-color: #0000;
border: 1px solid #0000001a;
border-radius: 49px;
height: 43px;
padding: 10px 22px 11px;
font-size: 16px;
font-weight: 500;
line-height: 130%;
}
.project-flex {
justify-content: flex-start;
width: 100%;
display: flex;
}
.project-flex-column {
width: 50%;
}
.project-flex-column.client-column {
flex: none;
width: 39.5%;
margin-top: -15px;
padding-left: 8.1%;
padding-right: 50px;
}
.project-flex-column.client-column.review-images-column {
flex-direction: column;
align-items: flex-end;
padding-right: 25px;
display: flex;
position: relative;
}
.project-flex-column.description-column {
width: 53.4%;
min-width: 600px;
}
.project-flex-column.description-column.clients-review-description {
width: 400px;
min-width: auto;
}
.p {
line-height: 140%;
}
.p.project-review-p {
letter-spacing: -.02em;
font-family: Basis Grotesque Mono Pro, sans-serif;
font-size: 14px;
line-height: 145%;
}
.p.project-review-author {
color: var(--silver);
letter-spacing: -.02em;
margin-top: -10px;
margin-bottom: 0;
font-family: Basis Grotesque Mono Pro, sans-serif;
font-size: 14px;
line-height: 145%;
}
.project-review-images {
flex: none;
justify-content: flex-end;
align-items: center;
display: flex;
}
.project-review-image-mask {
z-index: 1;
border-radius: 100%;
flex: none;
width: 62px;
height: 62px;
position: relative;
overflow: hidden;
}
.project-review-image-mask.person-photo-inside {
margin-left: -10px;
box-shadow: 0 0 0 3px #f5f5f5;
}
.project-review-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.project-images {
flex-direction: column;
align-items: flex-end;
width: 91.9%;
margin-top: 74px;
margin-bottom: 148px;
margin-left: auto;
display: flex;
position: relative;
}
.mobile-project-images {
display: none;
}
.cta-title {
letter-spacing: -.04em;
max-width: 90%;
margin: 0 auto 77px;
}
.cta-title.full-width {
max-width: 100%;
}
.hero-heading {
justify-content: space-between;
align-items: center;
width: 82.7%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.hero-title {
z-index: 0;
text-align: center;
letter-spacing: -.4rem;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 12.6vw;
font-weight: 400;
line-height: 85%;
position: relative;
transform: rotate(0);
}
.shapes {
z-index: 9999;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 72vw;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: 0%;
}
.shape {
background-image: linear-gradient(152deg, #d8cef9b3, #e5e9eab3);
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.shape.s1-s1 {
flex: none;
width: 189px;
height: 126px;
position: absolute;
inset: -5vw auto auto -5vw;
}
.shape-text {
z-index: 1;
line-height: 95%;
position: relative;
}
.shape-text.s1-s4-compensation {
margin-top: 25px;
}
.shape-text.within-wrapper {
margin-left: -50px;
}
.shape-text.within-wrapper.for-s2-s2 {
z-index: 2;
margin-left: 0;
margin-right: -50px;
}
.shape-text.within-wrapper.for-s3-s2 {
margin-left: 0;
margin-right: 50px;
}
.shape-text.within-wrapper.for-s3-s5, .shape-text.within-wrapper.for-s2-s4 {
margin-left: 0;
}
.shape-text.s3-s3-compensation {
margin-top: 15px;
margin-left: 15px;
}
.shape-text.center {
text-align: center;
}
.shape-s1-s2 {
background-image: linear-gradient(171deg, #d8cef9b3, #e5e9eab3);
flex-direction: column;
justify-content: center;
align-items: center;
width: 157px;
height: 108px;
display: flex;
position: absolute;
inset: -5vw 0% auto auto;
}
.shapes-svgs, .shapes-style {
height: 0;
}
.shape-s1-s3 {
background-image: linear-gradient(332deg, #d8cef9b3, #e5e9eab3);
flex-direction: column;
justify-content: center;
align-items: center;
width: 167px;
height: 167px;
display: flex;
position: absolute;
inset: auto -6vw -2vw auto;
}
.shape-s1-s4 {
background-image: linear-gradient(287deg, #d8cef9b3, #e5e9eab3);
flex-direction: column;
justify-content: center;
align-items: center;
width: 162px;
height: 151px;
display: flex;
position: absolute;
top: auto;
bottom: -4.5vw;
}
.shape-s1-s5 {
background-image: linear-gradient(17deg, #d8cef9b3, #e5e9eab3);
flex-direction: column;
justify-content: center;
align-items: center;
width: 144px;
height: 144px;
display: flex;
position: absolute;
inset: auto auto -6.5vw 3vw;
}
.hero-slider {
z-index: 2;
background-color: #0000;
min-height: 60vh;
margin-top: -85px;
padding-top: 0;
transition: opacity .4s;
position: relative;
}
.shape-s2-s1 {
background-image: linear-gradient(152deg, #bff3dab3, #e5e9eab3);
flex-direction: column;
justify-content: center;
align-items: center;
width: 136px;
height: 136px;
display: flex;
position: absolute;
inset: -5vw auto auto 0;
}
.shape-s2-s2 {
background-image: linear-gradient(152deg, #bff3dab3, #e5e9eab3);
flex-direction: column;
justify-content: center;
align-items: center;
width: 95px;
height: 138px;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.shape-s2-s2.within-wrapper {
z-index: 1;
width: 100%;
height: 100%;
}
.shape-s2-s3 {
background-image: linear-gradient(287deg, #bff3dab3, #e5e9eab3);
flex-direction: column;
justify-content: center;
align-items: center;
width: 127px;
height: 137px;
display: flex;
position: absolute;
inset: auto 2vw -5vw auto;
}
.shape-s2-s4 {
background-image: linear-gradient(152deg, #bff3dab3, #e5e9eab3);
flex-direction: column;
justify-content: center;
align-items: center;
width: 127px;
height: 137px;
display: flex;
position: absolute;
top: auto;
bottom: 0%;
}
.shape-s2-s4.within-wrapper {
transform-style: preserve-3d;
background-image: linear-gradient(332deg, #bff3dab3, #e5e9eab3);
width: 100%;
height: 100%;
}
.shape-s2-s5 {
background-image: linear-gradient(17deg, #bff3dab3, #e5e9eab3);
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.shape-wrapper {
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 117px;
height: 138px;
display: flex;
position: absolute;
inset: auto auto 0% 0%;
}
.shape-wrapper.for-s2-s4 {
align-items: flex-start;
bottom: -7.5vw;
left: auto;
}
.shape-wrapper.for-s2-s5 {
width: 169px;
height: 169px;
bottom: -5vw;
left: 4vw;
}
.shape-wrapper.for-s2-s2 {
width: 94px;
height: 138px;
inset: 0% 0% auto auto;
}
.shape-wrapper.for-s3-s2 {
width: 162px;
height: 162px;
inset: -6vw 0% auto auto;
}
.shape-wrapper.for-s3-s5 {
align-items: center;
width: 228px;
height: 137px;
inset: auto auto -7vw 0%;
}
.shape-s3-s1 {
background-image: linear-gradient(152deg, #fec8c8b3, #e5e9eab3);
flex-direction: column;
justify-content: center;
align-items: center;
width: 190px;
height: 124px;
display: flex;
position: absolute;
inset: -.6vw auto auto -2vw;
}
.shape-s3-s2 {
background-image: linear-gradient(152deg, #fec8c8b3, #e5e9eab3);
flex-direction: column;
justify-content: center;
align-items: center;
width: 190px;
height: 124px;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.shape-s3-s2.within-wrapper {
background-image: linear-gradient(242deg, #fec8c8b3, #e5e9eab3);
width: 100%;
height: 100%;
}
.shape-s3-s3 {
background-image: linear-gradient(242deg, #fec8c8b3, #e5e9eab3);
flex-direction: column;
justify-content: center;
align-items: center;
width: 169px;
height: 169px;
display: flex;
position: absolute;
inset: auto -2vw 2vw auto;
}
.shape-s3-s4 {
background-image: linear-gradient(17deg, #fec8c8b3, #e5e9eab3);
flex-direction: column;
justify-content: center;
align-items: center;
width: 251px;
height: 122px;
display: flex;
position: absolute;
top: auto;
bottom: -6vw;
}
.shape-s3-s5 {
background-image: linear-gradient(152deg, #fec8c8b3, #e5e9eab3);
flex-direction: column;
justify-content: center;
align-items: center;
width: 190px;
height: 124px;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.shape-s3-s5.within-wrapper {
background-image: linear-gradient(17deg, #fec8c8b3, #e5e9eab3);
width: 100%;
height: 100%;
}
.shape-s4-s1 {
background-image: linear-gradient(152deg, #a0dff3b3, #e5e9eab3);
flex-direction: column;
justify-content: center;
align-items: center;
width: 220px;
height: 170px;
display: flex;
position: absolute;
inset: -5vw auto auto -6vw;
}
.shape-s4-s2 {
background-image: linear-gradient(242deg, #a0dff3b3, #e5e9eab3);
flex-direction: column;
justify-content: center;
align-items: center;
width: 185px;
height: 127px;
display: flex;
position: absolute;
inset: -5vw 0% auto auto;
}
.shape-s4-s3 {
background-image: linear-gradient(287deg, #a0dff3b3, #e5e9eab3);
flex-direction: column;
justify-content: center;
align-items: center;
width: 175px;
height: 175px;
display: flex;
position: absolute;
inset: auto -7vw -5vw auto;
}
.shape-s4-s4 {
background-image: linear-gradient(332deg, #a0dff3b3, #e5e9eab3);
flex-direction: column;
justify-content: center;
align-items: center;
width: 136px;
height: 136px;
margin-right: -50px;
display: flex;
position: absolute;
top: auto;
bottom: -6vw;
}
.shape-s4-s5 {
background-image: linear-gradient(332deg, #a0dff3b3, #e5e9eab3);
flex-direction: column;
justify-content: center;
align-items: center;
width: 186px;
height: 186px;
display: flex;
position: absolute;
inset: auto auto -8vw 4vw;
}
.hero-mask {
z-index: 1;
width: 100%;
height: auto;
overflow: hidden;
}
.slide-nav {
z-index: 2;
justify-content: center;
align-items: center;
width: 300px;
height: 6px;
margin-top: -26px;
padding-top: 0;
font-size: 6px;
line-height: 100%;
display: flex;
inset: 0% 0% auto;
}
.right-arrow, .left-arrow {
display: none;
}
.standard-slide {
z-index: 1;
perspective: 1000px;
perspective-origin: 50%;
height: 100%;
}
.span_space {
padding-right: 3vw;
}
.hero-slider-wf {
z-index: 1;
background-color: #0000;
width: 100%;
height: 100%;
min-height: 60vh;
transition: opacity .4s;
display: block;
}
.logo-img {
width: 36px;
}
.news-slider-progress-dot {
background-color: #f5103a;
border-radius: 100%;
width: 10px;
height: 10px;
margin-top: -1px;
position: absolute;
overflow: hidden;
}
.button-wrapper {
padding: 10px;
position: relative;
}
.nav-menu {
z-index: 3;
align-items: center;
margin-right: 0;
display: flex;
}
.big-heading {
color: var(--almost-black);
letter-spacing: -.04em;
font-size: 100px;
}
.big-heading.rotating {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
font-weight: 400;
line-height: 100%;
display: none;
position: relative;
top: 0;
}
.big-heading.bigger {
letter-spacing: -.04em;
text-transform: uppercase;
font-size: 6.8vw;
font-style: normal;
display: block;
}
.big-heading.case-hero-heading {
letter-spacing: -.03em;
font-size: 80px;
}
.big-heading.case-hero-heading._68 {
font-size: 68px;
}
.grid {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid.footer-grid {
grid-template-columns: 1.1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
}
.grid._4-col-grid {
grid-column-gap: 48px;
grid-row-gap: 64px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid._4-col-grid.team-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1fr 1fr 1fr;
}
.grid._3-col-grid {
grid-column-gap: 62px;
grid-row-gap: 104px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.grid.footer-grid {
grid-template-columns: 1.1fr 1fr 1fr 1fr;
}
.news-heading {
color: var(--silver);
margin-top: 0;
margin-bottom: 0;
font-size: 17px;
font-weight: 400;
line-height: 140%;
}
.hero-heading-wrapper {
text-align: center;
width: 100%;
position: relative;
}
.hero-heading-wrapper.main {
flex-direction: column;
justify-content: center;
align-items: center;
width: 80%;
}
.hero-heading-wrapper.is-media {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.cases-grid {
flex-wrap: wrap;
align-content: flex-start;
align-items: start;
}
.cases-grid.success {
grid-column-gap: 34px;
grid-row-gap: 34px;
flex-flow: row;
display: flex;
}
.cases-grid.portfolio-page {
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
}
.case-card {
color: #585858;
background-color: #fff;
border-radius: 20px;
flex-direction: column;
flex: none;
justify-content: flex-start;
width: 50%;
margin-bottom: 34px;
padding: 148px 0 0;
display: flex;
position: relative;
}
.case-card.case-one {
background-color: #f0e5d9;
}
.case-card.case-one.first-case-transform._12st-portf {
justify-content: flex-end;
height: 704px;
}
.case-card.case-one.first-case-transform._12st-portf.portfolio-case {
width: 48%;
}
.case-card.case-one.first-case-transform._100 {
width: 100%;
}
.case-card.case-one.first-case-transform.avito-job {
grid-column-gap: 9px;
grid-row-gap: 9px;
background-color: #e8e3f7;
}
.case-card.case-three {
padding-top: 98px;
padding-bottom: 45px;
}
.case-card.case-four {
background-color: #e8e8e8;
}
.case-card.case-four.second-case-transform.dablby-portf {
justify-content: flex-end;
height: 560px;
}
.case-card.case-four.second-case-transform.dablby-portf.portfolio-case {
width: 48%;
}
.case-card.case-four.second-case-transform.kokoc-portf {
color: #f3efec;
background-color: #f3efec;
justify-content: flex-end;
height: 560px;
}
.case-card.case-five {
background-color: #e6e9e7;
}
.case-card.case-five.fourth-case-transform.fade-in.yb {
background-color: #ebebef;
}
.case-card.case-five.fourth-case-transform.fade-in.yb.portf {
height: 464px;
}
.case-card.case-five.fourth-case-transform.fade-in.yb.portf._100 {
width: 100%;
}
.case-card.case-five.fourth-case-transform.fade-in.yb.portf.portfolio-case {
width: 48%;
}
.case-card.case-five.fourth-case-transform.fade-in.bs {
background-color: #eceff5;
}
.case-card.case-five.fourth-case-transform.fade-in.bs.portf {
justify-content: flex-end;
height: 480px;
}
.case-card.case-five.fourth-case-transform.fade-in.bs.portf.portfolio-case {
width: 48%;
}
.case-card.case-five.fourth-case-transform.fade-in.yz {
background-color: #fdf9f2;
padding-top: 121px;
}
.case-card.case-five.fourth-case-transform.fade-in.yz.port {
justify-content: flex-end;
height: 464px;
}
.case-card.case-five.fourth-case-transform.fade-in.yz.port.portfolio-case {
width: 48%;
}
.case-card.case-five.fourth-case-transform.fade-in.pik {
background-color: #ddeaf3;
padding-top: 0;
}
.case-card.case-five.fourth-case-transform.fade-in.pik.portf {
background-color: #e9f0f4;
justify-content: space-between;
height: 560px;
}
.case-card.case-five.fourth-case-transform.fade-in.pik.portf.portfolio-case {
width: 48%;
}
.case-card.case-five.fourth-case-transform.fade-in.pik.hircost {
background-color: #dfe5ed;
justify-content: space-between;
height: 560px;
}
.case-card.case-five.fourth-case-transform.fade-in.pik.hircost.portfolio-case {
width: 48%;
}
.case-card.case-five.fourth-case-transform.fade-in.zindi_pr {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/628f49fa51dc430124296b02_Preview%203.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
height: 557px;
padding-top: 0;
}
.case-card.case-five.fourth-case-transform.fade-in.zindi_pr.portf {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/64536523d027963c501a0f38_znd.png");
background-position: 50% 100%;
background-size: contain;
height: 624px;
}
.case-card.case-five.fourth-case-transform.fade-in.zindi_pr.portf.portfolio-case {
width: 48%;
}
.case-card.case-five.fourth-case-transform.fade-in.cld {
background-color: #dde7f3;
height: 531px;
padding-top: 0;
}
.case-card.case-five.fourth-case-transform.fade-in.cld.portf {
height: 528px;
}
.case-card.case-five.fourth-case-transform.fade-in.cld.portf.portfolio-case {
width: 48%;
}
.case-card.case-five.fourth-case-transform.fade-in.yango {
background-color: #f2ebda;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/66daf96789dc8377c8b3630a_Yango%C2%A0Deli.webp");
background-repeat: no-repeat;
background-size: cover;
height: 531px;
padding-top: 0;
}
.case-card.case-five.fourth-case-transform.fade-in.yango.portf {
background-color: #f2edda;
height: 562px;
}
.case-card.case-five.fourth-case-transform.fade-in.yango.portf.portfolio-case {
width: 48%;
}
.case-card.case-five.fourth-case-transform.fade-in.milab {
background-color: #ebebeb;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/62c3e705670a9605fa8812e1_Variant%209%20(1).png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
height: 531px;
padding-top: 0;
display: flex;
}
.case-card.case-five.fourth-case-transform.fade-in.milab.hide {
display: none;
}
.case-card.case-five.fourth-case-transform.fade-in.milab.portf {
height: 536px;
}
.case-card.case-five.fourth-case-transform.fade-in.milab.portf.portfolio-case {
width: 48%;
}
.case-card.case-five.fourth-case-transform.fade-in.voicepop {
background-color: #e2eddb;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/62cfc3466b0d2a2397bee173_voice-preview%20(1).png");
background-repeat: no-repeat;
background-size: contain;
height: 531px;
padding-top: 0;
display: flex;
}
.case-card.case-five.fourth-case-transform.fade-in.voicepop.hide {
display: none;
}
.case-card.case-five.fourth-case-transform.fade-in.voicepop.portf {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/645366a7ebee7b0bb9ab485f_voice-prw.png");
background-position: 50% 74%;
background-size: auto 236px;
height: 488px;
}
.case-card.case-five.fourth-case-transform.fade-in.voicepop.portf.portfolio-case {
width: 48%;
}
.case-card.case-five.fourth-case-transform.fade-in.maroo {
background-color: #f0eae3;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/62e00280a0146a5bb2335a43_maroo-case%20(1).png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
height: 601px;
padding-top: 0;
}
.case-card.case-five.fourth-case-transform.fade-in.maroo.portf {
height: 608px;
}
.case-card.case-five.fourth-case-transform.fade-in.maroo.portf.portfolio-case {
width: 48%;
}
.case-card.case-five.fourth-case-transform.fade-in.best-app {
background-color: #ddd7e9;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/639093d2b64bc7dfd036eae0_best-st-prw.png");
background-position: 68% 100%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
height: 557px;
padding-top: 0;
display: flex;
}
.case-card.case-five.fourth-case-transform.fade-in.best-app.port {
background-size: contain;
height: 584px;
}
.case-card.case-five.fourth-case-transform.fade-in.best-app.port.portfolio-case {
width: 48%;
}
.case-card.case-five.fourth-case-transform.fade-in.best-app.hide {
display: none;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz {
background-color: #f6e2cc;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/639098075e921f3ac5736842_pvz-preview.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
height: 557px;
padding-top: 0;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.portf {
background-position: 100% 100%;
background-size: contain;
height: 552px;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.portf._100 {
width: 100%;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.portf.portfolio-case {
flex: 0 auto;
width: 48%;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.strana {
background-color: #eeecf5;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/67ac565af4ffafbd5aa7df81_Frame%202087325609.avif");
background-position: 100% 90%;
background-size: 90%;
height: 552px;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.strana._100 {
width: 100%;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.strana.portfolio-case {
width: 48%;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.guestlink {
background-color: #e5e5df;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/67fe65e037d314763d62dd03_cover.avif");
background-position: 50% 159px;
background-size: 430px;
height: 584px;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.guestlink._100 {
width: 100%;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.guestlink.portfolio-case {
width: 48%;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.kokoc {
-webkit-text-fill-color: inherit;
background-color: #f3efec;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/680910960e7eb9c0d0d90536_%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D1%83%20%D0%BC%D0%BE%D0%B6%D0%BD%D0%BE%20%D0%B2%D0%B7%D1%8F%D1%82%D1%8C%20%D0%BF%D1%80%D1%8F%D0%BC%20%D1%8D%D1%82%D1%83%20%D0%B1%D0%B5%D0%B7%20%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%B0)%20(1).png");
background-position: 50%;
background-size: contain;
background-clip: border-box;
height: 584px;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.kokoc._100 {
width: 100%;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.kokoc.portfolio-case {
width: 48%;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.avito-job {
background-color: #e8e3f7;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/68234ec3ad6094ae25258c57_Cover%20pic%20(1).avif");
background-position: 50% 100%;
background-size: 100%;
height: 584px;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.avito-job._100 {
width: 100%;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.avito-job.portfolio-case {
width: 48%;
}
.case-card.case-five.fourth-case-transform.fade-in.druffle {
background-color: #ebebef;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/64215849f708de40fdf525b4_Preview%20for%20Druffle.webp");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
height: 557px;
padding-top: 0;
display: flex;
}
.case-card.case-five.fourth-case-transform.fade-in.druffle.portf {
background-position: 100% 100%;
background-size: cover;
height: 536px;
}
.case-card.case-five.fourth-case-transform.fade-in.druffle.portf.portfolio-case {
width: 48%;
}
.case-card.case-five.fourth-case-transform.fade-in.mindbox-portf {
justify-content: flex-end;
height: 560px;
}
.case-card.case-five.fourth-case-transform.fade-in.mindbox-portf.portfolio-case {
width: 48%;
}
.case-card.case-five.fourth-case-transform.fade-in.avito_pr {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/628f49fa51dc430124296b02_Preview%203.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
height: 557px;
padding-top: 0;
}
.case-card.case-five.fourth-case-transform.fade-in.avito_pr.portf {
background-color: #e9f0f4;
background-image: none;
height: auto;
}
.case-card.case-five.fourth-case-transform.fade-in.avito {
background-color: #ddd7e9;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/66daf87e465ee2c417ae9ea5_%D0%90%D0%B2%D0%B8%D1%82%D0%BE.webp");
background-position: 68% 100%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
height: 562px;
padding-top: 0;
display: flex;
}
.case-card.case-five.fourth-case-transform.fade-in.avito.port {
background-size: contain;
height: 584px;
}
.case-card.case-five.fourth-case-transform.fade-in.avito._100 {
width: 100%;
}
.case-card.case-five.fourth-case-transform.fade-in.avito.portfolio-case {
flex: 0 auto;
width: 48%;
}
.case-card.case-five.fourth-case-transform.fade-in.druffle {
background-color: #f2ebda;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/66dafb767ae2c968633c830d_Druffle.webp");
background-repeat: no-repeat;
background-size: cover;
height: 536px;
padding-top: 0;
}
.case-card.case-five.fourth-case-transform.fade-in.druffle.portf {
height: 536px;
}
.case-card.case-five.fourth-case-transform.fade-in.research {
background-color: #f2ebda;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/66dafcdbaec99baf7aee5f50_%D0%97%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B8%CC%86%D1%89%D0%B8%D0%BA.webp");
background-repeat: no-repeat;
background-size: cover;
height: 536px;
padding-top: 0;
}
.case-card.case-five.fourth-case-transform.fade-in.research.portf {
height: 536px;
}
.case-card.case-five.fourth-case-transform.fade-in.avito-baas {
background-color: #cfe7ff;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/66f55a41fc55bdad87e5edc2_Cover_avito-baas.webp");
background-repeat: no-repeat;
background-size: cover;
height: 515px;
padding-top: 0;
}
.case-card.case-five.fourth-case-transform.fade-in.avito-baas.portf {
height: 536px;
}
.case-card.case-five.fourth-case-transform.fade-in.avito-baas._100 {
width: 100%;
}
.case-card.case-five.fourth-case-transform.fade-in.avito-baas.portfolio-case {
width: 48%;
}
.case-card.case-five.fourth-case-transform.fade-in._100 {
width: 100%;
}
.case-card.case-five.fourth-case-transform.fade-in.countrydev {
background-color: #eeecf5;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/67ab38c505d0b244b8734e2e_img.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
height: 531px;
padding-top: 0;
}
.case-card.case-five.fourth-case-transform.fade-in.countrydev.portf {
background-color: #eeecf5;
height: 584px;
}
.case-card.case-five.fourth-case-transform.fade-in.kokoc {
background-color: #ebebef;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/64215849f708de40fdf525b4_Preview%20for%20Druffle.webp");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
height: 557px;
padding-top: 0;
display: flex;
}
.case-card.case-five.fourth-case-transform.fade-in.kokoc.portf {
background-color: #f3efec;
background-position: 100% 100%;
background-size: cover;
height: 536px;
}
.case-card.case-six {
background-color: #f0e4de;
padding-top: 134px;
}
.case-card.case-six.fith-case-transform.fade-in {
padding-top: 0;
}
.case-card.case-six.fith-case-transform.fade-in.hidden {
display: none;
}
.case-card.yap {
background-color: #f0e4de;
padding-top: 134px;
}
.case-card.yap.fith-case-transform {
background-color: #fff;
}
.case-card.yap.fith-case-transform.hide {
display: none;
}
.card-header {
color: #f3efec;
justify-content: space-between;
align-items: flex-start;
padding-top: 36px;
padding-left: 40px;
padding-right: 50px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.card-header.nq {
padding-bottom: 12px;
position: relative;
}
.card-header.nq.pik {
padding-bottom: 0;
}
.card-header.nq.znd {
color: #f2efed;
-webkit-text-stroke-color: #f2efed;
padding-bottom: 30px;
}
.arrow-button {
color: #ffffffb3;
text-align: center;
border: 2px solid #ffffff4d;
border-radius: 28px;
flex-direction: row;
flex: none;
justify-content: center;
align-items: center;
width: auto;
min-width: 92px;
height: 40px;
padding: 5px 18px 6px 21px;
font-size: 16px;
font-weight: 500;
line-height: 100%;
text-decoration: none;
display: flex;
}
.arrow-button.dark {
color: #0000004d;
cursor: pointer;
border-width: 2px;
border-color: #00000026;
}
.arrow-button.dark.darker {
color: #0006;
border-color: #0000004d;
}
.arrow-button.dark.lighter {
border-color: #00000026;
transition-property: all;
transition-duration: .3s;
}
.arrow-button.dark.lighter:hover {
color: #fff;
background-color: #1d1d1d;
}
.arrow-button.light {
color: #0000004d;
cursor: pointer;
border-width: 2px;
border-color: #ffffff4d;
}
.arrow-button.within-card {
position: absolute;
inset: 42px 50px auto auto;
}
.arrow-button.within-card.dark {
min-width: 92px;
position: static;
}
.arrow-button.card_dark {
color: #0000004d;
cursor: pointer;
border-width: 2px;
border-color: #00000026;
}
.card-heading {
color: var(--almost-black);
text-align: left;
letter-spacing: -.02rem;
max-width: 70%;
margin-top: 0;
margin-bottom: 0;
margin-right: 20px;
font-size: 28px;
font-weight: 400;
line-height: 128%;
}
.card-heading.wh {
color: #ffffffe6;
}
.card-heading.cp {
max-width: 275px;
}
.card-heading.znd {
text-align: left;
max-width: 305px;
}
.card-heading.cp-card._12-st-c-title {
max-width: 90%;
}
.card-heading.cld {
max-width: 280px;
}
.card-heading.milab {
max-width: 305px;
}
.card-heading.maroo, .card-heading.stranaa {
text-align: left;
max-width: 305px;
}
.card-button-text {
height: 18px;
margin-right: 10px;
}
.card-button-text.dark.mr10 {
margin-right: 10px;
}
.card-button-text.light {
color: #ffffffb3;
}
.card-image-wrapper {
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
padding-bottom: 0;
padding-left: 40px;
padding-right: 40px;
overflow: hidden;
}
.card-image-wrapper.card-three-image {
flex-direction: column;
padding-left: 0;
padding-right: 0;
display: flex;
}
.card-image-wrapper.card-four-image {
flex-direction: column;
align-items: center;
min-height: 400px;
padding-left: 0;
padding-right: 0;
transition: opacity .2s;
display: flex;
}
.card-image-wrapper.card-five-image {
justify-content: flex-end;
padding-right: 0;
display: flex;
}
.card-image-wrapper.card-six-image {
justify-content: flex-end;
align-items: flex-end;
padding-left: 29px;
padding-right: 0;
display: flex;
}
.card-image-wrapper._2 {
padding-bottom: 38px;
padding-left: 38px;
padding-right: 38px;
}
.card-image-wrapper.ctr {
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
padding-bottom: 38px;
padding-left: 38px;
padding-right: 38px;
display: flex;
}
.card-image-wrapper.ctr.yz {
flex: none;
align-items: stretch;
padding-bottom: 0;
padding-left: 70px;
padding-right: 0;
}
.card-image-wrapper.yand {
margin-top: -25px;
padding-left: 0;
padding-right: 0;
}
.card-image-wrapper.znd {
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
}
.card-image-wrapper.avito-image {
padding-left: 37px;
padding-right: 37px;
}
.card-image-wrapper.avito {
flex-flow: column;
justify-content: flex-end;
margin-top: 9px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.card-img {
margin-left: auto;
margin-right: auto;
}
.card-img.cover {
object-fit: cover;
width: 100%;
max-width: 100%;
height: 100%;
}
.card-img.db-img {
width: 100%;
max-width: 200px;
height: auto;
}
.card-img.mb-img {
width: 100%;
max-width: 100%;
height: auto;
margin-right: 0;
}
.card-img.mb-img.bs {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.card-img.mb-img.yz {
flex: none;
width: 100%;
max-height: 348.5px;
margin-left: auto;
margin-right: auto;
}
.card-img.mb-img.pik {
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.card-img.avito {
width: 100%;
}
.card-button-icon {
flex: none;
width: 16px;
height: 16px;
position: relative;
}
.card-button-icon.top-right-arrow {
justify-content: center;
align-items: center;
width: 14px;
height: 14px;
display: flex;
}
.card-button-icon-img {
object-fit: contain;
position: absolute;
inset: 0%;
}
.card-button-icon-img.inverted.morebtn {
flex: none;
width: 16px;
position: static;
}
.card-button-icon-img.normal.revert {
transform: rotate(-45deg);
}
.button-cta {
flex-direction: column;
align-items: center;
display: flex;
}
.button-cta.mt96 {
margin-top: 96px;
}
.button-cta.mt117 {
margin-top: 117px;
}
.button-cta.mt70 {
margin-top: 35px;
}
.button-cta.mt50 {
margin-top: 50px;
}
.button-cta.mt146 {
margin-top: 146px;
}
.page.thank {
flex-direction: column;
min-height: 100vh;
display: flex;
}
.menu-wrapper {
z-index: 2147483647;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: fixed;
inset: auto auto 42px;
transform: none;
}
.menu {
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
background-color: #ffffff80;
border-radius: 44px;
justify-content: space-between;
align-items: center;
height: 59px;
padding: 10px;
display: flex;
}
.menu-link {
color: var(--almost-black);
text-align: center;
background-color: #0000;
border-radius: 40px;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
margin-right: 12px;
padding: 6.5px 12px;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
transition: background-color .2s cubic-bezier(.445, .05, .55, .95), opacity .2s;
display: flex;
}
.menu-link.w--current {
color: var(--almost-black);
background-color: #ffffffb3;
}
.menu-link.last-menu-link {
margin-right: 1px;
}
.menu-link.none, .menu-button {
display: none;
}
.top-sections.than {
flex-direction: column;
flex: 1;
align-items: stretch;
height: auto;
display: flex;
}
.menu-button-show-trigger, .menu-button-hide-trigger {
position: absolute;
inset: 0%;
}
.bottom {
position: relative;
}
.bottom.cc-white {
background-color: var(--white);
border-top-left-radius: 60px;
border-top-right-radius: 60px;
}
.title-change-wrapper {
margin-top: 10px;
padding-bottom: 10px;
display: none;
overflow: hidden;
}
.tile-change-move {
height: 100px;
margin-top: -10px;
display: none;
}
.nav-link {
color: var(--almost-black);
border-radius: 30px;
justify-content: center;
align-items: center;
min-height: 39px;
margin-left: 0;
margin-right: 0;
padding-left: 17px;
padding-right: 17px;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
display: flex;
}
.nav-link:hover {
border-bottom-color: #0009;
}
.nav-link.w--current {
background-color: #fff;
}
.nav-link.button-nav-link {
border: 2.5px solid var(--almost-black);
background-color: var(--almost-black);
color: var(--light-silver);
border-radius: 50px;
justify-content: center;
align-items: center;
margin-left: 11px;
margin-right: 0;
padding: 6px 14px;
line-height: 120%;
transition: color .2s, background-color .2s, opacity .2s;
display: flex;
}
.nav-link.button-nav-link:hover {
border-color: var(--almost-black);
background-color: var(--white);
color: var(--almost-black);
}
.nav-link.button-nav-link:active {
background-color: var(--silver);
}
.nav-link.button-nav-link.mobile-nav-button {
transition: border-color .2s, color .2s, background-color .2s, opacity .2s;
}
.nav-link.none {
display: none;
}
.hero-message {
align-items: flex-start;
display: none;
}
.hero-message-image {
flex: none;
width: 128px;
height: 128px;
}
.hero-message-img {
object-fit: contain;
width: 100%;
height: 100%;
}
.hero-message-text {
color: #0000004d;
width: 200px;
padding-top: 20px;
font-size: 15px;
line-height: 130%;
}
.footer-heading-highlight-img {
z-index: 2;
width: 272px;
height: 136px;
position: absolute;
inset: 70px auto auto 82px;
}
.footer-heading-highlight-img.hide {
display: none;
}
.footer-cta-image {
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 160px;
height: 160px;
margin-bottom: 22px;
display: flex;
}
.footer-cta-title-wrapper {
position: relative;
}
.footer-cta-title-wrapper.is-centered {
text-align: center;
}
.footer-box {
color: var(--dark-slate-grey);
flex-direction: column;
align-items: flex-start;
font-size: 17px;
line-height: 140%;
display: flex;
}
.footer-box.shown-on-mob {
display: none;
}
.footer-box._3 {
max-width: 210px;
}
.hero-message-wrapper {
justify-content: flex-end;
margin-left: -120px;
padding-right: 0;
display: flex;
position: absolute;
top: -85px;
bottom: auto;
}
.logos-slider {
justify-content: space-between;
margin-left: -15px;
display: flex;
}
.logo-box {
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
display: flex;
}
.logo-box-img {
object-fit: contain;
width: 100%;
height: 100%;
max-height: 30px;
}
.logo-box-img.client-one {
max-width: 104px;
max-height: 31px;
}
.logo-box-img.client-two {
max-width: 121px;
max-height: 17px;
}
.logo-box-img.client-three {
max-width: 84px;
max-height: 24px;
}
.logo-box-img.client-four {
max-width: 40px;
max-height: 40px;
}
.logo-box-img.client-five {
max-width: 138px;
max-height: 24px;
}
.logo-box-img.client-six {
max-width: 90px;
max-height: 23px;
}
.section-heading {
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 36px;
font-size: 100px;
font-weight: 400;
line-height: 95%;
}
.section-heading.uppercase.medium-heading {
font-size: 6.8vw;
}
.section-heading.uppercase.no-wrap {
justify-content: center;
align-items: center;
display: flex;
}
.section-heading.uppercase.cc-80 {
letter-spacing: -.15rem;
font-size: 80px;
line-height: 100%;
}
.section-heading.h2-50-54 {
margin-bottom: 72px;
font-size: 50px;
line-height: 108%;
}
.section-heading.h2-50-54._2 {
margin-top: -18px;
}
.section-heading.team {
display: inline;
}
.section-heading.team.hide {
display: none;
}
.section-heading.txt-80 {
margin-bottom: 0;
font-size: 80px;
line-height: 100%;
}
.section-heading.txt-80.mr-40 {
margin-bottom: 40px;
}
.section-heading.be-team-2 {
margin-bottom: 20px;
display: block;
}
.intro {
text-align: center;
width: 100%;
max-width: 70%;
margin-bottom: 144px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.intro.mb80 {
margin-bottom: 80px;
}
.intro.full-width {
max-width: 100%;
}
.intro.mw80 {
max-width: 80%;
}
.intro.mb144 {
margin-bottom: 144px;
}
.intro.mb0 {
margin-bottom: 0;
}
.intro.mb108 {
margin-bottom: 108px;
}
.intro.center {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.intro.mb64 {
margin-bottom: 64px;
}
.intro.left {
text-align: left;
}
.intro.vacancy {
margin-bottom: 40px;
}
.intro.methods-intro {
text-align: left;
max-width: none;
margin-bottom: 120px;
}
.intro.mb26 {
margin-bottom: 26px;
}
.intro.cases-intro {
text-align: left;
max-width: none;
margin-bottom: 103px;
}
.intro.vacan {
flex-direction: column;
align-items: center;
max-width: 90%;
margin-bottom: 50px;
display: flex;
}
.intro.mw-80 {
max-width: 82%;
margin-bottom: 90px;
}
.intro.team_rest {
max-width: 80%;
margin-bottom: 90px;
}
.intro.mb-60 {
margin-bottom: 60px;
}
.intro.vacancy_team {
margin-bottom: 0;
}
.intro.rs-new_cases-intro {
text-align: left;
max-width: none;
margin-bottom: 60px;
}
.intro.rs-who-works {
max-width: 833px;
margin-bottom: 257px;
}
.intro.autstuff {
max-width: none;
margin-bottom: 0;
}
.photo {
border-radius: 20px;
overflow: hidden;
}
.photo.ratio-based {
width: 100%;
padding-bottom: 70%;
position: relative;
}
.photo-img {
object-fit: cover;
width: 100%;
height: 100%;
}
.photo-img.within-ratio-based {
position: absolute;
inset: 0%;
}
.photo-img.shadows {
object-fit: fill;
border-radius: 16px;
max-width: 1000px;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
box-shadow: 0 -17px 30px #00000029, 5px 17px 30px #0003;
}
.photo-img.shadows._2 {
max-width: 916px;
margin-left: 0;
box-shadow: 0 17px 30px #00000029;
}
.photo-img.shadows._2.imagesignal {
max-width: 1000px;
margin-right: 0;
box-shadow: 0 16px 24px #1b49c90d;
}
.photo-img.shadows.bs-shad {
box-shadow: 0 16px 24px #1b49c90d;
}
.photo-img.shadows.bs-shad.no-shadow {
max-width: 1196px;
}
.photo-img.shadows.bs-shad.portfeldetails {
max-width: 676px;
margin-left: 0;
}
.photo-img.shadows.no-shadow {
box-shadow: none;
}
.photo-img.shadows.bestportfel {
max-width: 1004px;
box-shadow: 0 16px 24px #1b49c90d;
}
.photo-img.shadows.yz-shad {
box-shadow: 0 16px 24px #01509e0d;
}
.photo-img.yz-shadow {
object-fit: fill;
max-width: 1000px;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
box-shadow: 0 16px 24px #01509e0d;
}
.margin._166 {
height: 166px;
}
.feature-box {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.feature-box-image {
margin-bottom: 16px;
}
.feature-box-image.mb24 {
margin-bottom: 24px;
}
.feature-box-img {
width: auto;
height: 55px;
}
.feature-box-img.rev {
filter: none;
max-width: none;
}
.medium-heading.center {
text-align: center;
}
.medium-heading.center.mobile-left {
text-align: left;
}
.medium-heading.mobile-visible {
display: none;
}
.medium-heading.team_head_mob-autstuff {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.text._36 {
letter-spacing: -.02em;
font-size: 36px;
line-height: 130%;
}
.text._28 {
letter-spacing: -.02em;
font-size: 28px;
line-height: 135%;
}
.feature-box-description, .feature-box-description.full-width {
max-width: 100%;
}
.team-box {
text-align: center;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.team-box.active {
box-shadow: 0 0 0 2px #e6ee9b;
}
.team-box-image {
background-color: #242424;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-bottom: 58%;
display: flex;
position: relative;
overflow: hidden;
}
.team-box-image.abs {
position: absolute;
}
.team-box-img {
z-index: 2;
object-fit: cover;
object-position: 50% 50%;
width: 101%;
max-width: 101%;
height: 101%;
position: absolute;
inset: 0%;
}
.team-box-description {
z-index: 5;
background-color: #333037cc;
border-top-right-radius: 8px;
justify-content: flex-start;
align-items: center;
width: auto;
display: flex;
position: absolute;
inset: auto auto 0% 0%;
}
.team-box-description.pds {
text-align: left;
padding: 2px 8px;
}
.what-we-do-elements {
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 100vw;
max-width: 1232px;
height: 934px;
margin-top: -32px;
margin-left: auto;
margin-right: auto;
padding-left: 12px;
padding-right: 12px;
display: flex;
position: relative;
inset: 0%;
transform: translate(0%);
}
.what-we-do-element {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.what-we-do-element.e1 {
width: 318px;
inset: 100px auto auto -50px;
}
.what-we-do-element.e2 {
width: 418px;
inset: -32px auto auto 200px;
}
.what-we-do-element.e3 {
width: 402px;
inset: -50px auto auto 500px;
}
.what-we-do-element.e5 {
width: 357px;
inset: 46px 60px auto auto;
}
.what-we-do-element.e6 {
width: 365px;
inset: 336px 30px auto auto;
}
.what-we-do-element.e7 {
width: 440px;
inset: auto 60px 0 auto;
}
.what-we-do-element.e8 {
width: 360px;
position: absolute;
bottom: 0;
left: 438px;
}
.what-we-do-element.e9 {
width: 402px;
inset: auto auto 50px 120px;
}
.button__magnetic-link {
z-index: 100;
color: #333;
border: 1px solid #ddd;
border-radius: 5px;
text-decoration: none;
position: relative;
overflow: hidden;
}
.qa-item {
border-bottom: 1px solid #e2e2dc;
padding-left: 0;
padding-right: 0;
transition: background-color .2s;
}
.qa-icon {
cursor: pointer;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
display: flex;
position: absolute;
left: auto;
right: 0%;
}
.qa-icon:hover {
background-color: #f5f6f7;
}
.qa-icon-img {
width: 32px;
height: 32px;
position: absolute;
}
.qa-icon-img.minus-icon {
width: 24px;
height: 24px;
}
.small-heading {
margin-bottom: 12px;
font-size: 34px;
line-height: 117%;
}
.small-heading.qa-heading {
color: #333037e6;
width: 100%;
max-width: 100%;
margin-bottom: 0;
padding-bottom: 0;
padding-right: 64px;
font-size: 20px;
}
.small-heading._28 {
font-size: 28px;
line-height: 128%;
}
.small-heading.highlighted-heading {
z-index: 1;
text-transform: lowercase;
margin-bottom: 0;
font-size: 20px;
font-weight: 500;
line-height: 100%;
position: relative;
}
.qa-a {
height: auto;
padding-right: 152px;
overflow: hidden;
}
.qa-q {
cursor: pointer;
align-items: center;
padding-top: 24px;
padding-bottom: 24px;
transition: opacity .2s;
display: flex;
position: relative;
}
.rich-text {
padding-bottom: 24px;
}
.subtitle {
letter-spacing: -.02em;
background-color: #0000;
font-size: 28px;
font-weight: 400;
line-height: 128%;
}
.subtitle.limited-width {
max-width: 86%;
margin-left: auto;
margin-right: auto;
}
.subtitle.limited-width.mw-650 {
max-width: 650px;
}
.subtitle.inner-hero-subtitle {
text-align: center;
max-width: 65%;
margin-top: 52px;
margin-left: auto;
margin-right: auto;
}
.subtitle.center {
text-align: center;
}
.subtitle.beststoks {
letter-spacing: normal;
width: 501px;
font-size: 26px;
line-height: 145%;
}
.subtitle.beststoksparagraph.cc-max-width-445 {
width: 445px;
}
.subtitle.beststoksparagraph.cc-max-width-445._2 {
width: 455px;
}
.subtitle.beststoksparagraph._2 {
letter-spacing: 0;
max-width: 700px;
margin-left: auto;
margin-right: auto;
line-height: 129%;
}
.subtitle.beststoksparagraph._3 {
letter-spacing: 0;
max-width: 697px;
margin-left: auto;
margin-right: auto;
line-height: 129%;
}
.subtitle.yz-subtitle {
letter-spacing: normal;
font-size: 26px;
line-height: 145%;
}
.subtitle.pik {
letter-spacing: normal;
width: auto;
font-size: 26px;
line-height: 145%;
}
.subtitle.pic-p {
text-align: center;
line-height: 145%;
}
.subtitle.beststoksparagraph {
line-height: 145%;
}
.subtitle.cp-subtitle {
letter-spacing: normal;
width: 350px;
font-size: 28px;
line-height: 128%;
}
.subtitle.cp-tasks-paragraph {
width: 45%;
}
.subtitle.cloudpayments-paragraph {
letter-spacing: normal;
max-width: 694px;
margin-left: auto;
margin-right: auto;
}
.subtitle.cloudpayments-paragraph._40 {
margin-bottom: 40px;
}
.subtitle.cloudpayments-paragraph._100 {
margin-bottom: 80px;
}
.subtitle.cloudpayments-paragraph._30 {
margin-bottom: 30px;
}
.subtitle.cloudpayments-paragraph._40-80 {
margin-bottom: 35px;
}
.subtitle.cloudpayments-paragraph._100mr-m-non {
margin-bottom: 30px;
}
.subtitle.cloudpayments-paragraph._100-50mob {
margin-bottom: 100px;
}
.subtitle.cloudpayments-paragraph._100_top-img, .subtitle.cloudpayments-paragraph.ui-para {
margin-bottom: 80px;
}
.subtitle.cp-variations-subtitle {
text-align: center;
max-width: 640px;
margin-left: auto;
margin-right: auto;
line-height: 145%;
}
.subtitle.cp-logobook-subtitle {
text-align: center;
max-width: 620px;
margin-left: auto;
margin-right: auto;
}
.subtitle.zindi-hero_sub {
letter-spacing: normal;
width: 531px;
font-size: 26px;
line-height: 145%;
}
.subtitle.zindi-hero_sub._1-sub {
width: 100%;
}
.subtitle.zindi_695 {
text-align: left;
width: 695px;
}
.subtitle.zindi_695.mrg_40 {
margin-bottom: 40px;
}
.subtitle.para-610 {
max-width: 600px;
line-height: 129%;
}
.subtitle.gray {
color: #f5f5f5;
}
.subtitle.gray.mr5 {
margin-bottom: 5px;
}
.subtitle.dk-gr {
color: #b9b9b9;
}
.subtitle.dk-gr.wwh {
width: 632px;
}
.subtitle.limited-width-650 {
max-width: 86%;
margin-left: auto;
margin-right: auto;
}
.subtitle.hero-sub {
text-align: center;
max-width: 65%;
margin-top: 35px;
margin-left: auto;
margin-right: auto;
}
.subtitle.blck {
color: #242424;
}
.subtitle.grey-2 {
color: #8b8b8b;
}
.subtitle.grey-2.princ {
width: 590px;
line-height: 129%;
}
.subtitle.yango-tasks-paragraph {
width: 100%;
}
.subtitle.yango-s4-variations-subtitle {
text-align: center;
max-width: 695px;
margin-left: auto;
margin-right: auto;
line-height: 145%;
}
.subtitle.mw-361 {
max-width: 359px;
}
.subtitle.mw-441 {
letter-spacing: normal;
max-width: 441px;
}
.subtitle.mw-680 {
text-align: center;
max-width: 680px;
margin-left: auto;
margin-right: auto;
line-height: 145%;
}
.subtitle.mw-650 {
text-align: center;
max-width: 650px;
margin-left: auto;
margin-right: auto;
line-height: 145%;
}
.subtitle.yango-subtitle {
letter-spacing: normal;
width: 350px;
font-size: 28px;
line-height: 128%;
}
.subtitle.para-695 {
letter-spacing: normal;
max-width: 695px;
margin-left: auto;
margin-right: auto;
line-height: 138%;
}
.subtitle.para-695.voice-wht {
color: var(--f2-grey);
max-width: 715px;
}
.subtitle.para-695.voice-wht.centr {
text-align: center;
}
.subtitle.milab_para_bttm {
letter-spacing: -.02em;
max-width: 694px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
}
.subtitle.is_white-txt.cc-24 {
font-size: 24px;
line-height: 133%;
}
.subtitle.is_grey-txt-7f.transp {
opacity: 0;
}
.subtitle.voice-pop-sub, .subtitle.maroo-head_sub {
letter-spacing: normal;
width: 560px;
font-size: 28px;
line-height: 128%;
}
.subtitle.best_para_bttm {
letter-spacing: -.02em;
max-width: 694px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
}
.subtitle.is-yell-txt.cc-24 {
font-size: 24px;
line-height: 144%;
}
.subtitle.zindi-team-ab {
color: #7f7f7f;
}
.subtitle.zindi-team-ab.non-vis {
opacity: 0;
}
.subtitle.avito-tasks-paragraph {
width: 30.3%;
}
.subtitle.hight {
line-height: 145%;
}
.subtitle.avito-tasks-paragraph_new {
width: 27%;
}
.subtitle.strana-tasks-paragraph_new {
width: 286px;
}
.subtitle.hircost-tasks-paragraph_new {
flex: none;
width: 320px;
}
.subtitle.inner-hero-subtitle-autstuff {
text-align: center;
max-width: 698px;
margin-top: 52px;
margin-left: auto;
margin-right: auto;
}
.link {
color: var(--almost-black);
border-bottom: 1px solid #0003;
display: inline-block;
}
.link:hover {
border-bottom-color: #0009;
}
.link.soc-link {
margin-bottom: 2px;
}
.link.soc-link.none {
display: none;
}
.hero-sutitle {
letter-spacing: -.02em;
margin-top: 24px;
font-size: 28px;
line-height: 130%;
}
.hero-sutitle.mt34 {
margin-top: 34px;
}
.case-row {
border-radius: 12px;
justify-content: space-between;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.case-row:hover {
background-color: #fff;
}
.case-row.filters-row {
width: 100%;
margin-bottom: 16px;
}
.case-row.filters-row:hover {
background-color: #0000;
}
.case-row.filters-row.in-res {
margin-bottom: 8px;
padding-left: 0;
padding-right: 0;
}
.case-row.in-res {
padding-left: 0;
padding-right: 0;
}
.case-cell {
flex: none;
width: 11%;
padding-top: 12px;
padding-bottom: 12px;
font-size: 16px;
line-height: 135%;
}
.case-cell.widest {
flex: none;
width: 42.56%;
position: relative;
}
.case-cell.widest.in-res {
width: 56%;
padding-top: 12px;
padding-bottom: 12px;
}
.case-cell.year-cell {
flex: none;
width: 3.7%;
}
.case-cell.client-cell {
flex: none;
width: 18.8%;
}
.case-cell.client-cell._1col {
width: 14%;
}
.case-cell.last {
width: 8%;
}
.case-cell.last.case-link {
color: var(--almost-black);
font-weight: 500;
}
.case-cell.last.case-link.mobs {
display: none;
}
.case-cell.last.in-progress-cell {
color: var(--silver);
}
.case-cell.last.in-progress-cell.ob {
display: none;
}
.case-cell.filter-cell {
color: var(--silver);
letter-spacing: .05em;
text-transform: uppercase;
font-size: 14px;
}
.case-cell.filter-cell.widest {
cursor: auto;
}
.case-cell.link-cell {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 17.7%;
display: flex;
}
.case-cell.link-cell.new {
width: 24%;
}
.case-cell.industry-cell {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 17.7%;
padding-top: 14px;
padding-bottom: 14px;
display: flex;
}
.case-cell.industry-cell._2col {
width: 14%;
padding-top: 12px;
padding-bottom: 12px;
}
.cases-filters {
width: 100%;
}
.cases-row {
margin-bottom: 4px;
position: relative;
}
.filter-client.p-16-24 {
line-height: 24px;
}
.filter-case {
display: none;
}
.logos-flex {
justify-content: space-between;
margin-left: -15px;
display: flex;
}
.logos-flex.main-p {
grid-column-gap: 66px;
grid-row-gap: 66px;
justify-content: center;
align-items: center;
margin-right: 15px;
}
.photo-card {
border-radius: 16px;
width: 33%;
margin-bottom: 30px;
overflow: hidden;
}
.photo-card-img {
object-fit: cover;
width: 100%;
height: 101%;
}
.video-link {
z-index: 5;
cursor: default;
border-radius: 20px;
width: 100%;
max-width: 614px;
display: block;
position: relative;
overflow: hidden;
}
.video-meta {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
height: 94px;
display: flex;
position: absolute;
inset: auto 40px 20px 23px;
}
.play-button {
cursor: pointer;
background-color: #fff;
border-radius: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
display: flex;
position: absolute;
inset: auto 0% 5px auto;
}
.play-button-icon-img {
margin-left: 5px;
}
.video-meta-text {
color: #fff;
background-color: #333037cc;
border-radius: 40px;
padding: 6px 18px;
font-size: 14px;
line-height: 128%;
}
.what-we-do-video {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.video-with-elements {
min-height: 500px;
position: relative;
transform: translate(0);
}
.what-we-do-element-img {
width: 100%;
}
.what-we-do-element-text {
position: absolute;
}
.what-we-do-element-text.mt {
margin-top: 30px;
}
.feaures-grid {
grid-column-gap: 56px;
grid-row-gap: 56px;
}
.horizontal-feature-box {
align-items: center;
display: flex;
}
.horizontal-feature-icon {
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
margin-right: 30px;
display: flex;
}
.horizontal-feature-icon-img {
object-fit: contain;
width: 100%;
height: 100%;
}
.team-box-mute-icon {
background-color: var(--almost-black);
border-top-right-radius: 8px;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 26px;
height: 25px;
display: flex;
position: absolute;
inset: 0% auto 0% 0%;
}
.team-box-mute-icon-img {
object-fit: contain;
flex: none;
width: 100%;
max-width: 14px;
height: 100%;
max-height: 13px;
position: absolute;
}
.team-box-no-photo-name {
font-weight: 500;
position: absolute;
bottom: 50%;
transform: translate(0, 50%);
}
.team-box-no-photo-name.cms-line-text {
justify-content: center;
align-items: center;
display: flex;
}
.case-top {
color: #fff;
background-color: #479468;
}
.case-top.pik {
color: var(--almost-black);
background-color: #faeee9;
}
.case-top._12storeez {
color: var(--almost-black);
background-color: #f0e5d8;
position: relative;
}
.case-top.case-yandex-bizness {
background-color: #323555;
}
.case-top.case-beststoks {
color: #333037;
background-color: #f0f4ff;
}
.case-top.case-yz {
color: var(--white);
background-color: #1579de;
overflow: hidden;
}
.case-top.case-pic {
color: #333037;
background-color: #f5f5f5;
max-height: 100vh;
}
.case-top.case-cloud {
color: #333037;
background-color: #dde7f3;
overflow: hidden;
}
.case-top.yango-case-top, .case-top.milab-case_top {
color: #333037;
background-color: #e8e8e6;
overflow: hidden;
}
.case-top.case-voice {
background-color: var(--white);
color: #333037;
max-height: 100vh;
}
.case-top.case-maroo {
color: #333037;
background-color: #f0eae3;
max-height: 100vh;
}
.case-top.app-best-case_top {
color: #333037;
background-color: #1b1b1b;
overflow: hidden;
}
.case-top.pvz-case_top {
color: #333037;
background-color: #222024;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/634534f9ef17d49475352651_lenty.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 3715px;
overflow: hidden;
}
.case-top.case-druffle {
background-color: var(--white);
border-bottom-right-radius: 60px;
border-bottom-left-radius: 60px;
}
.case-top.avito-case-top {
color: var(--almost-black);
background-color: #e5f6fe;
overflow: hidden;
}
.case-top.avito-case-top_baas {
color: var(--almost-black);
background-color: #40a3ff;
height: 100svh;
position: relative;
overflow: hidden;
}
.case-top.strana-hero {
color: var(--almost-black);
background-color: #eeecf5;
height: 100svh;
min-height: 920px;
position: relative;
overflow: hidden;
}
.case-top.guestlink {
color: var(--almost-black);
background-color: #e5e5df;
height: 100svh;
min-height: 920px;
position: relative;
overflow: hidden;
}
.case-top.avito-rabota {
color: var(--almost-black);
background-color: #e8e3f7;
height: 100svh;
min-height: 920px;
position: relative;
overflow: hidden;
}
.case-top.hirocost-hero {
color: var(--almost-black);
background-color: #e2e8f0;
height: 100svh;
min-height: 920px;
position: relative;
overflow: hidden;
}
.case-hero-content {
width: 60%;
}
.case-hero-content.half-width {
width: 50%;
}
.case-hero-content.caseconts {
width: auto;
padding-right: 0;
}
.case-hero-content.full-width-hero-content {
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
}
.case-hero-content.zindi-hero {
width: auto;
padding-right: 0;
}
.case-hero-content.yango-hero-content {
z-index: 1;
width: auto;
padding-right: 0;
position: relative;
}
.case-hero-content.voice-hero-cont {
z-index: 1;
width: auto;
margin-top: 14px;
padding-right: 0;
position: relative;
}
.case-hero-content.full-width-hero-content-strana {
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
}
.block.case-subtitle {
max-width: 544px;
margin-top: 18px;
}
.block.case-subtitle.wider {
max-width: 100%;
}
.block.case-subtitle.beststokssubtitle {
margin-top: 32px;
}
.block.case-subtitle.beststokssubtitle.pik {
max-width: 450px;
margin-top: 30px;
}
.block.case-subtitle.beststokssubtitle.z_hero {
width: 600px;
max-width: none;
}
.block.case-subtitle.yz-subtitle {
max-width: 700px;
margin-top: 24px;
}
.block.case-subtitle.cloudsubtitle {
margin-top: 32px;
}
.block.case-subtitle.voice-sub {
max-width: none;
margin-top: 32px;
}
.block.mt36 {
margin-top: 36px;
}
.case-image-wrapper {
z-index: 0;
justify-content: flex-end;
height: 100%;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.case-image-wrapper.wide-case, .case-image-wrapper.wide-case.ultrawide {
display: none;
}
.case-image-wrapper.standard-case.centers {
justify-content: flex-end;
align-items: stretch;
width: 443px;
padding-left: 0%;
position: relative;
}
.case-image-wrapper.standard-case.centers.yandexer {
width: 620px;
}
.case-image-wrapper.standard-case.centers.pik {
width: 520px;
height: auto;
padding-bottom: 0;
padding-left: 21px;
padding-right: 7vw;
top: -34px;
}
.case-image-wrapper.standard-case.cp-hero-image-wrp {
justify-content: flex-end;
align-items: flex-end;
position: absolute;
inset: 0%;
}
.case-image-wrapper.standard-case.z-hero-img-2 {
justify-content: flex-end;
align-items: stretch;
width: 409px;
margin-top: 20px;
padding-left: 0%;
position: relative;
}
.case-image-wrapper.standard-case.beststock-image-wrapper {
justify-content: flex-end;
align-items: stretch;
width: 60vw;
padding-left: 0%;
position: relative;
}
.case-image-wrapper.standard-case.yango-hero-image-wrp {
justify-content: flex-start;
align-items: flex-end;
padding-left: 450px;
position: absolute;
inset: 0%;
}
.case-image-wrapper.standard-case.voice-hero-image-wrp {
justify-content: flex-start;
align-items: flex-end;
height: 542px;
padding-left: 450px;
position: absolute;
inset: 0%;
}
.case-image-wrapper.standard-case.maroo-head--img-wrp-1 {
justify-content: flex-start;
align-items: flex-end;
width: 330px;
height: auto;
inset: 0% 0% auto auto;
}
.case-image-wrapper.standard-case.maroo-head--img-wrp-2 {
justify-content: flex-start;
align-items: flex-end;
width: 267px;
height: auto;
inset: 22% 18% auto auto;
}
.case-image-wrapper.wide-screen-hidden._12storeez {
display: none;
}
.case-hero-img {
object-fit: contain;
object-position: 100% 100%;
width: 38vw;
height: 100%;
max-height: 100%;
}
.case-hero-img.cover {
object-fit: cover;
object-position: 0% 0%;
}
.case-hero-img.align-left {
object-position: 50% 100%;
}
.case-hero-img.mainimage {
object-fit: contain;
object-position: 100% 50%;
width: 100%;
height: 100%;
max-height: none;
display: block;
}
.case-hero-img.mainimage.bs {
margin-top: -80px;
}
.case-hero-img.mainimage.bs.hide-1024 {
display: none;
}
.case-hero-img.mainimage.yz-main-image {
margin-bottom: -52%;
}
.case-hero-img.mainimage.pik {
margin-top: 0;
}
.case-hero-img.mainimage.cp {
width: auto;
max-width: none;
height: 720px;
margin-right: -700px;
}
.case-hero-img.mainimage.cy {
width: auto;
max-width: none;
height: 560px;
margin-left: auto;
}
.case-hero-img.mainimage.cy-mob {
width: auto;
max-width: none;
height: 500px;
margin-bottom: 60px;
margin-left: auto;
display: none;
}
.case-hero-img.mainimage.avito-main-image-mob {
display: none;
}
.scrollable-grid {
grid-column-gap: 30px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-flow: column;
}
.scrollable-grid.pik {
grid-template-columns: 1fr 1fr minmax(420px, 1fr);
}
.scrollable-grid.milab {
grid-column-gap: 0px;
grid-template-columns: 24.99% 24.99% 33.32% 16.66%;
}
.scrollable-grid.maroo {
grid-template-columns: minmax(20%, 1fr) minmax(20%, 1fr) minmax(35%, 1fr) 25%;
}
.scrollable-grid.voice {
grid-column-gap: 50px;
grid-template-columns: 1fr 1fr minmax(330px, 1fr) 1fr;
}
.scrollable-grid.pvz {
grid-column-gap: 0px;
grid-template-columns: 30% 24.99% 33.32% 16.66%;
}
.case-meta-rich-text.beststoksrich h3 {
color: #33303799;
font-size: 18px;
}
.case-meta-rich-text.case-site-link {
padding-left: 22%;
}
.case-meta-rich-text.case-site-link h3 {
color: #33303799;
font-size: 18px;
}
.case-meta-rich-text.case-site-link.maroo {
padding-left: 0%;
}
.case-meta-rich-text.yangorich {
max-width: 152px;
}
.case-meta-rich-text.yangorich h3 {
color: #33303799;
font-size: 18px;
}
.case-meta-rich-text.milab_rich {
max-width: 152px;
}
.case-meta-rich-text.milab_rich p {
color: var(--white);
}
.case-meta-rich-text.milab_rich._3 {
max-width: 240px;
}
.case-meta-rich-text.milab_rich h3 {
color: #fff9;
font-size: 18px;
line-height: 145%;
}
.case-meta-rich-text.case-site-link_milab {
color: var(--white);
padding-left: 22%;
}
.case-meta-rich-text.case-site-link_milab p, .case-meta-rich-text.case-site-link_milab a {
color: var(--white);
}
.case-meta-rich-text.case-site-link_milab h3 {
color: #fff9;
font-size: 18px;
line-height: 145%;
}
.case-meta-rich-text h3 {
color: #33303799;
font-size: 18px;
}
.case-meta-rich-text.voice-rich {
max-width: 152px;
}
.case-meta-rich-text.voice-rich h3 {
color: #33303799;
font-size: 18px;
}
.case-meta-rich-text.voice-rich._2 {
max-width: 200px;
}
.case-meta-rich-text.voice-rich._3 {
max-width: 350px;
}
.case-meta-rich-text.maroo-rich h3 {
color: #33303799;
font-size: 18px;
}
.case-meta-rich-text.case-site-link_best-app {
color: var(--white);
padding-left: 22%;
}
.case-meta-rich-text.case-site-link_best-app p, .case-meta-rich-text.case-site-link_best-app a {
color: var(--white);
}
.case-meta-rich-text.case-site-link_best-app h3 {
color: #fff9;
font-size: 18px;
line-height: 145%;
}
.case-meta-rich-text.pvz-rich {
max-width: 200px;
}
.case-meta-rich-text.pvz-rich p {
color: var(--white);
}
.case-meta-rich-text.pvz-rich h3 {
color: #fff9;
font-size: 18px;
line-height: 145%;
}
.case-meta-rich-text.pvz-rich_3 {
max-width: 190px;
}
.case-meta-rich-text.pvz-rich_3 p {
color: var(--white);
}
.case-meta-rich-text.pvz-rich_3 h3 {
color: #fff9;
font-size: 18px;
line-height: 145%;
}
.case-main {
z-index: 1;
position: relative;
}
.tasks-rich-text ul {
flex-wrap: wrap;
align-items: flex-start;
width: 100%;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.tasks-rich-text li {
border: 1px solid #b9b9b966;
border-radius: 100%;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
list-style-type: none;
display: flex;
}
.tasks-rich-text-test {
display: none;
}
.circles-wrapper {
flex-wrap: wrap;
justify-content: center;
position: relative;
}
.circles-wrapper.hide {
display: none;
}
.circles-wrapper.real-circles {
display: flex;
}
.circle {
text-align: center;
border: 1px solid #b9b9b966;
border-radius: 100%;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 523px;
height: 523px;
display: flex;
position: relative;
}
.circle.second-circle {
width: 325px;
height: 325px;
}
.circle.third-circle {
width: 253px;
height: 253px;
position: absolute;
inset: auto 220px -73px auto;
}
._2-col-grid {
grid-column-gap: 108px;
grid-template-rows: auto;
}
.feature-block.limited-width {
max-width: 90%;
}
.feature-block.vertical-adjustment {
position: relative;
top: 50px;
}
.dialog-bubble {
background-color: var(--mint-cream);
color: #6c7f76;
border-radius: 20px;
padding: 20px 24px;
position: relative;
}
.dialog-bubble.opposite {
color: #929292;
background-color: #f5f5f5;
}
.dialog-bubble._12storeez {
color: #7a665c;
background-color: #faf4f0;
}
.bubble-heading {
color: var(--silver);
margin-bottom: 2px;
display: inline-block;
}
.bubble-heading._12storeez {
color: #dacac1;
}
.dialog-image {
width: 108px;
height: 108px;
position: absolute;
inset: 0% auto auto 0%;
transform: translate(-50%, -60%);
}
.dialog-image.within-opposite-bubble {
inset: 0% 0% auto auto;
transform: translate(50%, -60%);
}
.dialog-img {
object-fit: contain;
width: 100%;
height: 100%;
}
.content-block {
margin-bottom: 144px;
}
.content-block.last {
margin-bottom: 0;
}
.content-block.bigger-margin {
margin-bottom: 180px;
}
.content-block.half-margin {
margin-bottom: 72px;
}
.side-features-grid {
grid-column-gap: 108px;
grid-row-gap: 0px;
grid-template-rows: auto;
place-items: center;
}
.side-features-grid.align-top {
align-items: start;
}
.dialogs-wrapper {
flex-direction: column;
align-items: flex-start;
max-width: 90%;
margin-left: auto;
margin-right: auto;
}
.dialog-step {
margin-bottom: 36px;
}
.dialog-step.first {
width: 60%;
}
.dialog-step.second {
width: 70%;
}
.dialog-step-wrapper {
justify-content: flex-start;
display: flex;
}
.dialog-step-wrapper.second {
justify-content: flex-end;
}
.content-divider {
background-color: #b9b9b966;
width: 100%;
height: 1px;
margin-top: 144px;
margin-bottom: 144px;
}
.quote-text {
letter-spacing: -.03em;
font-size: 80px;
font-weight: 400;
line-height: 100%;
}
.quote-text._2 {
line-height: 97%;
}
.quote-author {
justify-content: flex-start;
align-items: center;
margin-top: 36px;
display: flex;
}
.quote-author._2.pic {
margin-top: 32px;
}
.quote-author._2 {
margin-top: 40px;
}
.quote-author-photo {
border-radius: 100%;
flex: none;
width: 84px;
height: 84px;
margin-right: 24px;
overflow: hidden;
}
.quote-author-photo.pik {
width: 78px;
height: 78px;
}
.quote-author-text {
color: #333037;
font-size: 18px;
line-height: 145%;
display: inline-block;
}
.quote-author-text.small {
font-size: 16px;
line-height: 135%;
}
.quote-author-text.pic {
font-size: 16px;
line-height: 150%;
}
.quote-author-text.text-20px-135 {
font-size: 20px;
line-height: 135%;
}
.quote-author-info {
color: var(--silver);
flex-direction: column;
align-items: flex-start;
max-width: 300px;
font-size: 16px;
line-height: 150%;
display: flex;
}
.quote-author-info.full-width-info {
max-width: none;
}
.quote-author-name, .quote-author-position {
opacity: .5;
}
.alternate-sections._12storeez {
background-color: #f4f2f0;
border-radius: 60px;
}
.alternate-sections.cc-white-bg._2 {
z-index: 2;
background-color: #efeff5;
border-bottom-right-radius: 60px;
border-bottom-left-radius: 60px;
position: relative;
}
.alternate-sections.cc-white-bg {
background-color: #fff;
}
.screen-box {
background-color: #fff;
border: 16px solid #fff;
border-radius: 20px;
box-shadow: 0 0 8px #00000012;
}
.screen-box-img {
object-fit: cover;
border-radius: 6px;
width: 100%;
}
.uneven-columns {
justify-content: space-between;
margin-bottom: 72px;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
.uneven-columns.normal-paddings {
padding-left: 0;
padding-right: 0;
}
.uneven-columns.mb0 {
margin-bottom: 0;
}
.uneven-column-left {
width: 36%;
}
.uneven-column-right {
width: 60%;
}
.check-list-rich-text {
font-size: 16px;
line-height: 150%;
}
.check-list-rich-text ul {
margin-bottom: 0;
padding-left: 0;
}
.check-list-rich-text li {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/60a77ac6354cd815a3fc8885_check-tick.svg");
background-position: 0 6px;
background-repeat: no-repeat;
background-size: auto;
margin-bottom: 18px;
padding-left: 36px;
list-style-type: none;
}
.screen-mosaic-card {
border-radius: 10px;
width: 50%;
margin-bottom: 30px;
overflow: visible;
box-shadow: 0 0 8px #00000012;
}
.screen-mosaic-card.no-shadow {
box-shadow: none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.screen-moscaic-img {
object-fit: cover;
object-position: 50% 0%;
width: 100%;
height: 100%;
}
.screens-mosaic-wrapper {
position: relative;
}
.screens-mosaic-bottom-gradient {
z-index: 1;
background-image: linear-gradient(#fff0, #f5f5f5 25%, #f5f5f5);
width: 110%;
max-width: 110%;
height: 269px;
margin-left: -5%;
position: absolute;
inset: auto 0% 0;
}
.screens-mosaic-bottom-gradient.beststoks {
background-image: linear-gradient(#fff0, #dbe1f2 25%, #dbe1f2);
}
.check-list-rich-text-dark {
font-size: 16px;
line-height: 150%;
}
.check-list-rich-text-dark ul {
margin-bottom: 0;
padding-left: 0;
}
.check-list-rich-text-dark li {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/60a782dfae0db9ff094d3144_check-tick-dark.svg");
background-position: 0 6px;
background-repeat: no-repeat;
background-size: auto;
margin-bottom: 18px;
padding-left: 36px;
list-style-type: none;
}
.photo-descrption {
text-align: center;
max-width: 70%;
margin-top: 32px;
margin-left: auto;
margin-right: auto;
}
.small-quote {
width: 100%;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.small-quote.mw-710 {
max-width: 710px;
}
.small-quote.mw-735 {
max-width: 735px;
}
.small-quote-text {
letter-spacing: -.02em;
font-size: 28px;
line-height: 145%;
}
.small-quote-text.results-text {
max-width: 40ch;
line-height: 145%;
}
.small-quote-author {
align-items: center;
margin-top: 36px;
display: flex;
}
.small-quote-author.spleet {
justify-content: space-between;
align-items: center;
margin-top: 30px;
}
.small-quote-author.pvz, .small-quote-author.mt-30 {
margin-top: 30px;
}
.small-quote-author-photo {
border-radius: 100%;
flex: none;
width: 84px;
height: 84px;
margin-right: 24px;
overflow: hidden;
}
.small-quote-author-img {
object-fit: cover;
width: 100%;
height: 100%;
}
.small-quote-author-img.voice-client {
transform: translate(2px, 22px)scale(1.6);
}
.project-participants-grid {
grid-column-gap: 174px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 280px 280px;
max-width: 702px;
margin-left: auto;
margin-right: auto;
}
.project-participants-grid.team {
grid-column-gap: 119px;
grid-row-gap: 52px;
}
.project-participants-grid.team.yad {
margin-top: 0;
}
.project-participants-grid.team._2 {
grid-column-gap: 52px;
grid-row-gap: 52px;
max-width: 680px;
}
.project-participants-grid.team.cp-team {
grid-column-gap: 50px;
grid-row-gap: 52px;
grid-template-rows: auto;
grid-template-columns: auto auto;
width: 100%;
max-width: 698px;
}
.project-participants-grid.team.yangoo-team {
grid-column-gap: 50px;
grid-row-gap: 90px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
width: 100%;
max-width: 650px;
}
.project-participants-grid.team.best-app_team, .project-participants-grid.team.zindi-team {
grid-column-gap: 50px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
width: 100%;
max-width: 650px;
}
.project-participants-grid.team.druffle-c_team {
grid-column-gap: 50px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
width: 100%;
max-width: 697px;
margin-top: 35px;
margin-left: 0;
margin-right: 0;
}
.project-participants-grid.is-882 {
max-width: 882px;
}
.project-participants-grid.is-avito-job {
grid-column-gap: 174px;
grid-row-gap: 72px;
max-width: 882px;
}
.rich-text-with-plain-h3 {
font-size: 16px;
line-height: 150%;
}
.rich-text-with-plain-h3 h3 {
color: #858585;
margin-bottom: 0;
font-size: 24px;
line-height: 133%;
}
.rich-text-with-plain-h3 p {
margin-bottom: 0;
}
.rich-text-with-plain-h3.is-28 {
font-size: 28px;
font-weight: 400;
line-height: 133%;
}
.rich-text-with-plain-h3.is-28.is-new {
font-size: 28px;
}
.rich-text-with-plain-h3.cc-24 {
font-size: 24px;
line-height: 133%;
}
.grey-arrow-span {
opacity: .2;
}
.feature-box-heading-wrapper {
justify-content: center;
align-items: center;
height: 44px;
margin-bottom: 18px;
margin-left: -20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: relative;
}
.heading-highlight-img {
z-index: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.team-grid-gradient {
z-index: 5;
background-image: linear-gradient(to bottom, #33303700, var(--almost-black));
width: 100%;
height: 35%;
position: absolute;
inset: auto 0% -20px;
}
.team-grid-wrapper {
position: relative;
}
.mobile-video-elements-img {
display: none;
}
.photo-mosaic-wrapper {
position: relative;
}
.photo-mosaic-gradient {
z-index: 5;
background-image: linear-gradient(to bottom, #33303700, var(--almost-black) 92%);
width: 100%;
height: 400px;
position: absolute;
inset: auto 0% 30px;
}
.highlight {
display: inline-block;
}
.highlight.grey.rotatedsquare {
letter-spacing: -.02em;
justify-content: center;
align-items: center;
width: 121px;
height: 121px;
margin-right: 36px;
font-size: 80px;
line-height: 145%;
display: flex;
}
.highlight.fiol.is-black-span, .highlight.res-orange.is-black-span {
color: var(--white);
}
.highlight.yell {
background-color: #f0e5d8;
border-radius: 100px;
width: 240px;
padding-bottom: 4px;
}
.highlight.lt_beige {
background-color: #f0e5d8;
flex-direction: column;
align-items: center;
}
.highlight.is-green {
background-color: #e2eddb;
border-radius: 23px;
margin-bottom: -10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
}
.highlight.is-blue {
background-color: #ddeaf3;
border-radius: 80px;
margin-bottom: -10px;
padding-bottom: 10px;
padding-left: 25px;
padding-right: 25px;
}
.photo-card-wrapper {
padding-left: 15px;
padding-right: 15px;
}
.text-block {
display: inline-block;
}
.text-block.p-16-24 {
line-height: 24px;
}
.case-row-filters {
position: absolute;
inset: 0% 0% auto auto;
}
.case-cell-text.no-wrap-text {
white-space: nowrap;
}
.case-cell-text.p-16-24 {
line-height: 24px;
}
.brand-svg.mobile {
display: none;
}
.case-icon {
width: 100px;
height: 100px;
}
.case-icon-img {
width: 100%;
height: 100%;
}
.circle-content {
width: 75%;
max-width: 300px;
position: absolute;
}
.circles-static-img {
width: 100%;
}
.circles-static-img.mobile {
display: none;
}
.case-image {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.case-image.with-paddings {
padding-top: 100px;
padding-bottom: 100px;
}
.case-img {
object-fit: contain;
width: 100%;
height: 100%;
}
.case-img.mw440 {
max-width: 440px;
padding-top: 80px;
padding-bottom: 80px;
}
.case-img.mobile-only {
display: none;
}
.case-description-wrapper {
max-width: 65%;
margin-top: 90px;
margin-left: auto;
margin-right: auto;
}
.case-description-wrapper.before-content-block {
margin-top: 0;
margin-bottom: 90px;
}
.case-description-wrapper.before-content-block._12storeez-negative-margin {
margin-top: -180px;
}
.case-content-block {
margin-bottom: 144px;
}
.case-content-block.last {
margin-bottom: 0;
}
.two-photos-grid {
grid-column-gap: 24px;
grid-template-rows: auto;
}
.two-photo-box {
text-align: center;
}
.two-photo-image {
min-height: 356px;
margin-bottom: 20px;
padding-bottom: 77%;
position: relative;
}
.two-photo-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.grid-box {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.grid-box.top-padding {
padding-top: 60px;
}
.grid-box.top-padding.smaller {
padding-top: 30px;
}
.grid-box.with-image.align-right {
align-items: flex-end;
}
.grid-box.with-image.align-left {
align-items: flex-start;
}
.grid-box.justify-center {
justify-content: center;
}
.grid-box-img {
width: 100%;
}
.grid-box-img.phone-img {
max-width: 440px;
}
.grid-box-content {
width: 100%;
}
.box-intro {
margin-bottom: 24px;
}
.huge-number {
color: #fff;
font-size: 40vw;
line-height: 100%;
}
.case-link-wrapper {
border-bottom: 1px solid var(--silver);
color: var(--almost-black);
display: flex;
}
.case-link-wrapper.mobile-only {
display: none;
}
.case-link-text {
display: inline;
}
.case-link-text.arrow {
color: var(--silver);
display: inline-block;
}
.case-link-text.link-itself {
white-space: nowrap;
max-width: 15ch;
display: inline-block;
overflow: hidden;
}
.case-link-text.in-res {
border-radius: 90px;
margin-top: -1px;
margin-left: -8px;
padding: 1px 9px 1px 8px;
display: block;
}
.case-link-text.in-res.p-24-29.m-yes.p-16-24 {
font-size: 16px;
line-height: 24px;
display: none;
}
.case-link-text.in-res.p-16-24 {
line-height: 24px;
}
.case-cell-mobile-only-block {
display: none;
}
.white-sections {
z-index: 1;
background-color: #fff;
position: relative;
}
.white-sections.videos-block {
z-index: 2;
border-radius: 60px;
margin-bottom: -60px;
padding-bottom: 160px;
position: relative;
}
.white-sections.res {
padding-top: 60px;
}
.white-sections.videos-block-yz {
z-index: 2;
border-radius: 60px;
padding-bottom: 220px;
position: relative;
}
.white-sections.videos-block-yz2 {
z-index: 2;
border-radius: 60px;
margin-top: -60px;
padding-bottom: 220px;
position: relative;
}
.white-sections.br-60 {
border-radius: 60px;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 100%;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.heading {
width: 100%;
}
.div-block {
padding-top: 23px;
}
.span-highlight {
background-color: #faeee9;
}
.case-hero-half-image-wrapper {
display: none;
}
.case-hero-half-image-wrapper._12storeez {
z-index: 5;
flex-direction: column;
align-items: flex-end;
width: 50%;
height: 100%;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.case-hero-half-img {
object-fit: cover;
height: 100%;
}
.case-hero-half-img.show-1920 {
display: none;
}
.footer-cases-grid {
grid-column-gap: 28px;
grid-row-gap: 30px;
}
.case-card-short {
background-color: #9884b7;
border-radius: 20px;
min-height: 200px;
padding: 36px 40px;
}
.case-card-short._12 {
background-color: #f0e5d9;
}
.case-card-short._12.db {
background-color: #e8e8e8;
}
.case-card-short._12.yb {
background-color: #9884b7;
}
.case-card-short._12.bs {
background-color: #eceff5;
}
.case-card-short-header {
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex;
}
.mockups-grid {
grid-column-gap: 67px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr 1fr;
}
.mockups-grid.p130-47 {
grid-column-gap: 130px;
grid-row-gap: 47px;
}
.mockup-box-img {
object-fit: contain;
width: 100%;
height: 100%;
}
.mockup-margin {
height: 50px;
}
.case-number {
width: 62px;
height: 62px;
margin-bottom: 26px;
}
.case-number-img {
object-fit: contain;
width: 100%;
height: 100%;
}
.no-wrap {
white-space: nowrap;
}
.long-screen-image {
width: 416px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.long-screen-img._12storeez-shadow {
box-shadow: 0 13px 60px #c5a99521;
}
.factoid-box {
text-align: center;
width: 100%;
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
.factoid-text {
letter-spacing: -.06em;
font-size: 106px;
line-height: 100%;
}
.factoid-description {
width: 100%;
margin-top: 30px;
}
.rounded-wrapper {
background-color: #f2f0ee;
border-radius: 60px;
padding: 150px 60px 118px;
}
.case-photo-wrapper {
border-radius: 60px;
}
.case-photo-wrapper.mt {
margin-top: 44px;
}
.long-screen-description-box {
color: #eae0db;
letter-spacing: -.02em;
max-width: 380px;
padding-left: 70px;
position: absolute;
inset: 0% 0% auto auto;
transform: translate(100%);
}
.long-screen-description-box.r1 {
margin-top: 180px;
}
.long-screen-description-box.r2 {
margin-top: 532px;
}
.long-screen-description-box.r3 {
margin-top: 1132px;
}
.long-screen-description-box.r4 {
margin-top: 1935px;
}
.long-screen-description-box.opposite {
padding-left: 0;
padding-right: 70px;
inset: 0% auto auto 0%;
transform: translate(-100%);
}
.long-screen-description-box.opposite.l1 {
margin-top: 440px;
}
.long-screen-description-box.opposite.l2 {
margin-top: 971px;
}
.long-screen-description-box.opposite.l3 {
margin-top: 1506px;
}
.long-screen-description-box.opposite.l4 {
margin-top: 2304px;
}
.long-case-description-line-img {
height: 160px;
margin-top: 10px;
position: relative;
inset: auto auto 0% 0%;
transform: translate(-50%);
}
.long-case-description-line-img.smaller {
margin-left: -100px;
}
.long-case-description-line-img.opposite {
transform: translate(100%);
}
.long-case-description-line-img.opposite.smaller {
margin-left: -20px;
}
.long-screen-mobile-trigger {
display: none;
}
.mb-scroll-screenshots {
flex-direction: row;
justify-content: center;
align-items: center;
min-height: 860px;
display: flex;
position: relative;
}
.mb-scroll-screenshot-img {
z-index: 1;
position: absolute;
}
.mb-scroll-screenshot-img.b1 {
width: 100%;
max-width: 417px;
margin-left: -18px;
position: absolute;
top: 0;
}
.mb-scroll-screenshot-img.c1 {
position: absolute;
inset: 0% 54px auto auto;
}
.mb-scroll-screenshot-img.c3 {
margin-bottom: 16px;
position: absolute;
inset: auto 0 0% auto;
}
.mb-scroll-screenshot-img.a1 {
position: absolute;
inset: 0% auto auto 0%;
}
.mb-scroll-screenshot-img.b2 {
z-index: -1;
margin-bottom: -24px;
margin-left: -24px;
position: absolute;
}
.mb-scroll-screenshot-img.b3 {
margin-bottom: -42px;
margin-left: -34px;
bottom: 0;
}
.tchk {
margin-left: 5px;
margin-right: 5px;
}
.cms-jobs {
flex: none;
width: 100%;
max-width: 960px;
margin-bottom: 200px;
}
.cms-jobs.team {
flex-direction: column;
max-width: 820px;
margin-top: 5vh;
margin-bottom: 0;
display: flex;
}
.jobs-ul {
width: 100%;
}
.jobs-li {
border-bottom: 1px solid #b9b9b966;
width: 100%;
transition: background-color .3s, border-color .3s;
}
.jobs-li.active {
background-color: #201f22;
border-bottom-color: #201f22;
border-radius: 12px;
}
.jobs-li.non-active {
border-bottom-color: #0000;
border-radius: 12px;
}
.jobs-li.wht-li.active {
background-color: var(--white);
border-bottom-color: #0000;
border-radius: 10px;
}
.job-a {
z-index: 1;
text-align: left;
letter-spacing: -.03px;
border-radius: 12px;
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: -2px;
padding: 20px 40px 34px;
font-size: 50px;
line-height: 108%;
transition: all .3s, opacity .3s;
display: flex;
position: relative;
}
.job-a:hover {
background-color: var(--white);
}
.job-a.is-white-text {
color: var(--white);
}
.job-a.is-white-text:hover {
color: var(--almost-black);
}
.job-a.job-itm {
color: var(--almost-black);
border-radius: 0;
height: 150px;
padding-top: 2.2vh;
padding-bottom: 3.2vh;
}
.line {
z-index: 1;
background-color: #b9b9b966;
width: auto;
height: 2px;
margin-left: 40px;
margin-right: 40px;
position: relative;
}
.span-arrow {
color: #0006;
width: 50px;
}
.span-arrow.white {
color: #fff;
}
.text-block-2 {
letter-spacing: -.03em;
font-weight: 400;
}
.filters {
justify-content: center;
align-items: center;
margin-top: 111px;
margin-bottom: 110px;
display: flex;
}
.filter-button {
border-radius: 40px;
flex: none;
justify-content: center;
align-items: center;
margin-left: 5px;
margin-right: 5px;
padding: 12px 20px;
line-height: 27px;
display: flex;
}
.filter-text {
display: flex;
}
.filterfer {
flex-direction: column;
align-items: flex-start;
display: none;
}
.body.white-body {
background-color: var(--white);
}
.body.reserch-body {
color: var(--dark-slate-grey);
}
.body.check-team_body {
color: #333037;
}
.h2-cases-18-54 {
color: var(--dark-grey);
max-width: 1284px;
margin-left: auto;
margin-right: auto;
padding-left: 58px;
padding-right: 58px;
font-size: 18px;
line-height: 300%;
}
.colors-line {
justify-content: center;
align-items: center;
margin-top: 220px;
padding-left: 80px;
display: flex;
}
.colors-line.cp-colors-line {
margin-top: 140px;
}
.colors-line.zindi-colors {
margin-top: 60px;
}
.color-round {
background-color: var(--almost-black);
background-image: radial-gradient(circle, #000, #fff);
border-radius: 50%;
flex: none;
width: 209px;
height: 209px;
margin-left: -80px;
}
.color-round.ya-color-1 {
background-color: #dcf3de;
background-image: none;
}
.color-round.ya-color-2 {
background-color: #81899a;
background-image: none;
}
.color-round.ya-color-3 {
background-color: #323555;
background-image: none;
}
.color-round.ya-color-4 {
background-color: #e8e8ff;
background-image: none;
}
.color-round.ya-color-5 {
background-color: #6951ff;
background-image: none;
}
.color-round.yz-color-5 {
background-color: #313e4a;
background-image: none;
}
.color-round.yz-color-4 {
background-color: #86bdf5;
background-image: none;
}
.color-round.yz-color-3 {
background-color: #198cff;
background-image: none;
}
.color-round.yz-color-2 {
background-color: #c4dffa;
background-image: none;
}
.color-round.yz-color-1 {
background-color: #eaecf0;
background-image: none;
}
.fonts-line {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 220px;
display: flex;
}
.img-font {
min-height: 54px;
margin-top: 15px;
margin-bottom: 15px;
}
.iconts-line {
flex-flow: wrap;
place-content: center;
align-items: center;
max-width: 1000px;
margin-top: 192px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.iconts-line.yz-icons-line {
max-width: 720px;
margin-top: 180px;
}
.img-icons {
flex: none;
width: 38px;
margin: 28px 27.5px;
}
.img-icons.yz-icon {
width: 80px;
margin: 40px 32px;
}
.img-buttons {
margin-bottom: 16px;
margin-left: 8px;
margin-right: 8px;
}
.img-buttons.no-pc {
display: none;
}
.div-block-2 {
justify-content: center;
align-items: center;
max-width: 1003px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.div-block-2._2 {
margin-bottom: 197px;
}
.div-block-2._2.last-img {
margin-bottom: 0;
}
.div-block-2._2.no-shdows {
max-width: 1196px;
}
.div-block-2._2.no-shdows.details {
justify-content: flex-start;
max-width: 1004px;
margin-left: auto;
margin-right: auto;
}
.div-block-2._3 {
margin-top: 108px;
margin-bottom: 0;
}
.div-block-2.cc-pad-bootm-2 {
margin-bottom: 266px;
}
.div-block-2.worktime {
margin-bottom: 145px;
}
.div-block-2._5 {
margin-bottom: 197px;
}
.div-block-2._5.mob-otst {
margin-bottom: 110px;
}
.div-block-2._3, .div-block-2._6 {
margin-bottom: 197px;
}
.div-block-2._6.mob-otst {
margin-bottom: 140px;
}
.div-block-2._7 {
margin-bottom: 197px;
}
.photo-img-abs {
object-fit: cover;
width: 100%;
height: 100%;
}
.photo-img-abs.shadows-2._2.ya-biz {
box-shadow: 0 16px 24px #00000029;
}
.photo-img-abs.shadows-2._3.sds {
max-width: 288px;
bottom: -132px;
box-shadow: 0 16px 24px #1b49c90d;
}
.photo-img-abs.shadows-2._3.sds.ix-parallax2 {
border-style: none;
}
.photo-img-abs.shadows-2._3.ix-parallax {
border-style: none;
max-width: 612px;
bottom: -178px;
right: -60px;
}
.photo-img-abs.shadows-2._3.ybs {
box-shadow: 0 17px 24px #00000029;
}
.photo-img-abs.shadows-2.ya-biz {
box-shadow: 0 16px 24px #00000029;
}
.photo-img-abs.shadows-2 {
object-fit: fill;
border-radius: 16px;
flex: none;
width: auto;
max-width: 447px;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
inset: auto -80px -75px auto;
box-shadow: 0 16px 24px #1b49c90d;
}
.photo-img-abs.shadows-2._2 {
max-width: 500px;
inset: auto auto -197px -75px;
}
.photo-img-abs.shadows-2._2.graphcircle {
max-width: 224px;
bottom: -50px;
box-shadow: 0 16px 24px #1b49c90d;
}
.photo-img-abs.shadows-2._2.graphcircle.ix-parallax2 {
border-style: none;
}
.photo-img-abs.shadows-2._2._1.ix-parallax2 {
border-style: none;
width: 100%;
}
.photo-img-abs.shadows-2._3 {
max-width: 458px;
top: auto;
bottom: -142px;
}
.photo-img-abs.shadows-2._4 {
border-radius: 0;
max-width: 736px;
top: -108px;
bottom: auto;
right: -66px;
}
.photo-img-abs.shadows-2._4.ix-parallax {
border-style: none;
}
.photo-img-abs.shadows-2.cmcsa {
max-width: 376px;
top: 88px;
bottom: auto;
right: -76px;
}
.photo-img-abs.shadows-2.cmcsa.ix-parallax {
border-style: none;
}
.photo-img-abs.shadows-2.swgay {
max-width: 328px;
top: -76px;
bottom: auto;
right: 47px;
}
.photo-img-abs.shadows-2.swgay.ix-parallax {
border-style: none;
}
.photo-img-abs.shadows-2.no-account {
max-width: 835px;
top: 84px;
bottom: auto;
right: -39px;
}
.photo-img-abs.shadows-2.no-account.ix-parallax {
border-style: none;
}
.photo-img-abs.shadows-2.spec.ix-parallax {
border-style: none;
width: 100%;
}
.photo-img-abs.shadows-2.yourportfel {
max-width: 451px;
top: 82px;
bottom: auto;
right: 0;
}
.photo-img-abs.shadows-2.yourportfel.ix-parallax2 {
border-style: none;
border-radius: 0;
}
.photo-img-abs.shadows-2._5 {
max-width: 312px;
top: auto;
bottom: -110px;
box-shadow: 0 -16px 24px #25124405;
}
.photo-img-abs.shadows-2._5.ix-parallax {
border-style: none;
}
.photo-img-abs.shadows-2._6 {
max-width: 396px;
top: auto;
bottom: -190px;
box-shadow: 0 -16px 24px #25124405;
}
.photo-img-abs.shadows-2._6.ix-parallax {
border-style: none;
}
.photo-img-abs.shadows-2._7 {
max-width: 342px;
top: auto;
bottom: -140px;
box-shadow: 0 -16px 24px #25124405;
}
.photo-img-abs.shadows-2._7.ix-parallax {
border-style: none;
}
.auto-video {
flex: none;
}
.auto-video.yandexbiz {
width: 378px;
height: 770px;
}
.auto-video.yandexbiz.hidden {
display: none;
}
.auto-video.yandex-zdor1 {
width: 378px;
height: 770px;
}
.auto-video.yandex-zdor1.hidden {
display: none;
}
.grey-quote {
background-color: #f8f8f9;
border-radius: 16px;
width: 100%;
max-width: 944px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 48px 64px 37px 50px;
}
.grey-quote.fw {
max-width: 100%;
}
.spleet {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.spleet.mob-no-spleet.bst-tm {
flex-direction: column;
align-items: center;
margin-left: auto;
margin-right: auto;
}
.spleet.mob-no-spleet.keya-ya-tm {
flex-direction: column;
align-items: center;
}
.spleet.mob-no-spleet.cc-white {
color: var(--light-silver);
}
.spleet.team-splt {
flex-direction: column;
align-items: center;
}
.horizontal-scrolls {
justify-content: center;
align-items: flex-start;
margin-top: 176px;
display: flex;
}
.beststoks-cards {
background-color: #051836;
border-radius: 16px;
flex: none;
justify-content: center;
align-items: center;
width: 486px;
height: 302px;
margin-top: 88px;
margin-left: 15px;
margin-right: 15px;
display: flex;
position: relative;
}
.beststoks-cards._2 {
background-color: #fff;
margin-top: 88px;
}
.beststoks-cards._2.whitecard {
margin-top: 0;
}
.abs-text {
color: #fff6;
letter-spacing: -.03em;
font-size: 18px;
line-height: 111%;
position: absolute;
top: 20px;
left: 20px;
}
.abs-text._2 {
color: #b0b0b0;
}
.tab-link {
color: #3330374d;
text-align: center;
letter-spacing: -.02em;
background-color: #0000;
flex: none;
width: auto;
padding: 0 16px;
font-size: 16px;
line-height: 145%;
transition: color .2s, opacity .2s;
}
.tab-link.w--current {
opacity: 1;
color: #333037;
background-color: #0000;
}
.tabsmenus {
flex-direction: row-reverse;
justify-content: center;
align-items: center;
margin-bottom: 58px;
padding-bottom: 0;
display: flex;
}
.tabs {
flex-direction: column;
align-items: center;
padding-left: 77px;
padding-right: 77px;
display: flex;
}
.tabscontent {
flex: none;
width: 100%;
padding-bottom: 200px;
}
.img {
margin-left: auto;
margin-right: auto;
display: block;
}
.img.old-img {
border-radius: 16px;
width: 100%;
max-width: 1000px;
box-shadow: 0 16px 24px #1b49c90d;
}
.img.new-img {
box-shadow: none;
border-radius: 16px;
width: 100%;
max-width: 1202px;
}
.results {
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-4 {
background-color: #dd0909;
flex-direction: column;
align-items: center;
width: 500px;
min-height: 500px;
padding: 20px;
display: flex;
}
.sec-color-rad {
color: var(--light-silver);
background-color: #5747a0;
border-radius: 50px;
flex-direction: column;
width: 100%;
min-height: 500px;
padding: 20px;
display: flex;
}
.section-textos {
border: 1px solid var(--light-silver);
justify-content: center;
align-items: center;
min-height: 200px;
display: flex;
}
.italic-text {
font-style: normal;
}
.h1 {
width: 501px;
font-size: 68px;
line-height: 106%;
}
.h1.full-width-h1 {
text-align: center;
width: auto;
}
.h1.mediun-h1 {
text-align: center;
letter-spacing: -.02em;
width: auto;
font-size: 70px;
line-height: 101%;
}
.h1.piks {
width: 100%;
max-width: 529px;
}
.h1.cp-h1 {
width: 350px;
}
.h1.cy-h1 {
width: 513px;
}
.h1.maroo-head-title {
width: 530px;
}
.h1._100px-h1 {
letter-spacing: -.04em;
width: auto;
font-size: 100px;
line-height: 100%;
}
.h1._100px-h1.check-team-head {
margin-top: -20px;
line-height: 90%;
}
.h1.avito-h1 {
text-align: center;
width: auto;
font-size: 70px;
line-height: 100%;
}
.h1.stranan-h1 {
text-align: center;
width: auto;
min-width: 920px;
max-width: 920px;
font-size: 70px;
line-height: 100%;
}
.fonts-grid {
grid-column-gap: 74px;
grid-row-gap: 43px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-image {
width: 425px;
}
.grid-image._3 {
width: 403px;
}
.tab-text {
padding-top: 14px;
padding-bottom: 14px;
font-size: 18px;
line-height: 100%;
}
.italic-text-2 {
font-style: normal;
}
.ix-parallax {
border: 7px solid #2c0fcc;
min-width: 30px;
min-height: 30px;
}
.ix-parallax2 {
border: 7px solid #923131;
min-width: 30px;
min-height: 30px;
}
.team-info {
font-size: 18px;
line-height: 145%;
}
.team-info.pic {
font-size: 28px;
line-height: 129%;
}
.team-info.cp-team-info {
font-size: 28px;
line-height: 128%;
}
.team-info.m-tteam-info {
font-size: 24px;
line-height: 150%;
}
.team-info.yango-team-info {
color: var(--black);
font-size: 28px;
line-height: 128%;
}
.team-position {
color: #7f7f7f;
font-style: normal;
}
.text-block-3, .text-block-4, .text-block-5 {
color: var(--almost-black);
}
.subtitle-rich-text {
letter-spacing: -.02em;
background-color: #0000;
font-size: 28px;
line-height: 128%;
}
.subtitle-rich-text p {
margin-bottom: 0;
}
.subtitle-rich-text ul {
padding-left: 28px;
}
.font-image {
margin-top: 15px;
margin-bottom: 15px;
}
.image-block {
align-items: center;
max-width: 1003px;
margin-left: auto;
margin-right: auto;
padding-top: 90px;
padding-bottom: 90px;
display: flex;
position: relative;
}
.div-block-5 {
width: 79%;
}
.img-column {
grid-column-gap: 16px;
grid-row-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 41%;
display: grid;
position: absolute;
inset: auto 0% auto auto;
}
.image-block2 {
justify-content: center;
align-items: center;
max-width: 1019px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: hidden;
}
.image-wrap {
width: 53%;
}
.ab-photo-img-1 {
object-fit: cover;
width: 30%;
position: absolute;
inset: 5% -2.5% auto auto;
}
.ab-photo-img-2 {
object-fit: cover;
width: 10%;
position: absolute;
inset: 35% 13% auto auto;
}
.ab-photo-img-3 {
object-fit: cover;
width: 5%;
position: absolute;
inset: 47% 7% auto auto;
}
.ab-photo-img-3.ab-shad {
box-shadow: none;
width: 8%;
}
.static-case-image-wrapper {
z-index: 0;
justify-content: flex-end;
width: 1082px;
height: 100%;
margin-top: 70px;
display: flex;
position: relative;
}
.static-case-image-wrapper.avito-hero-img-wrapper, .static-case-image-wrapper.countrydev-hero-img-wrapper {
width: 1180px;
}
.yz-hero-decor-img1 {
width: 25%;
position: absolute;
inset: 0% 1% auto auto;
}
.yz-hero-decor-img2 {
width: 11%;
max-width: 139px;
position: absolute;
inset: 27.5% 6% auto auto;
}
.yz-hero-decor-img3 {
width: 23%;
position: absolute;
inset: 42.5% -6% auto auto;
}
.yz-hero-decor-img4 {
width: 21%;
position: absolute;
inset: 32% auto auto -13%;
}
.yz-hero-decor-img5 {
width: 38%;
position: absolute;
inset: 13% auto auto 1%;
}
.yz-hero-decor-img6 {
width: 9%;
max-width: 115px;
position: absolute;
inset: 2% auto auto 10%;
}
.ab-photo-img-4 {
object-fit: cover;
width: 14%;
position: absolute;
inset: 51% auto auto 7%;
}
.ab-photo-img-5 {
object-fit: cover;
width: 35%;
position: absolute;
inset: 31% auto auto -2.5%;
}
.ab-photo-img-6 {
object-fit: cover;
width: 6%;
position: absolute;
inset: 18% auto auto 22%;
}
.ab-photo-img-6.ab-shad {
box-shadow: none;
width: 12%;
top: 12%;
left: 16%;
}
.subheading-wrap {
margin-top: 70px;
}
.subheading-wrap.is-centered {
max-width: 730px;
margin-top: 35px;
margin-left: auto;
margin-right: auto;
}
.hero-subheading-text {
font-size: 28px;
line-height: 129%;
}
.research-hero-core {
flex-direction: column;
align-items: center;
max-width: 765px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.ah-image1 {
width: 25%;
margin-right: 28px;
position: absolute;
inset: 82px 100% auto auto;
}
.image-contain {
width: 100%;
}
.image-contain.y-mob, .image-contain.only-mob-image {
display: none;
}
.ah-image2 {
width: 23%;
margin-left: 28px;
position: absolute;
inset: 75px auto auto 100%;
transform: rotate(-3.71deg);
}
.h2 {
letter-spacing: -.03em;
font-size: 70px;
line-height: 101%;
}
.h2.is-white-40 {
color: #fff6;
}
.h2.is-inline-text {
display: inline;
}
.h2.small-on-mob.is-inline-text {
letter-spacing: -.02em;
position: relative;
}
.h2.h-80 {
margin-bottom: 25px;
font-size: 80px;
line-height: 100%;
}
.h2.h-80.cp-h2 {
text-align: center;
margin-bottom: 60px;
}
.h2.h-80.cp-h2.mb-40 {
margin-bottom: 40px;
}
.h2.h-80.cp-h2.mb-50 {
margin-bottom: 50px;
}
.h2.h-80.cp-h2.mb-40-ya {
margin-bottom: 40px;
}
.h2.h-80.cp-h2.mob-align-left {
-webkit-text-stroke-color: var(--almost-black);
}
.h2.h-80.non-mrg {
margin-bottom: 0;
}
.h2.h-80.z-h2, .h2.h-80.z-h2-881 {
text-align: center;
max-width: 881px;
margin-bottom: 40px;
}
.h2.h-80.z-h2-881.non-mrg {
margin-bottom: 0;
}
.h2.h-80.z-h2_90 {
text-align: center;
max-width: 881px;
margin-bottom: 90px;
}
.h2.h-80.cp-h2-z {
text-align: center;
margin-bottom: 60px;
}
.h2.h-80.z-h2-881-30 {
text-align: center;
max-width: 881px;
margin-bottom: 40px;
}
.h2.h-80.z-h2_cases {
text-align: center;
max-width: 881px;
}
.h2.h-80.yt-h2 {
text-align: center;
margin-bottom: 60px;
}
.h2.h-80.milab {
color: var(--white);
text-align: center;
margin-bottom: 60px;
}
.h2.h-80.mb-40 {
color: var(--white);
text-align: center;
margin-bottom: 40px;
}
.h2.h-80.milab-60 {
color: var(--white);
text-align: center;
margin-bottom: 60px;
}
.h2.h-80.milab-40_small {
color: var(--white);
text-align: center;
margin-bottom: 40px;
}
.h2.h-80.milab-60_team {
color: var(--white);
text-align: center;
margin-bottom: 60px;
}
.h2.h-80.voice_50 {
max-width: 890px;
margin-bottom: 50px;
}
.h2.h-80.voice_50.cent {
text-align: center;
}
.h2.h-80.is_white-txt.mb-60 {
margin-bottom: 60px;
}
.h2.h-80.voice-diz {
margin-bottom: 40px;
}
.h2.h-80.voice-diz.centr {
text-align: center;
}
.h2.h-80.voice-diz_centr {
text-align: center;
margin-bottom: 40px;
}
.h2.h-80.voice_40, .h2.h-80.pd-40 {
margin-bottom: 40px;
}
.h2.h-80.case-team_90 {
color: var(--white);
text-align: center;
margin-bottom: 90px;
}
.h2.h-80.ts_black-txt {
color: var(--black);
}
.h2.h-mrg-50 {
max-width: 881px;
margin-bottom: 50px;
font-size: 80px;
line-height: 100%;
}
.h2.form-heading {
letter-spacing: -.01em;
font-size: 56px;
}
.h2.cc-mob-341 {
max-width: 891px;
}
.h2.h2-zapusk {
z-index: 1;
text-align: center;
max-width: 891px;
position: relative;
}
.h2.h2-zapusk.mob {
display: none;
}
.research-cards-wrap {
flex-direction: row;
justify-content: center;
align-items: center;
max-width: 1208px;
height: 61.5vw;
margin-left: auto;
margin-right: auto;
padding-right: 3%;
display: flex;
position: relative;
inset: 0%;
}
.research-cards-wrap.new {
margin-top: 50px;
}
.research-card-1 {
color: #322f32;
background-color: #ddd7e9;
border-radius: 28.8px;
flex-direction: column;
justify-content: space-between;
width: 39vw;
height: 28vw;
margin-left: auto;
padding: 3.1vw 3.9vw 3.9vw;
display: flex;
position: absolute;
inset: 4% 52% auto auto;
transform: rotate(-7.64deg);
}
.research-card-1:hover {
z-index: 5;
}
.research-card-1.new {
z-index: 1;
background-color: #e0e0e0;
border-radius: 20px;
width: 31vw;
height: 17vw;
transition: all .35s cubic-bezier(.455, .03, .515, .955);
}
.research-card-1.new:hover {
z-index: 2;
}
.ac-title {
font-size: 3.5vw;
line-height: 100%;
}
.ac-tags-block {
flex-wrap: wrap;
align-items: flex-start;
display: flex;
}
.acc-tag {
color: #333037;
border: 1.44px solid #33303733;
border-radius: 25px;
margin-top: 7px;
margin-right: 5px;
padding: 4.4px 11.5px;
font-size: 1.8vw;
line-height: 100%;
}
.acc-tag.no-pr {
letter-spacing: -.02em;
margin-right: 0;
}
.research-card-2 {
color: #322f32;
background-color: #ddeaf3;
border-radius: 28.8px;
flex-direction: column;
justify-content: space-between;
width: 42vw;
height: 32vw;
padding: 3.1vw 3.9vw 3.9vw;
display: flex;
position: absolute;
inset: -3% 0% auto auto;
transform: rotate(7.07deg);
}
.research-card-2:hover {
z-index: 5;
}
.research-card-2.new {
z-index: 1;
background-color: #f6e1e1;
border-radius: 20px;
width: 31vw;
height: 17vw;
padding-right: 11vw;
transition: all .35s cubic-bezier(.455, .03, .515, .955);
right: 12%;
}
.research-card-2.new:hover {
z-index: 2;
}
.research-card-3 {
background-color: var(--white);
color: #322f32;
border-radius: 28.8px;
flex-direction: column;
justify-content: space-between;
width: 43vw;
height: 27vw;
padding: 3.1vw 3.9vw 3.9vw;
display: flex;
position: absolute;
bottom: 40%;
right: 10%;
transform: rotate(2.39deg);
}
.research-card-3:hover {
z-index: 5;
}
.research-card-3.new {
z-index: 1;
width: 31vw;
height: 17vw;
padding-right: 10vw;
transition: all .35s cubic-bezier(.455, .03, .515, .955);
bottom: 54%;
right: 31%;
}
.research-card-3.new:hover {
z-index: 2;
}
.research-card-4 {
color: #322f32;
background-color: #f6e2cc;
border-radius: 28.8px;
flex-direction: column;
justify-content: space-between;
width: 45vw;
height: 31vw;
padding: 3.1vw 3.9vw 3.9vw;
display: flex;
position: absolute;
inset: auto auto 0% 0%;
transform: rotate(4.64deg);
}
.research-card-4:hover {
z-index: 8;
}
.research-card-4.new {
z-index: 1;
width: 31vw;
height: 17vw;
transition: all .35s cubic-bezier(.455, .03, .515, .955);
bottom: 35%;
left: 6%;
transform: rotate(4.1deg);
}
.research-card-4.new:hover {
z-index: 2;
}
.research-card-5 {
color: #322f32;
background-color: #e2eddb;
border-radius: 28.8px;
flex-direction: column;
justify-content: space-between;
width: 39vw;
height: 24vw;
padding: 3.1vw 3.9vw 3.9vw;
display: flex;
position: absolute;
inset: auto 0% 5% auto;
transform: rotate(-2.72deg);
}
.research-card-5:hover {
z-index: 5;
}
.research-card-5.new {
z-index: 1;
border-radius: 20px;
width: 31vw;
height: 17vw;
transition: all .35s cubic-bezier(.455, .03, .515, .955);
bottom: 47%;
right: 3%;
transform: rotate(-8.86deg);
}
.research-card-5.new:hover {
z-index: 2;
}
.is-light-grey {
color: #24242466;
}
.methods-block {
width: 100%;
}
.methods-box {
background-color: var(--white);
border-radius: 20px;
flex-direction: column;
align-items: flex-start;
min-height: 187px;
margin-bottom: 40px;
padding: 40px 50px;
display: flex;
position: relative;
}
.methods-box.last-methods-box {
margin-bottom: 0;
}
.text-30px-120 {
font-size: 29.49px;
line-height: 120%;
}
.text-30px-120.mc-text {
opacity: .49;
width: 60%;
max-width: 578px;
}
.text-30px-120.ch-team-txt {
color: #8b8b8b;
width: 100%;
max-width: 578px;
font-size: 28px;
line-height: 129%;
}
.text-30px-100 {
font-size: 29.49px;
line-height: 100%;
}
.text-30px-100.mb8 {
margin-bottom: 8px;
}
.text-30px-100.ch-team-sub {
margin-bottom: 5px;
font-size: 28px;
line-height: 129%;
}
.method-image {
width: 299px;
position: absolute;
inset: auto 5% 0% auto;
}
.method-image.method-image2 {
width: 376px;
right: 5%;
}
.method-image.method-image3 {
width: 351px;
right: 5%;
}
.method-image.method-image4 {
width: 275px;
right: 5%;
}
.method-image.method-image5 {
width: 220px;
right: 10%;
}
.method-image.method-image6 {
width: 309px;
right: 5%;
}
.methods-box-wrap {
width: 100%;
}
.is-light-40-text {
opacity: .4;
}
.team-photo-in-text {
width: 66px;
height: 66px;
margin-top: -35px;
display: inline-block;
}
.result-text-icon {
z-index: 2;
width: 54px;
margin-top: -35px;
margin-left: 40px;
margin-right: 10px;
display: inline-block;
position: relative;
}
.result-text-icon.is-pdf-icon {
width: 44px;
margin-left: 40px;
margin-right: 10px;
}
.result-text-icon.is-miro-icon {
margin-top: -35px;
margin-left: 40px;
margin-right: 10px;
}
.result-row {
width: 100%;
margin-top: 150px;
}
.info-core {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.info-core.scroll-line {
flex-flow: row-reverse wrap-reverse;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.social-link {
color: var(--black);
border-radius: 67px;
flex-direction: column;
justify-content: center;
align-items: center;
height: 90px;
margin-bottom: 10px;
margin-right: 3px;
padding-left: 35px;
padding-right: 35px;
transition: background-color .2s, color .2s, opacity .2s;
display: flex;
}
.social-link.is-youtube {
background-color: #efe1e1;
display: none;
}
.social-link.is-behance_t {
background-color: #e1e8ef;
transition-duration: .3s, .3s, .3s;
display: none;
}
.social-link.is-behance_t:hover {
border-radius: 25px;
}
.social-link.is-telegram__t {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #e1edef;
flex: 0 auto;
justify-content: center;
align-items: center;
transition-duration: .3s, .3s, .3s;
display: flex;
}
.social-link.is-telegram__t:hover {
border-radius: 25px;
}
.social-link.is-agima {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #e1edef;
flex: none;
justify-content: center;
align-items: center;
padding-left: 12px;
padding-right: 12px;
transition-duration: .3s, .3s, .3s;
display: flex;
}
.social-link.is-agima:hover {
border-radius: 25px;
}
.social-image {
width: 55px;
}
.social-image.is-youtube {
object-fit: fill;
width: 72px;
max-width: 100%;
}
.social-wrap {
align-items: center;
margin-bottom: 13px;
display: flex;
}
.engage-wrap {
align-items: flex-end;
width: auto;
max-width: 369px;
padding-left: 0;
display: flex;
}
.p-24-29 {
letter-spacing: 0;
font-size: 24px;
font-weight: 400;
line-height: 121%;
}
.p-24-29.cc-medium {
font-weight: 500;
line-height: 100%;
}
.for-hil {
margin-top: 0;
margin-bottom: 0;
display: inline-block;
position: relative;
}
.flex-for-hi {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: absolute;
inset: 0% 0% 0% 20px;
}
.flex-for-hi._1, .flex-for-hi._2 {
display: flex;
}
.flex-for-hi._3 {
width: 100%;
display: flex;
left: 20px;
}
.div-block-6 {
display: none;
}
.nav-button-icon {
justify-content: center;
align-items: center;
width: 23.33px;
height: 19px;
margin-left: 11px;
display: flex;
}
.svg {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.nav-menu-2 {
z-index: 3;
align-items: center;
margin-bottom: -20px;
display: flex;
}
.navbar-2 {
opacity: 1;
background-color: #0000;
position: static;
}
.hero-image-1 {
width: 19%;
position: absolute;
inset: auto auto 65% 7%;
}
.hero-image-2 {
width: 18%;
position: absolute;
inset: auto 10% 60% auto;
transform: rotate(-3.71deg);
}
.main-hero-heading-wrapper {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.what-can-we-do-row {
width: 100%;
}
.wcwd-box {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
min-height: 260px;
padding-top: 44px;
padding-left: 31px;
padding-right: 31px;
display: flex;
}
.wcwd-title-wrap {
width: 49%;
}
.wcwd-description-wrap {
flex-direction: column;
align-items: flex-start;
width: 49%;
display: flex;
}
.text-43px {
letter-spacing: -.03em;
font-size: 43px;
line-height: 126%;
}
.text-24px {
font-size: 24px;
line-height: 133%;
}
.wcwd-box-content {
justify-content: space-between;
align-items: flex-start;
width: 100%;
margin-bottom: 43px;
display: flex;
}
.wcwd-dividing-line {
background-color: #b9b9b966;
width: 93%;
height: 2px;
}
.wcwd-button-wrap {
margin-top: 24px;
}
.team-img-row {
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 48px;
display: flex;
}
.team-img {
width: 151px;
margin-left: -18px;
margin-right: -18px;
}
.menu-links-wrap {
align-items: center;
display: flex;
}
.big-heading-2 {
color: #333037;
letter-spacing: -.04em;
font-size: 100px;
}
.big-heading-2.bigger {
letter-spacing: -.04em;
text-transform: uppercase;
font-size: 100px;
font-style: normal;
display: block;
}
.big-heading-2.rotating {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
font-weight: 400;
line-height: 100%;
display: none;
position: relative;
top: 0;
}
.big-heading-2.bigger_norm {
letter-spacing: -.04em;
text-transform: none;
font-size: 100px;
font-style: normal;
}
.nav-link-3 {
color: #333037;
margin-left: 20px;
margin-right: 20px;
text-decoration: none;
display: inline-block;
}
.nav-link-3:hover {
border-bottom-color: #0009;
}
.nav-menu-3 {
z-index: 3;
margin-bottom: -20px;
margin-right: -20px;
display: block;
}
.navbar-3 {
opacity: 0;
background-color: #0000;
position: static;
}
.container-2 {
z-index: 2;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1006px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.container-2.navigation-container {
z-index: 1;
max-width: 100%;
display: flex;
position: static;
}
.menu-link-2 {
color: #272727;
text-align: center;
background-color: #0000;
border-radius: 40px;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
padding: 11px 23px;
font-size: 16px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
transition: background-color .2s cubic-bezier(.445, .05, .55, .95), opacity .2s;
display: flex;
}
.menu-link-2.w--current {
color: #fff;
background-color: #1d1d1d;
}
.span_grey-2 {
color: #b9b9b9;
}
.menu-button-2 {
display: none;
}
.menu-2 {
background-color: #ffffff80;
border-radius: 44px;
justify-content: space-between;
align-items: stretch;
min-width: 426px;
height: 59px;
padding: 10px;
display: flex;
}
.menu-wrapper-2 {
z-index: 5;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: fixed;
inset: auto auto 14px;
}
.text-block-6 {
color: #000;
}
.news-heading-2 {
color: #b9b9b9;
margin-top: 0;
margin-bottom: 0;
font-size: 17px;
font-weight: 400;
line-height: 140%;
}
.link-2 {
color: #000;
border-bottom: 1px solid #0003;
display: inline-block;
}
.link-2:hover {
border-bottom-color: #0009;
}
.link-2.soc-link {
margin-bottom: 2px;
}
.footer-box-2 {
flex-direction: column;
align-items: flex-start;
font-size: 16px;
line-height: 150%;
display: flex;
}
.p-20-110 {
color: var(--silver);
margin-top: 10px;
line-height: 110%;
}
.image {
width: 100%;
max-width: 365px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
.p-14-18 {
color: #2424244d;
letter-spacing: 0;
line-height: 18px;
}
.div-block-7 {
align-items: center;
display: flex;
}
.image-2 {
width: 18px;
margin-left: 1px;
position: relative;
top: 0;
}
.div-block-8 {
display: none;
}
.arrow-button-copy {
color: #ffffffb3;
text-align: center;
border: 2px solid #ffffff4d;
border-radius: 28px;
flex-direction: row;
flex: none;
justify-content: center;
align-items: center;
width: auto;
min-width: 92px;
height: 40px;
padding: 5px 18px 6px 21px;
font-size: 16px;
font-weight: 500;
line-height: 100%;
text-decoration: none;
display: flex;
}
.arrow-button-copy.dark {
color: #0000004d;
cursor: pointer;
border-width: 2px;
border-color: #00000026;
}
.arrow-button-copy.dark.darker {
color: #0006;
border-color: #0000004d;
}
.section-copy {
padding: 150px 7vw;
}
.section-copy.navigation-section {
z-index: 9999;
margin-top: 0;
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.section-copy.navigation-section_black {
z-index: 9999;
background-color: var(--black);
margin-top: 0;
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.section-copy.navigation-section_black.app-best-st {
background-color: #1b1b1b;
}
.section-copy.navigation-section_black.pvz {
background-color: #0000;
}
.section-copy.navigation-section_black.avito-baas {
background-color: #40a3ff;
}
.image-3 {
width: 100%;
}
.image-3._2 {
margin-bottom: 150px;
}
.image-3.yes-mob {
display: none;
}
.grid-pic {
grid-column-gap: 29px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1060px;
margin-bottom: 150px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.pic-ins-vert {
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
}
.img-fw {
width: 100%;
}
.p-28-36 {
margin-top: 18px;
font-size: 28px;
font-weight: 400;
line-height: 129%;
}
.text-span {
font-weight: 500;
}
.div-block-9 {
grid-column-gap: 24px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1055px;
margin: 100px auto 150px;
display: grid;
}
.rounds-pik {
border: 2px solid #b9b9b966;
border-radius: 100%;
justify-content: center;
align-items: center;
padding-top: 100%;
display: flex;
position: relative;
}
.rounds-pik._2 {
border-color: #b9b9b900;
}
.rounds-in {
flex: none;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.image-4 {
max-width: 697px;
margin: 100px auto;
display: block;
}
.image-4.mob {
display: none;
}
.div-block-10 {
justify-content: space-between;
align-items: stretch;
max-width: 1022px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 158px;
display: flex;
}
.div-block-10._2 {
flex-direction: row-reverse;
}
.text-col {
flex: 1;
padding-top: 250px;
padding-bottom: 160px;
}
.text-col._2 {
padding-top: 110px;
padding-bottom: 0;
}
.text-col._3 {
padding-top: 120px;
}
.images-col {
flex-direction: column;
flex: 1;
align-items: flex-end;
display: flex;
}
.images-col._2 {
align-items: flex-start;
}
.h3-50 {
max-width: 380px;
}
.h3-50._2 {
max-width: 450px;
}
.card-pik {
color: var(--almost-black);
background-color: #f6e2cc;
border-radius: 20px;
flex-direction: column;
flex: none;
justify-content: space-between;
align-items: flex-start;
width: 250px;
height: 250px;
margin-bottom: -102px;
padding: 25px;
font-size: 16px;
line-height: 125%;
display: flex;
}
.card-pik._2 {
background-color: #f7e1e1;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
margin-right: 38px;
display: flex;
transform: rotate(-9.13deg);
}
.card-pik._3 {
background-color: var(--white);
margin-right: 76px;
position: relative;
}
.card-pik._4 {
margin-bottom: 0;
margin-right: 114px;
transform: rotate(9.91deg);
}
.card-pik._1 {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/6229af8542111246452580c3_Card%205.svg");
background-position: 50%;
background-size: cover;
transform: rotate(-19.55deg);
}
.card-pik._5 {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/6229af8542111246452580c3_Card%205.svg");
background-position: 50%;
background-size: cover;
margin-bottom: -165px;
margin-left: 65px;
transform: rotate(14.05deg);
}
.card-pik._6 {
background-color: #f7e1e1;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
margin-bottom: -119px;
margin-left: 22px;
margin-right: 38px;
display: flex;
transform: rotate(6.04deg);
}
.card-pik._7 {
background-color: var(--white);
margin-bottom: -137px;
margin-right: 76px;
position: relative;
}
.card-pik._8 {
-webkit-backdrop-filter: blur(60px);
backdrop-filter: blur(60px);
background-color: #f6e2cc99;
margin-bottom: 0;
margin-left: 24px;
margin-right: 114px;
transform: rotate(-6.37deg);
}
.image-5 {
max-width: none;
height: 30px;
}
.image-6 {
width: 100%;
max-width: 1088px;
margin: 10px auto 50px;
}
.div-block-12, .image-8 {
display: none;
}
.mim {
width: 100%;
position: relative;
}
.in-mim {
width: 100%;
}
.h2-cases-18-54-2 {
color: #b0b0b0;
max-width: 1284px;
margin-left: auto;
margin-right: auto;
padding-left: 58px;
padding-right: 58px;
font-size: 18px;
line-height: 300%;
}
.quote-author-info-2 {
color: #b9b9b9;
flex-direction: column;
align-items: flex-start;
max-width: 300px;
font-size: 16px;
line-height: 150%;
display: flex;
}
.color-round-2 {
background-color: #333037;
background-image: radial-gradient(circle, #000, #fff);
border-radius: 50%;
flex: none;
width: 209px;
height: 209px;
margin-left: -80px;
}
.color-round-2.bs-color-1 {
background-color: #d7dde5;
background-image: none;
}
.color-round-2.bs-colors-2 {
background-color: #505d72;
background-image: none;
}
.color-round-2.bs-colors-3 {
background-color: #051836;
background-image: none;
}
.color-round-2.bs-colors-4 {
background-color: #10a375;
background-image: none;
}
.color-round-2.bs-colors-5 {
background-color: #f0f4ff;
background-image: none;
}
.color-round-2.bs-colors-6 {
background-color: #5047f8;
background-image: none;
}
.color-round-2.cp-color-1 {
background-color: #6496dc;
background-image: none;
}
.color-round-2.cp-color-2 {
background-color: #0b1e46;
background-image: none;
}
.color-round-2.cp-color-3 {
background-color: #fff;
background-image: none;
}
.color-round-2.cp-color-4 {
background-color: #000;
background-image: none;
}
.color-round-2.zindi-1 {
background-color: #1f0f4f;
background-image: none;
}
.only-mob {
display: none;
}
.cp-logo-change-block {
grid-column-gap: 16px;
grid-row-gap: 32px;
color: #dbdada;
text-align: center;
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: 29% 50px 41%;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center;
width: 100%;
max-width: 878px;
margin-top: 100px;
margin-bottom: 100px;
padding-left: 50px;
padding-right: 27px;
display: grid;
}
.image-contain {
box-sizing: border-box;
clear: none;
aspect-ratio: auto;
object-fit: contain;
object-position: 100% 50%;
width: 100%;
max-width: none;
position: static;
}
.image-contain.is-ds {
height: 100%;
}
.image-contain.is-mb {
display: none;
}
.cp-logo-change-arrow {
width: 47.29px;
margin-top: 50px;
}
.cp-description-block2 {
margin-top: 160px;
}
.cp-tasks-block {
justify-content: space-between;
align-items: flex-start;
padding-right: 4%;
display: flex;
}
.ul-images-block {
justify-content: center;
align-items: center;
width: 70vw;
max-width: 100%;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
padding-bottom: 8vw;
display: flex;
position: relative;
}
.ui-image-wrp {
border-radius: 5vw;
width: 32vw;
max-width: 410px;
overflow: hidden;
}
.ui-image-wrp.ui-image-wrp1 {
transform: rotate(.71deg);
}
.ui-image-wrp.ui-image-wrp2 {
position: absolute;
inset: auto -12% 1vw auto;
transform: rotate(3.62deg);
}
.ui-image-wrp.ui-image-wrp3 {
position: absolute;
inset: auto auto 0% -12%;
transform: rotate(-3.81deg);
}
.cp-new-logo-box {
max-width: 694px;
margin: 265px auto 357px;
}
.cp-variation-block {
grid-column-gap: 9vw;
grid-row-gap: 9vw;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center;
width: 87vw;
max-width: 1006px;
margin-top: 90px;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
padding-bottom: 47px;
display: grid;
}
.cp-logo-var-image {
width: 100%;
}
.cp-logo-var-image-wrp {
width: 15vw;
max-width: 188px;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp1 {
width: 14.69vw;
max-width: 188px;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp2 {
width: 14.84vw;
max-width: 190px;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp3 {
width: 14.69vw;
max-width: 188px;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp4 {
width: 15.15vw;
max-width: 194px;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp5 {
width: 15.48vw;
max-width: 198px;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp6 {
width: 14.78vw;
max-width: 189.2px;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp7 {
width: 18.15vw;
max-width: 232px;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp8 {
width: 21.15vw;
max-width: 270px;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp10 {
width: 17.71vw;
max-width: 226.74px;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp11 {
width: 13.5vw;
max-width: 173px;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp12 {
width: 11.4vw;
max-width: 146px;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp9 {
width: 14.76vw;
max-width: 189px;
}
.cp-gallery {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.cp-gallery-logo-box {
justify-content: center;
align-items: center;
width: 100%;
height: 27vw;
max-height: 470px;
display: flex;
}
.cp-gallery-logo-box.cp-color-2 {
background-color: #0b1e46;
}
.cp-gallery-logo-box.cp-color-4 {
background-color: #000;
}
.cp-gallery-logo-wrp {
width: 23vw;
max-width: 300px;
}
.cp-gallery-image-box {
width: 100%;
overflow: hidden;
}
.cp-gallery-image-box.cp-gallery-image-box1 {
height: 69.5vw;
max-height: 890px;
}
.cp-typography-block {
width: 100%;
margin-top: 50px;
}
.cp-ecosystem-block {
background-image: linear-gradient(#ffffff80, #fff0 14% 90%, #ffffff80);
justify-content: center;
align-items: center;
width: 100%;
max-width: 870px;
height: 52vw;
max-height: 669px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: hidden;
}
.cp-ecosystem-row {
align-items: center;
width: 100%;
display: flex;
}
.cp-brand-box {
width: 49%;
margin-right: 1.75%;
}
.cp-product-box {
justify-content: flex-start;
align-items: flex-start;
width: 49%;
height: 9vw;
max-height: 91px;
margin-top: 1.5%;
display: flex;
position: relative;
}
.cp-prod-image {
width: auto;
height: 100%;
}
.cp-prod-image.cp-prod-image2, .cp-prod-image.cp-prod-image3, .cp-prod-image.cp-prod-image4 {
position: absolute;
}
.cp-ecosystem-overlay {
background-image: linear-gradient(to bottom, var(--white), #fff0 20%, #fff0 80%, var(--white));
position: absolute;
inset: 0%;
}
.cp-logobook-block {
flex-wrap: wrap;
justify-content: space-between;
width: 87vw;
max-width: 1060px;
margin: 50px auto 15px;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.cp-logobook-box {
margin-bottom: 5vw;
}
.cp-logobook-box.cp-logobook-box1 {
width: 20%;
}
.cp-logobook-box.cp-logobook-box2 {
width: 42.4%;
}
.cp-logobook-box.cp-logobook-box3 {
width: 29.8%;
}
.cp-logobook-box.cp-logobook-box4 {
width: 52.36%;
}
.cp-logobook-box.cp-logobook-box5 {
width: 43.58%;
}
.cp-logobook-row {
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
width: 100%;
margin-bottom: -5vw;
display: flex;
}
.cp-icon-block {
border: 1px solid #00000026;
border-radius: 24%;
flex-wrap: wrap;
justify-content: space-between;
width: 30vw;
max-width: 379px;
height: 30vw;
max-height: 379px;
margin-bottom: 150px;
margin-left: auto;
margin-right: auto;
display: flex;
overflow: hidden;
}
.image-cover {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
}
.burger-wrp {
flex-direction: column;
justify-content: center;
align-items: center;
width: 26px;
height: 26px;
display: flex;
}
.burger-line-1, .burger-line-2 {
background-color: var(--almost-black);
border-radius: 1px;
flex: none;
width: 20.5px;
height: 1.5px;
min-height: 1.5px;
margin-top: 5px;
margin-bottom: 5px;
}
.hidden {
display: none;
}
.telegram-icon {
justify-content: center;
align-items: center;
width: 49px;
height: 40px;
display: flex;
}
.behance-icon {
justify-content: center;
align-items: center;
width: 55px;
height: 35px;
display: flex;
}
.engage-message-block {
background-color: #e1ebdb;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 205px;
height: 90px;
margin-bottom: 25px;
margin-right: 11px;
padding: 16px 32px;
font-size: 23px;
line-height: 120%;
display: flex;
position: relative;
}
.em-corner {
color: #e1ebdb;
width: 52px;
height: 27px;
position: absolute;
inset: 29.4px -23px auto auto;
}
.doodle-image {
width: 160px;
}
.screen-overlay {
background-color: #000000bf;
width: 100%;
height: 100vh;
display: none;
position: absolute;
inset: auto 0% -42px;
}
.zindi_logo {
margin-bottom: 40px;
}
.h1_zindi {
width: 578px;
max-width: 100%;
font-size: 68px;
line-height: 106%;
}
.h1_zindi.hero-h {
width: 100%;
margin-bottom: 32px;
}
.zindi-h3 {
justify-content: center;
margin-top: 110px;
margin-bottom: 0;
display: flex;
}
.zindi-h3._230 {
margin-top: 230px;
}
.zindi-h3._0, .zindi-h3.non-mr {
margin-top: 0;
}
.zindi_patterns {
object-fit: cover;
flex-direction: column;
align-items: center;
margin-top: 70px;
margin-left: -14vw;
margin-right: -14vw;
display: flex;
}
.zindi_graphicks {
flex-direction: column;
align-items: center;
width: 873px;
margin-top: 70px;
margin-bottom: 230px;
display: flex;
}
.zindi_font {
margin-bottom: 200px;
}
.zindi_font-txt {
color: #1f0f4f;
margin-top: 70px;
margin-bottom: 0;
font-family: IBM Plex Sans, sans-serif;
font-size: 131px;
font-weight: 500;
line-height: 100%;
}
.zindi_imges_wrp {
margin-bottom: 180px;
margin-left: -7vw;
margin-right: -7vw;
}
.renew, .zindi-smpl {
flex-direction: column;
align-items: center;
display: flex;
}
.zindi-smpl._330 {
margin-top: 330px;
}
.zindi-talk, .z_font {
flex-direction: column;
align-items: center;
display: flex;
}
.zindi-smpl-wrp {
flex-direction: column;
align-items: center;
margin-top: 330px;
display: flex;
}
.zindi-smpl-wrp._31 {
margin-top: 31px;
}
.zindi-smpl-wrp.m-118 {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/625ecc2c86246bd3b70feb99_bl-gr.svg");
background-position: 125% 100%;
background-repeat: no-repeat;
background-size: 595px;
margin-top: 310px;
}
.zindi_quote-author {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 694px;
display: flex;
}
.imgs_wrp_lt-br {
margin-left: -7vw;
margin-right: -7vw;
}
.cases-team {
flex-direction: column;
align-items: center;
display: flex;
}
.cases-team.maroo-tm {
margin-top: 200px;
}
.desk-hide {
display: none;
}
.z_opti {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.other-cases {
background-color: #f5f5f5;
border-top-left-radius: 60px;
border-top-right-radius: 60px;
flex-direction: column;
align-items: flex-start;
padding-top: 130px;
padding-bottom: 150px;
}
.other-cases.cloud {
background-color: #f5f5f5;
border-radius: 60px;
}
.other-cases.builder, .other-cases.beststoks, .other-cases._12storeez {
border-radius: 60px;
}
.other-cases.pik-research {
border-radius: 0;
}
.other-cases.ya-biz {
border-radius: 60px;
}
.other-cases.mindbox {
border-radius: 0;
}
.other-cases.yandex {
border-radius: 60px;
}
.other-cases.yango {
background-color: #f5f5f5;
border-radius: 60px;
}
.other-cases.rs-page {
border-radius: 0;
}
.other-cases.druffle {
background-color: var(--white);
}
.other-cases.cc-products {
background-color: var(--white);
padding-top: 80px;
padding-bottom: 160px;
}
.other-cases_all-items {
padding-top: 40px;
padding-left: 110px;
padding-right: 110px;
display: flex;
}
.case_card {
border-radius: 20px;
flex-direction: column;
width: 516px;
height: 562px;
margin-right: 40px;
display: flex;
}
.case_card.cloud {
background-color: #dde7f3;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/628f496260c22f81ffbe789e_Variant%206.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
display: flex;
}
.case_card.best-st {
background-color: #eceff5;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/62555e924516eb14bae7734d_case_02.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.case_card.pik {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/625536dbe6e19a2ff401f9b4_case_03.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.case_card._12storeez {
background-color: #f0e5d9;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/62555ecbba7c8521f055a5e6_case_04.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.case_card.ya-biz {
background-color: #dee6ee;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/625537bce44504b2ed9668a4_case_05.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.case_card.zindi {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/628f49fa51dc430124296b02_Preview%203.png");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
}
.case_card.milab {
background-color: #ebebeb;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/62c6a4bb6bc52e7056b013a1_mil.png");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
}
.case_card.yango {
background-color: #f2ebda;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/62b4279841e06424b3c3da2b_yango%20(1).png");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
}
.case_card.bect-st-c {
background-color: #ddd7e9;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/639093d2b64bc7dfd036eae0_best-st-prw.png");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
}
.case_card._12-st-c {
background-color: #f0e5d9;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/641465aad5a31193de08da50_008%205%20(1).webp");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 436px;
}
.case_card.yandex {
background-color: #f6e2cc;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/6862ef751af818d9b1dfa41f_ya.svg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
}
.case_card.mindbox {
background-color: #e7e9e8;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/6862efd31fd7d8fd51b8a85f_mindbox.avif");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 482px;
}
.case_card.avito {
background-color: #e8e3f7;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/6862f03832b375a23aef342a_avito.avif");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
}
.case-card_top {
justify-content: space-between;
align-items: flex-start;
padding-top: 36px;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.case-card_top._12-st_top {
padding-left: 36px;
}
.case-card_top.cc-column {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.other-cases_par {
max-width: 100%;
height: 100%;
position: relative;
}
.other-cases_hid {
display: flex;
position: sticky;
top: 110px;
overflow: hidden;
}
.ui-kit {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.other-cases_wrp {
background-color: #fff;
}
.other-cases_wrp.overfl-mob_hidden.black {
background-color: var(--black);
}
.other-cases_wrp.overfl-mob_hidden.app-b {
background-color: #1b1b1b;
}
.other-cases_wrp.overfl-mob_hidden.pvz {
background-color: #222024;
}
.other-cases_wrp.overfl-mob_hidden.druffle-other-c {
border-top-left-radius: 60px;
border-top-right-radius: 60px;
}
.overflow-hidden {
overflow: hidden;
}
.oc-wrp {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 300vh;
padding-top: 45px;
display: flex;
}
.other-cases_title {
flex-direction: column;
align-items: center;
display: flex;
}
.other-cases_title.cc-left {
justify-content: flex-start;
align-items: flex-start;
max-width: 1006px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
}
.hide-desk {
display: none;
}
.research-team-block {
justify-content: space-between;
align-items: flex-start;
margin-top: 70px;
display: flex;
}
.rt-box {
width: 50%;
padding-right: 20px;
}
.rt-photo {
width: 128.6px;
}
.rt-photo.smaller-rt-photo {
z-index: 1;
object-fit: cover;
border-radius: 100%;
width: 126px;
height: 126px;
position: relative;
}
.rt-photo.smaller-rt-photo.mr-25 {
z-index: 1;
margin-right: -25.5px;
position: relative;
}
.rt-photo.smaller-rt-photo.mr-25._1st {
object-fit: cover;
border-radius: 100%;
width: 126px;
height: 126px;
}
.rt-photo-block {
align-items: flex-start;
width: 100%;
height: 128.6px;
margin-bottom: 19px;
display: flex;
}
.text-36 {
margin-top: 18px;
font-size: 36px;
font-weight: 400;
line-height: 120%;
}
.text-36.mw-375 {
max-width: 375px;
}
.text-36.mw-450 {
max-width: 450px;
}
.text-36.pvz {
color: var(--black);
margin-top: 0;
}
.hide {
display: none;
}
.lets-work_wrp {
z-index: -1;
justify-content: center;
align-items: center;
margin-bottom: 30px;
display: flex;
position: relative;
}
.lets-work_title {
text-align: center;
justify-content: center;
align-items: center;
}
.lets-work_title.mw-950 {
max-width: 950px;
}
.button_txt {
color: #fff;
font-size: 36px;
line-height: 94%;
}
.button_txt.application {
margin-right: 10px;
}
.arrow-button_brown {
color: #fff;
text-align: center;
background-color: #333037;
border: 3px solid #333037;
border-radius: 46px;
flex-direction: row;
flex: none;
justify-content: center;
align-items: center;
width: auto;
margin-top: 50px;
margin-bottom: 24px;
padding: 20px 30px 24px 35px;
font-size: 16px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
transition-property: all;
transition-duration: .3s;
display: flex;
position: relative;
}
.arrow-button_brown:hover {
color: #333037;
background-color: #fff;
border: 3px solid #333037;
}
.arrow-button_brown:active {
background-color: #b9b9b9;
}
.arrow-button_brown.main {
color: #fff;
border: 3px solid #333037;
transition-property: all;
transition-duration: .3s;
}
.arrow-button_brown.main:hover {
border: 3px solid var(--almost-black);
color: #333037;
background-color: #fff;
}
.arrow-button_brown.main:active {
background-color: #b9b9b9;
}
.arrow-button_brown.small {
height: 75px;
}
.arrow-button_brown.rs-sm {
height: 75px;
margin-top: 40px;
margin-bottom: 0;
transition-duration: .35s;
transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}
.button-icon {
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 34px;
margin-top: 1px;
display: flex;
}
.is-grey_txt {
color: #b9b9b9;
text-align: center;
line-height: 110%;
}
.vacan_job {
z-index: 3;
color: #fff;
letter-spacing: -.03px;
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: -2px;
padding: 34px 40px;
font-size: 50px;
line-height: 108%;
transition: all .3s, opacity .3s;
display: flex;
position: relative;
}
.cms-vacan {
flex: none;
width: 100%;
max-width: 820px;
margin-bottom: 117px;
display: flex;
}
.write-to-us {
color: #fff;
text-decoration: underline;
}
.about-team {
color: #fff;
border-radius: 46px;
padding: 20px 30px 24px 35px;
font-size: 36px;
line-height: 94%;
transition: all .3s cubic-bezier(.455, .03, .515, .955);
}
.about-team:hover {
color: #333037;
background-color: #fff;
}
.team__slider {
background-color: #0000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
display: flex;
}
.team__slider_mask {
border-radius: 20px;
width: 78vw;
}
.slide {
width: 78vw;
}
.team__slider_nav {
justify-content: center;
align-items: center;
margin-top: 25px;
font-size: 9px;
line-height: 20%;
display: flex;
inset: auto 0% -50px;
}
.team__slider_right-arr {
background-color: #3330371a;
border-radius: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 5vw;
max-height: 5vw;
padding-left: 23px;
padding-right: 20px;
transition: all .3s;
display: flex;
inset: 0% -2.5vw 0% auto;
}
.team__slider_right-arr:hover {
background-color: #33303721;
}
.team__slider_right-arr:active {
background-color: #3330371a;
}
.txt-36 {
letter-spacing: -.01em;
font-size: 36px;
font-weight: 400;
line-height: 110%;
}
.txt-28 {
margin-bottom: 0;
font-size: 28px;
font-weight: 400;
line-height: 32px;
}
.txt-28.cc-mob-black.cc-16 {
line-height: 128%;
}
.wcwd-title-wrap_main {
width: 35%;
max-width: 35%;
display: flex;
}
.card_arr {
margin-top: 1px;
position: relative;
}
.what-we_wrp {
border-radius: 20px;
flex-direction: column;
width: 100%;
padding-top: 44px;
padding-left: 31px;
padding-right: 31px;
position: relative;
}
.what-we_wrp._5 {
display: none;
}
.what-we_main {
grid-column-gap: 0px;
grid-row-gap: 10px;
flex-direction: column;
width: 100%;
display: flex;
}
.what-we__ill {
opacity: 0;
position: absolute;
inset: -18% 0% auto 280px;
}
.what-we__ill._4 {
top: -8%;
}
.what-we__ill._3 {
top: -12%;
}
.what-we__ill._5 {
top: -14%;
}
.team_desk___left {
color: #f5f5f5;
background-color: #333037b3;
border-top-right-radius: 8px;
align-items: center;
width: auto;
min-height: 24px;
padding: 2px 8px;
font-size: 13px;
font-weight: 400;
line-height: 130%;
display: flex;
}
.team_desk___right {
background-color: #333037b3;
border-radius: 5px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 28px;
height: 23px;
transition-property: all;
transition-duration: .3s;
display: flex;
}
.team_desk___right:hover {
background-color: #000000b3;
}
.space {
margin-left: 2px;
margin-right: 1px;
}
.team__numbers {
grid-column-gap: 90px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: center;
margin-top: 50px;
display: grid;
}
.numbers_blck {
flex-direction: column;
align-items: flex-start;
width: auto;
display: flex;
}
.numb_bl__top {
font-size: 70px;
line-height: 143%;
}
.team__cta_link {
background-color: #0003;
transition-property: all;
transition-duration: .3s;
}
.team__cta_link:hover {
background-color: #0006;
}
.what-we-have {
flex-direction: column;
align-items: center;
padding-top: 200px;
}
.what-we-have_wrp {
flex-direction: column;
max-width: 1060px;
display: flex;
}
.what-we-have_blck {
background-color: #ffffff12;
border-radius: 20px;
justify-content: space-between;
margin-bottom: 30px;
padding: 40px 75px 40px 60px;
display: flex;
}
.what-wehave_left {
max-width: 780px;
}
.what-we-intro {
flex-direction: column;
align-items: center;
margin-bottom: 80px;
display: flex;
}
.what-we-have_bttm {
align-items: center;
width: 470px;
margin-left: 59px;
display: flex;
}
.what-we-have_bttm.hide {
display: none;
}
.p-20-135 {
color: var(--silver);
max-width: 300px;
margin-top: 10px;
line-height: 135%;
}
.p-20-135.grey {
color: #8b8b8b;
}
.p-20-135.grey.cc-mw-530 {
max-width: 530px;
}
.p-20-135.is_white-opac-50-txt {
color: #ffffff80;
}
.p-20-135.pvz {
color: var(--black);
max-width: 100%;
margin-top: 0;
}
.p-20-135.cc-benefits {
color: #33303799;
text-align: left;
max-width: none;
margin-top: 0;
margin-right: auto;
}
.p-20-135.cc-black {
color: var(--almost-black);
margin-top: 0;
}
.rest__all-imgs_top {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.rest__img-1, .rest__img-2 {
width: 250px;
margin-bottom: 20px;
margin-right: 20px;
}
.rest__img-3 {
width: 521px;
margin-bottom: 20px;
}
.rest__all-imgs_2nd {
justify-content: space-between;
align-items: flex-end;
margin-top: -99px;
display: flex;
}
.rest__all-imgs_bttm {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.rest__img-4 {
width: 521px;
margin-bottom: 20px;
margin-right: 20px;
}
.rest__img-5 {
width: 250px;
margin-bottom: 20px;
margin-right: 20px;
}
.rest__img-6 {
width: 250px;
margin-bottom: 20px;
}
.rest__img-8 {
width: 521px;
margin-right: 20px;
}
.rest__img-9 {
width: 250px;
}
.rest__img-7 {
width: 250px;
margin-right: 20px;
}
.team_role {
text-align: left;
}
.z_improve {
margin-top: 80px;
margin-right: 68px;
}
.z-comp-txt_wrp {
grid-column-gap: 40px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(120px, 1fr) minmax(319px, 1fr) minmax(205px, 1fr) minmax(241px, 1fr);
grid-auto-columns: 1fr;
max-width: 1060px;
margin-top: -27px;
display: grid;
}
.z_comp_blck._2 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.z_comp_blck._1 {
padding-top: 30px;
}
.para-16 {
color: #8b8b8b;
font-size: 16px;
font-weight: 400;
line-height: 150%;
}
.para-16.under-img {
margin-top: 8px;
}
.para-16.pol-conf {
color: #858585;
}
.para-16.not-required-text {
color: #c4c4c4;
text-align: right;
font-size: 14px;
}
.z_comp_desk-img {
max-width: 931px;
}
.sticky_wrp {
position: relative;
}
.non-mrg-for-stick {
z-index: 2;
position: sticky;
top: 0;
}
.abs_blck-for-stick {
z-index: 1;
background-color: #333037;
border-radius: 60px;
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.button_txt-main {
font-size: 36px;
line-height: 94%;
}
.button_txt-main.mrg, .button_txt-main.application {
margin-right: 10px;
}
.button_txt_send {
font-size: 36px;
line-height: 94%;
}
.button_txt_send.mrg, .button_txt_send.application, .button_txt_send.rs, .button_txt_send.rs-head, .button_txt_send.submit-form, .button_txt_send.form {
margin-right: 10px;
}
.zindi_video {
padding-bottom: 173px;
}
.z__vid-blck {
z-index: 4;
margin-left: -7vw;
margin-right: -7vw;
padding-bottom: 157px;
}
.zindi_bg-vid {
z-index: 1;
border: 1px solid #f3f3f3;
border-radius: 10px;
width: 825px;
height: 580px;
box-shadow: 1px 0 30px #00000026;
}
.team__slider_lft-arr {
background-color: #3330371a;
border-radius: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 5vw;
max-height: 5vw;
padding-left: 23px;
padding-right: 20px;
transition: all .3s;
display: flex;
inset: 0% auto 0% -2.5vw;
transform: rotate(180deg);
}
.team__slider_lft-arr:hover {
background-color: #33303721;
}
.team__slider_lft-arr:active {
background-color: #3330371a;
}
.team_cms-card_name {
font-weight: 500;
}
.team_inst_wrp {
z-index: 5;
padding-bottom: 5px;
padding-right: 5px;
position: absolute;
inset: auto 0% 0% auto;
}
.bord-blur {
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 4px;
padding-left: 15px;
padding-right: 15px;
}
.about-st__sub-36 {
letter-spacing: -.01em;
padding-top: 0;
font-size: 36px;
line-height: 120%;
}
.about-st__sub-36.lcls {
display: inline;
}
.about-st__sub-36.locals {
border-bottom: 1px solid #b9b9b9;
}
.about-st__sub-36.locals:hover {
border-bottom-color: #0009;
}
.mr-50_bt {
margin-bottom: 50px;
}
.about-owner__top {
width: 134px;
margin-bottom: 14px;
}
.owner-inst {
text-align: center;
background-color: #f2f2f2;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/62a0fceadb0f262db68c5523_telegram.svg");
background-position: 42%;
background-repeat: no-repeat;
background-size: 23px;
border-radius: 62px;
width: 52px;
height: 52px;
margin-bottom: -15px;
transition: all .3s;
display: inline-block;
}
.owner-inst:hover {
background-color: #00000024;
}
.about-st__owner-link {
height: 52px;
margin-bottom: -6px;
margin-left: 10px;
margin-right: 10px;
display: inline-block;
}
.link-underline {
grid-column-gap: 10px;
justify-content: center;
align-items: center;
height: 51px;
transition-property: all;
transition-duration: .3s;
display: inline-block;
}
.link-underline:hover {
border-bottom-style: none;
}
.about-st_principles {
flex-direction: column;
max-width: 1060px;
margin-bottom: 20px;
display: flex;
}
.about-st__princ {
background-color: #fff;
border-radius: 20px;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
padding: 40px 75px 40px 60px;
display: flex;
position: relative;
}
.princ_left {
max-width: 780px;
}
.princ_right {
z-index: 1;
flex: none;
width: 140px;
height: 140px;
position: static;
inset: auto 32px auto auto;
}
.princ_right._2 {
right: 85px;
}
.princ_right._3, .princ_right._4 {
right: 80px;
}
.princ_right._5 {
right: 84px;
}
.princ_right._6 {
bottom: 0%;
right: 70px;
}
.zindi_refresh {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/626149ec332bfef3618b208e_2-refresh-blue.svg"), url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/6261496a6f7b3949dc456209_2-refresh-orange.svg");
background-position: -44% 107%, 153% -3%;
background-repeat: no-repeat, no-repeat;
background-size: auto, auto;
flex-direction: column;
align-items: center;
margin-left: -7vw;
margin-right: -7vw;
padding: 60px 7vw 330px;
display: flex;
}
.zindi_refresh_top {
width: 100%;
padding-left: 117px;
padding-right: 117px;
}
.zindi_refresh_bttm {
grid-column-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 1060px;
margin-top: 80px;
display: grid;
}
.bord-shd {
border-radius: 10px;
box-shadow: 0 0 30px #00000026;
}
.zindi_blog_bttm {
grid-column-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 1060px;
margin-top: 80px;
display: grid;
}
.mob-imgs.talk_wrp {
align-items: stretch;
display: flex;
}
.ab-title_wrp {
flex-direction: column;
align-items: center;
margin-bottom: 60px;
display: flex;
}
.princ-img {
width: 100%;
}
.princ-img.desk-hide {
width: 10%;
}
.princ-img.desk-h {
display: none;
}
.talk-img_sm {
width: 210px;
}
.talk-img_lg {
width: 793px;
margin-left: 57px;
}
.zindi-find_wrp {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/6266a8a1737dfaeec4292fe2_find-org.png");
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 383px;
flex-direction: column;
align-items: center;
margin-left: -7vw;
margin-right: -7vw;
padding-bottom: 330px;
padding-left: 7vw;
padding-right: 7vw;
display: flex;
}
.zindi_learn_img-wrp {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/6266ae3256a98b3643ec0e52_learn-bg.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
margin-left: -7vw;
margin-right: -7vw;
padding: 65px 227px 330px;
}
.shd {
border-radius: 10px;
box-shadow: 0 16px 40px 16px #00000026;
}
.patt-img {
object-fit: cover;
}
.zindi-gr {
flex-direction: column;
align-items: center;
display: flex;
}
.zindi__circle-imgs {
z-index: 1;
opacity: 0;
object-fit: cover;
border-radius: 50%;
width: 209px;
height: 209px;
position: relative;
overflow: hidden;
}
.color-round_with-bg-img {
background-color: #333037;
background-image: radial-gradient(circle, #000, #fff);
border-radius: 50%;
flex: none;
width: 209px;
height: 209px;
margin-left: -80px;
}
.color-round_with-bg-img.zindi-1 {
background-color: #1f0f4f;
background-image: none;
}
.color-round_with-bg-img.zindi-2 {
background-color: #10b4f7;
background-image: none;
}
.color-round_with-bg-img.zindi-3 {
background-color: #00bfb0;
background-image: none;
}
.color-round_with-bg-img.zindi-4 {
background-color: #f56e41;
background-image: none;
}
.color-round_with-bg-img.zindi-5 {
background-color: #fda92d;
background-image: none;
}
.color-round_with-bg-img.zindi-6 {
background-color: #8f87a7;
background-image: none;
}
.find-lt {
width: 210px;
}
.find-left {
width: 793px;
margin-right: 60px;
}
.text-block-7 {
text-align: left;
font-size: 14px;
line-height: 129%;
}
.text-block-8 {
font-size: 14px;
line-height: 129%;
}
.zindi-l-img {
width: 100%;
max-width: none;
}
.show-only-mob {
display: none;
}
.work-your-task {
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 100vh;
padding-top: 120px;
display: flex;
}
.work-your-task.about-st {
height: auto;
padding-bottom: 70px;
}
.work-your-task.portf {
height: auto;
padding-top: 0;
}
.img-vh_mob-hide {
width: 35vh;
display: none;
}
.yango-image1-wrap {
width: 130px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
}
.yango-tasks-block {
justify-content: space-between;
align-items: stretch;
width: 100%;
margin-top: 80px;
display: flex;
}
.yango-task-box-1 {
justify-content: space-between;
align-items: center;
width: 44%;
display: flex;
}
.yango-task-box-2 {
justify-content: space-between;
align-items: center;
width: 49%;
display: flex;
}
.yango-task-image-1 {
width: 52%;
min-width: 52%;
margin-right: -6%;
position: relative;
}
.yango-task-image-2 {
align-self: flex-end;
width: 37%;
}
.yango-task-text-1 {
width: 53%;
min-width: 53%;
}
.yango-task-text-2 {
width: 58%;
max-width: 300px;
}
.yango-s4-gallery {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
width: 90%;
max-width: 1060px;
margin: 102px auto -10px;
display: flex;
}
.yango-s4-col {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
display: flex;
}
.yango-s4-image {
border-radius: 10px;
width: 100%;
overflow: hidden;
}
.yango-s4-image.yango-s4-image-bottom {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.image-frame {
width: 100%;
}
.yango-s6-row {
border: 17px solid var(--black);
border-radius: 30px;
flex-direction: row;
justify-content: center;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.yango-s6-image {
width: 100%;
}
.yango-s7-block {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 90%;
max-width: 1060px;
margin-top: 74px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.yango-s7-row {
flex-direction: column;
align-items: center;
width: 100%;
margin-bottom: 60px;
display: flex;
position: relative;
}
.yango-s7-image {
width: 35%;
max-width: 376px;
}
.yango-s7-description-box {
flex-direction: column;
align-items: flex-end;
width: 27%;
display: flex;
position: absolute;
inset: 21% 0% auto auto;
}
.yango-s7-description-box.yango-s7-description-box2 {
top: 9%;
}
.yango-s7-description-box.yango-s7-description-box3 {
align-items: flex-start;
inset: auto auto 7% 0%;
}
.p-20-140 {
line-height: 140%;
}
.p-20-140.yango-s77-par-1 {
max-width: 230px;
}
.yango-s7-decor1 {
width: 68%;
margin-top: 10px;
margin-right: auto;
}
.yango-s7-decor2 {
width: 68%;
margin-top: 10px;
margin-left: auto;
}
.yango-s8-row {
grid-column-gap: 30px;
grid-row-gap: 30px;
border: 17px solid var(--black);
border-radius: 30px;
justify-content: space-between;
width: 90%;
max-width: 1060px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
display: flex;
overflow: hidden;
}
.yango-s8-row-2 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
width: 90%;
max-width: 1060px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
display: grid;
overflow: hidden;
}
.yango-s8-box {
background-color: #f0f0f0;
border-radius: 20px;
flex-direction: column;
align-items: flex-start;
width: 100%;
padding: 40px 40px 33px;
display: flex;
}
.yango-s8-box.yango-s8-box-horizontal {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
display: grid;
}
.yango-s8-image-1 {
border-radius: 20px;
width: 65%;
margin-bottom: 28px;
overflow: hidden;
box-shadow: -1px 1px 25px #0000001a;
}
.yango-s8-image-2 {
border-radius: 20px;
width: 100%;
margin-top: -23px;
margin-bottom: 6px;
margin-left: -6%;
overflow: hidden;
}
.yango-s8-image-wrap {
height: 23vw;
max-height: 317px;
}
.yango-s8-image-3 {
border-radius: 20px;
width: 100%;
overflow: hidden;
box-shadow: -1px 1px 25px #0000001a;
}
.yango-s9-block {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 90%;
max-width: 1060px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.yango-s9-row {
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.yango-s9-description-box {
flex-direction: column;
align-items: flex-end;
width: 22%;
display: flex;
position: absolute;
inset: 15% 5% auto auto;
}
.yango-s9-description-box.yango-s9-description-box2 {
width: 30%;
inset: auto auto 17% -2%;
}
.yango-s9-image {
width: 45%;
max-width: 472px;
}
.yango-s11-block {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
grid-template-rows: 1.48fr .61fr .73fr 1.09fr 1.09fr;
grid-template-columns: .65fr .79fr 1.01fr 1.54fr;
grid-auto-columns: 1fr;
place-content: start flex-start;
align-items: stretch;
width: 100%;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.yango-s11-image {
border-radius: 10px;
width: 100%;
height: 100%;
overflow: hidden;
}
.yango-s11-image.yango-s11-image-left {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.yango-s11-image.yango-s11-image-right {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.yango-s10-block {
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-top: 60px;
display: flex;
position: sticky;
top: 100px;
overflow: hidden;
}
.yango-s10-row {
flex-direction: row;
flex: none;
align-items: flex-start;
width: auto;
padding-left: 110px;
padding-right: 110px;
display: flex;
position: relative;
}
.yango-s10-image {
border-radius: 20px;
flex: none;
width: 61.72vw;
margin-right: 40px;
overflow: hidden;
}
.yango-s10-image.yango-s10-image2 {
width: 76.17vw;
}
.yango-s10-image.yango-s10-image3 {
width: 63.28vw;
}
.yango-s10-image.yango-s10-image4 {
width: 63.44vw;
}
.yango-s10-scroll-block {
width: 100%;
height: 100%;
}
.yp-wrap {
height: 300vh;
}
.yv-wrap {
width: 100%;
height: 700px;
position: sticky;
top: 10vh;
}
.yango-s8-image, .image-by-height {
width: 100%;
}
.tooltip-wrap {
display: none;
}
.tooltip-icon {
background-color: #f4df34;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.tooltip-icon-center {
background-color: #fff;
border-radius: 50%;
width: 12px;
height: 12px;
}
.tooltip {
background-color: var(--white);
border: 1px solid #efefef;
border-radius: 20px;
padding: 20px;
box-shadow: 0 4px 10px #00000026;
}
.tooltip-text {
letter-spacing: -.02em;
font-size: 16px;
}
.clients-say_bottom {
justify-content: space-between;
align-items: center;
max-width: 100%;
margin-top: 37px;
display: flex;
position: relative;
}
.clients-say_left {
background-color: #ffffff54;
border-radius: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 58px;
height: 58px;
padding-left: 23px;
padding-right: 19px;
transition: all .3s;
display: flex;
position: absolute;
left: 0%;
right: auto;
transform: rotate(180deg);
}
.clients-say_left:hover {
background-color: #ffffff73;
}
.clients-say_left:active {
background-color: #fff6;
}
.clients-say_right {
background-color: #ffffff54;
border-radius: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 58px;
height: 58px;
padding-left: 23px;
padding-right: 19px;
transition: all .3s;
display: flex;
position: absolute;
left: auto;
right: 0%;
}
.clients-say_right:hover {
background-color: #ffffff73;
}
.clients-say_right:active {
background-color: #fff6;
}
.slide-nav-2 {
display: none;
}
.slide-2 {
padding: 120px 103px 110px;
}
.container_new {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
}
.container_new.land-slider {
width: auto;
max-width: none;
padding-left: 37px;
padding-right: 37px;
}
.count {
z-index: 1;
color: #999;
letter-spacing: .3em;
flex-direction: row;
justify-content: center;
font-size: 28px;
line-height: 129%;
display: flex;
position: absolute;
inset: auto 0% 4.5em 29em;
}
.count.desk-hide {
display: none;
}
.clients-say_slider {
background-color: #0000;
height: 889px;
position: relative;
}
.clients-say__wrp {
flex-direction: column;
justify-content: flex-start;
display: flex;
}
.clients-say_author {
grid-column-gap: 19px;
align-items: center;
width: 310px;
display: flex;
}
.clients-say__author-name {
grid-row-gap: 1px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.para-50 {
letter-spacing: -.02em;
font-size: 50px;
line-height: 105%;
}
.clients-say_img {
width: 83px;
}
.section_new {
padding-left: 7em;
padding-right: 7em;
}
.section_new.slider-clients-say {
background-color: var(--almost-black);
border-radius: 60px;
padding-left: 0;
padding-right: 0;
}
.is_white-txt {
color: var(--white);
}
.clients-say-title {
letter-spacing: -.02em;
font-size: 50px;
line-height: 152%;
}
.is_white-opac-40-txt {
color: #fff6;
}
.clients-say_subtitle {
letter-spacing: -.02em;
background-color: #0000;
font-size: 20px;
line-height: 120%;
}
.clients-say_name {
letter-spacing: -.02em;
background-color: #0000;
font-size: 20px;
font-weight: 500;
line-height: 120%;
}
.slider-desk-arr {
width: 14px;
height: 25px;
}
.clients-say__case {
color: #b9b9b9;
border: 3px solid #ffffff54;
border-radius: 46px;
justify-content: center;
align-items: center;
width: auto;
height: 78px;
padding: 20px 30px 24px;
font-size: 36px;
line-height: 94%;
transition-property: all;
transition-duration: .3s;
display: flex;
}
.clients-say__case:hover {
color: var(--white);
background-color: #1d1d1d;
border-color: #1d1d1d;
}
.slide-arr-mb {
display: none;
}
.yanho-groc {
width: 100%;
height: 680px;
position: sticky;
top: 10vh;
}
.yango-groc-wrp {
border: 17px solid #fff200;
border-radius: 30px;
justify-content: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.yango-groc-img {
position: absolute;
inset: 0% 0% auto;
}
.yango-groc-img._2 {
width: 973px;
}
.yango-gros-cont {
width: 100%;
}
.bo-be-part {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 30px;
display: flex;
}
.to-be-part-img-wrp {
align-items: center;
height: 90px;
margin-top: -20px;
display: flex;
}
.to-be-part-fl {
cursor: pointer;
align-items: center;
width: auto;
height: 88px;
margin-left: 20px;
display: flex;
}
.to-be-part_plus {
width: 88px;
height: 88px;
margin-left: -20px;
}
.to-be-part-img {
height: 88px;
}
.slider-case-button {
line-height: 108%;
}
.nav-link_white {
color: var(--white);
border-radius: 30px;
justify-content: center;
align-items: center;
min-height: 39px;
margin-left: 0;
margin-right: 0;
padding-left: 17px;
padding-right: 17px;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
display: flex;
}
.nav-link_white:hover {
border-bottom-color: #0009;
}
.nav-link_white.w--current {
background-color: #fff;
}
.case-hero_milab-img {
width: 754px;
max-width: 100%;
}
.h1-case_milab {
letter-spacing: -.04em;
font-size: 100px;
}
.case-black_hero-cont {
text-align: center;
}
.black-sections {
z-index: 1;
background-color: var(--black);
position: relative;
}
.black-sections.app-best {
background-color: #1b1b1b;
}
.black-sections.pvz {
background-color: #222024;
}
.case-p-img-l {
width: 100%;
}
.case-p-img-l.kits {
border-radius: 10px;
}
.case-p-img-l.app-best {
max-width: 816px;
}
.case-p-img-l.app-b-1mr {
margin-bottom: -1px;
}
.milab-3imgs_item-s {
width: 290px;
}
.is_white-txt-70 {
color: #ffffffb3;
}
.milab-arr {
width: 25px;
margin-bottom: 40px;
}
.milab-3imgs_item-l {
width: 295px;
}
.milab-3d-ill-cont {
grid-column-gap: 106px;
border-bottom: 1px solid #fff3;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-end;
margin-top: 96px;
margin-left: -20px;
padding-bottom: 33px;
display: flex;
}
.milab-3d-ill-cont._2 {
border-bottom-style: none;
margin-top: 30px;
margin-left: -70px;
margin-right: -20px;
padding-bottom: 197px;
}
.milab-3d_item {
flex-direction: column;
display: flex;
}
.milab-3d-img {
width: 541px;
}
.milab-3d-img._2 {
width: 410px;
}
.milab-3d-img._3 {
width: 653px;
}
.milab-3d-img._4 {
width: 471px;
}
.milab-3d-paras {
grid-row-gap: 1px;
flex-direction: column;
align-items: center;
margin-top: 7px;
display: flex;
}
.milab-3d-paras._2 {
margin-top: 67px;
}
.milab-3d-paras._3 {
margin-top: 76px;
}
.milab-3d-paras._4 {
margin-top: 0;
}
.milab-logo {
width: 509px;
}
.milab-lines-wrp {
grid-row-gap: 21px;
flex-direction: column;
width: 61px;
display: flex;
}
.milab-line_white {
background-color: var(--white);
width: 100%;
height: 11px;
}
.milab-lines-logo {
grid-column-gap: 30px;
align-items: center;
display: flex;
}
.milab-line_colored {
background-color: #814dbb;
width: 100%;
height: 11px;
}
.millab-team_flex {
grid-column-gap: 59px;
color: var(--light-silver);
justify-content: center;
align-items: flex-start;
display: flex;
}
.milab-team_item {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.is_grey-txt-7f {
color: #7f7f7f;
}
.img-vh_mob-hide-2 {
width: 35vh;
}
.voice-icon {
width: 130px;
margin-bottom: 40px;
}
.voice-title-img {
grid-row-gap: 60px;
flex-direction: column;
align-items: center;
display: flex;
}
.h3-50px {
max-width: 770px;
font-size: 50px;
}
.h3-50px.pol-conf {
max-width: 100%;
margin-bottom: 30px;
}
.voice_black_logo {
width: 176px;
}
.voice_black_logo._1 {
width: 236px;
}
.voice-logos-wrp {
grid-column-gap: 60px;
justify-content: space-between;
align-items: center;
display: flex;
}
.pd-right-mob {
display: none;
}
.voice-app-scr {
width: 403px;
}
.voice-app-scr._2 {
width: 800px;
}
.voice-app-scr._3 {
width: 570px;
}
.voice-app-scr._1 {
width: 289px;
}
.voice-app-scr-1-wrp {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.voice-app-scr-1-wrp._2 {
align-items: flex-end;
}
.voice-app-scr-1-wrp._3 {
padding-left: 10px;
padding-right: 0;
}
.voice-app-scr-1-wrp.desk-hide {
display: none;
}
.voice-wrp-for-abs-para {
position: absolute;
inset: 42% 7% auto auto;
}
.voice-wrp-for-abs-para._1 {
width: 240px;
top: 194px;
right: 77px;
}
.voice-wrp-for-abs-para._2 {
width: 262px;
inset: auto 10px 225px 27px;
}
.voice-wrp-for-abs-para._3 {
width: 262px;
inset: auto 10px 294px 95px;
}
.voice-wrp-for-abs-para._4 {
width: 262px;
inset: 56px 44px auto auto;
}
.voice-onbord-img {
width: 100%;
}
.voice-diz-img {
width: 289px;
}
.voice-diz-img-wrp {
margin-top: -80px;
}
.voice-diz-img-wrp._2 {
margin-top: 40px;
}
.voice-log-s-para {
grid-row-gap: 31px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.voice-app-scr-line-1 {
width: 165px;
position: absolute;
inset: auto 227px 142px auto;
}
.jiktan_5000 {
min-width: 1030px;
max-width: 1030px;
}
.voice-p-land-und {
z-index: 3;
background-color: var(--white);
width: 100%;
max-width: none;
height: 40px;
position: absolute;
inset: auto 0% 0%;
}
.maroo-header {
background-color: #f0eae3;
}
.maroo-icon {
width: 100px;
margin-bottom: 40px;
}
.maroo_3-problems {
justify-content: space-between;
align-items: flex-start;
margin-top: 80px;
display: flex;
}
.maroo-probl-item {
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
max-width: 298px;
display: flex;
}
.maroo-problems-img {
width: 55px;
}
.case-pt-200-pb-150 {
padding-top: 200px;
padding-bottom: 150px;
}
.container-1060 {
max-width: 1060px;
margin-left: auto;
margin-right: auto;
}
.container-1060.maroo-quote {
padding-top: 150px;
padding-bottom: 15px;
}
.maroo_highlighted-txt_pink {
background-color: #f9c2aa;
border-radius: 15px;
margin-top: 5px;
padding-bottom: 7px;
padding-left: 15px;
padding-right: 15px;
display: inline-block;
}
.pd-80_top {
padding-top: 80px;
}
.case-img-xl, .maroo-diz-1-img-wrap {
width: 100%;
}
.maroo-diz-1-img {
border-radius: 40px;
width: 100%;
}
.maroo-diz-2-img {
border-radius: 602px;
width: 425px;
}
.maroo-diz-2-img-wrap {
justify-content: space-between;
align-items: center;
width: 100%;
height: 833px;
padding-left: 90px;
padding-right: 90px;
display: flex;
}
.maroo-diz-3-img {
width: 389px;
}
.maroo-diz-3-img-wrap {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.maroo-proect-mob-imgs-wrap {
display: none;
}
.maroo-diz-4-img-wrap {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.maroo-diz-4-img-wrap.mr-170-top {
margin-top: 170px;
}
.maroo-diz-slice-img {
width: 318px;
}
.maroo-diz-slice-img.abs {
z-index: -1;
width: 326px;
position: absolute;
inset: -19% 21% auto auto;
}
.case-head_app-best {
width: 100%;
}
.case-app-best-img-wrp {
margin-left: -7vw;
margin-right: -7vw;
}
.case-p_logo {
width: 100px;
}
.case-p_logo.mr-40, .case-p_logo.pvz {
margin-bottom: 40px;
}
.underline {
text-decoration: underline;
}
.cont-centr {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.cont-centr.pvz-hhw {
color: #000;
margin-bottom: 15px;
}
.case-p-tasks-fl {
grid-column-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.case-p-tasks-fl.pt-20 {
padding-top: 20px;
}
.case-p-tasks-fl.flow {
margin-top: 45px;
margin-bottom: 80px;
}
.case-p-task-item {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.case-p-task-item.app-best-1 {
max-width: 334px;
}
.case-p-task-item.pvz {
grid-row-gap: 20px;
text-align: center;
max-width: 334px;
}
.case-p-task-item.pvz-hhw {
grid-row-gap: 10px;
align-items: flex-start;
max-width: 334px;
}
.case-p-task-numb-wrp {
border: 1px solid #5047f8;
border-radius: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 55px;
max-width: 100%;
height: 55px;
display: flex;
}
.case-p-task-num {
font-size: 28px;
line-height: 100%;
}
.case-p-task-num.purple {
color: #5047f8;
}
.mt-60 {
margin-top: 60px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-200 {
margin-bottom: 200px;
}
.mt-200 {
margin-top: 200px;
}
.mt-40 {
margin-top: 40px;
}
.case-p-app-best-icon-sm {
width: 90px;
margin-bottom: 40px;
}
.app-best-scr-bl {
grid-column-gap: 36px;
justify-content: center;
display: flex;
}
.app-best-mb-scr-im {
z-index: 1;
width: 100%;
position: absolute;
inset: 0% 0% auto;
}
.app-best_scr-wrp {
justify-content: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.app-best-cont {
border-radius: 80px;
width: 100%;
}
.appbest-scr-imgs {
width: 100%;
height: 789px;
position: sticky;
top: 4vh;
}
.para-60 {
letter-spacing: -.03em;
font-size: 60px;
line-height: 100%;
}
.case-review-wrp {
flex-direction: column;
justify-content: flex-start;
padding-bottom: 200px;
display: flex;
}
.case-review-wrp.druffle-review {
padding-top: 180px;
padding-bottom: 180px;
}
.is_grey-txt-b0 {
color: #b0b0b0;
}
.case-review-name {
font-size: 18px;
line-height: 145%;
}
.case-review-auth {
grid-column-gap: 26px;
align-items: center;
width: 330px;
display: flex;
}
.case-review-auth.druffle {
width: 483px;
}
.case-review_bttm {
justify-content: space-between;
align-items: center;
max-width: 100%;
margin-top: 44px;
display: flex;
position: relative;
}
.case-review_bttm.druffle {
margin-top: 60px;
}
.case-app-best-span-1 {
background-color: #5047f8;
border-radius: 35px;
padding: 0 10px 4px;
display: inline-block;
}
.case-app-best-span-2 {
background-color: #8e31d8;
border-radius: 20px;
padding: 0 8px 7px;
line-height: 98%;
display: inline-block;
}
.app-best-scrl-img {
width: 350px;
position: absolute;
inset: 7% 0% auto 5%;
}
.case-head-pvz {
width: 100%;
}
.case-pvz-img-wrp {
width: 720px;
margin-left: -7vw;
margin-right: -7vw;
}
.pvz-task-numb-wrp {
flex-direction: column;
justify-content: center;
align-items: center;
width: 110px;
max-width: 100%;
display: flex;
}
.pvz-tsk-num-img {
width: 100%;
}
.case-pvz-bike-img {
width: 290px;
margin-bottom: 60px;
}
.pvz-hhw-imgs-scr {
margin-top: 60px;
margin-left: -7vw;
margin-right: -7vw;
padding-left: 7vw;
padding-right: 0;
}
.pvz-hhw-img {
width: 1849px;
max-width: none;
}
.pvz-interf-img {
width: 229px;
}
.pvz-interf-img.mr-40 {
margin-bottom: 40px;
}
.pvz-interf-line {
z-index: 6;
background-color: #fed42b;
width: 5px;
height: 700px;
position: absolute;
top: -60px;
bottom: 0;
left: 0;
}
.pvz-interf-blck {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 700px;
display: flex;
}
.pvz-interf-imgs-wrp {
background-color: #cdb5a7;
border: 20px solid #cdb5a7;
border-radius: 15px;
width: 100%;
}
.pvz-inters-images-all {
border-radius: 10px;
width: 100%;
height: 584px;
position: relative;
}
.pvz-interf-paras {
grid-row-gap: 30px;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 200px;
display: flex;
}
.pvz-imterf-para-bl {
max-width: 460px;
}
.is_black-txt {
color: var(--black);
}
.is-txt_centered {
text-align: center;
}
.pvz-flow-video {
z-index: 1;
border-radius: 10px;
width: 100%;
height: 620px;
}
.pvz-flow-yell {
grid-row-gap: 100px;
text-align: center;
background-color: #fed42b;
border-radius: 60px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 100px;
padding: 130px 92px;
display: flex;
}
.block-698 {
max-width: 698px;
}
.pvz-manage-wrp {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 300vh;
margin-left: -7vw;
margin-right: -7vw;
padding-top: 60px;
display: flex;
}
.pvz-manage_all-items {
grid-column-gap: 50px;
padding-left: 7vw;
display: flex;
}
.pvz-manage_all-items.desk-hide {
display: none;
}
.pvz-manage-ov-hid {
display: flex;
position: sticky;
top: 50px;
overflow: hidden;
}
.pvz-manage-ov-hid.desk-hide {
display: none;
}
.pvz-manage-_par {
max-width: 100%;
height: 100%;
position: relative;
}
.pvz-manage-item {
grid-row-gap: 20px;
text-align: center;
flex-direction: column;
width: 700px;
display: flex;
}
.pvz-delivery {
width: 234px;
}
.pvz-delivery-wrp {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 300vh;
margin-left: -7vw;
margin-right: -7vw;
padding-top: 60px;
display: flex;
}
.pvz-deliv-para {
max-width: 100%;
}
.pvz-deliv-item {
grid-row-gap: 20px;
text-align: center;
flex-direction: column;
width: 700px;
display: flex;
}
.pvz-delivery_all-items {
grid-column-gap: 50px;
padding-left: 7vw;
display: flex;
}
.pvz-delivery-inter {
max-width: 100%;
height: 100%;
position: relative;
}
.pvz-invent-band {
z-index: 2;
width: 1660px;
max-width: none;
position: absolute;
inset: auto auto -7% -66%;
}
.pvz-review {
grid-row-gap: 60px;
background-color: #fed42b;
border-radius: 40px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 100px;
padding: 130px 92px;
display: flex;
}
.pvz-review-img {
width: 299px;
}
.text-30px-140 {
font-size: 30px;
line-height: 140%;
}
.pvz-final {
grid-row-gap: 80px;
flex-direction: column;
margin-top: 353px;
padding-bottom: 50px;
display: flex;
}
.rs-img-1 {
width: 60px;
position: absolute;
inset: -100px 77% auto auto;
}
.rs-img-2 {
width: 168px;
position: absolute;
inset: 150px auto auto 79%;
transform: rotate(-3.71deg);
}
.rs-h-cont {
flex-direction: column;
align-items: center;
max-width: 883px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.text-32px-125 {
letter-spacing: -.01em;
font-size: 32px;
line-height: 125%;
}
.rs-1st-src-bttm {
grid-column-gap: 30px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 880px;
margin-top: 180px;
display: grid;
position: relative;
}
.rs-1scr-item {
grid-row-gap: 10px;
background-color: var(--white);
text-align: left;
border-radius: 20px;
flex-direction: column;
align-items: flex-start;
padding: 30px 51px 40px 50px;
display: flex;
}
.rs-1scr-item.last {
position: relative;
}
.txt-58-100 {
font-size: 47px;
line-height: 100%;
}
.txt-58-100.rs-head-c {
font-size: 41px;
}
.rs-img-3 {
width: 148px;
position: absolute;
inset: -120px 72% auto auto;
}
.rs-img-3.rr-task {
width: 103px;
top: -9%;
left: 11%;
right: auto;
}
.rs-img-4 {
width: 230px;
position: absolute;
inset: auto 3% 17% auto;
}
.rs-2nd-scr-title {
width: 726px;
}
.rs-cards-ttl {
font-size: 3.3vw;
line-height: 100%;
}
.research-card-6 {
color: #322f32;
background-color: #e2eddb;
border-radius: 28.8px;
flex-direction: column;
justify-content: space-between;
width: 39vw;
height: 24vw;
padding: 3.1vw 3.9vw 3.9vw;
display: flex;
position: absolute;
inset: auto 0% 5% auto;
transform: rotate(-2.72deg);
}
.research-card-6:hover {
z-index: 5;
}
.research-card-6.new {
z-index: 1;
background-color: #ddd7e9;
border-radius: 20px;
width: 31vw;
height: 17vw;
transition: all .35s cubic-bezier(.455, .03, .515, .955);
bottom: 21%;
right: 17%;
transform: rotate(7.4deg);
}
.research-card-6.new:hover {
z-index: 2;
}
.research-card-7 {
color: #322f32;
background-color: #f6e2cc;
border-radius: 28.8px;
flex-direction: column;
justify-content: space-between;
width: 45vw;
height: 31vw;
padding: 3.1vw 3.9vw 3.9vw;
display: flex;
position: absolute;
inset: auto auto 0% 0%;
transform: rotate(4.64deg);
}
.research-card-7:hover {
z-index: 8;
}
.research-card-7.new {
z-index: 1;
background-color: #ddeaf3;
border-radius: 20px;
width: 31vw;
height: 17vw;
transition: all .35s cubic-bezier(.455, .03, .515, .955);
bottom: 9%;
left: 14%;
transform: rotate(-9.73deg);
}
.research-card-7.new:hover {
z-index: 2;
}
.rs-cards-img-1 {
z-index: 0;
width: 150px;
position: absolute;
inset: -14% 4% auto auto;
}
.rs-cards-img-1.desk--tab-mb-gr-hide {
display: none;
}
.rs-cards-img-2 {
z-index: 0;
width: 210px;
position: absolute;
inset: auto auto 4% 38%;
}
.rs-process-work {
padding-top: 120px;
padding-bottom: 150px;
}
.rs-process-title {
max-width: 780px;
}
.rs-process-blocks {
grid-row-gap: 32px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 53px;
display: grid;
}
.rs-process-top-itm {
align-items: center;
display: flex;
}
.rs-proc-color-txt {
background-color: #ddeaf3;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.rs-proc-color-txt._2 {
background-color: #e2eddb;
border-radius: 80px;
}
.rs-proc-color-txt._3 {
background-color: #ddd7e9;
border-radius: 10px;
}
.rs-colored-bl {
width: 139px;
min-width: 139px;
height: 46px;
display: flex;
}
.rs-colored-bl._2 {
width: 148px;
min-width: 148px;
}
.p-20-100 {
line-height: 100%;
}
.rs-proc-img {
width: 22px;
}
.rs-proc-line {
background-color: #8a8a6933;
width: 100%;
height: 1px;
}
.rs-process-bttm {
max-width: 249px;
}
.rs-process-bttm._2 {
max-width: 262px;
}
.rs-task-img {
width: 148px;
position: absolute;
inset: -120px 72% auto auto;
}
.rs-task-img._1 {
background-color: #f6e2cc;
border-radius: 100%;
width: 9vw;
inset: -12% auto auto 34%;
}
.rs-task-img._2 {
background-color: #e2eddb;
border-radius: 100%;
width: 9vw;
top: -4.2%;
right: 15%;
}
.rs-task-img._5 {
width: 9vw;
inset: auto auto 75.5% 1%;
}
.rs-task-img._4 {
z-index: 1;
width: 9vw;
inset: auto auto 58.5% 27%;
}
.rs-task-img._3 {
width: 9vw;
inset: auto 27% 69% auto;
}
.rs-task-img.hand {
width: 77px;
inset: auto 0% 75% 91%;
}
.rs-task-img.va {
width: 106px;
inset: auto auto 72% 38%;
}
.rs-tal-card-img {
width: 163px;
}
.rs-tal-card-img._2 {
width: 140px;
}
.rs-tal-card-img._3 {
width: 160px;
}
.rs-tal-card {
background-color: #fff;
border-radius: 20px;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
padding: 40px 52px 52px 50px;
display: flex;
position: relative;
}
.form-input {
color: var(--white);
background-color: #0000;
border: 2px solid #b9b9b9;
border-radius: 10px;
height: 78px;
margin-bottom: 30px;
padding: 19px 35px 23px;
font-size: 28px;
line-height: 129%;
transition: all .3s cubic-bezier(.455, .03, .515, .955);
}
.form-input:active, .form-input:focus {
border-color: var(--white);
}
.form-input::placeholder {
color: #b9b9b9;
}
.form-input.message {
height: 157px;
}
.form-input.phone.input-error-state {
border-color: #ff7a7a;
}
.form-input.phone.input-valid-state {
border-color: #9ce682;
}
.form-input.input-error-state {
position: relative;
}
.form-input.input-error-state::placeholder {
color: #ff7a7a;
}
.submit-btn {
color: #333037;
background-color: #fff;
border-radius: 46px;
width: 100%;
margin-bottom: 20px;
padding-top: 20px;
padding-bottom: 24px;
font-size: 36px;
line-height: 94%;
transition: all .35s cubic-bezier(.455, .03, .515, .955);
}
.submit-btn:hover {
color: #fff;
background-color: #1d1d1d;
}
.submit-btn.submit-disabled-state {
opacity: .99;
cursor: auto;
}
.form-agree-txt {
color: #8b8b8b;
font-size: 16px;
line-height: 110%;
}
.form-agree-link {
color: #8b8b8b;
font-size: 1em;
text-decoration: underline;
transition-property: all;
transition-duration: .3s;
}
.form-agree-link:hover {
color: var(--white);
text-decoration: underline;
}
.form_new {
max-width: 575px;
margin-left: auto;
margin-right: auto;
}
.form_bottom {
grid-column-gap: 17px;
color: var(--white);
letter-spacing: -.03em;
align-items: center;
margin-top: 80px;
font-size: 50px;
line-height: 108%;
display: flex;
}
.form-bottom-link {
border-bottom: 2px solid var(--white);
color: var(--white);
transition-property: all;
}
.form-bottom-link:hover {
color: #ddd7e9;
border-bottom-color: #ddd7e9;
}
.form_bottom-img {
width: 60px;
}
.rs-show-more {
display: none;
}
.rs-process-blocks_only-mob {
grid-row-gap: 32px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 53px;
display: none;
}
.form-title-block {
text-align: center;
}
.form-success {
background-color: #0000;
max-width: 1042px;
padding: 0 0 150px;
}
.form-success-img {
margin-top: 115px;
}
.brown-bg {
background-color: var(--almost-black);
}
.brown-bg.pt-60 {
padding-top: 60px;
}
.error-message {
color: #ff7a7a;
background-color: #f6e1e1;
border-radius: 10px;
max-width: 574px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding: 14px 50px 16px;
font-size: 18px;
line-height: 110%;
}
.span-violet_ch-team {
letter-spacing: -.03em;
background-color: #ddd7e9;
border-radius: 55px;
margin-top: 12px;
padding-bottom: 9px;
padding-left: 20px;
padding-right: 20px;
line-height: 70%;
overflow: hidden;
}
.ch-team-h1 {
flex-direction: column;
align-items: center;
display: flex;
}
.pol-conf_head {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 69px;
padding-top: 30px;
display: flex;
position: relative;
}
.pol-conf_img {
width: 120px;
position: absolute;
inset: 19% 0% auto auto;
}
.pol-conf_inf-blck {
flex-direction: column;
align-items: flex-start;
margin-bottom: 60px;
display: flex;
}
.pol-conf_inf-blck.top {
grid-row-gap: 20px;
margin-bottom: 50px;
}
.pol-conf-info-blck {
justify-content: space-between;
width: 100%;
display: flex;
}
.pol-conf-text-wrp {
align-items: flex-start;
width: 100%;
margin-bottom: 15px;
display: flex;
}
.pol-conf-text-wrp.sogl {
margin-left: 32px;
}
.pol-conf-text-numb {
margin-right: 20px;
}
.pol-conf-text-numb.list {
margin-left: 50px;
}
.pol-conf-para-non-l {
margin-bottom: 15px;
}
.pol-conf-recv-wrp {
grid-column-gap: 110px;
width: 100%;
display: flex;
}
.pol-conf-recv-wrp.desk-hide {
display: none;
}
.pol-conf-recv-blck {
grid-row-gap: 18px;
flex-direction: column;
display: flex;
}
.sogl-img {
width: 120px;
position: absolute;
inset: auto 2% 2% auto;
}
.sogl_head {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 54px;
padding-top: 30px;
display: flex;
position: relative;
}
.sogl-para._1 {
margin-bottom: 25px;
}
.sogl-para._2 {
margin-bottom: 40px;
}
.banner {
background-color: var(--white);
text-align: center;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
height: 60px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding-top: 19px;
padding-bottom: 22px;
display: flex;
position: relative;
overflow: hidden;
}
.banner-txt {
letter-spacing: -.03em;
border-bottom: 1px solid #c4c4c4;
font-size: 22px;
line-height: 100%;
transition: all .35s cubic-bezier(.455, .03, .515, .955);
}
.banner-txt.tab-hide {
display: block;
}
.banner-txt-wrp {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.banner-txt-wrp.desk-hide {
display: none;
}
.banner-img-1 {
width: 24px;
position: absolute;
inset: 12px auto auto 34px;
}
.banner-img-2 {
width: 54px;
position: absolute;
bottom: -8px;
left: 84px;
right: auto;
}
.banner-img-3 {
width: 54px;
position: absolute;
inset: -6px auto auto 192px;
}
.banner-img-4 {
width: 54px;
position: absolute;
inset: auto 207px -10px auto;
}
.banner-img-5 {
width: 54px;
position: absolute;
inset: -2px 123px auto auto;
}
.banner-img-6 {
width: 36px;
position: absolute;
inset: -13px 58px auto auto;
}
.banner-img-7 {
width: 54px;
position: absolute;
inset: auto 0% -10px auto;
}
.banner-img-8 {
width: 54px;
display: none;
position: absolute;
inset: auto 0% -10px auto;
}
.pvz-review-cont {
width: 100%;
max-width: 1006px;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
}
.pvz-fin_top {
grid-column-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.pvz-fin-item {
grid-row-gap: 20px;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 334px;
padding-left: 18px;
padding-right: 19px;
display: flex;
}
.pvz-fin-item.desk-hide {
display: none;
}
.pvz-fin-img {
width: 110px;
}
.pvz-fin-img._4 {
width: 276px;
}
.pvz-fin-img._4.desk-hide {
display: none;
}
.pvz-fin-img._5 {
width: 164px;
}
.pvz-fin_bttm {
grid-column-gap: 30px;
grid-template-rows: auto;
grid-template-columns: minmax(200px, 334px) minmax(200px, 334px);
grid-auto-columns: 1fr;
justify-content: center;
place-items: start center;
display: flex;
}
.team {
grid-column-gap: 70px;
grid-row-gap: 60px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 60px;
display: grid;
position: relative;
}
.team-item {
text-align: left;
}
.is-yell-txt {
color: #fed42b;
}
.pvz-team-img {
width: 152px;
position: absolute;
inset: auto 14% 0% auto;
}
.pvz-fin-band-1 {
width: 1281px;
max-width: none;
position: absolute;
inset: 7% auto auto 0%;
}
.pvz-fin-band-2 {
z-index: 1;
width: 1200px;
max-width: none;
position: absolute;
inset: auto 0% 33% auto;
}
.pvz-band-head_mb {
display: none;
}
.case-p-hww-fl {
grid-column-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.case-p-hww-fl.pt-20 {
padding-top: 20px;
}
.pvz-before {
z-index: 1;
transform-origin: 100%;
border-radius: 10px;
height: 584px;
position: absolute;
inset: 0%;
overflow: hidden;
}
.pvz-after {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/634551ed9c7a30131f262009_pvz-%D0%9F%D0%BE%D1%81%D0%BB%D0%B5.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
height: 584px;
display: block;
position: relative;
}
.pvz_img {
border-radius: 10px;
min-width: 860px;
position: absolute;
inset: 0%;
}
.pvz-interf-bl_mob {
display: none;
}
.case-bg-img {
width: 100%;
position: absolute;
inset: auto 0% 0%;
}
.druffle-hero {
color: var(--almost-black);
}
.h1-70 {
font-size: 70px;
}
.is-max-w-921 {
max-width: 921px;
}
.is-block_centered {
margin-left: auto;
margin-right: auto;
}
.image-l {
width: 100%;
}
.is-mb-ds_50 {
margin-bottom: 50px;
}
.druffle-icon {
width: 157px;
margin-bottom: 60px;
}
.is-mb-ds_80 {
margin-bottom: 80px;
}
.druffle-tasks-grid {
grid-column-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 180px;
display: grid;
}
.druffle-task-item {
background-color: var(--white);
border: 1px solid #dcdfe3;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 280px;
padding: 20px 17px 20px 20px;
display: flex;
}
.druffle-task-numb {
width: 50px;
}
.druffle-task-wrap {
cursor: grabbing;
background-color: #dcdfe3;
border-radius: 20px;
}
.is-max-w_680 {
max-width: 680px;
}
.druffle-scr-wrap {
height: 300vh;
}
.druffle-scr-wrap.mob, .druffle-scr-wrap.purpl-bl.mb-bl {
display: none;
}
.druffle-hr-scroll--block {
width: 100%;
height: 100%;
}
.druffle-block {
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-top: 60px;
display: flex;
position: sticky;
top: 60px;
overflow: hidden;
}
.druffle-block.hr-purple {
top: 10vh;
}
.druffle-block.diz-process {
top: 40px;
}
.druffle-row {
flex-direction: row;
flex: none;
align-items: flex-start;
width: auto;
padding-left: 180px;
padding-right: 180px;
display: flex;
position: relative;
}
.druffle-row.orders-r {
grid-column-gap: 20px;
width: 2720px;
padding-left: 110px;
padding-right: 110px;
}
.druffle-row.diz-proc {
width: 3650px;
}
.druffle-hr-scr-img-wrap {
grid-row-gap: 40px;
border-radius: 20px;
flex-direction: column;
flex: none;
align-items: center;
width: 800px;
margin-right: 40px;
display: flex;
overflow: hidden;
}
.druffle-hr-scr-img-wrap._3 {
width: 1780px;
}
.druffle-hr-block-bottom {
grid-row-gap: 20px;
text-align: center;
flex-direction: column;
align-items: center;
max-width: 630px;
display: flex;
}
.druffle-hr-scr-img-l {
object-fit: cover;
border-radius: 20px;
width: 100%;
max-width: none;
height: 453px;
max-height: 453px;
}
.druffle-hr-scr-img-l.fl-imgs {
border-radius: 0;
}
.druffe-vt-wrp {
width: 100%;
height: 890px;
position: sticky;
top: 4vh;
}
.is-mb-ds_40 {
margin-bottom: 40px;
}
.druffle-vt-bl {
border-radius: 60px;
flex-direction: row;
justify-content: center;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.druffle-vt-img-wrap {
background-color: var(--white);
width: 100%;
}
.druffle-vt-img {
border-radius: 60px;
width: 100%;
position: absolute;
inset: 0% 0% auto;
}
.druffle-row_purple {
grid-column-gap: 100px;
flex-direction: row;
flex: none;
align-items: flex-start;
width: 2800px;
padding-left: 110px;
padding-right: 110px;
display: flex;
position: relative;
}
.druffle-hr-scroll--block_purple {
width: 100%;
height: 100%;
}
.container-1038 {
max-width: 1038px;
}
.is-br-ds__60 {
border-radius: 60px;
}
.druffle-team {
flex-direction: column;
align-items: flex-start;
padding-top: 120px;
padding-bottom: 150px;
display: flex;
}
.druffle-head-img {
width: 100%;
}
.is-txt_not-centered-mob {
text-align: center;
}
.druffle-hr-scr-img-wrap_mob {
grid-row-gap: 40px;
border-radius: 20px;
flex-direction: column;
flex: none;
align-items: center;
width: 71.87vw;
height: 676px;
margin-right: 40px;
display: flex;
overflow: hidden;
}
.is-txt-mob-16 {
font-size: 16px;
line-height: 150%;
}
.ord-mob-img {
border-radius: 60px;
width: 500px;
min-width: 500px;
display: block;
}
.ord-mob-img._3 {
width: 1000px;
min-width: 1000px;
}
.druffle-purple-item {
grid-column-gap: 80px;
align-items: center;
display: flex;
}
.druffle-purpl-img {
width: 27vw;
}
.druffle-purpl_right {
grid-row-gap: 32px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.druffle-purpl-icon {
width: 60px;
}
.druffle-purple-item_bttm {
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
width: 440px;
max-width: 440px;
display: flex;
}
.is-bg_white {
background-color: var(--white);
}
.druffle-hr-scr-2-imgs {
border-radius: 20px;
display: flex;
}
.druffle-review__span {
background-color: #dcdfe3;
border-radius: 40px;
margin-bottom: -10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
display: inline-block;
}
.druffle-review__span._2 {
background-color: #c5b3f1;
margin-top: -5px;
margin-bottom: -14px;
padding-bottom: 14px;
padding-left: 20px;
padding-right: 20px;
}
.druffle-team_item {
text-align: left;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.job-a_new {
z-index: 1;
text-align: left;
letter-spacing: -.03px;
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: -2px;
padding: 20px 40px 34px;
font-size: 50px;
line-height: 108%;
transition: all .3s, opacity .3s;
display: flex;
position: relative;
}
.job-a_new.is-white-text {
color: var(--white);
}
.job-a_new.is-white-text:hover {
color: var(--almost-black);
}
.job-a_new.job-itm {
color: var(--almost-black);
border-radius: 0;
height: 15vh;
padding-top: 1vh;
padding-bottom: 2vh;
}
.portfolio__menu {
pointer-events: none;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 1064px;
margin-bottom: 42px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.portfolio__menu.is-media {
display: none;
}
.portfolio__menu.is-media-1 {
justify-content: center;
align-items: center;
}
.portfolio__tab-link {
z-index: 5;
background-color: var(--white);
pointer-events: auto;
border-radius: 9999rem;
justify-content: center;
align-items: center;
width: 42px;
max-width: 42px;
height: 42px;
max-height: 42px;
padding: 0;
display: flex;
}
.portfolio__tab-link.w--current {
background-color: var(--almost-black);
pointer-events: auto;
color: var(--white);
border-radius: 40px;
}
.portfolio__tab-link.is-media {
background-color: #fff0;
width: auto;
height: auto;
padding: 10px 20px 12px;
}
.portfolio__tab-link.is-media.w--current {
color: var(--almost-black);
background-color: #fff;
}
.portfolio__tab-link.is-media.stable {
max-width: none;
max-height: none;
}
.portfolio__tab-link.is-media-1.w--current {
background-color: var(--white);
color: var(--almost-black);
width: auto;
height: auto;
padding: 10px 20px 12px;
}
.inline {
display: inline-block;
}
.h1-med_para.mob-show {
display: none;
}
.slide-img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
}
.awards {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 20px;
display: grid;
}
.award-item {
grid-column-gap: 32px;
grid-row-gap: 32px;
text-align: center;
border-bottom: 1px solid #8b8b8b33;
border-right: 1px solid #8b8b8b33;
flex-flow: column;
justify-content: center;
align-items: center;
height: 286px;
padding-left: 14px;
padding-right: 14px;
display: flex;
}
.award-item.is-right, .award-item.is-right.is-bttm {
border-right-style: none;
}
.award-item.is-bttm {
border-bottom-style: none;
}
.award-tag {
background-color: #b9943b4d;
border-radius: 40px;
justify-content: center;
align-items: center;
height: 29px;
padding-left: 12px;
padding-right: 12px;
font-size: 18px;
font-weight: 400;
display: flex;
}
.award-tag.is-yellow {
background-color: #e1e2c1;
}
.award-tag.is-blue {
background-color: #ddeaf3;
}
.award-tag.is-pink {
background-color: #f6e1e1;
}
.award-content {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 260px;
display: flex;
}
.h4 {
color: #000;
font-size: 24px;
}
.txt-18 {
font-size: 18px;
font-weight: 400;
}
.txt-18.txt_grey.cc-mob-12 {
line-height: 120%;
}
.txt_grey {
color: #8b8b8b;
}
.inline-txt {
display: inline-block;
}
.award-sub {
max-width: 200px;
}
.head-awards {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: center;
align-items: center;
width: 453px;
margin-top: 45px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.head-award-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: center;
align-items: center;
display: flex;
}
.award-img {
width: 29px;
}
.head-award-block {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.txt-16 {
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.avito-tasks-block {
text-align: center;
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex;
}
.no-wrap-span, .text-span-2 {
white-space: nowrap;
}
.body-white {
background-color: var(--white);
}
.avito-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.avito-grid.is-baas {
grid-template-columns: 1fr 1fr 1fr;
}
.avito-meta-rich-text.beststoksrich h3 {
color: #33303799;
font-size: 18px;
}
.avito-meta-rich-text.case-site-link {
padding-left: 22%;
}
.avito-meta-rich-text.case-site-link h3 {
color: #33303799;
font-size: 18px;
}
.avito-meta-rich-text.case-site-link.maroo {
padding-left: 0%;
}
.avito-meta-rich-text.yangorich {
max-width: 152px;
}
.avito-meta-rich-text.yangorich h3 {
color: #33303799;
font-size: 18px;
}
.avito-meta-rich-text.milab_rich {
max-width: 152px;
}
.avito-meta-rich-text.milab_rich p {
color: var(--white);
}
.avito-meta-rich-text.milab_rich._3 {
max-width: 240px;
}
.avito-meta-rich-text.milab_rich h3 {
color: #fff9;
font-size: 18px;
line-height: 145%;
}
.avito-meta-rich-text.case-site-link_milab {
color: var(--white);
padding-left: 22%;
}
.avito-meta-rich-text.case-site-link_milab p, .avito-meta-rich-text.case-site-link_milab a {
color: var(--white);
}
.avito-meta-rich-text.case-site-link_milab h3 {
color: #fff9;
font-size: 18px;
line-height: 145%;
}
.avito-meta-rich-text h3 {
color: #33303799;
font-size: 18px;
}
.avito-meta-rich-text.voice-rich {
max-width: 152px;
}
.avito-meta-rich-text.voice-rich h3 {
color: #33303799;
font-size: 18px;
}
.avito-meta-rich-text.voice-rich._2 {
max-width: 200px;
}
.avito-meta-rich-text.voice-rich._3 {
max-width: 350px;
}
.avito-meta-rich-text.maroo-rich h3 {
color: #33303799;
font-size: 18px;
}
.avito-meta-rich-text.case-site-link_best-app {
color: var(--white);
padding-left: 22%;
}
.avito-meta-rich-text.case-site-link_best-app p, .avito-meta-rich-text.case-site-link_best-app a {
color: var(--white);
}
.avito-meta-rich-text.case-site-link_best-app h3 {
color: #fff9;
font-size: 18px;
line-height: 145%;
}
.avito-meta-rich-text.pvz-rich {
max-width: 200px;
}
.avito-meta-rich-text.pvz-rich p {
color: var(--white);
}
.avito-meta-rich-text.pvz-rich h3 {
color: #fff9;
font-size: 18px;
line-height: 145%;
}
.avito-meta-rich-text.pvz-rich_3 {
max-width: 190px;
}
.avito-meta-rich-text.pvz-rich_3 p {
color: var(--white);
}
.avito-meta-rich-text.pvz-rich_3 h3 {
color: #fff9;
font-size: 18px;
line-height: 145%;
}
.link-3 {
font-size: 80px;
}
.case-link-text-copy {
display: inline;
}
.case-link-text-copy.arrow {
color: var(--silver);
display: inline-block;
}
.case-link-text-copy.link-itself {
white-space: nowrap;
max-width: 15ch;
display: inline-block;
overflow: hidden;
}
.case-link-text-copy.in-res {
border-radius: 90px;
margin-top: -1px;
margin-left: -8px;
padding: 1px 9px 1px 8px;
display: block;
}
.case-link-text-copy.in-res.p-24-29.m-yes.p-16-24 {
font-size: 16px;
line-height: 24px;
display: none;
}
.case-link-text-copy.in-res.p-16-24 {
line-height: 24px;
}
.avito-hero-img {
z-index: 0;
pointer-events: none;
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
inset: auto 0% 0%;
}
.avito-result-item {
grid-column-gap: 20px;
grid-row-gap: 20px;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 30%;
display: flex;
}
.case-result-number {
letter-spacing: -.03em;
font-size: 120px;
}
.case-result-number.is-avito {
color: #4badff;
line-height: 120%;
}
.media-content {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
padding-bottom: 80px;
display: flex;
}
.media-item {
background-color: #fff;
border-radius: 24px;
width: 100%;
height: auto;
min-height: 276px;
padding: 32px;
display: flex;
overflow: hidden;
}
.media-item.is-article {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
}
.media-item.is-case {
grid-column-gap: 48px;
grid-row-gap: 48px;
justify-content: space-between;
}
.media-item.is-case.is-avito-baas {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: #cbe6ff;
height: 380px;
}
.media-item.is-case.is-mindbox.hide {
display: none;
}
.media-item.is-case.is-mindbox {
background-color: #e7e9e8;
height: 380px;
}
.media-item.is-case.is-yanx-zd {
background-color: #fdf9f2;
height: 380px;
}
.media-item.is-case.is-yanx-zd.hide {
display: none;
}
.media-item.is-case.is-strana {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: #eeecf5;
height: 380px;
}
.media-item.is-case.is-guestlink {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: #e5e5df;
flex-flow: row;
height: 380px;
}
.media-item.is-case.is-kokoc {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: #f3efec;
flex-flow: row;
height: 380px;
}
.media-item.is-case.is-kokoc1 {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: #eeecf5;
height: 380px;
}
.media-item.is-case.is-guestlink1 {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: #e5e5df;
height: 380px;
}
.media-item.is-case.is-avitorabota {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: #e8e3f7;
height: 380px;
}
.media-item.is-case.is-hircost {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: #e2e8f0;
height: 380px;
}
.media-article_left {
grid-column-gap: 32px;
grid-row-gap: 32px;
max-width: 704px;
display: flex;
}
.media-art-img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.media-art-img.is-l {
width: 100%;
height: 100%;
}
.media-art-img.is-desns {
width: 205px;
height: 186px;
margin-bottom: -20px;
}
.media-art-img.is-194 {
width: 194px;
margin-right: -12px;
}
.media-art-img_wrap {
background-color: #f5f5f5;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 250px;
min-width: 250px;
height: 212px;
display: flex;
overflow: hidden;
}
.media-art-img_wrap.is-bttm {
justify-content: center;
align-items: flex-end;
}
.media-art-img_wrap.is-right {
justify-content: flex-end;
align-items: center;
}
.media-art_left-content {
flex-flow: column;
justify-content: space-between;
max-width: 468px;
display: flex;
}
.media-art_para {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.media-date {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.is_grey-txt-85 {
color: #858585e6;
}
.media_right {
flex-flow: column;
justify-content: space-between;
align-self: stretch;
align-items: flex-end;
display: flex;
}
.media-logo {
max-width: 150px;
height: auto;
max-height: 30px;
}
.media-logo.is-designers {
width: 146px;
height: 28px;
}
.media-logo.is-skillbox {
width: 99px;
height: 22px;
}
.media-logo.is-vc {
width: 36px;
max-width: none;
height: 34px;
}
.media-logo.is-news {
max-width: 116px;
max-height: 34px;
}
.media-logo.is-workspace {
width: 147px;
height: 22px;
}
.media-logo.is-sostav {
width: 80px;
}
.media_right_content {
justify-content: flex-end;
align-items: center;
margin-top: auto;
display: flex;
}
.media-cont-link {
background-color: #e2eddb;
border-radius: 100px;
justify-content: center;
align-items: center;
height: 34px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.media-cont-link.is-purple {
background-color: #ddd7e9;
}
.media-cont-link.is-white {
background-color: #fff;
}
.txt-14 {
font-size: 14px;
font-weight: 400;
line-height: 110%;
}
.media-arrow {
width: 18px;
height: 18px;
}
.media-cont-circle {
background-color: #e2eddb;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
display: flex;
}
.media-cont-circle.is-purple {
background-color: #ddd7e9;
}
.media-cont-circle.is-white {
background-color: var(--white);
}
.media-cont-circle.is-green {
background-color: #e2eddb;
}
.media-case_left {
flex-flow: column;
justify-content: space-between;
display: flex;
}
.media-case_bttm {
justify-content: space-between;
display: flex;
}
.media-case_image {
width: 588px;
height: 380px;
}
.media-case_image.is-strana {
align-self: flex-end;
height: auto;
margin-bottom: -40px;
}
.media-case_image.is-kokoc {
flex: 1;
align-self: stretch;
height: auto;
margin-bottom: -40px;
}
.media-case_image.is-guestlink {
align-self: flex-end;
height: auto;
margin-bottom: -40px;
}
.media-case_image.is-avitorabota {
box-sizing: border-box;
clear: none;
align-self: center;
height: auto;
margin-bottom: -40px;
position: static;
}
.media-case_image.is-hircost {
box-sizing: border-box;
clear: none;
flex: 0 auto;
align-self: center;
height: auto;
margin-bottom: -40px;
position: static;
}
.txt-op-9 {
color: #333037e6;
}
.media-dot {
background-color: #858585e6;
border-radius: 100%;
width: 3px;
height: 3px;
margin-bottom: -4px;
}
.menu-wrapper-form {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 54px;
padding-bottom: 80px;
display: flex;
position: relative;
}
.menu-form {
justify-content: space-between;
align-items: center;
height: 59px;
padding: 10px;
display: flex;
}
.form-heading-wrapper {
width: 353px;
}
.form-wrapper {
flex: none;
width: 100%;
}
.form-heading2-wrapper {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.form-field-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
width: 100%;
display: flex;
position: relative;
}
.form-field-wrapper.not-required-field, .form-field-wrapper.nogap, .form-field-wrapper.task-gaps {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.form-inner-wrapper {
grid-column-gap: 72px;
grid-row-gap: 72px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.form-inner-wrapper.cc-outstuff {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.checkbox-label {
color: #000;
margin-bottom: .5rem;
font-size: .9rem;
font-weight: 600;
}
.text-color-grey {
opacity: .7;
}
.checkbox_row {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.checkbox-field {
z-index: 2;
flex: none;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: 10px 20px 12px;
line-height: 1.4em;
display: flex;
position: relative;
}
.checkbox-field:hover {
position: relative;
}
.checkbox_button {
z-index: 3;
cursor: pointer;
background-color: #fff;
border: 1px #333037;
border-radius: 99999px;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
transition: all .2s;
display: inline-block;
position: absolute;
inset: 0%;
}
.checkbox_button:hover {
border-style: solid;
}
.checkbox_button.w--redirected-checked {
background-color: var(--almost-black);
background-image: none;
background-size: auto;
width: 100%;
height: 100%;
}
.checkbox_button.w--redirected-focus {
border: 0 #0000;
box-shadow: 0 2px 5px #fff3;
}
.checkbox_button.austuff-checkbox {
background-color: #fff0;
border-style: solid;
border-color: #fff;
}
.checkbox_button.austuff-checkbox.w--redirected-checked {
background-color: var(--white);
}
.custom-checkbox-label {
z-index: 4;
pointer-events: none;
color: var(--almost-black);
width: 100%;
font-size: 16px;
font-weight: 400;
line-height: 150%;
position: relative;
}
.custom-checkbox-label.checkbox-autsuff {
color: var(--white);
}
.checkbox-css {
display: none;
}
.checkbox_row-budget, .checkbox_row-services {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.form-h3-heading-wrapper {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.error-dot {
opacity: 0;
background-color: #ff5f59;
border-radius: 99999px;
width: 10px;
height: 10px;
}
.form-submit-bttn {
z-index: 7;
cursor: pointer;
background-color: #fff0;
width: 102%;
height: 108%;
margin-top: -3px;
margin-left: -3px;
margin-right: auto;
padding: 0;
position: absolute;
inset: 0% auto auto 0%;
}
.custom-textarea-wrapper {
width: 100%;
}
.custom-textarea {
color: var(--almost-black);
background-color: #fff0;
border: 1px #000;
border-bottom: 1px solid #c4c4c4;
height: 49px;
max-height: 1000px;
margin-bottom: 0;
padding: 0 16px 12px 0;
font-size: 28px;
font-weight: 400;
line-height: 130%;
overflow: auto;
}
.custom-textarea:active {
border-bottom-color: var(--almost-black);
background-color: #fff0;
box-shadow: 0 2px 5px #0000;
}
.custom-textarea:focus {
border-bottom-color: #c4c4c4;
box-shadow: 0 2px 5px #0000;
}
.custom-textarea::placeholder {
color: #c4c4c4;
}
.code-embed {
display: none;
}
.textfield {
color: var(--almost-black);
background-color: #fff0;
border: 1px #000;
border-bottom: 1px solid #c4c4c4;
height: 49px;
margin-bottom: 0;
padding: 0 0 12px;
font-size: 28px;
font-weight: 400;
line-height: 130%;
}
.textfield:active {
border-bottom-color: var(--almost-black);
background-color: #fff0;
box-shadow: 0 2px 5px #0000;
}
.textfield:focus {
border-bottom-color: #c4c4c4;
box-shadow: 0 2px 5px #0000;
}
.textfield::placeholder {
color: #c4c4c4;
}
.textfield.autstuff {
color: #fff;
}
.textfield.autstuff::placeholder {
color: #b9b9b9;
}
.para-14 {
color: #858585;
font-size: 14px;
font-weight: 400;
line-height: 150%;
}
.para-14.under-img {
margin-top: 8px;
}
.para-14.pol-conf {
color: #858585;
}
.para-14.not-required-text {
color: #c4c4c4;
text-align: right;
font-size: 14px;
}
.para-14.small-field-name {
opacity: 0;
color: #858585;
text-align: left;
margin-bottom: 4px;
font-size: 14px;
}
.error-dot-textfield {
opacity: 0;
background-color: #ff5f59;
border-radius: 99999px;
width: 10px;
height: 10px;
position: absolute;
bottom: 18px;
left: auto;
right: 0%;
}
.submit-wrapper {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 574px;
display: flex;
}
.submit-wrapper.cc-outstuff {
text-align: center;
justify-content: flex-start;
align-items: center;
width: 100%;
}
.submit-bttn-wrapper {
color: #fff;
text-align: center;
background-color: #333037;
border: 3px solid #333037;
border-radius: 46px;
flex-direction: row;
flex: none;
justify-content: center;
align-items: center;
width: auto;
margin-bottom: 0;
padding: 20px 30px 24px 35px;
font-size: 16px;
font-weight: 400;
line-height: 100%;
text-decoration: none;
transition-property: all;
transition-duration: .3s;
display: flex;
position: relative;
}
.submit-bttn-wrapper:hover {
color: #333037;
background-color: #fff;
border: 3px solid #333037;
}
.submit-bttn-wrapper:active {
background-color: #b9b9b9;
}
.submit-bttn-wrapper.main {
color: #fff;
border: 3px solid #333037;
transition-property: all;
transition-duration: .3s;
}
.submit-bttn-wrapper.main:hover {
border: 3px solid var(--almost-black);
color: #333037;
background-color: #fff;
}
.submit-bttn-wrapper.main:active {
background-color: #b9b9b9;
}
.submit-bttn-wrapper.small {
height: 75px;
}
.submit-bttn-wrapper.rs-sm {
height: 75px;
margin-top: 40px;
margin-bottom: 0;
transition-duration: .35s;
transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}
.submit-bttn-wrapper.cc-outstuff {
width: 100%;
}
.form-fields-wrapper {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 635px;
display: flex;
}
.form-fields-wrapper.cc-100, .project-form {
width: 100%;
}
.success-message {
background-color: #ddd0;
width: 100%;
padding: 0;
}
.success-mes-img {
z-index: 0;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.success-mes-inner {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 164px;
display: flex;
}
.success-mess-text-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.success-mess-text-wrapper.mw-950 {
max-width: 950px;
}
.error-mes {
width: 635px;
margin-top: 10px;
margin-left: auto;
}
.txt-28-form {
font-size: 28px;
font-weight: 400;
line-height: 32px;
}
.para-16-form {
color: #8b8b8b;
font-size: 16px;
font-weight: 400;
line-height: 150%;
}
.para-16-form.under-img {
margin-top: 8px;
}
.para-16-form.pol-conf {
color: #858585;
}
.para-16-form.not-required-text {
color: #c4c4c4;
text-align: right;
font-size: 14px;
}
.para-16-form.black {
color: var(--black);
}
.uploader, .uploader-text-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.uploader-bttn-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.file-list {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
width: 100%;
margin-top: 0;
}
.code-embed-2 {
width: 40px;
height: 40px;
}
.custom-textarea-1 {
color: var(--almost-black);
background-color: #fff0;
border: 1px #000;
border-bottom: 1px solid #c4c4c4;
height: 49px;
margin-bottom: 0;
padding: 0 0 12px;
font-size: 28px;
font-weight: 400;
line-height: 130%;
overflow: auto;
}
.custom-textarea-1:active {
border-bottom-color: var(--almost-black);
background-color: #fff0;
box-shadow: 0 2px 5px #0000;
}
.custom-textarea-1:focus {
border-bottom-color: #c4c4c4;
box-shadow: 0 2px 5px #0000;
}
.custom-textarea-1::placeholder {
color: #c4c4c4;
}
.cases-grid-inner {
flex-flow: column;
flex: none;
justify-content: flex-start;
align-items: center;
width: 48%;
display: flex;
}
.form-blur {
display: none;
}
.counrtydev-hero-img {
z-index: 0;
pointer-events: none;
object-fit: cover;
width: 80%;
max-width: 1000px;
height: auto;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 0% 0%;
box-shadow: -10px 44px 15px #e4dde4a6;
}
.counrtydev-hero-img.mob {
display: none;
}
.countrydev-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.countrydev-grid.is-baas, .countrydev-grid.is-strana {
grid-template-columns: 1fr 1fr 1fr;
}
.counrtydev-tasks-block {
text-align: center;
justify-content: space-between;
align-items: flex-start;
width: 100%;
margin-bottom: 0;
display: flex;
}
.agima-icon {
justify-content: center;
align-items: center;
width: 97px;
height: 43px;
display: flex;
}
.guestlink-hero-img {
z-index: 0;
pointer-events: none;
object-fit: cover;
width: 80%;
max-width: 1000px;
height: auto;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 0% 0%;
}
.guestlink-hero-img.mob {
display: none;
}
.counrtydev-hero-img-copy {
z-index: 0;
pointer-events: none;
object-fit: cover;
width: 80%;
max-width: 1000px;
height: auto;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 0% 0%;
box-shadow: -10px 44px 15px #e4dde4a6;
}
.counrtydev-hero-img-copy.mob {
display: none;
}
.card-header1 {
color: #f3efec;
justify-content: space-between;
align-items: flex-start;
padding-top: 36px;
padding-left: 40px;
padding-right: 50px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.card-header1.nq {
padding-bottom: 12px;
position: relative;
}
.card-header1.nq.pik {
padding-bottom: 0;
}
.card-header1.nq.znd {
color: #f2efed;
-webkit-text-stroke-color: #f2efed;
background-color: #f3efec;
padding-bottom: 30px;
}
.avitorabota-hero-img {
z-index: 0;
pointer-events: none;
object-fit: cover;
width: 100%;
max-width: 1440px;
height: auto;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 0% 0%;
}
.avitorabota-hero-img.mob {
display: none;
}
.avito-rabota-hero-img {
z-index: 0;
pointer-events: none;
object-fit: cover;
width: 80%;
max-width: 1000px;
height: auto;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 0% 0%;
}
.avito-rabota-hero-img.mob {
display: none;
}
.hircost-hero-img {
z-index: 0;
pointer-events: none;
object-fit: cover;
width: 70%;
max-width: 1000px;
height: auto;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 0% 4.8125rem;
}
.hircost-hero-img.mob {
display: none;
}
.avito-rabota-hero-img-copy {
z-index: 0;
pointer-events: none;
object-fit: cover;
width: 80%;
max-width: 1000px;
height: auto;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 0% 0%;
}
.avito-rabota-hero-img-copy.mob {
display: none;
}
.cards_item-expert {
text-align: left;
border-radius: 30px;
justify-content: flex-start;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
transition: background-color .3s;
display: flex;
position: relative;
}
.cards_item-expert:hover {
background-color: var(--white);
}
.item_expert-right {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 49%;
display: flex;
}
.item_expert-left {
width: 35%;
}
.item_expert-svg {
opacity: 0;
object-fit: contain;
object-position: 50% 100%;
width: 180px;
height: 180px;
position: absolute;
top: -18%;
left: 30%;
}
.item_expert-svg.higher {
top: -20%;
}
.item_expert-svg.mob {
display: none;
}
.item_expert-content {
justify-content: space-between;
align-items: flex-start;
padding: 30px 40px;
display: flex;
}
.benefits-grid_item {
text-align: left;
background-color: #ddeaf3;
border-radius: 20px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
height: 260px;
padding: 30px;
display: flex;
position: relative;
}
.benefits-grid_item.cc-peach {
background-color: #f6e2cc;
}
.benefits-grid_item.cc-white {
background-color: var(--white);
padding-right: 15px;
}
.benefits-grid_item.cc-beige {
background-color: #ebebef;
}
.benefits-grid_item.cc-smoke-pink {
background-color: #ddd7e9;
justify-content: space-between;
align-items: center;
height: 100%;
}
.subtitle-s {
font-size: 28px;
line-height: 32px;
}
.subtitle-s.mw-220 {
margin-right: auto;
}
.benefits-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.benefits-item_icon {
pointer-events: none;
width: 130px;
height: 130px;
position: absolute;
top: 60px;
right: 12px;
}
.benefits-item_icon.cc-big {
width: 238px;
height: 238px;
margin-left: auto;
margin-right: auto;
top: 176px;
right: auto;
}
.benefits-item_icon.cc-big.mobile {
display: none;
}
.price-list_item {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.price-list {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.price-list-divider {
background-color: #b9b9b966;
width: 100%;
height: 1px;
}
.card-tag {
color: #333037b3;
border: 2px solid #33303726;
border-radius: 100px;
padding: 9px 16px 9px 20px;
font-size: 15px;
line-height: 146%;
}
.tags-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.outstuff-form {
width: 100%;
}
.white-link {
color: var(--white);
}
.mw-563 {
width: 563px;
}
.steps-item_card {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--white);
border-radius: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 40px 50px;
display: flex;
}
.steps-list {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
position: relative;
}
.steps-list-item {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.steps-item_circle {
background-color: #f6e2cc;
border-radius: 100%;
flex: none;
justify-content: center;
align-items: center;
width: 56px;
height: 56px;
display: flex;
}
.steps-item_circle.cc-blue {
background-color: #ddeaf3;
}
.steps-item_circle.cc-green {
background-color: #e2eddb;
}
.steps-item_circle.cc-purple {
background-color: #ddd7e9;
}
.steps-item_circle.cc-mob {
display: none;
}
.steps-item_line {
opacity: .1;
background-color: #333037;
width: 2px;
height: 104px;
position: absolute;
top: 141px;
left: 27px;
}
.steps-item_line.cc-2 {
top: 349px;
}
.steps-item_line.cc-3 {
top: auto;
bottom: 141px;
}
.hero-card {
z-index: 2;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #ddeaf3;
border-radius: 20px;
flex-flow: column;
flex: none;
justify-content: flex-start;
align-items: flex-start;
width: 343px;
height: 400px;
margin-right: -10px;
padding: 40px;
display: flex;
position: relative;
transform: rotate(9deg);
}
.hero-card.cc-rose {
background-color: #ddd7e9;
}
.hero-card.cc-rose.card-3 {
z-index: 7;
margin-top: 62px;
}
.hero-card.cc-white {
background-color: var(--white);
flex: none;
}
.hero-card.cc-white.card-2 {
z-index: 9;
margin-top: 122px;
}
.hero-card.cc-white.card-4 {
margin-right: 0%;
}
.hero-card.card-1 {
z-index: 10;
margin-top: 146px;
}
.hero_card-img {
width: 150px;
}
.hero-sticker {
z-index: 10;
grid-column-gap: 4px;
grid-row-gap: 4px;
text-align: center;
background-color: #f6e2cc;
border-radius: 100%;
flex-flow: column;
justify-content: center;
align-items: center;
width: 206px;
height: 206px;
display: flex;
position: absolute;
bottom: -163px;
left: 421px;
transform: rotate(-15deg);
}
.hero-sticker-icon {
width: 27px;
height: 33px;
position: absolute;
top: 27px;
}
.hero-sticker-icon.cc-bottom {
width: 37px;
height: 45px;
top: auto;
bottom: 10px;
}
.hero-sticker_green {
z-index: -1;
grid-column-gap: 23px;
grid-row-gap: 23px;
background-color: #e2eddb;
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/6863974d2d3c179f8373d991_Union%20(Stroke).svg");
background-position: 100% 0;
background-repeat: no-repeat;
background-size: contain;
border-radius: 100px;
justify-content: flex-start;
align-items: center;
width: 246px;
height: 111px;
display: flex;
position: absolute;
top: 20px;
left: 214px;
transform: rotate(-12.23deg);
}
.hero-sticker_text {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.hero-sticker_avatar {
background-color: var(--white);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 95px;
height: 95px;
margin-left: 10px;
display: flex;
}
.sticker_avatar-icon {
width: 38px;
height: 48px;
}
.hero-row_content {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #ddeaf3;
flex: none;
justify-content: center;
align-items: center;
width: auto;
padding-top: 19px;
padding-bottom: 19px;
display: flex;
}
.row_content-top {
grid-column-gap: 4px;
grid-row-gap: 4px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.row_top-icon {
width: 30px;
height: 54px;
}
.row_top-icon.cc-2 {
transform-style: preserve-3d;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.hero-row {
z-index: 12;
justify-content: flex-start;
align-items: center;
display: flex;
position: absolute;
bottom: 3px;
left: 718px;
transform: rotate(-10deg);
}
.hero-row_triangle {
width: 51px;
height: 92px;
margin-right: -1px;
}
.hero-row_triangle.cc-2 {
margin-left: -1px;
margin-right: 0;
transform: rotate(180deg);
}
.popup {
z-index: 999;
background-color: #f5f5f5;
width: 100vw;
height: 100vh;
padding: 30px;
position: fixed;
inset: 0%;
overflow: scroll;
}
.popup.cc-product, .popup.cc-director {
display: none;
}
.popup-content {
grid-column-gap: 60px;
grid-row-gap: 60px;
background-color: var(--white);
text-align: left;
border-radius: 60px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 80px;
display: flex;
position: relative;
overflow: scroll;
}
.h2-56 {
letter-spacing: -.105rem;
font-size: 56px;
}
.span-grey {
color: #b9b9b9;
}
.popup-list-item {
grid-column-gap: 30px;
grid-row-gap: 30px;
border-bottom: 1px solid #b9b9b980;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
padding-top: 30px;
padding-bottom: 34px;
display: grid;
}
.popup-list-item.last {
border-bottom-style: none;
}
.div-block-16 {
max-width: 800px;
padding-top: 4px;
padding-bottom: 4px;
}
.div-block-17 {
flex: none;
justify-content: flex-start;
align-items: center;
max-width: 423px;
}
.popup-close {
background-color: var(--almost-black);
color: var(--white);
cursor: pointer;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
position: absolute;
top: 30px;
right: 30px;
}
.autstuff-hero-animation {
justify-content: flex-start;
align-items: flex-start;
width: auto;
margin-top: 60px;
margin-left: 333px;
display: flex;
position: relative;
}
.autstuff-wrapper {
width: 100%;
overflow: hidden;
}
.highlight-new {
display: inline-block;
}
.highlight-new.grey.rotatedsquare {
letter-spacing: -.02em;
justify-content: center;
align-items: center;
width: 121px;
height: 121px;
margin-right: 36px;
font-size: 80px;
line-height: 145%;
display: flex;
}
.highlight-new.fiol.is-black-span, .highlight-new.res-orange.is-black-span {
color: var(--white);
}
.highlight-new.yell {
background-color: #f0e5d8;
border-radius: 100px;
width: 240px;
padding-bottom: 4px;
}
.highlight-new.lt_beige {
background-color: #f0e5d8;
flex-direction: column;
align-items: center;
}
.highlight-new.is-green {
background-color: #e2eddb;
border-radius: 23px;
margin-bottom: -10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
}
.highlight-new.is-blue {
background-color: #ddeaf3;
border-radius: 80px;
margin-bottom: -10px;
padding-bottom: 10px;
padding-left: 25px;
padding-right: 25px;
}
.code-embed-3 {
display: none;
}
.item_expert-content-1 {
justify-content: space-between;
align-items: flex-start;
padding: 0 40px;
display: flex;
}
.highlight-new1 {
display: inline-block;
}
.highlight-new1.grey.rotatedsquare {
letter-spacing: -.02em;
justify-content: center;
align-items: center;
width: 121px;
height: 121px;
margin-right: 36px;
font-size: 80px;
line-height: 145%;
display: flex;
}
.highlight-new1.fiol.is-black-span, .highlight-new1.res-orange.is-black-span {
color: var(--white);
}
.highlight-new1.yell {
background-color: #f0e5d8;
border-radius: 100px;
width: 240px;
padding-bottom: 4px;
}
.highlight-new1.lt_beige {
background-color: #f0e5d8;
flex-direction: column;
align-items: center;
}
.highlight-new1.is-green {
background-color: #e2eddb;
border-radius: 23px;
margin-bottom: -10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
}
.highlight-new1.is-blue {
background-color: #ddeaf3;
border-radius: 80px;
margin-bottom: -10px;
padding-bottom: 10px;
padding-left: 25px;
padding-right: 25px;
}
.swiper-1 {
height: 614px;
}
.filters-wrapper {
z-index: 5;
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1064px;
margin-bottom: -42px;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
padding-left: 0;
display: flex;
position: relative;
overflow: scroll;
}
.filter-bttn {
pointer-events: auto;
color: #333037;
text-align: center;
cursor: pointer;
background-color: #fff;
border-radius: 3.75em;
flex: none;
justify-content: center;
align-items: center;
height: 42px;
padding: 0 20px;
font-size: 1.3vw;
font-weight: 400;
line-height: 24px;
transition: color .3s, background-color .3s;
display: flex;
}
.filter-bttn.active-filter {
color: #fff;
background-color: #333037;
}
.tab-icon, .tab-icon.lines-icon {
width: 16px;
}
.code-embed-4 {
display: none;
}
.align-left {
text-align: left;
}
@media screen and (min-width: 1280px) {
.section.cta-section.vacancion {
padding-top: 95px;
}
.section.dark._12storeez-dark {
background-color: #716159;
border-radius: 60px;
}
.section.dark.about-cards-section {
height: 1195px;
}
.section.dark.about-cards-section.new {
height: auto;
}
.section.pb180.dark {
margin-left: 0;
margin-right: 0;
}
.section.case-hero-section.minh {
padding-top: 0;
}
.section.cc-padding-top-220.voice, .section.cc-padding-top-220.voice-1st {
padding-bottom: 330px;
}
.section.cc-last-section.voice, .section.cc-last-section.maroo {
padding-top: 200px;
}
.section.methods-section.rs-tasks {
padding-top: 231px;
}
.section.hero-section-main {
padding-bottom: 171px;
}
.section.home-cases-section {
padding-top: 171px;
}
.section.wht {
padding-top: 0;
}
.section.case-hero-section_black.app-best {
height: auto;
}
.section.voice.non-pd {
padding-top: 0;
padding-bottom: 0;
}
.section.voice-black {
background-color: #202020;
border-radius: 60px;
}
.section.voice-lend {
padding-bottom: 134px;
}
.section.pt-pb-200.pvz-invent {
bottom: 0%;
}
.section.cc-expert.vacancion, .section.cc-benefits.vacancion {
padding-top: 95px;
}
.container.case-abstract.center {
align-items: center;
}
.container.case-hero-container {
max-width: 100%;
}
.container.case-hero-container.ceseconts.pic, .container.case-hero-container.ceseconts.yandex {
padding-left: 7vw;
}
.container.case-hero-container.ceseconts, .container.case-hero-container.case-z, .container.case-hero-container.beststocks-hero-container {
width: auto;
margin-left: 0;
}
.container._1095-container, .container._1095-container.rs-head-c {
max-width: 1095px;
}
.container.milab-3-img-wrp {
grid-column-gap: 95px;
}
.container.milab-3-img-wrp-wht {
grid-column-gap: 28px;
}
.container.voice_centered {
grid-row-gap: 0px;
text-align: center;
align-items: center;
display: flex;
}
.container.voice_centered.sub-para, .container.voice_centered.sub-para-mr {
grid-row-gap: 40px;
}
.container.voice-img-l {
margin-top: 0;
}
.container.voice-img-l.mr-330 {
margin-top: 90px;
}
.container.voice-logos {
grid-row-gap: 75px;
flex-direction: column;
align-items: center;
margin-bottom: 330px;
display: flex;
}
.container.case-p-881.c-pvz-deliv {
grid-row-gap: 60px;
flex-direction: column;
align-items: center;
padding-bottom: 15px;
display: flex;
}
.container.pvz-flow-invent {
z-index: 1;
margin-top: 60px;
margin-bottom: 0;
}
.container.case-avito-s2.center, .container.case-avito-s2-new.center, .container.case-avito-s2-new.what, .container.whatwedone-container.center, .container.whatwedone-container.what {
align-items: center;
}
.big-heading.rotating {
display: none;
overflow: hidden;
}
.big-heading.bigger {
font-size: 85px;
}
.case-card.case-five.fourth-case-transform.fade-in.voicepop.portf {
background-position: 50% 71%;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.portf {
background-size: cover;
height: 560px;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.strana, .case-card.case-five.fourth-case-transform.fade-in.pvz.guestlink {
height: 560px;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.kokoc {
background-color: #f3efec;
background-position: 50%;
background-size: contain;
height: 560px;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.avito-job {
height: 560px;
}
.title-change-wrapper {
display: none;
}
.tile-change-move {
display: none;
position: static;
}
.section-heading.uppercase.medium-heading {
font-size: 85px;
}
.intro.vacancy, .intro.vacancy_team {
margin-bottom: 60px;
}
.intro.rs-who-works {
max-width: 833px;
margin-bottom: 257px;
}
.intro.autstuff {
margin-bottom: 60px;
}
.medium-heading.team_head_mob-autstuff {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.text._28 {
letter-spacing: -.02em;
font-size: 28px;
line-height: 135%;
}
.subtitle._26 {
font-size: 26px;
}
.case-cell.link-cell.new {
width: 21%;
max-width: 214px;
}
.filter-case {
display: none;
}
.case-top, .case-top.pik {
position: relative;
}
.case-top._12storeez {
min-height: 700px;
}
.case-top.pvz-case_top {
background-position: 51% 49%;
background-size: 3730px;
}
.case-top.avito-case-top_baas {
height: 900px;
}
.case-top.strana-hero, .case-top.guestlink, .case-top.avito-rabota, .case-top.hirocost-hero {
max-height: 1000px;
}
.case-hero-content {
width: 50%;
padding-right: 2%;
}
.case-image-wrapper.wide-case {
display: flex;
right: -1%;
}
.case-image-wrapper.standard-case {
display: none;
}
.case-image-wrapper.standard-case.centers {
display: flex;
}
.case-image-wrapper.standard-case.centers.yandexer {
display: none;
}
.case-image-wrapper.standard-case.centers.pik {
width: 640px;
padding-right: 6vw;
}
.case-image-wrapper.standard-case.cp-hero-image-wrp {
justify-content: flex-start;
padding-left: 170px;
display: flex;
}
.case-image-wrapper.standard-case.z-hero-img-2 {
width: 490px;
margin-top: 0;
display: flex;
}
.case-image-wrapper.standard-case.beststock-image-wrapper {
display: flex;
}
.case-image-wrapper.standard-case.yango-hero-image-wrp, .case-image-wrapper.standard-case.voice-hero-image-wrp {
justify-content: flex-end;
padding-left: 35vw;
display: flex;
}
.case-image-wrapper.standard-case.maroo-head--img-wrp-1 {
justify-content: flex-end;
display: flex;
}
.case-image-wrapper.standard-case.maroo-head--img-wrp-2 {
justify-content: flex-end;
display: flex;
top: 21%;
right: 15%;
}
.case-image-wrapper.wide-screen-hidden {
display: none;
}
.case-hero-img.cover {
width: 50vw;
height: auto;
max-height: none;
}
.case-hero-img.wide-img {
object-fit: contain;
width: 100%;
max-width: 50%;
height: 100%;
}
.case-hero-img.mainimage.yandexer.wide-ya {
height: auto;
}
.case-hero-img.mainimage.cy, .case-hero-img.mainimage.cy-mob {
margin-right: 0;
}
.case-meta-rich-text.case-site-link {
padding-left: 36%;
}
.case-meta-rich-text.case-site-link.voice {
padding-left: 0%;
}
.case-meta-rich-text.case-site-link_milab {
padding-left: 36%;
}
.case-meta-rich-text.voice-rich._3 {
padding-left: 3%;
}
.case-meta-rich-text.case-site-link_best-app {
padding-left: 36%;
}
.feature-block.limited-width.more-narrow {
max-width: 80%;
}
.quote-author-text.small {
font-size: 16px;
line-height: 150%;
display: inline;
}
.small-quote-text {
font-size: 28px;
}
.small-quote-text.results-text {
max-width: 40ch;
}
.small-quote-author {
align-items: center;
margin-top: 38px;
display: flex;
}
.small-quote-author-photo {
border-radius: 100%;
flex: none;
width: 84px;
height: 84px;
margin-right: 24px;
overflow: hidden;
}
.small-quote-author-img {
object-fit: cover;
width: 100%;
height: 100%;
}
.case-description-wrapper.before-content-block {
margin-top: 0;
margin-bottom: 90px;
}
.grid-box.with-image.align-left {
align-items: flex-start;
}
.huge-number {
font-size: 500px;
}
.case-hero-half-image-wrapper {
z-index: 5;
width: 50%;
height: 100%;
display: block;
position: absolute;
inset: 0% 0% 0% auto;
overflow: hidden;
}
.case-hero-half-image-wrapper._12storeez {
background-color: #f0e5d8;
flex-direction: column;
justify-content: flex-end;
display: flex;
}
.case-hero-half-img {
object-fit: cover;
width: 100%;
height: 100%;
}
.no-wrap {
white-space: nowrap;
}
.long-screen-img {
width: 100%;
}
.long-screen-img._12storeez-shadow {
border-radius: 40px;
box-shadow: 0 13px 60px #c5a99521;
}
.factoid-box {
flex-direction: column;
align-items: center;
}
.factoid-text {
text-align: center;
letter-spacing: -.06em;
font-size: 106px;
line-height: 100%;
}
.factoid-description {
text-align: center;
width: 100%;
margin-top: 30px;
}
.case-photo-wrapper {
border-radius: 60px;
overflow: hidden;
}
.case-photo-img {
object-fit: cover;
width: 100%;
height: 100%;
}
.job-a {
text-align: left;
justify-content: space-between;
padding-top: 34px;
padding-bottom: 34px;
}
.results {
justify-content: flex-start;
}
.yz-hero-decor-img5 {
left: 1%;
}
.h2.h-80.z-h2, .h2.h-80.z-h2_90, .h2.h-80.z-h2_cases {
text-align: center;
}
.h2.h-80.voice_50 {
max-width: 830px;
margin-bottom: 50px;
}
.research-cards-wrap {
height: 863px;
}
.research-card-1 {
width: 502px;
height: 352px;
padding: 40px 50px 50px;
left: 8%;
}
.research-card-1.new {
width: 416px;
height: 234px;
}
.ac-title {
font-size: 51px;
}
.acc-tag {
font-size: 26px;
}
.research-card-2 {
width: 542px;
height: 404px;
padding: 40px 50px 50px;
right: 4%;
}
.research-card-2.new {
width: 416px;
height: 234px;
right: 8%;
}
.research-card-3 {
width: 548px;
height: 345px;
padding: 40px 50px 50px;
bottom: 45%;
right: 10%;
}
.research-card-3.new {
width: 416px;
height: 234px;
}
.research-card-4 {
width: 571px;
height: 396px;
padding: 40px 50px 50px;
inset: auto auto 9% -3%;
}
.research-card-4.new {
width: 416px;
height: 234px;
}
.research-card-5 {
width: 502px;
height: 301px;
padding: 40px 50px 50px;
bottom: 15%;
right: 5%;
}
.research-card-5.new {
width: 416px;
height: 234px;
}
.method-image {
right: 8%;
}
.method-image.method-image2 {
right: 4%;
}
.method-image.method-image3 {
right: 8%;
}
.method-image.method-image4 {
right: 4%;
}
.method-image.method-image5 {
right: 10%;
}
.method-image.method-image6 {
right: 4%;
}
.big-heading-2.rotating {
display: none;
overflow: hidden;
}
.ul-images-block {
padding-bottom: 100px;
}
.ui-image-wrp.ui-image-wrp2 {
bottom: 15px;
}
.cp-variation-block {
grid-column-gap: 120px;
grid-row-gap: 120px;
}
.cp-logo-var-image-wrp {
width: 100%;
}
.cp-brand-box {
width: 430.3px;
margin-right: 15.24px;
}
.cp-product-box {
width: 424.43px;
}
.cp-logobook-box {
margin-bottom: 64px;
}
.cp-logobook-row {
margin-bottom: -64px;
}
.zindi_font {
text-align: center;
}
.renew {
flex-direction: column;
align-items: center;
display: flex;
}
.zindi-smpl {
flex-direction: column;
align-items: center;
margin-top: 330px;
display: flex;
}
.zindi-talk {
flex-direction: column;
align-items: center;
display: flex;
}
.zindi-smpl-wrp {
flex-direction: column;
align-items: center;
margin-top: 330px;
display: flex;
}
.zindi-smpl-wrp.m-118 {
background-position: 117% 100%;
}
.cases-team {
flex-direction: column;
align-items: center;
display: flex;
}
.z_opti {
flex-direction: column;
align-items: center;
}
.other-cases_title.cc-left {
padding-left: 0;
}
.rt-photo-block {
align-items: center;
display: flex;
}
.zindi_video {
background-position: 126% 100%;
}
.zindi_bg-vid {
width: auto;
min-width: 825px;
height: auto;
min-height: 580px;
}
.zindi-find_wrp {
flex-direction: column;
align-items: center;
display: flex;
}
.zindi_learn_img-wrp {
padding-top: 70px;
}
.yango-s10-image {
width: 790px;
margin-right: 40px;
}
.yango-s10-image.yango-s10-image2 {
width: 975px;
}
.yango-s10-image.yango-s10-image3 {
width: 810px;
}
.yango-s10-image.yango-s10-image4 {
width: 812px;
}
.clients-say_slider {
height: 930px;
}
.clients-say__wrp {
width: 882px;
height: 690px;
margin-left: auto;
margin-right: auto;
}
.milab-3imgs_item-l {
width: 335px;
}
.voice-icon {
width: 130px;
margin-bottom: 40px;
}
.voice-title-img {
grid-row-gap: 60px;
flex-direction: column;
align-items: center;
display: flex;
}
.h3-50px {
max-width: 600px;
font-size: 50px;
}
.voice_black_logo {
width: 200px;
}
.voice-logos-wrp {
grid-column-gap: 20px;
align-items: center;
display: flex;
}
.maroo-icon {
width: 130px;
margin-bottom: 40px;
}
.maroo-diz-2-img-wrap {
padding-left: 102px;
padding-right: 117px;
}
.case-review-wrp {
width: 882px;
margin-left: auto;
margin-right: auto;
}
.case-review-wrp.druffle-review {
width: 1038px;
}
.pvz-manage-item {
align-items: center;
}
.pvz-delivery {
width: 334px;
}
.pvz-deliv-para {
width: 450px;
}
.pvz-deliv-para._2 {
width: 560px;
}
.pvz-deliv-item {
align-items: center;
}
.pvz-invent-band {
z-index: 1;
width: 1660px;
max-width: none;
position: absolute;
inset: auto auto -7% -57%;
}
.rs-1st-src-bttm {
grid-column-gap: 30px;
max-width: none;
}
.rs-1scr-item.last {
padding-left: 55px;
padding-right: 41px;
}
.txt-58-100, .txt-58-100.rs-head-c {
font-size: 58px;
}
.rs-img-3.rr-task {
width: 103px;
inset: -9% auto auto 18%;
}
.rs-img-4 {
width: 304px;
inset: auto 25px 22px auto;
}
.rs-cards-ttl {
font-size: 48px;
}
.research-card-6 {
width: 502px;
height: 301px;
padding: 40px 50px 50px;
bottom: 15%;
right: 5%;
}
.research-card-6.new {
width: 416px;
height: 234px;
}
.research-card-7 {
width: 571px;
height: 396px;
padding: 40px 50px 50px;
inset: auto auto 9% -3%;
}
.research-card-7.new {
width: 416px;
height: 234px;
}
.rs-cards-img-1 {
width: 164px;
top: -12.5%;
right: 1%;
}
.rs-cards-img-2 {
width: 227px;
bottom: 5.6%;
left: 40%;
}
.rs-process-bttm._3 {
max-width: 252px;
}
.rs-task-img {
width: 120px;
}
.rs-task-img._1 {
background-color: #f6e2cc;
border-radius: 100%;
width: 120px;
inset: -13% auto auto 37.5%;
}
.rs-task-img._2 {
background-color: #e2eddb;
border-radius: 100%;
width: 120px;
inset: -6.6% 20% auto auto;
}
.rs-task-img._5 {
border-radius: 100%;
width: 120px;
inset: auto auto 74% 7.2%;
}
.rs-task-img._4 {
z-index: 1;
border-radius: 100%;
width: 120px;
inset: auto auto 58% 24%;
}
.rs-task-img._3 {
border-radius: 100%;
width: 120px;
inset: auto auto 66% 60%;
}
.rs-task-img.hand {
border-radius: 100%;
width: 77px;
inset: auto auto 74% 84%;
}
.rs-task-img.va {
border-radius: 100%;
width: 106px;
inset: auto auto 70% 36%;
}
.pol-conf_head-title-wrp {
max-width: 980px;
}
.pol-conf_img {
bottom: -5%;
right: 5%;
}
.banner-img-4 {
right: 226px;
}
.banner-img-6 {
right: 49px;
}
.pvz-fin-band-1 {
width: 100%;
top: 3%;
}
.druffle-icon {
width: 130px;
margin-bottom: 40px;
}
.druffle-hr-scr-img-wrap_mob {
height: auto;
margin-right: 40px;
}
.job-a_new {
text-align: left;
justify-content: space-between;
padding-top: 34px;
padding-bottom: 34px;
}
.avito-meta-rich-text.case-site-link {
padding-left: 36%;
}
.avito-meta-rich-text.case-site-link.voice {
padding-left: 0%;
}
.avito-meta-rich-text.case-site-link_milab {
padding-left: 36%;
}
.avito-meta-rich-text.voice-rich._3 {
padding-left: 3%;
}
.avito-meta-rich-text.case-site-link_best-app {
padding-left: 36%;
}
.media-art-img_wrap {
min-width: 250px;
min-height: 212px;
}
.media-art_left-content {
flex: none;
}
.media-case_image.is-kokoc {
align-self: center;
}
.counrtydev-hero-img, .guestlink-hero-img, .counrtydev-hero-img-copy, .avito-rabota-hero-img, .avito-rabota-hero-img-copy {
max-width: 1000px;
}
.autstuff-hero-animation {
margin-left: 45px;
}
.filter-bttn {
font-size: 16px;
}
}
@media screen and (min-width: 1440px) {
a {
transition: border-color .2s, opacity .2s;
}
.section.navigation-section {
padding-top: 45px;
padding-bottom: 45px;
}
.section.cta-section {
padding-top: 190px;
}
.section.cases-section.media-s {
align-self: flex-start;
}
.section.case-hero-section.cc-padding-bottom-185.zindi-sec._2 {
align-items: center;
}
.section.case-hero-section.minh {
max-width: 1500px;
min-height: auto;
}
.section.cc-lightblue-section._3 {
border-bottom-right-radius: 60px;
border-bottom-left-radius: 60px;
margin-bottom: 0;
padding-bottom: 220px;
}
.section.cc-lightblue-section.blue, .section.cc-lightblue-section.pik-bg {
border-bottom-right-radius: 60px;
border-bottom-left-radius: 60px;
}
.section.wht._180-250.bg-imgs {
padding-bottom: 110px;
}
.section.case-hero-section_black.app-best {
flex-direction: column;
justify-content: flex-end;
height: auto;
margin-top: 0;
display: flex;
}
.section.case-hero-section_black.pvz {
margin-top: 0;
}
.section.milab-lagge-img {
flex-direction: column;
padding-left: 7vw;
padding-right: 7vw;
display: flex;
}
.section.cc-expert {
padding-top: 190px;
}
.container.case-hero-container.ceseconts {
margin-left: 0;
}
.container.case-hero-container.cloud-case {
max-width: none;
}
.container.case-hero-container.case-z, .container.case-hero-container.beststocks-hero-container {
margin-left: 0;
}
.container.case-hero-container.yango-hero-container {
padding-top: 0;
}
.container.case-hero-container.voice-hero-content {
height: 550px;
margin-top: 10px;
}
.container.case-hero-container.maroo-hero-cont {
padding-top: 80px;
}
.container.form-container {
justify-content: space-between;
align-items: flex-start;
}
.cta-title {
letter-spacing: -.03em;
line-height: 100%;
}
.cta-title.full-width {
max-width: 80%;
}
.shapes {
max-width: 68vw;
max-height: 38vh;
}
.case-card {
max-width: 520px;
}
.case-card.case-one {
background-color: #f0e5d9;
}
.case-card.case-three {
background-color: #fff;
}
.case-card.case-four {
background-color: #e8e8e8;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.kokoc {
background-color: #f3efec;
}
.case-card.case-six, .case-card.yap {
background-color: #f0e4de;
}
.arrow-button.light {
color: #00000005;
}
.nav-link {
position: relative;
}
.footer-heading-highlight-img {
width: 323px;
height: 161px;
top: 45px;
left: 62px;
}
.feature-box-description {
max-width: 100%;
}
.subtitle.best, .subtitle.best_para_bttm {
letter-spacing: 0;
}
.case-top.pvz-case_top {
background-position: 53% 52%;
}
.block.case-subtitle.beststokssubtitle.z_hero {
width: 560px;
margin-top: 0;
}
.block.case-subtitle.beststokssubtitle.z_hero.mob-hide, .case-image-wrapper.standard-case.centers.pik {
width: 670px;
}
.case-image-wrapper.standard-case.z-hero-img-2 {
max-width: 780px;
}
.case-image-wrapper.standard-case.yango-hero-image-wrp {
padding-left: 35vw;
}
.case-image-wrapper.standard-case.voice-hero-image-wrp {
height: 550px;
padding-left: 35vw;
}
.case-image-wrapper.standard-case.maroo-head--img-wrp-1 {
width: 350px;
}
.case-image-wrapper.standard-case.maroo-head--img-wrp-2 {
width: 280px;
right: 15%;
}
.case-hero-img {
height: 100%;
}
.case-hero-img.wide-img {
height: auto;
max-height: none;
}
.case-hero-img.mainimage.bs {
max-height: 80vh;
}
.case-hero-img.mainimage.bs.hide1920 {
display: none;
}
.case-hero-img.mainimage.yandexer {
max-height: 600px;
}
.case-hero-img.mainimage.yandexer.wide-ya {
width: auto;
max-height: none;
}
.case-hero-img.mainimage.pik, .case-hero-img.mainimage.zindi_img-2 {
max-height: 80vh;
}
.case-hero-img.mainimage.voice-img {
height: 550px;
}
.case-hero-img.mainimage.maroo-img_left, .case-hero-img.mainimage.maroo-img_right {
height: auto;
}
.case-meta-rich-text.voice-rich {
max-width: 240px;
}
.rich-text-with-plain-h3 h3 {
font-size: 24px;
line-height: 133%;
}
.case-hero-half-img {
object-position: 50% 0%;
}
.yz-hero-decor-img5 {
left: 5%;
}
.yz-hero-decor-img6 {
left: 18%;
}
.nav-link-3 {
position: relative;
}
.menu-wrapper-2 {
z-index: 5;
}
.arrow-button-copy.dark {
color: #00000005;
}
.section-copy.navigation-section, .section-copy.navigation-section_black {
padding-top: 45px;
padding-bottom: 45px;
}
.zindi-smpl-wrp.m-118 {
background-position: 113% 100%;
}
.cases-team.maroo-tm {
margin-top: 200px;
}
.other-cases_title.cc-left {
padding-left: 0;
}
.text-36 {
letter-spacing: -.01em;
}
.txt-36 {
font-weight: 400;
}
.zindi_video {
background-position: 120% 100%;
}
.zindi_bg-vid {
min-width: 825px;
min-height: 580px;
}
.zindi_refresh {
background-position: -20% 102%, 120% -3%;
}
.zindi_refresh_top {
max-width: 1060px;
}
.zindi_learn_img-wrp {
flex-direction: column;
align-items: center;
padding-top: 72px;
display: flex;
}
.clients-say_left {
left: 35px;
}
.clients-say_right {
right: 35px;
}
.container_new.land-slider {
padding-left: 0;
padding-right: 0;
}
.section_new.slider-clients-say {
margin-left: auto;
margin-right: auto;
}
.is_white-txt.underline {
border-bottom: 1px solid var(--white);
text-decoration: none;
display: inline;
}
.nav-link_white {
position: relative;
}
.case-p-img-l.mobiles {
max-width: 1060px;
margin-left: auto;
margin-right: auto;
}
.pvz-invent-band {
width: 100%;
bottom: -3%;
left: -31%;
}
.banner {
background-position: 100% 100%, 93% -40%, 85% -6%, 75% 95%, 250px -40%, 110px 13px, 34px 12px;
}
.pvz-team-img {
right: 13%;
}
.pvz-fin-band-1 {
top: -11%;
}
.pvz-fin-band-2 {
width: 1300px;
}
.druffle-hr-scr-img-wrap {
width: 800px;
}
.druffle-hr-scr-img-wrap._3 {
width: 1785px;
}
.druffle-hr-scr-img-l {
height: 453px;
max-height: 453px;
}
.druffle-row_purple {
grid-column-gap: 100px;
width: 2810px;
}
.ord-mob-img {
width: 500px;
min-width: 500px;
height: auto;
}
.ord-mob-img._3 {
width: 1000px;
min-width: 1000px;
}
.druffle-purpl-img {
width: 19.4vw;
}
.druffle-purple-item_bttm._3 {
max-width: 440px;
}
.avito-meta-rich-text.voice-rich {
max-width: 240px;
}
.avito-hero-img {
width: 88.8889vw;
margin-left: auto;
margin-right: auto;
}
.media-item.is-case {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-flow: row;
height: 380px;
}
.media-item.is-case.is-avito-baas, .media-item.is-case.is-mindbox, .media-item.is-case.is-mindbox, .media-item.is-case.is-yanx-zd {
background-color: #cbe6ff;
}
.media-item.is-case.is-strana {
background-color: #eeecf5;
}
.media-item.is-case.is-guestlink {
background-color: #e5e5df;
}
.media-item.is-case.is-kokoc {
background-color: #f3efec;
}
.media-item.is-case.is-kokoc1 {
background-color: #eeecf5;
}
.media-item.is-case.is-guestlink1 {
background-color: #e5e5df;
}
.media-item.is-case.is-avitorabota {
background-color: #e8e3f7;
}
.media-item.is-case.is-hircost {
background-color: #e2e8f0;
}
.media-article_left {
grid-column-gap: 32px;
grid-row-gap: 32px;
max-width: 704px;
}
.media-art-img.is-l {
width: 100%;
max-width: none;
height: 100%;
}
.media-art-img_wrap {
background-color: #f5f5f5;
border-radius: 16px;
justify-content: center;
align-items: center;
display: flex;
}
.media-art_para {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.is_grey-txt-85 {
color: #858585;
}
.media-logo.is-designers {
width: 146px;
height: 28px;
}
.media_right_content {
justify-content: flex-end;
align-items: center;
display: flex;
}
.media-cont-link {
background-color: #e2eddb;
border-radius: 100px;
justify-content: center;
align-items: center;
height: 34px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.media-cont-link.is-purple {
background-color: #ddd7e9;
}
.media-cont-link.is-white {
background-color: #fff;
}
.txt-14 {
font-size: 14px;
font-weight: 400;
line-height: 110%;
}
.media-arrow {
width: 18px;
height: 18px;
}
.media-cont-circle {
background-color: #e2eddb;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
display: flex;
}
.media-cont-circle.is-purple {
background-color: #ddd7e9;
}
.media-cont-circle.is-white {
background-color: #fff;
}
.media-case_left {
flex-flow: column;
justify-content: space-between;
max-width: 360px;
display: flex;
}
.media-case_bttm {
justify-content: space-between;
align-items: center;
display: flex;
}
.media-case_image.is-kokoc {
flex: 1;
align-self: center;
}
.form-heading-wrapper {
flex: none;
}
.form-wrapper {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.form-heading2-wrapper {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: column;
}
.counrtydev-hero-img, .guestlink-hero-img, .counrtydev-hero-img-copy, .avitorabota-hero-img, .avito-rabota-hero-img, .hircost-hero-img, .avito-rabota-hero-img-copy {
margin-left: auto;
margin-right: auto;
}
.autstuff-hero-animation {
margin-left: 0;
}
.filters-wrapper {
width: 100%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 1920px) {
.section.navigation-section {
max-width: 2560px;
margin-left: auto;
margin-right: auto;
}
.section.case-hero-section.cc-padding-bottom-185.bests {
justify-content: space-between;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
}
.section.case-hero-section.cc-padding-bottom-185.yd {
justify-content: space-between;
align-items: center;
max-width: 2500px;
margin-left: auto;
margin-right: auto;
padding-left: 7vw;
padding-right: 7vw;
display: flex;
}
.section.case-hero-section.cc-padding-bottom-185.pic {
justify-content: space-between;
align-items: center;
max-width: 2560px;
max-height: none;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: flex;
}
.section.case-hero-section.cc-padding-bottom-185.bests {
justify-content: space-between;
align-items: center;
max-width: 2560px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 5.5vw;
display: flex;
}
.section.case-hero-section.cc-padding-bottom-185.cloud-payments-case {
max-width: 2560px;
margin-left: auto;
margin-right: auto;
}
.section.case-hero-section.cc-padding-bottom-185.zindi-sec {
justify-content: space-between;
align-items: center;
padding-left: 0;
display: flex;
}
.section.case-hero-section.cc-padding-bottom-185.zindi-sec._2, .section.case-hero-section.cc-padding-bottom-185.yango-hero-section, .section.case-hero-section.cc-padding-bottom-185.maroo {
max-width: 2560px;
margin-left: auto;
margin-right: auto;
}
.section.case-hero-section.minh {
max-width: 2500px;
}
.section.case-details-section.maroo-grey-bg {
max-width: 2560px;
margin-left: auto;
margin-right: auto;
}
.section.wht._180-250.bg-imgs {
background-position: 107% 75px, 0 91%;
padding-top: 150px;
padding-bottom: 150px;
}
.section.case-hero-section_black {
max-width: 2500px;
margin-left: auto;
margin-right: auto;
padding-bottom: 63px;
}
.section.case-hero-section_black.pvz {
height: 790px;
}
.section.pt-pb-200.pvz-invent {
padding-bottom: 350px;
}
.section.rs-hero-sec {
height: 65vh;
}
.section.avito-hero-bottom.maroo-grey-bg, .section.strana-hero-bottom.maroo-grey-bg {
max-width: 2560px;
margin-left: auto;
margin-right: auto;
}
.section.cc-benefits {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.container.case-hero-container.ceseconts.yandex {
padding-left: 0;
}
.container.case-hero-container.ceseconts {
width: auto;
margin-left: 0;
padding-left: 7vw;
}
.container.case-hero-container.cloud-case {
max-width: none;
}
.container.case-hero-container.beststocks-hero-container {
width: auto;
margin-left: 0;
padding-left: 7vw;
}
.container.case-hero-container.yango-hero-container {
padding-top: 100px;
padding-bottom: 155px;
}
.container.case-hero-container.voice-hero-content {
max-width: none;
height: 660px;
padding-top: 100px;
padding-bottom: 227px;
overflow: hidden;
}
.container.case-hero-container.maroo-hero-cont {
max-width: none;
padding-top: 100px;
padding-bottom: 227px;
overflow: hidden;
}
.container.cc-container-971 {
max-width: 1130px;
}
.container.case-meta-container.maroo-meta-cont {
max-width: none;
}
.container.slider-cont {
width: auto;
max-width: 1600px;
}
.container.case-hero_milab {
grid-row-gap: 67px;
align-items: flex-start;
}
.container.cc-benefits {
width: auto;
max-width: none;
}
.subtitle.maroo-head_sub {
width: 689px;
}
.case-top._12storeez {
min-height: 870px;
}
.case-top.case-pic.max-2020 {
max-height: none;
}
.case-top.milab-case_top {
background-color: var(--black);
}
.case-top.pvz-case_top {
background-position: 56% 56%;
}
.case-top.avito-case-top_baas {
height: 83svh;
}
.case-hero-content {
width: 40%;
}
.case-hero-content.caseconts.pik {
width: 628px;
}
.case-hero-content.zindi-hero {
width: auto;
margin-top: -20px;
}
.block.case-subtitle.wider._12st {
width: 616px;
}
.block.case-subtitle.beststokssubtitle {
max-width: 546px;
}
.block.case-subtitle.beststokssubtitle.pik {
max-width: 100%;
}
.block.case-subtitle.beststokssubtitle.z_hero {
width: 770px;
}
.case-image-wrapper.wide-case {
display: none;
}
.case-image-wrapper.wide-case.ultrawide {
display: flex;
}
.case-image-wrapper.wide-case.ultrawide.most-big {
align-items: center;
}
.case-image-wrapper.wide-case.ultrawide.mbx {
padding-right: 5vw;
right: 0%;
}
.case-image-wrapper.wide-case.ultrawide.yandx {
height: auto;
right: 7vw;
}
.case-image-wrapper.standard-case.centers {
max-height: 80vh;
padding-left: 0%;
position: relative;
}
.case-image-wrapper.standard-case.centers.pik {
width: auto;
max-height: none;
}
.case-image-wrapper.standard-case.cp-hero-image-wrp {
justify-content: flex-end;
}
.case-image-wrapper.standard-case.z-hero-img-2 {
width: 580px;
max-width: 820px;
position: relative;
left: -2%;
}
.case-image-wrapper.standard-case.beststock-image-wrapper {
width: 900px;
max-width: 980px;
}
.case-image-wrapper.standard-case.yango-hero-image-wrp {
align-items: flex-start;
height: auto;
padding-left: 0;
inset: 0% 0% 0% auto;
}
.case-image-wrapper.standard-case.voice-hero-image-wrp {
align-items: stretch;
height: 660px;
padding-left: 0;
inset: 0% 0% 0% auto;
}
.case-image-wrapper.standard-case.maroo-head--img-wrp-1 {
align-items: flex-start;
width: 431px;
height: auto;
inset: 0% 0% 0% auto;
}
.case-image-wrapper.standard-case.maroo-head--img-wrp-2 {
align-items: flex-start;
width: 349px;
height: auto;
inset: auto 130px 62px auto;
}
.case-hero-img.wide-img {
max-width: 60%;
}
.case-hero-img.wide-img.mostbig {
max-width: none;
}
.case-hero-img.wide-img.mbx {
object-fit: fill;
object-position: 0% 100%;
flex: none;
max-width: 58%;
height: auto;
max-height: none;
}
.case-hero-img.wide-img.mbx.imager {
max-width: 50%;
}
.case-hero-img.wide-img.mbx.imager.yandex {
width: 803px;
max-width: none;
height: 678px;
}
.case-hero-img.wide-img.mbx.imager.yandex.hide-1920, .case-hero-img.wide-img.mbx.none {
display: none;
}
.case-hero-img.mainimage {
height: 100%;
max-height: 80vh;
}
.case-hero-img.mainimage.bs {
max-height: 70vh;
}
.case-hero-img.mainimage.bs.hide-1024 {
max-height: none;
display: block;
}
.case-hero-img.mainimage.yz-main-image {
max-height: none;
}
.case-hero-img.mainimage.pik {
width: 637px;
height: auto;
max-height: none;
}
.case-hero-img.mainimage.cp {
height: 680px;
margin-right: -260px;
}
.case-hero-img.mainimage.zindi_img-2 {
max-height: 81vh;
}
.case-hero-img.mainimage.cy {
height: 658px;
}
.case-hero-img.mainimage.voice-img {
height: 100%;
max-height: none;
}
.case-hero-img.mainimage.maroo-img_left, .case-hero-img.mainimage.maroo-img_right, .case-hero-img.mainimage.avito-main-image, .case-hero-img.mainimage.avito-main-image-mob {
max-height: none;
}
.case-hero-half-img.hide-1920 {
display: none;
}
.case-hero-half-img.show-1920 {
display: block;
}
.h1.piks {
max-width: 550px;
}
.h1.maroo-head-title {
width: 711px;
}
.yz-hero-decor-img1 {
width: 14%;
margin-left: 20%;
top: 6%;
left: 50%;
right: auto;
}
.yz-hero-decor-img2 {
right: 9%;
}
.yz-hero-decor-img5 {
width: 20%;
margin-left: auto;
margin-right: 10%;
top: 21%;
left: auto;
right: 50%;
}
.yz-hero-decor-img6 {
left: 21%;
}
.section-copy.navigation-section.new {
max-width: 2560px;
margin-left: auto;
margin-right: auto;
}
.section-copy.navigation-section_black.milab, .section-copy.navigation-section_black.app-best-st, .section-copy.navigation-section_black.pvz, .section-copy.navigation-section_black.avito-baas {
max-width: 2500px;
margin-left: auto;
margin-right: auto;
}
.zindi-smpl-wrp.m-118 {
background-size: 720px;
}
.other-cases_all-items.big {
justify-content: center;
align-items: center;
}
.case_card.avito.last {
margin-right: 0;
}
.other-cases_hid.big, .oc-wrp.mob-hide.cc-100.big {
justify-content: center;
align-items: center;
}
.other-cases_title.cc-left {
padding-left: 0;
}
.arrow-button_brown {
width: 46vh;
}
.arrow-button_brown.rs-sm {
width: auto;
}
.team__slider_mask, .slide {
max-width: 1380px;
}
.team__slider_right-arr {
max-width: 58px;
max-height: 58px;
right: 0;
}
.z_comp_desk-img {
max-width: 1060px;
}
.zindi_video {
background-position: 113% 100%;
}
.team__slider_lft-arr {
max-width: 58px;
max-height: 58px;
left: 0;
}
.zindi_refresh {
background-position: -20% 106%, 120% -3%;
background-size: 790px, 790px;
}
.zindi_learn_img-wrp {
background-position: 50% 0;
background-size: cover;
flex-direction: column;
align-items: center;
padding-top: 90px;
display: flex;
}
.case-hero_milab-img {
width: 868px;
}
.milab-hero-img {
width: 100%;
}
.case-head_app-best {
max-width: 1371px;
}
.case-app-best-img-wrp {
justify-content: center;
display: flex;
}
.app-best_scr-wrp {
border-radius: 70px;
}
.case-head-pvz {
max-width: 1371px;
}
.case-pvz-img-wrp {
justify-content: center;
display: flex;
}
.pvz-manage-item, .pvz-deliv-item {
width: 900px;
}
.pvz-invent-band {
width: 100%;
bottom: -6%;
left: -25%;
}
.pvz-fin-band-1 {
width: 100%;
top: -25%;
}
.pvz-fin-band-2 {
width: 1470px;
}
.druffle-hr-scr-img-wrap {
width: 920px;
}
.druffle-hr-scr-img-wrap._3 {
width: 1556px;
}
.druffle-row_purple {
width: 3190px;
}
.ord-mob-img {
width: 520px;
min-width: 520px;
}
.ord-mob-img._3 {
width: 1060px;
min-width: 1060px;
}
.druffle-purpl-img {
width: 342px;
}
.portfolio__menu {
z-index: 5;
}
.avito-hero-img {
width: 66.66vw;
height: auto;
margin-left: auto;
margin-right: auto;
inset: auto 0% 0%;
}
.media-item.is-case.is-strana {
background-color: #eeecf5;
}
.media-item.is-case.is-guestlink {
background-color: #e5e5df;
}
.media-item.is-case.is-kokoc {
background-color: #f3efec;
align-self: flex-end;
}
.media-item.is-case.is-kokoc1 {
background-color: #eeecf5;
}
.media-item.is-case.is-guestlink1 {
background-color: #e5e5df;
}
.media-item.is-case.is-avitorabota {
background-color: #e8e3f7;
}
.media-item.is-case.is-hircost {
background-color: #e2e8f0;
}
.media-case_image.is-kokoc {
flex: 1;
order: 0;
align-self: center;
text-decoration: underline;
}
.submit-bttn-wrapper {
width: 46vh;
}
.submit-bttn-wrapper.rs-sm {
width: auto;
}
.counrtydev-hero-img, .guestlink-hero-img, .counrtydev-hero-img-copy, .avitorabota-hero-img, .avito-rabota-hero-img {
height: auto;
margin-left: auto;
margin-right: auto;
inset: auto 0% 0%;
}
.hircost-hero-img {
height: auto;
margin-left: auto;
margin-right: auto;
}
.avito-rabota-hero-img-copy {
height: auto;
margin-left: auto;
margin-right: auto;
inset: auto 0% 0%;
}
.benefits-grid_item {
width: 23vw;
max-width: 450px;
height: 18vh;
min-height: 260px;
max-height: 342px;
}
.benefits-grid_item.cc-smoke-pink {
max-width: 437px;
height: 38vh;
min-height: 536px;
max-height: 704px;
}
.benefits-item_icon {
width: 6vw;
min-width: 150px;
max-width: 200px;
height: 6vw;
min-height: 150px;
max-height: 200px;
}
.benefits-item_icon.cc-big.hide-mobile {
width: 9vw;
height: 9vw;
}
.autstuff-hero-animation {
margin-left: 0;
}
.filters-wrapper {
width: 66%;
margin-bottom: -43px;
margin-left: auto;
margin-right: auto;
}
.filter-bttn {
font-size: 16px;
}
}
@media screen and (max-width: 991px) {
body {
font-size: 16px;
}
h1 {
font-size: 54px;
}
h2 {
letter-spacing: -.03em;
font-size: 54px;
line-height: 95%;
}
.section {
padding: 120px 30px;
}
.section.hero-section.portfolio {
padding-top: 40px;
}
.section.navigation-section {
padding-top: 32px;
padding-bottom: 35px;
}
.section.logos-section {
padding-left: 0;
padding-right: 0;
}
.section.cta-section {
padding-top: 108px;
padding-bottom: 108px;
}
.section.cta-section.non-pd {
padding-bottom: 90px;
}
.section.cases-section {
padding-bottom: 110px;
}
.section.dark.pb200 {
padding-bottom: 150px;
}
.section.pb180 {
padding-bottom: 120px;
}
.section.pb180.dark.mr {
padding-top: 90px;
padding-bottom: 140px;
}
.section.case-hero-section.cc-padding-bottom-185.bests, .section.case-hero-section.cc-padding-bottom-185.yd {
flex-direction: column;
max-height: none;
}
.section.case-hero-section.cc-padding-bottom-185.pic {
flex-direction: column;
align-items: center;
max-height: none;
}
.section.case-hero-section.cc-padding-bottom-185.bests {
max-height: none;
padding-bottom: 30px;
}
.section.case-hero-section.cc-padding-bottom-185.cloud-payments-case {
flex-direction: column;
max-height: none;
}
.section.case-hero-section.cc-padding-bottom-185.zindi-sec {
max-height: none;
}
.section.case-hero-section.cc-padding-bottom-185.zindi-sec._2 {
align-items: center;
padding-right: 3vw;
}
.section.case-hero-section.cc-padding-bottom-185.yango-hero-section, .section.case-hero-section.cc-padding-bottom-185.maroo {
flex-direction: column;
max-height: none;
padding-left: 30px;
padding-right: 30px;
}
.section.case-details-section.cc-grey-bg.pic {
width: 100%;
overflow: auto;
}
.section.cc-padding-top-220 {
padding-top: 120px;
padding-left: 30px;
padding-right: 30px;
}
.section.cc-padding-top-220._2 {
padding-left: 50px;
padding-right: 50px;
}
.section.cc-padding-top-220._2.last-section {
padding-bottom: 120px;
padding-left: 30px;
padding-right: 30px;
}
.section.cc-padding-top-220._2.image-section.cc-padding-top-122 {
padding-left: 30px;
padding-right: 30px;
}
.section.cc-padding-top-220._2.image-section._1 {
padding-top: 170px;
padding-left: 30px;
padding-right: 30px;
}
.section.cc-padding-top-220._4.text.afterparallax {
padding-top: 120px;
}
.section.cc-padding-top-220._4.text._2 {
padding-top: 180px;
}
.section.cc-padding-top-220._4.buttons {
display: none;
}
.section.cc-padding-top-220._4.pic {
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.section.cc-padding-top-220._4.mt-60 {
padding-top: 180px;
}
.section.cc-padding-top-220.milab {
padding: 120px 30px 180px;
}
.section.cc-padding-top-220.ys5 {
padding-top: 120px;
}
.section.cc-padding-top-220.ys9 {
padding-top: 120px;
padding-bottom: 120px;
}
.section.cc-padding-top-220.ys11 {
padding-top: 120px;
padding-left: 0;
padding-right: 0;
}
.section.cc-padding-top-220.ys10 {
padding: 120px 0 0;
}
.section.cc-padding-top-220.ys-3, .section.cc-padding-top-220.voice, .section.cc-padding-top-220.voice-1st {
padding: 120px 30px 180px;
}
.section.cc-padding-top-220.druffle-scr-s, .section.cc-padding-top-220.druffle-purple {
padding: 120px 0 0;
}
.section.cc-padding-top-220.druffle-scr-orders {
padding-top: 120px;
padding-left: 0;
padding-right: 0;
}
.section.cc-last-section {
padding-top: 120px;
padding-bottom: 120px;
}
.section.cc-last-section.bststks {
padding-top: 100px;
}
.section.cc-last-section.bststks.pic, .section.cc-last-section.bststks.zindi {
padding-top: 120px;
padding-bottom: 120px;
}
.section.cc-last-section.yz-last-section {
padding-bottom: 120px;
}
.section.cc-last-section.cp-2, .section.cc-last-section.ys2, .section.cc-last-section.milab, .section.cc-last-section.voice, .section.cc-last-section.maroo, .section.cc-last-section.app-best, .section.cc-last-section.druffle {
padding-top: 120px;
}
.section.cc-start-purpur-section {
border-radius: 30px;
padding-bottom: 220px;
}
.section.cc-start-purpur-section._2 {
border-radius: 30px;
padding-bottom: 120px;
}
.section.cc-padding-top-160 {
padding-top: 120px;
}
.section.cc-padding-top-160._2.cc-padding-side-20.possibilities, .section.cc-padding-top-160._2.cc-padding-side-20._1 {
padding-top: 120px;
padding-left: 30px;
padding-right: 30px;
}
.section.cc-padding-top-160.hp-mob {
padding-left: 50px;
padding-right: 50px;
}
.section.cc-padding-top-160.hp-mob-2 {
padding-left: 30px;
padding-right: 30px;
}
.section.cc-grey-section {
border-radius: 30px;
padding-top: 120px;
padding-bottom: 120px;
}
.section.cc-grey-section.grey-first {
padding-top: 180px;
}
.section.grey2 {
padding-bottom: 120px;
}
.section.grey2.beststoks {
padding-left: 0;
padding-right: 0;
}
.section.cc-padding-top-120 {
padding-top: 120px;
}
.section.cc-padding-top-120.team.mb-150, .section.cc-padding-top-120.team.case-yango, .section.cc-padding-top-120.best-st-sec {
padding-bottom: 120px;
}
.section.cc-lightblue-section {
padding-bottom: 220px;
}
.section.lightblueclass {
padding-bottom: 120px;
padding-left: 0;
padding-right: 0;
}
.section.yz-blue-section, .section.yz-cc-start-grey-section {
padding-bottom: 120px;
}
.section.hero-section-2 {
padding-top: 158px;
padding-bottom: 190px;
}
.section.methods-section.rs-tasks {
padding-top: 190px;
}
.section.result-section {
padding-top: 145px;
padding-bottom: 120px;
}
.section.info-section.socs {
margin-bottom: 20px;
padding-top: 0;
padding-bottom: 0;
}
.section.cne {
padding-bottom: 35px;
}
.section.cc-padding-bottom-220.pic, .section.cc-padding-bottom-220.zindi, .section.pic3 {
padding-bottom: 100px;
}
.section.pic3._2 {
padding-bottom: 63px;
}
.section.pic3._3 {
padding-bottom: 125px;
}
.section.cc-black-section {
padding-bottom: 120px;
}
.section.zindi_tasks_mr {
padding-bottom: 100px;
}
.section.wht._180-250.bg-imgs {
background-position: 135% 48px, 0 93%;
}
.section.img-screens-wrp {
padding-top: 0;
padding-bottom: 0;
}
.section.rest {
padding-bottom: 10px;
}
.section.about-st_main-txt {
padding-bottom: 150px;
}
.section.yango-s4-section, .section.yango-s5-section, .section.yango-s6-section {
padding-bottom: 120px;
}
.section.yango-s7-section {
padding-bottom: 0;
}
.section.yango-s8-section, .section.yango-s11-section {
padding-bottom: 120px;
}
.section.yango-s12-section {
padding-top: 120px;
}
.section.yango-s10-section {
padding-bottom: 120px;
}
.section.case-hero-section_black.pvz {
grid-row-gap: 60px;
height: auto;
}
.section.voice-lend {
padding-bottom: 206px;
}
.section.cc-padding-top-160 {
padding-top: 120px;
padding-left: 30px;
padding-right: 30px;
}
.section.cc-padding-top-160._2 {
padding-left: 50px;
padding-right: 50px;
}
.section.pt-pb-200.pvz-invent {
overflow: hidden;
}
.section.avito-team-section.pvz-flow {
padding-bottom: 0;
}
.section.rs-hero-sec {
padding-top: 110px;
padding-bottom: 120px;
}
.section.cne_rs {
padding-bottom: 90px;
}
.section.banner-sec {
margin-bottom: 0;
}
.section.druffle-vt-scr-s {
padding-bottom: 120px;
}
.section.avito-hero-bottom.cc-grey-bg.pic {
width: 100%;
overflow: auto;
}
.section.form-section {
padding-bottom: 110px;
}
.section.strana-hero-bottom.cc-grey-bg.pic {
width: 100%;
overflow: auto;
}
.section.cc-expert {
padding-top: 108px;
padding-bottom: 108px;
}
.section.cc-expert.non-pd {
padding-bottom: 90px;
}
.section.cc-benefits {
padding-top: 108px;
padding-bottom: 108px;
}
.section.cc-benefits.non-pd {
padding-bottom: 90px;
}
.container.navigation-container {
justify-content: center;
}
.container.cases-container {
width: 100%;
}
.container.with-logos-slider {
width: 100%;
padding-left: 30px;
padding-right: 30px;
}
.container.with-cases-grid.full-width, .container.with-cases-grid.new-wide {
width: 100%;
}
.container.case-hero-container.ceseconts {
text-align: center;
padding-bottom: 30px;
padding-left: 0;
}
.container.case-hero-container.cloud-case {
width: 100%;
padding-top: 70px;
padding-bottom: 70px;
}
.container.case-hero-container.case-z._2 {
padding-left: 5vw;
}
.container.case-hero-container.beststocks-hero-container {
padding-bottom: 50px;
}
.container.case-hero-container.yango-hero-container, .container.case-hero-container.voice-hero-content, .container.case-hero-container.maroo-hero-cont, .container.case-hero-container.druffle-hero-content {
width: 100%;
padding-top: 70px;
padding-bottom: 70px;
}
.container.cc-container-880.cc-spleet._2 {
padding-bottom: 120px;
}
.container.cc-container-880.z {
padding-left: 30px;
padding-right: 30px;
}
.container._1110-container, .container.navigation-container, .container.full-width-container {
width: 100%;
}
.container.with-logos-slider {
padding-left: 30px;
padding-right: 30px;
}
.container.cc-container-698._2, .container.cc-container-698.zindi-70 {
margin-bottom: 0;
}
.container.pic {
width: auto;
max-width: none;
}
.container.cases-conteiner, .container.case-meta-container.yango-case-meta-container, .container.case-meta-container.maroo-meta-cont, .container.info-container, .container.footer-container {
width: 100%;
}
.container.cc-container-698 {
margin-bottom: 50px;
}
.container.cc-container-698._2 {
margin-bottom: 0;
}
.container.cont-990.pd-173 {
padding-top: 0;
padding-bottom: 120px;
}
.container.team_head {
width: 95%;
}
.container.about-owner {
width: 100%;
padding-left: 60px;
padding-right: 30px;
}
.container.about-st__para_wrp, .container.princ-cont {
width: 100%;
}
.container.milab-logo-animation {
height: 400px;
}
.container.voice-img-l.mr-330 {
margin-bottom: 200px;
}
.container.voice-logos {
margin-bottom: 157px;
}
.container.voice-masc.gor-imgs.mr-330 {
grid-column-gap: 30px;
}
.container.voice-masc.gor-imgs.mr-200 {
grid-column-gap: 20px;
}
.container.case-cont-1021, .container.maroo-cont-1115 {
width: 100%;
}
.container.app-best {
max-width: 330px;
}
.container.container-1060.new, .container.container-1060.pvz-cont, .container.container-1060.portfolio-c, .container.container-1060.tab-wide {
width: 100%;
}
.container.pvz-interf-c {
width: auto;
max-width: 700px;
}
.container.pvz-flow-gi {
width: 100%;
}
.container.case-780.wide-tab {
width: 90%;
}
.container.pvz-flow-invent, .container.case-info-container {
width: 100%;
}
.container.case-764.wide-tab {
width: 90%;
}
.container.form-container {
width: 100%;
}
.container.tasks-container {
width: 50%;
}
.container.whatwedone-container {
width: 100%;
}
.container.case-740.wide-tab {
width: 90%;
}
.container.cc-expert, .container.cc-benefits {
width: 100%;
}
.container.autstuff {
width: 95%;
}
.project-flex {
flex-direction: column;
}
.project-flex-column.client-column {
width: 100%;
margin-top: 0;
padding-left: 0%;
}
.project-flex-column.client-column.review-images-column {
align-items: center;
margin-bottom: 24px;
padding-right: 0%;
}
.project-flex-column.description-column {
width: 100%;
min-width: auto;
}
.project-flex-column.description-column.clients-review-description {
flex-direction: column;
width: 100%;
display: flex;
}
.p.project-review-author {
order: -1;
margin-top: 0;
margin-bottom: 0;
}
.project-review-images {
justify-content: center;
padding-right: 0;
}
.project-images {
width: 100%;
margin-top: 48px;
margin-bottom: 56px;
}
.cta-title {
font-size: 44px;
}
.hero-title {
width: 100%;
font-size: 14vw;
}
.shapes {
max-width: 100%;
}
.shape.s1-s1, .shape-s1-s2, .shape-s1-s3, .shape-s1-s4, .shape-s1-s5 {
transform: scale(.8);
}
.hero-slider {
margin-top: 0;
}
.shape-s2-s1, .shape-s2-s3 {
transform: scale(.8);
}
.shape-s2-s4.within-wrapper {
transform: scale3d(1none, 1none, 1none);
}
.shape-wrapper.for-s2-s4, .shape-wrapper.for-s2-s5, .shape-wrapper.for-s2-s2 {
transform: scale(.8);
}
.shape-wrapper.for-s3-s2 {
top: -9vw;
transform: scale(.8);
}
.shape-wrapper.for-s3-s5 {
bottom: -9vw;
transform: scale(.8);
}
.shape-s3-s1, .shape-s3-s3, .shape-s3-s4, .shape-s4-s1, .shape-s4-s2, .shape-s4-s3, .shape-s4-s4, .shape-s4-s5 {
transform: scale(.8);
}
.hero-slider-wf {
min-height: auto;
}
.nav-menu {
display: none;
}
.big-heading {
letter-spacing: -.03em;
font-size: 65px;
line-height: 101%;
}
.big-heading.bigger {
font-size: 7.5vw;
}
.big-heading.case-hero-heading {
font-size: 54px;
line-height: 100%;
}
.big-heading.case-hero-heading._68 {
font-size: 54px;
}
.grid._4-col-grid {
grid-row-gap: 48px;
}
.grid._3-col-grid {
grid-column-gap: 38px;
grid-row-gap: 48px;
}
.grid.footer-grid {
grid-row-gap: 36px;
grid-template-columns: 1fr;
}
.case-card.case-one.first-case-transform._12st-portf {
height: 480px;
}
.case-card.case-four.second-case-transform.dablby-portf, .case-card.case-four.second-case-transform.kokoc-portf {
height: 490px;
}
.case-card.case-five.fourth-case-transform.fade-in.yb.portf, .case-card.case-five.fourth-case-transform.fade-in.bs.portf, .case-card.case-five.fourth-case-transform.fade-in.yz.port, .case-card.case-five.fourth-case-transform.fade-in.pik.portf, .case-card.case-five.fourth-case-transform.fade-in.pik.hircost {
height: 400px;
}
.case-card.case-five.fourth-case-transform.fade-in.zindi_pr {
height: 430px;
}
.case-card.case-five.fourth-case-transform.fade-in.zindi_pr.portf {
height: 420px;
}
.case-card.case-five.fourth-case-transform.fade-in.cld {
height: 430px;
}
.case-card.case-five.fourth-case-transform.fade-in.cld.portf {
height: 400px;
}
.case-card.case-five.fourth-case-transform.fade-in.yango {
height: 430px;
}
.case-card.case-five.fourth-case-transform.fade-in.yango.portf {
height: 400px;
}
.case-card.case-five.fourth-case-transform.fade-in.milab {
height: 430px;
}
.case-card.case-five.fourth-case-transform.fade-in.milab.portf {
height: 400px;
}
.case-card.case-five.fourth-case-transform.fade-in.voicepop {
height: 430px;
}
.case-card.case-five.fourth-case-transform.fade-in.voicepop.portf {
height: 400px;
}
.case-card.case-five.fourth-case-transform.fade-in.maroo {
height: 430px;
}
.case-card.case-five.fourth-case-transform.fade-in.maroo.portf {
height: 400px;
}
.case-card.case-five.fourth-case-transform.fade-in.best-app {
height: 430px;
}
.case-card.case-five.fourth-case-transform.fade-in.best-app.port {
background-size: contain;
height: 400px;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz {
height: 430px;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.portf {
height: 400px;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.strana, .case-card.case-five.fourth-case-transform.fade-in.pvz.guestlink {
background-size: 80%;
height: 400px;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.kokoc {
background-color: #f3efec;
background-size: contain;
height: 400px;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.avito-job {
background-size: 80%;
height: 400px;
}
.case-card.case-five.fourth-case-transform.fade-in.druffle.portf, .case-card.case-five.fourth-case-transform.fade-in.mindbox-portf {
height: 400px;
}
.case-card.case-five.fourth-case-transform.fade-in.avito_pr {
height: 430px;
}
.case-card.case-five.fourth-case-transform.fade-in.avito {
height: 410px;
}
.case-card.case-five.fourth-case-transform.fade-in.avito.port {
background-size: contain;
}
.case-card.case-five.fourth-case-transform.fade-in.druffle, .case-card.case-five.fourth-case-transform.fade-in.research, .case-card.case-five.fourth-case-transform.fade-in.avito-baas, .case-card.case-five.fourth-case-transform.fade-in.countrydev {
height: 430px;
}
.case-card.case-five.fourth-case-transform.fade-in.countrydev.portf {
height: 400px;
}
.case-card.case-five.fourth-case-transform.fade-in.kokoc {
height: 430px;
}
.case-card.case-five.fourth-case-transform.fade-in.kokoc.portf {
height: 400px;
}
.card-header {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.arrow-button.within-card {
top: 24px;
right: 24px;
}
.card-heading {
max-width: 55%;
margin-right: 0;
font-size: 20px;
line-height: 120%;
}
.card-image-wrapper.yand {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.button-cta.mt70 {
margin-top: 30px;
}
.menu-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 14px;
padding-left: 30px;
padding-right: 30px;
display: flex;
bottom: 0;
}
.menu {
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #0000;
justify-content: center;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.menu-link {
text-align: left;
letter-spacing: -.03em;
font-size: 32px;
line-height: 120%;
}
.menu-button {
z-index: 2;
background-color: #ffffffe6;
border-radius: 50px;
justify-content: space-between;
align-items: center;
min-width: 187px;
height: 52px;
padding: 14px 18.5px 11px 22px;
font-size: 18px;
font-weight: 500;
line-height: 120%;
display: flex;
position: relative;
}
.menu-button-show-trigger {
cursor: pointer;
justify-content: flex-end;
align-items: center;
padding-right: 18px;
display: flex;
position: absolute;
inset: 0%;
}
.menu-button-hide-trigger {
cursor: pointer;
justify-content: flex-end;
align-items: center;
padding-right: 18px;
display: none;
position: absolute;
inset: 0%;
}
.tile-change-move {
height: 60px;
}
.nav-link.button-nav-link {
justify-content: space-between;
min-width: 187px;
height: 52px;
padding-left: 22px;
padding-right: 22px;
font-size: 18px;
position: relative;
}
.nav-link.button-nav-link.mobile-nav-button {
margin-left: 5px;
}
.footer-box {
max-width: 260px;
}
.footer-box.shown-on-mob {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.logos-slider {
margin-left: 0;
display: flex;
}
.logo-box {
flex: none;
width: 33%;
max-width: 80px;
height: 40px;
}
.section-heading {
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 54px;
}
.section-heading.uppercase.medium-heading {
font-size: 7.6vw;
}
.section-heading.team, .section-heading.be-team-2 {
display: flex;
}
.intro {
max-width: 100%;
margin-bottom: 56px;
}
.intro.methods-intro {
margin-bottom: 90px;
}
.intro.cases-intro {
margin-bottom: 80px;
}
.intro.vacan {
margin-bottom: 20px;
}
.intro.mw-80, .intro.team_rest {
max-width: none;
}
.intro.rs-new_cases-intro {
margin-bottom: 80px;
}
.intro.rs-who-works {
width: 70%;
margin-bottom: 150px;
}
.feature-box {
font-size: 20px;
line-height: 135%;
}
.what-we-do-elements {
display: none;
}
.what-we-do-element.e1 {
width: 159px;
inset: auto 0% 0% auto;
}
.what-we-do-element.e2 {
width: 209px;
inset: 0% auto auto 40%;
}
.what-we-do-element.e3 {
width: 201px;
inset: auto auto 0% 0%;
}
.what-we-do-element.e5 {
width: 285.6px;
inset: 0% 0% auto auto;
}
.what-we-do-element.e6 {
width: 182.5px;
inset: auto auto 0% 25%;
}
.what-we-do-element.e7 {
width: 352px;
inset: 0% 0% auto auto;
}
.what-we-do-element.e8 {
width: 288px;
inset: 0% 0% auto auto;
}
.what-we-do-element.e9 {
width: 321.6px;
inset: 0% 0% auto auto;
}
.small-heading.highlighted-heading {
font-size: 16px;
}
.subtitle.beststoksparagraph {
letter-spacing: 0;
font-size: 20px;
line-height: 128%;
}
.subtitle.beststoksparagraph.cc-max-width-445 {
width: 300px;
}
.subtitle.beststoksparagraph.cc-max-width-445._2 {
flex: 1;
padding-left: 20px;
}
.subtitle.pik {
font-size: 20px;
line-height: 128%;
}
.subtitle.pic-p {
font-size: 20px;
line-height: 135%;
}
.subtitle.cp-tasks-paragraph {
width: 100%;
margin-bottom: 30px;
}
.subtitle.cloudpayments-paragraph._100, .subtitle.cloudpayments-paragraph.ui-para {
text-align: left;
}
.subtitle.para-610 {
letter-spacing: 0;
font-size: 20px;
line-height: 128%;
}
.subtitle.dk-gr.wwh, .subtitle.grey-2.princ {
width: 100%;
}
.subtitle.yango-tasks-paragraph {
width: 100%;
max-width: 310px;
}
.subtitle.mw-361 {
max-width: none;
}
.subtitle.avito-tasks-paragraph, .subtitle.avito-tasks-paragraph_new {
width: 100%;
margin-bottom: 30px;
}
.subtitle.mob-align-left {
min-width: 690px;
}
.subtitle.strana-tasks-paragraph_new, .subtitle.hircost-tasks-paragraph_new {
width: 100%;
margin-bottom: 30px;
}
.case-row.in-res {
align-items: flex-start;
}
.case-cell.widest {
flex-direction: column;
align-items: flex-start;
width: 40%;
display: flex;
}
.case-cell.widest.in-res {
width: 70%;
padding-top: 12px;
padding-bottom: 12px;
}
.case-cell.year-cell {
display: none;
}
.case-cell.client-cell {
width: 27%;
}
.case-cell.client-cell._1col {
flex-direction: column;
align-items: flex-start;
width: 20%;
display: flex;
}
.case-cell.last {
width: 16.4%;
}
.case-cell.last.case-link {
display: none;
}
.case-cell.last.case-link.mobs {
width: auto;
padding-top: 8px;
padding-bottom: 0;
display: flex;
}
.case-cell.last.filter-cell, .case-cell.last.in-progress-cell {
display: none;
}
.case-cell.last.in-progress-cell.ob {
align-items: center;
display: flex;
}
.case-cell.link-cell {
display: none;
}
.case-cell.link-cell.new {
display: flex;
}
.case-cell.industry-cell, .case-cell.industry-cell._2col {
display: none;
}
.cases-row {
margin-bottom: 0;
}
.logos-flex {
margin-left: 0;
display: flex;
}
.logos-flex.main-p {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
align-items: center;
}
.what-we-do-video {
position: relative;
}
.video-with-elements {
min-height: auto;
}
.what-we-do-element-text {
max-width: 80%;
font-size: 12px;
line-height: 116%;
}
.case-top.case-beststoks, .case-top.case-yz, .case-top.case-pic, .case-top.case-cloud, .case-top.yango-case-top, .case-top.milab-case_top, .case-top.case-voice, .case-top.case-maroo, .case-top.app-best-case_top {
max-height: none;
}
.case-top.pvz-case_top {
background-position: 50%;
background-size: 2720px;
max-height: none;
}
.block.case-subtitle.beststokssubtitle.pik {
margin-left: auto;
margin-right: auto;
}
.block.case-subtitle.beststokssubtitle.z_hero {
width: 310px;
padding-right: 20px;
}
.case-image-wrapper.standard-case.centers.pik {
justify-content: center;
padding-left: 7vw;
}
.case-image-wrapper.standard-case.cp-hero-image-wrp {
width: 100%;
}
.case-image-wrapper.standard-case.yango-hero-image-wrp {
align-items: flex-end;
width: 100%;
padding-left: 420px;
}
.case-image-wrapper.standard-case.voice-hero-image-wrp, .case-image-wrapper.standard-case.maroo-head--img-wrp-1, .case-image-wrapper.standard-case.maroo-head--img-wrp-2 {
align-items: flex-end;
width: 100%;
padding-left: 343px;
display: none;
}
.case-hero-img.mainimage.bs {
margin-top: -30px;
}
.case-hero-img.mainimage.cp {
height: 62vw;
max-height: 600px;
margin-right: -65vw;
}
.case-hero-img.mainimage.cy, .case-hero-img.mainimage.cy-mob {
height: 350px;
margin-right: 0;
}
.scrollable-grid.pvz {
overflow: scroll;
}
.quote-text {
font-size: 65px;
}
.quote-text._2 {
letter-spacing: -.02em;
font-size: 46px;
line-height: 100%;
}
.quote-text._2.pic {
letter-spacing: -.01em;
font-size: 46px;
line-height: 100%;
}
.quote-author._2 {
margin-top: 24px;
}
.quote-author-photo.pik {
width: 64px;
height: 64px;
}
.quote-author-text.pic {
font-size: 14px;
line-height: 143%;
}
.small-quote.pvz-case {
max-width: 100%;
}
.project-participants-grid.team._2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
margin-top: 25px;
}
.feature-box-heading-wrapper {
height: 40px;
padding-left: 18px;
padding-right: 18px;
}
.mobile-video-elements-img {
width: 100%;
}
.mobile-video-elements-img.bottom {
margin-top: -70px;
}
.scrollable-grid-wrapper.maroo {
overflow: scroll;
}
.highlight.is-green, .highlight.is-blue {
margin-bottom: -7px;
padding-bottom: 7px;
}
.case-cell-text {
flex: none;
}
.mobile-invisible-cell-text {
display: inline-block;
}
.case-description-wrapper.before-content-block._12storeez-negative-margin {
max-width: 90%;
margin-top: -150px;
}
.case-link-wrapper {
margin-top: 8px;
}
.case-link-wrapper.mobile-only {
display: flex;
}
.case-link-text.in-res.p-24-29 {
font-size: 16px;
line-height: 137%;
}
.case-link-text.in-res.p-24-29.m-yes.p-16-24 {
color: #8b8b8b;
line-height: 22px;
display: block;
}
.white-sections.videos-block, .white-sections.videos-block-yz, .white-sections.videos-block-yz2 {
border-radius: 30px;
padding-bottom: 120px;
}
.mockups-grid.p130-47 {
grid-column-gap: 22px;
grid-row-gap: 40px;
}
.factoid-text {
font-size: 80px;
}
.long-screen-description-box {
display: none;
}
.mb-scroll-screenshots {
min-height: 600px;
}
.mb-scroll-screenshot-img.b1 {
max-width: 300px;
}
.mb-scroll-screenshot-img.c1 {
max-width: 200px;
right: 0;
}
.mb-scroll-screenshot-img.c3, .mb-scroll-screenshot-img.a1 {
max-width: 200px;
}
.mb-scroll-screenshot-img.b2 {
max-width: 480px;
}
.mb-scroll-screenshot-img.b3 {
max-width: 250px;
}
.job-a {
padding-top: 20px;
padding-bottom: 20px;
font-size: 38px;
}
.job-a:hover {
background-color: #0000;
}
.job-a.job-itm {
height: 120px;
}
.text-block-2 {
letter-spacing: -.02em;
font-size: 28px;
line-height: 135%;
}
.filters {
overflow: auto;
}
.h2-cases-18-54 {
padding-left: 0;
padding-right: 0;
}
.colors-line {
margin-top: 120px;
}
.color-round {
width: 146px;
height: 146px;
}
.fonts-line {
margin-top: 120px;
}
.iconts-line {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center space-between;
margin-top: 100px;
display: grid;
}
.iconts-line._2 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.iconts-line.yz-icons-line {
justify-content: center;
margin-top: 120px;
display: flex;
}
.img-icons {
margin-left: auto;
margin-right: auto;
}
.img-icons.yz-icon {
width: 60px;
}
.img-buttons {
margin-left: 0;
margin-right: 0;
}
.img-buttons.no-pc {
margin-left: 4px;
margin-right: 4px;
display: block;
}
.img-buttons.no-mob {
display: none;
}
.img-buttons.big-b {
width: 100%;
margin-bottom: 0;
}
.div-block-2._2.no-shdows.details {
margin-bottom: 138px;
}
.div-block-2._2.no-shdows.check {
margin-bottom: 120px;
}
.div-block-2.cc-pad-bootm-2 {
margin-bottom: 170px;
}
.div-block-2._5.mob-otst {
margin-bottom: 60px;
}
.div-block-2._6.mob-otst {
margin-bottom: 40px;
}
.photo-img-abs.shadows-2._3.sds {
max-width: 228px;
right: -15px;
}
.photo-img-abs.shadows-2 {
max-width: 200px;
top: -38px;
bottom: -1px;
right: -28px;
}
.photo-img-abs.shadows-2._2 {
max-width: 280px;
bottom: -39px;
left: -24px;
}
.photo-img-abs.shadows-2._2.graphcircle {
left: -20px;
}
.photo-img-abs.shadows-2._2._1.ix-parallax2 {
width: auto;
}
.photo-img-abs.shadows-2._4 {
max-width: 536px;
right: -36px;
}
.photo-img-abs.shadows-2.cmcsa {
max-width: 276px;
right: -10px;
}
.photo-img-abs.shadows-2.swgay {
max-width: 228px;
top: -50px;
}
.photo-img-abs.shadows-2.no-account {
max-width: 535px;
right: -19px;
}
.photo-img-abs.shadows-2.spec.ix-parallax {
width: auto;
}
.photo-img-abs.shadows-2._5 {
width: 31%;
bottom: -60px;
}
.photo-img-abs.shadows-2._6 {
width: 39%;
}
.photo-img-abs.shadows-2._7 {
width: 34%;
}
.div-block-3 {
flex: none;
justify-content: center;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.beststoks-cards {
width: 340px;
height: 211px;
}
.tabscontent {
padding-bottom: 120px;
}
.h1.mediun-h1 {
font-size: 46px;
}
.h1.piks {
letter-spacing: -.01em;
font-size: 46px;
line-height: 100%;
}
.h1.avito-h1 {
font-size: 64px;
}
.h1.stranan-h1 {
font-size: 52px;
}
.team-info.pic {
font-size: 16px;
line-height: 22px;
}
.image-block {
padding-top: 9vw;
padding-bottom: 9vw;
}
.static-case-image-wrapper, .static-case-image-wrapper.avito-hero-img-wrapper, .static-case-image-wrapper.countrydev-hero-img-wrapper {
width: 115%;
}
.yz-hero-decor-img1 {
top: 0%;
right: -9%;
}
.yz-hero-decor-img2 {
top: 22%;
right: 3%;
}
.yz-hero-decor-img5 {
top: 33%;
left: -7%;
}
.yz-hero-decor-img6 {
left: 3%;
}
.subheading-wrap.is-centered {
margin-top: 36px;
}
.hero-subheading-text {
font-size: 20px;
}
.research-hero-core {
width: 76%;
}
.ah-image1 {
width: 185px;
inset: auto -22% 100% auto;
}
.ah-image2 {
width: 173px;
margin-left: 0;
inset: 88% auto auto -16%;
}
.h2, .h2.small-on-mob {
font-size: 46px;
}
.h2.h-80 {
letter-spacing: -.01em;
margin-bottom: 25px;
font-size: 46px;
}
.h2.h-80._2 {
letter-spacing: -.03em;
margin-bottom: 8px;
font-size: 80px;
}
.h2.h-80.m-200 {
flex-direction: column;
align-items: center;
max-width: 200px;
display: flex;
}
.h2.h-80.m-300 {
flex-direction: column;
align-items: center;
max-width: 283px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.h2.h-80.cp-h2, .h2.h-80.z-h2, .h2.h-80.z-h2-881, .h2.h-80.z-h2_90, .h2.h-80.cp-h2-z, .h2.h-80.z-h2-881-30, .h2.h-80.z-h2_cases {
margin-bottom: 40px;
}
.h2.h-80.pol-conf {
font-size: 30px;
}
.h2.medium-on-mob {
font-size: 46px;
}
.h2.cc-mob-341, .h2.h2-zapusk {
max-width: 600px;
}
.research-cards-wrap.new {
margin-top: 60px;
}
.research-card-1.new:hover, .research-card-2.new:hover, .research-card-3.new:hover {
width: 31vw;
height: 17vw;
}
.research-card-4.new {
bottom: 36%;
left: 11%;
}
.research-card-4.new:hover {
width: 31vw;
height: 17vw;
}
.research-card-5.new {
right: 7%;
}
.research-card-5.new:hover {
width: 31vw;
height: 17vw;
}
.methods-box {
margin-bottom: 16px;
padding: 25px;
}
.text-30px-120.mc-text {
width: 50%;
}
.method-image, .method-image.method-image2 {
right: 2%;
}
.method-image.method-image3 {
width: 330px;
right: 2%;
}
.method-image.method-image4, .method-image.method-image5, .method-image.method-image6 {
right: 2%;
}
.team-photo-in-text {
width: 50px;
height: 50px;
margin-top: -15px;
}
.result-text-icon {
width: 40px;
margin-top: -21px;
margin-left: 20px;
}
.result-text-icon.is-pdf-icon {
width: 36px;
margin-top: -20px;
margin-left: 20px;
}
.result-text-icon.is-miro-icon {
margin-top: -20px;
margin-left: 20px;
}
.result-row {
margin-top: 120px;
}
.info-core.scroll-line {
flex-flow: row-reverse wrap-reverse;
justify-content: space-between;
align-items: flex-start;
}
.social-link {
height: 70px;
}
.social-link.is-youtube {
width: auto;
}
.social-link.is-behance_t {
flex: none;
width: auto;
height: 67px;
}
.social-link.is-telegram__t {
width: auto;
}
.social-image {
width: auto;
max-width: none;
height: 28px;
}
.social-image.is-youtube {
width: 45px;
}
.social-wrap {
flex: 1;
margin-bottom: 0;
}
.engage-wrap {
align-items: flex-end;
}
.p-24-29 {
font-size: 16px;
line-height: 137%;
}
.text-43px {
font-size: 34px;
}
.text-24px {
font-size: 20px;
}
.team-img {
width: 120px;
margin-left: -15px;
margin-right: -15px;
}
.menu-links-wrap {
background-color: var(--white);
border-top-left-radius: 25px;
border-top-right-radius: 25px;
flex-direction: column;
align-items: flex-start;
width: 100vw;
padding: 32px 30px 100px;
display: none;
position: absolute;
inset: auto auto -14px;
}
.big-heading-2 {
letter-spacing: -.03em;
font-size: 65px;
line-height: 101%;
}
.container-2 {
width: 76%;
}
.container-2.foo {
width: 100%;
}
.menu-button-2 {
z-index: 2;
width: 57px;
height: 57px;
position: absolute;
inset: 0% 0% 0% auto;
}
.footer-box-2 {
max-width: 260px;
}
.image {
max-width: 190px;
}
.image-2 {
width: 16px;
}
.ind-cms {
overflow: hidden;
}
.div-block-8 {
z-index: 2;
background-image: linear-gradient(#fff0, #ffffffcf 25%, #fff 51%);
flex: none;
justify-content: center;
align-items: center;
width: 100%;
height: 250px;
margin-top: -145.5px;
display: flex;
position: relative;
}
.section-copy {
padding: 120px 30px;
}
.section-copy.navigation-section, .section-copy.navigation-section_black {
padding-top: 32px;
padding-bottom: 35px;
}
.image-3 {
display: none;
}
.image-3._2.yes-mob {
margin-bottom: 50px;
}
.image-3.yes-mob {
margin-top: 55px;
display: block;
}
.grid-pic {
grid-column-gap: 14px;
grid-row-gap: 16px;
}
.p-28-36 {
margin-top: 5px;
font-size: 20px;
line-height: 128%;
}
.div-block-9 {
display: block;
}
.rounds-pik {
display: none;
}
.image-4 {
width: 100%;
}
.image-4.mob {
display: none;
}
.div-block-10 {
flex-direction: column-reverse;
justify-content: flex-end;
align-items: center;
padding-top: 100px;
}
.div-block-10._2 {
flex-direction: column-reverse;
padding-top: 0;
padding-bottom: 0;
}
.div-block-10._3 {
padding-bottom: 174px;
}
.text-col {
text-align: center;
flex-direction: column;
align-items: center;
max-width: 346px;
padding-top: 30px;
padding-bottom: 0;
display: flex;
}
.text-col._2, .text-col._3 {
padding-top: 42px;
}
.images-col._2 {
align-items: center;
}
.h3-50.m-28 {
letter-spacing: -.02em;
font-size: 28px;
line-height: 120%;
}
.card-pik._2 {
background-color: #ddd7e9;
width: 226px;
height: 233px;
margin-bottom: -147px;
margin-right: 0;
transform: rotate(12.11deg);
}
.card-pik._3 {
width: 226px;
height: 233px;
margin-bottom: -116px;
margin-right: 65px;
transform: rotate(-6.4deg);
}
.card-pik._4 {
width: 226px;
height: 233px;
margin-right: -15px;
transform: rotate(7.69deg);
}
.card-pik._1, .card-pik._5 {
display: none;
}
.card-pik._6 {
width: 226px;
height: 233px;
margin-bottom: -107px;
margin-right: 6px;
transform: rotate(9.15deg);
}
.card-pik._7 {
width: 226px;
height: 233px;
margin-bottom: -114px;
margin-right: 120px;
transform: rotate(-11.5deg);
}
.card-pik._8 {
width: 226px;
height: 233px;
margin-right: -36px;
transform: rotate(10.22deg);
}
.image-6 {
margin-top: 15px;
margin-bottom: 40px;
}
.div-block-11 {
max-width: 450px;
}
.div-block-12 {
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.image-7 {
width: 85%;
margin-top: 29px;
margin-left: auto;
}
.image-8 {
width: 100%;
display: block;
}
.h2-cases-18-54-2 {
padding-left: 0;
padding-right: 0;
}
.color-round-2 {
width: 146px;
height: 146px;
}
.cp-logo-change-block {
padding-left: 0;
padding-right: 0;
}
.cp-tasks-block {
flex-direction: column;
margin-bottom: -30px;
}
.ul-images-block {
margin-top: 80px;
}
.cp-new-logo-box {
margin-top: 200px;
margin-bottom: 280px;
}
.cp-product-box {
height: 7.4vw;
}
.cp-icon-block {
margin-bottom: 100px;
}
.menu-button-text-wrp {
justify-content: flex-start;
align-items: center;
height: 26.5px;
display: flex;
position: relative;
}
.close-menu-button-text {
opacity: 0;
position: absolute;
}
.telegram-icon {
width: 36px;
height: 30px;
}
.behance-icon {
width: 35px;
height: 22px;
}
.engage-message-block {
width: 172px;
height: 67px;
margin-bottom: 15px;
padding: 10.8px 26px;
font-size: 19px;
line-height: 118%;
}
.em-corner {
width: 40px;
height: 23px;
top: 19px;
right: -17px;
}
.doodle-image {
width: 140px;
min-width: 140px;
}
.screen-overlay {
bottom: 0;
}
.h1_zindi.hero-h {
font-size: 45px;
}
.h1_zindi.hero-h.mob-hide {
width: 380px;
}
.zindi_patterns {
margin-left: -60px;
margin-right: -60px;
}
.zindi_graphicks {
width: 100%;
}
.zindi_font-txt {
text-align: center;
justify-content: center;
align-items: center;
}
.zindi_imges_wrp {
margin-left: -30px;
margin-right: -30px;
}
.zindi-smpl._330 {
margin-top: 230px;
}
.zindi-smpl-wrp._31 {
margin-top: 60px;
}
.zindi-smpl-wrp.m-118 {
background-position: 140% 100%;
background-size: 460px;
}
.imgs_wrp_lt-br {
margin-left: -30px;
margin-right: -30px;
}
.cases-team.maroo-tm {
margin-top: 120px;
}
.other-cases_all-items {
padding-left: 40px;
padding-right: 40px;
}
.case-card_top {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.other-cases_title.cc-left {
padding-left: 110px;
}
.research-team-block {
margin-top: 50px;
}
.rt-photo {
width: 90px;
}
.rt-photo.smaller-rt-photo {
width: 90px;
height: 90px;
}
.rt-photo.smaller-rt-photo.mr-25 {
margin-right: -20px;
}
.rt-photo.smaller-rt-photo.mr-25._1st {
width: 90px;
height: 90px;
}
.rt-photo-block {
height: 90px;
}
.text-36 {
margin-top: 5px;
font-size: 28px;
line-height: 128%;
}
.text-36.mw-375 {
max-width: 290px;
}
.button_txt, .button_txt.application {
font-size: 30px;
}
.arrow-button_brown {
margin-top: 40px;
padding: 11px 25px 14px;
}
.vacan_job {
padding-top: 20px;
padding-bottom: 20px;
font-size: 38px;
}
.cms-vacan {
margin-bottom: 60px;
}
.team__slider_right-arr {
opacity: 0;
padding-left: 13px;
padding-right: 10px;
display: none;
right: -11vw;
}
.txt-36 {
font-size: 34px;
}
.txt-28 {
font-size: 20px;
}
.team_desk___left {
flex-direction: row;
align-items: center;
line-height: 115%;
}
.team_desk___right:hover {
background-color: #333037b3;
}
.team__numbers {
grid-column-gap: 15px;
grid-row-gap: 16px;
grid-template-columns: minmax(120px, .5fr) 1fr minmax(60px, 1fr) minmax(140px, 1fr);
}
.what-we-have {
padding-top: 110px;
}
.what-we-have_blck {
margin-bottom: 20px;
padding: 30px 20px 30px 30px;
}
.what-wehave_left {
max-width: 360px;
}
.what-we-intro {
margin-bottom: 40px;
}
.rest__all-imgs_2nd {
margin-top: -52px;
}
.team_role {
text-align: left;
}
.z_improve {
margin-right: 40px;
}
.z-comp-txt_wrp {
grid-column-gap: 20px;
grid-row-gap: 16px;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: -20px;
}
.z_comp_desk-img {
width: 640px;
}
.non-mrg-for-stick {
position: static;
}
.button_txt-main, .button_txt-main.mrg, .button_txt-main.application, .button_txt_send, .button_txt_send.mrg, .button_txt_send.application, .button_txt_send.rs, .button_txt_send.rs-head, .button_txt_send.submit-form, .button_txt_send.form {
font-size: 30px;
}
.zindi_video {
margin-left: -30px;
margin-right: -30px;
padding-bottom: 133px;
}
.z__vid-blck {
margin-left: -30px;
margin-right: -30px;
padding-bottom: 86px;
}
.zindi_bg-vid {
border-style: none;
width: 660px;
height: 470px;
}
.team__slider_lft-arr {
opacity: 0;
padding-left: 15px;
padding-right: 10px;
display: none;
right: -11vw;
}
.team_inst_wrp {
padding-top: 5px;
inset: 0% 0% auto auto;
}
.about-st__sub-36.locals:hover {
border-bottom-color: #b9b9b9;
}
.about-owner__top {
width: 100px;
}
.owner-inst:hover {
background-color: #f2f2f2;
}
.link-underline {
width: 170px;
height: auto;
margin-left: 6px;
}
.link-underline:hover {
background-color: #0000;
}
.about-st__princ {
margin-bottom: 20px;
padding: 30px;
}
.princ_left {
max-width: 400px;
}
.princ_right._2, .princ_right._3, .princ_right._4 {
right: 30px;
}
.princ_right._5 {
right: 40px;
}
.princ_right._6 {
right: 30px;
}
.zindi_refresh {
background-position: -60% 113%, 166% -3%;
background-size: 430px, 430px;
margin-left: -30px;
margin-right: -30px;
padding-bottom: 180px;
}
.zindi_refresh_bttm, .zindi_blog_bttm {
grid-column-gap: 35px;
}
.mob-imgs.talk_wrp {
height: 370px;
}
.talk-img_sm {
width: 141px;
height: 100%;
}
.talk-img_lg {
width: 526px;
height: 100%;
margin-left: 40px;
}
.zindi_find, .zindi_learn_img-wrp {
margin-left: -30px;
margin-right: -30px;
}
.zindi__circle-imgs, .color-round_with-bg-img {
width: 146px;
height: 146px;
}
.work-your-task {
height: auto;
}
.yango-tasks-block {
align-items: stretch;
margin-bottom: 0;
}
.yango-task-box-1 {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 47%;
}
.yango-task-box-2 {
flex-direction: column;
align-items: stretch;
width: 47%;
}
.yango-task-image-1 {
width: auto;
height: 26vw;
margin-bottom: 30px;
margin-right: 0%;
}
.yango-task-image-2 {
align-self: flex-start;
width: auto;
height: 26vw;
margin-bottom: 30px;
}
.yango-task-text-1, .yango-task-text-2 {
width: 100%;
}
.yango-s4-gallery {
grid-column-gap: 20px;
width: 100%;
margin-top: 80px;
}
.yango-s4-col {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.yango-s6-row, .yango-s7-block, .yango-s8-row {
width: 100%;
}
.yango-s8-box.yango-s8-box-horizontal {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.yango-s8-image-1 {
margin-bottom: 24px;
}
.yango-s8-image-wrap {
max-width: 300px;
height: auto;
max-height: none;
}
.yango-s11-block {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.yango-s10-row {
padding-left: 30px;
}
.yango-s10-image {
margin-right: 20px;
}
.image-by-height {
width: auto;
max-width: none;
height: 100%;
}
.clients-say_left {
width: 40px;
height: 40px;
padding-left: 5px;
padding-right: 0;
}
.clients-say_left:hover {
background-color: #ffffff54;
}
.clients-say_right {
width: 40px;
height: 40px;
padding-left: 5px;
padding-right: 0;
}
.clients-say_right:hover {
background-color: #ffffff54;
}
.slide-2 {
padding: 80px 30px;
}
.count {
bottom: 160px;
left: 500px;
}
.clients-say_slider {
height: auto;
}
.clients-say__wrp {
justify-content: space-between;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.para-50 {
font-size: 20px;
line-height: 128%;
}
.section_new {
padding-left: 30px;
padding-right: 30px;
}
.clients-say_subtitle {
font-size: 20px;
}
.slider-desk-arr {
width: 10px;
height: 20px;
}
.clients-say__case {
width: 150px;
height: 55px;
padding: 0 20px;
font-size: 30px;
}
.clients-say__case:hover {
color: #b9b9b9;
background-color: #0000;
border-color: #ffffff54;
}
.locals-img {
display: none;
}
.yango-groc-img._2 {
width: 100%;
}
.milab-3imgs_item-s, .milab-3imgs_item-l {
width: 170px;
}
.milab-logo {
width: 340px;
}
.milab-lines-wrp {
grid-row-gap: 10px;
}
.milab-line_white, .milab-line_colored {
height: 8px;
}
.voice_black_logo {
width: 110px;
}
.voice-logos-wrp {
grid-column-gap: 40px;
}
.voice-app-scr {
width: 230px;
}
.voice-wrp-for-abs-para._1 {
top: 121px;
right: -50px;
}
.voice-wrp-for-abs-para._2 {
bottom: 142px;
left: -37px;
}
.voice-wrp-for-abs-para._3 {
width: 200px;
bottom: 232px;
left: -98px;
}
.voice-wrp-for-abs-para._3.desk-hide {
display: block;
}
.voice-wrp-for-abs-para._3.mob-hide {
display: none;
}
.voice-wrp-for-abs-para._4 {
top: 52px;
left: 354px;
}
.voice-diz-img {
width: 170px;
}
.jiktan_5000 {
min-width: 310px;
max-width: 100%;
}
.maroo-diz-2-img {
width: 240px;
}
.maroo-diz-2-img-wrap {
height: auto;
padding: 80px 0;
}
.maroo-diz-3-img {
width: 210px;
}
.case-head_app-best {
margin-top: -90px;
}
.appbest-scr-imgs {
height: 666px;
}
.para-60 {
font-size: 40px;
}
.case-review-wrp {
justify-content: space-between;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.app-best-scrl-img {
width: 302px;
}
.case-pvz-img-wrp, .pvz-hhw-imgs-scr {
margin-left: -30px;
margin-right: -30px;
}
.pvz-hhw-img {
width: 1240px;
}
.pvz-interf-line {
display: none;
}
.pvz-interf-blck {
height: auto;
}
.pvz-interf-imgs-wrp {
overflow: hidden;
}
.pvz-inters-images-all {
justify-content: flex-start;
height: 450px;
display: flex;
position: static;
overflow: visible;
}
.pvz-interf-paras {
grid-column-gap: 40px;
}
.pvz-imterf-para-bl {
max-width: 350px;
}
.pvz-flow-yell {
margin-left: -30px;
margin-right: -30px;
}
.pvz-manage-wrp {
height: auto;
margin-left: -30px;
margin-right: -30px;
}
.pvz-manage_all-items {
padding-left: 40px;
padding-right: 40px;
overflow: scroll;
}
.pvz-manage_all-items.mob-hide {
grid-column-gap: 20px;
}
.pvz-manage-ov-hid {
position: static;
}
.pvz-manage-item {
width: auto;
min-width: 690px;
}
.pvz-delivery-wrp {
height: auto;
margin-left: -30px;
margin-right: -30px;
}
.pvz-deliv-item {
width: auto;
min-width: 690px;
}
.pvz-delivery_all-items {
grid-column-gap: 20px;
padding-left: 40px;
padding-right: 40px;
overflow: scroll;
}
.pvz-review {
padding-left: 30px;
padding-right: 30px;
}
.rs-img-2 {
z-index: 1;
width: 100px;
inset: auto auto -24% -9%;
}
.rs-h-cont {
width: 76%;
}
.rs-1st-src-bttm {
grid-template-columns: 1fr;
margin-top: 103px;
}
.rs-img-3 {
width: 120px;
inset: -16% -10% auto auto;
}
.rs-img-3.rr-task {
width: 70px;
top: -8%;
left: 20%;
}
.rs-img-4 {
width: 250px;
margin-left: 0;
inset: 80% auto auto 5%;
}
.research-card-6.new {
right: 20%;
}
.research-card-6.new:hover {
width: 31vw;
height: 17vw;
}
.research-card-7.new {
left: 16%;
}
.research-card-7.new:hover {
width: 31vw;
height: 17vw;
}
.rs-cards-img-1 {
width: 90px;
top: -11%;
}
.rs-cards-img-2 {
width: 150px;
left: 41%;
}
.rs-task-img {
width: 185px;
inset: auto -22% 100% auto;
}
.rs-task-img._1 {
width: 75px;
inset: -12% auto auto 40%;
}
.rs-task-img._2 {
inset: -5% 17% auto auto;
}
.rs-task-img._5 {
bottom: 80%;
left: 11%;
}
.rs-task-img._4 {
bottom: 68%;
}
.rs-task-img._3 {
bottom: 75%;
}
.rs-task-img.hand {
width: 60px;
inset: auto 7% 79% auto;
}
.rs-task-img.va {
width: 70px;
bottom: 77%;
}
.rs-tal-card-img {
width: 150px;
}
.rs-tal-card-img._2 {
width: 130px;
}
.rs-tal-card-img._3 {
width: 150px;
}
.rs-tal-card {
margin-bottom: 20px;
padding: 30px;
}
.p-50-108 {
font-size: 40px;
}
.rs-show-more {
z-index: 2;
background-image: linear-gradient(#fff0, #ffffffcf 25%, #fff 51%);
flex: none;
justify-content: center;
align-items: center;
width: 100%;
height: 250px;
margin-top: -145.5px;
display: none;
position: relative;
}
.pol-conf_head {
grid-column-gap: 30px;
margin-bottom: 50px;
}
.pol-conf_img, .sogl-img {
width: 70px;
bottom: 23%;
}
.sogl_head {
grid-column-gap: 30px;
margin-bottom: 50px;
}
.banner {
background-image: none;
height: auto;
}
.banner-txt {
text-align: center;
}
.banner-txt:hover {
border-bottom-color: #c4c4c4;
}
.banner-txt.tab-hide {
display: none;
}
.banner-txt-wrp.desk-hide {
display: flex;
}
.banner-img-3 {
left: 170px;
}
.banner-img-4 {
right: 190px;
}
.banner-img-5 {
right: 112px;
}
.pvz-before {
min-width: 660px;
height: 448px;
position: static;
overflow: visible;
}
.pvz-after {
min-width: 660px;
height: 448px;
position: static;
}
.pvz_img {
min-width: 660px;
position: static;
}
.druffle-block.hr-purple {
padding-bottom: 100px;
}
.druffle-row {
padding-left: 30px;
}
.druffle-hr-scr-img-wrap {
margin-right: 20px;
}
.druffle-vt-bl {
width: 100%;
}
.druffle-row_purple {
padding-left: 30px;
}
.druffle-hr-scr-img-wrap_mob {
margin-right: 20px;
}
.druffle-review__span, .druffle-review__span._2 {
margin-bottom: -6px;
padding-bottom: 6px;
}
.job-a_new {
padding-top: 20px;
padding-bottom: 20px;
font-size: 38px;
}
.job-a_new:hover {
background-color: #0000;
}
.job-a_new.job-itm {
height: 120px;
}
.portfolio__menu {
justify-content: flex-start;
align-items: center;
}
.portfolio__tab-link {
min-width: 42px;
min-height: 42px;
}
.portfolio__tab-link.w--current {
min-height: 42px;
}
.h1-med_para {
letter-spacing: -.03em;
font-size: 50px;
line-height: 100%;
}
.team-sl-img {
width: 12px;
}
.award-tag {
font-size: 16px;
}
.h4 {
font-size: 20px;
}
.txt-18 {
font-size: 16px;
}
.head-awards {
flex-flow: column;
width: auto;
}
.avito-tasks-block {
flex-direction: column;
margin-bottom: -30px;
}
.case-link-text-copy.in-res.p-24-29 {
font-size: 16px;
line-height: 137%;
}
.case-link-text-copy.in-res.p-24-29.m-yes.p-16-24 {
color: #8b8b8b;
line-height: 22px;
display: block;
}
.media-item {
flex-flow: column;
height: auto;
}
.media-article_left {
max-width: 100%;
}
.media-art-img_wrap {
flex: none;
}
.media-art_left-content {
max-width: 460px;
}
.media_right {
flex-flow: row;
justify-content: space-between;
align-items: center;
}
.media-logo.is-workspace {
width: 130px;
height: 18px;
}
.media-case_bttm {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
align-items: flex-start;
margin-top: 10px;
}
.menu-wrapper-form {
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 14px;
padding-left: 30px;
padding-right: 30px;
display: none;
bottom: 0;
}
.menu-form {
background-color: #0000;
justify-content: center;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.form-heading-wrapper {
width: 635px;
}
.form-inner-wrapper {
flex-flow: column;
}
.submit-bttn-wrapper {
padding: 11px 25px 14px;
}
.txt-28-form {
font-size: 20px;
}
.counrtydev-hero-img {
width: 90%;
}
.counrtydev-tasks-block {
flex-direction: column;
}
.guestlink-hero-img, .counrtydev-hero-img-copy {
width: 90%;
}
.card-header1 {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.avitorabota-hero-img, .avito-rabota-hero-img, .hircost-hero-img, .avito-rabota-hero-img-copy {
width: 90%;
}
.hero-card {
height: auto;
}
.hero-sticker {
width: 199px;
height: 199px;
}
.autstuff-hero-animation {
margin-left: 565px;
}
.highlight-new.is-green, .highlight-new.is-blue, .highlight-new1.is-green, .highlight-new1.is-blue {
margin-bottom: -7px;
padding-bottom: 7px;
}
.filters-wrapper {
margin-bottom: -46px;
margin-left: 100px;
margin-right: 0;
padding-bottom: 4px;
padding-left: 0;
padding-right: 100px;
}
.filter-bttn {
min-height: 42px;
padding-left: 16px;
padding-right: 16px;
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
h3 {
letter-spacing: -.02em;
font-size: 28px;
line-height: 135%;
}
.section {
padding-left: 18px;
padding-right: 18px;
}
.section.hero-section.inner-hero, .section.hero-section.inner-hero_team, .section.hero-section.inner-hero_team_top, .section.hero-section.inner-hero_studio, .section.hero-section.inner-hero_team_top-autstuff {
padding-top: 12px;
padding-bottom: 142px;
}
.section.navigation-section {
padding-top: 32px;
padding-bottom: 32px;
}
.section.logos-section {
padding-right: 0;
position: relative;
}
.section.logos-section.mobile-only {
display: none;
}
.section.cta-section {
padding: 110px 32px;
}
.section.cta-section.vacancion {
position: static;
}
.section.cases-section {
padding-top: 108px;
padding-left: 18px;
padding-right: 18px;
}
.section.cases-section.application {
padding-bottom: 68px;
}
.section.footer-section {
padding: 20px 18px 180px;
}
.section.dark._12storeez-dark, .section.dark.about-cards-section {
border-radius: 30px;
}
.section.dark.pb200 {
border-radius: 30px;
padding-top: 100px;
padding-bottom: 135px;
}
.section.case-hero-section {
padding-top: 0;
padding-bottom: 0;
}
.section.case-hero-section.cc-padding-bottom-185 {
padding-bottom: 0;
}
.section.case-hero-section.cc-padding-bottom-185.bests, .section.case-hero-section.cc-padding-bottom-185.yd, .section.case-hero-section.cc-padding-bottom-185.pic, .section.case-hero-section.cc-padding-bottom-185.bests, .section.case-hero-section.cc-padding-bottom-185.cloud-payments-case, .section.case-hero-section.cc-padding-bottom-185.zindi-sec {
max-height: none;
}
.section.case-hero-section.cc-padding-bottom-185.yango-hero-section, .section.case-hero-section.cc-padding-bottom-185.maroo {
max-height: none;
padding-left: 20px;
padding-right: 20px;
}
.section.case-hero-section.druffle-hero {
overflow: hidden;
}
.section.case-details-section.cc-grey-bg.pic {
padding-top: 36px;
padding-bottom: 36px;
}
.section.with-rounded-wrapper {
padding: 120px 18px;
}
.section.cc-padding-top-220 {
padding-top: 96px;
padding-left: 20px;
padding-right: 20px;
}
.section.cc-padding-top-220._2 {
padding-left: 40px;
padding-right: 40px;
}
.section.cc-padding-top-220._3, .section.cc-padding-top-220._4.mt-60 {
padding-top: 156px;
}
.section.cc-padding-top-220.cc-padding-bottom-180 {
padding-bottom: 96px;
}
.section.cc-padding-top-220.milab {
padding: 90px 20px 100px;
}
.section.cc-padding-top-220.ys4 {
border-radius: 30px;
padding-top: 50px;
}
.section.cc-padding-top-220.ys5 {
width: 100%;
padding-top: 80px;
}
.section.cc-padding-top-220.ys7 {
border-radius: 30px;
padding-top: 50px;
padding-bottom: 6px;
}
.section.cc-padding-top-220.ys9 {
border-radius: 30px;
padding-top: 50px;
padding-bottom: 50px;
}
.section.cc-padding-top-220.ys11 {
padding-top: 70px;
}
.section.cc-padding-top-220.ys10 {
padding-top: 50px;
}
.section.cc-padding-top-220.ys-3, .section.cc-padding-top-220.voice, .section.cc-padding-top-220.voice-1st {
padding: 90px 20px 100px;
}
.section.cc-padding-top-220.druffle-task-s {
padding-top: 130px;
}
.section.cc-padding-top-220.druffle-scr-s, .section.cc-padding-top-220.druffle-purple {
border-radius: 30px;
padding-top: 50px;
}
.section.cc-padding-top-220.druffle-scr-orders {
padding-top: 70px;
}
.section.cc-last-section {
padding: 96px 20px;
}
.section.cc-last-section.cp-2 {
padding-top: 96px;
}
.section.cc-last-section.ys2, .section.cc-last-section.milab, .section.cc-last-section.voice {
padding-top: 110px;
}
.section.cc-last-section.maroo {
padding-top: 82px;
}
.section.cc-last-section.app-best {
padding-top: 110px;
}
.section.cc-last-section.pvz, .section.cc-last-section.druffle {
padding-top: 70px;
}
.section.cc-start-grey-section {
border-radius: 30px;
padding-bottom: 96px;
}
.section.cc-start-purpur-section {
border-radius: 30px;
padding-bottom: 126px;
}
.section.cc-start-purpur-section._2 {
border-radius: 30px;
padding-bottom: 96px;
}
.section.cc-padding-top-160 {
padding-top: 96px;
}
.section.cc-padding-top-160.hp-mob {
padding-left: 40px;
padding-right: 40px;
}
.section.cc-padding-top-160.hp-mob-2 {
padding-left: 20px;
padding-right: 20px;
}
.section.cc-grey-section {
border-radius: 30px;
padding: 96px 20px;
}
.section.grey2 {
padding-bottom: 96px;
padding-left: 20px;
padding-right: 20px;
}
.section.cc-padding-top-120.ya-team, .section.cc-padding-top-120.zast-tm-s {
padding-bottom: 120px;
}
.section.cc-start-grey2-section {
border-radius: 30px;
padding-bottom: 96px;
}
.section.cc-lightblue-section {
border-radius: 30px;
padding-bottom: 126px;
}
.section.cc-lightblue-section._3.yz-navy {
padding-bottom: 156px;
}
.section.lightblueclass {
padding-bottom: 96px;
padding-left: 20px;
padding-right: 20px;
}
.section.yz-blue-section, .section.yz-cc-start-grey-section {
border-radius: 30px;
padding-bottom: 96px;
}
.section.case-hero-section-yz {
padding-top: 0;
padding-bottom: 0;
}
.section.result-section {
background-color: var(--light-silver);
}
.section.info-section {
padding-top: 80px;
}
.section.hero-section-main {
padding-top: 120px;
padding-bottom: 120px;
}
.section.home-cases-section {
padding-top: 108px;
padding-left: 18px;
padding-right: 18px;
}
.section.cc-black-section {
border-radius: 30px;
padding-bottom: 115px;
}
.section.wht._180-250.bg-imgs {
background-position: 180% 48px, 0 93%;
}
.section.yango-s4-section {
padding-bottom: 80px;
}
.section.yango-s5-section {
padding-bottom: 50px;
}
.section.yango-s6-section {
padding-bottom: 110px;
}
.section.yango-s8-section {
padding-bottom: 60px;
}
.section.yango-s11-section {
padding-bottom: 50px;
}
.section.yango-s12-section {
border-radius: 30px;
padding-top: 50px;
padding-bottom: 50px;
}
.section.yango-s10-section {
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
padding-bottom: 50px;
}
.section.yango-s9-section {
padding-bottom: 40px;
}
.section.case-hero-section_black {
padding-top: 0;
padding-bottom: 0;
}
.section.voice-diz {
padding-bottom: 114px;
}
.section.maroo-grey {
border-top-left-radius: 30px;
border-top-right-radius: 30px;
padding-top: 90px;
padding-bottom: 200px;
}
.section.maroo_pink {
border-radius: 30px;
padding-top: 90px;
padding-bottom: 100px;
}
.section.cc-padding-top-160 {
padding-top: 96px;
padding-left: 20px;
padding-right: 20px;
}
.section.cc-padding-top-160._2 {
padding-left: 40px;
padding-right: 40px;
}
.section.pt-pb-200 {
padding-left: 20px;
padding-right: 20px;
}
.section.pt-pb-200._120-mb {
padding-top: 70px;
padding-bottom: 96px;
}
.section.pt-pb-200.pvz-invent {
padding-top: 70px;
padding-bottom: 183px;
}
.section.avito-team-section {
padding-top: 56px;
padding-bottom: 56px;
}
.section.avito-team-section.app-best-prpl {
border-radius: 30px;
}
.section.avito-team-section.pvz-flow {
border-radius: 30px;
padding-bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
.section.avito-team-section.pvz-deliv {
border-radius: 30px;
padding-bottom: 50px;
}
.section.case-team {
padding-top: 70px;
}
.section.case-pvz_yellow {
border-radius: 30px;
padding: 50px 20px;
}
.section.pt-pb-200-120 {
padding: 120px 20px;
}
.section.druffle-vt-scr-s {
padding-top: 70px;
padding-bottom: 70px;
}
.section.avito-s2-section.is-new {
padding-top: 56px;
padding-bottom: 0;
}
.section.avito-hero-bottom.cc-grey-bg.pic {
padding-top: 36px;
padding-bottom: 36px;
}
.section.avito-s3-section.is-new {
padding-top: 56px;
padding-bottom: 28px;
}
.section.avito-s4-section.is-new {
padding-top: 28px;
padding-bottom: 56px;
}
.section.avito-grid-section.is-new, .section.avito-grid-section.is-new-strana {
padding-top: 0;
padding-bottom: 0;
}
.section.paddings-100.is-avito {
padding-top: 56px;
padding-bottom: 20px;
}
.section.case-hero-section-avito {
padding-top: 0;
padding-bottom: 0;
}
.section.form-section {
padding-top: 108px;
padding-left: 18px;
padding-right: 18px;
}
.section.form-section.application {
padding-bottom: 68px;
}
.section.case-hero-section-strans {
padding-top: 0;
padding-bottom: 0;
}
.section.strana-hero-bottom.cc-grey-bg.pic {
padding-top: 36px;
padding-bottom: 36px;
}
.section.cc-expert {
padding: 110px 32px;
}
.section.cc-expert.vacancion {
position: static;
}
.section.cc-benefits {
padding: 110px 32px;
}
.section.cc-benefits.vacancion {
position: static;
}
.container {
width: 100%;
}
.container.cases-container {
width: 100%;
max-width: 420px;
}
.container.with-cases-grid.new-wide {
width: 90%;
}
.container.case-hero-container.mw-700-container {
max-width: 500px;
}
.container.case-hero-container.ceseconts {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.container.case-hero-container.cloud-case {
width: 100%;
margin-left: 0;
margin-right: 0;
padding: 47px 0 0;
}
.container.case-hero-container.case-z {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.container.case-hero-container.case-z._2 {
flex-direction: column;
}
.container.case-hero-container.beststocks-hero-container {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.container.case-hero-container.yango-hero-container, .container.case-hero-container.voice-hero-content, .container.case-hero-container.maroo-hero-cont, .container.case-hero-container.druffle-hero-content {
width: 100%;
margin-left: 0;
margin-right: 0;
padding: 47px 0 0;
}
.container.cc-container-880 {
width: 100%;
}
.container.cc-container-880.cc-spleet {
flex-direction: column;
justify-content: flex-start;
}
.container.cc-container-880.cc-spleet._2 {
flex-direction: column-reverse;
justify-content: flex-end;
}
.container.cc-container-971.cc-spleet {
flex-direction: column;
justify-content: flex-start;
}
.container.navigation-container {
justify-content: center;
}
.container.with-logos-slider {
padding-left: 0;
padding-right: 0;
}
.container.cc-container-698.pvz-team {
width: 100%;
margin-bottom: 0;
}
.container.cc-container-698.awards-cc {
max-width: 325px;
}
.container.case-meta-container {
width: 100%;
}
.container.cont-990.pd-173 {
padding-bottom: 80px;
}
.container.about-st__para_wrp {
max-width: 100%;
}
.container.case-hero_milab {
align-items: center;
}
.container.milab-3-img-wrp {
grid-row-gap: 30px;
width: 100%;
max-width: 100%;
}
.container.voice_centered {
width: 100%;
}
.container.voice-masc.gor-imgs.mr-330, .container.voice-masc.gor-imgs.mr-200 {
margin-bottom: 100px;
}
.container.case-p-881.c-pvz-deliv {
grid-row-gap: 32px;
padding-bottom: 7px;
}
.container.case-cont-1021, .container.maroo-cont-1115, .container.case-p-700_centr {
width: 100%;
}
.container.case-p-700_centr.pvz-invent {
max-width: 350px;
}
.container.container-1060 {
width: 90%;
}
.container.pvz-int-cnt {
grid-row-gap: 0px;
}
.container.pvz-interf-c {
margin-top: 47px;
}
.container.pvz-flow-gi {
border-width: 7px;
border-radius: 4px;
max-width: 430px;
margin-bottom: 40px;
}
.container.case-780.pvz-flow-para {
text-align: left;
width: 100%;
}
.container.cont-660-cent.pvz-invent {
width: 300px;
}
.container.pvz-flow-invent {
border-width: 7px;
border-radius: 4px;
margin-top: 40px;
}
.container.druffle-vt {
display: block;
}
.container.container-1038 {
width: 100%;
}
.container.druffle-vt-c {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.container.case-764.pvz-flow-para {
text-align: left;
width: 100%;
}
.container.form-container {
width: 100%;
max-width: 420px;
}
.container.tasks-container {
width: 100%;
max-width: 272px;
margin-left: 0;
}
.container.case-740.pvz-flow-para {
text-align: left;
width: 100%;
}
.cta-title {
margin-bottom: 40px;
}
.hero-heading {
width: 100%;
max-width: 430px;
}
.hero-heading.forth-heading {
max-width: 500px;
}
.hero-title {
text-align: left;
letter-spacing: -.05rem;
max-width: 100vw;
font-size: 140px;
display: inline-block;
}
.shape-s1-s2 {
top: 20%;
}
.shape-s1-s3 {
bottom: 30%;
left: -3%;
}
.shape-s1-s4 {
inset: auto 0% -5% auto;
}
.shape-s1-s5 {
inset: auto auto -15% 8%;
}
.shape-s2-s1 {
top: -15%;
left: 12%;
}
.shape-s2-s3 {
inset: auto auto 35% 0%;
}
.shape-wrapper.for-s2-s4 {
bottom: 5%;
right: 14%;
}
.shape-wrapper.for-s2-s5 {
bottom: -24%;
left: 24%;
}
.shape-wrapper.for-s2-s2 {
top: 23%;
right: 10%;
}
.shape-wrapper.for-s3-s2 {
top: 20%;
right: -4%;
}
.shape-wrapper.for-s3-s5 {
bottom: -22%;
left: 8%;
}
.shape-s3-s1 {
top: -13%;
left: 12%;
}
.shape-s3-s3 {
inset: auto auto 32% -5%;
}
.shape-s3-s4 {
inset: auto -5% 0% auto;
}
.shape-s4-s1 {
top: -18%;
left: 4%;
}
.shape-s4-s2 {
top: 22%;
}
.shape-s4-s3 {
bottom: 31%;
left: 11%;
}
.shape-s4-s4 {
inset: auto 12% -15% auto;
}
.shape-s4-s5 {
bottom: -25%;
left: 14%;
}
.slide-nav {
margin-top: 0;
inset: auto 0% 50px;
}
.hero-slider-wf {
min-height: auto;
}
.breaking-embed {
height: 0;
}
.nav-menu {
display: none;
}
.big-heading {
font-size: 46px;
}
.big-heading.bigger {
font-size: 6vw;
}
.big-heading.case-hero-heading {
letter-spacing: -.01em;
font-size: 46px;
}
.big-heading.case-hero-heading._68 {
font-size: 46px;
}
.grid {
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.grid._4-col-grid, .grid._4-col-grid.team-grid {
grid-template-columns: 1fr 1fr;
}
.grid._3-col-grid._3-col-scrollable-grid {
grid-template-columns: 200px 200px 200px;
width: 100%;
}
.grid.footer-grid {
grid-row-gap: 35px;
grid-template-columns: 1fr;
}
.news-heading {
font-size: 15px;
}
.hero-heading-wrapper.main {
width: 100%;
}
.cases-grid.success {
flex-flow: column;
}
.case-card {
width: 100%;
margin-bottom: 18px;
}
.case-card.case-five.fourth-case-transform.fade-in.yb.portf, .case-card.case-five.fourth-case-transform.fade-in.bs.portf, .case-card.case-five.fourth-case-transform.fade-in.yz.port {
height: 430px;
}
.case-card.case-five.fourth-case-transform.fade-in.pik.portf, .case-card.case-five.fourth-case-transform.fade-in.pik.hircost {
height: 440px;
}
.case-card.case-five.fourth-case-transform.fade-in.zindi_pr.portf {
height: 470px;
}
.case-card.case-five.fourth-case-transform.fade-in.cld.portf, .case-card.case-five.fourth-case-transform.fade-in.yango.portf, .case-card.case-five.fourth-case-transform.fade-in.milab.portf {
height: 430px;
}
.case-card.case-five.fourth-case-transform.fade-in.voicepop.portf {
height: 420px;
}
.case-card.case-five.fourth-case-transform.fade-in.best-app.port, .case-card.case-five.fourth-case-transform.fade-in.pvz.portf, .case-card.case-five.fourth-case-transform.fade-in.pvz.strana, .case-card.case-five.fourth-case-transform.fade-in.pvz.guestlink {
height: 430px;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.kokoc {
background-size: contain;
height: 430px;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.avito-job {
height: 430px;
}
.case-card.case-five.fourth-case-transform.fade-in.druffle.portf {
background-position: 100% 100%;
height: 430px;
}
.case-card.case-five.fourth-case-transform.fade-in.mindbox-portf, .case-card.case-five.fourth-case-transform.fade-in.avito, .case-card.case-five.fourth-case-transform.fade-in.countrydev.portf {
height: 430px;
}
.case-card.case-five.fourth-case-transform.fade-in.kokoc.portf {
background-position: 100% 100%;
height: 430px;
}
.button-cta.mt117, .button-cta.mt146 {
margin-top: 48px;
}
.menu-wrapper {
flex-direction: row;
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
display: flex;
}
.menu {
z-index: 3;
-webkit-backdrop-filter: none;
backdrop-filter: none;
justify-content: center;
}
.menu-button {
z-index: 2;
}
.menu-button-icon-img {
flex: none;
width: 45%;
height: 45%;
position: absolute;
}
.main {
position: relative;
}
.menu-button-show-trigger {
width: 100%;
height: 100%;
padding-top: 0;
padding-bottom: 0;
position: absolute;
inset: 0%;
}
.menu-button-hide-trigger {
width: 100%;
height: 100%;
position: absolute;
}
.tile-change-move {
height: 130px;
overflow: hidden;
}
.nav-link.button-nav-link.mobile-nav-button:hover {
border-color: var(--black);
background-color: var(--black);
color: var(--white);
}
.footer-cta-title-wrapper {
text-align: center;
}
.logos-slider {
display: block;
}
.logo-box {
width: 10%;
margin-left: 15px;
margin-right: 15px;
}
.logo-box-img.client-four {
max-width: 28px;
max-height: 28px;
}
.section-heading {
font-size: 46px;
}
.section-heading.uppercase.medium-heading {
font-size: 6vw;
}
.section-heading.h2-50-54 {
font-size: 28px;
line-height: 135%;
}
.section-heading.txt-80 {
font-size: 60px;
}
.intro.mb144 {
margin-bottom: 72px;
}
.intro.mb64 {
margin-bottom: 32px;
}
.intro.mb64.center.hot-fix-mobile {
max-width: 80%;
}
.intro.mobile-center {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.intro.cases-intro {
margin-bottom: 38px;
}
.intro.mb-60 {
margin-bottom: 40px;
}
.intro.rs-new_cases-intro {
margin-bottom: 38px;
}
.photo-img.shadows, .photo-img.yz-shadow {
border-radius: 2.5px;
}
.margin._166 {
height: 100px;
}
.feature-box-image.mb24 {
margin-bottom: 20px;
}
.medium-heading.center.mobile-left {
text-align: left;
}
.medium-heading.mobile-invisible.portf {
display: none;
}
.text._36 {
font-size: 28px;
}
.text._28 {
font-size: 24px;
}
.team-box.active {
box-shadow: 0 0 0 1px #e6ee9b;
}
.team-box-description {
border-top-right-radius: 6px;
bottom: -1px;
}
.qa-item {
background-color: #fff;
border-radius: 30px;
padding-left: 20px;
padding-right: 20px;
}
.small-heading.qa-heading {
font-size: 18px;
}
.small-heading._28 {
font-size: 20px;
}
.qa-a {
padding-right: 0;
}
.subtitle {
font-size: 20px;
}
.subtitle.limited-width {
max-width: 100%;
}
.subtitle.limited-width.mw-650 {
max-width: 500px;
}
.subtitle.inner-hero-subtitle {
max-width: 80%;
margin-top: 30px;
}
.subtitle.zindi_695, .subtitle.zindi_695.mrg_40 {
width: auto;
}
.subtitle.limited-width-650 {
max-width: 100%;
}
.subtitle.hero-sub {
max-width: 80%;
margin-top: 30px;
}
.subtitle.mw-680 {
line-height: 128%;
}
.subtitle.maroo-head_sub {
width: auto;
max-width: 100%;
}
.subtitle.hight, .subtitle.avito-tasks-paragraph_new {
text-align: left;
}
.subtitle.mob-align-left {
text-align: left;
min-width: auto;
}
.subtitle.strana-tasks-paragraph_new, .subtitle.hircost-tasks-paragraph_new {
text-align: left;
}
.subtitle.inner-hero-subtitle-autstuff {
max-width: 80%;
margin-top: 30px;
}
.hero-sutitle {
font-size: 20px;
line-height: 120%;
}
.case-row {
padding-left: 0;
padding-right: 0;
}
.case-row:hover {
background-color: #0000;
}
.case-row.filters-row.in-res {
margin-bottom: 0;
}
.case-cell {
font-size: 14px;
line-height: 142%;
}
.case-cell.client-cell._1col {
width: 25%;
min-width: 140px;
}
.case-cell.last {
text-align: right;
}
.case-cell.last.filter-cell {
width: 8%;
margin-left: -4%;
position: relative;
}
.case-cell.filter-cell {
letter-spacing: .06em;
font-size: 12px;
}
.logos-flex.main-p {
margin-right: 0;
}
.photo-mosaic {
flex-direction: column;
align-items: flex-start;
}
.photo-card {
border-radius: 8px;
width: 40%;
margin-bottom: 10px;
}
.photo-card.mobile-invisible {
display: none;
}
.video-link {
max-width: 76vw;
}
.play-button {
width: 44px;
height: 44px;
}
.play-button-icon-img {
width: 13px;
margin-left: 4px;
}
.team-box-no-photo-name {
font-size: 14px;
}
.case-top.case-beststoks, .case-top.case-yz, .case-top.case-pic, .case-top.case-cloud, .case-top.yango-case-top, .case-top.milab-case_top, .case-top.case-voice, .case-top.case-maroo, .case-top.app-best-case_top {
max-height: none;
}
.case-top.pvz-case_top {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/6385ad10052ec65d3b614786_pvz-bands-mob.svg");
background-position: 110% 71%;
background-repeat: no-repeat;
background-size: 830px;
max-height: none;
}
.case-top.avito-case-top_baas {
height: 600px;
}
.case-top.strana-hero, .case-top.guestlink, .case-top.avito-rabota, .case-top.hirocost-hero {
height: auto;
min-height: auto;
}
.case-hero-content {
text-align: center;
width: 100%;
margin-bottom: 24px;
}
.case-hero-content.half-width {
width: 100%;
}
.case-hero-content.caseconts {
flex-direction: column;
align-items: center;
display: flex;
}
.case-hero-content.caseconts.pik {
margin-bottom: 0;
}
.case-hero-content.zindi-hero, .case-hero-content.yango-hero-content, .case-hero-content.voice-hero-cont {
flex-direction: column;
align-items: center;
display: flex;
}
.case-hero-content.full-width-hero-content-strana {
margin-bottom: 40px;
}
.case-image-wrapper {
width: 100vw;
margin-left: -18px;
position: static;
}
.case-image-wrapper.standard-case.centers {
display: none;
}
.case-image-wrapper.standard-case.centers.pik {
flex: none;
width: 100%;
margin-left: 0;
padding-bottom: 40px;
display: block;
}
.case-image-wrapper.standard-case.cp-hero-image-wrp {
justify-content: center;
height: 90vw;
margin-top: -24px;
margin-left: 0;
position: static;
}
.case-image-wrapper.standard-case.z-hero-img-2, .case-image-wrapper.standard-case.beststock-image-wrapper {
display: none;
}
.case-image-wrapper.standard-case.yango-hero-image-wrp, .case-image-wrapper.standard-case.voice-hero-image-wrp, .case-image-wrapper.standard-case.maroo-head--img-wrp-1, .case-image-wrapper.standard-case.maroo-head--img-wrp-2 {
justify-content: center;
height: auto;
margin-top: 48px;
margin-left: 0;
padding-left: 0;
position: static;
}
.case-image-wrapper.wide-screen-hidden._12storeez {
justify-content: center;
}
.case-hero-img {
width: 84%;
}
.case-hero-img.cover {
width: 100%;
}
.case-hero-img.mainimage.cp {
height: 100vw;
max-height: none;
margin-right: -40vw;
}
.case-hero-img.mainimage.cy {
height: 53vw;
max-height: none;
margin-bottom: 50px;
margin-right: 0;
display: none;
}
.case-hero-img.mainimage.cy-mob {
width: 100%;
height: auto;
max-height: none;
margin-bottom: 50px;
margin-right: auto;
display: block;
}
.scrollable-grid.pik {
grid-column-gap: 36px;
grid-row-gap: 0px;
}
.case-meta-rich-text {
width: 150px;
}
.case-meta-rich-text.long {
width: 220px;
}
.circles-wrapper {
justify-content: flex-start;
margin-top: -50px;
}
.circle {
width: 52%;
height: auto;
padding-bottom: 50%;
padding-left: 0%;
padding-right: 0%;
}
.circle.second-circle {
flex: none;
width: 100%;
height: auto;
padding-bottom: 100%;
}
.circle.third-circle {
position: relative;
bottom: auto;
right: auto;
}
._2-col-grid {
grid-row-gap: 36px;
grid-template-columns: 1fr;
}
.feature-block.limited-width.with-description {
max-width: 100%;
}
.feature-block.vertical-adjustment {
top: 0;
}
.content-block {
margin-bottom: 52px;
}
.content-block.bigger-margin {
margin-bottom: 108px;
}
.side-features-grid {
grid-row-gap: 76px;
flex-direction: column;
grid-template-columns: 1fr;
}
.content-divider {
margin-top: 52px;
margin-bottom: 52px;
}
.quote-text {
font-size: 54px;
}
.quote-text._2 {
letter-spacing: -.02em;
letter-spacing: -.02em;
font-size: 38px;
line-height: 97%;
}
.quote-author-photo {
width: 64px;
height: 64px;
}
.quote-author-info {
max-width: 50%;
font-size: 14px;
}
.alternate-sections {
background-color: #fff;
}
.screen-box {
border-width: 13px;
width: 150vw;
}
.uneven-columns {
flex-direction: column;
margin-bottom: 52px;
padding-left: 0;
padding-right: 0;
}
.uneven-column-left {
width: 100%;
margin-bottom: 20px;
}
.uneven-column-right {
width: 100vw;
margin-left: -18px;
padding-left: 18px;
overflow: auto;
}
.check-list-rich-text ul {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
overflow: visible;
}
.check-list-rich-text li {
width: 265px;
margin-bottom: 0;
font-size: 14px;
line-height: 150%;
}
.screen-mosaic-card {
width: 100%;
margin-bottom: 16px;
}
.screens-mosaic-bottom-gradient {
bottom: -10px;
}
.screens-mosaic-bottom-gradient.beststoks {
height: 100px;
}
.check-list-rich-text-dark {
width: 100%;
}
.check-list-rich-text-dark ul {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
overflow: visible;
}
.check-list-rich-text-dark li {
width: 260px;
}
.photo-descrption {
max-width: 90%;
margin-top: 18px;
}
.project-participants-grid {
grid-column-gap: 50px;
grid-row-gap: 62px;
width: 100%;
}
.project-participants-grid.team {
grid-column-gap: 50px;
grid-row-gap: 52px;
}
.project-participants-grid.team.yangoo-team, .project-participants-grid.team.best-app_team, .project-participants-grid.team.zindi-team {
grid-row-gap: 20px;
}
.project-participants-grid.team.druffle-c_team {
grid-row-gap: 20px;
margin-top: 31px;
}
.rich-text-with-plain-h3 {
font-size: 14px;
line-height: 142%;
}
.rich-text-with-plain-h3 h3, .rich-text-with-plain-h3.is-28, .rich-text-with-plain-h3.is-28 h4 {
font-size: 16px;
}
.mobile-video-elements-img {
display: none;
}
.mobile-video-elements-img.bottom {
margin-top: -50px;
}
.scrollable-grid-wrapper {
width: 100vw;
margin-left: -18px;
padding-left: 32px;
overflow: auto;
}
.photo-mosaic-gradient {
height: 30%;
}
.gutter-sizer {
padding: 0;
}
.case-cell-text.in-progress-text {
color: var(--silver);
white-space: nowrap;
margin-bottom: -1px;
margin-right: 10px;
}
.brand-svg.desktop {
display: none;
}
.brand-svg.mobile {
display: block;
}
.case-hero-rich-text h1 {
letter-spacing: -.01em;
font-size: 46px;
}
.circle-content {
position: absolute;
bottom: 50%;
transform: translate(0, 50%);
}
.circles-static-img {
display: none;
}
.circles-static-img.mobile {
display: block;
}
.screen-box-wrapper {
width: 100vw;
margin-left: -18px;
padding-left: 18px;
overflow: auto;
}
.case-image.mobile-excessive-width {
width: 120vw;
transform: translate(-10vw);
}
.case-img.mobile-only {
display: block;
}
.case-img.desktop-only {
display: none;
}
.case-description-wrapper {
max-width: 100%;
margin-top: 72px;
}
.case-description-wrapper.before-content-block._12storeez-negative-margin.hot-fix {
margin-top: -180px;
}
.case-content-block {
margin-bottom: 108px;
}
.two-photo-image {
min-height: auto;
}
.grid-box.top-padding, .grid-box.top-padding.smaller {
padding-top: 0;
}
.grid-box.with-image.align-right, .grid-box.with-image.align-left {
align-items: center;
}
.case-link-wrapper.mobile-only {
margin-top: 0;
}
.case-link-wrapper.mobile-only.mobile-case-link {
display: none;
}
.case-link-text.in-res.p-24-29.m-yes.p-16-24 {
font-size: 14px;
}
.case-cell-mobile-only-block {
align-items: center;
margin-top: 8px;
display: flex;
}
.case-cell-mobile-only-block.mb-gr_hide {
display: none;
}
.white-sections.videos-block, .white-sections.videos-block-yz, .white-sections.videos-block-yz2 {
border-radius: 30px;
}
.case-hero-half-image-wrapper._12storeez {
width: 100%;
position: relative;
}
.footer-cases-grid {
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.case-card-short {
min-height: 150px;
padding: 24px;
}
.mockups-grid {
grid-column-gap: 20px;
grid-template-columns: 1fr 1fr;
}
.mockup-margin {
display: none;
}
.long-screen-image {
width: 100%;
max-width: 416px;
}
.rounded-wrapper {
border-radius: 30px;
padding-left: 20px;
padding-right: 20px;
}
.case-photo-wrapper {
border-radius: 30px;
}
.case-photo-wrapper.mt {
margin-top: 22px;
}
.long-screen-description-box {
z-index: 3;
flex-direction: column;
align-items: flex-end;
width: 100%;
max-width: 100%;
padding-bottom: 50px;
padding-left: 42px;
padding-right: 42px;
display: flex;
transform: none;
}
.long-screen-description-box.r2 {
margin-top: 707px;
}
.long-screen-description-box.r3 {
margin-top: 1293px;
}
.long-screen-description-box.r4 {
margin-top: 1954px;
}
.long-screen-description-box.opposite {
padding-left: 42px;
padding-right: 0;
transform: none;
}
.long-screen-description-box.opposite.l1 {
flex-direction: column;
align-items: flex-start;
margin-top: 500px;
padding-right: 42px;
display: flex;
left: auto;
right: 0;
}
.long-screen-description-box.opposite.l2 {
align-items: flex-start;
margin-top: 1060px;
}
.long-screen-description-box.opposite.l3 {
align-items: flex-start;
margin-top: 1636px;
}
.long-screen-description-box.opposite.l4 {
align-items: flex-start;
margin-top: 2390px;
}
.long-case-description-line-img {
display: none;
}
.excessive-wide-image-wrapper {
width: 100vw;
margin-left: -18px;
overflow: hidden;
}
.long-screen-mobile-trigger {
z-index: 3;
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-left: 24px;
margin-right: 24px;
padding: 0;
display: flex;
position: absolute;
inset: auto auto 0% 0%;
}
.long-screen-mobile-trigger.right {
inset: auto 0% 0% auto;
}
.long-screen-mobile-trigger-button {
background-color: #fff;
border: 6px solid #75645b;
border-radius: 100%;
flex: none;
width: 24px;
height: 24px;
padding-bottom: 0;
padding-right: 0;
}
.long-screen-description-text {
color: #76665d;
background-color: #fff;
border-radius: 20px;
max-width: 240px;
padding: 20px;
box-shadow: 0 4px 10px #00000026;
}
.mb-scroll-screenshots {
min-height: 400px;
}
.mb-scroll-screenshot-img.b1 {
max-width: 220px;
}
.mb-scroll-screenshot-img.c1, .mb-scroll-screenshot-img.c3, .mb-scroll-screenshot-img.a1 {
max-width: 150px;
}
.mb-scroll-screenshot-img.b2 {
max-width: 80%;
}
.mb-scroll-screenshot-img.b3 {
max-width: 180px;
}
.cms-jobs.team {
margin-bottom: 140px;
}
.job-a {
padding-left: 21px;
padding-right: 21px;
}
.line {
margin-left: 21px;
margin-right: 21px;
}
.filters {
justify-content: flex-start;
width: 100%;
padding-left: 18px;
}
.filter-button {
margin-left: 0;
margin-right: 0;
padding: 4px 12px;
}
.h2-cases-18-54 {
font-size: 16px;
line-height: 337%;
}
.colors-line {
margin-top: 96px;
padding-left: 32px;
}
.color-round.ya-color-1, .color-round.ya-color-2, .color-round.ya-color-3, .color-round.ya-color-4, .color-round.ya-color-5, .color-round.yz-color-5, .color-round.yz-color-4, .color-round.yz-color-3, .color-round.yz-color-2, .color-round.yz-color-1 {
width: 80px;
height: 80px;
margin-left: -32px;
}
.fonts-line {
margin-top: 96px;
}
.img-font {
flex: none;
height: 36px;
margin-top: 8px;
margin-bottom: 8px;
}
.iconts-line {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
margin-top: 96px;
}
.iconts-line._2 {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: minmax(50%, 1fr) minmax(50%, 1fr);
grid-auto-flow: row;
place-content: start center;
place-items: start center;
width: 100%;
}
.iconts-line.yz-icons-line {
max-width: 406px;
margin-top: 96px;
}
.img-icons.no-mob {
display: none;
}
.img-icons.yz-icon {
width: 40px;
margin: 16px 14px;
}
.img-buttons.no-pc {
margin-bottom: 0;
}
.div-block-2._2.no-shdows.details {
margin-bottom: 50px;
}
.div-block-2._3 {
margin-top: 10px;
}
.div-block-2._6.mob-otst, .div-block-2._7.mob-otst {
margin-bottom: 60px;
}
.photo-img-abs.shadows-2 {
border-radius: 3px;
max-width: 98px;
top: -23px;
right: -18px;
}
.photo-img-abs.shadows-2._2 {
border-radius: 2.5px;
max-width: 108px;
bottom: -23px;
left: -18px;
}
.photo-img-abs.shadows-2._3 {
max-width: 240px;
bottom: -60px;
right: -20px;
}
.photo-img-abs.shadows-2._4 {
max-width: 236px;
top: -10px;
right: -10px;
}
.photo-img-abs.shadows-2.no-account {
max-width: 365px;
}
.photo-img-abs.shadows-2.yourportfel {
max-width: 251px;
top: 140px;
}
.photo-img-abs.shadows-2._5, .photo-img-abs.shadows-2._6, .photo-img-abs.shadows-2._7 {
max-width: 240px;
bottom: -60px;
right: -20px;
}
.auto-video {
margin-top: 96px;
}
.auto-video.yandex-zdor1 {
margin-top: 0;
margin-bottom: 96px;
}
.grey-quote {
padding-left: 30px;
padding-right: 30px;
}
.spleet.mob-no-spleet {
flex-direction: column;
justify-content: flex-start;
}
.beststoks-cards {
width: 238px;
height: 148px;
padding-left: 20px;
padding-right: 20px;
}
.h1.piks {
max-width: 400px;
}
.h1.maroo-head-title {
max-width: 100%;
}
.h1._100px-h1 {
font-size: 54px;
}
.h1.avito-h1 {
font-size: 52px;
}
.h1.stranan-h1 {
min-width: 390px;
max-width: 420px;
font-size: 40px;
}
.team-info.cp-team-info, .team-info.m-tteam-info, .team-info.yango-team-info {
font-size: 16px;
}
.subtitle-rich-text {
font-size: 20px;
}
.font-image {
flex: none;
height: 36px;
margin-top: 8px;
margin-bottom: 8px;
}
.image-block {
padding-top: 7vw;
padding-bottom: 7vw;
}
.img-column {
grid-row-gap: 11px;
}
.static-case-image-wrapper {
margin-top: 50px;
position: static;
}
.yz-hero-decor-img1 {
width: 16%;
}
.yz-hero-decor-img2 {
width: 14%;
top: 53%;
right: -4%;
}
.yz-hero-decor-img3 {
width: 16%;
display: none;
top: 53%;
}
.yz-hero-decor-img4 {
inset: 22% -8% auto auto;
}
.yz-hero-decor-img5 {
width: 36%;
top: 49%;
left: -13%;
}
.yz-hero-decor-img6 {
width: 14%;
left: -4%;
}
.ah-image2 {
inset: auto 83% -168px auto;
}
.h2.small-on-mob {
letter-spacing: -.03em;
font-size: 28px;
line-height: 110%;
}
.h2.h-80.cp-h2 {
margin-bottom: 25px;
}
.h2.h-80.cp-h2.mob-align-left {
text-align: left;
}
.h2.h-80.z-h2, .h2.h-80.z-h2-881, .h2.h-80.z-h2_90, .h2.h-80.cp-h2-z, .h2.h-80.z-h2-881-30 {
margin-bottom: 25px;
}
.h2.h-80.z-h2_cases {
margin-bottom: 80px;
}
.h2.h-80.yt-h2 {
margin-bottom: 56px;
}
.h2.h-80.milab-60 {
margin-bottom: 40px;
}
.h2.h-80.is_white-txt.mb-40 {
margin-bottom: 32px;
}
.h2.h-80.pd-40 {
margin-bottom: 25px;
}
.h2.medium-on-mob {
letter-spacing: -.03em;
font-size: 34px;
line-height: 110%;
}
.h2.cc-mob-341, .h2.h2-zapusk {
max-width: 500px;
}
.research-card-1 {
border-radius: 20px;
}
.acc-tag {
padding-left: 5px;
padding-right: 5px;
}
.research-card-2, .research-card-3, .research-card-4, .research-card-5 {
border-radius: 20px;
}
.methods-box {
min-height: 138px;
}
.text-30px-120.mc-text {
font-size: 16px;
line-height: 138%;
}
.text-30px-120.ch-team-txt {
width: 100%;
font-size: 20px;
line-height: 128%;
}
.text-30px-100 {
font-size: 16px;
line-height: 138%;
}
.text-30px-100.mb8 {
margin-bottom: 0;
}
.text-30px-100.ch-team-sub {
margin-bottom: 0;
font-size: 20px;
line-height: 128%;
}
.method-image {
width: 158px;
right: 0%;
}
.method-image.method-image2 {
width: 143px;
}
.method-image.method-image3 {
width: 170px;
right: 0%;
}
.method-image.method-image4 {
width: 154px;
right: 1%;
}
.method-image.method-image5 {
width: 123px;
right: 5%;
}
.method-image.method-image6 {
width: 170px;
right: 0%;
}
.methods-box-wrap {
top: 80px;
}
.team-photo-in-text {
width: 38px;
height: 38px;
margin-top: -5px;
}
.result-text-icon {
width: 28.5px;
margin-top: -5px;
margin-left: 15px;
margin-right: 15px;
}
.result-text-icon.is-pdf-icon {
width: 28px;
margin-top: -25px;
}
.result-text-icon.is-miro-icon {
margin-top: -5px;
}
.result-row {
display: none;
}
.info-core {
flex-direction: column;
justify-content: center;
align-items: center;
}
.info-core.scroll-line {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.engage-wrap {
margin-left: auto;
display: flex;
}
.engage-wrap.w--current {
display: flex;
}
.engage-wrap.hidden, .nav-menu-2 {
display: none;
}
.wcwd-title-wrap {
width: 100%;
margin-bottom: 20px;
}
.wcwd-description-wrap {
width: 100%;
}
.text-43px {
font-size: 30px;
}
.wcwd-box-content {
flex-direction: column;
}
.team-img {
width: 80px;
margin-left: -10px;
margin-right: -10px;
}
.menu-links-wrap {
display: none;
}
.big-heading-2 {
font-size: 46px;
}
.big-heading-2.bigger, .big-heading-2.bigger_norm {
font-size: 10ch;
}
.nav-menu-3 {
display: none;
}
.container-2.navigation-container {
justify-content: center;
}
.menu-link-2 {
padding: 8px 10px 9px;
font-size: 14px;
line-height: 128%;
}
.menu-button-hide-trigger-2, .menu-button-show-trigger-2 {
width: 100%;
height: 100%;
padding: 0;
position: absolute;
}
.menu-button-2 {
z-index: 2;
background-color: #fff;
border-radius: 100%;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 47px;
height: 47px;
margin-bottom: 7px;
margin-left: -53px;
display: none;
position: relative;
left: auto;
right: 0;
box-shadow: 0 0 6px #0000001a;
}
.menu-2 {
z-index: 3;
justify-content: space-between;
position: relative;
}
.menu-size-change-2 {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.menu-wrapper-2 {
z-index: 5;
flex-direction: row;
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
padding-left: 45px;
padding-right: 45px;
display: flex;
bottom: 60px;
}
.news-heading-2 {
font-size: 15px;
}
.section-copy {
padding-left: 18px;
padding-right: 18px;
}
.section-copy.navigation-section, .section-copy.navigation-section_black {
padding-top: 32px;
padding-bottom: 32px;
}
.div-block-11 {
max-width: 376px;
margin-left: auto;
margin-right: auto;
}
.h2-cases-18-54-2 {
font-size: 16px;
line-height: 337%;
}
.quote-author-info-2 {
max-width: 50%;
font-size: 14px;
}
.color-round-2.bs-color-1, .color-round-2.bs-colors-2, .color-round-2.bs-colors-3, .color-round-2.bs-colors-4, .color-round-2.bs-colors-5, .color-round-2.bs-colors-6, .color-round-2.cp-color-1, .color-round-2.cp-color-2, .color-round-2.cp-color-3, .color-round-2.cp-color-4, .color-round-2.zindi-1 {
width: 80px;
height: 80px;
margin-left: -32px;
}
.cp-logo-change-block {
grid-template-columns: 29% 38px 41%;
}
.cp-logo-change-arrow {
width: 38px;
margin-top: 30px;
}
.cp-description-block2 {
margin-top: 96px;
}
.ul-images-block {
margin-top: 33px;
}
.cp-new-logo-box {
margin-top: 165px;
margin-bottom: 206px;
}
.cp-variation-block {
margin-top: 77px;
}
.cp-typography-block {
width: auto;
margin-left: -13%;
margin-right: -13%;
}
.zindi_imges_wrp {
margin-left: -18px;
margin-right: -18px;
}
.zindi-smpl-wrp.m-118 {
background-position: 116% 100%;
background-size: 300px;
}
.imgs_wrp_lt-br {
margin-left: -18px;
margin-right: -18px;
}
.cases-team.maroo-tm {
margin-top: 0;
}
.case_card {
width: 352px;
height: 413px;
}
.other-cases_title.cc-left {
padding-left: 18px;
}
.lets-work_title.mw-950 {
max-width: none;
}
.vacan_job {
padding-left: 21px;
padding-right: 21px;
}
.txt-36 {
font-size: 30px;
}
.wcwd-title-wrap_main {
width: 100%;
margin-bottom: 20px;
}
.team__numbers {
grid-column-gap: 31px;
grid-row-gap: 16px;
grid-template-columns: .5fr 1fr 1fr 1fr;
overflow: auto;
}
.numbers_blck._2 {
padding-right: 14px;
}
.what-we-intro {
text-align: center;
}
.what-we-have_bttm {
width: 100%;
margin-left: 0;
}
.rest__all-imgs_2nd {
margin-top: -40px;
}
.z_improve {
margin-right: 18px;
}
.sticky_wrp, .non-mrg-for-stick {
position: static;
}
.zindi_video {
margin-left: -18px;
margin-right: -18px;
}
.zindi_bg-vid {
width: 374px;
height: 264px;
}
.princ_left {
max-width: 340px;
}
.princ_left.rs-p {
max-width: 260px;
}
.princ_right {
width: 130px;
bottom: -6%;
}
.princ_right._3 {
bottom: -5%;
}
.princ_right._4 {
bottom: -4%;
}
.princ_right._5 {
bottom: -6%;
}
.zindi_refresh {
background-position: -100% 113%, 200% -3%;
background-size: 370px, 370px;
margin-left: -18px;
margin-right: -18px;
}
.zindi_find, .zindi_learn_img-wrp {
margin-left: -18px;
margin-right: -18px;
}
.zindi__circle-imgs {
width: 80px;
height: 80px;
}
.color-round_with-bg-img.zindi-1, .color-round_with-bg-img.zindi-2, .color-round_with-bg-img.zindi-3, .color-round_with-bg-img.zindi-4, .color-round_with-bg-img.zindi-5, .color-round_with-bg-img.zindi-6 {
width: 80px;
height: 80px;
margin-left: -32px;
}
.text-block-7, .text-block-8 {
font-size: 9px;
}
.yango-s4-gallery {
grid-column-gap: 10px;
grid-row-gap: 10px;
margin-top: 60px;
}
.yango-s4-col {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.yango-s6-row {
border-width: 10px;
border-radius: 17px;
width: 100%;
}
.yango-s6-image {
border-radius: 10px;
}
.yango-s7-block {
margin-top: 40px;
}
.yango-s7-row {
margin-bottom: 44px;
}
.yango-s8-row {
border-width: 10px;
border-radius: 10px;
width: 100%;
}
.yango-s8-row-2, .yango-s8-image-wrap {
width: 100%;
}
.yango-s9-block {
width: 100%;
margin-top: 40px;
}
.yango-s9-description-box {
z-index: 2;
width: 28%;
right: 0%;
}
.yango-s9-description-box.yango-s9-description-box2 {
width: 33%;
}
.yango-s9-image {
width: 47%;
}
.yango-s11-block {
grid-column-gap: 10px;
grid-row-gap: 10px;
margin-top: 40px;
}
.yango-s10-block {
margin-top: 40px;
top: 50px;
}
.yango-s10-row {
padding-left: 20px;
}
.yango-s10-image {
margin-right: 15px;
}
.yv-wrap {
border-radius: 10px;
width: 100%;
}
.count {
font-size: 20px;
left: 384px;
}
.clients-say_img {
width: 100px;
}
.clients-say_img.druffle {
width: 56px;
}
.section_new {
padding-left: 19px;
padding-right: 19px;
}
.clients-say_subtitle, .clients-say_name {
font-size: 20px;
}
.yango-groc-wrp {
border-width: 10px;
border-radius: 10px;
}
.yango-groc-img._2 {
border-radius: 10px;
}
.to-be-part_plus, .to-be-part-img {
width: auto;
height: 51px;
}
.card-title-wrap {
width: 55%;
}
.card-title-wrap.milab {
max-width: 220px;
}
.milab-3imgs_item-s, .milab-3imgs_item-l {
width: 120px;
}
.img-vh_mob-hide-2 {
width: 270px;
}
.voice_black_logo {
width: 90px;
}
.voice-logos-wrp {
display: none;
}
.voice-app-scr {
width: 170px;
}
.voice-wrp-for-abs-para._1 {
top: 70px;
right: -80px;
}
.voice-wrp-for-abs-para._2 {
bottom: 91px;
left: -63px;
}
.voice-wrp-for-abs-para._3 {
bottom: 172px;
left: -67px;
}
.voice-wrp-for-abs-para._3.desk-hide {
display: block;
}
.voice-wrp-for-abs-para._4 {
width: 210px;
top: 12px;
left: 251px;
}
.voice-diz-img {
width: 120px;
}
.voice-log-s-para.mob-hide {
display: none;
}
.maroo-icon {
width: 90px;
}
.maroo_3-problems {
grid-row-gap: 30px;
flex-direction: column;
margin-top: 40px;
}
.maroo-probl-item {
grid-column-gap: 16px;
flex-direction: row;
max-width: 100%;
}
.maroo-problems-img {
width: 45px;
}
.case-pt-200-pb-150 {
padding-top: 110px;
padding-bottom: 110px;
}
.container-1060.maroo-quote {
text-align: center;
padding-top: 110px;
padding-bottom: 0;
}
.maroo_highlighted-txt_pink {
border-radius: 11px;
padding-bottom: 3px;
padding-left: 7px;
padding-right: 8px;
}
.pd-80_top {
padding-top: 50px;
}
.maroo-diz-2-img {
width: 160px;
}
.maroo-diz-2-img-wrap {
justify-content: space-around;
padding-top: 50px;
padding-bottom: 50px;
}
.maroo-diz-3-img {
width: 140px;
}
.maroo-diz-4-img-wrap {
justify-content: space-around;
align-items: flex-start;
}
.maroo-diz-4-img-wrap.mr-170-top {
margin-top: 50px;
}
.maroo-diz-slice-img {
width: 120px;
}
.maroo-diz-slice-img.hor-mb-hide {
display: none;
}
.maroo-diz-slice-img-wrap {
margin-top: 50px;
}
.case-head_app-best {
margin-top: -40px;
}
.case-p_logo.pvz {
margin-bottom: 60px;
}
.cont-centr.pvz-hhw {
margin-bottom: 7px;
}
.case-p-tasks-fl {
grid-column-gap: 18px;
grid-row-gap: 32px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.case-p-tasks-fl.pt-20 {
padding-top: 0;
}
.case-p-tasks-fl.flow {
grid-column-gap: 18px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 40px;
display: grid;
}
.case-p-task-item.pvz {
grid-row-gap: 30px;
text-align: left;
align-items: flex-start;
}
.case-p-task-item.pvz-hhw {
max-width: 100%;
}
.mb-200 {
margin-bottom: 120px;
}
.mt-200 {
margin-top: 120px;
}
.app-best-scr-bl.mob-hide.mb-gr {
display: none;
}
.app-best_scr-wrp {
border-width: 10px;
border-radius: 10px;
}
.para-60.is_white-txt {
font-size: 22px;
line-height: 128%;
}
.case-review-wrp {
padding-bottom: 50px;
}
.case-review-wrp.druffle-review {
width: 100%;
padding-top: 50px;
padding-bottom: 64px;
}
.case-review-auth.druffle {
grid-column-gap: 16px;
width: 333px;
}
.case-review_bttm.druffle {
margin-top: 32px;
}
.app-best-scr-mob.desk-hide.mb-gr-sh {
justify-content: flex-end;
width: auto;
margin-right: -18px;
display: flex;
overflow: hidden;
}
.case-img_app-b {
width: 490px;
max-width: none;
}
.case-pvz-img-wrp {
width: 448px;
margin-left: 0;
margin-right: 0;
}
.pvz-tsk-num-img {
width: 100px;
}
.case-pvz-bike-img {
width: 180px;
margin-bottom: 32px;
}
.pvz-hhw-imgs-scr {
margin-top: 20px;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
}
.pvz-interf-img {
width: 144px;
}
.pvz-interf-blck {
margin-top: 16px;
}
.pvz-interf-blck.mob-hide {
display: none;
}
.pvz-interf-imgs-wrp {
border-width: 7px;
border-radius: 10px;
}
.pvz-inters-images-all {
height: auto;
}
.pvz-interf-paras {
grid-column-gap: 18px;
margin-bottom: 70px;
}
.pvz-imterf-para-bl {
max-width: 200px;
}
.pvz-flow-video {
border-radius: 4px;
height: 280px;
}
.pvz-flow-yell {
grid-row-gap: 40px;
text-align: left;
border-radius: 30px;
margin-top: 60px;
margin-left: -20px;
margin-right: -20px;
padding: 50px 20px;
}
.pvz-manage-wrp {
margin-left: 0;
margin-right: 0;
padding-top: 32px;
}
.pvz-manage_all-items {
padding-left: 0;
padding-right: 0;
}
.pvz-manage_all-items.desk-hide {
display: block;
}
.pvz-manage_all-items.mob-hide {
display: none;
}
.pvz-manage-ov-hid.desk-hide {
display: block;
}
.pvz-manage-ov-hid.mob-hide {
display: none;
}
.pvz-manage-item {
align-items: center;
width: 100%;
min-width: auto;
margin-top: 16px;
}
.pvz-delivery {
width: 180px;
}
.pvz-delivery-wrp {
align-items: stretch;
margin-left: 0;
margin-right: 0;
padding-top: 32px;
display: block;
}
.pvz-deliv-para {
max-width: 270px;
}
.pvz-deliv-para._2 {
max-width: 260px;
}
.pvz-deliv-item {
align-items: center;
width: 100%;
min-width: auto;
margin-top: 16px;
}
.pvz-delivery_all-items {
padding-left: 30px;
padding-right: 30px;
}
.pvz-invent-band {
width: 775px;
inset: auto auto 0% -70%;
}
.pvz-review {
border-radius: 30px;
margin-top: 0;
margin-left: -20px;
margin-right: -20px;
padding: 50px 20px;
}
.pvz-review-img {
width: 185px;
}
.text-30px-140 {
font-size: 22px;
line-height: 128%;
}
.pvz-final {
grid-row-gap: 40px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 276px;
padding-bottom: 0;
}
.rs-img-2 {
bottom: -28%;
}
.rs-2nd-scr-title {
max-width: 100%;
}
.research-card-6, .research-card-7 {
border-radius: 20px;
}
.rs-task-img._2 {
width: 75px;
}
.rs-task-img._5 {
width: 75px;
left: 0%;
}
.rs-task-img._4 {
width: 75px;
bottom: 61%;
}
.rs-task-img._3 {
width: 75px;
bottom: 69%;
right: 10%;
}
.rs-task-img.va {
width: 50px;
bottom: 67%;
}
.form-input {
font-size: 18px;
line-height: 100%;
}
.pol-conf_head {
grid-column-gap: 10px;
}
.pol-conf_img {
inset: 9% 0% auto auto;
}
.sogl_head {
grid-column-gap: 10px;
}
.banner {
padding-bottom: 20px;
overflow: visible;
}
.banner-img-2 {
width: 38px;
}
.banner-img-3 {
width: 38px;
left: 110px;
}
.banner-img-4 {
width: 38px;
right: 90px;
}
.banner-img-5, .banner-img-7, .banner-img-8 {
width: 38px;
}
.pvz-fin_top {
grid-column-gap: 18px;
grid-row-gap: 40px;
grid-template-columns: 1fr 1fr;
}
.pvz-fin-item {
grid-row-gap: 30px;
text-align: left;
align-items: flex-start;
padding-left: 0;
padding-right: 0;
}
.pvz-fin-item.desk-hide {
display: flex;
}
.pvz-fin-item.mob-hide {
display: none;
}
.pvz-fin-img {
width: 100px;
}
.pvz-fin-img._4 {
width: 179px;
}
.pvz-fin-img._4.mob-hide {
display: none;
}
.pvz-fin-img._4.desk-hide {
display: block;
}
.pvz-fin_bttm {
justify-content: flex-start;
}
.team {
grid-column-gap: 20px;
grid-row-gap: 20px;
margin-top: 56px;
}
.pvz-team-img {
width: 101px;
bottom: -7%;
right: 8%;
}
.pvz-fin-band-1 {
z-index: -1;
width: 850px;
top: 8%;
left: -6%;
}
.pvz-fin-band-2 {
width: 775px;
inset: 29% 0% auto -25px;
}
.pvz-band-head_mb {
width: 730px;
max-width: none;
display: block;
position: absolute;
inset: -180px 0% 0 319px;
}
.pvz-manage-tabs {
width: 100%;
}
.pvz-manage-menu {
grid-column-gap: 30px;
display: flex;
}
.pvz-manage-link {
color: #fff6;
background-color: #0000;
padding: 0 0 10px;
}
.pvz-manage-link.w--current {
color: #fed42b;
background-color: #0000;
border-bottom: 1px solid #fed42b;
}
.pvz-tab-link-txt {
font-size: 20px;
line-height: 128%;
}
.pvz-tab-para {
max-width: 270px;
}
.pvz-tab-para._2 {
max-width: 230px;
}
.pvz-deliv-link {
color: #0006;
background-color: #0000;
padding: 0 0 10px;
}
.pvz-deliv-link.w--current {
border-bottom: 1px solid var(--black);
color: var(--black);
background-color: #0000;
}
.case-p-hww-fl {
grid-column-gap: 18px;
grid-row-gap: 32px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.case-p-hww-fl.pt-20 {
padding-top: 0;
}
.pvz-before {
min-width: 430px;
height: auto;
}
.pvz-after {
min-width: 390px;
height: auto;
}
.pvz_img {
min-width: 430px;
}
.pvz-interf-bl_mob {
display: block;
}
.h1-70 {
font-size: 40px;
line-height: 110%;
}
.druffle-icon {
width: 120px;
}
.druffle-tasks-grid {
grid-row-gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 80px;
}
.druffle-task-item {
border-radius: 12px;
height: 200px;
}
.druffle-task-item._2 {
margin-top: 30px;
transform: rotate(-5deg);
}
.druffle-task-wrap {
border-radius: 12px;
height: 200px;
margin-bottom: 43px;
}
.druffle-scr-wrap.mob {
display: none;
}
.druffle-scr-wrap.purpl-bl {
display: block;
}
.druffle-scr-wrap.purpl-bl.desk {
display: none;
}
.druffle-scr-wrap.purpl-bl.mb-bl {
grid-row-gap: 80px;
flex-direction: column;
height: auto;
padding-bottom: 50px;
padding-left: 32px;
padding-right: 32px;
display: flex;
}
.druffle-scr-wrap.orders {
padding-bottom: 80px;
}
.druffle-block {
margin-top: 40px;
top: 50px;
}
.druffle-row {
padding-left: 20px;
padding-right: 20px;
}
.druffle-row.orders-r {
width: 350vw;
height: 82vw;
padding-left: 20px;
padding-right: 20px;
}
.druffle-hr-scr-img-wrap {
grid-row-gap: 24px;
width: 320px;
height: 125vw;
margin-right: 20px;
}
.druffle-hr-block-bottom {
grid-row-gap: 12px;
text-align: left;
align-items: flex-start;
}
.druffle-hr-scr-img-l {
border-radius: 10px;
height: 79vw;
min-height: 79vw;
max-height: 79vw;
}
.druffle-hr-scr-img-l._1 {
width: 66.66vw;
max-width: 66.66vw;
}
.druffe-vt-wrp {
border-radius: 10px;
width: 100%;
}
.druffle-vt-bl {
border-width: 10px;
border-radius: 17px;
width: 100%;
}
.druffle-vt-img-wrap {
border-radius: 10px;
}
.druffle-row_purple {
padding-left: 20px;
}
.druffle-team {
padding-top: 70px;
padding-bottom: 80px;
}
.druffle-head-img {
width: 641px;
max-width: none;
margin-left: -21vw;
}
.is-mb-mob-32 {
margin-bottom: 32px;
}
.is-txt_not-centered-mob {
text-align: left;
}
.druffle-hr-scr-img-wrap_mob {
grid-row-gap: 24px;
border-radius: 0;
width: 382.29vw;
height: auto;
margin-right: 20px;
}
.is-mb-mob_40 {
margin-bottom: 40px;
}
.druffle-purp_mob-functions {
text-align: center;
flex-direction: column;
display: flex;
}
.druffle-purp_mob-functions_bttm {
grid-row-gap: 12px;
flex-direction: column;
display: flex;
}
.is-txt-mob-24 {
font-size: 24px;
line-height: 128%;
}
.is-txt-mob-16 {
line-height: 138%;
}
.is-br-mob-30 {
border-radius: 30px;
}
.ord-mob-img {
border-radius: 33px;
}
.druffle-review__span {
margin-bottom: -3px;
padding-bottom: 3px;
}
.druffle-review__span._2 {
margin-top: 2px;
margin-bottom: -5px;
padding-bottom: 5px;
}
.job-a_new {
padding-left: 21px;
padding-right: 21px;
}
.portfolio__tabs.is-media {
position: relative;
}
.portfolio__menu {
justify-content: flex-start;
align-items: center;
}
.portfolio__menu.is-media {
z-index: 999;
background-color: #333037;
border-radius: 80px;
width: 348px;
margin-bottom: 42px;
margin-left: auto;
margin-right: auto;
display: flex;
position: fixed;
inset: 8px 0% auto;
}
.portfolio__tab-link {
min-width: 42px;
min-height: 42px;
}
.portfolio__tab-link.is-media {
color: var(--white);
}
.portfolio__tab-link.is-media.w--current {
color: var(--almost-black);
border-radius: 80px;
margin-left: -1px;
}
.portfolio__tab-link.is-media.stable {
color: var(--almost-black);
}
.inline {
display: inline;
}
.h1-med_para.mob-show {
display: block;
}
.awards {
flex-flow: column;
margin-top: 0;
display: flex;
}
.award-item {
grid-column-gap: 42px;
grid-row-gap: 42px;
text-align: left;
border-right-style: none;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
height: auto;
padding: 24px 0;
}
.award-item.is-right.is-bttm {
border-bottom-style: none;
}
.award-item.is-bttm {
border-bottom-style: solid;
}
.award-tag {
line-height: 110%;
}
.award-content {
grid-column-gap: 4px;
grid-row-gap: 4px;
justify-content: flex-start;
align-items: flex-start;
max-width: 190px;
}
.h4 {
font-size: 16px;
}
.head-awards {
width: auto;
}
.txt-16._14-mob {
font-size: 14px;
line-height: 20px;
}
.avito-grid {
grid-template-columns: 1fr 1fr;
}
.avito-grid.is-baas {
flex-flow: column;
display: flex;
}
.avito-meta-rich-text {
width: 150px;
}
.avito-meta-rich-text.long {
width: 220px;
}
.case-link-text-copy.in-res.p-24-29.m-yes.p-16-24 {
font-size: 14px;
}
.avito-hero-img.mob-hide {
display: none;
}
.avito-hero-img.desk-hide.mob-show {
display: block;
inset: auto 0% 0%;
}
.avito-result-item {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.case-result-number {
font-size: 80px;
}
.media-content {
padding-bottom: 20px;
}
.media-article_left {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 100%;
}
.media-art-img_wrap {
width: 100%;
min-width: auto;
height: 50vw;
}
.media-art_left-content {
grid-column-gap: 16px;
grid-row-gap: 16px;
max-width: 100%;
}
.media-art_para {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.media-logo.is-skillbox {
width: 68px;
height: 15px;
}
.txt-14 {
line-height: 100%;
}
.media-case_image.is-kokoc {
flex: 1;
order: 0;
align-self: auto;
}
.media-dot {
margin-bottom: -3px;
}
.menu-wrapper-form {
flex-direction: row;
justify-content: center;
align-items: flex-end;
width: 100%;
height: auto;
display: flex;
}
.menu-form {
z-index: 3;
-webkit-backdrop-filter: none;
backdrop-filter: none;
justify-content: center;
}
.form-heading-wrapper, .submit-wrapper, .form-fields-wrapper {
width: 100%;
}
.success-mes-inner {
margin-bottom: 100px;
}
.success-mess-text-wrapper.mw-950 {
max-width: none;
}
.cases-grid-inner {
width: 100%;
}
.form-blur {
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
background-color: #f8f8f8cc;
border: 1px solid #0003;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 120%;
height: 104px;
padding-top: 14px;
display: flex;
}
.counrtydev-hero-img, .counrtydev-hero-img.mob-hide {
display: none;
}
.counrtydev-hero-img.desk-hide.mob-show {
display: block;
inset: auto 0% 0%;
}
.counrtydev-hero-img.mob {
width: 55%;
max-width: 400px;
display: block;
position: relative;
}
.countrydev-grid {
grid-template-columns: 1fr 1fr;
}
.countrydev-grid.is-baas, .countrydev-grid.is-strana {
flex-flow: column;
display: flex;
}
.guestlink-hero-img, .guestlink-hero-img.mob-hide {
display: none;
}
.guestlink-hero-img.desk-hide.mob-show {
display: block;
inset: auto 0% 0%;
}
.guestlink-hero-img.mob {
width: 55%;
max-width: 400px;
display: block;
position: relative;
}
.counrtydev-hero-img-copy, .counrtydev-hero-img-copy.mob-hide {
display: none;
}
.counrtydev-hero-img-copy.desk-hide.mob-show {
display: block;
inset: auto 0% 0%;
}
.counrtydev-hero-img-copy.mob {
width: 55%;
max-width: 400px;
display: block;
position: relative;
}
.avitorabota-hero-img, .avitorabota-hero-img.mob-hide {
display: none;
}
.avitorabota-hero-img.desk-hide.mob-show {
display: block;
inset: auto 0% 0%;
}
.avitorabota-hero-img.mob {
width: 55%;
max-width: 400px;
display: block;
position: relative;
}
.avito-rabota-hero-img, .avito-rabota-hero-img.mob-hide {
display: none;
}
.avito-rabota-hero-img.desk-hide.mob-show {
display: block;
inset: auto 0% 0%;
}
.avito-rabota-hero-img.mob {
width: 55%;
max-width: 400px;
display: block;
position: relative;
}
.hircost-hero-img, .hircost-hero-img.mob-hide {
display: none;
}
.hircost-hero-img.desk-hide.mob-show {
display: block;
inset: auto 0% 0%;
}
.hircost-hero-img.mob {
width: 55%;
max-width: 400px;
display: block;
position: relative;
}
.avito-rabota-hero-img-copy, .avito-rabota-hero-img-copy.mob-hide {
display: none;
}
.avito-rabota-hero-img-copy.desk-hide.mob-show {
display: block;
inset: auto 0% 0%;
}
.avito-rabota-hero-img-copy.mob {
width: 55%;
max-width: 400px;
display: block;
position: relative;
}
.benefits-grid {
grid-template-columns: 1fr;
}
.autstuff-hero-animation {
margin-left: 750px;
}
.filters-wrapper {
margin-bottom: -46px;
}
.filter-bttn {
min-height: 42px;
}
}
@media screen and (max-width: 479px) {
p {
font-size: 14px;
}
.section {
width: 100%;
}
.section.hero-section {
height: auto;
padding-top: 80px;
padding-bottom: 80px;
}
.section.hero-section.forth-slide {
overflow: hidden;
}
.section.hero-section.inner-hero, .section.hero-section.inner-hero_team {
padding-top: 90px;
overflow: hidden;
}
.section.hero-section.inner-hero_team_top {
padding-top: 90px;
padding-bottom: 60px;
overflow: hidden;
}
.section.hero-section.inner-hero_studio {
padding-top: 75px;
padding-bottom: 140px;
overflow: hidden;
}
.section.hero-section.inner-hero_team_top-autstuff {
padding-top: 36px;
padding-bottom: 100px;
position: sticky;
top: -10.3rem;
overflow: hidden;
}
.section.logos-section.mobile-only {
min-height: 50px;
margin-top: 0;
font-size: 16px;
display: flex;
}
.section.logos-section.desktop-only {
display: none;
}
.section.cta-section {
padding-left: 18px;
padding-right: 18px;
}
.section.cta-section.vacancion {
height: auto;
padding-top: 50px;
}
.section.cases-section {
margin-top: 0;
padding-top: 80px;
}
.section.cases-section.application {
padding-bottom: 0;
}
.section.cases-section.portf-s {
padding-top: 56px;
}
.section.cases-section.media-s {
padding-top: 42px;
}
.section.dark.about-cards-section.new {
padding-top: 60px;
padding-bottom: 0;
}
.section.dark.form {
border-radius: 30px;
padding-top: 60px;
padding-bottom: 80px;
}
.section.dark.cc-form {
border-radius: 30px;
padding-top: 80px;
padding-bottom: 80px;
}
.section.what-we-do-section {
padding-left: 18px;
padding-right: 18px;
}
.section.pb180.dark {
border-radius: 20px;
margin-left: 0;
margin-right: 0;
padding-top: 50px;
overflow: visible;
}
.section.pb180.dark.mr {
border-radius: 30px;
padding-bottom: 107px;
}
.section.case-hero-section {
margin-top: 0;
}
.section.case-hero-section.cc-padding-bottom-185 {
overflow: hidden;
}
.section.case-hero-section.cc-padding-bottom-185.bests, .section.case-hero-section.cc-padding-bottom-185.yd, .section.case-hero-section.cc-padding-bottom-185.pic {
flex-direction: column;
justify-content: flex-start;
max-height: none;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.section.case-hero-section.cc-padding-bottom-185.bests {
flex-direction: column;
justify-content: flex-start;
max-height: none;
padding-bottom: 50px;
padding-left: 0;
padding-right: 0;
}
.section.case-hero-section.cc-padding-bottom-185.cloud-payments-case {
flex-direction: column;
justify-content: flex-start;
max-height: none;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.section.case-hero-section.cc-padding-bottom-185.zindi-sec {
flex-direction: column;
justify-content: flex-start;
max-height: none;
padding-left: 0;
padding-right: 0;
}
.section.case-hero-section.cc-padding-bottom-185.zindi-sec._2 {
align-items: center;
padding-bottom: 50px;
padding-left: 20px;
padding-right: 20px;
}
.section.case-hero-section.cc-padding-bottom-185.yango-hero-section, .section.case-hero-section.cc-padding-bottom-185.maroo {
flex-direction: column;
justify-content: flex-start;
max-height: none;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.section.case-hero-section.minh {
flex-direction: column;
}
.section.case-details-section.milab, .section.case-details-section.app-best {
overflow: hidden;
}
.section.white.cc-price {
border-top-left-radius: 30px;
border-top-right-radius: 30px;
padding-top: 40px;
padding-bottom: 40px;
}
.section.quote-section {
margin-top: 0;
}
.section.with-rounded-wrapper {
padding-left: 20px;
padding-right: 20px;
}
.section.cc-padding-top-220 {
padding-left: 0;
padding-right: 0;
}
.section.cc-padding-top-220._2 {
padding-left: 41px;
padding-right: 41px;
overflow: hidden;
}
.section.cc-padding-top-220._2.last-section {
padding-bottom: 96px;
padding-left: 20px;
padding-right: 20px;
}
.section.cc-padding-top-220._2.cc-pad-left-mob-20px {
padding-left: 20px;
}
.section.cc-padding-top-220._2.image-section {
padding-left: 10px;
padding-right: 10px;
}
.section.cc-padding-top-220._2.image-section.cc-padding-top-122 {
padding-top: 96px;
padding-left: 20px;
padding-right: 20px;
}
.section.cc-padding-top-220._2.image-section._1 {
padding-top: 116px;
padding-left: 10px;
padding-right: 10px;
}
.section.cc-padding-top-220._4 {
padding-left: 20px;
padding-right: 20px;
}
.section.cc-padding-top-220._4.text.afterparallax {
padding-top: 76px;
}
.section.cc-padding-top-220._4.text._2 {
padding-top: 156px;
}
.section.cc-padding-top-220._4.pic {
padding-top: 91px;
}
.section.cc-padding-top-220.no-visible {
display: none;
}
.section.cc-padding-top-220.bestportfel, .section.cc-padding-top-220.allaccess, .section.cc-padding-top-220.cc-padding-bottom-180 {
padding-left: 20px;
padding-right: 20px;
}
.section.cc-padding-top-220.with-margins-on-mob {
padding-top: 50px;
padding-left: 20px;
padding-right: 20px;
}
.section.cc-padding-top-220.milab {
padding: 50px 20px 150px;
}
.section.cc-padding-top-220.ys4 {
padding-left: 20px;
padding-right: 20px;
}
.section.cc-padding-top-220.ys5 {
width: 100%;
padding-top: 50px;
padding-left: 20px;
padding-right: 20px;
}
.section.cc-padding-top-220.ys7 {
padding-left: 10px;
padding-right: 10px;
}
.section.cc-padding-top-220.ys9 {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.section.cc-padding-top-220.ys11, .section.cc-padding-top-220.ys10 {
padding-left: 20px;
padding-right: 20px;
}
.section.cc-padding-top-220.ys-3 {
padding: 50px 20px 92px;
}
.section.cc-padding-top-220.voice {
padding: 70px 20px 50px;
}
.section.cc-padding-top-220.voice.imgs {
overflow: hidden;
}
.section.cc-padding-top-220.voice-1st {
padding: 70px 20px 50px;
}
.section.cc-padding-top-220.druffle-task-s {
padding-left: 20px;
padding-right: 20px;
}
.section.cc-last-section.bststks {
padding-bottom: 96px;
}
.section.cc-last-section.bststks.zindi.white {
padding-top: 178px;
padding-bottom: 70px;
}
.section.cc-last-section.yz-last-section, .section.cc-last-section.bststks {
padding-bottom: 96px;
}
.section.cc-last-section.cp-2, .section.cc-last-section.ys2 {
padding-bottom: 50px;
}
.section.cc-last-section.milab {
padding-top: 103px;
padding-bottom: 50px;
}
.section.cc-last-section.voice {
padding-top: 120px;
padding-bottom: 50px;
}
.section.cc-last-section.maroo {
padding-top: 82px;
}
.section.cc-last-section.app-best {
padding-top: 70px;
padding-bottom: 50px;
}
.section.cc-start-purpur-section._2 {
margin-bottom: -30px;
padding-left: 20px;
padding-right: 20px;
}
.section.cc-pur-bg {
padding-bottom: 96px;
}
.section.cc-padding-top-160._2 {
padding-left: 0;
padding-right: 0;
}
.section.cc-padding-top-160._2.cc-padding-side-20 {
padding-left: 20px;
padding-right: 20px;
display: inline-block;
}
.section.cc-padding-top-160._2.cc-padding-side-20.possibilities {
width: 100%;
margin-bottom: 96px;
padding-top: 96px;
}
.section.cc-padding-top-160._2.cc-padding-side-20._1 {
width: 100%;
margin-bottom: 44px;
padding-top: 96px;
padding-left: 20px;
padding-right: 20px;
}
.section.cc-padding-top-160.hp-mob {
padding-top: 72px;
padding-left: 20px;
padding-right: 20px;
}
.section.cc-padding-top-160.hp-mob-2 {
padding-top: 72px;
}
.section.cc-grey-section {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.section.cc-grey-section.grey-first.whiter {
padding-left: 20px;
padding-right: 20px;
}
.section.cc-grey-section.grey-first {
padding-top: 146px;
}
.section.cc-grey-section.grey-first._2 {
padding-left: 20px;
padding-right: 20px;
}
.section.grey2.beststoks {
background-color: #0000;
padding-left: 30px;
padding-right: 30px;
}
.section.cc-padding-top-120 {
padding-left: 20px;
padding-right: 20px;
}
.section.cc-padding-top-120.res, .section.cc-padding-top-120.review, .section.cc-padding-top-120.team {
padding-top: 96px;
}
.section.cc-padding-top-120.team.mb-150, .section.cc-padding-top-120.team.case-yango {
padding-bottom: 96px;
}
.section.cc-padding-top-120.ya-team {
padding-top: 96px;
padding-bottom: 96px;
}
.section.cc-lightblue-section._3.lightblue {
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
.section.cc-lightblue-section._3.lightblue.grey-bg {
border-radius: 30px;
padding-left: 20px;
padding-right: 20px;
}
.section.cc-lightblue-section._3.yz-navy, .section.cc-lightblue-section.blue {
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
.section.cc-lightblue-section.pik-bg {
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
padding-bottom: 136px;
}
.section.lightblueclass {
padding-left: 30px;
padding-right: 30px;
}
.section.f9f9f9 {
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
padding-left: 0;
padding-right: 0;
}
.section.case-hero-section-yz {
margin-top: 0;
}
.section.hero-section-2 {
height: auto;
padding-top: 158px;
padding-bottom: 190px;
}
.section.methods-section.rs-tasks {
padding-top: 173px;
padding-bottom: 60px;
overflow: hidden;
}
.section.result-section {
padding-left: 16px;
padding-right: 0;
}
.section.info-section {
padding-bottom: 40px;
}
.section.info-section.socs {
padding-top: 0;
padding-bottom: 0;
overflow: auto;
}
.section.m100 {
padding-top: 100px;
padding-bottom: 100px;
}
.section.m100.cc-white {
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.section.hero-section-main {
height: auto;
padding-top: 40vw;
padding-bottom: 40vw;
}
.section.home-cases-section {
margin-top: 0;
padding-top: 80px;
}
.section.cc-padding-bottom-220 {
padding-bottom: 80px;
}
.section.cc-padding-bottom-220.pico {
padding-left: 0;
padding-right: 0;
}
.section.cc-padding-bottom-220.zindi.white {
padding: 50px 20px 120px;
}
.section.zindi_tasks_mr.white {
padding-bottom: 70px;
padding-left: 20px;
padding-right: 20px;
}
.section.lt-br {
border-top-left-radius: 30px;
border-top-right-radius: 30px;
padding-top: 50px;
}
.section.wht._180 {
padding-top: 70px;
padding-bottom: 75px;
}
.section.wht._180-250 {
padding-top: 70px;
}
.section.wht._180-250.bg-imgs {
z-index: 8;
background-position: 130% 30px, 0 118%;
background-size: 40%, 20%;
padding-bottom: 90px;
}
.section.wht._180-70 {
padding-bottom: 70px;
}
.section.lt-br_full.ui {
border-radius: 30px;
padding-top: 50px;
}
.section.img-screens-wrp {
border-radius: 30px;
padding-left: 0;
padding-right: 0;
}
.section.dark_part-of-team {
border-radius: 30px;
margin-bottom: 90px;
padding-top: 75px;
padding-bottom: 46px;
position: static;
}
.section.team__slider-sec {
display: none;
overflow: hidden;
}
.section.team__slider-sec.non-vac {
display: none;
}
.section.team_photos {
padding-top: 20px;
padding-bottom: 0;
overflow: hidden;
}
.section.about-st_main-txt {
padding-top: 0;
}
.section.principes_sec {
padding-bottom: 100px;
}
.section.yango-s4-section {
padding-bottom: 40px;
}
.section.yango-s5-section {
padding-top: 50px;
padding-bottom: 32px;
}
.section.yango-s6-section {
padding-top: 90px;
}
.section.yango-s8-section {
padding-bottom: 40px;
}
.section.yango-s10-section {
border-radius: 30px;
}
.section.yango-s9-section {
padding-left: 20px;
padding-right: 20px;
}
.section.case-hero-section_black {
margin-top: 0;
}
.section.milab-3rd {
overflow: hidden;
}
.section.milab-3rd.last {
padding-bottom: 141px;
}
.section.milab-lagge-img {
padding-bottom: 158px;
}
.section.voice-black {
border-radius: 30px;
padding: 90px 20px 110px;
}
.section.voice-diz {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/62caf6859749a03cd494f723_design-mb.svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: contain;
padding-top: 50px;
}
.section.voice-lend {
background-color: #6ac37e;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
padding-top: 50px;
padding-bottom: 0;
overflow: hidden;
}
.section.voice-teams {
padding-top: 70px;
padding-bottom: 70px;
}
.section.maroo_pink {
overflow: hidden;
}
.section.case-team {
padding-top: 70px;
padding-bottom: 70px;
}
.section.cc-padding-top-160 {
padding-left: 0;
padding-right: 0;
}
.section.cc-padding-top-160._2 {
padding-left: 41px;
padding-right: 41px;
overflow: hidden;
}
.section.pt-pb-200 {
padding-top: 70px;
padding-bottom: 120px;
}
.section.pt-pb-200._120-mb {
padding-top: 120px;
}
.section.case-p-app-best_bg-prpl {
border-radius: 30px;
padding-top: 50px;
padding-bottom: 44px;
}
.section.avito-team-section {
padding-bottom: 70px;
}
.section.case-team {
padding-bottom: 100px;
overflow: hidden;
}
.section.case-pvz_yellow {
border-radius: 30px;
padding-top: 50px;
padding-bottom: 44px;
}
.section.rs-hero-sec {
height: auto;
padding-top: 63px;
padding-bottom: 0;
}
.section.cne_rs {
padding-top: 60px;
}
.section.rs-head_no-mr {
overflow: hidden;
}
.section.pol-conf {
height: auto;
padding-top: 54px;
padding-bottom: 0;
}
.section.pt-pb-200-120 {
padding-top: 70px;
padding-bottom: 120px;
}
.section.pvz-impr-int {
padding-bottom: 0;
}
.section.druffle-vt-scr-s {
padding-top: 70px;
}
.section.avito-s2-section {
padding-top: 56px;
padding-bottom: 56px;
}
.section.avito-hero-bottom.milab, .section.avito-hero-bottom.app-best {
overflow: hidden;
}
.section.avito-s3-section {
padding-top: 0;
padding-bottom: 0;
}
.section.avito-s4-section {
padding-top: 56px;
padding-bottom: 56px;
}
.section.avito-grid-section {
padding: 0 0 20px;
}
.section.paddings-100 {
padding-top: 50px;
padding-bottom: 50px;
}
.section.case-hero-section-avito {
margin-top: 40px;
}
.section.form-section {
margin-top: 0;
padding-top: 32px;
}
.section.form-section.application {
padding-bottom: 0;
}
.section.form-section.media-s {
padding-top: 42px;
}
.section.case-hero-section-strans {
margin-top: 40px;
margin-bottom: 3.5rem;
padding-left: 10px;
padding-right: 10px;
}
.section.strana-hero-bottom {
padding-top: 32px;
padding-bottom: 32px;
}
.section.strana-hero-bottom.milab, .section.strana-hero-bottom.app-best {
overflow: hidden;
}
.section.cc-expert {
padding: 40px 18px 48px;
}
.section.cc-expert.vacancion {
height: auto;
padding-top: 50px;
}
.section.cc-benefits {
padding: 40px 18px;
}
.section.cc-benefits.vacancion {
height: auto;
padding-top: 50px;
}
.section.cc-steps {
padding-top: 60px;
padding-bottom: 60px;
}
.container {
width: 100%;
}
.container.cases-container {
max-width: none;
}
.container.cases-container.what-we-can, .container.cases-container.form {
padding-top: 100px;
}
.container.with-cases-grid.new-wide {
width: 100%;
}
.container.case-hero-container.ceseconts.pic {
padding-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
}
.container.case-hero-container.ceseconts {
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-bottom: 80px;
padding-left: 7vw;
padding-right: 7vw;
}
.container.case-hero-container.cloud-case {
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-left: 7vw;
padding-right: 7vw;
}
.container.case-hero-container.case-z {
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
padding: 48px 20px;
}
.container.case-hero-container.case-z._2 {
padding-top: 30px;
padding-left: 0;
padding-right: 0;
}
.container.case-hero-container.beststocks-hero-container {
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-bottom: 30px;
padding-left: 7vw;
padding-right: 7vw;
}
.container.case-hero-container.yango-hero-container {
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-left: 7vw;
padding-right: 7vw;
}
.container.case-hero-container.voice-hero-content {
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.container.case-hero-container.maroo-hero-cont {
z-index: 0;
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
padding: 12px 20px 120px;
position: relative;
}
.container.case-hero-container.druffle-hero-content {
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
}
.container.cc-container-880.cc-spleet._2 {
padding-bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
.container.cc-container-880.z, .container.cc-container-880.druffle-diz-c {
padding-left: 20px;
padding-right: 20px;
}
.container.with-logos-slider {
line-height: 135%;
}
.container.info-container {
align-items: flex-start;
}
.container.cont-990 {
padding-top: 125px;
padding-bottom: 19px;
}
.container.cont-990.lets-work {
padding-top: 220px;
}
.container.cont-990.pd-173 {
padding-top: 80px;
padding-bottom: 120px;
}
.container.slider-mob {
grid-column-gap: 15px;
justify-content: flex-start;
align-items: stretch;
width: auto;
max-width: none;
margin-left: -18px;
margin-right: -18px;
display: flex;
overflow: scroll;
}
.container.about-owner {
border-radius: 30px;
width: auto;
margin: 40px -18px;
padding: 21px 30px 60px 21px;
}
.container.about-st_head {
width: 90%;
}
.container.df {
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: auto;
display: flex;
}
.container.yv {
justify-content: center;
height: auto;
display: flex;
}
.container.case-hero_milab {
grid-row-gap: 80px;
max-width: 100%;
padding-top: 20px;
padding-bottom: 92px;
}
.container.case-hero_milab.best-app {
padding-bottom: 40px;
}
.container.milab {
grid-row-gap: 0px;
}
.container.milab-img-l {
margin-bottom: 135px;
}
.container.case-p-700 {
max-width: 100%;
}
.container.case-p-700.cont-centr {
text-align: left;
}
.container.milab-3-img-wrp {
grid-column-gap: 40px;
flex-direction: row;
justify-content: flex-start;
width: auto;
max-width: none;
margin: 99px -18px 140px;
padding-left: 18px;
padding-right: 18px;
overflow: scroll;
}
.container.milab_cent-txt {
width: 90%;
max-width: 100%;
}
.container.milab_cent-txt.small {
align-items: center;
width: 90%;
max-width: 100%;
}
.container.milab-img-xxl {
margin-top: 50px;
margin-bottom: 98px;
}
.container.milab-img-xxl.kits {
flex-direction: column;
margin-bottom: 100px;
}
.container.milab-img-xxl.kits_mob {
flex-direction: column;
margin-bottom: 143px;
}
.container.milab-3-img-wrp-wht {
grid-column-gap: 10px;
flex-direction: row;
justify-content: flex-start;
width: auto;
margin: 48px -18px 120px;
padding-left: 18px;
padding-right: 18px;
overflow: scroll;
}
.container.milab-logo-animation {
height: 409px;
margin-top: 50px;
margin-bottom: 100px;
}
.container.milab-3d-cont {
flex-direction: row;
align-items: flex-start;
width: auto;
max-width: none;
margin-left: -18px;
margin-right: -18px;
padding-bottom: 86px;
padding-left: 15px;
padding-right: 15px;
overflow: scroll;
}
.container.voice_centered.sub-para {
grid-row-gap: 16px;
}
.container.voice_centered.sub-para-mr {
grid-row-gap: 16px;
margin-top: 82px;
margin-bottom: 80px;
}
.container.voice-img-l {
margin-top: 70px;
margin-bottom: 70px;
}
.container.voice-img-l.mr-330 {
margin-top: 80px;
margin-bottom: 132px;
}
.container.voice-logos {
grid-row-gap: 40px;
margin-bottom: 132px;
}
.container.voice-masc {
margin-top: 80px;
}
.container.voice-masc.gor-imgs.mr-330 {
grid-column-gap: 3%;
justify-content: center;
}
.container.voice-masc.gor-imgs.mr-200 {
grid-column-gap: 3%;
justify-content: center;
margin-bottom: 70px;
}
.container.voice-imgs-948.mr-100 {
grid-row-gap: 70px;
margin-top: 60px;
margin-bottom: 50px;
}
.container.voice-801.cent {
grid-row-gap: 32px;
}
.container.case-p-881.diz-wrp {
margin-bottom: 100px;
}
.container.case-p-881.cont-centr {
text-align: left;
align-items: flex-start;
}
.container.case-p-881.cont-centr-mb {
text-align: center;
align-items: flex-start;
}
.container.voice-land {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: auto;
max-width: none;
height: auto;
margin-left: -20px;
margin-right: -20px;
padding-top: 80px;
display: flex;
}
.container.case-p-700_centr {
max-width: 100%;
}
.container.case-p-700_centr.mb-200.app-b, .container.case-p-700_centr.mb-60.app-bb {
text-align: left;
}
.container.case-p-700_centr.aline-st {
text-align: left;
align-items: flex-start;
}
.container.app-best-mt-40.app-b-gor-scr-mob-1 {
justify-content: flex-start;
padding-bottom: 100px;
}
.container.app-best {
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: auto;
display: flex;
}
.container.app-best-mt-40-imgs {
justify-content: flex-start;
width: auto;
margin-bottom: 120px;
margin-left: -18px;
margin-right: -18px;
padding-left: 18px;
padding-right: 18px;
overflow: hidden;
}
.container.app-best-mt-40-imgs.non-mr {
margin-left: -18px;
padding-left: 18px;
}
.container.pvz-interf-c {
max-width: 100%;
margin-top: 15px;
}
.container.pvz-flow-gi {
border-radius: 10px;
}
.container.pvz-flow-invent {
border-radius: 10px;
width: 100vw;
max-width: 100%;
}
.container.druffle-vt {
justify-content: center;
display: none;
}
.container.case-avito-s2.center, .container.case-avito-s2-new.center, .container.case-avito-s2-new.what {
text-align: left;
}
.container.form-container {
max-width: none;
}
.container.form-container.what-we-can, .container.form-container.form {
padding-top: 100px;
}
.container.whatwedone-container.center, .container.whatwedone-container.what {
text-align: left;
}
.container.mndbx-tm-tm {
justify-content: flex-start;
align-items: flex-start;
}
.container.cc-expert {
grid-column-gap: 36px;
grid-row-gap: 36px;
}
.container.cc-benefits {
grid-column-gap: 36px;
grid-row-gap: 36px;
justify-content: flex-start;
align-items: center;
}
.container.cc-price {
grid-column-gap: 36px;
grid-row-gap: 36px;
}
.container.cc-steps {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.container.autstuff {
justify-content: flex-start;
align-items: flex-start;
}
.project-images {
display: none;
}
.mobile-project-images {
width: 100vw;
margin: 48px auto 104px;
display: block;
position: relative;
left: -7.2vw;
}
.hero-heading {
max-width: 100%;
min-height: 390px;
}
.hero-heading.forth-heading {
width: 120%;
}
.hero-title {
white-space: break-spaces;
width: 100%;
font-size: 29.5vw;
}
.shapes {
white-space: normal;
}
.shape.s1-s1 {
top: -15%;
left: 15%;
transform: scale(.7);
}
.shape-s1-s2, .shape-s1-s3, .shape-s1-s4 {
transform: scale(.7);
}
.shape-s1-s5 {
bottom: 0%;
left: 0%;
transform: scale(.7);
}
.shape-wrapper.for-s2-s5 {
bottom: -6%;
left: 6%;
}
.shape-wrapper.for-s3-s2 {
right: -12%;
}
.shape-wrapper.for-s3-s5 {
bottom: -17%;
left: -5%;
}
.shape-s3-s4 {
right: -12%;
}
.shape-s4-s2 {
right: 10%;
}
.standard-slide, .hero-slider-wf {
height: auto;
}
.big-heading {
direction: ltr;
letter-spacing: -.04em;
text-transform: none;
border-radius: 0;
font-size: 18vw;
text-decoration: none;
}
.big-heading.rotating {
display: none;
overflow: hidden;
}
.big-heading.bigger {
font-size: 14vw;
}
.grid.footer-grid {
grid-row-gap: 32px;
width: 100%;
}
.grid._4-col-grid {
grid-column-gap: 24px;
}
.grid._4-col-grid.team-grid {
grid-column-gap: 9px;
grid-row-gap: 9px;
}
.hero-heading-wrapper {
margin-bottom: 0;
overflow: visible;
}
.hero-heading-wrapper.main {
width: 100%;
}
.hero-heading-wrapper.is-media {
max-width: 281px;
margin-left: auto;
margin-right: auto;
}
.cases-grid {
flex-wrap: nowrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.cases-grid.home {
width: 100%;
}
.cases-grid.desk-hide.cc-padding-18 {
padding-left: 18px;
padding-right: 18px;
}
.cases-grid.success {
width: 100%;
}
.case-card.case-one.first-case-transform._12st-portf {
height: 504px;
}
.case-card.case-four.second-case-transform.dablby-portf, .case-card.case-four.second-case-transform.kokoc-portf {
height: 410px;
}
.case-card.case-five.fourth-case-transform.fade-in {
height: 420px;
}
.case-card.case-five.fourth-case-transform.fade-in.yb.portf {
height: 410px;
}
.case-card.case-five.fourth-case-transform.fade-in.bs.portf {
height: 410px;
padding-top: 110px;
padding-bottom: 20px;
}
.case-card.case-five.fourth-case-transform.fade-in.yz.port {
height: 400px;
}
.case-card.case-five.fourth-case-transform.fade-in.pik.portf, .case-card.case-five.fourth-case-transform.fade-in.pik.hircost {
height: 410px;
padding-bottom: 10px;
}
.case-card.case-five.fourth-case-transform.fade-in.zindi_pr.portf {
height: 430px;
}
.case-card.case-five.fourth-case-transform.fade-in.cld {
background-position: 50% 70%;
background-size: cover;
}
.case-card.case-five.fourth-case-transform.fade-in.cld.portf {
height: 384px;
}
.case-card.case-five.fourth-case-transform.fade-in.yango {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/62b427f9d6e52a7af6ce5087_yango-mb%20(1).png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
height: 420px;
}
.case-card.case-five.fourth-case-transform.fade-in.yango.portf {
height: 410px;
}
.case-card.case-five.fourth-case-transform.fade-in.milab {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/62c6a4bb6bc52e7056b013a1_mil.png");
background-position: 50%;
background-size: contain;
}
.case-card.case-five.fourth-case-transform.fade-in.milab.portf {
height: 90vw;
}
.case-card.case-five.fourth-case-transform.fade-in.voicepop {
background-position: 50% 100%;
}
.case-card.case-five.fourth-case-transform.fade-in.voicepop.portf {
background-size: auto 210px;
height: 384px;
}
.case-card.case-five.fourth-case-transform.fade-in.maroo {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/62e00280a0146a5bb2335a43_maroo-case%20(1).png");
background-position: 50% 100%;
background-size: contain;
}
.case-card.case-five.fourth-case-transform.fade-in.maroo.portf {
height: 440px;
}
.case-card.case-five.fourth-case-transform.fade-in.best-app {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/6318c45f24a46f590c0ad23e_prv-best-app.webp");
background-position: 50% 100%;
background-size: contain;
}
.case-card.case-five.fourth-case-transform.fade-in.best-app.port {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/645373d57010aaafceb54ed9_bst-st-mb.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
height: 410px;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.portf {
background-size: contain;
height: 420px;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.strana, .case-card.case-five.fourth-case-transform.fade-in.pvz.guestlink {
background-size: 86%;
height: 420px;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.kokoc {
background-size: contain;
height: 420px;
}
.case-card.case-five.fourth-case-transform.fade-in.pvz.avito-job {
background-position: 50% 105%;
background-size: 100%;
height: 420px;
}
.case-card.case-five.fourth-case-transform.fade-in.druffle.portf {
background-position: 100% 100%;
background-size: contain;
height: 410px;
}
.case-card.case-five.fourth-case-transform.fade-in.mindbox-portf {
height: 410px;
}
.case-card.case-five.fourth-case-transform.fade-in.avito_pr.portf {
height: 102vw;
}
.case-card.case-five.fourth-case-transform.fade-in.avito {
height: 420px;
}
.case-card.case-five.fourth-case-transform.fade-in.avito.port {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/645373d57010aaafceb54ed9_bst-st-mb.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
height: 94.6vw;
}
.case-card.case-five.fourth-case-transform.fade-in.druffle {
height: 420px;
}
.case-card.case-five.fourth-case-transform.fade-in.druffle.portf, .case-card.case-five.fourth-case-transform.fade-in.research.portf, .case-card.case-five.fourth-case-transform.fade-in.avito-baas.portf {
height: 95.8vw;
}
.case-card.case-five.fourth-case-transform.fade-in.countrydev {
height: 420px;
}
.case-card.case-five.fourth-case-transform.fade-in.countrydev.portf {
height: 410px;
}
.case-card.case-five.fourth-case-transform.fade-in.kokoc.portf {
background-position: 100% 100%;
background-size: contain;
height: 410px;
}
.arrow-button.dark {
min-width: 75px;
padding-left: 12px;
padding-right: 12px;
}
.card-heading {
line-height: 128%;
}
.card-heading.stranaa {
max-width: none;
}
.card-button-text {
margin-right: 4px;
font-weight: 400;
}
.card-image-wrapper.card-four-image {
justify-content: flex-end;
}
.card-image-wrapper.ctr {
padding-bottom: 33px;
}
.card-image-wrapper.ctr.yz {
padding-left: 40px;
}
.card-image-wrapper.yand {
margin-top: 0;
}
.card-img.db-img {
width: 60%;
margin-top: -37px;
}
.card-img.db-img.portf {
width: 30.67vw;
max-width: 140px;
margin-top: 0;
}
.card-img.mb-img.pik.portf {
width: 259px;
}
.card-button-icon {
width: 12px;
height: 17px;
}
.card-button-icon.top-right-arrow {
width: 15px;
height: 13px;
}
.button-cta.mt50 {
margin-top: 35px;
}
.menu-wrapper {
padding-left: 17px;
padding-right: 17px;
}
.menu {
min-width: 90vw;
}
.menu-link {
font-size: 32px;
font-weight: 400;
}
.menu-button {
z-index: 4;
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
width: 100%;
min-width: auto;
transition: all .2s;
}
.menu-button:hover {
background-color: #fdfdfd;
}
.menu-button-show-trigger {
z-index: 2;
max-width: 100%;
}
.menu-button-hide-trigger {
z-index: 2;
}
.bottom.cc-white {
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.tile-change-move {
display: none;
}
.nav-link.button-nav-link {
width: 49%;
min-width: auto;
max-width: 187px;
}
.nav-link.button-nav-link.mobile-nav-button {
width: 100%;
max-width: 100%;
}
.footer-box {
font-size: 14px;
line-height: 143%;
}
.logos-slider {
opacity: 1;
width: 100vw;
font-size: 16px;
line-height: 135%;
position: relative;
overflow: hidden;
}
.logo-box {
width: 33.333vw;
max-width: none;
height: 50px;
margin-left: 0;
margin-right: 0;
}
.logo-box-img {
max-height: 100%;
}
.logo-box-img.client-one {
max-width: 92px;
max-height: none;
}
.logo-box-img.client-two {
max-width: 90px;
max-height: 100%;
}
.logo-box-img.client-three {
max-width: 80px;
max-height: 100%;
}
.logo-box-img.client-four {
max-width: 40px;
max-height: 40px;
}
.logo-box-img.client-five, .logo-box-img.client-six {
max-width: 70px;
max-height: 100%;
}
.section-heading {
margin-bottom: 24px;
font-size: 40px;
}
.section-heading.uppercase.medium-heading {
font-size: 10vw;
}
.section-heading.h2-50-54 {
margin-bottom: 32px;
}
.section-heading.txt-80 {
flex: none;
font-size: 46px;
}
.section-heading.txt-80.mr-40 {
margin-bottom: 30px;
}
.intro {
margin-top: 0;
padding-top: 0;
}
.intro.mw80 {
max-width: 100%;
}
.intro.methods-intro {
margin-bottom: 66px;
}
.intro.mw-80 {
margin-bottom: 60px;
}
.intro.team_rest, .intro.vacancy_team {
margin-bottom: 40px;
}
.intro.rs-who-works {
width: 100%;
margin-bottom: 173px;
}
.intro.autstuff {
margin-bottom: 0;
}
.photo-img.shadows._2 {
max-width: 298px;
}
.photo-img.shadows._2.imagesignal {
width: 335px;
max-width: 100%;
}
.photo-img.shadows._2.imagesignal.fresh {
width: 320px;
}
.photo-img.shadows.bs-shad.portfeldetails {
width: 226px;
max-width: 100%;
}
.photo-img.shadows.bs-shad.tsla {
max-width: 297px;
}
.photo-img.shadows.appointment {
width: 298px;
max-width: 100%;
}
.medium-heading {
letter-spacing: -.03em;
font-size: 46px;
}
.medium-heading.mobile-invisible {
display: none;
}
.medium-heading.mobile-visible {
display: block;
}
.medium-heading.team_head_mob {
font-size: 46px;
}
.medium-heading.ab-st {
font-size: 46px;
line-height: 100%;
}
.medium-heading.team_head_mob-autstuff {
font-size: 42px;
}
.text {
font-size: 16px;
}
.feature-box-description.full-width {
line-height: 128%;
}
.team-box-image {
background-color: #0000;
}
.team-box-description {
border-top-right-radius: 4px;
align-items: flex-end;
min-width: auto;
min-height: 16px;
font-size: 10px;
}
.team-box-description.pds {
align-items: center;
}
.qa-item {
padding-left: 20px;
padding-right: 20px;
}
.subtitle {
line-height: 135%;
}
.subtitle.inner-hero-subtitle {
max-width: 100%;
}
.subtitle.center {
text-align: center;
}
.subtitle.beststoks {
width: 335px;
font-size: 20px;
}
.subtitle.beststoksparagraph.cc-max-width-445 {
width: 100%;
}
.subtitle.beststoksparagraph.cc-max-width-445._2 {
width: 100%;
padding-left: 0;
}
.subtitle.yz-subtitle {
width: 335px;
font-size: 20px;
}
.subtitle.pik {
width: 335px;
max-width: 281px;
font-size: 20px;
}
.subtitle.cp-subtitle {
width: 335px;
font-size: 20px;
}
.subtitle.cloudpayments-paragraph._40 {
margin-bottom: 30px;
}
.subtitle.cloudpayments-paragraph._100 {
margin-bottom: 60px;
}
.subtitle.cloudpayments-paragraph._100.desk-hide {
margin-bottom: 70px;
}
.subtitle.cloudpayments-paragraph._40-80, .subtitle.cloudpayments-paragraph._100mr-m-non {
margin-bottom: 0;
}
.subtitle.cloudpayments-paragraph._100-50mob {
margin-bottom: 45px;
}
.subtitle.cloudpayments-paragraph._100_top-img {
margin-bottom: 70px;
}
.subtitle.cloudpayments-paragraph.ui-para {
margin-bottom: 60px;
padding-left: 10px;
padding-right: 10px;
}
.subtitle.zindi-hero_sub {
width: 335px;
font-size: 20px;
}
.subtitle.zindi-hero_sub._1st {
width: 100%;
}
.subtitle.zindi_695 {
width: auto;
}
.subtitle.zindi_695.mrg_40 {
width: auto;
margin-bottom: 30px;
}
.subtitle.hero-sub {
max-width: 100%;
}
.subtitle.blck {
letter-spacing: 0;
line-height: 128%;
}
.subtitle.grey-2.princ {
line-height: 128%;
}
.subtitle.yango-s4-variations-subtitle {
letter-spacing: normal;
max-width: 90%;
}
.subtitle.yango-subtitle {
width: 100%;
font-size: 20px;
}
.subtitle.milab_para_bttm {
margin-top: 20px;
}
.subtitle.voice-pop-sub, .subtitle.maroo-head_sub {
width: 100%;
font-size: 20px;
}
.subtitle.best_para_bttm {
margin-top: 20px;
}
.subtitle.pvz-inter {
font-size: 18px;
}
.subtitle.avito-tasks-paragraph, .subtitle.avito-tasks-paragraph_new, .subtitle.strana-tasks-paragraph_new, .subtitle.hircost-tasks-paragraph_new {
margin-bottom: 24px;
}
.subtitle.cc-mob-16 {
color: #8b8b8b;
font-size: 16px;
line-height: 137%;
}
.subtitle.inner-hero-subtitle-autstuff {
max-width: 100%;
margin-top: 16px;
}
.case-cell.widest {
width: 66%;
}
.case-cell.widest.in-res {
flex: 1;
width: 55%;
}
.case-cell.year-cell {
width: 8%;
}
.case-cell.client-cell {
white-space: pre-wrap;
width: 29%;
}
.case-cell.client-cell._1col {
width: 105px;
margin-right: 15px;
}
.case-cell.last {
display: none;
}
.case-cell.last.case-link.mobs {
font-size: 16px;
}
.case-cell.last.in-progress-cell {
white-space: nowrap;
}
.case-cell.last.in-progress-cell.ob {
font-size: 16px;
}
.case-cell.link-cell.new.mb-vt_hide {
display: none;
}
.filter-client {
max-width: 100%;
overflow: auto;
}
.filter-client.p-16-24 {
font-size: 16px;
}
.photo-card.mobile-tall {
height: 340px;
}
.video-meta {
bottom: 6px;
left: 6px;
right: 11px;
}
.video-meta-text {
font-size: 12px;
}
.team-box-mute-icon {
width: 18px;
height: 17px;
}
.team-box-mute-icon-img {
max-width: 12px;
max-height: 11px;
}
.team-box-no-photo-name.cms-line-text {
flex-wrap: wrap;
}
.case-top.pvz-case_top {
background-position: 110% 67%;
background-size: 750px;
}
.case-top.case-druffle {
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
.case-top.avito-case-top_baas {
height: 570px;
}
.case-hero-content {
margin-bottom: 40px;
}
.case-hero-content.zindi-hero {
margin-bottom: 0;
}
.case-image-wrapper.standard-case.centers {
flex: none;
align-items: center;
height: auto;
margin-left: 0;
padding-left: 23px;
display: flex;
}
.case-image-wrapper.standard-case.centers.yandexer {
width: auto;
padding-left: 20px;
}
.case-image-wrapper.standard-case.centers.pik {
top: 0;
}
.case-image-wrapper.standard-case.cp-hero-image-wrp {
flex: none;
align-items: center;
height: auto;
margin-top: -20vw;
padding-left: 40vw;
display: flex;
}
.case-image-wrapper.standard-case.z-hero-img-2 {
flex: none;
align-items: center;
width: 100%;
height: auto;
margin-left: 0;
display: flex;
}
.case-image-wrapper.standard-case.beststock-image-wrapper {
flex: none;
align-items: center;
width: 100vw;
height: auto;
margin-left: 0;
padding-left: 23px;
display: flex;
}
.case-image-wrapper.standard-case.yango-hero-image-wrp {
flex: none;
align-items: center;
height: auto;
display: flex;
}
.case-image-wrapper.standard-case.voice-hero-image-wrp {
flex: none;
align-items: center;
height: auto;
margin-left: -15px;
display: flex;
}
.case-image-wrapper.standard-case.maroo-head--img-wrp-1 {
flex: none;
justify-content: flex-end;
align-items: center;
width: auto;
height: auto;
margin-top: 0;
padding-right: 18px;
display: flex;
}
.case-image-wrapper.standard-case.maroo-head--img-wrp-2 {
flex: none;
align-items: center;
width: auto;
height: auto;
margin-top: 0;
margin-left: 0;
display: flex;
position: absolute;
inset: auto auto 54px 11%;
}
.case-hero-img.mainimage {
object-fit: fill;
flex: none;
width: 100%;
max-width: none;
height: auto;
max-height: none;
padding-left: 0;
}
.case-hero-img.mainimage.yz-main-image {
margin-bottom: -5%;
}
.case-hero-img.mainimage.cp {
margin-right: 0;
}
.case-hero-img.mainimage.maroo-img_left {
width: 54.6vw;
}
.case-hero-img.mainimage.maroo-img_right {
width: 46vw;
}
.case-hero-img.mainimage.avito-main-image {
margin-bottom: -5%;
display: none;
}
.case-hero-img.mainimage.avito-main-image-mob {
display: block;
}
.scrollable-grid {
grid-template-columns: 1fr 1fr minmax(180px, 1fr) 1fr;
}
.scrollable-grid.milab {
grid-column-gap: 60px;
grid-template-columns: 1fr 1fr 1fr 1fr;
overflow: scroll;
}
.scrollable-grid.maroo {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.scrollable-grid.voice {
grid-template-columns: 1fr 1fr minmax(330px, 1fr) 1fr;
}
.scrollable-grid.pvz {
grid-column-gap: 60px;
grid-template-columns: 1fr 1fr 1fr 1fr;
overflow: scroll;
}
.scrollable-grid.mndbx {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.scrollable-grid.avito-scrolable-grid {
grid-column-gap: 40px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.case-meta-rich-text.long.mndbx {
max-width: 220px;
}
.case-meta-rich-text.long.avito-cmrt {
width: 132px;
max-width: 132px;
font-size: 14px;
}
.case-meta-rich-text.case-site-link {
padding-left: 0%;
}
.case-meta-rich-text.milab_rich {
width: 100px;
}
.case-meta-rich-text.milab_rich._3 {
width: 190px;
}
.case-meta-rich-text.case-site-link_milab {
padding-left: 0%;
}
.case-meta-rich-text h3 {
font-size: 14px;
}
.case-meta-rich-text.voice-rich {
max-width: 240px;
}
.case-meta-rich-text.voice-rich._3 {
width: auto;
}
.case-meta-rich-text.maroo-rich {
max-width: 240px;
}
.case-meta-rich-text.case-site-link_best-app {
padding-left: 0%;
}
.case-meta-rich-text.pvz-rich, .case-meta-rich-text.pvz-rich_3 {
width: 100px;
}
.case-meta-rich-text.avito-cmrt1 {
width: 77px;
font-size: 14px;
}
.case-meta-rich-text.avito-cmrt2 {
width: 75px;
font-size: 14px;
}
.case-meta-rich-text.avito-cmrt4 {
width: 118px;
font-size: 14px;
}
.case-meta-rich-text.countrydev-cmrt1 {
width: 90px;
}
.case-meta-rich-text.countrydev-cmrt2 {
width: 70px;
}
.case-meta-rich-text.countrydev-cmrt3 {
width: 132px;
}
.case-main {
width: 100%;
}
.dialog-image.within-opposite-bubble {
overflow: hidden;
transform: translate(30%, -60%);
}
.content-block.half-margin {
margin-bottom: 200px;
}
.dialog-step.first {
width: 70%;
}
.dialog-step.second {
width: 90%;
}
.quote-text {
font-size: 46px;
}
.quote-text._2 {
flex-wrap: nowrap;
align-content: flex-start;
align-items: flex-start;
}
.quote-author-text.text-20px-135 {
font-size: 16px;
}
.quote-author-info {
max-width: 70%;
}
.quote-author-info.newsa {
max-width: none;
margin-top: 24px;
}
.quote-author-name {
flex: none;
display: block;
}
.screens-mosaic.mob-mansory {
flex-wrap: wrap;
place-content: flex-start space-between;
align-items: flex-start;
display: block;
}
.screen-mosaic-card.beststoks {
flex: none;
max-width: none;
}
.screen-mosaic-card.no-shadow.fw-mob {
width: 100%;
}
.screen-moscaic-img.no-cover-mobile {
object-fit: fill;
height: auto;
}
.screens-mosaic-wrapper {
justify-content: flex-start;
align-items: flex-start;
display: block;
}
.screens-mosaic-bottom-gradient.beststoks {
height: 60px;
}
.screens-mosaic-bottom-gradient.mndbx {
height: 170px;
}
.small-quote-text {
font-size: 20px;
line-height: 135%;
}
.small-quote-text.results-text {
line-height: 135%;
}
.small-quote-text._22-mob {
font-size: 22px;
}
.small-quote-author.spleet {
flex-direction: column-reverse;
align-items: flex-start;
margin-top: 48px;
}
.small-quote-author.pvz {
margin-top: 32px;
}
.small-quote-author-photo {
margin-right: 16px;
}
.small-quote-author-photo.pvz, .small-quote-author-photo.avito-avatar {
width: 56px;
height: 56px;
}
.project-participants-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
width: 100%;
}
.project-participants-grid.team {
grid-column-gap: 26px;
}
.project-participants-grid.team.yangoo-team, .project-participants-grid.team.best-app_team, .project-participants-grid.team.zindi-team, .project-participants-grid.team.druffle-c_team {
grid-column-gap: 20px;
}
.mobile-video-elements-img {
width: 100vw;
max-width: none;
}
.scrollable-grid-wrapper.voice, .scrollable-grid-wrapper.maroo {
width: auto;
margin-right: -18px;
}
.photo-mosaic-gradient {
bottom: 10px;
}
.highlight.grey.rotatedsquare {
justify-content: center;
align-items: center;
width: 102px;
height: 102px;
margin-right: 10px;
font-size: 60px;
display: flex;
}
.highlight.salat.rounded {
display: inline;
}
.highlight.yell.mob-non-hgtd {
background-color: #0000;
}
.highlight.is-green, .highlight.is-blue {
margin-bottom: -5px;
padding-bottom: 5px;
}
.text-block.p-16-24 {
font-size: 16px;
}
.case-cell-text.in-progress-text {
color: var(--silver);
}
.logos-slider-track {
justify-content: space-between;
display: flex;
}
.case-hero-rich-text h1 {
font-size: 42px;
}
.two-photos-grid._1010 {
padding-top: 40px;
padding-bottom: 30px;
}
.case-link-wrapper.mobile-only {
margin-top: 0;
}
.case-link-wrapper.mobile-only.mobile-case-link {
margin-right: 30px;
display: block;
}
.case-link-text.in-res.p-24-29.m-yes.p-16-24 {
font-size: 14px;
}
.case-cell-mobile-only-block {
white-space: nowrap;
align-items: center;
display: flex;
}
.case-cell-mobile-only-block.mb-gr_hide {
display: block;
}
.white-sections.br-60 {
border-radius: 30px;
}
.long-screen-description-box {
padding-left: 36px;
padding-right: 36px;
}
.long-screen-description-box.r2 {
margin-top: 150vw;
}
.long-screen-description-box.r3 {
margin-top: 280vw;
}
.long-screen-description-box.r4 {
margin-top: 416vw;
}
.long-screen-description-box.opposite {
padding-left: 36px;
}
.long-screen-description-box.opposite.l1 {
margin-top: 110vw;
}
.long-screen-description-box.opposite.l2 {
margin-top: 228vw;
}
.long-screen-description-box.opposite.l3 {
margin-top: 352vw;
padding-top: 13px;
}
.long-screen-description-box.opposite.l4 {
margin-top: 516vw;
}
.mb-scroll-screenshots {
min-height: 320px;
}
.mb-scroll-screenshot-img.b1 {
max-width: 160px;
}
.mb-scroll-screenshot-img.c1, .mb-scroll-screenshot-img.c3 {
max-width: 120px;
}
.mb-scroll-screenshot-img.a1 {
max-width: 100px;
}
.mb-scroll-screenshot-img.b3 {
max-width: 140px;
}
.cms-jobs {
margin-bottom: 93px;
}
.cms-jobs.team {
margin-bottom: 120px;
}
.job-a {
text-align: left;
letter-spacing: -.02em;
padding: 18px 0;
font-size: 28px;
line-height: 135%;
}
.job-a.is-white-text {
padding-left: 15px;
padding-right: 15px;
}
.job-a.job-itm {
height: 100px;
}
.line {
margin-left: 0;
margin-right: 0;
}
.colors-line.zindi-colors {
margin-top: 32px;
}
.img-font {
width: 154px;
min-height: 36px;
}
.img-font.medium {
width: 195px;
}
.img-font.regular {
width: 183px;
}
.iconts-line._2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.iconts-line.yz-icons-line {
margin-left: -20px;
margin-right: -20px;
}
.img-icons.yz-icon {
margin-left: 7px;
margin-right: 7px;
}
.img-buttons.no-pc {
height: 55px;
margin-left: 3px;
margin-right: 3px;
}
.div-block-2._2 {
margin-bottom: 96px;
}
.div-block-2._2.no-shdows.details {
margin-bottom: 64px;
}
.div-block-2._2.mob-otst {
margin-bottom: 155px;
}
.div-block-2._3 {
margin-top: 34px;
margin-right: 20px;
padding-right: 0;
}
.div-block-2.cc-pad-bootm-2 {
margin-bottom: 96px;
}
.div-block-2._4 {
max-width: 320px;
margin-left: 0;
margin-right: 0;
display: block;
}
.div-block-2.worktime {
margin-bottom: 48px;
}
.div-block-2.app {
width: 298px;
max-width: 100%;
margin-bottom: 30px;
}
.div-block-2.compare {
flex-direction: column;
}
.div-block-2._5 {
margin-bottom: 96px;
}
.div-block-2._5.mob-otst {
margin-bottom: 50px;
}
.div-block-2._3, .div-block-2._6 {
margin-bottom: 96px;
}
.div-block-2._6.mob-otst {
margin-bottom: 60px;
}
.div-block-2._7 {
margin-bottom: 96px;
}
.div-block-2._7.mob-otst {
margin-bottom: 50px;
}
.photo-img-abs.shadows-2._3.sds {
width: 107px;
max-width: 100%;
top: auto;
bottom: -44px;
right: -28px;
}
.photo-img-abs.shadows-2._3.ix-parallax {
max-width: 100%;
margin-top: 20px;
position: static;
}
.photo-img-abs.shadows-2._2.graphcircle {
width: 69px;
max-width: 100%;
left: -8px;
}
.photo-img-abs.shadows-2._2.graphcircle.ix-parallax2 {
bottom: -32px;
left: -31px;
}
.photo-img-abs.shadows-2._2._1 {
width: 207px;
max-width: 100%;
height: 140px;
top: 282px;
bottom: 0;
left: -10px;
}
.photo-img-abs.shadows-2._2._1.ix-parallax2 {
width: auto;
}
.photo-img-abs.shadows-2._3 {
max-width: 148px;
bottom: -48px;
right: -8px;
}
.photo-img-abs.shadows-2._4 {
width: 231px;
max-width: 100%;
top: -34px;
right: -20px;
}
.photo-img-abs.shadows-2.cmcsa {
width: 115px;
max-width: 100%;
top: 18px;
right: -10px;
}
.photo-img-abs.shadows-2.cmcsa.ix-parallax {
right: -25px;
}
.photo-img-abs.shadows-2.swgay {
width: 111px;
max-width: 100%;
top: -20px;
right: 20px;
}
.photo-img-abs.shadows-2.no-account {
width: 276px;
max-width: 100%;
top: 28px;
right: -12px;
}
.photo-img-abs.shadows-2.spec {
width: 204px;
max-width: 100%;
height: 179px;
top: 178px;
right: -10px;
}
.photo-img-abs.shadows-2.spec.ix-parallax {
width: auto;
max-width: none;
}
.photo-img-abs.shadows-2.yourportfel {
width: 165px;
}
.photo-img-abs.shadows-2.yourportfel.ix-parallax2 {
top: 28px;
}
.photo-img-abs.shadows-2._5 {
width: 52%;
max-width: 148px;
bottom: -48px;
right: -8px;
}
.photo-img-abs.shadows-2._6, .photo-img-abs.shadows-2._7 {
max-width: 148px;
bottom: -48px;
right: -8px;
}
.auto-video.yandexbiz, .auto-video.yandex-zdor1 {
width: 178px;
height: 362px;
}
.grey-quote {
padding: 32px 20px;
}
.horizontal-scrolls {
overflow: scroll;
}
.horizontal-scrolls.cards {
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: 37px;
overflow: auto;
}
.beststoks-cards {
width: 298.53px;
height: 184.47px;
}
.beststoks-cards._2.whitecard {
flex: none;
order: -1;
margin-top: 0;
}
.abs-text {
font-size: 11px;
}
.tabs {
padding-left: 20px;
padding-right: 20px;
}
.tabscontent {
padding-bottom: 96px;
}
.results {
padding-left: 0;
padding-right: 0;
}
.cardimage {
width: 133px;
}
.italic-text {
font-style: normal;
display: inline-block;
position: relative;
}
.h1 {
width: auto;
font-size: 42px;
line-height: 110%;
}
.h1.piks {
flex-direction: column;
align-items: center;
font-size: 42px;
display: flex;
}
.h1.cp-h1, .h1.cy-h1, .h1.maroo-head-title {
width: 100%;
}
.h1._100px-h1.check-team-head {
margin-top: -4px;
}
.h1.avito-h1 {
font-size: 11vw;
}
.h1.stranan-h1 {
min-width: 300px;
font-size: 38px;
}
.fonts-grid {
grid-column-gap: 74px;
grid-row-gap: 17px;
flex-flow: column;
flex: 0 auto;
grid-template: "Area"
"Area-2"
"Area-3"
"Area-4"
/ 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: center;
place-items: center;
display: grid;
}
.grid-image {
width: 283px;
display: block;
}
.grid-image._3 {
width: 268px;
}
.grid-image._2 {
flex: 0 auto;
width: 270px;
}
.grid-image._4 {
width: 258px;
}
.italic-text-2 {
font-style: normal;
position: relative;
}
.subtitle-rich-text {
line-height: 135%;
}
.font-image {
width: 154px;
min-height: 36px;
}
.image-block {
padding-top: 13vw;
padding-bottom: 13vw;
}
.img-column {
width: 47%;
}
.image-wrap {
width: 100%;
}
.ab-photo-img-1 {
display: none;
}
.ab-photo-img-2 {
width: 14%;
right: -2%;
}
.ab-photo-img-3.ab-shad {
display: none;
}
.static-case-image-wrapper {
margin-top: 0;
}
.static-case-image-wrapper.avito-hero-img-wrapper, .static-case-image-wrapper.countrydev-hero-img-wrapper {
width: 79.23vw;
margin-top: -10px;
}
.yz-hero-decor-img1 {
width: 85px;
top: -7%;
}
.yz-hero-decor-img2 {
top: 42%;
}
.yz-hero-decor-img4 {
width: 100px;
top: 15%;
right: -15%;
}
.yz-hero-decor-img5 {
top: 36%;
left: -12%;
}
.ab-photo-img-4, .ab-photo-img-5 {
display: none;
}
.ab-photo-img-6.ab-shad {
width: 13%;
left: -1%;
}
.research-hero-core {
width: 100%;
}
.ah-image1 {
margin-right: -18px;
right: 0%;
}
.image-contain.n-mob {
display: none;
}
.image-contain.y-mob {
width: 133px;
display: block;
}
.image-contain.no-mob-image {
display: none;
}
.image-contain.only-mob-image {
display: block;
}
.ah-image2 {
right: 76%;
}
.h2.is-white-40 {
text-align: center;
letter-spacing: -.02em;
}
.h2.small-on-mob {
font-size: 34px;
}
.h2.small-on-mob.is-inline-text {
float: none;
font-size: 34px;
display: inline;
}
.h2.h-80.m-200 {
margin-left: auto;
margin-right: auto;
}
.h2.h-80.m-300 {
max-width: 285px;
margin-left: auto;
margin-right: auto;
}
.h2.h-80.cp-h2.mb-40, .h2.h-80.cp-h2.mb-50, .h2.h-80.cp-h2.mb-40-ya {
margin-bottom: 25px;
}
.h2.h-80.cp-h2.mob-align-left {
text-align: left;
margin-bottom: 32px;
}
.h2.h-80.z-h2 {
margin-bottom: 32px;
}
.h2.h-80.z-h2-881 {
margin-bottom: 32px;
font-size: 11vw;
}
.h2.h-80.z-h2-881.non-mrg {
margin-bottom: 32px;
}
.h2.h-80.z-h2_90 {
margin-bottom: 86px;
}
.h2.h-80.cp-h2-z {
margin-bottom: 32px;
}
.h2.h-80.z-h2-881-30 {
margin-top: 30px;
margin-bottom: 32px;
font-size: 11vw;
}
.h2.h-80.z-h2_cases {
margin-bottom: 40px;
}
.h2.h-80.milab, .h2.h-80.mb-40 {
margin-bottom: 25px;
}
.h2.h-80.mb-40.app-best {
text-align: left;
}
.h2.h-80.milab-60 {
margin-bottom: 25px;
}
.h2.h-80.milab-40_small {
margin-bottom: 25px;
font-size: 28px;
}
.h2.h-80.milab-60_team {
margin-bottom: 37px;
}
.h2.h-80.voice_50 {
text-align: center;
margin-bottom: 32px;
}
.h2.h-80.voice-diz {
margin-bottom: 32px;
}
.h2.h-80.voice-diz.centr {
text-align: center;
}
.h2.h-80.voice-diz_centr, .h2.h-80.voice_40 {
margin-bottom: 32px;
}
.h2.h-80.pd-40.maroo {
width: 70%;
}
.h2.h-80.non-pd-mob {
margin-bottom: 0;
}
.h2.h-80.case-team_90 {
margin-bottom: 37px;
}
.h2.h-80.rs-ttl {
font-size: 44px;
}
.h2.h-80.rs-ttl._1 {
font-size: 10.628vw;
}
.h2.h-80.pol-conf {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 46px;
}
.h2.h-mrg-50 {
letter-spacing: -.02em;
max-width: none;
margin-bottom: 32px;
font-size: 12.2vw;
line-height: 100%;
}
.h2.medium-on-mob {
font-size: 34px;
}
.h2.form-heading {
font-size: 46px;
}
.h2.cc-mob-34, .h2.cc-mob-341 {
font-size: 34px;
line-height: 106%;
}
.h2.h2-zapusk {
text-align: left;
font-size: 34px;
line-height: 106%;
}
.h2.h2-zapusk.mob {
display: block;
}
.h2.h2-zapusk.desc {
display: none;
}
.research-cards-wrap {
height: 524px;
margin-top: 70px;
}
.research-cards-wrap.new {
height: 550px;
}
.research-card-1 {
width: 208px;
height: 225px;
padding: 20px 25px 25px;
inset: 5% auto auto -5%;
transform: rotate(-9.91deg);
}
.research-card-1.new {
z-index: 0;
width: 186px;
height: 116px;
left: 2%;
transform: rotate(-7.46deg);
}
.research-card-1.new:hover {
width: 186px;
height: 116px;
}
.ac-title {
font-size: 20px;
}
.acc-tag {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
}
.research-card-2 {
width: 223px;
height: 171px;
padding: 20px 25px 25px;
inset: 0% -6% auto auto;
transform: rotate(1.89deg);
}
.research-card-2.new {
z-index: 0;
width: 186px;
height: 116px;
right: 13%;
transform: rotate(11.94deg);
}
.research-card-2.new:hover {
width: 186px;
height: 116px;
}
.research-card-3 {
width: 273px;
height: 203px;
padding: 20px 25px 25px;
inset: 18% -12% auto auto;
transform: rotate(9.68deg);
}
.research-card-3.new {
z-index: 0;
width: 186px;
height: 116px;
right: 36%;
transform: rotate(.77deg);
}
.research-card-3.new:hover {
width: 186px;
height: 116px;
}
.research-card-4 {
width: 236px;
height: 258px;
padding: 20px 25px 25px;
left: -5%;
transform: rotate(-4.91deg);
}
.research-card-4.new {
z-index: 1;
width: 186px;
height: 116px;
bottom: 44%;
left: 5%;
transform: rotate(-2.55deg);
}
.research-card-4.new:hover {
width: 186px;
height: 116px;
}
.research-card-5 {
width: 215px;
height: 171px;
padding: 20px 25px 25px;
bottom: 7.5%;
right: -7%;
transform: rotate(4.69deg);
}
.research-card-5.new {
z-index: 2;
width: 186px;
height: 116px;
padding-left: 28px;
right: 6%;
transform: rotate(5.52deg);
}
.research-card-5.new:hover {
width: 186px;
height: 116px;
}
.methods-box {
padding: 20px 120px 20px 20px;
}
.text-30px-120.mc-text {
width: auto;
max-width: 200px;
font-size: 20px;
line-height: 128%;
}
.text-30px-120.mc-text._210-on-mob {
max-width: 210px;
}
.text-30px-120.ch-team-txt {
width: auto;
max-width: 214px;
font-size: 20px;
line-height: 128%;
}
.text-30px-100.mb8 {
font-size: 20px;
line-height: 128%;
}
.text-30px-100.ch-team-sub {
margin-bottom: 4px;
font-size: 20px;
line-height: 128%;
}
.method-image.method-image2 {
align-items: center;
width: 133px;
display: flex;
top: 0;
right: 4%;
}
.method-image.method-image3 {
width: 142px;
bottom: 8%;
right: 3%;
}
.method-image.method-image4 {
width: 168px;
right: -2%;
}
.team-photo-in-text {
width: 32px;
height: 32px;
margin-right: 5px;
}
.team-photo-in-text.n {
clear: none;
margin-left: auto;
display: inline-block;
}
.result-text-icon {
width: 26px;
margin-top: -15px;
margin-left: 0;
margin-right: 5px;
}
.result-text-icon.is-pdf-icon {
width: 20px;
margin-top: -5px;
margin-left: 0;
margin-right: 5px;
}
.result-text-icon.is-miro-icon {
margin-top: -10px;
margin-left: 10px;
margin-right: 5px;
}
.result-text-icon.is-miro-icon.l {
margin-left: 0;
}
.result-text-icon._2 {
margin-top: -10px;
}
.info-core.scroll-line {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.social-link {
height: 67px;
margin-bottom: 0;
padding-left: 25px;
padding-right: 25px;
}
.social-wrap {
padding-left: 0;
padding-right: 0;
}
.engage-wrap {
flex: none;
width: auto;
min-height: 130px;
margin-left: auto;
display: flex;
position: relative;
bottom: 3px;
}
.engage-wrap.hidden {
display: none;
}
.for-hil {
display: inline-block;
}
.flex-for-hi._3 {
left: 0;
}
.div-block-6 {
width: 100%;
height: 0;
padding-bottom: 0;
padding-right: 0;
display: block;
}
.hero-image-1 {
width: 35%;
inset: -86% -4% auto auto;
}
.hero-image-2 {
width: 33%;
inset: auto auto -84% -14%;
}
.main-hero-heading-wrapper {
margin-bottom: 0;
overflow: visible;
}
.wcwd-box {
padding-left: 21px;
padding-right: 21px;
}
.text-43px {
font-size: 28px;
}
.text-24px {
font-size: 18px;
}
.wcwd-box-content.main {
width: 75%;
margin-top: 4px;
margin-bottom: 0;
}
.wcwd-box-content.main._3 {
width: 290px;
}
.team-img {
width: 60px;
margin-left: -5px;
margin-right: -5px;
}
.menu-links-wrap {
padding-bottom: 125px;
padding-left: 26px;
padding-right: 26px;
}
.big-heading-2 {
direction: ltr;
letter-spacing: -.04em;
text-transform: none;
border-radius: 0;
font-size: 18vw;
text-decoration: none;
}
.big-heading-2.bigger {
margin-bottom: 0;
font-size: 17vw;
}
.big-heading-2.rotating {
display: none;
overflow: hidden;
}
.big-heading-2.bigger_norm {
margin-bottom: 0;
font-size: 17vw;
}
.container-2.foo {
width: 100%;
}
.menu-button-hide-trigger-2, .menu-button-show-trigger-2 {
z-index: 2;
}
.menu-button-2 {
z-index: 4;
transition: opacity .2s;
}
.menu-button-2:hover {
background-color: #fdfdfd;
}
.menu-2 {
min-width: 90vw;
}
.menu-size-change-2 {
width: 100vw;
}
.menu-wrapper-2 {
padding-left: 0;
padding-right: 0;
}
.p-20-110 {
margin-top: 0;
}
.div-block-8 {
margin-top: -65px;
}
.section-copy {
width: 100%;
}
.image-3._2.yes-mob {
margin-top: 0;
}
.grid-pic {
align-items: flex-start;
max-width: 100%;
margin-bottom: 55px;
display: flex;
overflow: auto;
}
.pic-ins-vert {
flex: none;
align-items: flex-start;
width: 340px;
margin-left: 18px;
}
.img-fw {
object-fit: cover;
height: 100%;
}
.image-4 {
display: none;
}
.image-4.mob {
margin-top: 95px;
margin-bottom: 80px;
display: block;
}
.card-pik {
height: 258px;
}
.card-pik._2._31 {
margin-bottom: -85px;
position: relative;
left: 12px;
}
.card-pik._2._41 {
background-color: #f7e1e1cc;
}
.card-pik._3._12 {
margin-bottom: -84px;
margin-right: 37px;
transform: rotate(2.7deg);
}
.card-pik._3._42 {
background-color: #f7e1e1;
}
.card-pik._4 {
width: 250px;
height: 258px;
}
.card-pik._4._33 {
margin-right: 51px;
transform: rotate(-11.35deg);
}
.card-pik._4._43 {
background-color: #fff;
}
.card-pik._7 {
margin-right: 68px;
}
.image-6 {
max-width: 395px;
}
.div-block-12 {
overflow: hidden;
}
.image-7 {
width: auto;
margin-left: 20px;
}
.mim {
width: 340px;
height: 340px;
}
.in-mim {
border-radius: 20px;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.quote-author-info-2 {
max-width: 70%;
}
.quote-author-info-2.newsa {
max-width: none;
margin-top: 24px;
}
.no-mob {
display: none;
}
.only-mob {
display: block;
}
.cp-logo-change-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 100%;
align-items: start;
}
.cp-logo-change-box.cp-logo-1 {
width: 51vw;
}
.cp-logo-change-box.cp-logo-2 {
width: 66vw;
}
.image-contain.is-ds {
display: none;
}
.image-contain.is-mb {
display: block;
}
.image-contain.is-mb.is-none {
display: none;
}
.cp-logo-change-arrow {
margin-bottom: 57px;
transform: rotate(90deg);
}
.ui-image-wrp {
border-radius: 7vw;
}
.cp-new-logo-box {
max-width: 272px;
}
.cp-variation-block {
grid-column-gap: 9vw;
grid-row-gap: 16.5vw;
grid-template-columns: 1fr 1fr;
padding-top: 25px;
padding-bottom: 0;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp1 {
width: 27.9vw;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp2 {
width: 28.17vw;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp3 {
width: 27.9vw;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp4 {
width: 28.75vw;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp5 {
width: 29.38vw;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp6 {
width: 28.06vw;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp7 {
width: 34.44vw;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp8 {
width: 40.13vw;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp10 {
width: 33.62vw;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp11 {
width: 25.63vw;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp12 {
width: 21.65vw;
}
.cp-logo-var-image-wrp.cp-logo-var-image-wrp9 {
width: 28.02vw;
}
.cp-gallery.cp-gallery2 {
grid-template-columns: 1fr;
}
.cp-gallery-logo-box {
height: 50vw;
}
.cp-gallery-logo-wrp {
width: 37vw;
}
.cp-gallery-image-box, .cp-gallery-image-box.cp-gallery-image-box1 {
height: 100vw;
}
.cp-product-box {
height: 9.5vw;
}
.cp-logobook-box {
margin-bottom: 20px;
}
.cp-logobook-box.cp-logobook-box1 {
order: 1;
width: 20.5%;
}
.cp-logobook-box.cp-logobook-box2 {
order: 3;
width: 100%;
}
.cp-logobook-box.cp-logobook-box3 {
order: 4;
width: 31%;
}
.cp-logobook-box.cp-logobook-box4 {
order: 2;
width: 76.5%;
}
.cp-logobook-box.cp-logobook-box5 {
order: 5;
width: 65%;
}
.cp-logobook-row {
margin-bottom: -20px;
}
.burger-line-1 {
height: 2px;
min-height: 2px;
}
.burger-line-2 {
height: 2px;
min-height: 2px;
margin-top: 4px;
}
.engage-message-block {
margin-bottom: 30px;
}
.h1_zindi {
width: 100%;
font-size: 42px;
line-height: 110%;
}
.h1_zindi.hero-h {
width: 100%;
margin-bottom: 0;
}
.zindi-h3, .zindi-h3._230 {
margin-top: 100px;
}
.zindi_patterns {
margin: 32px -36px 0;
}
.zindi_graphicks {
margin-top: 32px;
margin-bottom: 50px;
}
.zindi_font {
margin-bottom: 50px;
}
.zindi_font-txt {
margin-top: 32px;
font-size: 40px;
line-height: 52px;
}
.zindi_imges_wrp {
margin-bottom: 70px;
margin-left: -18px;
margin-right: -18px;
}
.zindi-smpl._330 {
margin-top: 120px;
}
.zindi-smpl-wrp._31 {
margin-top: 10px;
}
.zindi-smpl-wrp.m-118 {
background-position: 160% 100%;
background-size: 300px;
margin-top: 118px;
}
.imgs_wrp_lt-br {
border-radius: 30px;
width: 100%;
margin-left: 0;
margin-right: 0;
overflow: hidden;
}
.mob-hide {
display: none;
}
.desk-hide {
display: block;
}
.z-compete {
position: relative;
}
.z-compete__img {
border-radius: 6px;
overflow: hidden;
box-shadow: 0 0 30px #00000026;
}
.z-comp_tooltip {
width: 24px;
height: 24px;
position: absolute;
inset: 37px auto auto 19px;
}
.z-comp_tooltip.blue {
top: 133px;
left: 95px;
}
.z-comp_tooltip.orange {
top: 167px;
left: 85px;
}
.z-comp_tooltip.green {
inset: auto 71px 4px auto;
}
.circle-img {
border-radius: 40px;
box-shadow: 0 4px 10px #00000026;
}
.tooltip-pop-over {
z-index: 2;
background-color: #fff;
border: 1px solid #efefef;
border-radius: 20px;
padding: 18px;
position: absolute;
inset: auto auto 18px 18px;
box-shadow: 0 4px 10px #00000026;
}
.tooltip-pop-over.bttm-green {
inset: 18px 18px auto auto;
}
.tooltip-pop-over.bttm-blue {
inset: 18px auto auto 18px;
}
.tooltip-txt {
color: #76665d;
width: 199px;
margin-bottom: 0;
}
.z-blog {
margin-left: -18px;
margin-right: -18px;
position: relative;
}
.z-blog__img {
overflow: hidden;
}
.z-blog_tooltip {
width: 24px;
height: 24px;
position: absolute;
inset: 79px 144px auto auto;
}
.z-blog_tooltip.orange {
inset: auto 26px 35px auto;
}
.z-blog_tooltip.green {
inset: 97px 100px auto auto;
}
.blog_tooltip-pop-over {
z-index: 2;
background-color: #fff;
border: 1px solid #efefef;
border-radius: 20px;
padding: 20px;
position: absolute;
inset: auto 18px 18px auto;
box-shadow: 0 4px 10px #00000026;
}
.blog_tooltip-pop-over.orange {
inset: 18px 18px auto auto;
}
.imp-img {
margin-bottom: 60px;
}
.imp-img.bttm {
margin-bottom: 0;
}
.imp-mob {
margin-left: -18px;
margin-right: -18px;
}
.imp-mob.desk-hide.img {
border-radius: 30px;
margin-left: -18px;
margin-right: -18px;
overflow: hidden;
}
.other-cases {
border-top-left-radius: 30px;
border-top-right-radius: 30px;
padding-top: 59px;
padding-bottom: 5px;
}
.other-cases.cloud, .other-cases.builder, .other-cases.beststoks, .other-cases._12storeez, .other-cases.ya-biz, .other-cases.yandex {
border-radius: 30px;
}
.other-cases.yango {
border-radius: 30px;
padding-left: 20px;
padding-right: 20px;
}
.other-cases.milab {
padding-top: 50px;
padding-left: 20px;
padding-right: 20px;
}
.other-cases.rs-page {
border-radius: 0;
padding-left: 20px;
padding-right: 20px;
}
.other-cases.cc-products.autstuff-products {
padding-bottom: 60px;
}
.other-cases_all-items {
flex-direction: column;
width: 100%;
padding-left: 31px;
padding-right: 31px;
}
.case_card {
width: 100%;
height: 430px;
margin-bottom: 40px;
margin-right: 0;
}
.case_card.cloud {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/629e14e18594470aff0c72d0_Variant%208.png");
background-position: 50% 100%;
background-size: cover;
}
.case_card.pik {
background-position: 50%;
background-size: contain;
}
.case_card.yandex {
background-image: url("https://cdn.prod.website-files.com/606edf3d58b0d336d03f743d/68662fb46971542c0765c0c5_6862ef751af818d9b1dfa41f_ya%201.avif");
border-radius: 14px;
height: 397px;
margin-bottom: 16px;
}
.case_card.mindbox {
background-size: 345px;
border-radius: 14px;
height: 397px;
margin-bottom: 16px;
}
.case_card.avito {
border-radius: 14px;
height: 416px;
margin-bottom: 16px;
}
.case-card_top.cc-column {
grid-column-gap: 12px;
grid-row-gap: 12px;
padding-top: 20px;
padding-left: 20px;
padding-right: 27px;
}
.other-cases_par {
height: auto;
}
.other-cases_hid {
width: auto;
position: static;
}
.hide-mob {
display: none;
}
.other-cases_wrp.overfl-mob_hidden.druffle-other-c {
border-top-left-radius: 30px;
border-top-right-radius: 30px;
padding-left: 35px;
padding-right: 35px;
}
.oc-wrp {
align-items: center;
height: auto;
padding-top: 0;
}
.other-cases_title {
margin-bottom: 36px;
padding-left: 25px;
padding-right: 25px;
}
.other-cases_title.cc-left {
margin-bottom: 36px;
padding-left: 18px;
padding-right: 20px;
}
.research-team-block {
flex-direction: column;
margin-top: 26px;
}
.rt-box {
width: 100%;
padding-right: 0;
}
.rt-box.rt-box1 {
margin-bottom: 40px;
}
.rt-photo {
width: 79px;
}
.rt-photo.smaller-rt-photo, .rt-photo.smaller-rt-photo.mr-25._1st {
width: 78px;
height: 78px;
}
.rt-photo-block {
height: 79px;
margin-bottom: 7px;
}
.overfl-mob_hidden {
overflow: hidden;
}
.lets-work_wrp {
width: 190px;
margin-bottom: 15px;
}
.lets-work_title {
width: 337px;
}
.lets-work_title.mw-950 {
width: 100%;
}
.button_txt.application {
font-size: 24px;
line-height: 100%;
}
.arrow-button_brown {
width: 250px;
margin-top: 35px;
margin-bottom: 14px;
padding-left: 21px;
padding-right: 18px;
}
.arrow-button_brown:hover {
background-color: var(--almost-black);
color: #fff;
}
.arrow-button_brown.rs-sm {
width: 260px;
height: 50px;
margin-top: 30px;
}
.button-icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: 15px;
height: 18px;
display: flex;
}
.button-icon.rs-haed {
width: 18px;
height: 23px;
}
.is-grey_txt {
line-height: 169%;
}
.vacan_job {
text-align: left;
letter-spacing: -.02em;
justify-content: space-between;
padding: 18px 0;
font-size: 28px;
line-height: 135%;
}
.vacan_job:hover {
color: #fff;
background-color: #0000;
}
.cms-vacan {
margin-bottom: 87px;
}
.about-team {
font-size: 24px;
line-height: 135%;
}
.about-team:hover {
color: var(--white);
background-color: #0000;
}
.txt-36 {
font-size: 20px;
line-height: 128%;
}
.txt-28 {
color: #8b8b8b;
font-size: 20px;
line-height: 27px;
}
.txt-28.txt-op-9 {
color: #333037e6;
}
.txt-28.cc-mob-black {
color: var(--almost-black);
}
.txt-28.cc-mob-black.cc-16 {
font-size: 16px;
line-height: 137%;
}
.txt-28.cc-mob-black.cc-24 {
font-size: 24px;
line-height: 133%;
}
.wcwd-title-wrap_main {
width: 80%;
margin-bottom: 4px;
}
.what-we_wrp {
background-color: #fff;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
padding: 20px 12px 30px 20px;
display: flex;
}
.what-we_wrp._4, .what-we_wrp._3 {
padding-right: 8px;
}
.what-we_main {
grid-column-gap: 0px;
grid-row-gap: 20px;
}
.what-we__ill {
opacity: 1;
position: static;
inset: 0% 0% auto auto;
}
.what-we__ill._4 {
order: 1;
width: 85px;
top: 5%;
right: 3%;
}
.what-we__ill._3 {
order: 1;
width: 80px;
top: 5%;
right: 1%;
}
.what-we__ill._3.show-only-mob {
transform: rotate(10deg);
}
.what-we__ill._5 {
order: 1;
width: 72px;
top: 6%;
}
.what-we__ill._1 {
order: 1;
width: 85px;
}
.what-we__ill._2 {
order: 1;
width: 73px;
top: 7%;
right: 2%;
}
.team_desk___left {
text-align: left;
line-height: 120%;
}
.team_desk___right {
width: 30px;
height: 26px;
}
.team__numbers {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-self: flex-start;
width: 100%;
margin-top: 40px;
display: grid;
overflow: hidden;
}
.numbers_blck, .numbers_blck._2, .numbers_blck._3, .numbers_blck._4 {
width: auto;
}
.team__cta_link:hover {
background-color: #0003;
}
.what-we-have_blck {
align-items: flex-start;
padding-top: 20px;
padding-left: 20px;
padding-right: 18px;
}
.what-wehave_left {
width: 210px;
max-width: 90%;
}
.what-we-intro {
margin-bottom: 30px;
}
.what-we-have_bttm {
margin-top: 32px;
padding-right: 8px;
}
.p-20-135 {
margin-top: 0;
font-size: 15px;
}
.p-20-135.grey.cc-mw-530 {
max-width: 300px;
}
.p-20-135.cc-black.cc-mob-14 {
font-size: 14px;
line-height: 128%;
}
.team_role {
justify-content: flex-start;
align-items: flex-start;
font-size: 9px;
line-height: 129%;
}
.z_improve {
margin-left: -18px;
margin-right: -18px;
}
.z_comp_desk-img {
display: none;
}
.rest-img_large {
border-radius: 32px;
max-width: none;
height: 500px;
}
.rest-img_large.first {
border-radius: 32px;
}
.team_head-img {
max-width: none;
height: 520px;
}
.abs_blck-for-stick {
border-radius: 30px;
position: static;
}
.team_slider-scr_wrp {
grid-column-gap: 15px;
grid-row-gap: 0px;
padding-left: 18px;
padding-right: 18px;
display: flex;
}
.team_slider-scr_wrp.non-vac {
padding-bottom: 60px;
}
.button_txt-main.application, .button_txt_send.application {
font-size: 24px;
line-height: 100%;
}
.button_txt_send.rs {
margin-right: 6px;
font-size: 24px;
line-height: 100%;
}
.button_txt_send.rs-head {
width: 100%;
margin-right: 0;
font-size: 24px;
line-height: 100%;
}
.button_txt_send.submit-form {
font-size: 24px;
}
.button_txt_send.form {
margin-right: 0;
font-size: 24px;
line-height: 100%;
}
.zindi_video {
background-image: none;
padding-bottom: 90px;
}
.z__vid-blck {
margin-left: -18px;
margin-right: -18px;
padding-bottom: 30px;
}
.z_vid_hero {
padding-left: 18px;
padding-right: 18px;
}
.team_cms-card_name {
font-size: 9px;
line-height: 129%;
}
.team_inst_wrp {
padding: 4px;
}
.about-st__sub-36 {
padding-top: 0;
font-size: 28px;
line-height: 120%;
}
.about-st__sub-36.mr-50_bt {
margin-bottom: 35px;
padding-top: 0;
}
.about-st__sub-36.lcls {
padding-right: 5px;
}
.about-owner__top {
width: 134px;
margin-bottom: 20px;
}
.about-owner__bttm {
display: block;
}
.owner-inst {
background-size: 19px 19px;
width: 48px;
height: 37px;
margin-bottom: -10px;
}
.about-st__owner-link {
width: 48px;
height: 37px;
}
.link-underline {
width: auto;
height: auto;
margin-left: 1px;
display: inline-block;
}
.link-underline:hover {
display: inline-block;
}
.about-st_principles {
width: 100%;
margin-bottom: 0;
}
.about-st__princ {
border-radius: 15px;
padding-top: 20px;
padding-left: 20px;
padding-right: 17px;
}
.princ_left {
width: 63%;
max-width: none;
}
.princ_left.rs-p {
width: auto;
max-width: 53.1401vw;
}
.princ_right {
width: 100px;
height: 100px;
bottom: 0%;
right: 0;
}
.princ_right._2 {
width: 107px;
height: auto;
position: absolute;
inset: 31px -5% auto auto;
}
.princ_right._3 {
width: 150px;
height: auto;
position: absolute;
inset: 11px 10px auto auto;
}
.princ_right._4 {
width: 117px;
height: auto;
position: absolute;
bottom: 64px;
right: -5%;
}
.princ_right._5 {
width: 100px;
height: auto;
position: absolute;
bottom: 54px;
right: -3%;
}
.princ_right._6 {
width: 72px;
height: auto;
position: absolute;
inset: 18px 15px auto auto;
}
.princ_right._1 {
width: 100px;
height: auto;
position: absolute;
inset: 20px -5% auto auto;
transform: rotate(-3deg);
}
.zindi_refresh {
background-position: -220% 116%, 330% -3%;
background-size: 320px, 320px;
margin-left: -18px;
margin-right: -18px;
padding-bottom: 120px;
padding-left: 21px;
padding-right: 21px;
}
.zindi_refresh_top {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.zindi_refresh_bttm {
grid-column-gap: 8px;
width: 100%;
margin-top: 40px;
}
.bord-shd {
border-radius: 4px;
}
.zindi_blog_bttm {
grid-column-gap: 8px;
margin-top: 0;
padding-left: 2px;
padding-right: 2px;
}
.zindi_scenar {
width: auto;
}
.mob-imgs.talk_wrp {
justify-content: center;
height: auto;
}
.mob-imgs.ui {
margin-left: 0;
margin-right: 0;
}
.ab-title_wrp {
text-align: center;
padding-left: 54px;
padding-right: 54px;
}
.princ-img.desk-h {
display: block;
}
.talk-img_sm {
width: 19%;
}
.talk-img_lg {
width: 72%;
height: 100%;
margin-left: 4%;
}
.zindi_find {
margin-left: -18px;
margin-right: -18px;
}
.zindi-find_wrp {
background-size: 140px;
margin-left: -18px;
margin-right: -18px;
padding-bottom: 120px;
padding-left: 18px;
padding-right: 18px;
}
.zindi_learn_img-wrp {
margin-left: -18px;
margin-right: -18px;
padding: 80px 20px 90px;
}
.shd {
border-radius: 4px;
}
.ui-imgs_wrp {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template: "Area Area-2"
"Area Area-3"
"Area-4 Area-5" minmax(auto, 330px)
"Area-4 Area-6"
/ minmax(182px, 1fr) minmax(182px, 1fr);
grid-auto-columns: 1fr;
display: none;
}
.image-10 {
margin-top: -65px;
}
.image-11 {
margin-top: -191px;
}
.gradient {
z-index: 1;
background-image: linear-gradient(#f8f7f6, #f8f7f6);
width: auto;
height: 101px;
margin-top: -104px;
margin-left: -18px;
margin-right: -18px;
display: none;
position: relative;
}
.find-lt {
width: 18%;
}
.find-left {
width: 68%;
margin-right: 3%;
}
.blog-mob {
margin-right: -10px;
}
.show-only-mob {
display: block;
}
.work-your-task {
height: auto;
}
.work-your-task.about-st {
padding-bottom: 50px;
}
.img-vh_mob-hide {
display: none;
}
.yango-task-image-1, .yango-task-image-2 {
height: 36vw;
margin-bottom: 16px;
}
.yango-s4-gallery {
flex-direction: column;
width: 45.65vw;
margin-top: 32px;
margin-bottom: -6vw;
}
.yango-s4-image.hidden-on-mob {
display: none;
}
.yango-s6-row {
background-color: #000;
border-width: 6px;
border-radius: 10px;
overflow: scroll;
}
.yango-s6-image {
background-color: var(--black);
border-radius: 6px;
overflow: hidden;
}
.yango-s7-block {
margin-top: 32px;
}
.yango-s7-row.mb-mob-60 {
margin-bottom: 60px;
}
.yango-s7-image {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 46.9vw;
display: flex;
position: relative;
}
.yango-s7-description-box {
width: 100%;
max-width: 230px;
position: static;
}
.yango-s7-description-box.yango-s7-description-box2 {
align-items: center;
}
.yango-s7-description-box.yango-s7-description-box3 {
display: none;
}
.p-20-140.yango-s77-par-1 {
color: #33303799;
text-align: center;
margin-top: 24px;
font-size: 14px;
}
.p-20-140.yango-s77-par-1.mw-mob-210 {
max-width: 210px;
}
.yango-s7-decor1 {
display: none;
}
.yango-s8-row {
border-width: 6px;
border-radius: 6px;
margin-top: 32px;
}
.yango-s8-row-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
margin-top: 32px;
}
.yango-s8-box {
padding: 20px;
}
.yango-s8-image-2 {
margin-top: 0;
margin-left: 0%;
}
.yango-s9-block {
margin-top: 32px;
}
.yango-s9-description-box {
width: 28vw;
right: -13px;
}
.yango-s9-description-box.yango-s9-description-box2 {
width: 33vw;
bottom: 12%;
left: -13px;
}
.yango-s9-image {
width: 47vw;
}
.yango-s11-block {
width: auto;
margin-top: 32px;
margin-left: -20px;
margin-right: -20px;
}
.yango-s10-block {
margin-top: 32px;
overflow: scroll;
}
.yango-s10-row {
padding-right: 0;
overflow: scroll;
}
.yango-s10-image {
width: 74.06vw;
}
.yango-s10-image.yango-s10-image2 {
width: 91.4vw;
}
.yango-s10-image.yango-s10-image3 {
width: 75.94vw;
}
.yango-s10-image.yango-s10-image4 {
width: 76.13vw;
}
.yp-wrap {
height: auto;
margin-left: -20px;
margin-right: -20px;
overflow: hidden;
}
.yv-wrap {
width: 340px;
height: 240px;
margin-left: auto;
margin-right: auto;
position: static;
overflow: hidden;
}
.tooltip-wrap {
z-index: 1;
display: none;
position: absolute;
}
.tooltip-wrap.tooltip-wrap1 {
bottom: 51%;
left: 50%;
}
.tooltip-wrap.tooltip-wrap2 {
justify-content: center;
align-items: center;
display: none;
top: 17%;
left: 10%;
}
.tooltip-wrap.tooltip-wrap3 {
bottom: 5%;
left: 4%;
}
.tooltip-icon {
border: 1px solid #f4df34;
border-radius: 50%;
width: 24px;
height: 24px;
box-shadow: 0 1px 10px #00000026;
}
.tooltip {
position: absolute;
}
.tooltip.yango-tooltip-1 {
width: 57.7vw;
inset: auto auto 20px 20px;
}
.tooltip.yango-tooltip-2 {
width: 41vw;
inset: auto 30px -52px auto;
}
.tooltip.yango-tooltip-3 {
width: 59vw;
inset: auto auto 30px -42vw;
}
.clients-say_bottom {
width: 100%;
}
.clients-say_left {
z-index: 1;
background-color: #0000;
border-radius: 0%;
width: 40px;
padding-left: 0;
inset: auto 40% 31px 0%;
overflow: hidden;
}
.clients-say_left:hover {
background-color: #0000;
}
.clients-say_right {
z-index: 1;
background-color: #0000;
border-radius: 0%;
width: 40px;
padding-left: 0;
inset: auto 0% 31px 40%;
overflow: hidden;
}
.clients-say_right:hover {
background-color: #0000;
}
.slide-2 {
padding: 100px 0 31px;
}
.container_new.land-slider {
padding-left: 19px;
padding-right: 17px;
}
.count {
z-index: 0;
justify-content: center;
font-size: 20px;
inset: auto 0% 50px;
}
.count.desk-hide {
z-index: 3;
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
color: #323036;
letter-spacing: .2em;
background-color: #ffffff26;
border-radius: 87px;
justify-content: center;
align-items: center;
width: 78px;
height: 40px;
margin-left: auto;
margin-right: auto;
padding-left: 5px;
font-size: 28px;
line-height: 120%;
display: flex;
inset: auto 0% 31px;
}
.clients-say_slider {
height: 740px;
}
.clients-say__wrp {
width: 100%;
height: auto;
}
.clients-say_author {
grid-column-gap: 12px;
}
.para-50 {
font-size: 28px;
line-height: 120%;
}
.clients-say_img {
width: 65px;
}
.section_new.slider-clients-say {
border-radius: 30px;
}
.clients-say-title {
font-size: 28px;
line-height: 135%;
}
.clients-say_subtitle {
font-size: 14px;
line-height: 145%;
}
.clients-say_name {
font-size: 16px;
line-height: 120%;
}
.slider-desk-arr {
display: none;
}
.clients-say__case {
border-width: 2px;
width: 118px;
height: 50px;
font-size: 24px;
line-height: 100%;
}
.slide-arr-mb {
width: 100%;
display: block;
}
.what-wehave-img {
width: 95px;
}
.yanho-groc {
background-color: #ffd900;
border: 6px solid #ffd900;
border-radius: 10px;
width: 340px;
height: 230px;
margin-left: auto;
margin-right: auto;
position: static;
overflow: hidden;
}
.yango-groc-wrp {
border-style: none;
border-width: 6px;
border-radius: 0;
overflow: scroll;
}
.yango-groc-img {
width: 100%;
}
.yango-groc-img._2 {
border: 0 #000;
border-radius: 0;
width: 100%;
overflow: hidden;
}
.yango-gros-cont {
border-radius: 6px;
overflow: hidden;
}
.bo-be-part {
height: 170px;
margin-bottom: 25px;
}
.to-be-part-img-wrp {
flex-direction: column;
margin-top: -12px;
}
.to-be-part-fl {
height: auto;
margin-top: -12px;
margin-bottom: 0;
margin-left: 0;
}
.to-be-part_plus {
width: auto;
height: 50px;
margin-left: -16px;
}
.to-be-part-img {
width: auto;
height: 50px;
}
.slider-count-txt {
width: 20px;
}
.card-title-wrap {
width: 65%;
}
.card-title-wrap.druffle, .card-title-wrap.wide {
width: 70%;
}
.h1-case_milab {
font-size: 46px;
line-height: 110%;
}
.case-p-img-l {
width: 100%;
}
.case-p-img-l.kits, .case-p-img-l.mobiles {
max-width: 100%;
}
.case-p-img-l.mb {
width: 100%;
}
.case-p-img-l.app-best {
width: 550px;
min-width: 550px;
max-width: none;
}
.milab-3imgs_item-s {
width: 290px;
}
.milab-arr {
margin-bottom: 31px;
}
.milab-3imgs_item-l {
width: 162px;
}
.milab-3d-ill-cont {
grid-column-gap: 13px;
border-bottom-style: none;
align-items: flex-start;
min-width: 701px;
margin-top: 85px;
margin-left: 0;
}
.milab-3d-ill-cont._2 {
min-width: 610px;
margin-top: 85px;
margin-left: 0;
padding-bottom: 0;
}
.milab-3d-ill-cont.imgs {
min-width: 640px;
padding-bottom: 25px;
}
.milab-3d_item {
grid-row-gap: 6px;
justify-content: space-between;
width: 300px;
height: 420px;
}
.milab-3d_item._2 {
grid-row-gap: 19px;
}
.milab-3d_item._3 {
padding-top: 50px;
overflow: hidden;
}
.milab-3d-img {
width: 300px;
min-width: 300px;
}
.milab-3d-img._2 {
width: 273px;
min-width: 273px;
}
.milab-3d-img._3 {
width: 359px;
min-width: 345px;
margin-left: -31px;
}
.milab-3d-paras._2 {
margin-top: 0;
}
.milab-logo {
width: 228px;
}
.milab-lines-wrp {
grid-row-gap: 9px;
width: 27px;
}
.milab-line_white {
height: 5px;
}
.milab-lines-logo {
grid-column-gap: 13px;
}
.milab-line_colored {
height: 5px;
}
.millab-team_flex {
grid-column-gap: 18px;
text-align: left;
}
.milab-team_item {
width: 175px;
}
.case-p-img-wrp {
overflow: scroll;
}
.img-vh_mob-hide-2 {
display: none;
}
.voice-icon {
margin-bottom: 32px;
}
.voice-title-img {
grid-row-gap: 32px;
}
.h3-50px {
font-size: 30px;
}
.h3-50px.pol-conf {
margin-bottom: 20px;
}
.voice_black_logo {
width: 130px;
}
.voice_black_logo._1 {
width: 196px;
}
.voice-logos-wrp {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.pd-right-mob {
width: 2px;
height: 100px;
padding-bottom: 0;
padding-right: 0;
display: block;
}
.voice-app-scr._2, .voice-app-scr._3, .voice-app-scr._1 {
width: 100%;
}
.voice-app-scr-1-wrp {
align-items: flex-start;
width: 110%;
margin-left: -20px;
margin-right: -20px;
}
.voice-app-scr-1-wrp._2 {
align-items: flex-end;
width: 110%;
margin-left: -20px;
margin-right: -20px;
padding-left: 0;
}
.voice-app-scr-1-wrp._3 {
margin-top: 40px;
padding-right: 0;
}
.voice-app-scr-1-wrp._3.desk-hide {
padding-left: 0;
}
.voice-app-scr-1-wrp.desk-hide {
display: flex;
}
.voice-wrp-for-abs-para._1 {
width: 52%;
top: 132px;
right: -20px;
}
.voice-wrp-for-abs-para._2 {
width: 60%;
max-width: 100%;
bottom: -41px;
left: 14px;
}
.voice-wrp-for-abs-para._3 {
inset: auto 0% 188px 190px;
}
.voice-wrp-for-abs-para._4 {
width: 50%;
top: 40px;
left: 190px;
}
.voice-diz-img {
width: auto;
min-width: 105px;
}
.voice-diz-img._2 {
width: 100%;
min-width: auto;
}
.voice-diz-img-wrp {
min-width: 105px;
margin-top: -24px;
}
.voice-p-land-und {
height: 15px;
}
.container-1060.maroo-quote {
text-align: center;
}
.container-1060.cont-centr.app-best {
text-align: left;
align-items: center;
}
.maroo-diz-1-img {
border-radius: 10px;
}
.maroo-diz-2-img {
width: 37.8vw;
}
.maroo-diz-2-img-wrap {
justify-content: space-around;
}
.maroo-diz-3-img {
width: 34.6vw;
}
.maroo-diz-3-img-wrap.pd-80_top {
padding-top: 30px;
}
.maroo-proect-mob-imgs-wrap {
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.maroo-diz-4-img-wrap {
grid-column-gap: 16px;
justify-content: flex-start;
width: auto;
min-width: 570px;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
overflow: auto;
}
.maroo-diz-slice-img, .maroo-diz-slice-img-wrap {
width: 150px;
}
.case-head_app-best {
margin-top: 0;
}
.case-p_logo {
width: 60px;
}
.case-p_logo.mr-40 {
margin-bottom: 32px;
}
.case-p_logo.pvz {
width: 100px;
margin-bottom: 60px;
}
.cont-centr.app-b {
text-align: left;
align-items: flex-start;
}
.cont-centr.pvz-hhw {
text-align: center;
align-items: center;
}
.case-p-tasks-fl {
grid-column-gap: 18px;
grid-row-gap: 32px;
text-align: left;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.case-p-task-item.app-best-1 {
align-items: flex-start;
}
.case-p-task-item.pvz {
text-align: left;
align-items: flex-start;
max-width: 180px;
}
.case-p-task-item.pvz-hhw {
align-items: flex-start;
}
.case-p-app-best-icon-sm {
width: 60px;
margin-bottom: 32px;
}
.app-best_scr-wrp {
border-style: none;
border-color: #000;
border-radius: 0;
overflow: scroll;
}
.app-best-cont {
border-radius: 0;
overflow: hidden;
}
.appbest-scr-imgs {
width: 340px;
height: 230px;
margin-left: auto;
margin-right: auto;
position: static;
overflow: hidden;
}
.para-60 {
font-size: 22px;
line-height: 128%;
}
.case-review-wrp {
width: 100%;
height: auto;
padding-bottom: 50px;
}
.case-review-auth {
grid-column-gap: 16px;
}
.case-review_bttm {
width: 100%;
margin-top: 32px;
}
.case-app-best-span-1 {
padding-bottom: 1px;
padding-left: 6px;
padding-right: 6px;
}
.case-app-best-span-2 {
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
}
.app-best-scr-mob {
margin-right: -18px;
}
.app-best-scr-mob.desk-hide.mb-gr-sh {
justify-content: flex-start;
margin-left: -18px;
padding-left: 18px;
}
.case-img_app-b {
width: 550px;
min-width: 550px;
}
.app-best-scrl-img {
width: 100%;
}
.case-head-pvz {
margin-top: 0;
}
.case-pvz-img-wrp {
width: 100%;
}
.pvz-interf-img {
width: 144px;
}
.pvz-interf-img.mr-40 {
margin-bottom: 32px;
}
.pvz-interf-imgs-wrp {
border-radius: 10px;
}
.pvz-inters-images-all {
border-radius: 4px;
}
.pvz-interf-paras {
grid-column-gap: 15px;
}
.pvz-flow-video {
height: 57vw;
}
.pvz-flow-yell {
grid-row-gap: 40px;
}
.pvz-manage-wrp {
align-items: center;
height: auto;
}
.pvz-manage_all-items {
flex-direction: column;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.pvz-manage-ov-hid {
width: auto;
position: static;
}
.pvz-manage-_par {
height: auto;
}
.pvz-delivery-wrp {
align-items: center;
height: auto;
}
.pvz-delivery_all-items {
flex-direction: column;
width: 100%;
padding-left: 31px;
padding-right: 31px;
}
.pvz-invent-band {
left: -440px;
}
.rs-img-1 {
width: 48px;
margin-right: -18px;
right: 11%;
}
.rs-img-2 {
width: 110px;
inset: auto auto -43% 3%;
}
.rs-h-cont {
width: 100%;
}
.text-32px-125 {
font-size: 20px;
line-height: 128%;
}
.rs-1st-src-bttm {
width: 100%;
margin-top: 113px;
}
.rs-1scr-item {
grid-row-gap: 8px;
justify-content: center;
align-items: center;
padding-top: 20px;
padding-bottom: 30px;
}
.txt-58-100 {
letter-spacing: -.02em;
font-size: 46px;
}
.rs-img-3 {
width: 144px;
margin-right: -86px;
inset: auto 0% 24% auto;
}
.rs-img-3.rr-task {
width: 59px;
margin-right: 0;
inset: 33% auto auto -12%;
}
.rs-img-4 {
width: 229px;
margin-left: auto;
margin-right: auto;
inset: auto 0% 3%;
}
.rs-cards-ttl {
font-size: 20px;
}
.research-card-6 {
width: 215px;
height: 171px;
padding: 20px 25px 25px;
bottom: 7.5%;
right: -7%;
transform: rotate(4.69deg);
}
.research-card-6.new {
justify-content: center;
align-items: center;
width: 186px;
height: 116px;
padding-left: 28px;
bottom: 23.6%;
right: 7%;
transform: rotate(6.44deg);
}
.research-card-6.new:hover {
width: 186px;
height: 116px;
}
.research-card-7 {
width: 236px;
height: 258px;
padding: 20px 25px 25px;
left: -5%;
transform: rotate(-4.91deg);
}
.research-card-7.new {
z-index: 1;
width: 186px;
height: 116px;
padding-left: 28px;
bottom: 25%;
left: 4%;
transform: rotate(-14.94deg);
}
.research-card-7.new:hover {
width: 186px;
height: 116px;
}
.rs-cards-img-1 {
z-index: 1;
width: 88px;
inset: 18% 0% auto auto;
}
.rs-cards-img-1.desk--tab-mb-gr-hide {
z-index: 2;
display: block;
top: 19%;
right: 3%;
}
.rs-cards-img-2 {
z-index: 0;
width: 148px;
bottom: 13%;
left: 15%;
}
.rs-process-work {
padding-top: 60px;
padding-bottom: 73px;
}
.rs-process-top-itm {
flex-direction: column;
align-items: flex-start;
}
.rs-process-bttm {
border-left: 1px solid #b9b9b9;
max-width: 340px;
margin-left: 22px;
padding-top: 20px;
padding-bottom: 40px;
padding-left: 23px;
}
.rs-process-bttm._3 {
max-width: 303px;
margin-bottom: -20px;
padding-bottom: 0;
}
.rs-task-img {
margin-right: -18px;
right: 0%;
}
.rs-task-img._1 {
width: 90px;
left: 23%;
}
.rs-task-img._2 {
width: 90px;
top: -7%;
right: 5%;
}
.rs-task-img._5 {
width: 90px;
bottom: 68%;
left: 5%;
}
.rs-task-img._4 {
z-index: 1;
width: 90px;
margin-left: auto;
margin-right: auto;
inset: 32% 0% auto;
}
.rs-task-img._3 {
z-index: 1;
width: 90px;
bottom: 66%;
right: 11%;
}
.rs-task-img.hand {
width: 53px;
right: -1%;
}
.rs-task-img.va {
width: 43px;
inset: -10% 36% auto auto;
transform: rotate(-17deg);
}
.rs-tal-card-img, .rs-tal-card-img._2, .rs-tal-card-img._3 {
width: 112px;
}
.rs-tal-card {
border-radius: 15px;
padding-top: 20px;
padding-left: 20px;
padding-right: 17px;
}
.form-bl.mt-60 {
margin-top: 40px;
}
.form-input {
border-width: 1px;
height: 52px;
margin-bottom: 14px;
padding: 15px 15px 19px 20px;
font-size: 18px;
line-height: 100%;
}
.form-input.message {
height: 100px;
margin-bottom: 20px;
}
.submit-btn {
padding-top: 11px;
padding-bottom: 14px;
font-size: 24px;
line-height: 100%;
}
.form-agree-txt {
text-align: center;
font-size: 14px;
}
.form_bottom {
grid-row-gap: 14px;
text-align: center;
flex-direction: column;
margin-top: 60px;
}
.p-50-108 {
letter-spacing: -.02em;
font-size: 28px;
line-height: 110%;
}
.form_bottom-img {
order: -1;
}
.rs-show-more {
margin-top: -65px;
}
.rs-process-blocks_only-mob {
grid-row-gap: 0px;
grid-template-columns: 1fr;
display: grid;
}
.form-title-block {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.form-success {
padding-bottom: 86px;
}
.form-success-img {
width: 348px;
margin-top: 145px;
margin-left: auto;
margin-right: auto;
}
.form-success-img.ds-tb-mgr {
display: none;
}
.error-message {
padding: 12px 30px;
font-size: 12px;
line-height: 100%;
}
.span-violet_ch-team {
padding-left: 10px;
padding-right: 10px;
}
.pol-conf_head {
grid-row-gap: 30px;
margin-bottom: 46px;
padding-top: 0;
position: relative;
}
.pol-conf_img {
width: 110px;
position: absolute;
inset: -27% 0% auto auto;
transform: rotate(-10deg);
}
.pol-conf_inf-blck {
max-width: 100%;
margin-bottom: 40px;
}
.pol-conf_inf-blck.top {
grid-row-gap: 31px;
margin-bottom: 40px;
}
.pol-conf-text-wrp._1 {
margin-bottom: 20px;
}
.pol-conf-text-wrp.sogl {
width: auto;
}
.pol-conf-text-numb {
margin-right: 10px;
}
.pol-conf-text-numb.list {
margin-left: 30px;
}
.pol-conf-recv-wrp.desk-hide {
display: block;
}
.pol-conf-recv-blck {
grid-row-gap: 0px;
}
.pol-conf-recv-txt._2 {
margin-bottom: 23px;
}
.pol-conf-recv-txt._1 {
margin-bottom: 5px;
}
.sogl-img {
width: 120px;
position: absolute;
inset: -60% 0% auto auto;
transform: rotate(-10deg);
}
.sogl_head {
grid-row-gap: 30px;
margin-bottom: 46px;
padding-top: 0;
position: relative;
}
.sogl-para._1, .sogl-para._2 {
margin-bottom: 20px;
}
.banner-txt {
font-size: 4.61538vw;
}
.banner-img-1 {
width: 26px;
inset: auto 6px -6px auto;
transform: rotate(-80deg);
}
.banner-img-2 {
width: 9.74vw;
inset: auto auto -9% -1%;
}
.banner-img-3 {
width: 9.74vw;
left: 35px;
}
.banner-img-4 {
width: 9.74vw;
right: 43px;
}
.banner-img-5 {
width: 9.74vw;
inset: 12px -7px auto auto;
}
.banner-img-6 {
width: 9.23vw;
right: 41px;
}
.banner-img-7 {
display: none;
}
.banner-img-8 {
width: 16px;
display: block;
inset: auto auto 10px 58px;
}
.pvz-review-cont {
width: 100%;
}
.pvz-fin-item.last {
max-width: 47%;
}
.pvz-fin-img._4 {
max-width: none;
}
.pvz-fin-img._5 {
width: 140px;
}
.h2-80-46 {
font-size: 46px;
}
.pvz-fin-band-1 {
top: 2%;
left: -100%;
}
.pvz-fin-band-2 {
top: 29%;
left: -50px;
}
.pvz-band-head_mb {
z-index: 4;
width: 670px;
top: -110px;
left: 148px;
}
.pvz-manage-menu {
grid-column-gap: 23px;
justify-content: center;
}
.case-p-hww-fl {
grid-column-gap: 18px;
grid-row-gap: 32px;
text-align: left;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.pvz-before, .pvz-after {
border-radius: 4px;
min-width: 88.5vw;
height: auto;
}
.pvz_img {
border-radius: 4px;
min-width: auto;
}
.case-bg-img.portf_cloud {
width: 90%;
margin-left: auto;
margin-right: auto;
bottom: 5%;
}
.druffle-task-item, .druffle-task-wrap {
height: 53.3vw;
}
.druffle-scr-wrap.mob {
display: block;
}
.druffle-scr-wrap.dix-proc {
padding-bottom: 50px;
}
.druffle-hr-scroll--block.team-dash {
width: auto;
}
.druffle-block {
margin-top: 32px;
}
.druffle-block.diz-process {
margin-top: 0;
}
.druffle-row.orders-r {
grid-column-gap: 20px;
width: 444vw;
height: auto;
}
.druffle-row.diz-proc {
width: 100%;
}
.druffle-hr-scr-img-wrap {
border-radius: 0;
align-items: flex-start;
width: 85.3vw;
height: auto;
}
.druffle-hr-scr-img-wrap._3 {
align-items: flex-start;
width: 402.6vw;
}
.druffle-hr-block-bottom {
max-width: 320px;
}
.druffle-hr-scr-img-l {
height: 101.3vw;
min-height: 101.3vw;
max-height: 101.3vw;
}
.druffle-hr-scr-img-l._1 {
width: 85.3vw;
max-width: 85.3vw;
}
.druffe-vt-wrp {
width: 340px;
height: 240px;
margin-left: auto;
margin-right: auto;
position: static;
overflow: hidden;
}
.druffle-vt-bl {
background-color: #000;
border-width: 6px;
border-radius: 10px;
overflow: scroll;
}
.druffle-vt-img-wrap {
background-color: var(--black);
border-radius: 6px;
overflow: hidden;
}
.druffle-vt-img {
width: 100%;
}
.druffle-row_purple {
padding-right: 0;
overflow: scroll;
}
.druffle-head-img {
width: 96vw;
margin-left: -18px;
}
.druffle-hr-scr-img-wrap_mob {
grid-column-gap: 20px;
flex-direction: row;
align-items: flex-start;
margin-right: 0;
overflow: scroll;
}
.druffle-dash-mob-item {
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.druffle-dash-mob-img {
width: 159vw;
}
.druffle-dash-mob-item_bttm {
grid-row-gap: 12px;
flex-direction: column;
align-items: flex-start;
max-width: 374px;
display: flex;
}
.druffle-h4 {
letter-spacing: normal;
font-size: 24px;
line-height: 133%;
}
.ord-mob-img {
width: 85.3vw;
min-width: 85.4vw;
height: auto;
display: block;
}
.ord-mob-img._3 {
width: 170.6vw;
min-width: 170.6vw;
}
.druffle-review__span {
margin-bottom: -3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
}
.druffle-review__span._2 {
margin-top: 0;
margin-bottom: -3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
}
.druffle-team_item {
width: 175px;
}
.job-a_new {
text-align: left;
letter-spacing: -.02em;
padding: 18px 0;
font-size: 28px;
line-height: 135%;
}
.job-a_new.is-white-text {
padding-left: 15px;
padding-right: 15px;
}
.job-a_new.job-itm {
height: 100px;
}
.portfolio__menu {
height: 42px;
margin-bottom: 32px;
}
.portfolio__menu.is-media {
top: 8px;
}
.portfolio__tab-link {
z-index: 6;
opacity: 1;
width: 42px;
height: 42px;
position: absolute;
}
.portfolio__tab-link.w--current {
z-index: 5;
background-color: var(--white);
opacity: 0;
}
.portfolio__tab-link.is-media {
min-width: auto;
max-width: none;
min-height: auto;
max-height: none;
position: relative;
}
.portfolio__tab-link.is-media.w--current {
opacity: 1;
}
.portfolio__tab-link.is-media.stable {
min-width: auto;
max-width: none;
min-height: auto;
max-height: none;
position: relative;
}
.portfolio__tab-link.is-media.stable.w--current {
opacity: 1;
}
.h1-med_para.mob-show {
font-size: 46px;
}
.award-item {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: flex-start;
}
.award-tag {
height: 29px;
padding-left: 10px;
padding-right: 10px;
line-height: 80%;
}
.award-content {
max-width: 200px;
}
.txt-18.txt_grey.cc-mob-14 {
font-size: 14px;
line-height: 128%;
}
.txt-18.txt_grey.cc-mob-12 {
font-size: 12px;
line-height: 116%;
}
.txt-18.txt_grey.cc-mob-none {
display: none;
}
.txt-16 {
font-size: 14px;
line-height: 20px;
}
.avito-tasks-block {
text-align: left;
margin-bottom: -24px;
}
.text-span-2 {
white-space: normal;
}
.avito-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.avito-meta-rich-text.long.mndbx {
max-width: 220px;
}
.avito-meta-rich-text.long.avito-cmrt {
width: 132px;
max-width: 132px;
font-size: 14px;
}
.avito-meta-rich-text.case-site-link {
padding-left: 0%;
}
.avito-meta-rich-text.milab_rich {
width: 100px;
}
.avito-meta-rich-text.milab_rich._3 {
width: 190px;
}
.avito-meta-rich-text.case-site-link_milab {
padding-left: 0%;
}
.avito-meta-rich-text h3 {
margin-bottom: 5px;
font-size: 14px;
}
.avito-meta-rich-text.voice-rich {
max-width: 240px;
}
.avito-meta-rich-text.voice-rich._3 {
width: auto;
}
.avito-meta-rich-text.maroo-rich {
max-width: 240px;
}
.avito-meta-rich-text.case-site-link_best-app {
padding-left: 0%;
}
.avito-meta-rich-text.pvz-rich, .avito-meta-rich-text.pvz-rich_3 {
width: 100px;
}
.avito-meta-rich-text.avito-cmrt1 {
width: 77px;
font-size: 14px;
}
.avito-meta-rich-text.avito-cmrt2 {
width: 75px;
font-size: 14px;
}
.avito-meta-rich-text.avito-cmrt4 {
width: 118px;
font-size: 14px;
}
.avito-meta-rich-text.avito-cmrt3 {
width: 132px;
font-size: 14px;
}
.case-link-text-copy.in-res.p-24-29.m-yes.p-16-24 {
font-size: 14px;
}
.media-item {
grid-column-gap: 32px;
grid-row-gap: 32px;
padding: 24px;
}
.media-item.is-article {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.media-item.is-case {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.media-item.is-case.is-avito-baas, .media-item.is-case.is-mindbox, .media-item.is-case.is-yanx-zd, .media-item.is-case.is-strana, .media-item.is-case.is-guestlink, .media-item.is-case.is-kokoc, .media-item.is-case.is-kokoc1, .media-item.is-case.is-guestlink1, .media-item.is-case.is-avitorabota, .media-item.is-case.is-hircost {
height: auto;
}
.media-art-img {
height: 100%;
}
.media-art-img.is-desns {
width: 240px;
height: 180px;
}
.media-art-img.is-194 {
width: 210px;
height: 142px;
}
.media-art-img_wrap {
width: 100%;
height: 52vw;
}
.media-art_left-content {
max-width: 88vw;
}
.media-logo {
max-width: 110px;
max-height: 26px;
}
.media-logo.is-designers {
width: 85px;
height: 17px;
}
.media-logo.is-vc {
width: 24px;
height: auto;
}
.media-logo.is-news {
max-width: 100px;
max-height: 20px;
}
.media-logo.is-workspace {
width: 100px;
height: auto;
}
.media-logo.is-sostav {
width: 60px;
}
.media-case_image {
width: 375px;
max-width: none;
height: 242px;
}
.media-case_image.is-mndbox {
align-self: flex-end;
width: 370px;
height: auto;
margin-bottom: -40px;
margin-right: -100px;
}
.media-case_image.is-ya-zd {
width: 342px;
height: auto;
margin-bottom: -30px;
}
.media-case_image.is-strana, .media-case_image.is-kokoc, .media-case_image.is-guestlink, .media-case_image.is-avitorabota, .media-case_image.is-hircost {
align-self: flex-end;
width: 420px;
height: auto;
margin-bottom: -50px;
margin-right: -110px;
}
.menu-wrapper-form {
padding-left: 17px;
padding-right: 17px;
}
.menu-form {
min-width: 90vw;
}
.form-inner-wrapper, .form-inner-wrapper.cc-outstuff {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.custom-checkbox-label {
font-size: 14px;
}
.custom-textarea, .textfield {
height: 40px;
font-size: 20px;
}
.textfield.autstuff {
border-radius: 0;
}
.submit-bttn-wrapper {
padding-left: 21px;
padding-right: 18px;
}
.submit-bttn-wrapper:hover {
background-color: var(--almost-black);
color: #fff;
}
.submit-bttn-wrapper.rs-sm {
width: 260px;
height: 50px;
margin-top: 30px;
}
.submit-bttn-wrapper.cc-outstuff {
color: var(--almost-black);
background-color: #fff;
}
.form-fields-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.success-mes-img {
width: 190px;
margin-bottom: 15px;
}
.success-mess-text-wrapper, .success-mess-text-wrapper.mw-950 {
width: 100%;
}
.txt-28-form {
line-height: 27px;
}
.txt-28-form.txt-op-9 {
color: #333037e6;
}
.para-16-form {
font-size: 14px;
}
.custom-textarea-1 {
height: 40px;
font-size: 20px;
}
.form-blur {
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
background-color: #f8f8f8cc;
border-top: .5px solid #0003;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 120%;
height: 104px;
padding-top: 14px;
display: none;
}
.counrtydev-hero-img.mob {
width: 65%;
max-width: 270px;
}
.counrtydev-hero-img.mob.cc-100 {
width: 100%;
max-width: none;
}
.countrydev-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.countrydev-grid.is-strana {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.counrtydev-tasks-block {
text-align: left;
margin-bottom: -24px;
}
.guestlink-hero-img.mob {
width: 65%;
max-width: 270px;
}
.guestlink-hero-img.mob.cc-100 {
width: 100%;
max-width: none;
}
.counrtydev-hero-img-copy.mob {
width: 65%;
max-width: 270px;
}
.counrtydev-hero-img-copy.mob.cc-100 {
width: 100%;
max-width: none;
}
.avitorabota-hero-img.mob {
width: 65%;
max-width: 270px;
}
.avitorabota-hero-img.mob.cc-100 {
width: 100%;
max-width: none;
}
.avito-rabota-hero-img.mob {
width: 65%;
max-width: 270px;
}
.avito-rabota-hero-img.mob.cc-100 {
width: 100%;
max-width: none;
}
.hircost-hero-img.mob {
width: 65%;
max-width: 270px;
}
.hircost-hero-img.mob.cc-100 {
width: 90%;
max-width: none;
bottom: 3.9375rem;
}
.avito-rabota-hero-img-copy.mob {
width: 65%;
max-width: 270px;
}
.avito-rabota-hero-img-copy.mob.cc-100 {
width: 100%;
max-width: none;
}
.cards_item-expert {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--white);
border-radius: 15px;
padding: 20px 24px 30px 20px;
}
.item_expert-right, .item_expert-left {
width: 100%;
}
.item_expert-svg {
opacity: 100;
object-fit: contain;
width: 90px;
height: 90px;
position: static;
}
.item_expert-svg.desc {
display: none;
}
.item_expert-svg.mob {
display: block;
}
.item_expert-content {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 0;
}
.cards-expert {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.benefits-grid_item {
order: 1;
height: 156px;
padding-top: 20px;
padding-left: 20px;
padding-right: 16px;
}
.benefits-grid_item.cc-peach {
order: 4;
height: 129px;
}
.benefits-grid_item.cc-white {
order: 2;
height: 129px;
}
.benefits-grid_item.cc-beige {
order: 3;
height: 129px;
}
.benefits-grid_item.cc-smoke-pink {
order: 5;
height: 134px;
}
.subtitle-s {
font-size: 20px;
line-height: 135%;
}
.subtitle-s.mw-220 {
max-width: 220px;
}
.benefits-grid {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
flex: none;
width: 100%;
display: flex;
}
.benefits-item_icon, .benefits-item_icon.cc-big {
width: 85px;
height: 85px;
top: auto;
right: 16px;
}
.benefits-item_icon.cc-big.hide-mobile {
display: none;
}
.benefits-item_icon.cc-big.mobile {
display: block;
}
.price-list {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.card-tag {
color: #333037b3;
flex: none;
padding: 8px 10px;
font-size: 14px;
line-height: 143%;
}
.tags-wrapper {
grid-column-gap: 4px;
grid-row-gap: 4px;
}
.mw-563 {
text-align: left;
width: 100%;
}
.steps-item_card {
padding: 20px 20px 30px;
}
.steps-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.steps-item_circle {
display: none;
}
.steps-item_circle.cc-mob {
width: 32px;
height: 32px;
display: flex;
}
.steps-item_line {
display: none;
}
.hero-card {
width: 257px;
padding: 24px;
}
.hero-card.cc-rose.card-3 {
z-index: 2;
margin-top: 125px;
transform: rotate(-6deg);
}
.hero-card.cc-white.card-2 {
margin-top: 85px;
transform: rotate(-6deg);
}
.hero-card.cc-white.card-4 {
z-index: 1;
margin-top: 165px;
transform: rotate(-6deg);
}
.hero-card.card-1 {
margin-top: 45px;
transform: rotate(-6deg);
}
.hero_card-img {
width: 112px;
}
.hero-sticker {
width: 144px;
height: 144px;
bottom: -127px;
left: 119px;
}
.hero-sticker-icon {
width: 19px;
height: 23px;
top: 19px;
}
.hero-sticker-icon.cc-bottom {
width: 26px;
height: 31px;
bottom: 13px;
}
.hero-sticker_green {
z-index: 12;
grid-column-gap: 16px;
grid-row-gap: 16px;
width: 177px;
height: 80px;
top: 12px;
left: 38px;
transform: rotate(13deg);
}
.hero-sticker_avatar {
width: 69px;
height: 69px;
margin-left: 7px;
}
.sticker_avatar-icon {
width: 27px;
height: 35px;
}
.hero-row_content {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex: none;
width: 343px;
padding-top: 12px;
padding-bottom: 12px;
}
.row_content-top {
grid-column-gap: 3px;
grid-row-gap: 3px;
}
.row_top-icon {
width: 22px;
height: 41px;
}
.hero-row {
top: 80px;
bottom: auto;
left: 85px;
transform: rotate(12deg);
}
.hero-row_triangle {
width: 37px;
height: 66px;
}
.popup.cc-product {
height: 100svh;
padding: 0;
}
.popup.cc-director {
height: 100svh;
padding: 0;
display: none;
}
.popup-content {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-radius: 28px;
height: auto;
padding-left: 18px;
padding-right: 18px;
}
.h2-56.cc-mob-42 {
letter-spacing: -.0525rem;
font-size: 42px;
}
.popup-list-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
padding-top: 24px;
padding-bottom: 24px;
display: flex;
}
.popup-close {
width: 42px;
height: 42px;
}
.mob-mw-254 {
width: 254px;
}
.autstuff-hero-animation {
margin-top: 18px;
margin-left: 0;
}
.autstuff-wrapper {
position: relative;
overflow: visible;
}
.highlight-new.grey.rotatedsquare {
justify-content: center;
align-items: center;
width: 102px;
height: 102px;
margin-right: 10px;
font-size: 60px;
display: flex;
}
.highlight-new.salat.rounded {
display: inline;
}
.highlight-new.yell.mob-non-hgtd {
background-color: #0000;
}
.highlight-new.is-green, .highlight-new.is-blue {
margin-bottom: -5px;
padding-bottom: 5px;
}
.item_expert-content-1 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 0;
}
.highlight-new1.grey.rotatedsquare {
justify-content: center;
align-items: center;
width: 102px;
height: 102px;
margin-right: 10px;
font-size: 60px;
display: flex;
}
.highlight-new1.salat.rounded {
display: inline;
}
.highlight-new1.yell.mob-non-hgtd {
background-color: #0000;
}
.highlight-new1.is-green, .highlight-new1.is-blue {
margin-bottom: -5px;
padding-bottom: 5px;
}
.swiper-slide {
flex: none;
width: 247px;
height: 345.359px;
position: relative;
}
.swiper-slide._1 {
z-index: 2;
}
.swiper-slide._0 {
z-index: 0;
}
.swiper-slide._2-col-grid {
z-index: 3;
}
.swiper-slide._3 {
z-index: 2;
}
.swiper-slide._2 {
z-index: 3;
}
.swiper-1 {
width: 100%;
height: auto;
margin-bottom: 50px;
}
.filters-wrapper {
margin-bottom: -50px;
margin-left: 50px;
padding-bottom: 8px;
padding-left: 0;
padding-right: 50px;
}
.filter-bttn {
height: 42px;
font-size: .875em;
}
.tab-icon, .tab-icon.lines-icon {
width: 14px;
}
}
#w-node-d8c5c13e-1fad-256c-6a51-d470f9ca42be-2a292e00 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6b9edb45-2e50-e5a9-7c45-d12a7f91365a-2a292e00 {
grid-area: 2 / 3 / 3 / 4;
}
#w-node-_374e1d9e-dd49-204a-870e-45e760fe00f3-2a292e00 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c886250f-83e0-96b5-0a86-ae115d82d400-2a292e00, #w-node-_6e2a5a1f-4639-fc2d-a904-9ddcf0cb3509-2a292e00 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2ab391a3-c1c4-3cfa-8d05-7908b6643275-2a292e00 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_9163f1c1-d701-d062-03c4-37f04959c90d-17292e2a, #w-node-a85b950a-f066-e784-8948-aa041b0d27a5-17292e2a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7f57a823-863e-2bc3-197e-2965c72b43de-17292e2a {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c940fa8e-aec7-761a-0b74-90d54f065dbb-17292e2a {
grid-area: 1 / 1 / 4 / 2;
align-self: center;
}
#w-node-_499e636b-7830-6d0d-567c-a4b1162e5118-17292e2a {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-a755362d-85fd-3af2-7100-216baad1e228-17292e2a {
grid-area: 1 / 4 / 3 / 5;
}
#w-node-_5a695fd1-f324-fd40-0683-c0b140fec3b5-17292e2a {
grid-area: 2 / 2 / 4 / 4;
}
#w-node-_39ef0d0b-595d-35ef-1e31-0cba3403a104-17292e2a {
grid-area: 3 / 4 / 5 / 5;
}
#w-node-_74f7db65-b473-16f6-fd64-e27dfe38d47b-17292e2a {
grid-area: 4 / 1 / 5 / 4;
}
#w-node-_547a44fa-6718-df01-037c-4099515142e0-17292e2a, #w-node-_6c73c33f-785e-9ba7-a0cc-9cd186f8e00e-17292e2a {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_25f2ac1d-4b49-1812-b843-c8c076922079-a3292e2b {
align-self: start;
}
#w-node-_794e14fd-fd7a-9cf7-50fd-b83747efb311-e7292e2f, #w-node-_6c825549-d1ee-0f85-dc5e-b22547613c4d-e7292e2f, #w-node-_71c99562-1b20-beaa-7f54-3ecd43b6abb9-e7292e2f, #w-node-_71c99562-1b20-beaa-7f54-3ecd43b6abbd-e7292e2f, #w-node-_71c99562-1b20-beaa-7f54-3ecd43b6abc1-e7292e2f, #w-node-_71c99562-1b20-beaa-7f54-3ecd43b6abc4-e7292e2f, #w-node-_71c99562-1b20-beaa-7f54-3ecd43b6abc8-e7292e2f, #w-node-_71c99562-1b20-beaa-7f54-3ecd43b6abcc-e7292e2f, #w-node-ee3dde16-9e2d-d776-ac00-f1dde8fcbc72-4f292e31, #w-node-_19a63fd9-9b70-3d43-5ca8-12b15852ddc5-4f292e31, #w-node-_4f8ccc6c-4db1-80b7-f32f-202684988952-4f292e31, #w-node-_04571abd-b410-9d40-b6d9-39acf70fc6d5-4f292e31, #w-node-_04d75651-292b-5a4f-b3f2-61d1281fdd91-4d292e5f, #w-node-_8590c634-4a13-3089-b7eb-25d1b5a82c71-4d292e5f, #w-node-afaaaa18-d929-0ac3-d3c3-96594c40b1b0-4d292e5f, #w-node-a92a2fdb-794a-f54b-8379-02551427f668-4d292e5f, #w-node-_8746d2e2-544c-df48-3fe2-9298de890001-2f88ee70, #w-node-f832012e-2609-a1e5-f2a4-fb7779346d21-2f88ee70, #w-node-_4b2a8540-9ab1-e6f9-1231-ab352e53df6c-2f88ee70, #w-node-_4afa1c16-b04c-4754-0309-d98f95bd4550-2f88ee70, #w-node-_5ad9ce89-2965-9766-ab33-802d998c73e3-2f88ee70, #w-node-_5ad9ce89-2965-9766-ab33-802d998c73e7-2f88ee70, #w-node-_7bcb9ef7-a8cd-cd93-644e-edc108b52c04-2f88ee70, #w-node-_69d715ea-4c5f-7b14-14cf-20bc1a0e8f10-2f88ee70, #w-node-_986e6f91-3fe2-6121-e61a-b46685525bad-2f88ee70, #w-node-_697e0a3d-345b-194d-5661-2a383aad3fdc-2f88ee70, #w-node-dce414c7-ad39-9646-77b3-6d3b1ccd1ef3-2f88ee70, #w-node-_71b3615f-5237-6a91-a8b2-deebe84f5f0f-f1444eb8, #w-node-_1a7c6a56-05a0-81ea-6171-9463a76236ac-f1444eb8, #w-node-_5c4de9ee-6862-739a-cd6c-06588d435c9a-f1444eb8, #w-node-_44427684-a39d-80b8-a25a-65531613996d-f1444eb8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cc808883-90d9-b736-c837-1c058e8d98fe-d785214d {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_4211ee37-72e4-1aae-dcc8-5114c3b5f92f-d785214d, #w-node-_47760c99-95f2-1a97-6726-515b12580ede-d785214d, #w-node-e05cf628-f060-5506-2b7e-10075f5d8585-d785214d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b20903fa-74bf-edec-2325-bcaf9dd591e6-d785214d {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_2b23e7e1-e3b5-6e00-b750-37df822425d9-d785214d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cc808883-90d9-b736-c837-1c058e8d98fe-297ff57d {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_67388434-3448-32bb-c639-304a1a3c4ab0-297ff57d {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_2384b7a1-b346-b9cf-4296-29553ec2c9a8-297ff57d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5207b73e-c142-15d3-fc26-5a8e89e1af4b-297ff57d, #w-node-cc808883-90d9-b736-c837-1c058e8d98fe-caefe270 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_67388434-3448-32bb-c639-304a1a3c4ab0-caefe270 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_5207b73e-c142-15d3-fc26-5a8e89e1af4b-caefe270 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_817781fa-217c-df71-9132-c0174afdcdd2-caefe270 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f1632fec-dd7e-4a63-e448-fbea044f15ce-caefe270 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-cc808883-90d9-b736-c837-1c058e8d98fe-0044f455, #w-node-f2a31f2a-ef87-0543-917e-cf64e3e40c84-0044f455 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_67388434-3448-32bb-c639-304a1a3c4ab0-0044f455 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_5207b73e-c142-15d3-fc26-5a8e89e1af4b-0044f455 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_817781fa-217c-df71-9132-c0174afdcdd2-0044f455 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f1632fec-dd7e-4a63-e448-fbea044f15ce-0044f455 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f96188e6-b595-be6c-f43d-0a9b17df66c1-0044f455, #w-node-_6cee74d5-60d1-a2f5-4372-e9acdcad470f-0044f455, #w-node-_6cee74d5-60d1-a2f5-4372-e9acdcad471b-0044f455 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_6cee74d5-60d1-a2f5-4372-e9acdcad4721-0044f455 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6cee74d5-60d1-a2f5-4372-e9acdcad471e-0044f455 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cc808883-90d9-b736-c837-1c058e8d98fe-188cb7d1 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_67388434-3448-32bb-c639-304a1a3c4ab0-188cb7d1, #w-node-f1632fec-dd7e-4a63-e448-fbea044f15ce-188cb7d1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_817781fa-217c-df71-9132-c0174afdcdd2-188cb7d1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6cee74d5-60d1-a2f5-4372-e9acdcad4721-188cb7d1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6cee74d5-60d1-a2f5-4372-e9acdcad471e-188cb7d1, #w-node-fcb274e3-d40a-1c5e-063b-cc556b87ccfd-188cb7d1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2e92fe56-6224-c396-4e40-3cb4bb268a92-188cb7d1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_6cee74d5-60d1-a2f5-4372-e9acdcad470f-188cb7d1, #w-node-cc808883-90d9-b736-c837-1c058e8d98fe-0029177f {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_67388434-3448-32bb-c639-304a1a3c4ab0-0029177f {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4ca50e5e-6a97-5da2-f9e2-7acb4eefce80-0029177f, #w-node-_03d667f5-285c-51a7-bd1a-095a21ded24c-0029177f {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-f1632fec-dd7e-4a63-e448-fbea044f15ce-0029177f {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_817781fa-217c-df71-9132-c0174afdcdd2-0029177f, #w-node-bd13ef23-6944-5e13-400f-9f63075f3f97-0029177f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f2a57b4a-563d-0d60-7a55-a9a10d4655d7-0029177f {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-b4146f5c-6160-03e9-f201-c3eaf2f27cbf-4aff3432 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
@media screen and (min-width: 1280px) {
#w-node-e5a5678f-7ba7-8df9-e17c-438ccd78ec5e-2a292e00, #w-node-d0905a18-49f0-26a9-a421-8712fe0988ba-2a292e00, #w-node-_9b217359-1ab4-cd6a-2797-bacdf1476649-2a292e00, #w-node-d65c2890-5a3c-d207-c045-174f8666a0b3-2a292e00, #w-node-_71693f2e-f5da-6a5a-909c-9c3c9f145211-2a292e00, #w-node-cde36dc7-6aa4-6e05-d40d-f8cbf73c2705-2a292e00, #w-node-e16399a6-31b8-d7b3-8cfd-79545dfd71d6-2a292e00, #w-node-f6f0d559-faa9-0f58-ae09-578e94281d69-2a292e00, #w-node-e60b730c-7e48-84b7-4728-572622a3b06d-2a292e00, #w-node-_07758fb0-65a2-76d3-f34b-0f4582a54fa1-2a292e00, #w-node-_19b43bf2-f962-ab8e-7af7-541fa4da6f00-2a292e00, #w-node-afe2f972-6183-2dd4-86f8-7584bb0294b9-2a292e00 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 991px) {
#w-node-_9163f1c1-d701-d062-03c4-37f04959c90d-17292e2a, #w-node-a85b950a-f066-e784-8948-aa041b0d27a5-17292e2a {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_71c99562-1b20-beaa-7f54-3ecd43b6abd0-e7292e2f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_04517009-763e-ff72-2d9f-082118622903-b1292e5d {
grid-area: 3 / 1 / 4 / 5;
}
}
@media screen and (max-width: 767px) {
#w-node-_0a336f20-b7d3-cfed-920c-11f85801cc46-94292db9, #w-node-_1fa43cc4-ab03-37b4-d64f-ae8d6baa5fb0-94292db9 {
order: 9999;
}
#w-node-_25f2ac1d-4b49-1812-b843-c8c076922079-a3292e2b, #w-node-e2656a96-fbad-0b41-d503-9e77cd527d6f-9e292e2d, #w-node-_71bd8a28-91c0-5ec0-6ff2-8c77b32d2b06-9e292e2d {
order: -9999;
}
#w-node-c71adbed-4319-69fa-392a-1f52428db921-b1292e5d {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_94a2a21a-2604-a178-0f32-57883c2eff11-b1292e5d {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_60517c41-71e5-09be-acf6-89671715b5db-b1292e5d {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_40c04fc8-6f8c-f542-2def-3a06d9a4b168-b1292e5d {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_4fa4ad53-3f14-7ed1-013a-5f5392203016-b1292e5d {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_253d6979-fada-126b-b7d5-5ec1a01fbcf6-b1292e5d {
grid-area: 4 / 2 / 5 / 3;
}
#w-node-_04517009-763e-ff72-2d9f-082118622903-b1292e5d {
grid-row: 5 / 6;
grid-column-end: 3;
}
#w-node-_4afa1c16-b04c-4754-0309-d98f95bd4550-2f88ee70 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cc808883-90d9-b736-c837-1c058e8d98fe-d785214d {
grid-column: span 2 / span 2;
}
#w-node-_4211ee37-72e4-1aae-dcc8-5114c3b5f92f-d785214d {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_2b23e7e1-e3b5-6e00-b750-37df822425d9-d785214d {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-cc808883-90d9-b736-c837-1c058e8d98fe-297ff57d, #w-node-_67388434-3448-32bb-c639-304a1a3c4ab0-297ff57d, #w-node-_2384b7a1-b346-b9cf-4296-29553ec2c9a8-297ff57d, #w-node-_5207b73e-c142-15d3-fc26-5a8e89e1af4b-297ff57d, #w-node-cc808883-90d9-b736-c837-1c058e8d98fe-caefe270, #w-node-_67388434-3448-32bb-c639-304a1a3c4ab0-caefe270, #w-node-_5207b73e-c142-15d3-fc26-5a8e89e1af4b-caefe270, #w-node-_817781fa-217c-df71-9132-c0174afdcdd2-caefe270, #w-node-f1632fec-dd7e-4a63-e448-fbea044f15ce-caefe270, #w-node-cc808883-90d9-b736-c837-1c058e8d98fe-0044f455, #w-node-f2a31f2a-ef87-0543-917e-cf64e3e40c84-0044f455, #w-node-_67388434-3448-32bb-c639-304a1a3c4ab0-0044f455, #w-node-_5207b73e-c142-15d3-fc26-5a8e89e1af4b-0044f455, #w-node-_817781fa-217c-df71-9132-c0174afdcdd2-0044f455, #w-node-f1632fec-dd7e-4a63-e448-fbea044f15ce-0044f455, #w-node-f96188e6-b595-be6c-f43d-0a9b17df66c1-0044f455, #w-node-_6cee74d5-60d1-a2f5-4372-e9acdcad470f-0044f455, #w-node-_6cee74d5-60d1-a2f5-4372-e9acdcad471b-0044f455, #w-node-_6cee74d5-60d1-a2f5-4372-e9acdcad4721-0044f455, #w-node-_6cee74d5-60d1-a2f5-4372-e9acdcad471e-0044f455, #w-node-cc808883-90d9-b736-c837-1c058e8d98fe-188cb7d1, #w-node-_67388434-3448-32bb-c639-304a1a3c4ab0-188cb7d1, #w-node-f1632fec-dd7e-4a63-e448-fbea044f15ce-188cb7d1, #w-node-_817781fa-217c-df71-9132-c0174afdcdd2-188cb7d1, #w-node-_6cee74d5-60d1-a2f5-4372-e9acdcad4721-188cb7d1, #w-node-_6cee74d5-60d1-a2f5-4372-e9acdcad471e-188cb7d1, #w-node-fcb274e3-d40a-1c5e-063b-cc556b87ccfd-188cb7d1, #w-node-_2e92fe56-6224-c396-4e40-3cb4bb268a92-188cb7d1, #w-node-_6cee74d5-60d1-a2f5-4372-e9acdcad470f-188cb7d1, #w-node-cc808883-90d9-b736-c837-1c058e8d98fe-0029177f, #w-node-_67388434-3448-32bb-c639-304a1a3c4ab0-0029177f, #w-node-_4ca50e5e-6a97-5da2-f9e2-7acb4eefce80-0029177f, #w-node-_03d667f5-285c-51a7-bd1a-095a21ded24c-0029177f, #w-node-f1632fec-dd7e-4a63-e448-fbea044f15ce-0029177f, #w-node-_817781fa-217c-df71-9132-c0174afdcdd2-0029177f, #w-node-bd13ef23-6944-5e13-400f-9f63075f3f97-0029177f, #w-node-f2a57b4a-563d-0d60-7a55-a9a10d4655d7-0029177f {
grid-column: span 2 / span 2;
}
}
@media screen and (max-width: 479px) {
#w-node-_1cfd6a27-fc0f-d5f5-9f82-09589339ecd3-c7292dfb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_28fe6e73-3ab7-d2e4-0dcc-5242380993ca-2a292e00 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_8e494fa1-7156-1101-d819-696db89ecc46-2a292e00 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-d8c5c13e-1fad-256c-6a51-d470f9ca42be-2a292e00 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_6b9edb45-2e50-e5a9-7c45-d12a7f91365a-2a292e00 {
grid-area: 5 / 1 / 6 / 2;
}
#w-node-_2ab391a3-c1c4-3cfa-8d05-7908b6643275-2a292e00 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8f485061-f51a-eb9a-9104-55e53e636fa0-97292e28 {
grid-area: Area-3;
}
#w-node-_624852e3-5426-1b6a-a013-d7213d075175-4d292e5f, #w-node-c5cf6592-c00d-8d53-0441-1c39d46c4de4-4d292e5f, #w-node-_31c88095-06a1-12b9-ac47-8cfcfaa59a28-4d292e5f, #w-node-e9d36d5e-615c-724b-dc65-67f3586d57b3-4d292e5f, #w-node-adca3b44-b0cd-3763-7df4-2cf5dbbd14a1-4d292e5f, #w-node-_5722d692-b0a3-9c2f-6378-38b91a0d9699-4d292e5f, #w-node-_154999ba-0848-1fcc-13cc-53e91cd1d314-4d292e5f, #w-node-_0588e4d4-8cbc-1436-bd64-1de1f0525b54-4d292e5f, #w-node-_637ec29a-8242-883f-8922-76b8038d9b8d-4d292e5f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_16393f22-512a-c02d-8fbf-cca763c7aa40-4d292e5f {
grid-area: Area;
}
#w-node-_9494be8f-f8a8-f9fa-e754-0bac19817006-4d292e5f {
grid-area: Area-2;
}
#w-node-fa0bf3b5-556c-6072-7450-df04bdf4353e-4d292e5f {
grid-area: Area-3;
}
#w-node-_69426c9e-b419-654a-be35-20e757c6a265-4d292e5f {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_127ceb1d-ce97-d76f-9190-493d491e4e99-4d292e5f {
grid-area: Area-5;
align-self: start;
}
#w-node-f67747fc-3fad-3f1b-94b3-d8d6d527f0c1-4d292e5f {
grid-area: Area-6;
align-self: auto;
}
#w-node-_1d359402-0022-8209-5499-c077895ffbf7-4d292e5f, #w-node-_116f5586-6467-5943-be31-5b78d316955c-29caccf9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5207b73e-c142-15d3-fc26-5a8e89e1af4b-caefe270 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_817781fa-217c-df71-9132-c0174afdcdd2-caefe270 {
grid-area: 4 / 2 / 5 / 3;
}
#w-node-_2384b7a1-b346-b9cf-4296-29553ec2c9a8-0044f455 {
grid-area: 5 / 1 / 6 / 2;
}
#w-node-_5207b73e-c142-15d3-fc26-5a8e89e1af4b-0044f455 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_817781fa-217c-df71-9132-c0174afdcdd2-0044f455 {
grid-area: 5 / 2 / 6 / 3;
}
#w-node-_6cee74d5-60d1-a2f5-4372-e9acdcad471b-0044f455 {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_6cee74d5-60d1-a2f5-4372-e9acdcad471e-0044f455 {
grid-area: 4 / 2 / 5 / 3;
}
#w-node-_2384b7a1-b346-b9cf-4296-29553ec2c9a8-188cb7d1 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-f1632fec-dd7e-4a63-e448-fbea044f15ce-188cb7d1 {
grid-area: 4 / 1 / 5 / 3;
}
#w-node-_817781fa-217c-df71-9132-c0174afdcdd2-188cb7d1 {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-_6cee74d5-60d1-a2f5-4372-e9acdcad471e-188cb7d1, #w-node-fcb274e3-d40a-1c5e-063b-cc556b87ccfd-188cb7d1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2384b7a1-b346-b9cf-4296-29553ec2c9a8-0029177f {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-_4ca50e5e-6a97-5da2-f9e2-7acb4eefce80-0029177f {
grid-area: 6 / 1 / 7 / 2;
}
#w-node-_03d667f5-285c-51a7-bd1a-095a21ded24c-0029177f {
grid-area: 6 / 2 / 7 / 3;
}
#w-node-f1632fec-dd7e-4a63-e448-fbea044f15ce-0029177f {
grid-area: 4 / 1 / 5 / 3;
}
#w-node-_817781fa-217c-df71-9132-c0174afdcdd2-0029177f {
grid-area: 3 / 2 / 4 / 3;
}
#w-node-bd13ef23-6944-5e13-400f-9f63075f3f97-0029177f {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-f2a57b4a-563d-0d60-7a55-a9a10d4655d7-0029177f {
grid-area: 1 / 1 / 2 / 3;
}
}