html {
-ms-text-size-adjust: 100%;
-webkit-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: rgba(0, 0, 0, 0);
}
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;
}
figure {
margin: 1em 40px;
}
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;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em;
}
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 {
min-height: 100%;
color: #333;
background-color: #fff;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
max-width: 100%;
vertical-align: middle;
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: rgba(0, 0, 0, 0) !important;
}
.w-webflow-badge, .w-webflow-badge * {
z-index: auto;
visibility: visible;
box-sizing: border-box;
width: auto;
height: auto;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
float: none;
clear: none;
box-shadow: none;
opacity: 1;
direction: ltr;
font-family: inherit;
font-weight: inherit;
color: inherit;
font-size: inherit;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
text-align: inherit;
letter-spacing: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
text-indent: 0;
text-transform: inherit;
text-shadow: none;
font-smoothing: auto;
vertical-align: baseline;
cursor: inherit;
white-space: inherit;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
background: none;
border: 0 rgba(0, 0, 0, 0);
border-radius: 0;
margin: 0;
padding: 0;
list-style-type: disc;
transition: none;
display: block;
position: static;
top: auto;
bottom: auto;
left: auto;
right: auto;
overflow: visible;
transform: none;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .1);
visibility: visible !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
opacity: 1 !important;
width: auto !important;
height: auto !important;
background-color: #fff !important;
border-radius: 3px !important;
margin: 0 !important;
padding: 6px 8px 6px 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
top: auto !important;
bottom: 12px !important;
left: auto !important;
right: 12px !important;
overflow: visible !important;
transform: none !important;
}
.w-webflow-badge > img {
visibility: visible !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 {
width: 100%;
height: 100%;
border: none;
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 {
width: 100%;
height: 38px;
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input:-moz-placeholder, .w-select:-moz-placeholder {
color: #999;
}
.w-input::-moz-placeholder, .w-select::-moz-placeholder {
color: #999;
opacity: 1;
}
.w-input::-webkit-input-placeholder, .w-select::-webkit-input-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 {
width: .1px;
height: .1px;
opacity: 0;
z-index: -100;
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 {
width: auto;
height: auto;
cursor: pointer;
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;
width: 28px;
height: 20px;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
-ms-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: " ";
height: 0;
width: 0;
pointer-events: none;
border: solid rgba(0, 0, 0, 0);
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
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: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
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: " ";
height: 0;
width: 0;
pointer-events: none;
border: solid rgba(0, 0, 0, 0);
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
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 {
height: 500px;
color: #fff;
position: relative;
overflow: hidden;
}
.w-background-video > video {
width: 100%;
height: 100%;
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
margin: auto;
position: absolute;
top: -100%;
bottom: -100%;
left: -100%;
right: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: rgba(0, 0, 0, 0);
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
height: 300px;
text-align: center;
clear: both;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
background: #ddd;
position: relative;
}
.w-slider-mask {
z-index: 1;
height: 100%;
white-space: nowrap;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
width: 100%;
height: 100%;
white-space: normal;
text-align: left;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
height: 40px;
text-align: center;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
margin: auto;
padding-top: 10px;
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
width: auto;
height: auto;
font-size: inherit;
line-height: inherit;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px rgba(51, 51, 51, .4);
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: rgba(34, 34, 34, .4);
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
width: 1em;
height: 1em;
cursor: pointer;
background-color: rgba(255, 255, 255, .4);
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 {
width: 80px;
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
margin: auto;
font-size: 40px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 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;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
border: 0;
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;
-ms-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 {
min-width: 100%;
background: #ddd;
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: rgba(0, 0, 0, .9);
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;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
height: 100%;
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
width: 100vw;
height: 100vh;
opacity: 0;
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;
height: auto;
max-width: none;
}
.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: rgba(0, 0, 0, .4);
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.w-lightbox-control {
width: 4em;
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
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 {
height: 2.6em;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow-x: auto;
overflow-y: hidden;
}
.w-lightbox-item {
width: 10vh;
box-sizing: content-box;
cursor: pointer;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
height: 10vh;
background: #222;
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;
width: 40px;
height: 40px;
border: 5px solid rgba(0, 0, 0, .4);
border-radius: 50%;
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 rgba(0, 0, 0, 0);
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
top: -4px;
bottom: -4px;
left: -4px;
right: -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;
top: 0;
bottom: 0;
left: 0;
right: 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: rgba(0, 0, 0, 0);
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 {
width: 100%;
max-width: 100%;
text-align: center;
clear: both;
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;
min-width: 200px;
background: #c8c8c8;
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: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-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;
}
.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-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.w-pagination-previous {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-previous-icon {
margin-right: 4px;
}
.w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-next-icon {
margin-left: 4px;
}
body {
color: #333;
padding-top: 80px;
font-family: Montserrat, sans-serif;
font-size: 15px;
line-height: 22px;
}
h1 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 2.5rem;
font-weight: 700;
line-height: 140%;
}
h2 {
margin-top: 0;
margin-bottom: 20px;
font-size: 32px;
font-weight: 700;
line-height: 48px;
}
h3 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 26px;
font-weight: 700;
line-height: 125%;
}
h4 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 20px;
font-weight: 600;
line-height: 140%;
}
h5 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
h6 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
font-weight: 600;
line-height: 18px;
}
p {
color: #404547;
margin-bottom: 10px;
font-size: 1rem;
line-height: 160%;
}
a {
width: 100%;
color: #404547;
text-decoration: underline;
}
ul {
margin-top: 0;
margin-bottom: 20px;
padding-left: 20px;
font-size: 1rem;
font-weight: 500;
list-style-type: disc;
}
ol {
margin-top: 0;
margin-bottom: 20px;
padding-left: 35px;
font-weight: 500;
}
li {
color: #404547;
margin-bottom: 10px;
padding-left: 4px;
line-height: 160%;
}
img {
max-width: 100%;
display: block;
}
blockquote {
color: #404547;
background-color: #f6f6f6;
border: 1px #1791f2;
margin-top: 60px;
margin-bottom: 60px;
padding: 36px;
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: 150%;
}
figure {
margin-bottom: 10px;
}
figcaption {
color: #7d8990;
text-align: center;
margin-top: 5px;
margin-bottom: 20px;
font-size: 1rem;
font-weight: 500;
}
.sticky-header {
z-index: 100;
width: 100%;
background-color: #fff;
display: none;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.sticky-header.sticky-header_transparent {
height: 100px;
background-color: rgba(0, 0, 0, 0);
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
position: -webkit-sticky;
position: sticky;
}
.sticky-header__logo {
width: auto;
max-width: 140px;
flex: 0 auto;
padding-bottom: 0;
padding-left: 0;
}
.sticky-header__logo.w--current {
margin-left: 42px;
margin-right: 42px;
padding-bottom: 5px;
}
.sticky-header__logo-img {
max-width: 140px;
margin-left: 29px;
margin-right: 29px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.sticky-header__menu.menu {
align-items: center;
display: flex;
position: relative;
}
.menu__item {
opacity: 1;
margin-left: 15px;
margin-right: 15px;
padding: 5px;
font-size: 1rem;
line-height: 1.38rem;
transition: color .2s;
display: block;
overflow: visible;
}
.menu__item:hover {
color: #1791f2;
}
.menu__item.w--current {
display: block;
}
.menu__item.menu__item_last, .menu__item.menu__item_last-child {
margin-right: 0;
}
.menu__item.menu__item_white {
color: #fff;
}
.page-container {
z-index: 10;
height: auto;
max-width: 1200px;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: center;
margin: 0 auto;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
overflow: visible;
}
.page-container.sticky-header__container {
flex-direction: row;
justify-content: space-between;
align-items: center;
display: block;
}
.page-container.initial__inner {
flex: 1;
align-items: center;
display: flex;
}
.page-container.c-hero__content {
width: 100%;
flex: 1;
justify-content: flex-start;
align-items: center;
display: flex;
}
.page-container.awards {
padding-top: 80px;
padding-bottom: 80px;
}
.page-container.awards_container {
padding-top: 0;
padding-bottom: 0;
top: 0;
}
.page-container.page-container_left-clm {
padding-left: 0;
padding-right: 10px;
}
.page-container._1200 {
max-width: 1200px;
padding-left: 0;
padding-right: 0;
}
.body {
color: #333;
padding-top: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 22px;
}
.sticky-header__inner {
z-index: 3;
width: 100%;
height: 80px;
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.hero {
background-image: linear-gradient(#fff 9%, #c4e5ff), linear-gradient(#fff 10%, #ecf5ff);
background-position: 0 0, 0 0;
background-repeat: repeat, repeat;
background-size: auto, auto;
padding-top: 0;
display: block;
position: relative;
}
.hero__inner {
z-index: 1;
min-height: 100vh;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-top: 80px;
padding-bottom: 0;
display: flex;
position: relative;
}
.hero__inner.hire__inner-angular {
flex-direction: row;
justify-content: space-between;
align-items: center;
position: relative;
}
.lead-box {
width: 45%;
flex-direction: column;
padding-right: 70px;
display: flex;
}
.lead-box.hero__lead-box {
width: 50%;
flex: 0 auto;
justify-content: center;
align-items: stretch;
padding-bottom: 46px;
padding-right: 0;
}
.lead-box.hero__lead-box.lead-box {
padding-right: 50px;
}
.lead-box__title {
max-width: 100%;
color: #333;
margin-top: 0;
margin-bottom: 30px;
font-size: 2.5rem;
line-height: 60px;
}
.lead-box__title.influence__title {
max-width: 100%;
color: #333;
font-weight: 600;
}
.lead-box__title.c-lead-box__title {
max-width: 100%;
}
.section-subtitle {
margin-top: 0;
margin-bottom: 0;
font-size: 1.13rem;
font-weight: 400;
line-height: 1.62rem;
}
.section-subtitle.lead-box__subtitle {
color: #2b2b2b;
text-transform: none;
margin-bottom: 40px;
font-size: 1rem;
line-height: 22px;
transform: translate(0);
}
.section-subtitle.lead-box__subtitle.c-lead-box__subtitle {
max-width: 100%;
}
.section-subtitle.lead-box__subtitle.lead-box__subtitle_500 {
width: 500px;
}
.section-subtitle.solution__subtitle {
text-align: center;
margin-bottom: 50px;
}
.action-button {
width: 100%;
height: 50px;
text-align: center;
text-transform: uppercase;
cursor: pointer;
background-color: #1791f2;
border-radius: 5px;
justify-content: center;
align-self: flex-start;
align-items: center;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-left: 25px;
padding-right: 25px;
font-size: .875rem;
font-weight: 600;
line-height: 1.375rem;
transition: all .2s linear;
display: flex;
box-shadow: 1px 1px 9px rgba(23, 145, 242, .25);
}
.action-button:hover {
box-shadow: none;
background-color: #0064b4;
}
.action-button.action-button_black {
width: auto;
background-color: #333;
display: flex;
box-shadow: 1px 1px 9px rgba(0, 0, 0, .1);
}
.action-button.action-button_black:hover {
box-shadow: none;
background-color: #111;
}
.action-button.action-button_black.career__apply-position {
display: none;
}
.action-button.action-button_black.videos__subcribe-btn {
background-color: #c00;
align-self: flex-start;
}
.action-button.action-button_black.videos__subcribe-btn:hover {
background-color: #851616;
}
.action-button.action-button_black.lead-box__btn {
padding-left: 18px;
padding-right: 18px;
}
.action-button.contact-form__send-btn {
width: 170px;
margin-left: 15px;
}
.action-button.contact-form__cancel-btn {
width: 160px;
}
.action-button.action-button__white {
color: #333;
background-color: #fcfcfc;
border: 1px solid #e7e7e7;
box-shadow: 1px 1px 9px rgba(0, 0, 0, .07);
}
.action-button.action-button__white:hover {
box-shadow: none;
background-color: #f0f0f0;
}
.action-button.action-button__white.contact-form__cancel-btn {
width: 170px;
}
.action-button.form-success__ok-btn {
width: 180px;
}
.action-button.lead-box__request-btn {
width: auto;
height: 50px;
max-width: none;
text-transform: uppercase;
flex-flow: row;
flex: 0 auto;
align-content: flex-start;
justify-content: center;
align-self: flex-start;
align-items: center;
margin-right: 10px;
padding-bottom: 9px;
font-size: .875rem;
font-weight: 600;
line-height: 1.375em;
text-decoration: none;
display: flex;
position: static;
}
.action-button.lead-box__request-btn.lead-box__btn {
min-width: 200px;
text-transform: none;
position: relative;
}
.action-button.lead-box__request-btn.angular-developers__btn {
z-index: 3;
width: 200px;
text-transform: none;
margin-left: auto;
margin-right: auto;
position: absolute;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.action-button.lead-box__request-btn.teams__button {
text-transform: none;
}
.action-button.lead-box__request-btn.teams__button_white {
color: #1791f2;
text-transform: none;
background-color: #fff;
border: 1px solid #1791f2;
}
.action-button.lead-box__request-btn.teams__button_white.teams__button-white-show {
display: none;
}
.action-button.lead-box__request-btn.lead-box__btn-dark {
text-transform: none;
background-color: #333;
}
.action-button.position__apply {
flex: 0 0 220px;
}
.action-button.subscribe-youtube-btn {
box-shadow: none;
color: #c00;
background-color: #fff;
border: 1px solid rgba(204, 0, 0, .5);
align-self: flex-end;
}
.action-button.subscribe-youtube-btn:hover {
color: #960b0b;
border-color: rgba(150, 11, 11, .3);
}
.action-button.action-button__blue-border {
width: auto;
box-shadow: none;
color: #1791f2;
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(23, 145, 242, .5);
}
.action-button.action-button__blue-border:hover {
color: #fff;
background-color: #1791f2;
border-color: #1b598a;
}
.action-button.action-button__blue-border.sticky-header__action-btn {
width: 160px;
flex-direction: row;
align-self: auto;
margin-left: 20px;
padding-left: 30px;
padding-right: 30px;
}
.action-button.action-button__blue-border.sticky-header__action-btn:hover {
color: #fff;
background-color: #1791f2;
border-color: #1791f2;
}
.action-button.action-button__blue-border.sticky-header__action-btn.sticky-header__action-btn_white {
color: #fff;
}
.action-button.action-button__blue-border.sticky-header__action-btn.sticky-header__action-btn_white:hover {
color: #333;
background-color: #fff;
border-color: #fff;
}
.action-button.action-button__blue-border.sticky-header__action-btn.sticky-header__action-btn_hide-opened {
display: none;
}
.action-button.action-button__blue-border.sticky-header__action-btn.quick-header {
color: #fff;
text-transform: uppercase;
background-color: #1791f2;
}
.action-button.action-button__blue-border.sticky-header__action-btn.filled-btn {
color: #fff;
background-color: #1791f2;
}
.action-button.action-button__blue-border.c-site-menu__call-button {
width: 160px;
align-self: auto;
align-items: center;
margin-left: 15px;
}
.action-button.action-button__blue-border.team-list__show-team-btn {
width: 200px;
margin-left: 5px;
}
.action-button.action-button__blue-border.hero-button {
margin-right: 0;
}
.action-button.action-button__blue-border.team-button {
flex: 1;
margin-right: 10px;
}
.action-button.action-button__blue-border.team-button.low-priority {
color: #000;
border-color: #f2f2f2;
}
.action-button.action-button__white-border {
width: 160px;
box-shadow: none;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
margin-left: 15px;
padding-left: 30px;
padding-right: 30px;
}
.action-button.action-button__white-border.sticky-header__action-btn.sticky-header__action-btn_white {
align-self: center;
margin-left: 20px;
}
.action-button.action-button__white-border.sticky-header__action-btn.sticky-header__action-btn_white:hover {
color: #333;
background-color: #fff;
}
.action-button.action-button-center {
margin-left: auto;
margin-right: auto;
}
.action-button.estimate-form__submit-btn {
width: 100%;
text-transform: capitalize;
display: none;
}
.action-button.estimate-form__next-step-btn {
width: 100%;
text-transform: none;
margin-left: 0;
}
.action-button.estimate-succes__close-btn {
text-transform: none;
flex-direction: row;
align-self: center;
display: flex;
}
.action-button.test-btn {
margin-left: auto;
margin-right: auto;
}
.action-button.estimation-popup__open-btn {
margin-top: 60px;
margin-left: auto;
margin-right: auto;
}
.action-button.lead-box__btn {
width: auto;
flex: 0 auto;
margin-right: 10px;
}
.action-button.team-list__hire-btn {
width: 200px;
margin-right: 5px;
}
.action-button.action-button__blue-border {
width: auto;
box-shadow: none;
color: #1791f2;
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(23, 145, 242, .5);
}
.action-button.action-button__blue-border:hover {
color: #fff;
background-color: #1791f2;
border-color: #1b598a;
}
.action-button.action-button__blue-border.sticky-header__action-btn {
width: 160px;
flex-direction: row;
align-self: auto;
margin-left: 20px;
padding-left: 30px;
padding-right: 30px;
}
.action-button.action-button__blue-border.sticky-header__action-btn:hover {
color: #fff;
background-color: #1791f2;
border-color: #1791f2;
}
.action-button.action-button__blue-border {
width: auto;
box-shadow: none;
color: #1791f2;
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(23, 145, 242, .5);
}
.action-button.action-button__blue-border:hover {
color: #fff;
background-color: #1791f2;
border-color: #1b598a;
}
.action-button.action-button__blue-border.hero-button {
margin-right: 10px;
}
.action-button.action-button__blue-border.hero-button.case-btn {
width: 275px;
color: #fff;
border-color: rgba(255, 255, 255, .5);
}
.action-button.form-section-btn {
width: 100%;
border-radius: 8px;
}
.lead-box__title-word_blue {
color: #1791f2;
}
.section {
padding-top: 169px;
padding-bottom: 169px;
}
.hero__container {
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/5d9b0ba5574a7d0a942f6133_hero__bottom-bg.svg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100%;
}
.hero__bottom-line {
width: 100%;
}
.hero__birds-img {
z-index: 0;
display: none;
position: absolute;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
transform: rotate(0);
}
.hero__birds-img.initial__birds-img {
bottom: 100px;
}
.hero__birds-img.hero__birds-img_career {
width: 50%;
bottom: 71px;
right: 20px;
}
.partners {
padding-top: 100px;
padding-bottom: 100px;
display: none;
}
.section-title {
width: 100%;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 2.5rem;
font-weight: 600;
line-height: 3rem;
}
.section-title.partners__title {
margin-top: 0;
margin-bottom: 90px;
font-weight: 600;
}
.section-title.about__title {
text-align: left;
margin-bottom: 90px;
}
.section-title.process__title {
width: 100%;
text-align: center;
margin-bottom: 80px;
}
.section-title.difference__title {
text-align: center;
margin-bottom: 90px;
}
.section-title.solution__title {
text-align: center;
margin-bottom: 50px;
}
.section-title.description__title {
margin-bottom: 70px;
}
.section-title.rules-articles__section-title {
border-bottom: 1px solid #eee;
margin-top: 90px;
margin-bottom: 90px;
padding-bottom: 90px;
}
.section-title.questions__title {
text-align: left;
margin-bottom: 100px;
}
.section-title.values__title {
margin-bottom: 80px;
}
.section-title.features__title {
text-align: left;
margin-bottom: 80px;
}
.section-title.idea__title {
padding-top: 40px;
padding-bottom: 40px;
}
.section-title.job-steps__title {
text-align: center;
margin-bottom: 80px;
}
.section-title.positiions__title {
margin-bottom: 40px;
}
.section-title.videos__title {
width: auto;
margin-bottom: 0;
margin-right: 40px;
}
.section-title.team-video__title {
text-align: left;
margin-bottom: 20px;
}
.section-title.techs__block-title {
margin-bottom: 100px;
}
.section-title.awards__section-name, .section-title.clients__section-name {
margin-bottom: 90px;
}
.section-title.working-flow__title, .section-title.c-reviews__title, .section-title.teams__title, .section-title.different-angular__title {
margin-bottom: 100px;
}
.section-title.compare__block-title {
margin-bottom: 89px;
}
.partners__list.partners-list {
justify-content: space-between;
align-items: center;
display: flex;
}
.partners-list__item {
max-height: 45px;
max-width: 12%;
justify-content: center;
align-items: center;
display: flex;
}
.partners-list__item-img {
max-height: 100%;
display: block;
}
.about {
background-color: #f9fafd;
padding-top: 120px;
padding-bottom: 70px;
}
.about__content {
justify-content: space-between;
display: flex;
}
.about__article {
width: 45%;
}
.about-article__image {
width: 100%;
max-width: 500px;
margin-bottom: 50px;
}
.heading {
margin-top: 0;
}
.article-title {
margin-top: 0;
margin-bottom: 0;
font-size: 1.75rem;
font-weight: 600;
line-height: 1.88rem;
}
.article-title.about-article__title {
max-width: 550px;
margin-bottom: 50px;
}
.article-title.process-article__title {
margin-bottom: 30px;
}
.article-title.rules-articles__block-title {
margin-bottom: 35px;
}
.article-title.values__name {
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
font-size: 1.6rem;
}
.article-title.features__title {
color: #333;
padding-top: 20px;
padding-bottom: 20px;
}
.article-title.idea__title {
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 40px;
}
.article-title.scheme-item__number {
color: #1791f2;
margin-right: 10px;
}
.article-title.scheme-item__number.scheme-item__number_1st {
font-size: 19px;
}
.article-title.scheme-item__number.scheme-item__number_2nd {
opacity: 1;
color: #45a7f5;
font-size: 19px;
}
.article-title.scheme-item__number.scheme-item__number_3rd {
color: #74bdf7;
font-size: 19px;
}
.article-title.scheme-item__number.scheme-item__number_4th {
color: #a2d3fa;
font-size: 19px;
}
.article-title.scheme-item__title {
color: #404547;
font-size: 19px;
}
.article-title.positiion-item__title {
margin-bottom: 30px;
}
.article-paragraph {
margin-bottom: 0;
font-size: 1rem;
line-height: 1.6rem;
}
.article-paragraph.about-article__paragraph {
max-width: 550px;
}
.article-paragraph.rules-articles__paragraph {
margin-bottom: 20px;
}
.article-paragraph.features__description, .article-paragraph.idea__description {
line-height: 150%;
}
.article-paragraph.scheme-item__description {
color: #404547;
font-weight: 400;
line-height: 150%;
}
.process {
background-color: #fff;
padding-top: 120px;
padding-bottom: 120px;
}
.process__inner {
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 70px;
display: flex;
}
.process__image-wrapper {
width: 50%;
max-width: 50%;
}
.process__article.process-article {
flex: 1;
margin-left: 70px;
}
.process-article__item {
max-width: 500px;
margin-bottom: 50px;
}
.process-article__item.process-article__item_last-child {
margin-bottom: 0;
}
.difference {
background-color: #f9fafd;
padding-top: 80px;
padding-bottom: 80px;
display: block;
}
.difference__table.difference-table {
max-width: 928px;
background-color: rgba(0, 0, 0, 0);
border: .5px #e1e1e1;
border-radius: 5px;
}
.solution {
background-color: #fff;
padding-top: 120px;
padding-bottom: 120px;
}
.solution__articles {
justify-content: space-between;
display: flex;
}
.article-item.solution-article {
width: 30%;
}
.article-item.about__article-item {
width: 45%;
}
.article-item.idea__item {
width: 47%;
}
.article-item__image {
margin-bottom: 40px;
}
.article-item__image.about__article-image {
margin-bottom: 50px;
}
.article-item__image.solution-article__image {
width: auto;
height: 219px;
margin-bottom: 0;
display: block;
}
.article-item__image.idea__image {
max-height: 300px;
max-width: none;
margin-bottom: 20px;
}
.article-item__title.article-title {
margin-bottom: 30px;
}
.article-item__title.article-title.about__article-paragraph {
max-width: 550px;
}
.article-item__title.article-title.about__article-title {
margin-bottom: 35px;
font-weight: 600;
line-height: 2.2rem;
}
.about__articles {
justify-content: space-between;
display: flex;
}
.solution-article__image-wrapper {
height: 250px;
align-items: flex-end;
margin-bottom: 40px;
display: block;
}
.influence {
background-color: #fff;
padding-top: 100px;
padding-bottom: 100px;
}
.influence__inner {
min-height: auto;
background-image: none;
background-repeat: repeat;
background-size: auto;
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.page-footer {
background-color: #333;
padding-top: 30px;
padding-bottom: 30px;
}
.page-footer__inner {
justify-content: space-between;
align-items: center;
display: flex;
}
.page-footer__logo {
max-width: 145px;
}
.page-footer__social-links.social-links {
display: flex;
}
.social-links__item {
width: 40px;
height: 40px;
cursor: pointer;
border: 1px solid #5f5f5f;
border-radius: 50%;
justify-content: center;
align-items: center;
margin-right: 20px;
transition: border-color .2s linear;
display: flex;
}
.social-links__item:hover {
border-color: #fff9f9;
}
.social-links__item.social-links__item_last-child {
margin-right: 0;
}
.social-links__image {
max-height: 18px;
display: block;
}
.site-footer {
min-width: 100%;
color: #ddd;
background-color: #232323;
padding-top: 15px;
padding-bottom: 15px;
font-size: .88rem;
line-height: 1.3rem;
}
.site-footer__inner {
justify-content: space-between;
align-items: center;
display: flex;
}
.site-footer__copyright-paragraph {
margin-bottom: 0;
}
.site-footer__menu-link {
color: #ddd;
cursor: pointer;
margin-right: 30px;
font-size: 1em;
text-decoration: none;
transition: color .2s linear;
}
.site-footer__menu-link:hover {
color: #fff;
}
.site-footer__menu-link.site-footer__menu-link_last-child {
margin-right: 0;
}
.influence__image {
width: 55%;
padding-left: 20px;
}
.influence__image.old {
display: none;
}
.difference-table__header {
z-index: 11;
border-bottom: .5px solid #eee;
display: flex;
position: static;
top: 90px;
}
.difference-table__header-cell {
width: 25%;
text-align: center;
border: 1px #000;
flex: none;
justify-content: center;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 9px;
font-size: 1rem;
display: flex;
}
.difference-table__header-cell.difference-table__header-cell_first-child.difference-table__header-cell-33 {
width: 33%;
object-fit: fill;
justify-content: flex-start;
padding-left: 30px;
}
.difference-table__header-cell.difference-table__header-cell_first-child.difference-table__header-cell-33.difference-table__header-cell-25 {
width: 25%;
}
.difference-table__header-cell.difference-table__header-cell-33 {
width: 33%;
justify-content: flex-start;
padding-left: 30px;
}
.difference-table__header-cell.difference-table__header-cell-33.difference-table__header-cell-25 {
width: 25%;
}
.difference-table__header-text {
font-size: 1rem;
font-weight: 700;
line-height: 1.375rem;
}
.difference-table__header-text.difference-table__header-text-anglar {
font-size: 28px;
font-weight: 700;
line-height: 35px;
}
.difference-table__header-text.difference-table__header-text-anglar.difference-table__header-text-anglar-blue {
color: #1791f2;
background-color: rgba(0, 0, 0, 0);
}
.difference-table__header-text.first_cell {
font-size: 1rem;
font-weight: 600;
}
.difference-table__row {
border-bottom: .5px solid #eee;
display: flex;
}
.difference-table__row.difference-table__row_last-child {
width: 100%;
max-width: 920px;
min-width: 100%;
}
.difference-table__cell {
width: 25%;
border: 1px #d04dff;
flex: none;
padding: 15px 20px;
}
.difference-table__cell.description-cell {
width: 25%;
border: 1px #ff2c2c;
border-right-color: #eee;
flex: none;
padding-left: 0;
padding-right: 15px;
}
.difference-table__cell.description-cell.description-cell-33 {
padding-left: 30px;
}
.difference-table__cell.description-cell.description-cell-33.description-cell-25 {
width: 25%;
}
.difference-table__cell.difference-table__cell_last-child {
border-right-style: none;
}
.difference-table__cell.description-cell-33 {
width: 33%;
flex: none;
align-self: center;
padding-left: 30px;
padding-right: 0;
display: flex;
}
.difference-table__cell.description-cell-33.description-cell-34 {
width: 34%;
}
.difference-table__cell.description-cell-33.description-cell-25 {
width: 25%;
}
.difference-table__cell-text {
text-align: center;
font-size: 1rem;
font-weight: 500;
line-height: 1.375rem;
}
.difference-table__cell-text.difference-table__cell-text-angular {
color: #1e1d28;
text-align: left;
font-size: 18px;
}
.difference-table__cell-text.difference-table__cell-text-angular.difference-table__cell-text-angular-name {
font-weight: 700;
}
.description-cell__title {
color: #333;
cursor: pointer;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 1.37rem;
transition: color .2s;
}
.description-cell__title.lft-clm-version {
color: #333;
font-size: 1rem;
}
.description-cell__paragraph {
opacity: 1;
color: #404547;
margin-bottom: 0;
padding-top: 0;
font-size: .87rem;
line-height: 1.35rem;
transition: all .2s;
display: block;
}
.description-cell__close-btn {
width: 14px;
height: 14px;
justify-content: center;
align-items: center;
display: flex;
}
.description-cell__open-btn {
opacity: .4;
transition: opacity .2s;
display: flex;
}
.description-cell__controls {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 50%;
bottom: 0%;
left: auto;
right: 0%;
transform: translate(0, -50%);
}
.description-cell__close-icon {
width: 14px;
height: 14px;
max-height: 100%;
}
.description-cell__header {
padding-right: 35px;
position: relative;
}
.description-cell__open-icon {
width: 14px;
height: 14px;
}
.description-cell__paragraph--wrapper {
margin-top: 10px;
transition: all .2s;
display: block;
}
.sticky-header__substrate {
z-index: 1;
width: 100%;
height: 60px;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.sticky-header__background {
z-index: 1;
opacity: 0;
background-color: #fff;
display: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
box-shadow: 1px 1px 15px rgba(0, 0, 0, .08);
}
.sticky-header__position {
z-index: 100;
height: 60px;
display: none;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.clients-wrapper {
z-index: 1;
object-fit: fill;
background-color: #fff;
margin-top: 0;
padding-top: 120px;
padding-bottom: 100px;
display: block;
position: relative;
top: auto;
overflow: visible;
}
.clients {
display: flex;
}
.clients__title {
margin-right: 30px;
font-size: 1rem;
font-weight: 400;
line-height: 1.62rem;
}
.clients__list.clients-list {
flex-wrap: nowrap;
flex: 1;
justify-content: space-between;
align-items: center;
display: flex;
}
.clients-list__item {
max-height: 45px;
max-width: 15%;
align-items: center;
padding-left: 9px;
padding-right: 9px;
display: flex;
}
.clients-list__image {
max-height: 100%;
transition: transform .2s linear;
}
.clients-list__image:hover {
transform: scale(1.2);
}
.clients__list-row {
width: 100%;
flex: none;
margin-bottom: 30px;
display: flex;
}
.process-article__wrapper {
width: 100%;
align-items: center;
display: flex;
}
.lead-box__controls {
flex-wrap: nowrap;
align-content: flex-start;
margin-top: 40px;
display: flex;
}
.difference-table__cell-icon {
max-height: 15px;
min-height: 15px;
display: block;
}
.difference-table__cell-icon-wrapper {
height: 1.37rem;
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
}
.initial {
width: 100%;
background-image: linear-gradient(to top, #ecf5ff, #fff 87%);
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
display: none;
position: relative;
overflow: hidden;
}
.b-menu {
height: 80px;
background-color: #d4d4d4;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.initial-footer {
width: 100%;
background-color: #fff;
padding-top: 30px;
padding-bottom: 30px;
position: relative;
}
.body-2 {
color: #333;
padding-top: 79px;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 22px;
}
.initial-footer__header-image {
width: 150%;
max-width: 106%;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
transform: translate(0%, -99%);
}
.initial__body {
z-index: 1;
flex-direction: row;
flex: 1;
display: flex;
position: relative;
}
.description {
background-color: #fff;
padding-top: 120px;
padding-bottom: 80px;
}
.bold-text, .bold-text-2 {
font-weight: 600;
}
.description__content {
justify-content: flex-start;
align-items: center;
line-height: 1.6rem;
display: flex;
}
.description__image-wrapper {
width: 45%;
max-width: 45%;
}
.description__image {
max-width: 100%;
transform: rotate(0);
}
.description__image.old {
display: none;
}
.description__article {
width: 40%;
margin-left: 70px;
margin-right: 0;
padding-left: 0;
}
.popup-layout {
z-index: 10;
opacity: 0;
background-color: rgba(0, 0, 0, .35);
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
transform: scale(.8);
}
.popup-layout.request-popup__layout {
z-index: 101;
opacity: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
overflow: visible;
transform: translate(0);
}
.contact-popup {
width: 700px;
background-color: #fff;
border-radius: 5px;
flex-direction: column;
justify-content: flex-start;
padding-top: 0;
padding-bottom: 0;
display: none;
box-shadow: 1px 1px 15px rgba(0, 0, 0, .2);
}
.contact-form__header {
border-bottom: 1px solid #eee;
padding: 40px 95px 40px 40px;
position: relative;
}
.contact-popup__title {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 1.75rem;
font-weight: 600;
line-height: 1.88rem;
}
.contact-popup_inner {
padding: 0;
}
.contact-popup__close-button {
width: 20px;
height: 20px;
opacity: .4;
cursor: pointer;
padding: 1px;
transition: opacity .2s linear;
position: absolute;
top: 50%;
bottom: auto;
left: auto;
right: 40px;
transform: translate(0, -50%);
}
.contact-popup__close-button:hover {
opacity: .7;
}
.contact-popup__close-icon {
max-height: 100%;
display: block;
}
.contact-popup__form {
flex-direction: column;
display: flex;
}
.contact-popup__form.contact-form {
padding: 0;
display: flex;
}
.contact-form__label {
color: #333;
text-transform: uppercase;
margin-bottom: 10px;
font-size: .875rem;
font-weight: 500;
line-height: 1.375rem;
position: static;
}
.contact-form__input {
height: 50px;
border: 1px solid #eee;
border-radius: 5px;
margin-bottom: 0;
padding-left: 15px;
font-size: 1rem;
font-weight: 500;
line-height: 1.375px;
transition: all .2s linear;
box-shadow: 0 0 #000;
}
.contact-form__input:focus {
border-color: #1791f2;
}
.contact-form__input.contact-form__input_last-child {
border-bottom-style: none;
}
.contact-form__field-wrapper {
border: 1px red;
flex-direction: column-reverse;
margin-bottom: 25px;
padding: 0;
display: flex;
position: relative;
}
.contact-form__field-wrapper.contact-form__field-wrapper_last-child {
margin-bottom: 0;
}
.contact-form__inputs {
border: 1px #000;
margin-bottom: 30px;
}
.contact-form__controls {
justify-content: flex-end;
display: flex;
}
.error-message {
color: #e52121;
background-color: rgba(0, 0, 0, 0);
margin-top: 0;
padding-top: 20px;
padding-bottom: 30px;
font-size: 1rem;
line-height: 1.3rem;
}
.text-block {
text-align: center;
}
.success-message {
background-color: rgba(0, 0, 0, 0);
border-radius: 7px;
padding: 0;
font-size: 1.375rem;
line-height: 1.8rem;
overflow: hidden;
}
.form-success.form-success_flex {
background-color: #edf6ff;
flex-direction: column;
align-items: center;
padding: 40px 28px;
display: flex;
}
.contact-popup__content {
margin-bottom: -1px;
}
.contact-form__body {
padding: 30px 40px;
}
.form-success__image {
width: 70px;
margin-bottom: 30px;
}
.form-success__title {
margin-bottom: 10px;
line-height: 1.8rem;
display: none;
}
.form-success__subtitle {
color: #777;
text-align: center;
margin-bottom: 30px;
font-size: .875rem;
line-height: 1.5rem;
display: block;
}
.form-success__controls {
justify-content: center;
display: flex;
}
.form-success__controls.cta_form_block {
display: none;
}
.checkbox-field {
font-size: 1rem;
line-height: 1.4rem;
}
.checkbox-field.contact-form__gdpr-field {
align-items: center;
margin-bottom: 30px;
display: flex;
}
.contact-form__gdpr-checkbox-box {
width: 20px;
height: 20px;
cursor: pointer;
margin-top: -1px;
}
.contact-form__gdpr-checkbox-box.w--redirected-checked {
background-color: #1791f2;
border-color: #1791f2;
}
.contact-form__gdpr-checkbox-box.w--redirected-focus {
box-shadow: 0 0 3px 1px rgba(23, 145, 242, .2);
}
.checkbox-label {
margin-left: 10px;
}
.text-link {
color: #000;
font-weight: 500;
text-decoration: underline;
transition: color .2s linear;
}
.text-link:hover {
color: #1791f2;
}
.bold-text-3 {
color: #000;
font-weight: 500;
text-decoration: underline;
}
.bold-text-4 {
font-weight: 400;
}
.bold-text-5, .bold-text-6 {
font-weight: 500;
}
.body-3 {
color: #333;
padding-top: 80px;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 22px;
}
.rules-articles {
padding-top: 80px;
padding-bottom: 90px;
}
.article-subtitle {
margin-top: 0;
margin-bottom: 0;
font-size: 1.45rem;
font-weight: 600;
}
.article-subtitle.rules-articles__block-subtitle {
margin-bottom: 16px;
font-weight: 500;
}
.rules-articles__block {
margin-bottom: 60px;
}
.rules-articles__list {
margin-bottom: 20px;
}
.rules-articles__list.positions-paragraph__list {
padding-left: 19px;
}
.bold-text-7 {
font-weight: 600;
}
.link, .link-2 {
color: #1791f2;
}
.questions {
background-color: #f9fafd;
padding-top: 120px;
padding-bottom: 120px;
display: block;
}
.questions.questions--white, .questions.color {
background-color: #fff;
}
.questions__table.questions-table {
border: 1px #eee;
border-radius: 5px;
}
.table-question {
border: 1px #eee;
border-bottom-style: solid;
border-radius: 0;
}
.table-question.table-question_last-child {
border-bottom-style: none;
}
.table-question__header {
cursor: pointer;
padding: 10px 30px 10px 0;
transition: all .2s linear;
position: relative;
}
.table-question__title {
font-size: 1.125rem;
font-weight: 400;
line-height: 1.37rem;
transition: color .2s linear;
}
.table-question__title.lft-clm-version {
font-size: 1rem;
font-weight: 600;
}
.table-question__controls {
align-items: center;
display: flex;
position: absolute;
top: 50%;
bottom: auto;
left: auto;
right: 0;
transform: translate(0, -50%);
}
.table-question__open-btn {
width: 15px;
opacity: .5;
transform-style: preserve-3d;
transform: rotateX(180deg)rotateY(0)rotateZ(0);
}
.table-question__close-btn {
display: none;
}
.table-question__body {
padding: 0 30px 20px 0;
}
.table-question__answer {
color: #404547;
margin-bottom: 0;
font-size: 1rem;
line-height: 1.44rem;
}
.bold-text-8 {
font-weight: 600;
}
.compare-table {
justify-content: space-between;
align-items: stretch;
display: flex;
}
.compare-table__header-column {
width: 25%;
}
.compare-table__body-column {
width: 75%;
display: flex;
}
.compare-table__company-column {
flex-direction: column;
flex: 1;
display: flex;
}
.utility-page-wrap {
width: 100vw;
height: 100vh;
max-height: 100%;
max-width: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.utility-page-content {
width: 260px;
text-align: center;
flex-direction: column;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.link-3 {
color: #1791f2;
cursor: pointer;
transition: color .2s linear;
}
.link-3:hover {
color: #0064b4;
}
.section-table {
padding-top: 120px;
padding-bottom: 120px;
}
.table {
width: 100%;
}
.table-header {
color: #fff;
background-color: #5e5e5e;
justify-content: space-between;
display: flex;
position: static;
top: 50px;
}
.table__body {
overflow: visible;
}
.table__cell {
width: 25%;
padding: 20px;
}
.table__row {
background-color: #ececec;
justify-content: space-between;
display: flex;
}
.fixed-table-header-wrapper {
z-index: 11;
width: 100%;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.values {
padding-top: 80px;
padding-bottom: 80px;
display: flex;
}
.values__list {
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.values__item {
width: 48%;
margin-bottom: 80px;
}
.values__item.values__item_no-margin {
margin-bottom: 0;
}
.values__image-wrapper {
width: 70px;
margin-bottom: 0;
}
.values__image {
width: 100%;
}
.features {
padding-top: 100px;
padding-bottom: 100px;
padding-right: 0;
display: none;
}
.features.features_old {
display: none;
}
.features.features_grey-bg, .features.valuew_grey-bg {
background-color: #f9fafd;
}
.features__list {
grid-column-gap: 32px;
grid-row-gap: 48px;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 40px;
display: grid;
}
.features__item {
width: auto;
margin-bottom: 0;
}
.features__item.features__item_no-margin {
margin-bottom: 0;
}
.features__image-wrapper {
height: 70px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.features__image {
width: 52px;
height: 52px;
max-height: 100%;
margin-bottom: 10px;
}
.idea {
padding-top: 100px;
padding-bottom: 100px;
display: none;
}
.idea__articles {
justify-content: space-between;
display: flex;
}
.heading-2 {
display: flex;
}
.job-steps {
background-color: #fff;
padding-top: 100px;
padding-bottom: 100px;
}
.job-steps__scheme.job-scheme {
align-items: center;
display: flex;
}
.job-scheme__image-wrapper {
width: 30%;
padding-right: 50px;
}
.job-scheme__image {
width: 100%;
}
.job-scheme__list {
width: auto;
grid-column-gap: 60px;
grid-row-gap: 16px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-content: flex-start;
justify-content: space-between;
align-items: flex-start;
display: grid;
}
.scheme-item {
width: auto;
align-self: auto;
padding-top: 30px;
padding-bottom: 30px;
}
.scheme-item__header {
margin-bottom: 20px;
display: flex;
}
.positiions {
background-color: #f9fafd;
padding-top: 100px;
padding-bottom: 100px;
display: none;
}
.positiion-item {
color: #333;
cursor: pointer;
border: 1px solid #eee;
border-radius: 3px;
flex-direction: column;
align-items: flex-start;
margin-bottom: 30px;
padding: 25px;
text-decoration: none;
transition: all .2s linear;
display: flex;
}
.positiion-item:hover {
color: #1791f2;
}
.positiion-item.positiion-item_last-child {
margin-bottom: 0;
}
.positiion-item__link-wrapper {
color: #777;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
display: flex;
}
.positiion-item__link-text {
margin-right: 7px;
}
.positiion-item__link-image {
width: 10px;
}
.check-button {
color: #777;
text-transform: uppercase;
align-items: center;
font-size: .875rem;
font-weight: 600;
transition: all .2s linear;
display: flex;
}
.check-button:hover {
color: #5a5a5a;
}
.position {
padding-top: 0;
padding-bottom: 0;
}
.bold-text-9 {
padding-right: 50px;
font-weight: 600;
}
.position__header {
height: 400px;
background-color: #1791f2;
background-image: linear-gradient(134deg, #333, rgba(51, 51, 51, .6)), url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/61a7c11a2749ce0a983fdce0_Frame%201.png");
background-position: 0 0, 50%;
background-size: auto, cover;
border-bottom: 1px solid #eee;
border-radius: 0;
justify-content: space-between;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.position__body {
max-width: 700px;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
padding-top: 50px;
padding-bottom: 50px;
}
.position__title-wrapper {
width: 700px;
max-width: 700px;
color: #edf6ff;
flex: 0 auto;
margin: auto;
padding-right: 0;
position: relative;
}
.position__title-icon-wrapper {
width: 40px;
max-height: 55px;
position: absolute;
top: -10px;
bottom: auto;
left: auto;
right: 0%;
}
.position__title-image {
width: 100%;
max-height: 100%;
}
.videos {
background-color: #fff;
padding-top: 120px;
padding-bottom: 120px;
}
.videos__inner {
flex-direction: column;
justify-content: space-between;
display: flex;
}
.video-item {
width: 32%;
border: 1px solid #eee;
border-radius: 3px;
padding: 25px;
}
.youtube {
border-radius: 2px;
}
.html-embed {
width: 100%;
font-size: 0;
line-height: 0;
}
.videos__list {
background-color: rgba(0, 0, 0, 0);
justify-content: space-between;
margin-bottom: 40px;
display: flex;
}
.video__image {
width: 100%;
height: 100%;
border-radius: 7px;
}
.video {
width: 31%;
color: #333;
cursor: pointer;
border: 1px #eee;
border-radius: 10px;
flex-direction: column;
justify-content: space-between;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.youtube-btn {
width: 50px;
opacity: .75;
filter: grayscale();
transition: all .2s;
position: absolute;
top: 50%;
bottom: auto;
left: 50%;
right: auto;
transform: translate(-50%, -50%);
}
.youtube-btn.t-video__youtube-btn {
width: 80px;
color: #212121;
top: 43%;
}
.youtube-btn.t-video__youtube-btn:hover {
opacity: 1;
}
.video__image-wrapper {
margin-bottom: 15px;
position: relative;
}
.div-block {
position: absolute;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.image {
width: 50px;
}
.video__title {
margin-bottom: 8px;
font-size: 1.125rem;
font-weight: 500;
line-height: 26px;
}
.video__views {
color: #747474;
font-size: 1rem;
font-weight: 400;
}
.video__views-wrapper {
align-items: center;
display: flex;
position: relative;
}
.video__views-icon {
width: 16px;
opacity: .31;
margin-bottom: 2px;
margin-right: 7px;
}
.videos__header {
align-items: center;
margin-bottom: 70px;
display: flex;
}
.you-btn {
width: 220px;
height: 50px;
color: #333;
text-transform: uppercase;
cursor: pointer;
background-color: #f8f8f8;
border: 1px solid #ececec;
border-radius: 5px;
justify-content: center;
align-self: flex-start;
align-items: center;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
transition: all .2s;
display: flex;
}
.you-btn:hover {
background-color: #ebebeb;
border-color: #f5f5f5;
}
.you-btn__icon {
width: 24px;
height: 24px;
opacity: 1;
filter: none;
margin-right: 10px;
}
.clouds__wrapper {
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
}
.cloud {
text-transform: lowercase;
position: absolute;
top: auto;
bottom: 0;
left: 0%;
right: auto;
}
.cloud.cloud_0 {
top: 30%;
bottom: auto;
transform: translate(50%);
}
.cloud.cloud_1 {
bottom: 5%;
transform: translate(0%);
}
.cloud.cloud_2 {
bottom: 4%;
transform: translate(10%);
}
.cloud.cloud_3 {
transform: translate(25%);
}
.cloud.cloud_4 {
bottom: 1%;
transform: translate(40%);
}
.cloud.cloud_5 {
bottom: 3%;
transform: translate(55%);
}
.cloud.cloud_6 {
bottom: 8%;
transform: translate(70%);
}
.cloud.cloud_7 {
bottom: 4%;
transform: translate(85%);
}
.cloud.cloud_8 {
bottom: 7%;
transform: translate(95%);
}
.clouds__bg {
z-index: 1;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: auto;
}
.head-containrt {
z-index: 2;
width: 100%;
height: 100%;
object-fit: fill;
display: block;
position: absolute;
top: 2px;
bottom: auto;
left: 0%;
right: auto;
}
.head-containrt.head-containrt-angular {
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/5ebfd4d4f6793e2823e67529_Fill%201.svg"), url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/5ebfd42930831e437d9fba7c_Rectangle.png");
background-position: 100% 100%, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: contain, cover;
background-attachment: scroll, fixed;
margin-top: -82px;
position: relative;
}
.hero__image {
width: 43%;
display: block;
position: absolute;
top: 50%;
right: 5%;
transform: translate(0, -50%);
}
.hero__image.rotated {
transform-style: preserve-3d;
transform: rotateX(0)rotateY(-180deg)rotateZ(0)translate(0, -50%);
}
.hero__image.hero__image-angular {
width: 39%;
}
.hero__image.hero__image-angular.c-hero__image {
width: 50%;
position: static;
transform: none;
}
.hiring-easy {
width: 100%;
max-width: 500px;
border-radius: 0%;
margin-bottom: 50px;
overflow: hidden;
}
.hiring-easy-image {
overflow: hidden;
}
.solution__embed-code {
height: 100%;
}
.p-hero {
padding-top: 120px;
padding-bottom: 180px;
}
.p-hero__inner {
justify-content: flex-start;
align-items: center;
display: flex;
}
.p-hero__title-wrapper {
padding-right: 70px;
display: flex;
position: relative;
}
.p-hero__title-text {
margin-top: 0;
margin-bottom: 0;
padding-left: 30px;
font-size: 2.5rem;
display: inline-block;
}
.p-hero__title-icon {
width: 60px;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
transform: translate(0, -50%);
}
.body-4 {
color: #333;
padding-top: 0;
font-size: 16px;
}
.p-cases {
padding-bottom: 120px;
}
.p-case {
cursor: pointer;
border-bottom: 1px solid #f7f7f7;
margin-bottom: 100px;
padding-bottom: 75px;
text-decoration: none;
display: block;
}
.p-case.p-case_last {
border-bottom-style: none;
margin-bottom: 80px;
padding-bottom: 0;
}
.p-case__img-overlay {
width: 100%;
height: 50vh;
background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/5e2eda1686f417120e2ef43c_c-hero__background-image-min.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
margin-bottom: 30px;
transition: all .2s;
}
.p-case__img-overlay.p-case__img-wrapper_parloo {
background-image: linear-gradient(rgba(167, 205, 212, .9), rgba(167, 205, 212, .9)), url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/5e2eda1686f417120e2ef43c_c-hero__background-image-min.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.p-case__img-overlay.p-case__img-overlay_parloo {
background-color: #a7cdd4;
background-image: none;
}
.p-case__img-overlay.p-case__img-overlay_ph {
height: 50vh;
background-image: linear-gradient(#16a085, #16a085);
}
.p-case__img-overlay.p-case__img-overlay_nb {
background-image: linear-gradient(#56a5d7, #56a5d7);
}
.p-case__img-overlay.p-case__img-overlay_fr {
background-image: linear-gradient(#0253b3, #0253b3);
}
.p-case__img-overlay.p-case__img-overlay_carment {
height: 50vh;
opacity: 1;
background-color: #9f72ff;
background-image: none;
}
.p-case__img-overlay.p-case__img-overlay_numinous {
height: 50vh;
opacity: 1;
background-color: #13e0ff;
background-image: none;
}
.p-case__img-overlay.p-case__img-overlay_nection {
height: 50vh;
opacity: 1;
background-color: #05f;
background-image: none;
}
.p-case__image {
width: 100%;
transition: all .2s;
}
.p-case__type {
color: #a1a1a1;
text-transform: uppercase;
margin-bottom: 10px;
font-size: .875rem;
line-height: 22px;
}
.p-case__project {
color: #333;
margin-bottom: 20px;
font-size: 1.75rem;
font-weight: 600;
line-height: 40px;
transition: color .2s;
}
.c-hero {
z-index: 10;
min-height: 100vh;
background-color: #0389f4;
flex-direction: column;
justify-content: flex-start;
display: flex;
position: relative;
}
.c-hero.c-hero__green {
z-index: 200;
min-height: 100vh;
background-color: #009786;
overflow: hidden;
}
.c-hero.c-hero__blue {
z-index: 102;
background-color: #0253b3;
}
.c-hero.c-hero__numinous-blue {
z-index: 102;
background-color: #56a5d7;
}
.c-hero.c-hero__mint {
z-index: 102;
background-color: #a7cdd4;
}
.c-hero.c-hero--blog {
z-index: 100;
min-height: auto;
top: 0;
overflow: hidden;
}
.body-5 {
padding-top: 0;
}
.c-hero__inner {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.c-hero__case-info {
width: 100%;
color: #fff;
margin-bottom: 0;
padding-top: 150px;
padding-bottom: 230px;
}
.c-hero__case-type {
text-transform: uppercase;
margin-bottom: 30px;
font-size: 1rem;
}
.c-hero__case-name {
color: #fff;
margin-bottom: 80px;
font-size: 2rem;
font-weight: 600;
line-height: 40px;
text-decoration: none;
display: block;
}
.c-hero__case-title {
width: 60%;
font-size: 3.2rem;
font-weight: 700;
line-height: 72px;
}
.div-block-2 {
height: 4000px;
}
.c-navigation {
z-index: 100;
background-color: rgba(0, 0, 0, 0);
margin-top: 40px;
margin-bottom: 40px;
position: -webkit-sticky;
position: sticky;
top: 0;
bottom: auto;
left: 0;
right: 0;
}
.c-navigation__inner {
border-bottom: .5px #f0f2f7;
padding-top: 20px;
padding-bottom: 20px;
}
.c-navigation__link {
z-index: 120;
color: #333;
cursor: pointer;
margin-right: 80px;
font-size: 1.25rem;
text-decoration: none;
position: relative;
}
.c-navigation__link.w--current {
z-index: 102;
color: #0389f4;
position: relative;
}
.c-navigation__link-number {
color: #7c7c7c;
margin-bottom: 0;
font-size: 1rem;
line-height: 20px;
}
.c-navigation__link-title {
font-size: 1rem;
font-weight: 600;
line-height: 24px;
}
.c-block {
border-top: .5px #f0f2f7;
margin-top: 100px;
margin-bottom: 110px;
}
.c-block.c-block_last {
border-bottom: .5px solid #f0f2f7;
}
.c-block__inner {
border-bottom: .5px #f0f2f7;
}
.c-block__header {
padding-top: 100px;
padding-bottom: 100px;
font-size: 1.25rem;
}
.c-block__header-number {
color: #7c7c7c;
margin-bottom: 10px;
font-size: 1rem;
transition: all .2s;
}
.c-block__header-title {
font-weight: 600;
line-height: 24px;
}
.c-article {
margin-bottom: 120px;
}
.c-article.c-article_horizontal {
flex-direction: row-reverse;
justify-content: space-between;
display: flex;
}
.c-article__title {
max-width: 1100px;
margin-bottom: 60px;
font-size: 2.5rem;
font-weight: 600;
line-height: 60px;
}
.c-article__paragraph {
font-size: 1.25rem;
font-weight: 400;
line-height: 36px;
}
.c-services {
justify-content: space-between;
display: flex;
}
.c-services__list-wrapper {
width: 50%;
}
.c-services__list {
font-size: 1.25rem;
line-height: 36px;
}
.c-services__list-title {
margin-bottom: 35px;
font-size: 1.75rem;
font-weight: 600;
line-height: 40px;
}
.c-services__list-item {
margin-bottom: 15px;
}
.c-technologies {
width: 50%;
padding-right: 0;
}
.c-technologies__title {
margin-bottom: 35px;
font-size: 1.75rem;
font-weight: 600;
line-height: 40px;
}
.c-technologies__list {
flex-wrap: wrap;
padding-right: 60px;
display: flex;
}
.c-technologies__item {
width: 50px;
height: 50px;
justify-content: center;
align-items: center;
margin-bottom: 35px;
margin-right: 35px;
display: flex;
}
.c-technologies__img {
max-height: 100%;
}
.c-technologies__wrapper {
display: flex;
}
.c-desktop__mockups {
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
margin-top: 70px;
display: flex;
}
.c-desktop__mockup {
width: 100%;
border: 1px solid #f0f2f7;
border-radius: 3px;
margin-bottom: 50px;
}
.c-desktop__mockup-img {
width: 100%;
border-radius: 3px;
}
.c-mobile__mockups {
justify-content: space-between;
margin-top: 70px;
display: flex;
}
.c-mobile__mockup {
width: 23%;
}
.c-mobile__mockup-img {
width: 100%;
}
.c-article__container {
margin-left: auto;
margin-right: auto;
}
.c-article__container.c-article__container_half {
width: 45%;
flex-direction: column;
justify-content: center;
margin-left: 0;
margin-right: 0;
display: flex;
}
.c-other {
padding-top: 0;
padding-bottom: 110px;
}
.c-section-title {
margin-top: 0;
margin-bottom: 80px;
font-size: 2.5rem;
font-weight: 600;
line-height: 60px;
}
.c-other__cases {
justify-content: space-between;
display: flex;
}
.c-other__case {
width: 32%;
color: #333;
cursor: pointer;
border: 1px solid #f0f2f7;
border-radius: 8px;
padding: 20px;
text-decoration: none;
transition: all .2s;
position: relative;
}
.c-other__case:hover {
background-color: #f9fbff;
}
.c-other__case-type {
width: 100%;
color: #7c7c7c;
margin-bottom: 15px;
font-size: 1rem;
line-height: 27px;
}
.c-other__case-name {
font-size: 1.25rem;
font-weight: 600;
line-height: 25px;
}
.image-2 {
position: absolute;
top: auto;
bottom: 0;
left: auto;
right: 0;
}
.c-hero__bg-video {
z-index: -1;
width: 100%;
height: 100%;
opacity: .25;
filter: grayscale();
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.c-desktop__mockup-column {
width: 49%;
flex-direction: column;
justify-content: space-between;
display: flex;
}
.c-extension {
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 70px;
display: flex;
}
.c-extension.c-extension_half {
width: 50%;
margin-top: 0;
}
.c-extension__img-wrapper {
width: 30%;
border-radius: 5px;
margin-bottom: 40px;
box-shadow: 1px 1px 30px rgba(0, 0, 0, .08);
}
.c-extension__img-wrapper.c-extension__img-wrapper_full {
width: 100%;
box-shadow: none;
}
.c-extension__img {
width: 100%;
height: auto;
border: 1px #f1f1f1;
border-radius: 5px;
font-size: 0;
}
.c-mobile-app {
justify-content: space-between;
margin-top: 69px;
display: flex;
}
.c-mobile-app__column {
width: 30%;
flex-direction: column;
justify-content: space-between;
display: flex;
}
.c-mobile-app__img-wrapper {
width: 100%;
border: 1px #f0f2f7;
justify-content: center;
align-items: center;
margin-top: 30px;
margin-bottom: 30px;
font-size: 0;
line-height: 0;
display: flex;
}
.c-mobile-app__img {
width: 100%;
border: 1px solid #f0f2f7;
}
.p-mobile {
justify-content: space-between;
align-items: stretch;
margin-top: 70px;
display: flex;
}
.p-mobile__column {
width: 21%;
flex-direction: column;
justify-content: space-between;
display: flex;
}
.p-mobile__img-wrapper {
width: 100%;
border: 1px solid #f0f2f7;
border-radius: 3px;
margin-top: 10px;
margin-bottom: 10px;
}
.p-mobile__img {
width: 100%;
border-radius: 3px;
}
.c-other__case-body {
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.c-other__case-logotype {
height: 25px;
}
.p-hero__wrapper {
padding-top: 60px;
}
.p-case__title {
color: #333;
margin-top: 0;
margin-bottom: 0;
font-size: 2.5rem;
font-weight: 600;
line-height: 60px;
}
.p-case__img {
width: 100%;
height: 50vh;
opacity: .5;
filter: grayscale();
}
.p-case__img.p-case__img_photobell {
filter: grayscale();
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/5e4e7bb4eb37d155bdf8cf7d_ph-preview-min.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.p-case__img.p-case__img_parloo {
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/5e691dc33685a5be3c4ce729_parloo-min.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.p-case__img.p-case__img_nb {
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/5e691d1c8fbf3730ec4099df_numinous-min.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.p-case__img.p-case__img_frest {
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/5e691e020af4460744c0ffff_frest-min.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.p-case__img.p-case__img_carmen {
opacity: .77;
filter: grayscale();
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/610a3f96a00b6b255e372a1b_thumbnail_dark.png");
background-repeat: no-repeat;
background-size: cover;
}
.p-case__img.p-case__img_numinous {
opacity: .72;
filter: grayscale();
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/610cdecfe2c3debfa65aa521_Thumbnail.png");
background-repeat: no-repeat;
background-size: cover;
}
.p-case__img.p-case__img_nection {
opacity: .81;
filter: grayscale();
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/610b9153ab9e3b82301e622b_Thumbnail.png");
background-repeat: no-repeat;
background-size: cover;
}
.header-menu {
z-index: 1000;
color: #333;
background-color: #fff;
border-bottom: 1px solid #e3eaef;
padding: 0;
font-size: 1rem;
font-weight: 400;
display: none;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.header-menu__inner {
justify-content: space-between;
align-items: center;
display: flex;
}
.header-menu__menu {
justify-content: center;
align-items: center;
display: flex;
}
.menu-button {
background-color: rgba(0, 0, 0, 0);
}
.header-menu__wrapper {
position: -webkit-sticky;
position: sticky;
top: 0;
}
.awards {
background-color: #f9fafd;
}
.awards.awards_angular {
background-color: #fff;
padding-bottom: 120px;
}
.awards.awards_angular.c-awards {
padding-top: 70px;
padding-bottom: 120px;
}
.awards__inner {
border-top: .5px #eee;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.awards__title {
margin-bottom: 95px;
margin-right: 40px;
font-size: 32px;
display: inline-block;
}
.awards__title.awards__title_angular {
width: auto;
font-size: 2.5rem;
font-weight: 600;
line-height: 55px;
display: block;
}
.awards__list {
flex: 1;
justify-content: space-between;
margin-top: 0;
display: flex;
}
.awards__list-item {
flex: 1;
justify-content: center;
align-self: center;
align-items: center;
padding: 10px;
display: flex;
}
.awards__list-item-img {
max-height: 140px;
}
.c-navbar {
z-index: 100;
height: auto;
background-color: #fff;
border-bottom: .5px solid #f0f2f7;
justify-content: center;
align-items: flex-start;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.c-navbar__inner {
justify-content: space-between;
display: flex;
}
.c-page-menu {
width: 50%;
height: 80px;
align-items: center;
display: flex;
}
.c-site-menu__inner {
z-index: 200;
justify-content: flex-end;
align-items: center;
display: flex;
}
.c-site-menu__item {
color: #333;
margin-left: 15px;
margin-right: 15px;
padding: 5px;
font-size: 1rem;
text-decoration: none;
}
.c-site-menu__wrapper {
z-index: 101;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.c-site-menu {
width: 50%;
height: 80px;
justify-content: flex-end;
align-items: center;
display: flex;
}
.site-header {
z-index: 202;
box-shadow: none;
background-color: rgba(0, 0, 0, 0);
border-bottom: 1px #eee;
padding: 5px 40px;
display: block;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.site-header.site-header_white {
height: auto;
position: -webkit-sticky;
position: sticky;
}
.site-header.on-dark-bg {
background-color: rgba(0, 0, 0, 0);
display: block;
}
.site-header__inner {
justify-content: center;
align-items: center;
display: flex;
}
.site-header__menu {
width: 100%;
max-width: 884px;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
border: 1px solid #e3eaef;
border-radius: 8px;
align-items: center;
display: flex;
box-shadow: 1px 1px 3px rgba(103, 121, 138, .09);
}
.site-header__menu-link {
color: #333;
text-align: center;
cursor: pointer;
padding: 20px;
font-size: 1rem;
font-weight: 500;
text-decoration: none;
transition: all .2s;
}
.site-header__menu-link:hover {
color: #0082f3;
}
.site-header__menu-link.site-header__menu-link_white {
color: rgba(255, 255, 255, .85);
}
.site-header__menu-link.site-header__menu-link_white:hover, .site-header__menu-link.white_text {
color: #fff;
}
.site-header_white {
background-color: rgba(0, 0, 0, 0);
}
.site-header__wrapper {
display: block;
}
.text-block-2 {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 30px;
}
.html-embed-2 {
width: 100%;
max-width: 1000px;
text-align: left;
object-fit: fill;
flex: 1;
margin-left: auto;
margin-right: auto;
}
.text-span, .bold-text-10, .bold-text-11 {
color: #1791f2;
}
.grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-flow: row;
}
.blog {
text-align: left;
object-fit: fill;
background-color: #f9fafd;
padding-top: 100px;
padding-bottom: 100px;
display: inline-block;
overflow: visible;
}
.centered-container {
text-align: center;
flex: 1;
}
.cards-grid-container {
grid-column-gap: 40px;
grid-row-gap: 40px;
text-align: left;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.cards-image-mask {
width: 100%;
border-radius: 0%;
padding-top: 100%;
position: relative;
overflow: hidden;
}
.cards-image {
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
object-position: 50% 50%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.grid-2 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.collection-list-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: "Area"
/ 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
display: grid;
}
.grid-3 {
grid-template: "Area"
/ 1fr 1fr 1fr;
}
.collection-list-wrapper-2 {
max-width: 1366px;
margin-left: auto;
margin-right: auto;
display: block;
}
.collection-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.text-block-3 {
font-size: 1.75em;
font-weight: 600;
display: inline;
position: static;
}
.image-3 {
margin-bottom: 0;
}
.div-block-3 {
justify-content: space-between;
display: flex;
}
.heading-3 {
color: #333;
font-style: normal;
text-decoration: none;
}
.link-block {
text-decoration: none;
}
.section-2 {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
line-height: 26px;
}
.text-block-4 {
justify-content: flex-end;
display: flex;
}
.body-6 {
padding-top: 0;
padding-bottom: 0;
}
.blog-author {
border-top: 1px solid #eee;
margin-bottom: 0;
padding-top: 70px;
padding-bottom: 70px;
display: flex;
}
.blog-author__profile-img {
width: 150px;
height: 150px;
border-radius: 50%;
align-self: center;
margin-right: 30px;
}
.blog-author__header {
text-align: left;
margin-top: 0;
margin-bottom: 15px;
font-weight: 500;
}
.blog-section__text {
text-align: justify;
margin-bottom: 70px;
padding-top: 0;
font-size: 1.1rem;
line-height: 1.9rem;
}
.blog-author__info {
text-align: left;
align-self: center;
}
.bold-text-12, .lead-box__title-blue {
color: #1791f2;
}
.bold-text-13 {
text-transform: uppercase;
font-size: .875rem;
font-weight: 600;
}
.body-7 {
padding-top: 0;
}
.developers__title {
justify-content: flex-start;
margin-top: 0;
margin-bottom: 80px;
padding-top: 0;
font-size: 2.5rem;
font-weight: 600;
line-height: 55px;
display: block;
}
.developers {
background-color: #f9fafd;
padding: 120px 0;
}
.developers__inner {
padding-top: 0;
padding-bottom: 0;
}
.developers__inner.c-developers__inner {
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.developers__inner.page-container_left-clm {
width: auto;
}
.slider {
background-color: rgba(0, 0, 0, 0);
}
.heading-5 {
margin-bottom: 95px;
font-size: 1em;
}
.left-arrow, .right-arrow {
display: none;
}
.slide-1 {
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
}
.slider-container {
height: 100%;
justify-content: space-between;
padding-bottom: 70px;
display: flex;
position: relative;
}
.angular-developers__slide {
width: 640px;
background-color: #fff;
border: 1px solid #e9eef1;
border-radius: 15px;
padding: 20px;
}
.angular-developers__slide-header {
margin-bottom: 20px;
display: flex;
}
.angular-developers__slide-header-text {
flex-direction: column;
display: flex;
}
.angular-developers__slide-image {
width: 70px;
height: 70px;
max-width: none;
border-radius: 100%;
margin-right: 20px;
}
.slider-2 {
height: auto;
background-color: rgba(0, 0, 0, 0);
margin-bottom: 35px;
padding-bottom: 0;
position: relative;
}
.mask {
padding-bottom: 0;
}
.heading-6 {
margin-bottom: 5px;
}
.heading-7, .heading-8 {
margin-top: 0;
margin-bottom: 5px;
}
.text-block-5, .text-block-6 {
margin-bottom: 15px;
}
.difference-angular {
padding-top: 120px;
padding-bottom: 120px;
}
.difference-angular.difference-angular--blue, .difference-angular.color {
background-color: #f9fcff;
}
.different-angular-title {
margin-top: 0;
margin-bottom: 90px;
font-size: 2.5rem;
font-weight: 600;
line-height: 55px;
}
.different-angular__container {
justify-content: space-between;
display: flex;
}
.different-angular__item, .different-angular__item.different-angular__item--last {
width: 45%;
}
.image-5 {
margin-bottom: 42px;
}
.heading-9 {
margin-top: 0;
margin-bottom: 45px;
font-size: 1.7rem;
line-height: 35px;
}
.difference__list-item {
margin-bottom: 20px;
display: flex;
}
.image-6 {
margin-right: 10px;
}
.list-item-2, .list-item-3, .list-item-4, .list-item-4-copy {
display: flex;
}
.different__item-image, .different__item-image.different__item-image2 {
height: 120px;
margin-bottom: 45px;
}
.compare {
background-color: #fff;
padding-top: 0;
padding-bottom: 0;
}
.compare.left-column_block {
margin-bottom: 90px;
}
.compare__title {
margin-top: 90px;
margin-bottom: 30px;
font-size: 40px;
font-weight: 600;
line-height: 55px;
}
.compare__title.left_column {
width: 928px;
font-size: 28px;
line-height: 140%;
}
.resulst__title {
margin-bottom: 50px;
font-weight: 700;
}
.result {
background-color: #f9fcff;
padding-top: 120px;
padding-bottom: 120px;
}
.result__container {
height: auto;
}
.questions-react {
padding-top: 120px;
padding-bottom: 120px;
}
.questions-angular__title {
margin-top: 0;
margin-bottom: 80px;
font-size: 2rem;
font-weight: 600;
}
.finish {
background-color: #f9fcff;
padding-top: 120px;
padding-bottom: 120px;
}
.finish.c-finish {
padding-top: 100px;
padding-bottom: 100px;
}
.finish__title {
margin-bottom: 20px;
font-size: 2.3rem;
font-weight: 600;
line-height: 55px;
}
.finish__title.finish__title_short {
width: 300px;
}
.text-span-2 {
color: #1791f2;
}
.heading-10 {
max-width: 83%;
margin-bottom: 20px;
font-size: 20px;
font-weight: 600;
line-height: 30px;
}
.working-flow {
background-color: rgba(0, 0, 0, 0);
padding-top: 120px;
padding-bottom: 120px;
}
.working-flow.working-flow--blue, .working-flow.color {
background-color: #f9fcff;
}
.psd-angular-cf__title {
margin-bottom: 100px;
font-size: 40px;
line-height: 55px;
}
.psd-angular-cf__slider {
width: 100%;
height: 6px;
background-color: #edf6ff;
margin-bottom: 56px;
display: block;
position: relative;
}
.psd-angular-cf__slider-dot {
width: 18px;
height: 18px;
background-color: #1791f2;
border-radius: 20px;
position: absolute;
top: 0;
bottom: auto;
left: 25px;
right: auto;
transform: translate(0, -6px);
}
.psd-angular-cf__slider-dot.psd-angular-cf__slider-dot2 {
left: 355px;
}
.psd-angular-cf__slider-dot.psd-angular-cf__slider-dot3 {
left: 686px;
}
.psd-angular-cf__slider-dot.psd-angular-cf__slider-dot4 {
left: 1019px;
}
.heading-11 {
position: absolute;
}
.psd-angular-cf__dots-title {
width: 230px;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
position: absolute;
top: auto;
bottom: 14px;
left: 0%;
right: 0%;
}
.psd-angular-cf__items {
justify-content: space-between;
padding-left: 0;
list-style-type: none;
display: flex;
}
.sd-angular-cf__item {
flex: 0 auto;
}
.psd-angular-cf__item {
width: 23%;
border: 1px solid #eee;
border-radius: 5px;
padding: 25px 20px;
}
.list {
padding-left: 0;
list-style-type: none;
}
.psd-angular-cf__item-snt-round {
width: 5px;
height: 5px;
opacity: 1;
background-color: #1791f2;
border-radius: 100%;
margin-top: 9px;
margin-left: 0;
margin-right: 10px;
}
.list-item-5 {
display: flex;
}
.psd-angular-cf__item-title {
margin-top: 0;
margin-bottom: 40px;
font-size: 1.5rem;
font-weight: 600;
line-height: 35px;
}
.psd-angular-cf__item-title.psd-angular-cf__item-title2 {
margin-bottom: 25px;
font-size: 1.5rem;
}
.psd-angular-cf__item-img {
margin-bottom: 40px;
}
.psd-angular-cf__item-img.psd-angular-cf__item-img2 {
margin-bottom: 43px;
}
.psd-angular-cf__item-snt {
display: flex;
}
.psd-angular-cf__item-snt-text {
width: 235px;
margin-bottom: 20px;
padding-bottom: 0;
}
.psd-angular-cf__item-snt-text.psd-angular-cf__item-snt-text_ls {
margin-bottom: 0;
}
.link-4 {
color: #1791f2;
}
.offer-item__link {
color: #1791f2;
text-transform: uppercase;
cursor: pointer;
flex: none;
margin-bottom: 5px;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
transition: all .2s;
}
.link-6 {
color: #000;
}
.heading-12 {
margin-top: 120px;
margin-bottom: 100px;
}
.team {
padding-top: 80px;
padding-bottom: 80px;
}
.teams {
box-shadow: none;
background-color: #fff;
padding-top: 120px;
padding-bottom: 120px;
display: block;
}
.teams.teams--blue, .teams.color {
background-color: #f9fcff;
}
.teams_container {
max-width: 1336px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
}
.team__header {
margin-top: 0;
margin-bottom: 80px;
font-size: 2.5em;
}
.left-arrow-2, .right-arrow-2 {
display: none;
}
.slider-3 {
background-color: rgba(0, 0, 0, 0);
}
.teams__slide {
justify-content: space-between;
margin-bottom: 0;
padding-bottom: 100px;
display: flex;
}
.teams__people {
width: 236px;
margin-bottom: 50px;
margin-left: 39px;
margin-right: 39px;
padding-left: 0;
}
.teams__people.c-teams__people {
width: 16.5%;
flex: 1;
margin: 0;
padding-left: 10px;
padding-right: 10px;
}
.teams__people.c-teams__people.c-teams__people--last {
margin-right: 0;
}
.teams__people-img_square {
width: 250px;
height: 250px;
max-width: none;
object-fit: cover;
border-radius: 4px;
margin-bottom: 15px;
}
.teams__people-name {
color: #1e1d28;
margin-bottom: 5px;
font-size: 18px;
font-weight: 600;
}
.teams__people-job {
color: #666;
margin-bottom: 0;
}
.angularjs-and-angular {
background-color: #f9fcff;
padding-top: 0;
}
.blue-text {
color: #1791f2;
background-color: rgba(0, 0, 0, 0);
}
.image-7 {
position: absolute;
top: 60px;
right: 420px;
}
.difference-table__cell-text-angular {
align-self: center;
margin-bottom: 0;
}
.difference-table__cell-img-angular {
margin-right: 25px;
}
.share-buttons {
z-index: 100;
width: 100%;
height: 50px;
border-radius: 5px;
justify-content: flex-start;
display: flex;
position: fixed;
top: auto;
bottom: 20px;
left: 20px;
right: auto;
}
.share-button {
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.share-button.twitter {
width: 25%;
height: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.share-button__inner {
width: 100%;
height: 100%;
cursor: pointer;
border-right: 1px solid #f7f7f7;
justify-content: center;
align-items: center;
transition: all .2s;
display: flex;
}
.share-button__inner:hover {
background-color: #f3f3f3;
}
.share-button__inner.last {
border-right-style: none;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.share-button__inner.first {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.share-buttons__inner {
width: 100%;
height: 100%;
max-width: 225px;
background-color: #fff;
border-radius: 5px;
justify-content: space-between;
display: flex;
box-shadow: 1px 1px 15px rgba(0, 0, 0, .15);
}
.open-share {
z-index: 101;
width: 150px;
height: 50px;
color: #fff;
cursor: pointer;
background-color: #1791f2;
border-radius: 5px;
justify-content: center;
align-items: center;
margin-right: 15px;
font-size: .875rem;
font-weight: 600;
transition: all .2s;
display: flex;
position: relative;
box-shadow: 1px 1px 15px rgba(0, 0, 0, .15);
}
.open-share:hover {
background-color: #0085ee;
}
.open-share.selected {
box-shadow: 1px 1px 15px rgba(0, 0, 0, .15);
}
.open-share.opened {
box-shadow: none;
color: #333;
background-color: #fff;
border: 1px solid #eee;
}
.open-share__icon {
width: 20px;
height: 20px;
margin-right: 10px;
padding: 1px;
}
.c-hero__bg-image {
width: 100%;
height: auto;
min-height: 100%;
opacity: .5;
position: absolute;
top: 50%;
bottom: auto;
left: 50%;
right: auto;
transform: translate(-50%, -50%);
}
.c-hero__bg-image.c-hero__bg-image--blog {
opacity: .05;
}
.blog-section__image-wrapper {
height: auto;
margin-top: 70px;
margin-bottom: 70px;
}
.blog-section__image {
width: 100%;
}
.blog-author__description {
text-align: left;
font-size: 1.1rem;
line-height: 1.8rem;
}
.section-3 {
position: fixed;
}
.text-block-7 {
padding-top: 20px;
}
.paragraph {
display: none;
}
.list-item-6 {
display: block;
}
.dropdown-list {
position: static;
}
.teams__list {
height: 380px;
flex-wrap: wrap;
align-content: stretch;
justify-content: flex-start;
align-items: stretch;
margin-bottom: 10px;
transition: all .2s;
display: flex;
overflow: hidden;
}
.teams__list.c-teams__list {
height: auto;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
overflow: visible;
}
.teams__buttons {
text-align: left;
flex-direction: row;
justify-content: center;
display: flex;
}
.teams__button-show {
height: 50px;
color: #1791f2;
text-align: center;
background-color: #fff;
border: 1px solid #1791f2;
border-radius: 5px;
justify-content: center;
align-self: flex-start;
align-items: center;
padding-left: 25px;
padding-right: 25px;
font-size: .875em;
font-weight: 600;
line-height: 1.375em;
text-decoration: none;
transition: all .2s;
display: flex;
box-shadow: 1px 1px 9px rgba(23, 145, 242, .25);
}
.teams__button-hide {
height: 50px;
color: #1791f2;
text-align: center;
cursor: pointer;
background-color: #fff;
border: 1px solid #1791f2;
border-radius: 5px;
justify-content: center;
align-self: flex-start;
align-items: center;
margin-right: 0;
padding-left: 25px;
padding-right: 25px;
font-size: .875em;
font-weight: 600;
line-height: 1.375em;
text-decoration: none;
transition: all .2s;
display: none;
box-shadow: 1px 1px 9px rgba(23, 145, 242, .25);
}
.team-video {
background-color: #fff;
padding-top: 100px;
padding-bottom: 100px;
}
.team-video__content {
justify-content: space-between;
align-items: stretch;
display: flex;
}
.team-video__article.video-description {
width: 45%;
}
.team-video__paragraph-wrapper {
margin-bottom: 40px;
}
.team-video__paragraph-wrapper.last {
margin-bottom: 0;
}
.team-video__paragraph-title {
margin-top: 0;
margin-bottom: 20px;
font-size: 1.75rem;
font-weight: 600;
line-height: 2.4rem;
}
.team-video__paragraph-text {
width: 47%;
max-width: none;
margin-bottom: 0;
font-size: 1rem;
line-height: 150%;
}
.team-video__video.t-video__wrapper {
width: 60%;
height: 100%;
flex: 0 auto;
align-self: stretch;
}
.t-video {
cursor: pointer;
background-image: linear-gradient(rgba(23, 145, 242, .1), rgba(23, 145, 242, .1)), url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/5ef3569e09bc2e67fc6d3ceb_tron-le-JsuBKjHGDMM-unsplash-min%20(1).jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
border-radius: 10px;
flex: 1;
margin-right: 60px;
position: relative;
}
.t-video__preview {
height: 100px;
}
.new-site-footer {
z-index: 2;
position: relative;
}
.new-site-footer__top {
background-color: #1e2225;
position: relative;
}
.new-site-footer__bottom {
background-color: #24282b;
}
.new-site-footer__bottom-container {
width: 100%;
justify-content: space-between;
padding-top: 14px;
padding-bottom: 14px;
display: flex;
}
.new-site-footer__bottom-left {
align-self: stretch;
align-items: center;
display: flex;
}
.new-site-footer__bottom-text {
color: #868686;
margin-bottom: 0;
font-size: 14px;
}
.new-site-footer__bottom-center {
align-self: center;
align-items: center;
margin-bottom: 0;
margin-left: 21px;
padding-left: 0;
list-style-type: none;
display: flex;
}
.list-2 {
align-self: center;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.new-site-footer__bottom-link {
color: #868686;
font-size: 14px;
text-decoration: none;
transition: all .2s;
}
.new-site-footer__bottom-link:hover {
opacity: .7;
}
.new-site-footer__bottom-link.new-site-footer__bottom-link-mr {
margin-right: 40px;
}
.new-site-footer__bottom-link-mr {
align-self: auto;
margin-bottom: 0;
margin-right: 40px;
}
.new-site-footer__bottom-link-mr.new-site-footer__bottom-link-hide {
display: none;
}
.new-site-footer__bottom-r {
align-self: auto;
align-items: center;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.new-site-footer__bottom-img-icon {
width: auto;
height: auto;
max-height: 16px;
max-width: 16px;
color: #333;
object-fit: fill;
}
.new-site-footer__bottom-icon {
width: 30px;
height: 30px;
border: 1px solid rgba(255, 255, 255, .05);
border-radius: 20px;
justify-content: center;
align-self: center;
align-items: center;
padding: 0;
transition: border-color .2s linear;
display: flex;
}
.new-site-footer__bottom-icon:hover {
border-color: #fff9f9;
}
.link-7 {
display: flex;
}
.new-site-footer__bottom-r-item-mr {
margin-bottom: 0;
margin-right: 10px;
}
.new-site-footer__top-container {
width: 100%;
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: space-between;
align-items: flex-start;
padding-top: 50px;
padding-bottom: 50px;
display: flex;
}
.new-site-footer__top-home {
border: 0 solid rgba(23, 145, 242, .25);
border-radius: 10px;
margin-right: 0;
padding: 15px;
}
.new-site-footer__top-contacts {
flex: none;
}
.new-site-footer__top-contact-ceo {
margin-bottom: 30px;
}
.new-site-footer__top-contact-ceo-h {
flex-wrap: nowrap;
display: flex;
}
.new-site-footer__top-contact-ceo-header {
color: #fff;
letter-spacing: .16em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 10px;
margin-right: 0;
font-family: Nunito, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 22px;
}
.new-site-footer__top-contact-ceo-inst {
margin-right: 10px;
}
.new-site-footer__top-contact-ceo-phone {
color: #828282;
margin-bottom: 5px;
font-size: 14px;
text-decoration: none;
display: block;
}
.new-site-footer__top-contact-ceo-email {
color: #828282;
margin-bottom: 0;
font-size: 14px;
text-decoration: none;
display: block;
}
.new-site-footer__top-h {
color: #fff;
letter-spacing: .16em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 20px;
font-family: Nunito, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 22px;
}
.new-site-footer__top-about {
text-align: left;
flex-direction: column;
flex: none;
padding-left: 0;
display: flex;
}
.new-site-footer__top-about-link {
color: #828282;
margin-bottom: 12px;
font-size: 14px;
text-decoration: none;
transition: opacity .2s;
}
.new-site-footer__top-about-link:hover {
opacity: .7;
}
.new-site-footer__top-about-link.new-site-footer__top-about-link-mr {
color: #828282;
margin-bottom: 12px;
font-size: 14px;
}
.new-site-footer__top-about-link.new-site-footer__top-about-link-mr.new-site-footer__top-about-link-psdreact {
display: none;
}
.new-site-footer__top-services {
object-fit: fill;
flex-direction: column;
flex: none;
padding-left: 0;
display: flex;
}
.new-site-footer__top-hire {
flex-direction: column;
flex: none;
justify-content: flex-end;
padding-left: 0;
display: flex;
}
.lead-box__sub-title {
font-size: 43px;
}
.image-8 {
text-align: center;
object-fit: fill;
position: relative;
right: auto;
}
.div-block-4 {
width: auto;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-5 {
margin-bottom: 40px;
}
.heading-13 {
margin-top: 0;
}
.div-block-6 {
justify-content: center;
display: flex;
}
.div-block-7 {
margin-bottom: 20px;
}
.link-block-2, .link-block-3, .link-block-4, .link-block-5 {
display: none;
}
.text-block-8 {
margin-bottom: 10px;
}
.grid-4 {
grid-column-gap: 2px;
grid-template-rows: auto auto auto auto;
grid-template-columns: .25fr .25fr .25fr .25fr;
}
.c-reviews {
color: #1e1d28;
margin-top: 0;
margin-bottom: 0;
padding-top: 120px;
padding-bottom: 120px;
}
.c-comment {
width: 49%;
border: 1px solid #e9eef1;
border-radius: 10px;
padding: 25px;
}
.c-comment__header {
justify-content: space-between;
margin-bottom: 25px;
display: flex;
}
.c-comment__rating {
align-items: center;
display: flex;
}
.c-comment__user-position {
color: #1e1d28;
margin-bottom: 5px;
font-size: 1.2rem;
font-weight: 600;
}
.c-comment__user-name {
color: #666;
font-size: 1rem;
}
.c-comment__rating-number {
margin-right: 7px;
font-size: 1.1rem;
font-weight: 600;
}
.c-comment__rating-stars {
margin-top: -3px;
padding-top: 0;
}
.c-comment__rating-star {
width: 15px;
height: 15px;
margin-left: 1px;
margin-right: 1px;
font-size: 0;
}
.c-comment__article.c-comment__article--last {
margin-top: 20px;
}
.c-comment__article-title {
margin-bottom: 7px;
font-size: .875rem;
font-weight: 500;
}
.c-comment__article-paragraph {
font-size: 1rem;
line-height: 24px;
}
.c-comments__wrapper {
background-color: rgba(0, 0, 0, 0);
justify-content: space-between;
padding-bottom: 60px;
display: flex;
}
.slider-4 {
height: auto;
background-color: rgba(0, 0, 0, 0);
}
.left-arrow-3, .right-arrow-3 {
display: none;
}
.button {
display: inline-block;
position: absolute;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.link-btn_viewall {
z-index: 16;
color: #1791f2;
text-align: right;
text-transform: uppercase;
cursor: pointer;
align-items: center;
margin-top: 0;
margin-bottom: auto;
margin-right: 8px;
font-size: 1rem;
font-weight: 500;
text-decoration: none;
transition: color .2s;
display: flex;
position: static;
top: auto;
bottom: 10px;
left: auto;
right: 0%;
}
.link-btn_viewall:hover {
color: #0074d1;
}
.link-btn__image {
height: 15px;
margin-left: 10px;
}
.link-btn__text {
font-size: 1rem;
font-weight: 600;
text-decoration: none;
}
.slide-nav-3 {
z-index: 15;
}
.techs {
padding-top: 120px;
padding-bottom: 120px;
font-size: 1rem;
}
.techs__list.techs-list {
justify-content: space-between;
display: flex;
}
.techs-list__column {
width: 30%;
}
.techs-list__item.tech-item {
margin-bottom: 70px;
}
.techs-list__item.tech-item.tech-item--last {
margin-bottom: 0;
}
.tech-item__header {
align-items: center;
margin-bottom: 24px;
display: flex;
}
.tech-item__body {
padding-left: 10px;
}
.tech-item__img-wrapper {
width: 50px;
height: 50px;
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/5f19ad2e7dd1e230880d017c_tech-item-bg.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
justify-content: center;
align-items: center;
margin-right: 10px;
display: flex;
}
.tech-item__img {
height: 20px;
max-height: 20px;
max-width: 25px;
opacity: 1;
}
.tech-item__name {
font-size: 1.3rem;
font-weight: 600;
line-height: 30px;
}
.tech-item__value-wrapper {
align-items: center;
margin-bottom: 15px;
display: flex;
position: relative;
}
.tech-item__value-point {
width: 6px;
height: 6px;
margin-right: 10px;
}
.working-bar {
border-bottom: 6px solid #edf6ff;
justify-content: space-between;
margin-bottom: 50px;
display: flex;
}
.working-bar__segment {
width: 23%;
border-bottom: 6px #edf6ff;
align-items: center;
padding-left: 0;
display: flex;
position: relative;
}
.working-bar__segment-name {
text-transform: uppercase;
margin-bottom: 15px;
font-size: .875rem;
font-weight: 600;
}
.working-bar__segment-circle {
width: 18px;
height: 18px;
background-color: #1791f2;
border-radius: 100px;
position: absolute;
top: auto;
bottom: -13px;
left: 0;
right: auto;
}
.fake-header {
height: 80px;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.text-block-9 {
font-size: 1rem;
}
.bold-text-14 {
color: #fff;
font-weight: 600;
}
.bold-text-15 {
font-weight: 600;
}
.offer__inner {
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.offer__item {
width: 45%;
flex-direction: column;
align-items: flex-start;
margin-bottom: 50px;
padding-right: 100px;
display: flex;
}
.offer-item__name {
margin-top: 0;
margin-bottom: 20px;
font-size: 1.5rem;
}
.offer-item__description {
margin-bottom: 18px;
font-size: 1rem;
}
.offer-item__img-wrapper {
width: 90px;
height: 90px;
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/5f1f11c56077a270da239055_item-bg.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
margin-bottom: 25px;
padding: 21px;
}
.offer-item__img {
height: 100%;
}
.body-8 {
background-color: rgba(23, 145, 242, .25);
padding-top: 0;
font-size: 16px;
}
.estimate-popup {
width: 100%;
max-width: 700px;
min-height: 640px;
color: #2c394a;
background-color: #f7faff;
border-radius: 5px;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
padding: 25px;
font-size: 1rem;
display: flex;
}
.estimate-popup__inner {
width: 100%;
height: 100%;
flex-direction: column;
flex: 1;
display: flex;
}
.estimate-form__header {
margin-bottom: 35px;
padding-right: 30px;
position: relative;
}
.estimate-popup__name {
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
font-weight: 600;
}
.estimate-form__tabs.popup-tabs {
background-color: rgba(23, 145, 242, .05);
margin-bottom: 20px;
padding: 0;
}
.estimate-popup__close-btn {
width: 20px;
height: 20px;
cursor: pointer;
padding: 3px;
display: flex;
position: absolute;
top: 50%;
bottom: auto;
left: auto;
right: 0%;
transform: translate(0, -50%);
}
.estimate-popup__close-icon {
width: 100%;
height: 100%;
flex: none;
}
.estimate-form {
width: 100%;
height: 100%;
flex-direction: column;
flex: 1;
justify-content: center;
align-self: auto;
align-items: stretch;
margin-bottom: 0;
display: flex;
}
.estimate-form__form-group, .estimate-form__form-group.estimate-input {
margin-bottom: 25px;
}
.estimate-input__label {
margin-bottom: 15px;
font-weight: 500;
}
.estimate-input__text {
height: 50px;
border: 1px solid #ecf1f6;
border-radius: 5px;
font-weight: 500;
display: block;
}
.estimate-input__text:focus {
border-color: rgba(44, 146, 246, .55);
font-weight: 500;
}
.estimate-input__result {
margin-bottom: 20px;
font-size: .875rem;
font-weight: 500;
}
.estimate-input__result-name {
color: #c1ced4;
margin-right: 5px;
display: inline-block;
}
.estimate-input__result-value {
display: inline-block;
}
.estimate-form__inner {
flex-direction: column;
flex: 1;
justify-content: flex-start;
display: flex;
}
.estimate-input__buttons {
justify-content: space-between;
display: flex;
}
.estimate-input__button {
flex: 1;
justify-content: center;
align-items: stretch;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
font-size: .875rem;
font-weight: 500;
display: flex;
}
.estimate-input__button.estimate-input__button--first {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
align-items: stretch;
}
.estimate-input__button.estimate-input__button--last {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.estimate-input__button-label {
width: 100%;
text-align: center;
background-color: #fff;
border: 1px solid #ecf1f6;
flex: 1;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding-top: 13px;
padding-bottom: 13px;
font-weight: 500;
display: flex;
}
.estimate-input__button-label.estimate-input__button-label--first {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.estimate-input__button-label.estimate-input__button-label--last {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.estimate-input__button-icon {
display: none;
}
.estimate-form__step {
flex-direction: column;
flex: 1;
justify-content: flex-start;
margin-bottom: 0;
padding-bottom: 20px;
display: none;
}
.estimate-form__step.estimate-form__step--active {
display: block;
}
.estimate-popup__overlay {
z-index: 150;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .25);
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: none;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.step-tabs__tab {
color: #c0ced4;
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
font-size: .875rem;
font-weight: 500;
}
.step-tabs__tab.step-tabs__tab--active {
color: #2c394a;
}
.step-tabs__tab.step-tabs_tab--visited {
background-color: rgba(23, 145, 242, .05);
}
.step-tabs__tab.step-tabs__tab--first {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.step-tabs__tab.step-tabs__tab--last {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.estimate-form__steps {
width: 100%;
height: 100%;
flex-direction: column;
flex: 1;
justify-content: space-between;
display: flex;
}
.estimate-input__label-span {
color: #c0ced4;
}
.estimate-form__error-block {
color: #d63b2f;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #ffdcdc;
border-radius: 5px;
margin-top: 15px;
}
.estimate-form__succes.estimate-succes {
background-color: rgba(0, 0, 0, 0);
flex: none;
order: 0;
align-self: stretch;
padding: 0;
}
.estimate-succes__content {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 30px;
display: flex;
}
.estimate-succes__image {
max-height: 110px;
margin-bottom: 25px;
}
.estimate-succes__title {
margin-top: 0;
margin-bottom: 20px;
font-size: 1.5rem;
line-height: 30px;
}
.estimate-succes__description {
color: #c0ced4;
margin-bottom: 30px;
}
.bold-text-16 {
font-weight: 600;
}
.estimate-succes__inner {
width: 100%;
height: 100%;
flex-direction: column;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
display: block;
}
.estimate-form__header-sidebar {
margin-bottom: 20px;
position: relative;
}
.div-block-8 {
z-index: 110;
background-color: rgba(0, 0, 0, .15);
display: none;
}
.tech-item__value-description {
color: #9b9b9b;
}
.team-list {
flex-direction: column;
display: flex;
}
.team-list__item.team-member {
width: 16.6%;
padding-left: 15px;
padding-right: 15px;
}
.team-member__name {
margin-top: 10px;
margin-bottom: 5px;
font-size: 1.2rem;
}
.team-member__position {
color: #666;
font-size: 1rem;
}
.team-list__static, .team-list__hidden {
margin-bottom: 30px;
display: flex;
}
.team-list__navigation {
justify-content: center;
align-self: auto;
display: flex;
}
.team-list__inner {
flex-direction: column;
margin-bottom: 20px;
display: flex;
}
.saas-dev-servise {
background-color: #f9fcff;
padding: 120px 70px 155px;
}
.saas-dev-servise__list {
flex-wrap: wrap;
justify-content: space-between;
display: flex;
}
.saas-dev-servise__list-elem {
width: 350px;
}
.saas-dev-servise__list-elem.mb-90 {
margin-bottom: 90px;
}
.saas-dev-servise__list-elem-img {
margin-bottom: 22px;
}
.saas-dev-servise__list-elem-title {
margin-top: 0;
margin-bottom: 15px;
font-size: 22px;
font-weight: 600;
line-height: 1.22;
}
.saas-dev-servise__list-elem-text {
margin-bottom: 0;
font-size: 16px;
line-height: 1.38;
}
.saas-dev-servise__list-elem-text.mb-90 {
margin-bottom: 90px;
}
.psd-angular-cf__item-text {
font-size: 16px;
line-height: 1.5;
}
.saas-solutions {
padding: 120px 70px;
}
.saas-solutions__line {
width: 6px;
height: auto;
min-width: 6px;
background-color: #edf6ff;
flex: 0 auto;
align-self: auto;
margin-right: 60px;
display: block;
position: relative;
overflow: visible;
}
.saas-solutions__cont {
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.saas-solutions__list-item {
margin-bottom: 80px;
display: flex;
position: relative;
}
.saas-solutions__list-item.saas-solutions__list-item_last {
margin-bottom: 0;
}
.saas-solutions__list-item-imgs {
flex: none;
margin-right: 75px;
}
.saas-solutions__list-item-imgs-img {
width: 400px;
height: 225px;
border: 1px solid #eee;
border-radius: 5px;
margin-bottom: 12px;
}
.saas-solutions__list-item-imgs-imgs-img {
border: 1px solid #eee;
border-radius: 5px;
}
.saas-solutions__list-item-imgs-imgs {
justify-content: space-between;
display: flex;
}
.saas-solutions__list-item-info {
width: 525px;
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
display: flex;
}
.saas-solutions__list-item-info-title {
color: #1e1d28;
margin-top: 0;
margin-bottom: 20px;
font-weight: 600;
}
.saas-solutions__list-item-info-text {
margin-bottom: 25px;
font-size: 16px;
line-height: 1.38;
}
.saas-solutions__list-item-info-link {
color: #1791f2;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
text-decoration: none;
display: flex;
}
.mr8 {
margin-right: 8px;
}
.saas-solutions__line-item {
width: 18px;
height: 18px;
background-color: #1791f2;
border-radius: 50%;
position: absolute;
top: 20px;
left: -72px;
}
.saas-solutions__line-item.saas-solutions__line-item_2 {
top: 427px;
}
.saas-solutions__line-item.saas-solutions__line-item_3 {
top: 834px;
}
.reviesws {
padding: 120px 70px;
}
.reviews__item {
width: 630px;
border: 1px solid #e9eef1;
border-radius: 10px;
padding: 25px;
}
.reviews__item-header {
justify-content: space-between;
margin-bottom: 25px;
display: flex;
}
.reviews__item-header-left {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.reviews__item-header-right {
align-items: center;
display: flex;
}
.reviews__item-header-left-name {
color: #1e1d28;
margin-top: 0;
margin-bottom: 5px;
font-size: 18px;
font-weight: 600;
line-height: 22px;
}
.reviews__item-header-left-client {
color: #666;
font-size: 16px;
line-height: 1.38;
}
.reviews__item-header-right-rating {
color: #1e1d28;
margin-right: 10px;
font-size: 18px;
font-weight: 600;
}
.reviews__item-header-right-imgs-img {
margin-right: 3px;
}
.reviews__item-header-right-imgs-img.reviews__item-header-right-imgs-img_last {
margin-right: 0;
}
.reviews__item-body-title {
color: #1e1d28;
margin-top: 0;
margin-bottom: 13px;
font-size: 13px;
font-weight: 500;
line-height: 16px;
}
.reviews__item-body-text {
color: #666;
margin-bottom: 20px;
font-size: 16px;
line-height: 1.38;
}
.reviews__item-body-text.reviews__item-body-text_last {
margin-bottom: 0;
}
.reviesws__link {
z-index: 1000;
color: #1791f2;
font-size: 16px;
font-weight: 600;
text-decoration: none;
display: flex;
position: absolute;
bottom: 8px;
right: 0;
}
.thans__container {
height: 100vh;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.thans__text {
color: #1791f2;
font-family: Montserrat, sans-serif;
font-size: 20px;
font-weight: 400;
}
.post-info {
color: #7d8991;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
margin-top: 4px;
font-size: 12px;
line-height: 17px;
display: flex;
}
.post-info.text-white {
color: #7d8990;
flex-direction: row;
justify-content: flex-start;
display: flex;
position: static;
}
.post__image {
width: 100%;
height: 100%;
min-height: 100%;
min-width: 100%;
object-fit: cover;
display: none;
position: absolute;
top: 0;
left: 0;
}
.text-block-10 {
text-decoration: none;
}
.mini-icon {
width: 16px;
height: 16px;
margin-right: 8px;
}
.post-heading {
text-transform: capitalize;
margin-top: 12px;
font-size: 36px;
font-weight: 700;
}
.post-hero-content {
z-index: 3;
max-width: 66.66%;
flex-direction: column;
align-items: center;
margin-left: 100px;
margin-right: auto;
padding-bottom: 36px;
padding-left: 15px;
padding-right: 15px;
display: none;
position: relative;
}
.divider-small {
width: 1px;
height: 16px;
background-color: #e6e6e6;
margin-left: 12px;
margin-right: 12px;
}
.divider-small.transparent {
opacity: .5;
}
.post-info-block {
justify-content: flex-start;
align-items: center;
padding-top: 4px;
padding-bottom: 4px;
display: flex;
position: static;
}
.section-4 {
z-index: 2;
padding: 24px 40px;
position: relative;
}
.section-4.post-hero-section {
height: 600px;
max-height: none;
min-height: auto;
color: #fff;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
margin-top: 25px;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
overflow: hidden;
}
.section-4.no-padding {
padding: 0;
}
.section-4.hero {
color: #fff;
text-align: center;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 128px;
padding-bottom: 128px;
display: flex;
position: relative;
overflow: hidden;
}
.section-4.hero.about-hero {
background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/6072d85f55e0d12b188f5a74_tomasz-zagorski-1097343-unsplash.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, fixed;
}
.section-4.top-section {
margin-top: 0;
}
.section-4.post_section {
position: relative;
}
.badge {
z-index: 3;
height: 24px;
color: #fff;
background-color: rgba(21, 21, 21, .7);
border-radius: 12px;
padding: 3px 12px;
font-size: 11px;
font-weight: 700;
line-height: 16px;
text-decoration: none;
display: inline-block;
position: relative;
}
.badge:hover {
opacity: 1;
color: #fff;
text-decoration: underline;
}
.wrapper {
z-index: 1;
width: 100%;
height: 100%;
max-width: 1200px;
background-color: rgba(0, 0, 0, 0);
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
position: relative;
}
.post-hero-gradient {
z-index: 0;
background-image: linear-gradient(rgba(21, 21, 21, 0) 25%, rgba(21, 21, 21, .8));
display: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.post-author {
width: 240px;
border-right: 1px solid #e6e6e6;
flex-direction: column;
flex: none;
justify-content: flex-start;
align-items: center;
padding: 16px 32px;
display: flex;
}
.post-about {
background-color: #f6f6f6;
border-radius: 6px;
justify-content: flex-start;
align-items: stretch;
margin-top: 48px;
padding-top: 32px;
padding-bottom: 32px;
display: flex;
}
.post-content {
flex-wrap: wrap;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
}
.post-subscribe {
text-align: center;
border: 1px solid #e6e6e6;
border-radius: 6px;
margin-top: 56px;
margin-left: 15px;
margin-right: 15px;
padding: 48px;
}
.post-subscribe.subscribe-post {
display: block;
}
.grid-mini-list {
grid-column-gap: 30px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
grid-auto-columns: 1fr;
display: grid;
}
.grid-mini {
grid-column-gap: 30px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-auto-columns: 1fr;
margin-left: 15px;
margin-right: 15px;
display: grid;
}
.post-avatar {
width: 80px;
height: 80px;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
margin-bottom: 8px;
}
.more-link-arrow-hover {
z-index: 1;
width: 14px;
opacity: 0;
display: none;
position: absolute;
}
.subscribe-v3-grid {
grid-template-columns: 1fr;
display: grid;
}
.form-success-2 {
color: #06c25e;
background-color: rgba(6, 194, 94, .08);
border: 1px solid #06c25e;
border-radius: 6px;
padding: 8px 12px;
font-size: 12px;
line-height: 16px;
}
.post-wrapper {
padding-top: 48px;
display: flex;
}
.button-2 {
height: 48px;
color: #fff;
text-align: center;
background-color: #06c25e;
border-style: none;
border-radius: 6px;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-size: 14px;
font-weight: 700;
line-height: 24px;
text-decoration: none;
transition: background-color .4s cubic-bezier(.215, .61, .355, 1), box-shadow .4s cubic-bezier(.215, .61, .355, 1), color .4s cubic-bezier(.215, .61, .355, 1);
display: flex;
}
.button-2:hover {
background-color: #00aa50;
}
.sidebar {
width: 300px;
flex: none;
margin-left: 4%;
padding-left: 15px;
padding-right: 0;
}
.subscribe-v1-grid {
width: 100%;
max-width: 470px;
grid-column-gap: 16px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.form-error {
color: #fa345a;
text-align: center;
background-color: rgba(250, 52, 90, .08);
border: 1px solid rgba(250, 52, 90, .3);
border-radius: 6px;
margin-top: 16px;
padding: 8px 12px;
font-size: 12px;
line-height: 16px;
}
.more-link-icon {
width: 20px;
height: 20px;
border: 1px solid #e6e6e6;
border-radius: 3px;
justify-content: center;
align-items: center;
margin-left: 8px;
padding: 2px;
display: flex;
}
.more-link-icon:hover {
background-color: rgba(23, 145, 242, .16);
}
.form-info {
color: #777;
margin-top: 20px;
font-size: 11px;
line-height: 16px;
}
.header-line {
z-index: 1;
width: 64px;
height: 2px;
background-color: #151515;
position: absolute;
top: auto;
bottom: -1px;
left: 0;
right: auto;
}
.post-bottom-info {
color: #777;
justify-content: flex-start;
align-items: center;
margin-top: 8px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 13px;
line-height: 20px;
display: flex;
}
.subscribe-v3-form {
margin-top: -4px;
}
.header-2 {
flex-wrap: wrap;
flex: 1;
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-bottom: -18px;
display: flex;
}
.banner-sidebar {
width: 100%;
max-width: 400px;
cursor: pointer;
border-radius: 6px;
justify-content: center;
align-items: center;
padding-top: 34px;
transition: filter .3s;
display: block;
overflow: hidden;
}
.banner-sidebar:hover {
filter: brightness(95%);
}
.post-author-about {
text-align: left;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
padding: 16px 32px;
display: flex;
}
.sidebar-block {
margin-bottom: 48px;
}
.sidebar-block.subcribe-form {
display: none;
}
.sidebar-block.sticky {
margin-bottom: 0;
position: -webkit-sticky;
position: sticky;
top: 116px;
}
.video-container {
height: 0;
margin-bottom: 15px;
padding-bottom: 56.25%;
position: relative;
}
.video-container.none {
display: none;
}
.more-link-arrow {
width: 14px;
height: 14px;
opacity: .5;
}
.text-link-dark {
color: #151515;
text-decoration: underline;
transition: color .2s;
}
.text-link-dark:hover {
color: #06c25e;
}
.input {
height: 48px;
box-shadow: none;
background-color: #f6f6f6;
border: 1px solid #e6e6e6;
border-radius: 6px;
margin-bottom: 0;
padding: 8px 24px;
font-size: 14px;
line-height: 20px;
transition: border-color .3s, background-color .3s;
}
.input:hover {
background-color: #fff;
border-color: #d1d1d1;
}
.input:focus {
background-color: #fff;
border-color: #06c25e;
}
.input.no-margin {
margin: 0;
}
.post {
flex: 1;
padding-left: 0;
padding-right: 0;
}
.more-link {
width: auto;
color: #777;
text-transform: uppercase;
flex: none;
justify-content: flex-end;
align-self: center;
align-items: center;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
font-size: 10px;
font-weight: 600;
line-height: 16px;
display: flex;
}
.post-rich-text {
text-align: justify;
text-decoration: none;
}
.post-rich-text p {
max-width: none;
color: #404547;
text-align: left;
margin-top: 10px;
margin-bottom: 20px;
font-family: Montserrat, sans-serif;
font-weight: 500;
line-height: 160%;
text-decoration: none;
}
.post-rich-text h2 {
text-align: left;
margin-top: 100px;
margin-bottom: 20px;
padding-top: 0;
font-size: 36px;
font-weight: 700;
line-height: 140%;
}
.post-rich-text a {
color: #7d8990;
font-weight: 600;
}
.post-rich-text h5 {
text-align: left;
margin-top: 20px;
font-size: 1rem;
font-weight: 700;
}
.post-rich-text h4 {
text-align: left;
margin-top: 30px;
font-size: 1rem;
font-weight: 700;
}
.post-rich-text.text_narrow {
max-width: 1000px;
margin-top: 0;
}
.post-rich-text h3 {
text-align: left;
margin-top: 60px;
margin-bottom: 20px;
font-size: 30px;
}
.post-rich-text blockquote {
text-align: left;
border-radius: 7px;
}
.post-rich-text img {
width: 100%;
height: 100%;
max-width: 100%;
min-width: 0;
object-fit: cover;
border-radius: 7px;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
position: static;
}
.post-rich-text ul {
text-align: left;
padding-left: 35px;
}
.post-rich-text ol {
text-align: left;
}
.post-rich-text.cta_in-rich-text {
background-color: #f3f5fb;
align-items: flex-end;
margin-top: 0;
padding: 0;
display: flex;
}
.post-more {
width: 100%;
padding-top: 56px;
}
.text-block-11 {
text-align: left;
text-decoration: none;
}
.post-share {
width: 100px;
flex-direction: column;
flex: none;
justify-content: flex-start;
align-items: flex-start;
padding-left: 11px;
padding-right: 20px;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 104px;
}
.post-bottom-category {
color: #151515;
font-weight: 600;
}
.post-bottom-category:hover {
text-decoration: underline;
}
.header-text {
margin-top: 0;
margin-bottom: 0;
}
.post-body {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.header-block {
z-index: 2;
border-bottom: 1px solid #e6e6e6;
justify-content: space-between;
align-items: center;
margin-bottom: 32px;
padding-bottom: 20px;
display: flex;
position: relative;
}
.header-block.side-margins {
align-items: center;
margin-top: -4px;
margin-left: 15px;
margin-right: 15px;
}
.header-block.side-margins-copy {
border: 1px #000;
align-items: center;
margin-top: 120px;
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
}
.header-block.side-margins-copy-copy {
border: 1px #000;
align-items: center;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
}
.heading-14 {
text-align: center;
}
.subscribe-v3-text {
margin-bottom: 16px;
}
.post-first-letter {
float: left;
margin-top: 6px;
margin-right: 12px;
font-size: 64px;
line-height: 40px;
display: inline-block;
}
.grid-medium {
grid-column-gap: 30px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
grid-auto-columns: 1fr;
margin-left: 15px;
margin-right: 15px;
display: grid;
}
.post-mini {
color: #151515;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.post-mini.post-item {
align-items: center;
margin-bottom: 11px;
}
.post-mini-thumbnail {
width: 80px;
height: 80px;
border-radius: 6px;
flex: none;
position: relative;
overflow: hidden;
}
.thumbnail {
z-index: 1;
width: 100%;
height: 100%;
min-height: 100%;
min-width: 100%;
object-fit: cover;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.post-mini-content {
flex: 1;
padding-left: 20px;
line-height: 22px;
}
.post-heading-link {
color: #151515;
text-transform: capitalize;
text-decoration: none;
}
.post-heading-link:hover {
text-decoration: underline;
}
.post-mini-heading {
text-transform: capitalize;
margin-bottom: 4px;
}
.mini-icon-grey {
width: 16px;
height: 16px;
opacity: .5;
margin-right: 8px;
}
.post-heading-medium {
margin-top: 16px;
margin-bottom: 12px;
}
.thumbnail-medium {
height: 256px;
border-radius: 6px;
align-items: flex-start;
padding: 20px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.post-card {
flex-direction: column;
display: flex;
position: relative;
}
.post-info-block-2 {
justify-content: flex-start;
align-items: center;
padding-top: 4px;
padding-bottom: 4px;
display: flex;
}
.blog-container {
padding-top: 0;
}
.grid-full-big {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, 33.33%);
grid-auto-columns: 1fr;
margin-bottom: 25px;
display: grid;
}
.full-height {
height: 100%;
}
.full-height:hover {
opacity: 1;
}
.button-full-blue {
height: 50px;
color: #fff;
background-color: #3a78f8;
border: 1px solid #3a78f8;
border-radius: 15px;
margin-right: 10px;
padding: 13px 70px 15px;
font-size: 17px;
line-height: 1.18;
text-decoration: none;
}
.button-full-blue:hover {
color: #fff;
}
.post-card-v3-big {
width: 100%;
height: 33vw;
min-height: 344px;
color: #fff;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding: 40px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.post-card-v3-big:hover {
color: #fff;
text-decoration: none;
}
.post-v2-heading {
text-transform: capitalize;
margin-top: 12px;
margin-bottom: 16px;
font-weight: 600;
text-decoration: none;
}
.post-v2-heading:hover {
opacity: 1;
color: #fff;
text-decoration: underline;
}
.post-gradient {
z-index: 2;
background-image: linear-gradient(rgba(21, 21, 21, 0) 25%, rgba(21, 21, 21, .7));
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.post-gradient:hover {
color: #fff;
}
.post-card-content {
z-index: 3;
position: relative;
}
.navigationarticle_links {
color: #fff;
align-items: center;
margin-bottom: 10px;
font-size: 11px;
text-decoration: none;
display: flex;
}
.navigationarticle_links-cutter {
padding-left: 2px;
padding-right: 2px;
}
.navigationarticle-link {
color: #fff;
text-decoration: none;
}
.pagination {
margin-bottom: 25px;
}
.search-2 {
padding-left: 25px;
padding-right: 25px;
}
.page-intro {
max-width: 770px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 0 auto;
display: flex;
}
.page-heading {
margin-top: 0;
margin-bottom: 0;
}
.breadcrumbs {
color: #777;
justify-content: flex-start;
align-items: center;
margin-top: 16px;
margin-left: 15px;
margin-right: 15px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 11px;
line-height: 16px;
display: flex;
}
.breadcrumbs-link {
color: #1791f2;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
}
.breadcrumbs-link:hover {
text-decoration: underline;
}
.breadcrumbs-divider {
color: #d1d1d1;
padding-left: 10px;
padding-right: 10px;
font-size: 1rem;
}
.side-posts {
flex: 1;
padding-top: 12px;
}
.empty-state {
color: #151515;
text-align: center;
background-color: #f6f6f6;
border: 1px solid #e6e6e6;
border-radius: 6px;
margin-left: 15px;
margin-right: 15px;
padding: 8px 12px;
font-size: 12px;
line-height: 16px;
}
.content-with-sidebar {
z-index: 4;
width: 100%;
padding-top: 8px;
display: flex;
}
.grid-list {
grid-template-rows: auto auto;
grid-template-columns: 100%;
grid-auto-columns: 1fr;
margin-left: 15px;
margin-right: 15px;
display: block;
}
.sidebar-category {
color: #151515;
border: 1px solid #e6e6e6;
border-radius: 6px;
justify-content: flex-start;
align-items: center;
margin-top: 8px;
margin-bottom: 8px;
padding: 11px 20px;
font-size: 14px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: border-color .3s;
display: flex;
position: relative;
overflow: hidden;
}
.sidebar-category:hover {
border-color: #d1d1d1;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0);
}
.category-color-line {
width: 20px;
height: 2px;
background-color: #151515;
margin-right: 12px;
}
.sidebar-category-name {
z-index: 1;
position: relative;
}
.category-arrow {
z-index: 2;
width: 16px;
opacity: .5;
margin-right: 15px;
position: absolute;
right: 0;
}
.post-v3-content {
flex: 1;
padding-left: 30px;
}
.post-v3-heading {
margin-top: -4px;
}
.post-v3-thumbnail {
width: 35%;
height: 200px;
border-radius: 6px;
flex: none;
padding: 16px;
text-decoration: none;
position: relative;
overflow: hidden;
}
.post-v3-card {
flex-direction: row;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.post-summary {
color: #777;
margin-bottom: 12px;
}
.post-card-avatar {
width: 28px;
height: 28px;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
margin-right: 8px;
}
.s-hero {
min-height: auto;
background-image: linear-gradient(45deg, #edf6ff, #e9f5ff);
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 80px;
position: relative;
}
.s-hero.x-development {
min-height: auto;
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
position: relative;
overflow: hidden;
}
.s-hero.x-development.new {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"), linear-gradient(to right, #000, rgba(0, 0, 0, .6));
background-position: 50%, 0 0;
background-size: cover, auto;
align-items: center;
display: flex;
}
.s-hero.x-development.old {
display: none;
}
.s-container {
max-width: 1200px;
flex-direction: column;
align-items: stretch;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.s-container.new {
flex-direction: column;
flex: 1;
justify-content: center;
display: flex;
}
.s-hero__inner {
width: auto;
max-width: 1200px;
text-align: left;
margin-top: 160px;
margin-left: auto;
margin-right: auto;
}
.s-hero__inner.new {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: flex-start;
margin-top: 0;
padding-top: 115px;
display: flex;
}
.s-title {
margin-top: 0;
margin-bottom: 20px;
font-size: 80px;
font-weight: 900;
line-height: 110%;
}
.s-title.words-in-tittle {
max-width: 90%;
flex: 0 auto;
align-self: center;
margin-right: 0;
}
.s-title.new {
color: #fff;
text-align: left;
margin-bottom: 40px;
font-size: 72px;
line-height: 80px;
}
.s-hero__tips {
justify-content: center;
align-items: center;
margin-bottom: 48px;
display: flex;
}
.s-hero__tip {
align-self: center;
margin-left: 12px;
margin-right: 12px;
display: flex;
}
.tip__image {
margin-right: 10px;
}
.tip__name {
color: #404547;
align-self: center;
font-size: 1rem;
font-weight: 400;
}
.body-9 {
background-color: rgba(0, 0, 0, 0);
padding-top: 0;
}
.s-hero__title {
text-align: center;
flex-flow: column wrap;
display: block;
position: relative;
}
.text-span-3 {
color: #1791f2;
}
.s-hero__wheel {
display: none;
position: absolute;
top: auto;
bottom: 4%;
left: auto;
right: 6%;
}
.s-hero__buttons {
justify-content: center;
align-items: center;
margin-bottom: 0;
display: flex;
}
.s-button {
color: #fff;
text-transform: uppercase;
background-color: #1791f2;
border-radius: 3px;
margin-left: 10px;
margin-right: 10px;
padding-top: 0;
font-size: .87rem;
font-weight: 500;
transition: all .2s;
}
.s-button:hover {
background-color: #097dda;
}
.s-button.secondary {
color: #1791f2;
background-color: rgba(255, 255, 255, 0);
border: 1px solid #1791f2;
border-radius: 3px;
}
.s-button.blue-banner_btn {
color: #1791f2;
background-color: #fff;
margin-left: 0;
padding: 15px 30px;
font-weight: 600;
}
.s-button.blue-banner_btn:hover {
opacity: .74;
}
.s-button.new-button {
letter-spacing: 1px;
border-radius: 5px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
font-weight: 600;
position: absolute;
top: auto;
bottom: 10%;
left: auto;
right: 0%;
}
.s-button.new {
font-size: 1rem;
}
.s-button.submit-form-button {
margin-left: 0;
}
.s-button.expand-button, .s-button.hide-button {
color: #1791f2;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #1791f2;
margin-left: 0;
}
.s-hero__partners {
height: 96px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 60px;
margin-bottom: -16px;
display: flex;
overflow: hidden;
}
.s-hero__partner-logo {
width: auto;
height: 35px;
max-height: none;
max-width: none;
opacity: .72;
object-fit: contain;
margin-bottom: 15px;
margin-left: 27px;
margin-right: 30px;
}
.s-hero__partner-logo.deloite {
height: 15px;
}
.s-hero__partner-logo.da-vinvci {
max-width: 15%;
object-fit: contain;
margin-right: 0;
}
.left-column {
width: 75%;
background-color: #fff;
padding-top: 90px;
padding-right: 40px;
}
.right-column {
width: 25%;
background-color: #f4f5fb;
margin-top: 0;
padding-top: 90px;
padding-left: 30px;
}
.two-columns {
max-width: 1200px;
flex-direction: row;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: flex;
}
.grid-5 {
grid-template-rows: auto;
}
.developers-cards-carousel.left-column_block {
margin-top: 0;
margin-bottom: 90px;
position: relative;
overflow: visible;
}
.h3 {
margin-top: 0;
margin-bottom: 30px;
font-size: 1.75rem;
font-weight: 700;
line-height: 140%;
position: static;
}
.h3.we-will-reach_heading {
color: #fff;
margin-top: 281px;
margin-bottom: 20px;
position: static;
}
.h3.our-works_block_h3 {
text-align: right;
text-transform: uppercase;
order: -1;
font-size: 1rem;
font-weight: 500;
position: static;
}
.h3.words-in-tittle {
margin-right: 8px;
}
.column {
display: flex;
}
.image-9 {
width: 92px;
height: 92px;
}
.h4 {
max-width: none;
flex: 0 auto;
order: -1;
align-self: center;
margin: 0 auto 5px 0;
font-size: 1rem;
font-weight: 700;
line-height: 140%;
display: block;
position: static;
}
.h4.x-stack_tab_tittle {
margin-bottom: 0;
}
.faq.left-column_block {
margin-bottom: 90px;
}
.table-question__open-icon_blue {
color: #830fc2;
}
.left-column_block {
margin-bottom: 90px;
}
.our-apps_grid {
grid-column-gap: 16px;
grid-template-rows: 496px;
grid-template-columns: 1.75fr 1fr;
}
.grid-7 {
grid-template-rows: 240px 240px;
grid-template-columns: 1fr;
}
.grid-8 {
grid-template-rows: auto;
}
.our-apps_grid_photo {
width: 100%;
height: 100%;
max-width: none;
filter: blur(2px);
object-fit: cover;
background-color: #1c1d1e;
border-radius: 0;
display: block;
position: relative;
overflow: visible;
}
.our-apps_grid_photo._2-columns-1-row {
border-radius: 0;
}
.our-apps_grid_photo._1-column-2-rows {
width: 100%;
height: 100%;
min-height: 100%;
min-width: 100%;
}
.our-apps_grid_photo-wrapper {
width: 100%;
height: 100%;
min-height: 100%;
min-width: 100px;
border-radius: 7px;
position: relative;
overflow: hidden;
}
.our-apps_grid_content {
z-index: 1;
width: 100%;
height: 100%;
min-height: 100%;
min-width: 100%;
-webkit-text-fill-color: inherit;
object-fit: fill;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(165deg, rgba(0, 0, 0, .47) 41%, rgba(17, 20, 23, .36) 53%, rgba(72, 87, 99, 0) 75%);
background-clip: border-box;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 40px;
text-decoration: none;
display: block;
position: absolute;
}
.our-apps_grid_content:hover {
background-color: rgba(23, 145, 242, .47);
background-image: none;
}
.text-block-12 {
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 140%;
}
.ur-apps_grid_project-name {
color: #fff;
font-size: 1rem;
font-weight: 500;
text-decoration: none;
}
.ur-apps_grid_technologies-icon {
width: 32px;
height: 32px;
opacity: .73;
margin-right: 8px;
}
.ur-apps_grid_technologies-wrapper {
border: 1px #000;
flex-wrap: wrap;
margin-top: 15px;
display: flex;
}
.our-apps_technologies_grid {
grid-row-gap: 0px;
grid-template-columns: 1fr;
}
.arrow-slide {
margin-right: 1px;
}
.revealing-arrows {
width: 22px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
margin-top: 24px;
margin-left: auto;
margin-right: 0;
display: flex;
position: absolute;
top: auto;
bottom: 25px;
left: auto;
right: 25px;
}
.our-works_block {
margin-bottom: 90px;
}
.text_block {
max-width: 1200px;
flex-direction: column;
justify-content: flex-start;
margin-top: 20px;
margin-bottom: 100px;
transition: height .1s cubic-bezier(.25, .1, .257, .866);
display: block;
}
.plain-text {
color: #7d8990;
white-space: normal;
margin-bottom: 40px;
line-height: 25px;
text-decoration: none;
}
._2-clm-section {
background-color: #fff;
background-image: linear-gradient(to right, #fff, #fff 74%, #f4f5fb 79%, #f4f5fb);
padding-left: 40px;
padding-right: 40px;
}
.blue-banner_block {
height: 318px;
background-color: #1791f2;
border-radius: 7px;
align-items: center;
margin-bottom: 90px;
display: flex;
position: relative;
overflow: hidden;
}
.blue-banner_block.blue-banner_mobile {
display: none;
}
.heading_blue-banner {
max-width: 366px;
min-width: 0;
color: #fff;
margin-top: 0;
margin-bottom: 25px;
font-weight: 700;
line-height: 49px;
}
.blue-banner_content_wrapper {
max-width: 400px;
margin-top: 40px;
margin-bottom: 40px;
margin-left: 40px;
}
.blue-banner_image {
width: 500px;
height: 500px;
max-width: none;
object-fit: cover;
position: absolute;
right: -115px;
}
.blue-banner_image.react-image {
object-fit: contain;
right: -179px;
}
.grid-9, .developers-cards_grid {
grid-template-rows: auto;
}
.developers-card_wrapper {
width: 100%;
height: auto;
max-width: 612px;
min-height: auto;
min-width: auto;
border: 1px solid #e3eaef;
border-radius: 7px;
flex-direction: column;
flex: 1;
align-self: auto;
margin-right: 0;
padding: 25px;
display: flex;
}
.developers-card_person {
display: flex;
position: relative;
}
.developers-card_skills {
flex-wrap: wrap;
justify-content: flex-start;
display: flex;
}
.developers-card_person_avatar {
width: 80px;
height: 80px;
object-fit: contain;
border-radius: 140px;
}
.developers-card_person-details {
align-self: center;
margin-left: 28px;
}
.developers-card_person_name {
font-size: 18px;
font-weight: 600;
line-height: 25px;
}
.developers-card_person_job {
color: #9da8af;
margin-top: 7px;
font-size: .87rem;
font-weight: 400;
line-height: 20px;
}
.developers-card_description_p {
color: #7d8990;
margin-top: 22px;
margin-bottom: 22px;
font-size: 1rem;
}
.developer-skill {
width: auto;
color: #1791f2;
background-color: #edf6ff;
border-radius: 20px;
margin-bottom: 10px;
margin-right: 7px;
padding: 5px 9px;
font-size: .8rem;
}
.slider-5 {
background-color: rgba(0, 0, 0, 0);
}
.image-11 {
position: absolute;
top: 50%;
bottom: auto;
left: auto;
right: 0%;
}
.developers-cards_slider {
height: 400px;
min-height: auto;
background-color: rgba(0, 0, 0, 0);
margin-top: 53px;
display: block;
overflow: hidden;
}
.developers-cards_slider_nav {
color: #1791f2;
margin-top: -82px;
font-size: 9px;
top: 456px;
}
.developers-cards_slider_arrow {
width: 26px;
height: 26px;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.developers-cards_slider_arrow.slider_arrow_right {
padding-right: 0;
display: block;
top: auto;
bottom: 0%;
left: auto;
right: 40%;
}
.developers-cards_slider_arrow.slider_arrow_left {
top: auto;
bottom: 0%;
left: 40%;
right: auto;
}
.developers-cards_slider_left-arrow {
width: 26px;
height: 26px;
display: block;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.icon-2 {
width: 26px;
height: 26px;
object-fit: fill;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.icon-3 {
width: 26px;
height: 26px;
max-height: 26px;
max-width: 26px;
object-fit: cover;
display: block;
}
.our-awards_block {
margin-top: 0;
margin-bottom: 60px;
}
.right-clmn_heading {
color: #333;
font-size: 16px;
font-weight: 600;
line-height: 130%;
}
.right-clmn_heading.ava-reviews_block_heading {
margin-top: 2px;
margin-bottom: auto;
}
.our-awards_logos {
flex-wrap: wrap;
display: flex;
}
.our-awards_logo_image {
max-height: 70px;
max-width: none;
min-height: 50px;
min-width: auto;
object-fit: cover;
align-self: center;
margin-bottom: 9px;
margin-right: 15px;
}
.our-awards_logo_image.the-manifest_logo {
max-height: 45px;
}
.our-awards_logo_image.best-web {
max-height: 85px;
}
.our-awards_logo_image.top-web, .our-awards_logo_image.top-20 {
max-height: 60px;
}
.mentioned-at_block {
margin-bottom: 60px;
}
.mentioned-at_logos {
flex-wrap: wrap;
display: flex;
}
.mentioned-at_heading {
color: #333;
font-size: 16px;
font-weight: 600;
line-height: 130%;
}
.mentioned-at_logos_image {
height: 30px;
max-width: none;
object-fit: contain;
flex: 0 auto;
order: -1;
align-self: auto;
margin-bottom: 9px;
margin-right: auto;
padding-right: 0;
}
.mentioned-at_logos_image.dzone {
width: 80px;
max-width: none;
}
.mentioned-at_logos_image.the-yerusalem {
width: 170px;
}
.ava-reviews_block_head {
justify-content: space-around;
align-items: center;
margin-bottom: 18px;
display: flex;
position: relative;
}
.review-on-clutch_image {
width: auto;
height: 22.33px;
max-height: 22.33px;
object-fit: contain;
flex: 0 auto;
order: 0;
align-self: center;
margin: auto 0 15px auto;
position: relative;
top: 0%;
bottom: 0%;
left: auto;
right: 0;
}
.ava-reviews_card {
border-bottom: 1px solid #e3eaef;
margin-bottom: 38px;
}
.ava-reviews_card_reviewer {
margin-bottom: 25px;
display: flex;
}
.reviewer-with-no-photo_image {
width: 45px;
height: 45px;
border-radius: 100px;
margin-right: 10px;
}
.reviewer_name {
font-size: .87rem;
font-weight: 600;
}
.reviewer_name-copy {
font-size: 14px;
font-weight: 600;
}
.reviewer_job-tittle {
color: #9da8af;
font-size: .8rem;
}
.ava-reviews_card_rating {
align-items: center;
margin-bottom: 25px;
display: block;
}
.review_average-rating {
margin-right: 8px;
font-size: .87rem;
font-weight: 600;
}
.red-star_image {
width: 14px;
height: 14px;
object-fit: cover;
margin-right: 3px;
}
.review_stars {
display: flex;
position: static;
top: 50%;
bottom: 50%;
left: auto;
right: 0%;
}
.review_stars.home-new-review {
position: static;
top: 35px;
bottom: auto;
left: auto;
right: 0%;
}
.ava-reviews_card_average-rating_wrapper {
align-items: center;
margin-bottom: 4px;
display: flex;
}
.review_detailed-rating_wrapper {
display: flex;
}
.review_rating-category_wrapper {
grid-column-gap: 16px;
grid-row-gap: 2px;
flex: 1;
grid-template-rows: 20px 20px 20px 20px;
grid-template-columns: 1.25fr .75fr;
grid-auto-columns: 1fr;
display: grid;
}
.reviewer_job-tittle-copy {
color: #9da8af;
font-size: 12px;
}
.review-category_tittle {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #404547;
font-size: .87rem;
}
.review-category_tittle.dark_text {
color: #333;
}
.review-category_tittle-copy {
color: #9da8af;
font-size: 12px;
}
.review-category_points {
color: #404547;
font-size: .87rem;
font-weight: 600;
}
.ava-reviews_card_comment {
color: #333;
margin-bottom: 25px;
font-size: .87rem;
font-weight: 600;
}
.ava-reviews_card_about {
margin-bottom: 17px;
}
.ava-reviews_card_about.project-descr, .ava-reviews_card_about.client-descr {
margin-bottom: 25px;
}
.ava-reviews_project_subtittle {
color: #7d8990;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 8px;
font-size: .87rem;
line-height: 130%;
}
.ava-reviews_project_subtittle-copy {
color: #9da8af;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 10px;
line-height: 6px;
}
.ava-reviews_project_tittle {
color: #404547;
margin-bottom: 8px;
font-size: .87rem;
font-weight: 600;
line-height: 130%;
}
.ava-reviews_project_category-cost_wrapper {
flex-wrap: wrap;
display: flex;
}
.ava-reviews_project_category-cost_wrapper.flex {
flex-flow: wrap;
display: flex;
}
.project_about_label {
flex-flow: row;
align-content: stretch;
align-items: center;
margin-bottom: 8px;
margin-right: 10px;
display: flex;
}
.project_about_label.cost {
margin-right: 0;
}
.project_category_icon {
width: 16px;
height: 16px;
object-fit: contain;
margin-right: 8px;
}
.ava-review_link {
align-items: center;
margin-bottom: 40px;
text-decoration: none;
display: flex;
}
.ava-review_link.feedback-link {
cursor: pointer;
margin-top: 40px;
margin-bottom: 0;
}
.ava-review_link.nection-case {
margin-bottom: 0;
display: none;
}
.image-12 {
width: 15px;
height: 15px;
}
.ava-review_link_text {
color: #1791f2;
letter-spacing: 1px;
text-transform: uppercase;
margin-right: 2px;
font-size: 10px;
font-weight: 600;
text-decoration: none;
}
.alina-header {
background-color: #ebf6ff;
}
.alina-header.white {
z-index: 5000;
height: auto;
background-color: #fff;
border: 1px solid #eee;
display: block;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.header-menu__inner_new {
height: 80px;
max-width: 1366px;
flex-wrap: nowrap;
align-content: center;
justify-content: space-between;
align-items: center;
display: flex;
}
.cta-banner_section {
background-color: #d7ebff;
padding-left: 40px;
padding-right: 40px;
position: relative;
overflow: hidden;
}
.cta-banner_container {
max-width: 1200px;
justify-content: space-between;
padding: 120px 0;
display: flex;
position: static;
}
.cta-banner_content {
flex-direction: column;
order: -1;
align-self: center;
align-items: flex-start;
display: flex;
position: relative;
}
.s-title-cta {
order: -1;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
font-size: 60px;
font-weight: 800;
line-height: 110%;
position: static;
}
.wings-circle_image {
width: 450px;
object-fit: contain;
order: 1;
margin-right: 44px;
position: static;
top: 13%;
bottom: 0%;
left: 20%;
right: 0%;
}
.card-slider_icon {
width: 35px;
cursor: pointer;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.card-slider_icon.home-page {
width: 25px;
height: 25px;
}
.page-container_table_header {
z-index: 10;
width: 100%;
height: auto;
max-width: 1366px;
flex: 0 auto;
align-self: auto;
margin: auto;
padding-top: 0;
padding-left: 0;
padding-right: 10px;
position: relative;
}
.page-container_table_header.sticky-header__container {
flex-direction: row;
justify-content: space-between;
align-items: center;
display: block;
}
.page-container_table_header.initial__inner {
flex: 1;
align-items: center;
display: flex;
}
.page-container_table_header.c-hero__content {
width: 100%;
flex: 1;
justify-content: flex-start;
align-items: center;
display: flex;
}
.page-container_table_header.awards {
padding-top: 80px;
padding-bottom: 80px;
}
.page-container_table_header.awards_container {
padding-top: 0;
padding-bottom: 0;
top: 0;
}
.page-container_table_header.page-container_left-clm {
padding-left: 0;
}
.stars_wrapper {
height: 20px;
align-self: center;
align-items: center;
margin-left: 5px;
margin-right: 5px;
display: flex;
}
.clutch-star_image {
width: 13px;
height: 13px;
object-fit: contain;
margin-right: 2px;
}
.s-hero_ibrowser-image {
margin-top: 24px;
position: static;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.plain-text_share-icons_wrapper {
display: flex;
}
.plain-text_share-icon {
margin-right: 10px;
}
.x-services_block {
margin-top: 90px;
margin-bottom: 90px;
}
.x-services_grid {
grid-column-gap: 30px;
grid-row-gap: 21px;
}
.x-service_icon {
width: 32px;
height: 32px;
margin-bottom: 10px;
}
.xs-text {
color: #9da8af;
margin-bottom: 0;
font-size: 14px;
}
.lft-clm_container {
margin-bottom: 90px;
}
.lft-clm_container.x-services_block {
margin-top: 0;
}
.s-text {
color: #7d8990;
margin-top: 22px;
margin-bottom: 22px;
font-size: 16px;
}
.x-stack_pannel {
border: 1px solid #e3eaef;
border-radius: 7px;
flex-direction: row;
margin-top: 60px;
display: block;
}
.x-stack_tabs_wrapper {
border-bottom: 1px solid #e3eaef;
display: flex;
}
.x-stack_tab {
color: #404547;
flex: 1;
justify-content: center;
align-self: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding: 12px 23px;
font-size: 14px;
display: flex;
}
.x-stack_tab.x-stack_tab_active {
color: #1791f2;
border-bottom: 3px solid #1791f2;
}
.x-stack_tab_text {
text-align: center;
flex: 0 auto;
margin-top: 0;
margin-bottom: 0;
padding: 0;
font-size: 14px;
line-height: 135%;
display: flex;
}
.x-stack_technologies_wrapper {
width: 100%;
flex: 0 auto;
align-self: flex-start;
margin-left: auto;
margin-right: auto;
padding-left: 0;
display: none;
position: static;
}
.tech-category_wrapper {
margin-bottom: 30px;
}
.tech-category_wrapper.case-page-tech-block {
margin-top: 0;
margin-bottom: 0;
padding: 0 0 15px;
}
.tech-tittle {
color: #1791f2;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 13px;
font-size: 10px;
}
.tech-list_item {
width: 100%;
height: 100%;
margin-bottom: 7px;
display: flex;
}
.tech-list_item_icon {
width: 24px;
height: 24px;
margin-top: 10px;
margin-right: 10px;
}
.x-stack_clmn {
padding: 30px 0 30px 50px;
position: static;
}
.service-flow_stages_wrapper {
border-bottom: 5px solid #edf6ff;
display: flex;
}
.service-flow_stage {
flex: 1;
align-self: flex-end;
}
.m-circle_icon {
margin-top: -5px;
position: relative;
top: 8px;
}
.service-flow_steps_wrapper {
margin-top: 29px;
margin-left: -14px;
}
.service-flow_item {
flex-flow: row;
margin-bottom: 15px;
display: flex;
}
.s-circle_icon {
width: 7px;
height: 7px;
max-height: 0%;
max-width: 60%;
object-fit: contain;
margin-top: 6px;
margin-right: 9px;
}
.smal-text {
color: #404547;
margin-bottom: 0;
font-size: 12px;
}
.smal-text.light-text {
color: #edf6ff;
}
.service-flow_steps_clmn {
padding-left: 0;
padding-right: 15px;
}
.service-flow_steps_clmn.first-clmn {
padding-left: 10px;
}
.service-flow_steps_clmn.second-clmn {
padding-left: 8px;
}
.form_grid {
z-index: 2;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
position: relative;
}
.waves-on-bg_image {
z-index: 0;
max-width: 1000px;
position: absolute;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.input_form_block {
background-color: #fff;
border-radius: 7px;
padding: 50px;
}
.input-form_field {
opacity: 1;
color: #000;
white-space: normal;
border: 1px #000;
border-bottom: 1px solid #b5c6d1;
margin-bottom: 35px;
padding-top: 0;
padding-bottom: 10px;
padding-left: 2px;
font-size: 14px;
}
.input-form_field:hover {
border-bottom-width: 1px;
border-bottom-color: #1791f2;
}
.input-form_field:focus {
color: #000;
border-bottom-width: 2px;
border-bottom-color: #1791f2;
font-size: 14px;
}
.input-form_field::-ms-input-placeholder {
color: #9da8af;
}
.input-form_field::placeholder {
color: #9da8af;
}
.we-will-reach_block {
background-color: #1791f2;
border-radius: 7px;
padding: 50px;
position: relative;
overflow: hidden;
}
.vikroria-in-circle_image {
max-width: 380px;
min-height: auto;
min-width: auto;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: auto;
}
.image-14 {
object-fit: contain;
}
.number_circle {
height: auto;
color: #edf6ff;
background-color: #6bb9f7;
border-radius: 20px;
flex: 0 auto;
align-self: flex-start;
margin-right: 10px;
padding: 1px 9px;
}
.we-will-reach_steps {
margin-bottom: 15px;
display: flex;
}
.xxs-text-semibold {
color: #fff;
margin-bottom: 0;
font-size: 12px;
font-weight: 600;
}
.section-5, .plain-text_section {
padding-left: 40px;
padding-right: 40px;
}
.s-button-new {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
background-color: #1791f2;
border-radius: 3px;
align-self: center;
margin-left: 0;
margin-right: 10px;
padding: 16px 50px;
font-size: .87rem;
font-weight: 600;
transition: all .2s;
}
.s-button-new:hover {
background-color: #097dda;
}
.s-button-new.secondary {
color: #1791f2;
background-color: rgba(255, 255, 255, 0);
border: 1px solid #1791f2;
border-radius: 3px;
}
.s-button-new.secondary:hover {
opacity: .68;
}
.s-button-new.blue-banner_btn {
color: #1791f2;
background-color: #fff;
margin-left: 0;
font-weight: 600;
}
.s-button-new.blue-banner_btn:hover {
opacity: .74;
}
.s-button-new.new-button {
letter-spacing: 1px;
border-radius: 5px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
font-weight: 600;
position: absolute;
top: auto;
bottom: 10%;
left: auto;
right: 0%;
}
.s-button-new.new {
padding-top: 12px;
padding-bottom: 12px;
font-size: 1rem;
}
.s-button-new.submit-form-button {
margin-left: 0;
}
.h2 {
color: #fff;
margin-bottom: 30px;
font-size: 2.125rem;
font-weight: 700;
line-height: 130%;
}
.normal-text {
max-width: 540px;
color: #404547;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 26px;
}
.normal-text.tip__name {
color: #404547;
}
.normal-text.developers-card_description_p {
color: #404547;
font-size: 1rem;
}
.normal-text.hero-text {
max-width: 900px;
color: #fff;
text-align: center;
margin-bottom: 40px;
font-size: 20px;
line-height: 36px;
}
.normal-text.hero-text.our-cases__subtitle {
color: #000;
}
.normal-text.people-chareclter_descr {
color: #000;
margin-bottom: 15px;
}
.normal-text.details-tittle {
margin-bottom: 16px;
font-weight: 500;
}
.normal-text.details-text {
color: #000;
margin-bottom: 7px;
font-weight: 500;
text-decoration: none;
display: block;
}
.normal-text.white-text {
color: #fff;
}
.tip__name-copy {
color: #404547;
align-self: center;
font-size: 1rem;
font-weight: 400;
}
.small-text {
color: #404547;
font-size: .87rem;
}
.small-text.developers-card_description_p {
color: #404547;
margin-top: 16px;
margin-bottom: 0;
}
.small-text.light-text {
color: #edf6ff;
}
.header_background {
display: none;
}
.our-awards_logos_collection_wrapper {
flex-wrap: wrap;
justify-content: flex-start;
display: block;
}
.our-awards_logos_collection_list {
flex-wrap: wrap;
display: flex;
}
.our-awards_logos_collection_item {
padding-left: 10px;
padding-right: 10px;
}
.our-awards_logo {
height: 80px;
}
.mentioned-at_logos_collection {
flex-direction: column;
align-self: flex-start;
align-items: flex-start;
display: flex;
}
.mentioned-at_logos_collection_item {
justify-content: flex-start;
align-self: flex-start;
align-items: center;
display: flex;
}
.collection-list-wrapper-3 {
flex-direction: column;
flex: 0 auto;
align-items: flex-start;
display: block;
}
.s-button-2 {
color: #fff;
text-transform: uppercase;
background-color: #1791f2;
border-radius: 3px;
margin-left: 10px;
margin-right: 10px;
font-size: .87rem;
font-weight: 500;
transition: all .2s;
}
.s-button-2:hover {
background-color: #097dda;
}
.s-button-2.secondary {
color: #1791f2;
background-color: rgba(255, 255, 255, 0);
border: 1px solid #1791f2;
border-radius: 3px;
}
.s-button-2.new {
font-size: 1rem;
}
.s-button-2.new.view_all_reviews {
width: 100%;
color: #1791f2;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #1791f2;
margin-left: 0;
}
.s-button-2.blue-banner_btn {
color: #1791f2;
background-color: #fff;
margin-left: 0;
font-weight: 600;
}
.s-button-2.blue-banner_btn:hover {
opacity: .74;
}
.tip__name-2 {
color: #ccc;
align-self: center;
font-size: 1rem;
font-weight: 400;
}
.s-hero__partners_collection {
width: 100%;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.s-hero__partners_collection_list {
width: 100%;
justify-content: space-between;
display: flex;
}
.s-hero__partners_image {
height: 35px;
opacity: .52;
filter: invert() brightness(200%) grayscale();
margin-left: 20px;
margin-right: 20px;
}
.ava-reviews_project_tittle-2 {
color: #9da8af;
margin-bottom: 8px;
font-size: .87rem;
font-weight: 600;
line-height: 130%;
}
.ava-review_link_text-2 {
color: #1791f2;
letter-spacing: 1px;
text-transform: uppercase;
margin-right: 2px;
font-size: 10px;
font-weight: 600;
text-decoration: none;
}
.developers-card_person_job-2 {
color: #9da8af;
margin-top: 7px;
font-size: .87rem;
font-weight: 400;
line-height: 20px;
}
.ava-reviews_card_comment-2 {
color: #333;
margin-bottom: 25px;
font-size: .87rem;
font-weight: 600;
}
.developers-cards_slider_nav-2 {
color: #1791f2;
margin-top: -82px;
font-size: 9px;
top: 456px;
}
.tech-tittle-2 {
color: #1791f2;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 13px;
font-size: 10px;
}
.review-category_points-2 {
color: #9da8af;
font-size: .87rem;
font-weight: 600;
}
.x-stack_tab-2 {
color: #6b7479;
flex: 1;
justify-content: center;
align-self: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding: 12px 23px;
font-size: 14px;
display: flex;
}
.x-stack_tab-2.x-stack_tab_active {
color: #1791f2;
border-bottom: 3px solid #1791f2;
}
._2-clm-section-2 {
background-image: linear-gradient(to right, #fff, #f9fcff 45%, #f4f9ff 54%, #f4f9ff);
padding-left: 40px;
padding-right: 40px;
}
.ava-reviews_project_subtittle-2 {
color: #9da8af;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 8px;
font-size: .87rem;
line-height: 130%;
}
.reviewer_job-tittle-2 {
color: #7d8990;
font-size: .8rem;
}
.developer-skill-2 {
width: auto;
color: #1791f2;
background-color: #edf6ff;
border-radius: 20px;
margin-bottom: 10px;
margin-right: 7px;
padding: 5px 9px;
font-size: .8rem;
}
.blue-banner_block-2 {
height: 318px;
background-color: #1791f2;
border-radius: 7px;
align-items: center;
margin-bottom: 90px;
display: flex;
position: relative;
overflow: hidden;
}
.blue-banner_block-2.blue-banner_mobile {
display: none;
}
.small-text-2 {
color: #6b7479;
font-size: .87rem;
}
.small-text-2.developers-card_description_p {
color: #9da8af;
margin-top: 0;
margin-bottom: 0;
}
.small-text-2.light-text {
color: #edf6ff;
}
.right-column-2 {
width: 25%;
background-color: #f4f5fb;
margin-top: 0;
padding-top: 90px;
padding-left: 30px;
}
.normal-text-2 {
color: #404547;
margin-top: 10px;
font-size: 1rem;
font-weight: 400;
}
.normal-text-2.developers-card_description_p {
color: #000;
font-weight: 400;
}
.normal-text-2.overwiew-item_text {
max-width: 550px;
text-align: left;
column-count: auto;
white-space: normal;
margin-top: 10px;
}
.normal-text-2.overwiew-item_text.list-table {
line-height: 29px;
}
.normal-text-2._500pxwidth {
width: 500px;
}
.normal-text-2.project-overview_text {
width: 100%;
max-width: none;
}
.normal-text-2.project-numbers_text {
width: auto;
max-width: none;
margin-top: 40px;
margin-bottom: 0;
}
.normal-text-2.numbers_text {
width: 100%;
text-align: left;
}
.table-question__answer-2 {
color: #6b7479;
margin-bottom: 0;
font-size: 1rem;
line-height: 1.44rem;
}
.review-category_tittle-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #9da8af;
font-size: .87rem;
}
.pagination-2 {
display: none;
overflow: visible;
}
.x-services_collection_wrapper {
margin-right: 10px;
padding-left: 10px;
}
.x-services_collection_list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-services_collection_item {
padding-left: 0;
}
.tech-category_list_wrapper {
flex-direction: row;
display: block;
}
.collection-list-wrapper-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: 1fr;
grid-template-columns: 1fr .5fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-item-2 {
width: 100%;
height: 100%;
}
.our-apps_collection_wrapper {
width: 100%;
height: 100%;
min-height: 100%;
min-width: 100%;
flex-direction: row;
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 0;
display: block;
}
.our-apps_collection {
width: 100%;
height: 100%;
min-height: 100%;
min-width: 100%;
float: none;
clear: none;
grid-column-gap: 17px;
grid-row-gap: 17px;
grid-template-rows: 250px 250px;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: start;
align-items: stretch;
justify-items: stretch;
margin-left: 0;
display: grid;
position: static;
}
.our-apps_collection_item {
width: 100%;
height: 100%;
min-height: 100%;
min-width: 100%;
flex-flow: row;
justify-content: center;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.our-apps_grid_content-2 {
z-index: 1;
width: 100%;
height: 100%;
-webkit-text-fill-color: inherit;
object-fit: fill;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(rgba(75, 87, 97, .47), rgba(72, 87, 99, 0) 75%);
background-clip: border-box;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 25px;
text-decoration: none;
display: block;
position: absolute;
}
.our-apps_grid_content-2:hover {
background-color: rgba(23, 145, 242, .47);
background-image: none;
}
.our-apps_grid_photo-wrapper-2 {
border-radius: 7px;
position: relative;
overflow: hidden;
}
.our-apps_grid_photo-2 {
width: 100%;
height: 100%;
max-width: none;
min-width: 100%;
filter: blur(2px);
object-fit: cover;
background-color: #1c1d1e;
border-radius: 0;
position: relative;
overflow: visible;
}
.ur-apps_grid_technologies_list {
display: flex;
}
.our-works_block_header {
justify-content: space-between;
align-items: center;
display: flex;
position: static;
}
.link-block-6 {
order: 1;
align-items: center;
margin-bottom: auto;
text-decoration: none;
display: flex;
}
.developers-card_collection_wrapper {
flex-direction: row;
margin-bottom: 15px;
display: block;
position: relative;
overflow: visible;
}
.developers-card_collection {
display: flex;
}
.developers-card_collection_item {
max-width: none;
min-width: auto;
flex: 1;
align-self: auto;
margin-right: 15px;
padding-right: 0;
display: flex;
}
.cms-slider {
max-width: 100%;
display: flex;
position: static;
overflow: hidden;
}
.next {
cursor: pointer;
margin-left: 20px;
}
.next.screen_collection_next {
margin-left: 10px;
}
.slider-prev {
cursor: pointer;
margin-right: 0;
}
.slider-prev.screen_collection_prev {
margin-right: 10px;
}
.screenshots_wrapper_btns {
width: 100%;
border: 1px #e3eaef;
border-radius: 8px;
justify-content: center;
margin-top: 20px;
margin-left: 0;
margin-right: auto;
display: flex;
position: relative;
}
.screenshots_wrapper_btns.slider-home-new {
z-index: 80;
border: 1px solid #f4f4f4;
border-radius: 8px;
margin-right: 0;
padding: 12px 16px;
display: block;
position: static;
top: 80px;
left: -40px;
transform: translate(-100%);
}
.number_circle-2 {
height: auto;
color: #edf6ff;
background-color: #6bb9f7;
border-radius: 20px;
flex: 0 auto;
align-self: flex-start;
margin-right: 10px;
padding: 1px 9px;
}
.xxs-text-semibold-2 {
color: #fff;
margin-bottom: 0;
font-size: 12px;
font-weight: 600;
}
.input_form_block-2 {
background-color: #fff;
border-radius: 7px;
padding: 65px 50px 50px;
}
.we-will-reach_block-2 {
background-color: #1791f2;
border-radius: 7px;
padding: 50px;
position: relative;
overflow: hidden;
}
.s-button-new2 {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
background-color: #1791f2;
border-radius: 3px;
align-self: center;
margin-left: 0;
margin-right: 10px;
padding: 16px 50px;
font-size: .87rem;
font-weight: 600;
transition: all .2s;
}
.s-button-new2:hover {
background-color: #097dda;
}
.input-form_field-2 {
opacity: 1;
color: #000;
white-space: normal;
border: 1px #000;
border-bottom: 1px solid #b5c6d1;
margin-bottom: 35px;
padding-top: 0;
padding-bottom: 10px;
padding-left: 2px;
font-size: 14px;
}
.input-form_field-2:hover {
border-bottom-width: 1px;
border-bottom-color: #1791f2;
}
.input-form_field-2:focus {
color: #000;
border-bottom-width: 2px;
border-bottom-color: #1791f2;
font-size: 14px;
}
.input-form_field-2::-ms-input-placeholder {
color: #9da8af;
}
.input-form_field-2::placeholder {
color: #9da8af;
}
.plain-text-2 {
color: #7d8990;
white-space: normal;
margin-bottom: 40px;
line-height: 25px;
text-decoration: none;
}
.plain-text_block {
color: #404547;
font-size: 1rem;
line-height: 1.44rem;
}
.link-8 {
color: #1791f2;
}
.input_form_confirm-checkbox {
margin-top: 20px;
margin-bottom: 40px;
font-size: 12px;
}
.checkbox-label-2 {
font-size: 1rem;
}
.developers-card_skills-copy {
flex-wrap: wrap;
justify-content: flex-start;
display: none;
}
.technologies_dev {
color: #1791f2;
background-color: #edf6ff;
border-radius: 16px;
margin-top: auto;
margin-bottom: 0;
padding: 11px;
font-size: .8rem;
}
.we-well-reach_steps_wrapper {
position: static;
top: 17px;
bottom: auto;
}
.our-apps_technologies {
grid-template-columns: 1fr;
margin-top: 19px;
display: flex;
}
.our-spps_technology_icon {
width: 35px;
height: 35px;
max-width: none;
margin-right: 15px;
}
.developers-card_skills_collection {
flex-wrap: wrap;
margin-top: auto;
display: flex;
}
.developers-card_skill_name {
display: flex;
}
.collection-list-wrapper-5 {
flex-direction: column;
margin-top: auto;
display: block;
}
.body-10 {
padding-top: 0;
}
.block_section {
z-index: 1;
flex-direction: column;
margin-bottom: 64px;
padding-left: 0;
padding-right: 0;
display: block;
position: relative;
overflow: visible;
}
.block_section.footer-new-home {
display: none;
}
.block_section.hero-section {
margin-top: 0;
display: block;
}
.block_section.customer-reviews_section {
z-index: 2;
}
.block_section.two-parts {
max-width: none;
text-align: left;
flex-direction: row;
justify-content: space-between;
display: flex;
position: relative;
left: auto;
right: auto;
}
.block_section.half-grey_bg {
background-image: linear-gradient(to right, #fff, #fff 49%, #fbfbfb 62%, #fbfbfb);
}
.block_section.cta-block {
background-color: #f4f5fb;
overflow: hidden;
}
.block_section.first-block {
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/60dc74c2a16f40181787bfb3_%D0%A0%D0%B5%D1%81%D1%83%D1%80%D1%81%201%402x%201.png");
background-position: 0 0;
background-size: auto;
margin-top: 0;
padding-top: 120px;
}
.block_section.light-grey_bg.fp-page-section {
margin-bottom: 0;
}
.block_section.video-section {
height: 80vh;
min-height: 700px;
flex-direction: column;
justify-content: flex-start;
margin-top: 0;
margin-bottom: 0;
display: block;
position: static;
}
.block_section.video-section.our-cases {
height: auto;
}
.block_section.video-section.our-cases.cases-page-section {
margin-top: -80px;
padding-top: 0;
}
.block_section.our-priority {
width: 100%;
background-color: rgba(0, 0, 0, 0);
margin-top: 0;
padding-top: 0;
}
.block_section.our-focus {
display: block;
}
.block_section.our-levels {
margin-bottom: 88px;
}
.block_section.segment-focus {
margin-bottom: 64px;
}
.block_section.packages {
overflow: visible;
}
.block_section.form-section {
background-color: #f4f5fb;
margin-bottom: 0;
padding-bottom: 32px;
}
.block_section.video-section-career {
height: 80vh;
max-height: 80vh;
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/6409a8a4e7fbd46fd907d7c7_iStock-1365436662%201.png");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
margin-top: 0;
display: flex;
position: relative;
}
.block_section.form-section-copy {
background-color: #f4f5fb;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 62px;
}
.block_section.testimonials-header {
margin-top: 40px;
}
.block_section.image-section-refer {
height: 85vh;
max-height: 85vh;
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/6409a8a4e7fbd46fd907d7c7_iStock-1365436662%201.png");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: relative;
}
.block_section.your-profit-section {
margin-top: 64px;
}
.block_section.image-section-refer-bottom {
height: 85vh;
max-height: 85vh;
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/6409ad3812b4fe9746c31914_iStock-1347652268%201.png");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: relative;
}
.block_section.form-section-copy {
background-color: #f4f5fb;
margin-bottom: 0;
padding-bottom: 32px;
}
.block_section.expertise-refer {
margin-bottom: 48px;
}
.block_section.case-header-section {
width: 100%;
height: 100vh;
min-height: 480px;
-webkit-text-fill-color: inherit;
background-clip: border-box;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
margin-bottom: 64px;
padding-top: 100px;
padding-bottom: 0;
display: flex;
overflow: hidden;
}
.block_section.case-header-section.case-curator {
width: 100%;
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/644b3b703f64f5efc5052bc3_curator.png");
justify-content: flex-start;
align-items: flex-end;
padding-bottom: 20px;
}
.block_section.case-header-section.case-quik {
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/64530909974c63de692584cb_bg1111.png");
padding-bottom: 10px;
}
.block_section.case-header-section.achq-case {
width: 100%;
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/646433a4c961bced999a9dbe_545445.png");
}
.block_section.case-brief-content__container.asio-as, .block_section.case-brief-content__container.block_section_not_bottom {
margin-bottom: 0;
}
.block_section.our-cases-projects {
width: 100vw;
margin-top: 0;
margin-bottom: 0;
}
.s {
max-width: 1200px;
}
.content-container {
height: 100%;
max-width: 1280px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 0;
padding-top: 0;
padding-left: 40px;
padding-right: 40px;
display: flex;
overflow: hidden;
}
.content-container.overview {
max-width: 50%;
flex: 1;
padding-top: 100px;
}
.content-container._50percents_wrapper.grey-bg {
height: auto;
max-height: none;
min-height: 100%;
background-color: #fbfbfb;
flex-direction: column;
flex: 1;
justify-content: space-around;
align-self: stretch;
align-items: stretch;
position: relative;
}
.content-container._50percents_wrapper.first-block {
flex-direction: column;
padding-top: 100px;
padding-bottom: 100px;
}
.content-container.two-columns {
padding-left: 40px;
}
.content-container.slider-screensots_container {
display: flex;
}
.content-container.cta {
background-color: #f4f5fb;
position: relative;
overflow: hidden;
}
.content-container.form-section-container {
position: relative;
}
.content-container.content-conteiner-footer {
margin-bottom: 0;
padding: 20px 0;
}
.content-container.values-section-container {
margin-top: 66px;
}
.content-container.video-section-container {
margin-top: 0;
}
.content-container.home-header-container {
justify-content: center;
align-items: center;
margin-top: 0;
padding-top: 0;
}
.content-container.sd-card.sd-solutions-container {
background-color: #f9f1fc;
}
.content-container.sd-card.sd-outcome {
background-color: #eaf9e5;
padding-bottom: 0;
}
.content-container.our-cases-header-container {
height: 100vh;
justify-content: flex-end;
}
.content-container.case-header-content__container {
flex: 0 auto;
order: 0;
justify-content: flex-start;
align-self: auto;
align-items: center;
padding-left: 40px;
padding-right: 40px;
display: flex;
overflow: visible;
}
.content-container.case-header-content__container.quik-case {
padding-left: 32px;
padding-right: 32px;
}
.content-container.introduction_sections {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-flow: column wrap;
justify-content: flex-start;
padding-left: 40px;
padding-right: 38px;
overflow: visible;
}
.content-container.our-cases-projects, .content-container.content-container_no-padding {
padding-left: 0;
padding-right: 0;
}
.content-container.content-container-visible {
overflow: visible;
}
.our-cases__title {
max-width: 900px;
margin-top: 0;
margin-bottom: 24px;
font-size: 2.5rem;
font-weight: 700;
line-height: 56px;
}
.our-cases__title.block2 {
max-width: none;
text-align: left;
margin-top: 0;
margin-bottom: 32px;
}
.our-cases__title.hero-tittle {
color: #000;
text-align: center;
margin-top: 40px;
line-height: 57px;
}
.our-cases__title.quick-hero {
max-width: 650px;
color: #fff;
margin-bottom: 32px;
font-size: 48px;
}
.our-cases__title.hero-tittle-copy {
color: #fff;
text-align: center;
margin-top: 40px;
}
.our-cases__title.hero-tittle-copy-copy {
max-width: 1043px;
color: #fff;
text-align: center;
margin-top: 76px;
}
.cta-bottom_button {
width: 273px;
justify-content: flex-start;
align-items: baseline;
margin-top: 40px;
margin-bottom: 21px;
display: flex;
}
.cta-bottom_button.packages-items__item-btn {
justify-content: center;
align-items: center;
margin: 30px auto 0;
}
.hero-awards {
margin-top: 30px;
margin-bottom: 30px;
}
.hero-caption {
color: #9da8af;
text-transform: uppercase;
margin-bottom: 20px;
font-size: 1rem;
font-weight: 600;
}
.awards_collection_wrapper {
display: flex;
}
.awards_collection {
flex: 1;
justify-content: space-between;
display: flex;
}
.image-awward {
z-index: 2;
width: 76px;
max-width: none;
clear: both;
position: relative;
}
.awards_collection_item {
margin-right: 20px;
}
.mentioned_collection_wrapper, .mentioned_collection {
display: flex;
}
.mentioned_collection_item {
margin-right: 20px;
}
.image-mentioned {
width: auto;
height: 28px;
max-width: none;
}
.image-15 {
z-index: -2;
width: 140%;
max-width: none;
opacity: .24;
object-fit: cover;
position: absolute;
top: -3%;
bottom: auto;
left: -25%;
right: 0%;
}
.image-15.background-bottom {
width: 140%;
height: 100%;
opacity: .33;
display: none;
position: relative;
top: 0%;
left: 0%;
}
.image-15.background-bottom.cropped {
z-index: -2;
width: 180%;
height: auto;
cursor: auto;
display: block;
position: relative;
top: -20%;
bottom: 10px;
left: -64%;
}
.image-15.hero-back {
width: 120%;
position: relative;
top: 2%;
left: -152px;
right: auto;
}
.gradient-chart_block {
z-index: 0;
width: 100%;
height: 100%;
opacity: .75;
background-image: linear-gradient(to right, #c1d7fd, #f4ceff 38%, #a3e6f8 60%, #bef0f1 76%, #99cffa 89%, #bdedf8 103%);
border-radius: 7px;
display: flex;
position: absolute;
}
._50percents_wrapper {
z-index: 2;
width: 50%;
height: 100%;
display: flex;
position: relative;
}
._50percents_wrapper.first-block {
width: 100%;
flex-direction: column;
padding-top: 100px;
padding-right: 40px;
}
._50percents_wrapper.grey-bg {
width: 100%;
background-color: #fbfbfb;
padding-left: 40px;
}
.gradient-chart_block_wrapper {
height: 36px;
display: flex;
position: relative;
}
.percents_text {
color: #000;
align-self: center;
margin-top: 0;
margin-left: 18px;
font-size: 1rem;
font-weight: 600;
}
.percents_text.bold-text-13 {
text-transform: none;
font-size: 13px;
}
.rectangle_line {
padding-left: 0;
}
.lines_wrapper {
height: auto;
margin-top: 7px;
display: flex;
position: relative;
}
.technology-focus_wrapper {
margin-bottom: 10px;
}
.technologies_grid {
grid-column-gap: 15px;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr .5fr;
}
.technology_block {
flex-direction: column;
align-items: center;
display: block;
}
.technologies_wrapper {
border: 1px solid #f4f4f4;
border-radius: 7px;
}
.technologies_wrapper_columns {
grid-column-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
padding-top: 24px;
padding-bottom: 24px;
}
.technologies_wrapper_columns._2-items {
grid-column-gap: 0px;
grid-template-columns: 1fr 1fr;
}
.numbers_block_item {
max-height: 100%;
max-width: 100%;
flex-direction: column;
align-items: center;
padding: 25px 24px 17px;
display: flex;
position: relative;
}
.percents-image {
width: 88px;
height: 88px;
max-width: none;
align-self: flex-start;
}
.technologies_column {
align-items: center;
padding-top: 24px;
padding-bottom: 24px;
padding-left: 0;
display: flex;
}
.line-divider {
flex: 1;
align-self: auto;
position: absolute;
top: 35%;
bottom: 50%;
left: auto;
right: 0%;
}
.line-divider.last-numbers_item {
display: none;
}
.column-3 {
align-items: center;
display: flex;
}
.technology_tittle {
width: auto;
text-align: center;
align-self: flex-start;
font-size: 1rem;
font-weight: 500;
}
.technology_tittle.longer {
width: 104px;
}
.technolofy-focus_tittle {
justify-content: space-between;
display: flex;
}
.comment {
width: 330px;
color: #9da8af;
text-align: right;
font-size: 14px;
}
.cant-find-tech_wrapper {
flex-direction: column;
margin-top: 40px;
display: flex;
}
.paragraph-2 {
max-width: 330px;
}
.paragraph-3 {
max-width: 330px;
color: #404547;
margin-bottom: 30px;
}
.industry-focus_grid {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.indusry-focus_wrapper-link {
z-index: 10;
color: #fff;
cursor: default;
border-radius: 7px;
text-decoration: none;
position: relative;
overflow: hidden;
}
.industry-focus_content {
z-index: 3;
padding: 60px 30px 30px;
position: relative;
}
.label-with-arrow {
align-items: center;
display: flex;
}
.arrof_right {
width: 24px;
height: 24px;
display: none;
}
.heading-15 {
margin-top: 10px;
}
.industry-image_cover {
z-index: 0;
width: 100%;
height: 100%;
max-height: 100%;
object-fit: cover;
position: absolute;
}
.industry-percents_img {
margin-bottom: 8px;
padding-bottom: 0;
}
.clients-collection_list {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 20px;
display: block;
}
.clients-collection {
grid-column-gap: 16px;
grid-row-gap: 45px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.client-logo_image {
width: auto;
height: 40px;
max-width: none;
}
.technolofy-focus_tittle-copy {
justify-content: space-between;
display: flex;
}
.tusted-by_tittle {
display: block;
}
.people-focus_content {
justify-content: space-between;
display: block;
}
.people-focus_conteiner {
justify-content: space-between;
display: flex;
}
.team-collection {
align-self: center;
}
.people-chareckters_list {
max-width: 500px;
margin-top: 30px;
}
.people-chareclter_wrapper {
margin-bottom: 40px;
display: flex;
}
.people-chareclter_text {
margin-left: 19px;
}
.image-16 {
width: 24px;
height: 24px;
max-width: none;
margin-right: 12px;
}
.subheading {
max-width: 540px;
color: #9da8af;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
}
.subheading.tip__name {
color: #404547;
}
.subheading.hero-text {
margin-bottom: 40px;
}
.subheading.darker {
color: #000;
text-align: left;
margin-left: 27px;
padding-left: 0;
text-decoration: none;
}
.team-collection_list_wrapper {
align-items: center;
margin-bottom: 0;
display: flex;
}
.team-collection_list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.team-members_image {
width: 100px;
height: 100px;
border-radius: 7px;
}
.reviews_wrapper {
display: none;
overflow: hidden;
}
.reviews_list_slider {
width: 100%;
max-width: 100%;
display: flex;
}
.review_item {
margin-right: 15px;
}
.ava-review_link_home {
align-items: center;
margin-bottom: 0;
text-decoration: none;
display: flex;
}
.review-card_wrapper {
width: 100%;
height: auto;
max-width: none;
min-height: auto;
min-width: auto;
border: 1px solid #e3eaef;
border-radius: 7px;
flex-direction: column;
flex: 1;
align-self: auto;
margin-right: 0;
padding: 25px;
display: flex;
}
._7-days-risk {
color: #1791f2;
font-size: 14px;
font-weight: 500;
}
.content-conteiner-footer {
max-width: 1200px;
margin-top: 0;
margin-bottom: -17px;
padding-top: 40px;
padding-bottom: 40px;
display: block;
}
._1st-section_footer {
margin-right: 119px;
padding-right: 0;
}
.join-us_wraper {
margin-top: 16px;
}
.join-us_link {
margin-right: 24px;
}
.join-us_icon {
width: 24px;
height: 24px;
max-width: none;
}
.join-us {
margin-bottom: 40px;
}
.details {
display: flex;
}
.details-section {
margin-right: 34px;
padding-right: 0;
}
.details-section.last {
margin-right: 0;
}
.logo-ava_img {
margin-top: 40px;
}
.all-inf_footer {
border-bottom: 1px solid #f2f2f2;
justify-content: space-between;
padding-bottom: 40px;
display: flex;
}
.bottom-footer {
justify-content: space-between;
margin-top: 30px;
display: flex;
}
.bottom-footer_left {
align-self: center;
}
.bottom-footer_right {
align-self: center;
display: flex;
}
._2nd-section_footer-copy {
margin-right: 0;
padding-right: 0;
display: flex;
}
.project_about_label_home {
flex-flow: row;
align-content: stretch;
align-items: center;
margin-bottom: 8px;
margin-right: 10px;
display: flex;
}
.project_about_label_home.cost {
margin-right: 0;
}
.div-block-9 {
z-index: 3;
width: 100%;
height: 100%;
display: none;
position: absolute;
}
._50percents_wrapper_line {
z-index: 2;
width: 50%;
height: 100%;
padding-left: 25px;
display: block;
position: relative;
}
.heading-16 {
margin-top: 10px;
}
.grid-11 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.cant-find-tech_content {
margin-bottom: 35px;
}
.heading-17 {
margin-bottom: 15px;
}
.to-top_button_wrapper {
z-index: 10000;
display: flex;
position: fixed;
top: auto;
bottom: 20px;
left: auto;
right: 20px;
}
.arrow-scroll-btn {
width: 50px;
height: 50px;
background-color: rgba(74, 74, 75, .3);
border-radius: 14px;
justify-content: center;
align-items: center;
transition-property: none;
display: flex;
}
.arrow-scroll-btn.w--current {
transition-property: none;
display: flex;
}
.arrow-scroll-btn.last-child {
margin-left: 16px;
}
.arrow-scroll-btn.last-child.w--current {
border-radius: 14px;
padding-bottom: 0;
padding-left: 0;
}
.arrow-scroll-btn.to-bottom {
margin-left: 15px;
}
.scroll-btn__arrow {
width: 40px;
height: 40px;
transform: scale3d(1none, 1none, 1none);
transform-style: preserve-3d;
}
.scroll-btn__arrow.to-bottom {
transform: rotate(180deg);
}
.table-of-content {
background-color: #f6f6f6;
border-radius: 6px;
margin-top: 0;
margin-bottom: 60px;
padding: 30px;
text-decoration: none;
}
.toc {
background-color: #f4f5f6;
margin-top: 19px;
margin-bottom: 0;
padding: 0;
font-size: 14px;
font-weight: 400;
line-height: 140%;
text-decoration: none;
}
.progress-reading_bar {
z-index: 10000000;
height: 3px;
perspective-origin: 0%;
transform-origin: 0%;
background-color: #1a7aff;
justify-content: flex-start;
display: flex;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.action-button-career {
width: auto;
height: 50px;
text-align: center;
text-transform: uppercase;
cursor: pointer;
background-color: #1791f2;
border-radius: 5px;
justify-content: center;
align-self: flex-start;
align-items: center;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-left: 25px;
padding-right: 25px;
font-size: .875rem;
font-weight: 600;
line-height: 1.375rem;
transition: all .2s linear;
display: flex;
box-shadow: 1px 1px 9px rgba(23, 145, 242, .25);
}
.action-button-career:hover {
box-shadow: none;
background-color: #0064b4;
}
.action-button-career.action-button_black {
width: auto;
background-color: #333;
display: flex;
box-shadow: 1px 1px 9px rgba(0, 0, 0, .1);
}
.action-button-career.action-button_black:hover {
box-shadow: none;
background-color: #111;
}
.action-button-career.action-button_black.videos__subcribe-btn {
background-color: #c00;
align-self: flex-start;
}
.action-button-career.action-button_black.videos__subcribe-btn:hover {
background-color: #851616;
}
.action-button-career.action-button_black.lead-box__btn {
padding-left: 18px;
padding-right: 18px;
}
.action-button-career.contact-form__send-btn {
width: 170px;
margin-left: 15px;
}
.action-button-career.contact-form__cancel-btn {
width: 160px;
}
.action-button-career.action-button__white {
color: #333;
background-color: #fcfcfc;
border: 1px solid #e7e7e7;
box-shadow: 1px 1px 9px rgba(0, 0, 0, .07);
}
.action-button-career.action-button__white:hover {
box-shadow: none;
background-color: #f0f0f0;
}
.action-button-career.action-button__white.contact-form__cancel-btn {
width: 170px;
}
.action-button-career.form-success__ok-btn {
width: 180px;
}
.action-button-career.lead-box__request-btn {
width: auto;
height: 50px;
max-width: none;
text-transform: uppercase;
flex-flow: row;
flex: 0 auto;
align-content: flex-start;
justify-content: center;
align-self: flex-start;
align-items: center;
margin-right: 10px;
padding-bottom: 9px;
font-size: .875rem;
font-weight: 600;
line-height: 1.375em;
text-decoration: none;
display: flex;
position: static;
}
.action-button-career.lead-box__request-btn.lead-box__btn {
min-width: 200px;
text-transform: none;
position: relative;
}
.action-button-career.lead-box__request-btn.angular-developers__btn {
z-index: 3;
width: 200px;
text-transform: none;
margin-left: auto;
margin-right: auto;
position: absolute;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.action-button-career.lead-box__request-btn.teams__button {
text-transform: none;
}
.action-button-career.lead-box__request-btn.teams__button_white {
color: #1791f2;
text-transform: none;
background-color: #fff;
border: 1px solid #1791f2;
}
.action-button-career.lead-box__request-btn.teams__button_white.teams__button-white-show {
display: none;
}
.action-button-career.lead-box__request-btn.lead-box__btn-dark {
text-transform: none;
background-color: #333;
}
.action-button-career.position__apply {
flex: 0 0 220px;
}
.action-button-career.subscribe-youtube-btn {
box-shadow: none;
color: #c00;
background-color: #fff;
border: 1px solid rgba(204, 0, 0, .5);
align-self: flex-end;
}
.action-button-career.subscribe-youtube-btn:hover {
color: #960b0b;
border-color: rgba(150, 11, 11, .3);
}
.action-button-career.action-button__blue-border {
width: auto;
box-shadow: none;
color: #1791f2;
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(23, 145, 242, .5);
}
.action-button-career.action-button__blue-border:hover {
color: #fff;
background-color: #1791f2;
border-color: #1b598a;
}
.action-button-career.action-button__blue-border.sticky-header__action-btn {
width: 160px;
flex-direction: row;
align-self: auto;
margin-left: 20px;
padding-left: 30px;
padding-right: 30px;
}
.action-button-career.action-button__blue-border.sticky-header__action-btn:hover {
color: #fff;
background-color: #1791f2;
border-color: #1791f2;
}
.action-button-career.action-button__blue-border.sticky-header__action-btn.sticky-header__action-btn_white {
color: #fff;
}
.action-button-career.action-button__blue-border.sticky-header__action-btn.sticky-header__action-btn_white:hover {
color: #333;
background-color: #fff;
border-color: #fff;
}
.action-button-career.action-button__blue-border.sticky-header__action-btn.sticky-header__action-btn_hide-opened {
display: none;
}
.action-button-career.action-button__blue-border.c-site-menu__call-button {
width: 160px;
align-self: auto;
align-items: center;
margin-left: 15px;
}
.action-button-career.action-button__blue-border.team-list__show-team-btn {
width: 200px;
margin-left: 5px;
}
.action-button-career.action-button__blue-border.hero-button {
margin-right: 10px;
}
.action-button-career.action-button__blue-border.team-button {
flex: 1;
margin-right: 10px;
}
.action-button-career.action-button__blue-border.team-button.low-priority {
color: #000;
border-color: #f2f2f2;
}
.action-button-career.action-button__white-border {
width: 160px;
box-shadow: none;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
margin-left: 15px;
padding-left: 30px;
padding-right: 30px;
}
.action-button-career.action-button__white-border.sticky-header__action-btn.sticky-header__action-btn_white {
align-self: center;
margin-left: 20px;
}
.action-button-career.action-button__white-border.sticky-header__action-btn.sticky-header__action-btn_white:hover {
color: #333;
background-color: #fff;
}
.action-button-career.action-button-center {
margin-left: auto;
margin-right: auto;
}
.action-button-career.estimate-form__submit-btn {
width: 100%;
text-transform: capitalize;
display: none;
}
.action-button-career.estimate-form__next-step-btn {
width: 100%;
text-transform: none;
margin-left: 0;
}
.action-button-career.estimate-succes__close-btn {
text-transform: none;
flex-direction: row;
align-self: center;
display: flex;
}
.action-button-career.test-btn {
margin-left: auto;
margin-right: auto;
}
.action-button-career.estimation-popup__open-btn {
margin-top: 60px;
margin-left: auto;
margin-right: auto;
}
.action-button-career.lead-box__btn {
width: auto;
flex: 0 auto;
margin-right: 10px;
}
.action-button-career.team-list__hire-btn {
width: 200px;
margin-right: 5px;
}
.action-button-career.action-button__blue-border {
width: auto;
box-shadow: none;
color: #1791f2;
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(23, 145, 242, .5);
}
.action-button-career.action-button__blue-border:hover {
color: #fff;
background-color: #1791f2;
border-color: #1b598a;
}
.action-button-career.action-button__blue-border.sticky-header__action-btn {
width: 160px;
flex-direction: row;
align-self: auto;
margin-left: 20px;
padding-left: 30px;
padding-right: 30px;
}
.action-button-career.action-button__blue-border.sticky-header__action-btn:hover {
color: #fff;
background-color: #1791f2;
border-color: #1791f2;
}
.background_wrapper {
width: 100%;
height: 1000px;
display: none;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
overflow: hidden;
}
.bottom-backgound_wrapper {
display: block;
position: absolute;
top: -7%;
bottom: auto;
left: 0%;
right: 0%;
overflow: hidden;
}
.quick-hero-section {
height: auto;
min-height: 100vh;
background-color: #070707;
flex-direction: column;
align-items: flex-start;
margin-right: auto;
display: block;
position: relative;
}
.body-11 {
padding-top: 0;
}
.quick-hero-container {
height: 100vh;
max-width: 1280px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-top: auto;
margin-bottom: auto;
padding: 200px 40px 120px;
display: flex;
position: static;
}
.header-content_wrapper {
flex-direction: column;
margin-top: 0;
margin-bottom: 90px;
display: flex;
}
.client-logo {
height: 30px;
max-height: 50px;
max-width: 100%;
align-self: flex-start;
margin-bottom: 20px;
}
.client-logo.app-icon {
margin-bottom: 0;
}
.client-logo.nection, .client-logo.numinous {
height: 50px;
}
.client-logo.peoples {
height: auto;
}
.client-review-quote_wrapper {
flex-direction: column;
display: flex;
position: relative;
}
.caption {
color: #7d8990;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 10px;
font-weight: 600;
}
.image-17 {
max-width: 105.33px;
opacity: .05;
position: absolute;
top: -2%;
bottom: auto;
left: -1%;
right: auto;
}
.client_wrapper {
align-items: center;
margin-top: 22px;
display: flex;
}
.client-photo {
width: 48px;
height: 48px;
border-radius: 12px;
margin-right: 16px;
}
.client-name {
color: #fff;
font-size: 1rem;
font-weight: 600;
}
.client-name.dark_text {
color: #333;
}
.client-position {
color: #7d8990;
font-size: 14px;
font-weight: 500;
}
.quick-hero_content_wrapper {
z-index: 1;
flex-direction: column;
margin-top: 0;
display: block;
position: relative;
}
.heading-18 {
font-size: 40px;
}
.heading-18.overview_heading {
margin-top: 100px;
margin-bottom: 60px;
}
.container {
max-width: 50%;
flex: 1;
}
.overview-items_wrapper {
margin-top: 0;
padding-top: 0;
padding-left: 0;
}
.overview-item_wrapper {
margin-bottom: 48px;
}
.overwiew-item_heading {
font-size: 18px;
font-weight: 600;
line-height: 140%;
}
.heading-19 {
line-height: 140%;
}
.overview-item_heading {
margin-bottom: 20px;
}
.overview-item_length_wrapper {
align-items: flex-end;
display: flex;
}
.tag-item {
background-color: rgba(24, 144, 242, .1);
border-radius: 20px;
margin-left: 15px;
padding: 2px 12px;
}
.tag-item.first {
margin-left: 0;
}
.text-block-13 {
color: #1791f2;
font-size: 13px;
}
.link-btn {
color: #000;
cursor: pointer;
border: 1px solid #e3eaef;
border-radius: 5px;
margin-right: 8px;
padding: 12px 32px;
text-decoration: none;
}
.link-btn.live-link {
display: none;
}
.link-btn_content {
display: flex;
}
.text-block-14 {
font-size: 1rem;
font-weight: 600;
}
.image-18 {
padding-left: 8px;
}
.overview-items_wrapper2 {
background-color: #fafafa;
margin-top: 0;
padding-top: 160px;
padding-left: 40px;
}
.overview-item_team_wrapper {
display: flex;
}
.overview-item_team_image {
width: 70px;
height: 70px;
border: 1px solid #e3eaef;
border-radius: 8px;
margin-right: 16px;
}
.quick-users_wrapper {
grid-row-gap: 60px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
margin-top: 80px;
}
.quick-user_image {
width: 72px;
height: 72px;
}
.technologies-grid_wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.project-overview_description {
flex-direction: column;
margin-top: 30px;
margin-right: 40px;
display: flex;
position: static;
top: 0%;
bottom: 50%;
}
.project-overview_description.sticky {
z-index: 15;
width: 100%;
flex-direction: column;
align-items: flex-start;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 160px;
bottom: 0;
}
.tags_wrapper {
margin-top: 16px;
margin-bottom: 40px;
display: flex;
}
.content-with-sllider_wrapper {
flex-direction: column;
align-items: center;
display: flex;
overflow: visible;
}
.screen_collection_slider_btns {
width: 100px;
justify-content: center;
margin-top: 120px;
margin-left: auto;
margin-right: 20px;
display: flex;
position: relative;
}
.screen_collection_slider_btns.slider-home-new {
z-index: 80;
top: 20px;
}
.screenshots_wrapper, .screenshots_list_slider {
display: flex;
}
.screenshot_item {
order: -1;
margin-right: 15px;
}
.screenshot_image {
width: auto;
height: 450px;
max-width: none;
margin-right: 0;
}
.screenshot-slider_wrapper {
position: relative;
}
.screenshot-slider-arrows_wrapper {
flex: 0 auto;
display: flex;
position: relative;
left: 0;
}
.screenshot-slider-wrapper {
height: 800px;
max-height: 800px;
}
.project-overview_content_wrapper {
justify-content: space-between;
align-self: stretch;
align-items: stretch;
display: flex;
position: relative;
overflow: hidden;
}
.project-overview_content_wrapper.old {
display: none;
}
.screenshots_wrapper {
flex-direction: row;
margin-left: 40px;
display: flex;
position: relative;
}
.screenshots_wrapper.desctop-screenshots {
flex-direction: column;
margin-top: -447px;
margin-left: 0;
padding-left: 10px;
padding-right: 10px;
position: static;
top: -530px;
bottom: auto;
left: 0%;
right: 0%;
}
.image-19 {
width: 100%;
border-radius: 16px;
margin-bottom: 29px;
position: static;
box-shadow: 0 2px 20px rgba(103, 121, 138, .14);
}
.frame-img {
z-index: 3;
align-self: flex-start;
position: -webkit-sticky;
position: sticky;
top: 0;
bottom: auto;
left: auto;
right: auto;
}
.project-overview_content_wrapper-copy {
align-items: flex-start;
display: flex;
position: relative;
overflow: visible;
}
.numbers-block_wrapper {
margin-top: 80px;
margin-bottom: 80px;
}
.numbers-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.numbers-grid_wrapper {
border: 1px solid #e3eaef;
border-radius: 16px;
margin-top: 40px;
}
.technology_tittle-copy {
width: auto;
text-align: center;
font-size: 1rem;
font-weight: 500;
}
.technology_tittle-copy.longer {
width: 104px;
}
.client-feedback_wrapper {
grid-column-gap: 0px;
grid-row-gap: 16px;
border: 1px solid #e3eaef;
border-radius: 16px;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
margin-top: 60px;
padding: 25px;
display: grid;
}
.client-details_wrapper {
border-right: 1px solid #e3eaef;
padding-right: 40px;
}
.middle-red-star_image {
width: 20px;
height: 20px;
object-fit: cover;
margin-right: 3px;
}
.feedback_stars {
margin-top: 12px;
display: flex;
position: static;
top: 50%;
bottom: 50%;
left: auto;
right: 0%;
}
.feedback_stars.home-new-review {
position: absolute;
top: 35px;
bottom: auto;
left: auto;
right: 0%;
}
.client-feedback-photo {
width: 72px;
height: 72px;
border-radius: 12px;
margin-right: 16px;
}
.feedback-client_occupation {
margin-top: 40px;
}
.feedback-details_wrapper {
max-width: 100%;
margin-left: 0;
padding-left: 40px;
}
.feedback-details_item {
margin-bottom: 32px;
}
.div-block-10 {
z-index: 30;
width: 50%;
height: 100%;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
display: block;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.div-block-11 {
z-index: 5;
width: 700px;
height: auto;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.image-20 {
width: 420px;
max-height: none;
max-width: none;
position: -webkit-sticky;
position: sticky;
top: -79px;
left: -448px;
}
.sticky-right-block {
width: 100%;
height: 2070px;
max-height: none;
min-height: 0;
flex-direction: column;
flex: 1;
justify-content: flex-start;
display: flex;
position: relative;
}
.sticky-right-block.admin-part {
height: 3000px;
height: 3100px;
}
.sticky-right-block.admin-part-copy {
height: 3100px;
}
.sticky-left-block {
width: 55%;
height: 2070px;
flex-direction: column;
display: flex;
}
.sticky-left-block.admin-part {
height: 3100px;
}
.frame_wrapper {
z-index: 1;
height: auto;
border: 1px #404547;
border-radius: 8px;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
position: -webkit-sticky;
position: sticky;
top: 100px;
bottom: 0;
}
.image-21 {
width: 100%;
max-width: none;
margin-bottom: 0;
}
.grid-12 {
grid-column-gap: 0px;
grid-template-rows: auto;
}
.overview-grid {
grid-column-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.interface-parts_columns {
grid-column-gap: 30px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
}
.sticky-left-clmn {
width: 100%;
height: 100%;
max-height: none;
min-height: 0;
flex-direction: column;
flex: 1;
justify-content: flex-start;
display: flex;
position: relative;
}
.sticky-left-clmn.admin-part {
height: 3000px;
height: 3100px;
}
.sticky-left-clmn.admin-part-copy {
height: 3100px;
}
.sticky-right-clmn {
position: relative;
}
.sticky-right-clmn.admin-part {
height: 3500px;
}
.collection-list-wrapper-6 {
display: flex;
}
.collection-list-2 {
max-width: 100%;
flex-wrap: wrap;
display: flex;
}
.collection-item-3 {
width: auto;
}
.collection-list-wrapper-7 {
height: auto;
opacity: 1;
display: flex;
}
.collection-list-3 {
flex-wrap: wrap;
flex: 1;
justify-content: center;
align-self: center;
display: flex;
}
.image-22 {
height: 35px;
}
.collection-item-4 {
align-self: stretch;
margin-bottom: 16px;
margin-right: 35px;
display: flex;
}
.hero-tittle_wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.ac-img-container {
z-index: 99999;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, .25);
padding: 62px 124px;
position: fixed;
top: 0;
left: 0;
}
.ac-img-container.none {
display: none;
}
.ac-img-container__container {
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.ac-img-container__container-img {
max-height: 100%;
cursor: zoom-out;
}
.ac-img-container__close {
width: 72px;
height: 72px;
color: #1a7aff;
cursor: pointer;
background-color: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
font-size: 48px;
line-height: 1;
display: flex;
position: absolute;
top: 50px;
right: 50px;
transform: rotate(45deg);
}
.heading_wrapper {
flex-wrap: wrap;
align-items: stretch;
display: flex;
}
.awards-list-wrapper, .awwards-list {
flex-wrap: wrap;
display: flex;
}
.rich-text_block {
width: 900px;
}
.rich-text_block h3 {
margin-top: 60px;
margin-bottom: 20px;
font-size: 1.75rem;
font-weight: 700;
line-height: 150%;
}
.rich-text_block h4 {
color: #333;
margin-top: 80px;
margin-bottom: 20px;
font-size: 21px;
font-weight: 700;
}
.rich-text_block h5 {
margin-top: 40px;
margin-bottom: 20px;
font-size: 18px;
font-weight: 700;
}
.rich-text_block h2 {
margin-top: 60px;
font-size: 35px;
}
.rich-text_wrapper {
flex-direction: column;
margin-bottom: 10px;
display: flex;
position: relative;
overflow: hidden;
}
.white-linear-overlay {
z-index: 16;
width: 100%;
height: 80px;
background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0));
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.expand-hide_button {
color: #1791f2;
text-transform: uppercase;
cursor: pointer;
background-color: #fff;
border: 1px solid #1791f2;
border-radius: 3px;
margin-left: 0;
margin-right: 0;
padding: 16px 50px;
font-size: .87rem;
font-weight: 500;
transition: all .2s;
display: flex;
}
.expand-hide_button:hover {
background-color: #ecf6ff;
}
.expand-hide_button.secondary {
color: #1791f2;
background-color: rgba(255, 255, 255, 0);
border: 1px solid #1791f2;
border-radius: 3px;
}
.expand-hide_button.blue-banner_btn {
color: #1791f2;
background-color: #fff;
margin-left: 0;
font-weight: 600;
}
.expand-hide_button.blue-banner_btn:hover {
opacity: .74;
}
.expand-hide_button.new-button {
letter-spacing: 1px;
border-radius: 5px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
font-weight: 600;
position: absolute;
top: auto;
bottom: 10%;
left: auto;
right: 0%;
}
.expand-hide_button.new {
font-size: 1rem;
}
.expand-hide_button.submit-form-button {
margin-left: 0;
}
.expand-hide_button.expand-button, .expand-hide_button.hide-button {
color: #1791f2;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #1791f2;
margin-left: 0;
}
.show-more_text, .hide_text {
font-weight: 600;
}
.expand-hide_button_wrapper {
display: flex;
}
.body-12 {
padding-top: 0;
}
.block-quote {
color: #333;
border-width: 3px 3px 5px;
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
font-weight: 500;
}
.block-quote-2 {
margin-top: 20px;
margin-bottom: 20px;
padding-top: 10px;
}
.success-message-2 {
color: #1791f2;
background-color: #edf6ff;
border-radius: 8px;
}
.tech-column_wrapper {
margin-bottom: 0;
padding: 20px 20px 5px;
}
.html-embed-4 {
display: block;
}
.carmen-users_grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
margin-top: 40px;
margin-bottom: 40px;
}
.carmen-user_wrapper {
min-width: 100%;
background-color: #f4f5fb;
border-radius: 13px;
flex-direction: column;
align-items: center;
padding: 40px;
display: flex;
}
.carmen-user_heading {
text-align: center;
margin-top: 30px;
}
.carmen-user_image {
width: 80px;
height: 80px;
}
.part-subheading {
color: #1791f2;
margin-bottom: -3px;
font-size: 14px;
font-weight: 500;
}
.project-part_heading {
margin-top: 8px;
}
.project-part_description {
z-index: 2;
width: 100%;
flex-direction: column;
align-items: flex-start;
margin-top: 40px;
margin-right: 0;
padding-right: 0;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 140px;
bottom: 0;
}
.project-part_description.sticky {
z-index: 15;
width: 100%;
flex-direction: column;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 160px;
bottom: 0;
}
.tetiary_btn_mobile-part {
color: #000;
text-transform: uppercase;
cursor: pointer;
border: 1px solid #e3eaef;
border-radius: 5px;
margin-top: 40px;
margin-bottom: 40px;
margin-right: 8px;
padding: 12px 32px;
text-decoration: none;
}
.tetiary_btn_mobile-part.live-link {
display: none;
}
.btn_text {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 600;
}
.preview_wrapper_mobile {
width: 100%;
height: auto;
min-height: auto;
background-color: #f4f5fb;
border-radius: 6px;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
display: flex;
}
.preview_wrapper_mobile.transparent_bg {
background-color: rgba(0, 0, 0, 0);
}
.project-mobile-preview_image_carmen {
min-height: 0;
}
.preview_wrapper-copy {
width: 50%;
height: 100%;
min-height: 100%;
background-color: #f4f5fb;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
display: flex;
}
.services-img_wrapper {
width: 50%;
height: 100%;
flex-flow: column;
flex: 1;
justify-content: space-between;
align-self: stretch;
align-items: center;
display: flex;
}
.image-23 {
width: auto;
max-height: none;
max-width: 100%;
flex: 1;
order: 0;
align-self: flex-start;
}
.project-services_wrapper {
width: 50%;
flex-direction: column;
align-self: flex-start;
align-items: flex-start;
margin-top: 40px;
margin-right: 40px;
padding-right: 60px;
display: flex;
position: static;
top: 0%;
bottom: 50%;
}
.project-services_wrapper.sticky {
z-index: 15;
width: 100%;
flex-direction: column;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 160px;
bottom: 0;
}
.service-item_wrapper {
width: 100%;
flex-direction: column;
margin-bottom: 20px;
display: flex;
}
.service-item_header {
cursor: auto;
display: flex;
}
.service-item_icon_wrapper {
width: 48px;
height: 48px;
background-color: #f4f5fb;
border-radius: 16px;
flex-direction: row;
justify-content: center;
align-items: center;
margin-right: 24px;
display: flex;
}
.icon_small-dark {
width: 24px;
height: 24px;
}
.service-item_tittle_wrapper {
display: flex;
}
.service-item_controls {
align-self: center;
align-items: center;
margin-left: 10px;
margin-right: 10px;
display: flex;
}
.service-item_control_expand, .service-item_control_collapse {
width: 24px;
height: 24px;
cursor: pointer;
flex: 0 auto;
margin-right: 5px;
display: flex;
}
.service-item_paragraph {
margin-top: 15px;
}
.case-part-images_wrapper {
width: auto;
height: auto;
min-height: auto;
background-color: #f4f5fb;
border: 116px #000;
border-radius: 10px;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
display: block;
overflow: hidden;
}
.case-part-images_wrapper.transparent_bg {
background-color: rgba(0, 0, 0, 0);
}
.project-part_description_wrapper {
width: 100%;
height: 100%;
max-height: 100%;
flex-direction: column;
align-items: flex-start;
margin-top: 0;
margin-right: 40px;
padding-right: 60px;
display: flex;
position: relative;
top: auto;
bottom: auto;
}
.project-part_description_wrapper.sticky {
z-index: 15;
width: 100%;
flex-direction: column;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 160px;
bottom: 0;
}
.interface-parts_columns-copy {
grid-column-gap: 30px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
}
.project-pars_grid_wrapper {
grid-column-gap: 27px;
grid-template-rows: auto;
grid-template-columns: .85fr 1fr;
}
.mobile-part_wrapper {
width: 100%;
height: auto;
min-height: auto;
background-color: #f4f5fb;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.mobile-part_grid {
grid-template-rows: auto;
}
.mobile-part_images_wrapper.second-part {
padding-top: 90px;
}
.mobile-part_image {
border-radius: 12px;
margin-bottom: 48px;
box-shadow: 0 1px 15px 2px rgba(0, 0, 0, .09);
}
.list-table {
line-height: 29px;
}
.numbers_wrapper {
justify-content: flex-start;
align-self: flex-start;
align-items: flex-end;
margin-bottom: 12px;
display: flex;
}
.small-text-2-copy {
color: #6b7479;
font-size: .87rem;
}
.small-text-2-copy.developers-card_description_p {
color: #9da8af;
margin-top: 0;
margin-bottom: 0;
}
.small-text-2-copy.light-text {
color: #edf6ff;
}
.text-block-15 {
color: #1791f2;
margin-right: 7px;
font-size: 32px;
font-weight: 500;
line-height: 28px;
}
.normal-text-semi-bold {
max-width: none;
color: #404547;
margin-bottom: 0;
font-size: 1rem;
font-weight: 600;
line-height: 26px;
}
.normal-text-semi-bold.tip__name {
color: #404547;
}
.normal-text-semi-bold.developers-card_description_p {
color: #404547;
font-size: 1rem;
}
.normal-text-semi-bold.hero-text {
color: #333;
margin-bottom: 40px;
line-height: 26px;
}
.normal-text-semi-bold.people-chareclter_descr {
color: #000;
margin-bottom: 15px;
}
.normal-text-semi-bold.details-tittle {
margin-bottom: 16px;
font-weight: 500;
}
.normal-text-semi-bold.details-text {
color: #000;
margin-bottom: 7px;
font-weight: 500;
text-decoration: none;
display: block;
}
.normal-text-semi-bold.white-text {
color: #fff;
}
.normal-text-semi-bold.numbers_sumbittle {
max-width: none;
color: #1791f2;
margin-bottom: -4px;
padding-bottom: 0;
}
.blue-text-copy {
color: #1791f2;
background-color: rgba(0, 0, 0, 0);
}
.tetiary_btn_autotablet-part {
color: #000;
text-transform: uppercase;
cursor: pointer;
border: 1px solid #e3eaef;
border-radius: 5px;
margin-top: 40px;
margin-bottom: 40px;
margin-right: 8px;
padding: 12px 32px;
text-decoration: none;
}
.tetiary_btn_autotablet-part.live-link {
display: none;
}
.autotablet-part_grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.project-autotablet-apreview_image_carmen {
min-height: 0;
}
.preview_wrapper_desktom-photobell {
width: 100%;
height: auto;
min-height: auto;
background-color: #f4f5fb;
border-radius: 16px;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
display: flex;
}
.autotablet-part_wrapper {
width: 100%;
height: auto;
min-height: auto;
background-color: #f4f5fb;
border-radius: 16px;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
display: flex;
overflow: visible;
}
.autotablet-part_images_wrapper.second-part {
padding-top: 90px;
}
.btn_text-copy {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 600;
}
.show-more_text_autotablet_carmen, .show-less_text_autotablet_carmen {
font-size: 14px;
font-weight: 600;
}
.preview_wrapper_admin {
width: 100%;
height: auto;
min-height: auto;
background-color: #f4f5fb;
border-radius: 16px;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
display: flex;
}
.admin-part_wrapper {
width: 100%;
height: auto;
min-height: auto;
background-color: #f4f5fb;
border-radius: 16px;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
display: flex;
overflow: visible;
}
.tetiary_btn_admin-part {
color: #000;
text-transform: uppercase;
cursor: pointer;
border: 1px solid #e3eaef;
border-radius: 5px;
margin-top: 40px;
margin-bottom: 40px;
margin-right: 8px;
padding: 12px 32px;
text-decoration: none;
}
.tetiary_btn_admin-part.live-link {
display: none;
}
.show-more_text_admin_carmen, .show-less_text_admin_carmen {
font-size: 14px;
font-weight: 600;
}
.grid-13 {
grid-template-rows: auto;
}
.project-summary_description {
max-width: 100%;
margin-top: 40px;
margin-right: 40px;
position: static;
top: 0%;
bottom: 50%;
}
.project-summary_description.sticky {
z-index: 15;
width: 100%;
flex-direction: column;
align-items: flex-start;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 160px;
bottom: 0;
}
.image-25 {
max-height: 579px;
}
.cases_controls_wrapper {
border: 1px solid #e3eaef;
border-radius: 8px;
justify-content: flex-start;
align-self: center;
align-items: center;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 19px;
display: flex;
}
.cases_control_back {
width: 48px;
height: 40px;
cursor: pointer;
justify-content: center;
align-self: center;
align-items: center;
display: flex;
}
.cases-header_wrapper {
align-items: center;
display: flex;
}
.cases_control_forward {
width: 48px;
height: 40px;
cursor: pointer;
justify-content: center;
align-self: center;
align-items: center;
display: flex;
}
.cases_control_forward.next {
margin-left: 20px;
}
.other-cases_collection-list_wrapper {
flex-direction: row;
display: block;
}
.other-cases_collection {
border-radius: 7px;
display: flex;
}
.other-case_wrapper {
width: auto;
height: 250px;
max-width: none;
min-height: 100%;
min-width: auto;
border-radius: 7px;
position: relative;
overflow: hidden;
}
.other-cases_collection_item {
margin-right: 14px;
}
.case-logo_img {
height: 30px;
margin-bottom: 20px;
}
.other-case_background_photo {
width: 100%;
height: 100%;
max-width: none;
filter: blur(2px);
object-fit: cover;
background-color: #1c1d1e;
border-radius: 0;
display: block;
position: relative;
overflow: visible;
}
.other-case_background_photo._2-columns-1-row {
border-radius: 0;
}
.other-case_background_photo._1-column-2-rows {
width: 100%;
height: 100%;
min-height: 100%;
min-width: 100%;
}
.screenshots_wrapper-collection {
display: flex;
}
.collection-list-wrapper-8 {
display: none;
}
.reviews_list_slider {
width: 820px;
height: 450px;
max-width: none;
}
.screenshot_image-container {
height: 450px;
min-width: 250px;
margin-right: 15px;
}
.screenshots_wrapper_btns_middle {
width: 1px;
color: #f4f4f4;
background-color: #f4f4f4;
margin-left: -20px;
margin-right: -20px;
}
.client-logo_wrapper {
margin-bottom: 32px;
display: flex;
}
.app-name_wrapper {
align-self: center;
margin-left: 20px;
padding-left: 0;
display: flex;
}
.app-name {
color: #fff;
margin-right: 10px;
font-size: 1rem;
font-weight: 600;
}
.app-name.dark_text {
color: #333;
}
.app-name_subtittle {
color: #9da8af;
font-size: 1rem;
font-weight: 400;
}
.app-name_subtittle.dark_text {
color: #333;
}
.project-parts_columns_nection {
grid-column-gap: 23px;
grid-template-rows: auto;
grid-template-columns: .7fr 1fr;
}
.project-part_column_wrapper {
margin-top: 0;
}
.project-part_subtittle {
color: #1791f2;
margin-bottom: -11px;
font-weight: 500;
}
.project-feature_wrapper {
flex-direction: column;
margin-top: 55px;
display: flex;
}
.project-feature_wrapper.first {
margin-top: 80px;
}
.feature-icon_wrapper {
width: 64px;
height: 64px;
background-color: #f4f5fb;
border-radius: 16px;
justify-content: center;
align-items: center;
display: flex;
}
.image-26 {
width: 40px;
height: 40px;
}
.feature-descr_wrapper {
max-width: 400px;
flex-flow: column;
margin-top: 14px;
display: flex;
}
.image-27 {
max-height: 100%;
max-width: 100%;
}
.preview_wrapper_reminders {
width: 100%;
height: auto;
min-height: auto;
background-color: rgba(0, 0, 0, 0);
border-radius: 6px;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
display: flex;
}
.reminder-part-images_wrapper {
width: auto;
height: auto;
min-height: auto;
background-color: rgba(0, 0, 0, 0);
border: 116px #000;
border-radius: 10px;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
display: block;
overflow: hidden;
}
.reminder-part_wrapper {
width: 100%;
height: auto;
min-height: auto;
background-color: #f4f5fb;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.tetiary_btn_reminders-part {
color: #000;
text-transform: uppercase;
cursor: pointer;
border: 1px solid #e3eaef;
border-radius: 5px;
margin-top: 40px;
margin-bottom: 40px;
margin-right: 8px;
padding: 12px 32px;
text-decoration: none;
}
.tetiary_btn_reminders-part.live-link {
display: none;
}
.grid-14 {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 40px;
}
.project-feature_with-img_wrapper {
flex-direction: column;
justify-content: space-between;
margin-top: 0;
display: flex;
}
.project-feature_with-img_wrapper.first {
margin-top: 80px;
}
.image-28 {
margin-top: 30px;
}
.content-conteiner_other-cases {
max-width: 1280px;
flex-direction: column;
margin-top: 0;
padding: 0 40px 120px;
display: flex;
}
.content-conteiner_other-cases.overview {
max-width: 50%;
flex: 1;
padding-top: 100px;
}
.content-conteiner_other-cases._50percents_wrapper.grey-bg {
height: auto;
max-height: none;
min-height: 100%;
background-color: #fbfbfb;
flex-direction: column;
flex: 1;
justify-content: space-around;
align-self: stretch;
align-items: stretch;
position: relative;
}
.content-conteiner_other-cases._50percents_wrapper.first-block {
flex-direction: column;
padding-top: 100px;
padding-bottom: 100px;
}
.content-conteiner_other-cases.two-columns {
padding-left: 40px;
}
.content-conteiner_other-cases.slider-screensots_container {
display: flex;
}
.cant-find-project_wrapper {
flex-direction: column;
margin-top: 60px;
display: flex;
}
.cant-find-project {
margin-bottom: 40px;
}
.background_img {
z-index: 0;
width: 100%;
height: 100%;
max-width: none;
min-width: 100%;
object-fit: cover;
flex: 1;
align-self: center;
position: absolute;
}
.background_img.transparent_img {
opacity: .05;
display: block;
}
.cta-content_wrapper {
z-index: 2;
max-width: none;
grid-column-gap: 66px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-top: 120px;
display: grid;
position: relative;
}
.cta-backg {
white-space: normal;
position: absolute;
}
.project-feature_with-img_wrapper-_empty {
flex-direction: column;
justify-content: space-between;
margin-top: 0;
display: flex;
}
.project-feature_with-img_wrapper-_empty.first {
margin-top: 80px;
}
.h3-copy {
margin-top: 0;
margin-bottom: 30px;
font-size: 1.75rem;
font-weight: 700;
line-height: 140%;
position: static;
}
.h3-copy.we-will-reach_heading {
color: #fff;
margin-top: 281px;
margin-bottom: 20px;
position: static;
}
.h3-copy.our-works_block_h3 {
text-align: right;
text-transform: uppercase;
order: -1;
font-size: 1rem;
font-weight: 500;
position: static;
}
.h3-copy.words-in-tittle {
margin-right: 8px;
}
.project-part_description_static {
z-index: 2;
width: 100%;
flex-direction: column;
align-self: center;
align-items: flex-start;
margin-top: 60px;
margin-bottom: auto;
margin-right: 0;
padding-right: 0;
display: flex;
position: static;
top: 100px;
bottom: 0;
}
.project-part_description_static.sticky {
z-index: 15;
width: 100%;
flex-direction: column;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 160px;
bottom: 0;
}
.tetiary_btn_desktom-photobell-part {
color: #000;
text-transform: uppercase;
cursor: pointer;
border: 1px solid #e3eaef;
border-radius: 5px;
margin-top: 40px;
margin-bottom: 40px;
margin-right: 8px;
padding: 12px 32px;
text-decoration: none;
}
.tetiary_btn_desktom-photobell-part.live-link {
display: none;
}
.project-desktom-photobell_preview {
min-height: 0;
}
.desktom-nection-part_wrapper-copy {
width: 100%;
height: auto;
min-height: auto;
background-color: #f4f5fb;
border-radius: 16px;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
display: flex;
overflow: visible;
}
.show-more_text_desktom-photobell, .show-less_text_desktom-photobell {
font-size: 14px;
font-weight: 600;
}
.sticky-right-clmn_photobell {
position: relative;
}
.sticky-right-clmn_photobell.admin-part {
height: 3500px;
}
.project-overview_description-copy {
width: 700px;
flex-direction: column;
margin-top: 30px;
margin-right: 40px;
display: flex;
position: static;
top: 0%;
bottom: 50%;
}
.project-overview_description-copy.sticky {
z-index: 15;
width: 100%;
flex-direction: column;
align-items: flex-start;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 160px;
bottom: 0;
}
.tetiary_btn_mobile-nection {
color: #000;
text-transform: uppercase;
cursor: pointer;
border: 1px solid #e3eaef;
border-radius: 5px;
margin-top: 40px;
margin-bottom: 40px;
margin-right: 8px;
padding: 12px 32px;
text-decoration: none;
}
.tetiary_btn_mobile-nection.live-link {
display: none;
}
.preview_wrapper_mobile-nection {
width: 100%;
height: auto;
min-height: auto;
background-color: #f4f5fb;
border-radius: 6px;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
display: flex;
}
.mob-nection-part_wrapper {
width: 100%;
height: auto;
min-height: auto;
background-color: #f4f5fb;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.mobile-nection_part-images_wrapper {
width: auto;
height: auto;
min-height: auto;
background-color: rgba(0, 0, 0, 0);
border: 116px #000;
border-radius: 10px;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
display: block;
overflow: hidden;
}
.preview_wrapper_numinous {
width: 100%;
height: auto;
min-height: auto;
background-color: rgba(0, 0, 0, 0);
border-radius: 6px;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
display: flex;
}
.numinous_part-images_wrapper {
width: auto;
height: auto;
min-height: auto;
background-color: rgba(0, 0, 0, 0);
border: 116px #000;
border-radius: 10px;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
display: block;
overflow: hidden;
}
.numinous-part_wrapper {
width: 100%;
height: auto;
min-height: auto;
background-color: #f4f5fb;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
padding-top: 40px;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.tertiary_btn_numinous {
color: #000;
text-transform: uppercase;
cursor: pointer;
border: 1px solid #e3eaef;
border-radius: 5px;
margin-top: 40px;
margin-bottom: 40px;
margin-right: 8px;
padding: 12px 32px;
text-decoration: none;
}
.tertiary_btn_numinous.live-link {
display: none;
}
.image-29 {
align-self: auto;
}
.body-14 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-top: 70px;
}
.text-block-16 {
color: #9da8af;
margin-right: 8px;
text-decoration: none;
}
.link-block-7 {
display: flex;
}
.text-block-16-copy {
color: #9da8af;
margin-right: 4px;
text-decoration: none;
}
.collection-list-4 {
color: #b3b3b3;
}
.foote-link {
color: #b3b3b3;
text-decoration: none;
}
.icon_small-blue {
width: 24px;
height: 24px;
}
.reviews_list_slider_container {
max-width: 700px;
}
.case-section {
height: auto;
min-height: 100vh;
background-color: #070707;
flex-direction: column;
align-items: flex-start;
margin-right: auto;
display: block;
position: relative;
}
.case-section.fp-page-section.fp-auto-height-responsive.quick-case_block, .case-section.fp-page-section.fp-auto-height-responsive.carmen-case_block {
display: none;
}
.case-section.fp-page-section.quick-case_block, .case-section.fp-page-section.carmen-case_block {
display: block;
}
.case_background_img {
z-index: 0;
width: 100%;
height: 100%;
max-width: none;
min-width: 100%;
object-fit: cover;
flex: 1;
align-self: center;
position: absolute;
}
.case_background_img.transparent_img {
opacity: .05;
}
.case-hero-container {
height: 100vh;
max-width: 1280px;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-top: auto;
margin-bottom: auto;
padding: 200px 40px 120px;
display: flex;
position: static;
}
.case-hero_content_wrapper {
z-index: 1;
flex-direction: column;
justify-content: center;
margin-top: 0;
display: flex;
position: relative;
}
.case-content_wrapper {
max-width: 452px;
flex-direction: column;
margin-top: 0;
margin-bottom: 60px;
display: flex;
}
.heading-22 {
font-size: 40px;
}
.case-h2 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 40px;
line-height: 140%;
}
.case-images_wrapper {
width: 700px;
height: 550px;
justify-content: flex-start;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.scroll-progress_indicator_wrapper {
width: auto;
flex-direction: column;
align-items: center;
margin-left: auto;
display: flex;
position: relative;
}
.block_indicator {
margin-bottom: 14px;
}
.block_indicator.inactive {
width: 6px;
height: 6px;
opacity: .4;
display: block;
}
.block_indicator.inactive:hover {
opacity: 1;
}
.block_indicator.active {
width: 8px;
height: 8px;
}
.block_indicator.inactive-copy {
width: 6px;
height: 6px;
opacity: .4;
}
.block_indicator.inactive-copy:hover {
opacity: 1;
}
.image-30 {
width: 8px;
height: 8px;
}
.case-img {
width: 200px;
max-width: 100%;
-webkit-text-fill-color: inherit;
cursor: pointer;
background-clip: border-box;
border-radius: 10px;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: auto;
box-shadow: 1px 0 20px rgba(0, 0, 0, .23);
}
.case-img.right-up_corner {
width: 580px;
border-radius: 10px;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.case-img.nection {
margin-right: 18px;
position: static;
}
.case-img.peoples {
width: 600px;
position: static;
}
.case-img.left-bottom-corner {
width: 550px;
}
.image-32 {
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.input_form_block_wrapper {
background-color: rgba(0, 0, 0, 0);
border-radius: 7px;
padding: 0;
}
.input-form_field_cta {
opacity: 1;
color: #000;
white-space: normal;
background-color: rgba(0, 0, 0, 0);
border: 1px #000;
border-bottom: 1px solid #b5c6d1;
flex: 1;
margin-bottom: 20px;
padding-top: 0;
padding-bottom: 0;
padding-left: 2px;
font-size: 14px;
}
.input-form_field_cta:hover {
border-bottom-width: 1px;
border-bottom-color: #1791f2;
}
.input-form_field_cta:focus {
color: #000;
border-bottom-width: 2px;
border-bottom-color: #1791f2;
font-size: 14px;
}
.input-form_field_cta::-ms-input-placeholder {
color: #9da8af;
}
.input-form_field_cta::placeholder {
color: #9da8af;
}
.next-steps_block_wrapper {
grid-column-gap: 25px;
grid-row-gap: 16px;
background-color: #fff;
border: 1px solid #e3eaef;
border-radius: 8px;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
padding: 36px;
display: grid;
}
.manager-photo_wrapper {
width: 220px;
border-radius: 8px;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
display: flex;
overflow: hidden;
}
.text-block-17 {
color: #404547;
text-align: center;
font-size: 14px;
}
.div-block-12 {
background-color: #f3f4fb;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
justify-content: center;
align-items: center;
padding-top: 16px;
padding-bottom: 16px;
display: flex;
}
.image-33 {
width: 100%;
height: 100%;
object-fit: cover;
}
.div-block-13 {
width: auto;
height: 100%;
}
.steps_wrapper {
display: block;
}
.next_step_item_erapper {
color: #404547;
margin-bottom: 15px;
display: flex;
}
.steps_itemts_wrapper {
margin-top: 36px;
padding-top: 0;
}
.number_circle-3 {
height: auto;
color: #1791f2;
background-color: rgba(107, 185, 247, .48);
border-radius: 20px;
flex: 0 auto;
align-self: flex-start;
margin-right: 10px;
padding: 1px 9px;
}
.xxs-text-semibold-3 {
margin-bottom: 0;
font-size: 12px;
font-weight: 600;
}
.xxs-text-semibold-2-copy {
color: #fff;
margin-bottom: 0;
font-size: 12px;
font-weight: 600;
}
.body-15 {
padding-top: 0;
}
.collection-list-5 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-medium-small {
grid-column-gap: 30px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
grid-auto-columns: 1fr;
margin-left: 15px;
margin-right: 15px;
display: grid;
}
.text-block-18 {
color: #7d8990;
font-size: 12px;
}
.form-block {
margin-top: 40px;
}
.text-block-19 {
color: #1791f2;
text-align: center;
font-size: 150px;
font-weight: 700;
line-height: 100%;
}
._404-heading {
text-align: center;
}
.text-block-20 {
color: #404547;
text-align: center;
}
.body-16 {
padding-top: 40px;
}
.button-3 {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-14 {
flex-direction: column;
align-items: center;
display: flex;
}
.div-block-15 {
margin-top: 30px;
}
.to-bottom_button_link {
background-color: #d8dbe0;
border-radius: 14px;
padding: 4px;
}
.post-more-dynemic {
width: 100%;
padding-top: 56px;
}
.empty-state-2 {
display: block;
}
.content-conteiner-cta {
max-width: 1280px;
flex-direction: column;
margin-top: 0;
padding: 0 40px 120px;
display: flex;
}
.content-conteiner-cta.overview {
max-width: 50%;
flex: 1;
padding-top: 100px;
}
.content-conteiner-cta._50percents_wrapper.grey-bg {
height: auto;
max-height: none;
min-height: 100%;
background-color: #fbfbfb;
flex-direction: column;
flex: 1;
justify-content: space-around;
align-self: stretch;
align-items: stretch;
position: relative;
}
.content-conteiner-cta._50percents_wrapper.first-block {
flex-direction: column;
padding-top: 100px;
padding-bottom: 100px;
}
.content-conteiner-cta.two-columns {
padding-left: 40px;
}
.content-conteiner-cta.slider-screensots_container {
display: flex;
}
.content-conteiner-cta.cta {
background-color: #f4f5fb;
position: relative;
overflow: hidden;
}
.section-6 {
background-color: #f4f5fb;
}
.collection-list-6 {
flex-wrap: wrap;
margin-top: auto;
display: flex;
}
.heading-wrapper {
margin-top: 60px;
margin-bottom: 120px;
}
.page-heading-copy {
margin-top: 0;
margin-bottom: 0;
font-size: 32px;
}
.html-embed-5 {
margin-bottom: 0;
}
.s-button-2-copy {
color: #fff;
text-transform: uppercase;
background-color: #1791f2;
border-radius: 3px;
margin-left: 10px;
margin-right: 10px;
font-size: .87rem;
font-weight: 500;
transition: all .2s;
}
.s-button-2-copy:hover {
background-color: #097dda;
}
.s-button-2-copy.secondary {
color: #1791f2;
background-color: rgba(255, 255, 255, 0);
border: 1px solid #1791f2;
border-radius: 3px;
}
.s-button-2-copy.new {
font-size: 1rem;
}
.s-button-2-copy.new.view_all_reviews {
width: 100%;
color: #1791f2;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #1791f2;
margin-left: 0;
}
.s-button-2-copy.blue-banner_btn {
color: #1791f2;
background-color: #fff;
margin-left: 0;
font-weight: 600;
}
.s-button-2-copy.blue-banner_btn:hover {
opacity: .74;
}
.s-hero__wrapper {
width: 100%;
min-height: 100vh;
background-image: linear-gradient(to right, #000, rgba(0, 0, 0, .6));
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.s-hero__customers {
justify-content: space-between;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.clutch-link-white {
color: #dfdfdf;
}
.team-video__content_2 {
height: auto;
grid-column-gap: 32px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
margin-top: 0;
display: grid;
}
.t-video_2 {
cursor: pointer;
background-image: none;
border-radius: 10px;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: flex-start;
margin-right: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.t-video_cover {
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.collection-list-7 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list-wrapper-9 {
padding: 34px;
display: block;
}
.grid-15 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 1.5fr 1fr;
grid-template-columns: 2fr 1fr;
}
.grid-16 {
grid-template-columns: 1fr;
}
.div-block-16, .div-block-17 {
cursor: pointer;
}
.div-block-18 {
cursor: pointer;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"), linear-gradient(#000 51%, #fff), linear-gradient(#000 85%, #fff);
background-position: 0 0, 0 0, 0 0;
background-size: auto, auto, auto;
}
.blogs-body {
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
margin-top: 40px;
margin-bottom: 40px;
}
.collection-list-wrapper-10 {
width: 100%;
height: 100%;
}
.image-34 {
object-fit: contain;
}
.collection-item-5 {
width: 902px;
height: 662px;
}
.blog-item {
justify-content: flex-start;
align-items: flex-start;
display: block;
}
.blogs-list-popular {
margin-bottom: 80px;
margin-left: 4%;
padding-left: 0;
padding-right: 0;
}
.popular-list-wrapper {
max-width: none;
background-color: #f4f5fb;
border-radius: 16px;
margin-bottom: 36px;
padding: 24px;
}
.popular-list-wrapper.card-wrapper {
background-color: #f4f5fb;
border-radius: 16px;
padding-left: 15px;
padding-right: 15px;
}
.popular-list-wrapper.sidebar-block {
background-color: #f4f5fb;
border-radius: 16px;
}
.popular-list-wrapper.popular-posts-wrapper {
max-width: 320px;
}
.card-wrapper {
margin-top: 23px;
}
.grid-18 {
grid-template-rows: auto;
grid-template-columns: 1fr 3fr;
}
.popular-blog-items {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.post-mini-title {
color: #333;
cursor: pointer;
font-size: 15px;
font-weight: 500;
line-height: 22px;
text-decoration: none;
}
.post-mini-title:hover {
text-decoration: underline;
}
.text-block-21 {
padding-left: 3px;
padding-right: 0;
}
.text-block-22 {
padding-left: 3px;
}
.image-35 {
width: 100%;
cursor: pointer;
object-fit: cover;
border-radius: 16px;
}
.popular-block-title {
color: #333;
padding-top: 0;
padding-bottom: 15px;
font-size: 18px;
font-weight: 600;
line-height: 25.2px;
}
.posts-button {
width: 100%;
color: #333;
text-align: center;
text-transform: uppercase;
cursor: pointer;
background-color: #fff;
border: 1px solid #f4f4f4;
border-radius: 4px;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
padding: 16px 0;
font-weight: 600;
transition: background-color .5s cubic-bezier(.39, .575, .565, 1);
display: block;
}
.posts-button:hover {
color: #fff;
background-color: #1791f2;
}
.posts-button.posts-all {
margin-bottom: 15px;
display: block;
}
.paragraph-5 {
border-radius: 3px;
}
.collection-list-9 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list-10 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 1fr;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: grid;
}
.blog-tab {
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #f4f4f4;
border-radius: 4px;
margin-bottom: 9px;
margin-right: 9px;
padding: 12px 16px;
text-decoration: none;
transition: color .6s cubic-bezier(.55, .055, .675, .19), background-color .6s cubic-bezier(.23, 1, .32, 1), border-color .5s;
display: inline-block;
}
.blog-tab:hover {
background-color: #f4f4f4;
border-color: #f4f4f4;
}
.blog-tab:active, .blog-tab:focus {
border-color: #333;
}
.blog-tab.w--current {
color: #fff;
background-color: #333;
border-color: #333;
border-radius: 4px;
margin-bottom: 12px;
margin-right: 12px;
transition-duration: .6s, .4s;
transition-timing-function: cubic-bezier(.55, .055, .675, .19), ease;
}
.blog-tab.blog-tab-mobile.blog-tab-mobile-last {
margin-bottom: 12px;
margin-right: 12px;
}
.blog-tab.blog-tab-all {
color: #fff;
cursor: auto;
background-color: #333;
}
.blog-tab-title {
text-transform: uppercase;
font-weight: 600;
}
.blog-content-details {
font-size: 13px;
display: flex;
}
.blog-content-details.blog-details {
color: #333;
}
.blog-item-container {
align-items: flex-start;
margin-bottom: 48px;
display: flex;
}
.blog-item-container.blog-item {
border: 1px #000;
align-items: flex-start;
margin-bottom: 48px;
text-decoration: none;
}
.blog-item-container.blog-item:hover {
text-decoration: none;
}
.blog-img {
width: 250px;
height: 250px;
cursor: pointer;
object-fit: fill;
border-radius: 4px;
flex: none;
margin-right: 24px;
overflow: hidden;
}
.blog-img.blog-image {
margin-right: 24px;
}
.blog-image {
width: 100%;
height: 100%;
min-height: 100%;
min-width: 100%;
object-fit: cover;
border-radius: 4px;
}
.blog-image.mobile {
display: none;
}
.blog-category {
text-transform: uppercase;
margin-top: 5px;
margin-bottom: 5px;
font-size: 13px;
line-height: 24px;
}
.blog-category.blog-category-hero {
margin-bottom: 24px;
font-size: 16px;
}
.blog-title {
color: #333;
text-transform: none;
border: 1px #000;
font-size: 24px;
font-style: normal;
line-height: 32px;
text-decoration: none;
}
.blog-title:hover {
text-decoration: none;
}
.blog-title.blog-title-hero {
color: #fff;
cursor: pointer;
margin-top: 0;
margin-bottom: 0;
}
.blog-title.blog-title-hero:hover {
text-decoration: underline;
}
.blog-title.blog-title-hero.blog-title-main {
cursor: pointer;
margin-top: 0;
margin-bottom: 0;
font-size: 40px;
line-height: 55px;
}
.blog-title.blog-title-hero.blog-title-main:hover {
text-decoration: underline;
}
.blog-content-text {
cursor: pointer;
text-decoration: none;
display: block;
}
.blog-desc {
color: #7d8991;
font-size: 16px;
}
.text-block-23 {
color: #333;
margin-right: 4px;
}
.text-block-23.blog-author-pr, .blog-read-time {
margin-right: 4px;
}
.blog-circle-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.blog-circle-wrapper.blog-circle {
margin-left: 8px;
margin-right: 8px;
}
.blog-link {
width: 100%;
height: 100%;
cursor: pointer;
transition: filter .4s cubic-bezier(.55, .055, .675, .19);
}
.blog-link:hover {
filter: brightness(45%);
}
.blog-link:active {
filter: brightness(29%);
}
.blog-link:focus {
filter: brightness(49%);
}
.blog-tab-content {
margin-top: 2.5rem;
}
.hero-section {
margin-bottom: 4.5rem;
display: none;
}
.blog-read-link:hover {
opacity: .78;
}
.blog-items-wrapper {
margin-top: 0;
}
.blog-tab-circle {
width: 6px;
height: 6px;
background-color: #b9bc00;
border: 1px solid #b9bc00;
border-radius: 50%;
align-self: center;
margin-right: 6px;
}
.blog-tab-circle.blog-tab-circle-angular {
background-color: #ffa32d;
border-color: #ffa32d;
}
.blog-tab-circle.blog-tab-circle-startups {
background-color: #5d66fe;
border-color: #5d66fe;
}
.blog-tab-circle.blog-tab-circle-tech {
background-color: #fa345a;
border-color: #fa345a;
}
.blog-tab-circle.blog-tab-circle-how-to {
background-color: #00c2e9;
border-color: #00c2e9;
}
.blog-tab-circle.blog-tab-circle-angularjs {
background-color: #0b63ef;
border-color: #0b63ef;
}
.blog-tab-circle.blog-tab-circle-outsorcing {
background-color: #2cbccc;
border-color: #2cbccc;
}
.blog-tab-control {
display: flex;
}
.hero-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 1.75fr 1.25fr;
grid-template-columns: 2fr 1fr;
}
.hero-blog-post-main {
width: auto;
height: 100%;
max-height: 100vh;
display: flex;
}
.hero-blog-post {
width: auto;
height: 100%;
}
.collection-item-6 {
height: 100vh;
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.blog-content-button {
color: #fff;
text-transform: uppercase;
justify-content: flex-start;
margin-top: 27.5px;
font-size: 14px;
font-weight: 600;
line-height: 17px;
text-decoration: none;
display: flex;
}
.blog-hero-main-button {
width: 100%;
max-height: 50px;
max-width: 170px;
cursor: pointer;
margin-top: 100px;
position: relative;
}
.search-input {
width: 280px;
color: #7d8991;
text-transform: uppercase;
column-count: auto;
border: 1px solid #f4f4f4;
border-radius: 4px;
padding-left: 36px;
font-size: 14px;
font-weight: 600;
line-height: 17px;
}
.search-3 {
margin-bottom: 24px;
display: block;
position: relative;
}
.search-button-2 {
display: none;
}
.image-36 {
position: absolute;
top: 10px;
left: 10px;
}
.blog-hero-info {
flex: none;
align-self: auto;
}
.arrow-right-img {
margin-left: 14px;
}
.arrows-block {
flex-direction: column;
justify-content: center;
display: flex;
position: absolute;
top: 0%;
bottom: 0;
left: auto;
right: 30px;
}
.all-posts-button-text {
text-transform: uppercase;
background-color: rgba(0, 0, 0, 0);
margin-right: 0;
padding: 16px 55px 16px 32px;
font-size: 14px;
font-weight: 600;
line-height: 17px;
text-decoration: none;
}
.all-posts-button-text:hover {
background-color: #0389f4;
border-color: #0389f4;
}
.blog-hero-wrapper {
z-index: 100;
background-image: linear-gradient(to right, rgba(0, 0, 0, .48), rgba(37, 37, 37, 0));
flex-flow: column;
justify-content: center;
padding: 10rem 4rem 3rem;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.blog-hero-wrapper.blog-hero-wrapper-side {
padding: 5rem 3rem 2rem;
}
.blog-hero-wrapper.blog-hero-wrapper-side.blog-hero-wrapper-small {
width: 100%;
height: 100%;
max-height: 100%;
align-items: center;
padding-top: 0;
padding-bottom: 0;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.collection-list-11 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 1.75fr 1.25fr;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-19 {
clear: both;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 2fr;
grid-template-columns: 2fr 1fr;
}
.collection-list-wrapper-11 {
grid-template-rows: .75fr;
grid-template-columns: 1fr;
grid-auto-rows: .25fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: stretch;
justify-items: stretch;
display: block;
}
.all-posts-button {
max-height: 50px;
max-width: 170px;
color: #fff;
cursor: pointer;
border: 1px solid #fff;
border-radius: 4px;
margin-top: 100px;
text-decoration: none;
transition: border-color .6s cubic-bezier(.165, .84, .44, 1), background-color .6s cubic-bezier(.165, .84, .44, 1);
position: relative;
}
.all-posts-button:hover {
background-color: #1791f2;
border-color: #1791f2;
}
.collection-list-12 {
max-height: 100vh;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: minmax(100px, 57vh) minmax(100px, 43fr);
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
overflow: hidden;
}
.collection-list-13 {
height: 100%;
}
.div-block-20 {
width: 100%;
height: 100%;
min-height: 500px;
min-width: 100%;
object-fit: contain;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.image-37 {
width: 100%;
height: 100%;
object-fit: cover;
}
.slider-6 {
display: none;
}
.collection-list-wrapper-12 {
max-height: 100vh;
flex: 0 auto;
}
.about-us {
background-color: #f9fafd;
padding-top: 100px;
padding-bottom: 100px;
}
.normal-text-copy {
max-width: 540px;
color: #404547;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 26px;
}
.normal-text-copy.tip__name {
color: #404547;
}
.normal-text-copy.developers-card_description_p {
color: #404547;
font-size: 1rem;
}
.normal-text-copy.hero-text {
color: #333;
margin-bottom: 40px;
line-height: 26px;
}
.normal-text-copy.people-chareclter_descr {
color: #000;
margin-bottom: 15px;
}
.normal-text-copy.details-tittle {
margin-bottom: 16px;
font-weight: 500;
}
.normal-text-copy.details-text {
color: #000;
margin-bottom: 7px;
font-weight: 500;
text-decoration: none;
display: block;
}
.normal-text-copy.white-text {
color: #fff;
}
.about-block {
flex-direction: row;
margin-bottom: 10px;
font-size: 1rem;
line-height: 150%;
text-decoration: none;
display: flex;
}
.about-block.about-intro {
text-decoration: underline;
}
.text-span-4 {
text-decoration: line-through;
}
.div-block-21 {
align-items: center;
display: flex;
}
.about-text {
margin-left: 0;
}
.about-text.about-text-mob {
color: #1791f2;
}
.link-11 {
color: #404547;
cursor: pointer;
font-weight: 400;
text-decoration: none;
}
.post__image_mob {
width: 100%;
height: 100%;
min-height: 100%;
min-width: 100%;
object-fit: cover;
display: none;
position: absolute;
top: 0;
left: 0;
}
.list-3, .list-4, .list-5 {
list-style-type: decimal;
}
.block-quote-4 {
background-color: #f6f6f6;
border-style: none;
border-width: 1px;
margin-top: 60px;
margin-bottom: 60px;
padding: 30px;
font-size: 1.2rem;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.list-6, .list-7 {
list-style-type: disc;
}
.list-8 {
font-weight: 400;
}
.block-quote-5 {
color: #404547;
}
.list-9 {
font-size: 1rem;
font-weight: 500;
}
.block-quote-6 {
font-weight: 600;
}
.post-hero-content-new {
z-index: 3;
max-width: 66.66%;
background-color: rgba(0, 0, 0, 0);
flex-direction: column;
align-items: center;
margin-top: -133px;
margin-left: 100px;
margin-right: auto;
padding: 0;
position: relative;
}
.div-block-22 {
background-color: #fff;
border-radius: 7px;
flex-direction: column;
padding: 13px 25px 10px;
display: flex;
}
.badge-new {
z-index: 3;
height: auto;
color: #fff;
background-color: rgba(21, 21, 21, .7);
border-radius: 12px;
margin-bottom: 20px;
margin-left: 20px;
padding: 5px 12px;
font-size: 11px;
font-weight: 700;
line-height: 16px;
text-decoration: none;
display: inline-block;
position: relative;
}
.badge-new:hover {
opacity: 1;
color: #fff;
text-decoration: underline;
}
.post__image_new {
width: 100%;
height: 100%;
min-height: 100%;
min-width: 100%;
object-fit: cover;
border-radius: 7px;
padding-left: 0;
padding-right: 0;
position: absolute;
top: 0;
left: 0;
}
.link-12 {
color: #7d8990;
font-weight: 600;
}
.body-17 {
margin-left: 0;
margin-right: 0;
padding-top: 70px;
}
.cta_in-rich-text_content-wrapper {
z-index: 2;
flex-direction: column;
order: 0;
align-items: flex-start;
margin-top: 0;
padding: 36px;
text-decoration: none;
display: flex;
position: relative;
}
.cta_in-rich-text_image {
margin-top: 20px;
margin-right: 20px;
position: static;
}
.cta_in-rich-text_back-img {
position: absolute;
}
.cta_in-rich-text {
color: #fff;
background-color: #f6f6f6;
border-radius: 7px;
align-items: flex-end;
margin-top: 60px;
margin-bottom: 60px;
display: flex;
position: relative;
overflow: hidden;
}
.cta_in-rich-text_img {
z-index: 2;
max-width: 400px;
min-width: 250px;
cursor: none;
margin-top: 36px;
margin-right: 36px;
position: relative;
}
.cta-in-rich-text_bg {
opacity: .7;
cursor: not-allowed;
position: absolute;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.cta_in-rich-text_content {
margin-bottom: 30px;
}
.cta_in-rich-text_heading {
color: #000;
text-align: left;
margin-bottom: 8px;
font-size: 24px;
font-weight: 700;
line-height: 125%;
}
.cta_in-rich-text_p {
font-weight: 500;
}
.post-link_in-rich-text {
height: auto;
background-color: #f6f6f6;
border: 1px #000;
border-radius: 7px;
flex-direction: row;
margin-top: 40px;
margin-bottom: 40px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.post-link_in-rich-text_img-500 {
width: 150px;
height: auto;
max-width: 150px;
min-width: 150px;
object-fit: cover;
flex: 0 auto;
display: block;
}
.post-link_in-rich-text_content-wrapper {
height: auto;
align-items: stretch;
padding-left: 0;
text-decoration: none;
display: flex;
}
.read-more_text {
color: #1791f2;
margin-bottom: 10px;
padding-bottom: 0;
font-size: 1rem;
text-decoration: none;
}
.article-name_text {
color: #000;
text-align: left;
font-size: 22px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.post-link_in-rich-text_content {
flex-direction: column;
justify-content: center;
padding: 27px;
text-decoration: none;
display: flex;
}
.post-link_in-rich-text_img-1600 {
width: auto;
height: 100%;
max-width: 200px;
min-width: 0;
object-fit: cover;
flex: 0 auto;
display: none;
}
.cta_in-rich-text_btn {
color: #fff;
text-align: left;
background-color: #1791f2;
border-radius: 3px;
padding: 16px 50px;
}
.cta_btn_text {
letter-spacing: 1px;
text-transform: uppercase;
border: 1px #000;
font-size: .87rem;
font-weight: 600;
}
.faq-blog_wrapper {
width: 100%;
flex-direction: column;
align-self: flex-start;
align-items: flex-start;
margin-top: 0;
margin-right: 0;
padding-right: 0;
display: flex;
position: static;
top: 0%;
bottom: 50%;
}
.faq-blog_wrapper.sticky {
z-index: 15;
width: 100%;
flex-direction: column;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 160px;
bottom: 0;
}
.faq-blog_item_header {
cursor: pointer;
display: flex;
}
.faq-blog_tittle_wrapper {
align-self: center;
align-items: stretch;
display: flex;
}
.faq-blog_tittle {
font-size: 1rem;
font-weight: 600;
}
.faq-blog_item_controls {
align-self: center;
align-items: center;
margin-left: 10px;
margin-right: 10px;
display: flex;
}
.faq-blog_item_control_expand, .service-item_control_collapse-copy, .faq-blog_item_control_collapse {
width: 24px;
height: 24px;
cursor: pointer;
flex: 0 auto;
margin-right: 5px;
display: flex;
}
.faq-blog_item_paragraph {
color: #404547;
margin-top: 15px;
margin-bottom: -20px;
}
.faq-blog_item_wrapper {
width: 100%;
cursor: pointer;
background-color: #f6f6f6;
border-radius: 7px;
flex-direction: column;
margin-bottom: 20px;
padding: 20px;
display: flex;
}
.rate-this-article_wrapper {
width: 100%;
background-color: #f6f6f6;
border-radius: 7px;
align-self: stretch;
align-items: center;
margin-top: 100px;
margin-bottom: 20px;
padding: 36px;
display: flex;
}
.rate-this-article_content_wrapper {
width: 100%;
align-self: center;
margin-right: 17px;
padding: 0;
}
.rate-this-article_heading {
border-radius: 8px;
margin-bottom: 10px;
padding-bottom: 0;
font-size: 30px;
font-weight: 700;
line-height: 120%;
}
.rate-this-article_subheading {
border-radius: 8px;
margin-right: 4px;
font-size: .8rem;
font-weight: 500;
}
.rate-this-article_buttons {
width: 80%;
cursor: pointer;
justify-content: center;
align-self: center;
display: flex;
}
.div-block-24 {
color: #7d8990;
display: flex;
}
.html-embed-6 {
cursor: pointer;
}
.body-18 {
padding-top: 70px;
}
.position_bottov_wrapper {
opacity: .8;
justify-content: center;
margin-top: 20px;
display: flex;
}
.position-descr_item {
flex: 0 auto;
align-items: center;
margin-right: 20px;
display: flex;
}
.image-38 {
width: 14px;
height: 14px;
margin-right: 5px;
}
.text-block-28 {
font-size: 14px;
}
.text-block-29 {
margin-bottom: 5px;
font-weight: 600;
}
.div-block-25 {
align-items: flex-end;
margin-bottom: 0;
display: flex;
position: relative;
}
.text-block-30 {
color: #1791f2;
padding-left: 0;
padding-right: 0;
font-size: 12px;
line-height: 100%;
display: none;
}
.button-4 {
background-color: #edf6ff;
border: 1px solid #9da8af;
border-bottom-color: #b5c6d1;
border-radius: 4px;
flex-wrap: nowrap;
align-items: center;
margin-bottom: 0;
margin-right: 21px;
padding: 10px 41px;
display: flex;
}
.text {
color: #9da8af;
flex: 1;
font-weight: 400;
}
.icon-5 {
color: #1791f2;
}
.file-upload {
margin-bottom: 20px;
}
.button-5 {
border-bottom: 1px solid #b5c6d1;
border-radius: 4px;
margin-right: 21px;
padding: 10px 41px;
}
.icon-6 {
color: #1791f2;
}
.text-2 {
color: #9da8af;
}
.uploaded-file {
border-bottom: 1px solid #b5c6d1;
border-radius: 4px;
margin-right: 21px;
padding: 10px 20px;
}
.icon-7 {
color: #1791f2;
}
.text-block-31 {
color: #333;
}
.error-message-2 {
margin-top: 0;
padding-top: 0;
font-size: 11px;
font-weight: 500;
line-height: 10px;
position: static;
}
.error-state {
margin-top: 0;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: auto;
}
.empty-state-3 {
background-color: #edf6ff;
border: 1px solid #b9d4f0;
border-radius: 7px;
margin-bottom: 20px;
padding: 24px;
font-weight: 500;
}
.text-block-32 {
color: #1791f2;
}
.subscribe-email-wrapper {
max-width: 400px;
border: 1px solid #e3eaef;
border-radius: 16px;
margin-bottom: 36px;
padding: 24px;
}
.text-block-33 {
font-size: 18px;
font-weight: 600;
}
.form-2 {
display: flex;
}
.text-field {
height: 50px;
border: 1px solid #e3eaef;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
margin-bottom: 0;
}
.email-subcribtion_input {
border-radius: 8px;
margin-top: 24px;
margin-bottom: 0;
}
.submit-button {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.image-39.tabs-expand-btn {
display: none;
}
.empty-state-4, .empty-state-5, .empty-state-6 {
margin-bottom: 20px;
}
.image-40.black-arrow, .blogs-list-mobile {
display: none;
}
.blog-mobile-button {
text-decoration: none;
}
.blog-mobile-button.blog-tab {
display: flex;
}
.text-block-34 {
color: #1791f2;
}
.blog-heading-wrapper {
margin-top: 40px;
margin-bottom: 20px;
}
.page-container-2 {
z-index: 10;
width: 100%;
max-width: 1200px;
flex: 0 auto;
align-self: auto;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.page-container-2.blog-page-container {
margin-top: 30px;
margin-bottom: 0;
}
.blog-heading-wrapper-2 {
margin-top: 80px;
margin-bottom: 0;
}
.blog-tabs {
margin-bottom: 25px;
}
.text-block-35 {
font-size: 1rem;
}
.hero-article_wrapper {
margin-bottom: 0;
display: block;
}
.hero-article_thumbnail_wrapper {
border-radius: 10px;
overflow: hidden;
}
.hero-article_collection_wrapper {
margin-bottom: 0;
}
.hero-article_container {
border: 1px #000;
text-decoration: none;
}
.blog-tittle_h1 {
font-size: 36px;
font-weight: 700;
}
.blog-items_wrapper_conteiner {
overflow: hidden;
}
.empty-state-7 {
display: none;
}
.collection-item-9 {
margin-bottom: 80px;
}
.banner-sidebar-service {
width: 100%;
max-width: 400px;
cursor: pointer;
background-color: #f4f5fb;
border-radius: 11px;
justify-content: center;
align-items: center;
padding: 24px;
text-decoration: none;
transition: filter .3s;
overflow: hidden;
}
.service-image_wrapper {
height: 80px;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 16px;
display: flex;
}
.heading-24 {
color: #333;
text-decoration: none;
}
.baer-service_content_wrapper {
margin-bottom: 20px;
}
.s-banner__tip {
align-self: center;
margin-left: 0;
margin-right: 12px;
padding-top: 5px;
display: flex;
}
.s-banner_tip__name {
color: #4e595f;
flex: none;
align-self: center;
font-size: 13px;
font-weight: 400;
}
.text-span-5 {
text-decoration: underline;
}
.learn-more_btn {
height: 50px;
background-color: #1791f2;
border-radius: 5px;
justify-content: center;
align-items: center;
display: flex;
}
.text-block-36 {
color: #fff;
}
.image-41 {
width: auto;
height: 100%;
}
.vika_banner {
width: 100%;
max-width: 300px;
cursor: pointer;
object-fit: cover;
border-radius: 16px;
}
.section-title_wrapper {
margin-bottom: 40px;
}
.section-title-copy {
width: 100%;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 2.5rem;
font-weight: 600;
line-height: 3rem;
}
.section-title-copy.partners__title {
margin-top: 0;
margin-bottom: 90px;
font-weight: 600;
}
.section-title-copy.about__title {
text-align: left;
margin-bottom: 90px;
}
.section-title-copy.process__title {
width: 100%;
text-align: center;
margin-bottom: 80px;
}
.section-title-copy.difference__title {
text-align: center;
margin-bottom: 90px;
}
.section-title-copy.solution__title {
text-align: center;
margin-bottom: 50px;
}
.section-title-copy.description__title {
margin-bottom: 70px;
}
.section-title-copy.rules-articles__section-title {
border-bottom: 1px solid #eee;
margin-top: 90px;
margin-bottom: 90px;
padding-bottom: 90px;
}
.section-title-copy.questions__title {
text-align: left;
margin-bottom: 100px;
}
.section-title-copy.values__title {
margin-bottom: 80px;
}
.section-title-copy.features__title {
text-align: left;
margin-bottom: 80px;
}
.section-title-copy.idea__title {
padding-top: 40px;
padding-bottom: 40px;
}
.section-title-copy.job-steps__title {
text-align: center;
margin-bottom: 80px;
}
.section-title-copy.positiions__title {
margin-bottom: 40px;
}
.section-title-copy.videos__title {
width: auto;
margin-bottom: 0;
margin-right: 40px;
}
.section-title-copy.team-video__title {
text-align: left;
margin-bottom: 20px;
}
.section-title-copy.techs__block-title {
margin-bottom: 100px;
}
.section-title-copy.awards__section-name, .section-title-copy.clients__section-name {
margin-bottom: 90px;
}
.section-title-copy.working-flow__title, .section-title-copy.c-reviews__title, .section-title-copy.teams__title, .section-title-copy.different-angular__title {
margin-bottom: 100px;
}
.section-title-copy.compare__block-title {
margin-bottom: 89px;
}
.heading-25 {
font-size: 19px;
}
.div-block-26 {
max-width: 600px;
margin-top: 100px;
display: none;
}
.about-us_body {
width: 47%;
margin-bottom: 80px;
}
.about-block_item_wrapper {
flex-direction: column;
margin-bottom: 10px;
font-size: 1rem;
line-height: 150%;
display: flex;
}
.about-block_item_wrapper.about-intro {
text-decoration: underline;
}
.about_icon {
width: 52px;
height: 52px;
max-width: none;
object-fit: contain;
margin-bottom: 10px;
}
.grid-20 {
grid-column-gap: 60px;
grid-row-gap: 68px;
margin-top: 40px;
}
.contactus_block {
grid-column-gap: 3px;
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-columns: .25fr 1.5fr;
grid-auto-columns: 1fr;
display: grid;
}
.bold-text-17, .bold-text-18, .bold-text-19, .bold-text-20 {
color: #1791f2;
}
.contact-us {
background-color: #fff;
padding-top: 100px;
padding-bottom: 100px;
}
.div-block-27 {
width: 47%;
}
.div-block-29 {
width: 40px;
height: 40px;
color: #1791f2;
background-color: rgba(23, 145, 242, .14);
border-radius: 200px;
justify-content: center;
align-items: center;
margin-bottom: 20px;
font-size: 18px;
font-weight: 800;
display: flex;
}
.values_section {
padding-top: 100px;
padding-bottom: 100px;
padding-right: 0;
}
.values_section.features_old {
display: none;
}
.values_section.features_grey-bg, .values_section.values_grey-bg {
background-color: #f9fafd;
}
.section-7 {
text-align: center;
}
.button-6 {
text-align: left;
margin-top: 20px;
margin-bottom: 20px;
display: inline-block;
}
.div-block-30 {
z-index: 1;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.background-video-2 {
z-index: 0;
height: 100%;
max-height: 3300px;
min-height: 700px;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.text-span-6 {
color: #fff;
font-size: 42px;
line-height: 42px;
}
.div-block-31 {
background-color: #fff;
border-radius: 8px;
margin-top: 40px;
margin-left: 24px;
margin-right: 24px;
padding: 0 40px 40px;
display: block;
position: static;
top: 100%;
left: 0%;
right: 0%;
box-shadow: 0 0 9px 8px rgba(103, 121, 138, .16);
}
.navbar-2 {
background-color: rgba(0, 0, 0, 0);
margin-top: 24px;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.body-20 {
background-color: #fff;
padding-top: 0;
overflow: visible;
box-shadow: 1px 1px 3px rgba(103, 121, 138, .09);
}
.div-block-32 {
border: 0 solid #e3eaef;
}
.menu-logo {
display: none;
}
.hero-awards_wrapper-new {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
display: flex;
}
.hero-awards__text {
grid-column-gap: 4px;
grid-row-gap: 4px;
justify-content: center;
align-items: center;
font-size: 14px;
display: flex;
}
.image-42 {
width: 24px;
height: 24px;
}
.text-block-37 {
letter-spacing: .16em;
text-transform: uppercase;
font-family: Nunito, sans-serif;
font-weight: 600;
line-height: 19px;
}
.awards_collection_wrapper-new {
width: auto;
flex: 1;
justify-content: flex-start;
display: flex;
}
.awards_collection_item-new {
justify-content: center;
align-items: center;
margin-right: 0;
padding: 20px;
display: flex;
position: relative;
}
.awward-mask {
z-index: 1;
width: 0%;
background-color: #edf6ff;
border-radius: 8px;
transition: width .85s;
display: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.awward-mask:hover {
width: 100%;
object-fit: none;
}
.awards_collection--new {
grid-column-gap: 40px;
flex-wrap: wrap;
flex: 1;
justify-content: space-around;
display: flex;
}
.hero-awards-new {
border-bottom: 1px solid #ededed;
margin-top: 0;
margin-bottom: 30px;
padding-bottom: 10px;
}
.business-of-year {
padding-left: 20px;
position: relative;
}
.grid-21 {
grid-template-columns: .25fr 1fr .25fr;
}
.grid-22 {
grid-template-rows: auto;
grid-template-columns: 1fr 15fr 1fr;
}
.sbusiness-of-year__caption {
grid-column-gap: 24px;
grid-row-gap: 0px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
font-weight: 600;
display: flex;
position: relative;
}
.text-block-38 {
color: #828282;
letter-spacing: .16rem;
text-transform: uppercase;
font-family: Nunito, sans-serif;
font-size: 14px;
font-weight: 600;
position: absolute;
top: 10px;
bottom: auto;
left: auto;
right: 0%;
}
.image-43 {
margin-left: 0;
margin-right: 0;
}
.heading-28 {
margin-bottom: 0;
font-size: 25px;
}
.divider {
width: 40px;
height: 9px;
background-color: #d9d9d9;
border-top: 4px solid #fff;
border-bottom: 4px solid #fff;
border-right: 1px solid #d9d9d9;
padding-top: 0;
padding-bottom: 0;
}
.divider.divider-long {
width: 137px;
border-left: 1px solid #d9d9d9;
border-right-width: 0;
transition: border-color .4s;
}
.divider.diveder-auto {
width: 100%;
border-left: 1px solid #d9d9d9;
border-right-width: 0;
position: absolute;
top: auto;
bottom: -4px;
left: -4px;
right: auto;
}
.div-block-33 {
width: 100%;
height: 100%;
}
.text-block-39 {
color: #828282;
margin-top: 16px;
font-size: 16px;
}
.div-block-34 {
grid-column-gap: 24px;
align-items: center;
display: flex;
}
.our-priority__wrapper {
width: 100%;
grid-column-gap: 0px;
justify-content: space-between;
align-self: auto;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.our-priority__text {
max-width: 450px;
}
.our-priority__ratings {
grid-column-gap: 38px;
flex: none;
justify-content: space-between;
align-items: center;
display: flex;
}
.heading-29 {
color: #333;
font-size: 36px;
}
.text-span-7 {
color: #1791f2;
}
.text-block-40 {
color: #828282;
font-size: 18px;
}
.our-priority__ratings-item {
flex-direction: column;
align-self: auto;
align-items: stretch;
display: flex;
}
.our-priority__ratings-item-tag {
position: relative;
}
.text-block-41 {
color: #333;
margin-bottom: 16px;
font-size: 16px;
font-weight: 400;
}
.text-block-42 {
color: #1791f2;
margin-bottom: 16px;
font-size: 24px;
font-weight: 700;
}
.divider-vertical {
width: 9px;
height: 139px;
background-color: #d9d9d9;
border-top: 1px solid #d9d9d9;
border-left: 4px solid #fff;
border-right: 4px solid #fff;
}
.text-block-43 {
transform-origin: 0 100%;
color: #333;
letter-spacing: .16rem;
text-transform: uppercase;
font-family: Nunito, sans-serif;
font-size: 14px;
font-weight: 600;
display: inline;
position: absolute;
top: auto;
bottom: 0%;
left: 35px;
right: auto;
transform: rotate(-90deg);
}
.section-header {
color: #333;
text-align: center;
margin-bottom: 48px;
font-size: 42px;
}
.section-header.form-section__hrader {
margin-top: 64px;
font-size: 66px;
}
.section-header.form-section__hrader-copy {
font-size: 42px;
line-height: 56px;
}
.section-header.main-form-header, .section-header.main-form-header-copy {
margin-top: 48px;
margin-bottom: 32px;
}
.section-header.decisive-factor-header {
width: 100%;
max-width: none;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.section-header.decisive-factor-header.quik-case {
max-width: 982px;
}
.section-header.asio-as-case {
margin-bottom: 72px;
}
.our-focus {
width: 100%;
display: flex;
}
.our-focus__items {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.our-focus__items__item {
width: 373px;
height: 726px;
border: 1px solid #e3eaef;
border-radius: 8px;
flex-direction: column;
padding: 40px;
transition: background-color .4s;
display: flex;
}
.our-focus__items__item.our-focus__items__item-blue:hover {
background-color: #eff3fc;
}
.our-focus__items__item.our-focus__items__item-pink:hover {
background-color: #f9f1fc;
}
.our-focus__items__item.our-focus__items__item-pink-green:hover {
background-color: #ebf8fa;
}
.our-focus__items__item-caption {
max-width: none;
min-height: 64px;
white-space: normal;
margin-top: 0;
margin-bottom: 40px;
font-size: 24px;
line-height: 32px;
}
.our-focus__items__item-focus {
grid-column-gap: 16px;
flex-direction: row;
align-items: flex-start;
margin-bottom: 16px;
display: flex;
}
.our-focus__items__item-focus.ss {
order: 0;
align-self: auto;
}
.text-block-44 {
font-size: 16px;
}
.image-44, .image-45, .image-46, .image-47, .image-48, .image-49 {
margin-top: 4px;
}
.our-focus__items__item-instruments {
margin-top: auto;
}
.text-block-45 {
letter-spacing: .16em;
text-transform: uppercase;
margin-bottom: 4px;
font-family: Nunito, sans-serif;
font-size: 14px;
}
.instruments-items-wrapper {
grid-column-gap: 16px;
margin-top: 9px;
display: flex;
}
.instruments-item {
width: 64px;
height: 64px;
background-color: #fff;
border-radius: 8px;
justify-content: center;
align-items: center;
padding: 14px;
display: flex;
box-shadow: 0 0 6px 3px rgba(133, 151, 182, .06);
}
.our-levels__content {
width: 100%;
grid-column-gap: 48px;
grid-row-gap: 24px;
background-color: #f4f5fb;
border-radius: 8px;
align-items: center;
padding: 32px 48px;
display: flex;
}
.our-levels__content__icon {
width: 64px;
height: 64px;
background-color: #1791f2;
border-radius: 8px;
justify-content: center;
align-items: center;
display: flex;
}
.text-block-46 {
color: #1e2225;
font-size: 18px;
line-height: 32px;
}
.expertise-item-wrapper {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-wrap: wrap;
justify-content: center;
padding-bottom: 0;
padding-left: 40px;
display: block;
}
.expertise-item-wrapper.expertise-item--half {
width: 50%;
}
.expertise-items {
width: 100%;
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: center;
display: flex;
}
.expertise__item {
width: auto;
height: 100%;
max-width: 310px;
border: 1px solid #e3eaef;
border-radius: 8px;
flex-direction: column;
padding: 40px;
display: flex;
position: relative;
}
.expertise__item.expertise__item-extra {
height: 705px;
max-width: 340px;
padding-bottom: 20px;
}
.expertise__item.expertise__item--refer {
width: auto;
height: 100%;
max-width: 350px;
}
.expertise__item.expertise__item__half {
max-width: none;
}
.expertise__item__text {
transform-origin: 0 100%;
letter-spacing: .16em;
text-transform: uppercase;
white-space: nowrap;
font-family: Nunito, sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 32px;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: auto;
transform: translate(-10px)rotate(-90deg);
}
.expertise__item__icon {
z-index: 1;
width: 64px;
height: 64px;
background-color: #fff;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-bottom: 40px;
display: flex;
position: relative;
}
.expertise__item__content {
z-index: 1;
position: relative;
}
.expertise__item__number {
z-index: 1;
width: 100%;
justify-content: flex-end;
align-items: center;
margin-top: auto;
display: flex;
position: relative;
}
.text-block-47 {
color: #333;
text-align: left;
font-size: 15px;
line-height: 26px;
}
.expertise__item__number-value {
color: #000;
font-size: 120px;
font-weight: 700;
line-height: 146px;
}
.expertise__item__number-value.gray {
color: #c8d8f4;
transition: color .4s;
}
.expertise__item__number-value.pink {
color: #ecd2f6;
transition: color .4s;
}
.expertise__item__number-value.teal {
color: #bee8ed;
transition: color .4s;
}
.segment-focus__item {
width: 100%;
margin-bottom: 24px;
display: flex;
}
.segment-focus__item-description {
flex: 1 0 1px;
}
.segment-focus__item-video {
flex: 1 0 auto;
}
.grid-23 {
grid-template-rows: auto;
}
.grid-24 {
width: 100%;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.segment-focus__item-text {
background-color: #1e2225;
padding: 48px;
}
.heading-30 {
color: #fff;
margin-bottom: 48px;
font-size: 66px;
line-height: 80px;
}
.triangle-rounded {
width: 16px;
height: 16px;
background-color: #1791f2;
border-top-left-radius: 80%;
border-top-right-radius: 100%;
}
.div-block-35 {
grid-column-gap: 16px;
align-items: flex-start;
margin-bottom: 24px;
display: flex;
}
.text-block-48 {
color: #fff;
font-size: 16px;
line-height: 26px;
}
.image-50 {
margin-top: 7px;
}
.background-video-3 {
width: 100%;
height: 100%;
}
.expectations__steps {
width: 100%;
grid-column-gap: 17px;
grid-template: "Area Area Area . . ."
". Area-2 Area-2 Area-2 . ."
". . Area-3 Area-3 Area-3 ."
". . . Area-4 Area-4 Area-4"
/ 1fr 1fr 1fr 1fr 1fr 1fr;
}
.expectations__steps__item {
max-width: 620px;
grid-column-gap: 22px;
align-items: flex-start;
display: flex;
position: relative;
}
.expectations__steps__item-number {
color: #000;
font-size: 120px;
font-weight: 700;
line-height: 146px;
transition: color .4s;
}
.expectations__steps__item-number.gray {
color: #c8d8f4;
}
.expectations__steps__item-number.pink {
color: #ecd2f6;
}
.expectations__steps__item-number.green {
color: #caedbe;
}
.expectations__steps__item-number.teal {
color: #bee8ed;
}
.expectations__steps__item-text {
flex-direction: column;
display: flex;
}
.expectations__steps__item-caption {
align-self: flex-start;
display: flex;
position: relative;
}
.text-block-49 {
color: #333;
letter-spacing: .16em;
text-transform: uppercase;
white-space: nowrap;
margin-bottom: 8px;
font-family: Nunito, sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 33px;
}
.text-block-50 {
font-size: 16px;
line-height: 26px;
}
.text-block-51 {
margin-top: 9px;
font-size: 16px;
line-height: 26px;
}
.image-51 {
position: absolute;
top: -24%;
bottom: auto;
left: -16%;
right: auto;
}
.packages-items {
width: 100%;
justify-content: center;
display: none;
}
.packages-items__item {
height: auto;
max-height: 860px;
max-width: 115px;
transition: max-width .4s;
display: flex;
overflow: hidden;
}
.packages-items__item.packages-items__item--active {
max-width: 855px;
}
.packages-items__item-aside {
width: 115px;
min-height: 660px;
min-width: 115px;
cursor: pointer;
background-color: #eff3fc;
align-items: flex-start;
padding: 40px 34px;
display: flex;
position: relative;
}
.packages-items__item-aside.aside-pink {
background-color: #f9f1fc;
}
.packages-items__item-aside.aside-green {
background-color: #dff9fc;
}
.packages-items__item-aside.aside-light-green {
background-color: #eaf9e5;
}
.packages-items__item-content {
max-width: 760px;
grid-column-gap: 24px;
grid-row-gap: 24px;
border: 1px solid #e3eaef;
flex-direction: column;
padding: 48px;
display: flex;
}
.packages-items__item-content.closed {
height: 0;
max-width: 0;
border-width: 0;
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.text-block-52 {
z-index: 2;
transform-origin: 0 100%;
letter-spacing: .16em;
text-transform: uppercase;
white-space: nowrap;
font-family: Nunito, sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 33px;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: auto;
transform: translate(77px, -24px)rotate(-90deg);
}
.heading-31 {
margin-top: 0;
font-size: 24px;
line-height: 32px;
}
.packages-items__item-content-text {
grid-column-gap: 16px;
align-items: flex-start;
display: flex;
}
.text-block-53 {
font-size: 16px;
line-height: 26px;
}
.image-52 {
margin-top: 9px;
}
.packages-items__item-content-bars {
grid-column-gap: 40px;
grid-row-gap: 24px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.bar-item {
grid-column-gap: 0px;
grid-row-gap: 8px;
flex-direction: column;
display: flex;
}
.bar-item__header {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
display: flex;
}
.text-block-54 {
letter-spacing: .16em;
text-transform: uppercase;
font-family: Nunito, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 19px;
}
.bar-item__bar {
width: 260px;
height: 4px;
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.bar-item__bar-mask {
width: 260px;
height: 4px;
border: 1px solid #e3eaef;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.bar-item__bar-value {
width: 100%;
height: 4px;
background-color: #1791f2;
position: relative;
top: 0%;
bottom: auto;
left: 0%;
right: auto;
}
.bar-item__bar-value.value-pink {
width: 45%;
background-color: #bb75d6;
}
.bar-item__bar-value.value-pink-copy {
width: 100%;
background-color: #bb75d6;
}
.bar-item__bar-value.value-green {
width: 100%;
background-color: #8ecbd2;
}
.bar-item__bar-value.value-light-green {
width: 100%;
background-color: #96cc84;
}
.image-53 {
position: absolute;
top: -28px;
left: auto;
right: -9px;
}
.bar-item__bar-value-circle {
width: 16px;
height: 16px;
background-color: #1791f2;
border-radius: 20px;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
transform: translate(50%, -44%);
}
.bar-item__bar-value-circle.circle-pink {
background-color: #bb75d6;
}
.bar-item__bar-value-circle.circle-green {
background-color: #8ecbd2;
}
.bar-item__bar-value-circle.circle-light-green {
background-color: #96cc84;
}
.div-block-36 {
width: 6px;
height: 6px;
background-color: #fff;
border-radius: 100%;
}
.text-block-55 {
color: #7d8991;
font-size: 12px;
line-height: 15px;
}
.packages-items__item-recomendation {
grid-column-gap: 24px;
flex: none;
align-items: center;
display: flex;
}
.recomendation-icon {
width: 40px;
height: 40px;
background-color: #96cc84;
border-radius: 8px;
flex: none;
justify-content: center;
align-items: center;
display: flex;
}
.image-54 {
width: 20px;
height: 20px;
}
.text-block-56 {
font-size: 18px;
font-weight: 600;
line-height: 32px;
}
.slider-7 {
width: 100%;
background-color: #fff;
border: 1px solid #e3eaef;
border-radius: 8px;
display: none;
}
.slider-item {
width: 100%;
grid-column-gap: 48px;
grid-row-gap: 48px;
flex: none;
align-items: flex-start;
padding: 0;
display: flex;
}
.slider-item__image {
flex: none;
}
.slider-item__content {
grid-column-gap: 21px;
grid-row-gap: 21px;
flex-direction: column;
display: flex;
}
.text-block-57 {
max-width: 930px;
font-size: 32px;
font-weight: 700;
line-height: 46px;
}
.slider-item__content-tag {
grid-column-gap: 32px;
grid-row-gap: 32px;
align-items: center;
display: flex;
}
.text-block-58 {
letter-spacing: .16em;
text-transform: uppercase;
font-family: Nunito, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 25px;
}
.slider-item__content-tag-link {
grid-column-gap: 14px;
grid-row-gap: 14px;
align-items: center;
display: flex;
}
.link-13 {
color: #1791f2;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
line-height: 20px;
}
.slide-nav-4 {
display: none;
}
.icon-9 {
z-index: 4;
background-color: rgba(224, 223, 223, .33);
border-radius: 8px;
}
.icon-10 {
background-color: rgba(224, 223, 223, .33);
border-radius: 8px;
}
.collection-list-wrapper-13 {
width: 100%;
margin-top: 48px;
margin-bottom: 48px;
}
.collection-list-14 {
grid-column-gap: 0px;
grid-row-gap: 24px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.image-55 {
max-width: 115px;
}
.collection-item-10 {
justify-content: center;
padding-left: 0;
padding-right: 0;
display: flex;
}
.custom-cms-slider {
width: 100%;
border: 1px solid #e3eaef;
border-radius: 8px;
padding: 48px;
position: relative;
}
.slides-wrapper {
width: 100%;
display: flex;
overflow: visible;
transform: translate(0);
}
.image-56 {
width: 138px;
max-width: 138%;
border-radius: 8px;
}
.custom-cms-slider-list {
flex-direction: row;
align-items: flex-start;
transition: transform .6s;
display: flex;
}
.custom-cms-slider-item {
width: 100%;
flex: none;
}
.custom-cms-slider-wrapper {
width: 100%;
overflow: hidden;
}
.custom-cms-slider__controls {
grid-column-gap: 10px;
grid-row-gap: 0px;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: auto;
bottom: 48px;
left: auto;
right: 48px;
}
.current-index {
letter-spacing: .16em;
font-size: 18px;
font-weight: 600;
line-height: 25px;
}
.index-separator, .max-index {
color: #d6d6d6;
letter-spacing: .16em;
font-size: 18px;
font-weight: 600;
line-height: 25px;
}
.slider-next {
cursor: pointer;
margin-right: 0;
transform: rotate(180deg);
}
.slider-next.screen_collection_prev {
margin-right: 10px;
}
.form-section-input {
width: 100%;
height: 56px;
border: 1px solid #e3eaef;
border-radius: 8px;
padding: 18px 32px;
font-size: 16px;
line-height: 20px;
}
.form-section-input-wrapper {
position: relative;
}
.form-3 {
max-width: 550px;
min-width: 550px;
grid-row-gap: 28px;
flex-direction: column;
display: flex;
}
.form-section-polici-link {
color: #1791f2;
}
.text-block-59 {
color: #7d8991;
font-size: 13px;
line-height: 16px;
}
.form-section-tips {
grid-row-gap: 24px;
flex-direction: column;
margin-bottom: 10px;
display: flex;
}
.form-section-tips__tip {
grid-column-gap: 16px;
grid-row-gap: 24px;
flex-direction: row;
align-items: flex-start;
display: flex;
}
.image-57, .image-58 {
flex: none;
margin-top: 6px;
}
.text-block-60 {
font-size: 16px;
line-height: 26px;
}
.form-block-2 {
width: 100%;
justify-content: space-between;
transition: opacity .2s;
display: flex;
}
.image-59 {
width: 250px;
max-width: 100%;
position: absolute;
top: auto;
bottom: 0%;
left: auto;
right: 18%;
}
.victoria-card {
grid-row-gap: 16px;
background-color: #fff;
border: 1px solid #e3eaef;
border-radius: 8px;
flex-direction: column;
align-self: flex-end;
align-items: center;
padding: 25px 32px;
display: flex;
}
.text-block-61 {
color: #1e2225;
font-size: 21px;
font-weight: 600;
line-height: 26px;
}
.victoria-card-socials {
grid-column-gap: 8px;
display: flex;
}
.text-block-62 {
font-family: Nunito, sans-serif;
}
.text-block-63 {
letter-spacing: .16em;
text-transform: uppercase;
font-family: Nunito, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 16px;
}
.social-link {
width: 40px;
height: 40px;
border: 1px solid #e3eaef;
border-radius: 8px;
justify-content: center;
align-items: center;
transition: background-color .4s;
display: flex;
}
.social-link:hover {
background-color: #eff3fc;
}
.packages-items__item-aside-mask {
z-index: 1;
width: 0%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
transition: width .4s;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.image-60 {
z-index: 3;
position: relative;
}
.div-block-37 {
width: 100%;
height: 100%;
background-color: #c8d4f0;
}
.div-block-37-copy {
width: 100%;
height: 100%;
background-color: #e9cff3;
}
.image-61, .image-62, .image-63 {
z-index: 3;
position: relative;
}
.div-block-37-copy-copy {
width: 100%;
height: 100%;
background-color: #8ecbd2;
}
.div-block-37-copy-copy-copy {
width: 100%;
height: 100%;
background-color: #a5ce96;
}
.link-14 {
color: #1791f2;
}
.list-item-8 {
margin-bottom: 0;
}
.expertise__item-mask {
z-index: 0;
background-color: #e3eaef;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.expertise__item-mask.expertise__item-mask--gray {
opacity: 0;
background-color: #eff3fc;
transition: opacity .4s;
}
.expertise__item-mask.expertise__item-mask--pink {
opacity: 0;
background-color: #f9f1fc;
transition: opacity .4s;
}
.expertise__item-mask.expertise__item-mask--teal {
opacity: 0;
background-color: #ebf8fa;
transition: opacity .4s;
}
.form-modal {
z-index: 99999;
background-color: rgba(51, 51, 51, .3);
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.form-modal__content {
background-color: #f4f5fb;
border-radius: 8px;
padding: 64px 140px;
position: relative;
}
.form-block-2-copy {
width: 100%;
justify-content: space-between;
display: flex;
}
.image-64 {
z-index: 999;
cursor: pointer;
position: absolute;
top: 40px;
right: 40px;
}
.new-site-footer__top-ua-flag {
grid-column-gap: 16px;
grid-row-gap: 16px;
display: flex;
position: absolute;
top: auto;
bottom: 40px;
left: auto;
right: 40px;
}
.text-block-64 {
color: #fff;
text-transform: uppercase;
font-family: Nunito, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 26px;
}
.form-section-input-error {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
display: none;
position: absolute;
top: auto;
bottom: -10px;
left: 0%;
right: auto;
}
.text-block-65 {
color: #d45c5c;
font-size: 13px;
line-height: 16px;
}
.image-59-copy {
width: 320px;
position: absolute;
top: auto;
bottom: 0%;
left: auto;
right: 9%;
}
.text-block-66 {
color: #000;
font-size: 16px;
line-height: 26px;
}
.form-3-copy {
max-width: 550px;
min-width: 550px;
grid-row-gap: 32px;
flex-direction: column;
display: flex;
}
.form-section-tips-copy {
grid-row-gap: 24px;
flex-direction: column;
margin-bottom: 0;
display: flex;
}
.mission-section {
grid-column-gap: 40px;
grid-row-gap: 40px;
display: flex;
}
.mission-section__item {
max-width: 584px;
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #f4f5fb;
border: 1px solid #e3eaef;
border-radius: 8px;
flex-direction: column;
align-items: flex-start;
padding: 40px;
display: flex;
}
.text-block-67 {
font-size: 24px;
font-weight: 700;
line-height: 32px;
}
.text-block-69 {
font-size: 20px;
line-height: 36px;
}
.mission-section__item-image-wrapper {
width: 64px;
height: 64px;
background-color: #fff;
border-radius: 8px;
justify-content: center;
align-items: center;
display: flex;
}
.missions-section__items {
width: 100%;
flex-direction: column;
display: flex;
}
.missions-section__item.vision-mission-item, .missions-section__item.mission-mission-item {
display: none;
}
.missions-section__item-header {
height: 112px;
grid-column-gap: 47px;
grid-row-gap: 47px;
cursor: pointer;
background-color: #ddfcdc;
justify-content: flex-start;
padding: 32px;
transition: background-color .4s;
display: flex;
position: relative;
}
.missions-section__item-header.mission-1 {
background-color: #fddcf4;
}
.missions-section__item-header.mission-2 {
background-color: #ebe6ff;
}
.missions-section__item-header.mission-3 {
background-color: #fce7e7;
}
.missions-section__item-header.mission-4, .missions-section__item-header.mission-6 {
background-color: #fffae9;
}
.missions-section__item-header.mission-7 {
background-color: #e7f4fd;
}
.missions-section__item-header.about-us-1 {
background-color: #fddcf4;
}
.missions-section__item-header.about-us-2 {
background-color: #ebe6ff;
}
.missions-section__item-header.about-us-3 {
background-color: #e7f4fd;
}
.missions-section__item-header.about-us-4 {
background-color: #dafcfa;
}
.missions-section__item-header.about-us-5 {
background-color: #ddfcdc;
}
.missions-section__item-header.about-us-6 {
background-color: #fffae9;
}
.missions-section__item-header.about-us-7 {
background-color: #fce7e7;
}
.missions-section__item-header.about-us-8 {
background-color: #fffae9;
}
.missions-section__item-header.about-us-9 {
background-color: #ddfcdc;
}
.missions-section__item-header.about-us-10 {
background-color: #dafcfa;
}
.missions-section__item-header.about-us-11 {
background-color: #e7f4fd;
}
.missions-section__item-header.about-us-12 {
background-color: #ebe5ff;
}
.missions-section__item-header.package-we-offer-1 {
background-color: #eff3fc;
}
.missions-section__item-header.package-we-offer-2 {
background-color: #f9f1fc;
}
.missions-section__item-header.package-we-offer-3 {
background-color: #dff9fc;
}
.missions-section__item-header.package-we-offer-4 {
background-color: #eaf9e5;
}
.text-block-70 {
max-width: 700px;
letter-spacing: .16em;
text-transform: uppercase;
align-items: center;
padding-left: 90px;
font-family: Nunito, sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 32px;
display: flex;
}
.mission-toggle {
grid-column-gap: 15px;
grid-row-gap: 15px;
align-items: center;
margin-left: auto;
display: flex;
}
.text-block-71 {
letter-spacing: .16em;
font-family: Nunito, sans-serif;
font-size: 16px;
font-weight: 600;
}
.image-65 {
transition: transform .4s;
}
.mission-toggle-text-open, .mission-toggle-text-close {
letter-spacing: .16em;
text-transform: uppercase;
font-family: Nunito, sans-serif;
font-size: 16px;
font-weight: 600;
}
.missions-section__item-content {
grid-column-gap: 24px;
grid-row-gap: 24px;
border: 1px solid #e3eaef;
flex-direction: column;
padding: 40px;
display: flex;
}
.text-block-72 {
font-size: 20px;
line-height: 36px;
}
.text-block-73 {
color: #000;
margin-bottom: 6px;
font-size: 24px;
font-weight: 700;
line-height: 32px;
}
.perks-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
display: flex;
}
.text-block-74 {
font-size: 20px;
line-height: 36px;
}
.missions-section__item-content-wrapper {
transition: height .4s;
overflow: hidden;
}
.mission-toggle-text-open-copy {
letter-spacing: .16em;
font-family: Nunito, sans-serif;
font-size: 16px;
font-weight: 600;
}
.background-video-career {
z-index: 0;
height: 80vh;
max-height: 80vh;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.div-block-30-copy {
z-index: 1;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.head-video-mask {
z-index: 1;
background-color: rgba(30, 34, 37, .7);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.body-21 {
padding-top: 0;
}
.text-span-6-copy {
text-align: center;
font-size: 42px;
line-height: 42px;
}
.section-header-copy {
color: #333;
margin-top: 64px;
margin-bottom: 64px;
font-size: 42px;
}
.section-header-copy.form-section__hrader {
margin-top: 64px;
font-size: 66px;
}
.section-header-copy.form-section__hrader-copy {
font-size: 42px;
line-height: 56px;
}
.growth-section__content {
background-color: #f4f5fb;
border: 1px solid #e3eaef;
border-radius: 8px;
flex-direction: column;
align-items: center;
padding: 48px;
display: flex;
}
.growth-header {
color: #333;
margin-top: 0;
margin-bottom: 48px;
font-size: 42px;
}
.growth-header.form-section__hrader {
margin-top: 64px;
font-size: 66px;
}
.growth-header.form-section__hrader-copy {
font-size: 42px;
line-height: 56px;
}
.growth-section__content-text {
grid-column-gap: 16px;
grid-row-gap: 16px;
align-items: flex-start;
margin-bottom: 16px;
display: flex;
}
.text-block-75 {
font-size: 18px;
line-height: 32px;
}
.image-66 {
margin-top: 4px;
}
.background-video-4 {
z-index: 999;
width: 100%;
height: 314px;
border-radius: 8px;
margin-top: 16px;
position: relative;
}
.team-building {
flex-direction: column;
align-items: center;
display: flex;
}
.teambuildings-header {
color: #333;
text-align: center;
margin-bottom: 35px;
font-size: 42px;
}
.teambuildings-header.form-section__hrader {
margin-top: 64px;
font-size: 66px;
}
.teambuildings-header.form-section__hrader-copy {
font-size: 42px;
line-height: 56px;
}
.text-block-76 {
max-width: 993px;
text-align: center;
margin-bottom: 44px;
font-size: 20px;
line-height: 36px;
}
.team-building-videos {
width: 100%;
grid-column-gap: 48px;
grid-row-gap: 48px;
justify-content: center;
display: flex;
}
.team-building-videos-item {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
flex: 1;
display: flex;
}
.image-67 {
margin-bottom: 56px;
}
.text-block-77 {
white-space: nowrap;
font-size: 24px;
font-weight: 700;
line-height: 32px;
}
.video-2 {
width: 100%;
height: 100%;
display: none;
}
.team-building-video-wrapper {
border-radius: 8px;
position: relative;
}
.youtube-2 {
border-radius: 20px;
}
.text-block-78 {
color: #000;
text-align: center;
margin-bottom: 45px;
font-size: 20px;
line-height: 36px;
}
.active-jobs {
width: 100%;
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start;
display: flex;
}
.active-jobs__item {
max-width: 584px;
border: 1px solid #e3eaef;
border-radius: 8px;
}
.active-jobs__item-head {
grid-column-gap: 18px;
grid-row-gap: 18px;
background-color: #f2fdff;
border-bottom: 1px solid #e3eaef;
align-items: center;
padding: 40px;
display: flex;
}
.active-jobs__item-head.jobs-item-red {
background-color: #faf0f1;
}
.text-block-79 {
font-size: 24px;
font-weight: 700;
line-height: 32px;
}
.active-jobs__item-button {
padding: 40px;
}
.hollow-btn {
width: 100%;
color: #1791f2;
text-transform: uppercase;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #1791f2;
border-radius: 8px;
justify-content: center;
align-items: center;
padding-top: 17px;
padding-bottom: 17px;
font-size: 16px;
font-weight: 700;
line-height: 20px;
transition: background-color .4s, color .4s;
display: flex;
}
.hollow-btn:hover {
color: #fff;
background-color: #1791f2;
}
.hollow-btn.sd-visit-btn {
margin-top: 32px;
}
.get-job-items {
width: 100%;
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.get-job-item-wrapper {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-wrap: wrap;
justify-content: center;
padding-bottom: 0;
padding-left: 40px;
display: block;
}
.get-job-item {
width: 320px;
height: 537px;
border: 1px solid #e3eaef;
border-radius: 8px;
flex-direction: column;
padding: 40px;
display: flex;
position: relative;
}
.step-duration {
flex-direction: column;
align-items: flex-start;
margin-top: auto;
display: flex;
position: absolute;
top: -25%;
bottom: auto;
left: -2%;
right: auto;
}
.text-block-80 {
letter-spacing: .16em;
text-transform: uppercase;
margin-bottom: 2px;
padding-left: 10px;
font-family: Nunito, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 19px;
}
.step-duration-value {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.text-block-81 {
color: #1791f2;
font-size: 24px;
font-weight: 700;
line-height: 32px;
}
.text-block-81.text-pink {
color: #bb75d6;
}
.text-block-81.text-green {
color: #65c8d3;
}
.image-68 {
margin-left: 5px;
}
.text-block-82 {
z-index: 999;
color: #bdbdbd;
text-align: right;
letter-spacing: .16em;
text-transform: uppercase;
font-family: Nunito, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 19px;
position: absolute;
top: 50px;
bottom: auto;
left: auto;
right: 40px;
}
.image-69 {
z-index: 999;
position: relative;
}
.form-3-copy {
max-width: 550px;
min-width: 550px;
grid-row-gap: 32px;
flex-direction: column;
display: flex;
}
.form-section-tips-copy {
grid-row-gap: 24px;
flex-direction: column;
margin-bottom: 30px;
display: flex;
}
.text-block-83 {
max-width: 980px;
text-align: center;
margin-bottom: 66px;
font-size: 20px;
line-height: 36px;
}
.image-70 {
width: 100%;
height: 100%;
}
.diveder-absolute {
width: 137px;
height: 9px;
align-items: center;
display: flex;
position: relative;
}
.div-block-38 {
width: 1px;
height: 100%;
background-color: #d9d9d9;
position: absolute;
left: 0;
}
.div-block-39 {
width: 100%;
height: 1px;
background-color: #d9d9d9;
}
.active-job-popup {
z-index: 9999;
background-color: rgba(51, 51, 51, .3);
justify-content: center;
align-items: center;
padding: 17px 40px;
display: none;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.active-job-popup-wrapper {
max-height: 782px;
max-width: 830px;
background-color: #fff;
border-radius: 8px;
flex-direction: column;
display: flex;
}
.active-job-popup-header {
background-color: #f2fdff;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
padding: 40px;
}
.active-job-popup-header.active-job-popup-header-red {
background-color: #faf0f1;
}
.active-job-popup-content {
flex-direction: column;
align-items: flex-start;
padding: 0 40px 40px;
display: flex;
overflow: auto;
}
.active-job-popup-header-caption {
grid-column-gap: 16px;
grid-row-gap: 16px;
align-items: center;
padding-bottom: 24px;
display: flex;
}
.text-block-84 {
font-size: 32px;
font-weight: 700;
line-height: 39px;
}
.text-block-85 {
color: #000;
font-size: 16px;
line-height: 26px;
}
.image-71 {
cursor: pointer;
margin-top: 4px;
margin-left: auto;
}
.text-block-86 {
margin-top: 40px;
margin-bottom: 24px;
font-size: 24px;
font-weight: 700;
line-height: 32px;
}
.div-block-30-copy {
height: auto;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 30px;
display: flex;
position: static;
}
.success-message-3 {
background-color: rgba(0, 0, 0, 0);
margin-top: 100px;
}
.html-embed-7 {
display: none;
}
.success-message-4 {
background-color: rgba(0, 0, 0, 0);
margin-top: 150px;
}
.head-video-mask-copy {
z-index: 1;
min-height: 700px;
opacity: .5;
background-color: rgba(21, 23, 25, .7);
display: block;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.image-72 {
margin-top: 2px;
}
.page-container-copy {
z-index: 10;
height: auto;
max-width: 1200px;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: center;
margin: 0 auto;
padding-top: 0;
padding-left: 40px;
padding-right: 40px;
display: flex;
position: relative;
overflow: visible;
}
.page-container-copy.sticky-header__container {
flex-direction: row;
justify-content: space-between;
align-items: center;
display: block;
}
.page-container-copy.initial__inner {
flex: 1;
align-items: center;
display: flex;
}
.page-container-copy.c-hero__content {
width: 100%;
flex: 1;
justify-content: flex-start;
align-items: center;
display: flex;
}
.page-container-copy.awards {
padding-top: 80px;
padding-bottom: 80px;
}
.page-container-copy.awards_container {
padding-top: 0;
padding-bottom: 0;
top: 0;
}
.page-container-copy.page-container_left-clm {
padding-left: 0;
padding-right: 10px;
}
.page-container-copy._1200 {
max-width: 1200px;
padding-left: 0;
padding-right: 0;
}
.image-73 {
position: absolute;
top: 32px;
left: 32px;
}
.link-block-8 {
justify-content: center;
align-items: center;
display: flex;
}
.html-embed-8 {
display: none;
}
.div-block-40 {
cursor: pointer;
transform: rotate(180deg);
}
.div-block-41 {
cursor: pointer;
}
.form-section-tips-copy-copy {
grid-row-gap: 24px;
flex-direction: column;
margin-bottom: 0;
display: flex;
}
.victoria-card-copy {
grid-row-gap: 16px;
background-color: #fff;
border: 1px solid #e3eaef;
border-radius: 8px;
flex-direction: column;
align-self: flex-end;
align-items: center;
padding: 25px 32px;
display: flex;
}
.image-74 {
position: absolute;
top: 50%;
bottom: auto;
left: auto;
right: 50%;
transform: translate(50%, -50%);
}
.body-22 {
padding-top: 0;
}
.your-profit {
grid-column-gap: 48px;
justify-content: center;
display: flex;
}
.your-profit__item {
max-width: 584px;
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #f4f5fb;
border: 1px solid #e3eaef;
border-radius: 8px;
flex-direction: column;
align-items: flex-start;
padding: 40px;
display: flex;
}
.your-profit__item.profit-green {
background-color: #f2fdff;
}
.your-profit__item.profit-pink {
background-color: #f9f1fc;
}
.collection-list-15 {
grid-column-gap: 69px;
grid-row-gap: 48px;
flex-wrap: wrap;
display: flex;
}
.collection-item-11 {
display: flex;
}
.image-75 {
width: 75px;
}
.collection-list-wrapper-14 {
margin-bottom: 48px;
}
.awards_collection_wrapper-new-copy {
width: auto;
flex: 1;
justify-content: flex-start;
margin-bottom: 48px;
display: flex;
}
.awards_collection--new-copy {
grid-column-gap: 66px;
flex-wrap: wrap;
flex: 1;
justify-content: flex-start;
display: flex;
}
.awards_collection_item-new-copy {
justify-content: center;
align-items: center;
margin-right: 0;
padding: 0;
display: flex;
position: relative;
}
.image-awward-copy {
z-index: 2;
width: 76px;
max-width: none;
clear: both;
position: relative;
}
.expertise-item-wrapper-refer {
height: auto;
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-wrap: wrap;
justify-content: center;
padding-bottom: 0;
padding-left: 0;
display: block;
}
.text-block-87 {
margin-bottom: 16px;
font-size: 21px;
font-weight: 700;
line-height: 28px;
}
.custom-emoji-block {
grid-column-gap: 12px;
background-color: #fff;
border-radius: 32px;
justify-content: flex-start;
align-items: center;
margin-top: 24px;
padding: 8px;
display: flex;
position: relative;
}
.text-block-88 {
font-size: 12px;
font-weight: 600;
line-height: 15px;
}
.case-header-mask {
z-index: -1;
background-color: rgba(0, 0, 0, .6);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.case-header-mask.our_cases {
z-index: 1;
background-color: rgba(0, 0, 0, .2);
}
.case-header-mask.our-cases {
z-index: -1;
background-color: rgba(0, 0, 0, .6);
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.case-header-mask.skill-director {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .7);
overflow: hidden;
}
.case-header-mask.achq-case {
width: 100%;
}
.body-23 {
padding-top: 0;
}
.case-header-content {
width: 100%;
height: 100%;
min-width: 1280px;
grid-column-gap: 0px;
flex-direction: column;
order: 0;
justify-content: space-around;
align-self: auto;
align-items: flex-start;
margin-top: auto;
padding-bottom: 10px;
padding-left: 40px;
padding-right: 102px;
display: flex;
}
.case-header-content.quik-case {
justify-content: space-around;
}
.case-header-content__description {
width: 100%;
grid-column-gap: 100px;
grid-row-gap: 100px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 0;
display: flex;
}
.heading-32 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 52px;
line-height: 63px;
}
.heading-32.quik-case, .heading-32.quik-case.our-cases-case__header {
text-align: left;
}
.heading-33 {
max-width: 700px;
color: #fff;
text-align: left;
margin-bottom: 0;
font-size: 20px;
font-weight: 400;
line-height: 36px;
}
.heading-33.case-header-content__technologies {
text-align: left;
letter-spacing: .16em;
text-transform: uppercase;
margin-bottom: -5px;
padding-left: 6px;
font-family: Nunito, sans-serif;
font-size: 14px;
font-weight: 600;
}
.heading-33.quik-case {
max-width: 70%;
text-align: left;
margin-bottom: 31px;
}
.case-header-content__review {
width: 490px;
background-color: #1791f2;
border-radius: 8px;
flex: 1;
margin-top: 30px;
padding: 32px;
}
.case-header-content__review.quik-case {
width: 100%;
}
.header-review-caption {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-bottom: 21px;
display: flex;
}
.case-image-wrapper {
border-radius: 8px;
}
.text-block-89 {
color: #fff;
font-size: 20px;
font-weight: 700;
line-height: 32px;
}
.collection-item-12 {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.image-76 {
width: 64px;
height: 64px;
max-height: 64px;
max-width: 64px;
border-radius: 8px;
}
.header-review-info {
grid-column-gap: 24px;
grid-row-gap: 24px;
align-items: flex-start;
display: flex;
}
.image-77 {
margin-left: 22px;
}
.div-block-42 {
display: flex;
}
.text-block-90 {
color: #fff;
letter-spacing: .16em;
text-transform: uppercase;
font-family: Nunito, sans-serif;
font-size: 12px;
line-height: 21px;
}
.collection-list-wrapper-15 {
width: 100%;
}
.collection-list-16 {
margin-left: 0;
margin-right: 0;
}
.grid-25 {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template: ". Area" min-content
". Area"
". Area"
/ 1fr 1fr;
}
.grid-25.case-social-curator__grid {
grid-row-gap: 48px;
grid-template-rows: min-content 1fr;
grid-auto-flow: row;
}
.sd-card {
border: 1px solid #e3eaef;
border-radius: 8px;
padding: 40px;
}
.sd-card.sd-company-info {
background-color: #eaf9e5;
border: 1px solid #e3eaef;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.sd-card.sd-about {
background-color: #f2fdff;
border: 1px solid #e3eaef;
}
.sd-card.sd-goal {
background-color: #f4f5fb;
border: 1px solid #e3eaef;
flex-direction: column;
display: flex;
}
.sd-card.sd-what-we-use {
background-color: #f9f1fc;
border: 1px solid #e3eaef;
flex-direction: column;
display: flex;
}
.sd-card.sd-what-we-use.case-social-curator-grid__card {
flex-direction: row;
justify-content: space-between;
}
.sd-card.sd-challenges__item {
background-color: #f4f5fb;
flex: 1;
}
.sd-card.sd-emoji-block-horizontal {
width: 100%;
grid-column-gap: 80px;
grid-row-gap: 80px;
background-color: #fff;
align-items: center;
margin-top: 64px;
margin-bottom: 48px;
display: flex;
}
.sd-card.sd-emoji-block-vertical {
background-color: #fff;
flex-direction: column;
flex: 1;
align-items: center;
display: flex;
}
.sd-card.sd-our-goal {
background-color: #ffeaaa;
flex-direction: column;
}
.sd-card.sd-achievemnts {
background-color: #f2fdff;
border: 1px solid #e3eaef;
}
.sd-card.sd-solutions-container {
background-color: #f9f1fc;
}
.sd-card.sd-outcome {
background-color: #eaf9e5;
margin-bottom: 48px;
padding-bottom: 0;
}
.sd-card.sd-outcome-item {
background-color: #eaf9e5;
}
.sd-card-caption {
margin-bottom: 16px;
font-size: 24px;
font-weight: 700;
line-height: 32px;
}
.sd-card-caption.introduction-section__header {
text-align: center;
}
.sd-card-row {
margin-top: 40px;
}
.text-block-91 {
font-size: 20px;
line-height: 36px;
}
.sd-services {
grid-column-gap: 16px;
align-items: flex-start;
margin-bottom: 24px;
display: flex;
}
.text-block-92 {
text-align: left;
font-size: 20px;
line-height: 36px;
}
.text-block-92.text-centered {
text-align: center;
}
.text-block-92.quik-case.solution-approach__text {
margin-bottom: 64px;
}
.text-block-92.introduction-section__text {
text-align: center;
}
.image-78 {
margin-top: 10px;
}
.div-block-43 {
grid-column-gap: 24px;
flex-wrap: wrap;
margin-top: 32px;
display: flex;
}
.div-block-43.case-header-content__technologies {
width: 100%;
flex-wrap: nowrap;
margin-bottom: 0;
}
.div-block-43.case-header-content__technologies.our-cases {
flex-direction: row;
align-items: flex-start;
}
.image-79 {
width: 294px;
margin-top: 27px;
}
.div-block-44 {
width: 100%;
justify-content: space-between;
display: flex;
}
.div-block-44.achq-case {
margin-bottom: 88px;
}
.text-block-93 {
max-width: 462px;
margin-top: 44px;
font-size: 20px;
line-height: 36px;
}
.div-block-45 {
flex: 1;
}
.image-80 {
width: 100%;
max-width: 572px;
margin-left: auto;
}
.sd-competencies {
width: 100%;
grid-row-gap: 64px;
flex-direction: column;
margin-top: 64px;
display: flex;
}
.sd-competencies__row {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.sd-competencies__row.achq-case.reversed {
flex-direction: row-reverse;
}
.sd-competencies__item {
flex-direction: column;
display: flex;
}
.competency-icon {
width: 64px;
height: 64px;
background-color: #f4f5fb;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-bottom: 40px;
display: flex;
}
.text-block-94 {
margin-bottom: 24px;
font-size: 24px;
font-weight: 700;
line-height: 32px;
}
.text-block-95 {
font-size: 20px;
line-height: 36px;
}
.text-block-96 {
max-width: 448px;
font-size: 20px;
line-height: 36px;
}
.sd-challenges {
grid-column-gap: 48px;
grid-row-gap: 48px;
display: flex;
}
.text-block-97 {
margin-bottom: 40px;
font-size: 32px;
font-weight: 700;
line-height: 48px;
}
.text-block-98 {
margin-bottom: 40px;
font-size: 20px;
line-height: 36px;
}
.image-81 {
margin-top: 38px;
margin-left: auto;
}
.image-82 {
margin-top: 25px;
margin-right: auto;
}
.image-83 {
margin-right: auto;
}
.image-84 {
margin-top: 48px;
margin-left: auto;
}
.text-block-100 {
margin-top: 7px;
margin-bottom: 80px;
font-size: 20px;
line-height: 36px;
}
.text-block-101, .text-block-102 {
font-size: 20px;
line-height: 36px;
}
.div-block-46 {
width: 100%;
grid-column-gap: 48px;
grid-row-gap: 48px;
display: flex;
}
.text-block-103 {
font-size: 20px;
line-height: 36px;
}
.image-85 {
max-width: 360px;
margin-top: 64px;
}
.text-block-104 {
font-size: 20px;
line-height: 36px;
}
.text-block-105 {
margin-bottom: 11px;
font-size: 20px;
line-height: 36px;
}
.image-86 {
margin-bottom: 35px;
}
.image-87 {
max-width: 405px;
}
.text-block-106 {
margin-bottom: 48px;
font-size: 20px;
line-height: 36px;
}
.text-block-107 {
text-align: center;
margin-top: 48px;
margin-bottom: 48px;
font-size: 20px;
line-height: 36px;
}
.div-block-47 {
grid-column-gap: 48px;
grid-row-gap: 48px;
align-items: center;
margin-top: 48px;
margin-bottom: 48px;
display: flex;
}
.image-88 {
width: 50%;
}
.text-block-108 {
margin-top: 36px;
font-size: 20px;
line-height: 36px;
}
.div-block-48 {
grid-column-gap: 24px;
grid-row-gap: 24px;
align-items: center;
margin-bottom: 24px;
display: flex;
}
.text-block-109 {
font-size: 20px;
font-weight: 500;
line-height: 36px;
}
.text-block-110, .text-block-111 {
font-size: 20px;
line-height: 36px;
}
.image-89 {
margin: 48px auto;
}
.sd-outcome__summary {
width: 100%;
grid-column-gap: 24px;
grid-row-gap: 24px;
align-items: center;
display: flex;
}
.sd-outcome-summary {
width: 100%;
grid-column-gap: 24px;
grid-row-gap: 24px;
align-items: center;
margin-bottom: 48px;
display: flex;
}
.text-block-112 {
max-width: 633px;
font-size: 20px;
font-weight: 500;
line-height: 36px;
}
.image-90 {
margin-left: auto;
}
.image-91 {
margin-bottom: 0;
}
.image-92 {
margin-bottom: 28px;
}
.image-93 {
margin-top: 36px;
margin-bottom: 39px;
}
.image-94 {
margin-top: 23px;
}
.html-embed-9 {
margin-bottom: 30px;
}
.our-cases__inner_container {
width: 100%;
height: 78%;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 40px;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.div-block-49 {
grid-column-gap: 100px;
grid-row-gap: 100px;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
display: flex;
overflow: visible;
}
.div-block-49.case-header-content_additional {
width: 100%;
grid-column-gap: 10vw;
grid-row-gap: 10vw;
justify-content: space-between;
align-self: auto;
}
.div-block-49.case-header-content_additional.case-header-content_additional__sdirector {
grid-column-gap: 10vw;
justify-content: space-between;
}
.div-block-50 {
height: 100%;
flex: 0 auto;
align-self: flex-start;
margin-top: auto;
padding-bottom: 0;
}
.div-block-50.case-header-content__instruments.quik-case {
display: block;
}
.div-block-51 {
width: 100%;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 40px;
display: flex;
position: relative;
}
.body-24 {
padding-top: 0;
}
.case-header-content__decription {
margin-top: 30px;
}
.case-header-content__decription.quik-case {
width: 100%;
margin-bottom: 1px;
padding-top: 50px;
}
.div-block-52 {
max-width: 550px;
}
.case-social-curator-grid__technologies {
flex-direction: column;
justify-content: flex-end;
padding-right: 0;
display: flex;
}
.sd-competencies-row__image {
max-height: 385px;
max-width: 514px;
overflow: hidden;
}
.sd-competencies-row__image.padding_overline__top {
margin-top: 64px;
overflow: hidden;
}
.sd-competencies-row__image.padding_overline__top.padding_overline__left {
margin-right: 10%;
padding-left: 0;
}
.sd-competencies-row__image.padding_overline__left {
margin-right: 150px;
}
.image-96 {
max-height: 154px;
max-width: 379px;
overflow: hidden;
}
.introduction_sections__item {
width: 100%;
max-width: 584px;
background-color: #fff;
border-radius: 24px;
padding: 24px 24px 42px;
overflow: visible;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.introduction_sections__item.quik-case {
max-height: 428px;
min-height: 428px;
grid-column-gap: 30px;
grid-row-gap: 24px;
box-shadow: none;
background-color: #f4f5fb;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.introduction_sections__item.quik-case.purple {
background-color: #f9f1fc;
}
.introduction_sections__item.quik-case.green {
background-color: #dafcfa;
}
.introduction_sections__item.quik-case.light-green {
background-color: #eaf9e5;
}
.introduction_sections-item__icon {
max-height: 80px;
max-width: 80px;
margin-bottom: 8px;
}
.introduction_sections-item__content {
min-height: 450px;
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #f4f5fb;
flex-direction: column;
margin-bottom: 42px;
padding: 87px 40px 47px;
display: flex;
}
.introduction_sections-item__content.item-content__bg-magenta {
background-color: #f9f1fc;
}
.introduction_sections-item__content.item-content__bg-green {
background-color: #eaf9e5;
}
.introduction_sections-item__content.item-content__bg-cyan {
background-color: #dafcfa;
}
.introduction_sections-item__content.item-content__bg-purple {
background-color: #fddcf4;
}
.introduction_sections-item__content.item-content__bg-yellow {
background-color: #fffae9;
}
.introduction_sections-item__presentation {
justify-content: space-between;
margin-bottom: 0;
display: flex;
}
.introduction_sections-item__text {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.introduction_sections-item-presentation__img {
max-height: 35px;
max-width: 40px;
}
.introduction_sections-item-presentation__inner {
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
}
.introduction_sections-item-text__header {
font-size: 24px;
font-weight: 700;
}
.text-block-113 {
font-size: 20px;
line-height: 36px;
}
.div-block-53 {
width: 100%;
grid-column-gap: 40px;
grid-row-gap: 40px;
display: flex;
}
.div-block-53.introduction_sections__row {
flex-wrap: nowrap;
}
.business-tasks__item.business-tasks__item-small {
width: 47%;
background-color: #f4f5fb;
border-radius: 8px;
padding: 48px;
}
.business-tasks__item.business-tasks__item-small.straddle-case {
background-color: #f2fdff;
line-height: 28px;
}
.business-tasks__item.business-tasks__item-big {
width: 100%;
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: #f4f5fb;
border: 1px solid #e3eaef;
border-radius: 8px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 64px 48px;
display: flex;
}
.business-tasks__item.business-tasks__item-big.quik-case {
flex-direction: column;
}
.business-tasks-item__text {
width: 42%;
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
display: flex;
}
.business-tasks-item__text.business-tasks-item-text__full, .business-tasks-item__text.quik-case {
width: 100%;
}
.business-tasks-item-text__header {
max-width: 543px;
font-size: 32px;
font-weight: 700;
line-height: 48px;
}
.business-tasks-item-text__header.quik-case {
max-width: 100%;
text-align: center;
}
.business-tasks-item-text__sub {
max-width: 489px;
font-size: 20px;
line-height: 36px;
}
.business-tasks-item-text__sub.quik-case {
max-width: 100%;
text-align: center;
}
.business-tasks-item__illustrations {
width: 55%;
max-height: 400px;
max-width: 428px;
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #eaeff4;
border: 3px solid #fff;
border-radius: 32px;
flex-flow: column wrap;
grid-template-rows: 100px 100px;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
justify-items: center;
margin-top: auto;
margin-bottom: auto;
padding: 40px 5%;
display: flex;
}
.business-tasks-illustration__item {
max-height: 100px;
max-width: 100px;
}
.business-tasks__two-row-container {
width: 100%;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 48px;
display: flex;
}
.business-tasks__two-row-container.achq-case {
margin-bottom: 88px;
}
.business-tasks-item__commend-row {
grid-column-gap: 24px;
grid-row-gap: 24px;
align-items: flex-end;
padding-top: 50px;
display: flex;
}
.business-tasks-item__commend-row.commend-row-reversed {
flex-direction: row-reverse;
}
.business-tasks-item__commend-row.outcome-results-commend {
padding-top: 0;
}
.business-tasks-item__commend-row.solution-approach__commend.rotated {
flex-direction: row-reverse;
}
.commend-row__text {
text-align: left;
background-color: rgba(0, 0, 0, 0);
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding: 0;
font-size: 20px;
display: flex;
}
.commend-row__container {
text-align: left;
background-color: #fff;
border-radius: 32px 32px 32px 0;
margin-bottom: 50px;
padding: 24px 32px;
}
.commend-row__container.commend-row__container-reversed {
border-bottom-right-radius: 0;
border-bottom-left-radius: 32px;
}
.commend-row__container.rotated {
border-bottom-right-radius: 0;
border-bottom-left-radius: 32px;
display: block;
}
.commend-row__container.rotated.inside-two {
border-bottom-right-radius: 32px;
margin-bottom: 8px;
}
.commend-row__container.rotated.inside-two.mw680 {
max-width: 680px;
}
.commend-row__container.rotated.inside-two.mw480 {
max-width: 480px;
}
.commend-row__container.rotated.inline-item {
display: inline-block;
}
.commend-row__container.mw680 {
max-width: 680px;
}
.commend-row__container.mw650 {
max-width: 650px;
}
.commend-row__container.mw520 {
max-width: 520px;
}
.solution-approach__inner {
width: 100%;
background-color: #f9f1fc;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 48px;
display: flex;
}
.solution-approach__inner.achq-case {
background-color: #eaf9e5;
padding-top: 88px;
}
.solution-approach__inner.business-task_inner.asio-as-case {
background-color: #f2fdff;
}
.solution-approach__inner.asio-as-style {
background-color: #f4f5fb;
}
.solution-approach-inner__image {
max-height: 351px;
max-width: 580px;
margin-top: 112px;
margin-bottom: 80px;
}
.solution-approach-focus {
width: 100%;
grid-column-gap: 82px;
grid-row-gap: 82px;
background-color: #fff;
border-radius: 8px;
flex-direction: row;
padding: 48px;
display: flex;
}
.image-97 {
max-height: 221px;
max-width: 358px;
}
.decisive-factor__commend {
grid-column-gap: 32px;
grid-row-gap: 32px;
margin-top: 64px;
display: flex;
}
.decisive-factor-commend__img-block {
flex-direction: column;
justify-content: flex-end;
display: flex;
}
.decisive-factor-commend__img-block.backlog-refreshing__commend {
margin-left: 20px;
}
.decisive-factor-commend__text-container {
flex-direction: column;
justify-content: flex-end;
display: flex;
}
.xdecisive-factor-commend__img {
max-height: 312px;
max-width: 205px;
padding-bottom: 21px;
}
.xdecisive-factor-commend__img.decisive-factor-commend-img__small {
max-height: 100px;
max-width: 100px;
}
.decisive-factor-text__container {
background-color: #f4f5fb;
border-radius: 32px 32px 32px 0;
margin-bottom: 23px;
padding: 24px 32px;
}
.decisive-factor-text__container.asio-as-case {
background-color: #eaf9e5;
}
.decisive-factor-text__container.decisive-factor-reversed {
border-bottom-right-radius: 0;
border-bottom-left-radius: 32px;
margin-left: 0;
}
.decisive-factor-text__text {
font-size: 20px;
line-height: 36px;
}
.decisive-factor-text__sub-text {
letter-spacing: .16em;
text-transform: uppercase;
font-family: Nunito, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 28px;
}
.decisive-factor-text__sub-text.decisive-factor-reversed {
text-align: right;
}
.outcome-results__section-big {
width: 100%;
background-color: #eaf9e5;
margin-bottom: 48px;
padding-top: 64px;
padding-left: 32px;
padding-right: 32px;
}
.outcome-results__section-small {
width: 47%;
grid-column-gap: 64px;
grid-row-gap: 64px;
background-color: #eaf9e5;
border-radius: 8px;
flex-direction: column;
padding: 64px 48px;
display: flex;
}
.outcome-results__section-small.outcome-results__top48 {
align-items: center;
padding-top: 48px;
padding-bottom: 48px;
}
.outcome-results__section-row {
width: 100%;
flex-wrap: wrap;
justify-content: space-between;
display: flex;
}
.div-block-54 {
padding-left: 12px;
padding-right: 12px;
}
.outcome-results__section__sub-header-outer {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-bottom: 65px;
display: flex;
}
.div-block-55 {
width: 8px;
height: 36px;
background-color: #5aa140;
border-radius: 8px;
}
.image-98 {
width: 100%;
max-width: 360px;
}
.outcome-results-expectation {
width: 100%;
background-color: #1791f2;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-top: 48px;
padding-top: 48px;
padding-bottom: 48px;
display: flex;
}
.outcome-results-expectation__text {
color: #fff;
font-size: 20px;
font-weight: 600;
line-height: 36px;
}
.image-99 {
max-height: 304px;
max-width: 428px;
}
.no-padding-body {
padding-top: 0;
}
.image-100 {
width: 50px;
}
.image-101 {
width: 45px;
}
.image-104 {
z-index: -1;
max-width: 663px;
position: absolute;
top: 30%;
}
.introduction-section__img {
max-height: 80px;
max-width: 80px;
}
.introduction-section__between {
max-height: 120px;
max-width: 120px;
position: absolute;
top: 45%;
}
.collection-list-wrapper-16 {
width: 80%;
flex-direction: row;
justify-content: space-between;
display: flex;
overflow: visible;
}
.collection-list-17 {
grid-column-gap: 30px;
display: flex;
}
.collection-list-17.our-cases__collection {
width: 100%;
flex-direction: row;
}
.collection-item-13 {
max-width: 220px;
}
.our_cases__header {
margin-bottom: 16px;
}
.image-105 {
width: 100%;
height: 100%;
max-width: 137px;
}
.image-106 {
width: 220px;
height: 204px;
max-height: 204px;
max-width: 220px;
object-fit: cover;
border-radius: 8px;
}
.div-block-56 {
width: 100%;
}
.div-block-57 {
width: 100%;
height: auto;
justify-content: center;
align-items: flex-end;
padding-top: 40px;
padding-bottom: 0;
display: flex;
}
.div-block-57.our-cases {
height: auto;
align-items: flex-start;
margin-top: 55px;
margin-bottom: 0;
padding-top: 0;
}
.image-107 {
max-width: 40%;
}
.image-107.scroll-image__image {
max-height: 40px;
max-width: 40px;
}
.div-block-58 {
grid-column-gap: 8px;
flex-direction: column;
align-items: center;
display: flex;
}
.div-block-58.scroll-image__container {
grid-row-gap: 8px;
}
.scroll-image__text {
letter-spacing: .32px;
text-transform: uppercase;
font-family: Nunito, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 19px;
}
.scroll-image__text.our-cases {
color: #fff;
margin-bottom: 8px;
}
.scroll-image__text.white {
color: #fff;
letter-spacing: .16em;
}
.collection-list-18 {
flex-direction: column;
display: flex;
}
.collection-list-18.our-cases-projects__list {
width: 100%;
flex-direction: column;
}
.our-cases-projects {
width: 100vw;
}
.our-cases-case__item {
width: 100vw;
height: 100vh;
}
.our-cases-case__item.cases-page-section {
display: block;
position: relative;
}
.image-108 {
z-index: -3;
width: 100%;
height: 100vh;
object-fit: cover;
position: absolute;
}
.text-block-114 {
color: #fff;
}
.our-cases-case-item__inner {
width: 100%;
height: 78vh;
max-width: 1280px;
flex-direction: column;
justify-content: center;
padding: 140px 40px 0;
display: flex;
position: static;
}
.collection-list-19 {
grid-column-gap: 16px;
display: flex;
}
.our-cases-case-item__actions {
width: 55%;
grid-column-gap: 40px;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.div-block-59 {
justify-content: space-between;
display: flex;
}
.our-cases-case-item-actions__button {
text-align: center;
text-transform: uppercase;
background-color: #1791f2;
border-radius: 8px;
padding: 18px;
font-size: 16px;
font-weight: 700;
line-height: 20px;
}
.our-cases-case-item-actions__button.outline {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
}
.our-cases-case-item-actions__button.outline.hero-button.case-btn.action-button__blue-border.action-button {
width: 475px;
}
.our-cases-case-item-actions__button.action-button {
width: 275px;
align-self: auto;
}
.cases-page-section {
flex-direction: column;
justify-content: center;
display: flex;
}
.cases-page-section.bottom_section {
background-color: #f4f5fb;
padding-top: 70px;
}
.our-cases-case-item__outer {
width: 100vw;
height: 100vh;
}
.achq-case {
padding-top: 0;
}
.achq-case-figma {
max-width: 70%;
}
.image-109 {
width: 100%;
margin-bottom: 88px;
}
.image-110 {
padding-left: 80px;
padding-right: 80px;
}
.image-113 {
margin-bottom: 88px;
}
.image-114 {
width: 100%;
max-width: 414px;
}
.div-block-61 {
width: 100%;
justify-content: center;
align-items: center;
margin-top: 24px;
margin-bottom: 24px;
display: flex;
}
.div-block-61.f_start {
justify-content: flex-start;
}
.image-115 {
max-width: 345px;
}
.image-115.big-line.long-line {
max-width: 562px;
}
.image-115.big-line.long-line.padded {
padding-left: 54px;
}
.background-video-5 {
width: 100%;
height: 100%;
flex: 0 auto;
order: 0;
align-self: auto;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.case-header-content_heading {
width: 100%;
grid-column-gap: 0px;
grid-row-gap: 40px;
object-fit: fill;
flex-direction: column;
flex: 0 auto;
padding-top: 0;
display: flex;
overflow: visible;
}
.case-header-content_heading.smaller {
grid-row-gap: 20px;
}
.div-block-62 {
width: 100%;
max-width: 1280px;
}
.div-block-62.flexible-content-container {
z-index: 10;
height: 100%;
max-height: 600px;
flex-direction: column;
flex: 0 auto;
justify-content: space-around;
align-self: center;
align-items: stretch;
margin-bottom: 0;
padding-top: 140px;
padding-left: 40px;
padding-right: 40px;
display: flex;
position: relative;
}
.background-video-6 {
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.html-embed-10 {
display: block;
position: static;
}
.our-cases-body {
padding-top: 0;
overflow: visible;
}
.asio-as {
padding-top: 0;
}
.business-task-inner__item {
width: 100%;
}
.business-task-inner__item.align-left {
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
display: flex;
}
.business-task-inner__item.align-right {
justify-content: flex-end;
align-items: center;
margin-bottom: 0;
display: flex;
}
.business-task-inner__item.align-center {
justify-content: center;
margin-bottom: 40px;
display: flex;
}
.image-116 {
width: 100%;
}
.image-116.business-task-inner-item__img {
max-width: 580px;
}
.business-task-inner-item__img {
width: 100%;
max-width: 700px;
}
.business-task-inner-item__img.image-117 {
max-width: 903px;
}
.image-118 {
width: 100%;
max-width: 717px;
}
.image-119 {
width: 100%;
max-width: 904px;
}
.image-120 {
width: 100%;
max-width: 930px;
}
.image-121 {
width: 100%;
max-width: 452px;
}
.image-122 {
width: 100%;
max-width: 852px;
}
.text-block-115 {
display: block;
}
.commend-dualty-item {
flex-direction: column;
align-items: flex-end;
display: flex;
}
.commend-dualty-item.align-left {
align-items: flex-start;
}
.image-123 {
padding-left: 40px;
}
.image-124 {
width: 100%;
margin-top: -91px;
padding-top: 0;
padding-bottom: 0;
}
.image-126 {
width: 100%;
max-width: 786px;
padding-left: 0;
overflow: hidden;
}
.image-127 {
width: 100%;
max-width: 210px;
margin-left: -60px;
margin-right: 0;
padding-bottom: 0;
padding-right: 19px;
}
.div-block-63 {
max-width: 1280px;
justify-content: center;
align-items: center;
margin-top: 1px;
margin-bottom: 0;
display: flex;
}
.image-128 {
width: 100%;
max-width: 786px;
padding-left: 44px;
overflow: hidden;
}
.image-129 {
width: 100%;
max-height: 409px;
max-width: 240px;
padding-right: 40px;
}
.div-block-64 {
max-width: 1280px;
grid-column-gap: 70px;
justify-content: space-between;
display: flex;
}
.div-block-65 {
max-width: 1280px;
justify-content: center;
align-items: center;
margin-top: 80px;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.image-130 {
width: 90%;
max-width: 1280px;
padding-left: 0;
}
.backlog-refreshing {
justify-content: center;
align-items: stretch;
display: flex;
}
.image-131 {
width: 100%;
max-height: 465px;
max-width: 480px;
margin-right: -24px;
padding-bottom: 0;
}
.decisive-factor-block-illustrated {
justify-content: space-between;
display: flex;
overflow: visible;
}
.image-132 {
z-index: -1;
max-height: 370px;
max-width: 380px;
align-self: flex-end;
position: relative;
top: 75px;
left: -60px;
}
.image-133 {
z-index: -1;
height: 452px;
max-height: 452px;
position: relative;
top: 0%;
bottom: auto;
left: 0%;
right: auto;
}
.image-134 {
width: 100%;
height: 100%;
max-width: 786px;
min-width: auto;
padding-top: 47px;
overflow: hidden;
}
.div-block-66 {
width: 100%;
max-width: 1280px;
justify-content: space-around;
align-items: center;
display: flex;
position: static;
top: 0;
}
.div-block-66.gradiented_background-straddle {
max-width: none;
}
.div-block-67 {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.image-135 {
max-height: 404px;
max-width: 218px;
margin-top: -48px;
}
.div-block-68 {
width: 100%;
max-width: 1280px;
grid-column-gap: 40px;
justify-content: space-between;
display: flex;
}
@media screen and (min-width: 1280px) {
.sticky-header__logo {
order: -1;
align-self: auto;
position: static;
}
.sticky-header__logo-img {
display: block;
}
.page-container {
max-width: 1280px;
justify-content: center;
align-items: center;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.page-container._w-container {
max-width: 940px;
}
.table-question__title {
font-size: 1.1rem;
}
.header-menu__inner {
max-width: 1200px;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin-left: auto;
margin-right: auto;
}
.header-menu__menu {
flex: none;
order: 1;
position: static;
}
.site-header {
position: fixed;
}
.site-header__menu {
width: 100%;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.compare.left-column_block {
margin-bottom: 90px;
}
.blog-container {
padding-top: 0;
}
.s-container {
max-width: 1293px;
}
.s-title {
font-size: 80px;
}
.s-hero__buttons {
margin-bottom: 100px;
}
.s-button.new-button {
padding: 16px 38px;
bottom: 8%;
}
.left-column {
max-width: none;
padding-top: 60px;
}
.right-column {
width: 25%;
padding-top: 60px;
}
.two-columns {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
position: static;
}
.developers-cards-carousel.left-column_block {
margin-bottom: 90px;
}
.h3 {
margin-top: 0;
margin-bottom: 30px;
}
.our-apps_grid_content {
padding: 24px;
}
.ur-apps_grid_technologies-icon {
margin-bottom: 4px;
}
.ur-apps_grid_technologies-wrapper {
flex-wrap: wrap;
}
.heading_blue-banner {
margin-bottom: 20px;
}
.cta-banner_container {
padding-left: 0;
padding-right: 0;
}
.s-title-cta {
font-size: 80px;
}
.s-hero_ibrowser-image {
max-width: 1150px;
margin-left: auto;
margin-right: auto;
}
.x-stack_pannel {
margin-top: 20px;
}
.s-button-new.new-button {
padding: 16px 38px;
bottom: 8%;
}
.right-column-2 {
width: 25%;
padding-top: 60px;
}
.our-apps_grid_content-2 {
padding: 24px;
}
.block_section {
padding-left: 40px;
padding-right: 40px;
}
.block_section.hero-section {
min-height: 100vh;
}
.block_section.video-section {
justify-content: flex-start;
align-items: center;
padding-left: 0;
padding-right: 0;
}
.block_section.our-priority {
padding-left: 0;
padding-right: 0;
}
.block_section.video-section-career, .block_section.image-section-refer, .block_section.image-section-refer-bottom {
justify-content: flex-start;
align-items: center;
padding-left: 0;
padding-right: 0;
position: relative;
}
.block_section.case-header-section {
background-image: none;
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.block_section.case-header-section.case-quik {
padding-bottom: 44px;
}
.block_section.case-brief-content__container, .block_section.our-cases-projects {
padding-left: 0;
padding-right: 0;
}
.content-container.our-cases-header-container {
height: 100vh;
justify-content: center;
}
.content-container.introduction_sections {
max-width: 1280px;
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: wrap;
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-rows: auto;
grid-auto-columns: auto;
grid-auto-flow: row;
align-content: space-between;
justify-content: flex-start;
align-items: flex-start;
justify-items: start;
display: flex;
}
.content-container.our-cases-projects {
max-width: 100vw;
}
.content-container.content-container_no-padding.content-container-visible {
max-width: none;
}
.our-cases__title.hero-tittle, .our-cases__title.hero-tittle-copy {
margin-top: 40px;
}
.image-15.background-bottom {
width: 120%;
max-height: none;
max-width: none;
opacity: .34;
object-fit: cover;
display: none;
top: -24%;
left: -9%;
right: auto;
overflow: hidden;
}
.quick-hero-container {
padding-top: 140px;
}
.quick-hero_content_wrapper {
margin-top: 60px;
}
.expand-hide_button.new-button {
padding: 16px 38px;
bottom: 8%;
}
.cta-content_wrapper {
align-items: center;
}
.h3-copy {
margin-top: 0;
margin-bottom: 30px;
}
.body-14 {
margin-left: 0;
margin-right: 0;
}
.case-hero-container {
padding-top: 140px;
}
.case-hero_content_wrapper {
margin-top: 60px;
}
.page-container-2 {
max-width: 1200px;
}
.background-video-2 {
height: auto;
}
.div-block-31 {
background-color: #fff;
border-radius: 8px;
margin-top: 0;
margin-left: 24px;
margin-right: 24px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
left: 0%;
right: 0%;
box-shadow: 0 0 9px 8px rgba(103, 121, 138, .16);
}
.body-20 {
background-color: #fff;
}
.menu-logo {
display: none;
}
.section-header.decisive-factor-header.quik-case {
max-width: 982px;
}
.our-focus__items {
flex-wrap: nowrap;
}
.expertise-item-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.expertise-items {
grid-column-gap: 24px;
}
.image-59 {
width: 280px;
}
.form-3-copy {
grid-row-gap: 24px;
}
.form-section-tips-copy {
margin-bottom: 10px;
}
.div-block-30-copy {
margin-bottom: 128px;
}
.head-video-mask {
z-index: 1;
opacity: 1;
background-color: rgba(30, 34, 37, .7);
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.section-header-copy {
margin-top: 24px;
margin-bottom: 40px;
}
.get-job-items {
grid-column-gap: 58px;
}
.get-job-item-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.div-block-30-copy {
margin-bottom: 0;
}
.success-message-3 {
margin-top: 130px;
}
.head-video-mask-copy {
z-index: 1;
min-height: 700px;
background-color: rgba(30, 34, 37, .7);
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.page-container-copy {
max-width: 1280px;
justify-content: center;
align-items: center;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.page-container-copy._w-container {
max-width: 940px;
}
.form-section-tips-copy-copy {
margin-bottom: 10px;
}
.expertise-item-wrapper-refer {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.case-header-mask.our-cases {
background-color: rgba(0, 0, 0, .6);
}
.case-header-mask.skill-director {
background-color: rgba(0, 0, 0, .7);
flex: 1;
}
.case-header-content {
height: 100%;
justify-content: flex-end;
overflow: visible;
}
.case-header-content.quik-case {
width: auto;
}
.heading-32 {
margin-bottom: 0;
}
.heading-32.quik-case {
text-align: left;
}
.heading-33 {
margin-bottom: 0;
}
.heading-33.quik-case {
max-width: 820px;
text-align: left;
}
.heading-33.our-cases-case__sub-header {
margin-bottom: 0;
}
.case-header-content__review {
width: auto;
max-width: 674px;
}
.text-block-92.quik-case {
text-align: center;
}
.text-block-92.quik-case.solution-approach__text {
margin-bottom: 64px;
}
.div-block-49.case-header-content_additional {
width: 100%;
min-width: auto;
grid-column-gap: 0vw;
grid-row-gap: 10vw;
margin-bottom: 0;
}
.div-block-49.case-header-content_additional.case-header-content_additional__sdirector {
min-width: auto;
}
.div-block-50 {
width: auto;
}
.div-block-50.case-header-content__instruments.quik-case {
width: 65%;
display: block;
}
.case-header-content__decription {
width: 100%;
height: 100%;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
margin-top: 0;
display: flex;
}
.case-header-content__decription.quik-case {
width: auto;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.div-block-52 {
max-width: 550px;
}
.case-social-curator-grid__technologies {
padding-right: 80px;
}
.introduction_sections__item {
width: auto;
max-height: none;
max-width: 45%;
}
.div-block-53.introduction_sections__row {
justify-content: space-around;
}
.business-tasks-item__illustrations {
padding-left: 26px;
padding-right: 26px;
}
.business-tasks-item__commend-row.solution-approach__commend {
margin-bottom: 64px;
}
.decisive-factor-text__sub-text {
letter-spacing: .16em;
text-transform: uppercase;
}
.image-100 {
max-height: 100%;
max-width: 100%;
}
.image-102 {
max-width: 60%;
}
.image-103, .solution-approach__illustration.quik-case {
width: 100%;
height: 100%;
}
.image-104 {
z-index: -1;
max-width: 663px;
position: absolute;
top: 30%;
}
.introduction-section__between {
top: 44%;
bottom: auto;
left: 45%;
right: auto;
}
.div-block-57 {
padding-bottom: 0;
}
.div-block-57.our-cases {
height: auto;
margin-top: 55px;
padding-top: 0;
padding-bottom: 0;
}
.scroll-image__text.our-cases {
color: #fff;
margin-bottom: 8px;
}
.our-cases-case__item {
flex-direction: column;
justify-content: flex-end;
align-items: center;
display: flex;
}
.our-cases-case-item__inner {
height: 78vh;
justify-content: center;
}
.collection-item-14 {
display: flex;
}
.collection-list-19 {
grid-column-gap: 16px;
justify-content: space-between;
display: flex;
}
.instruments-item__icon {
width: 40px;
}
.our-cases-case-item__actions {
width: 55%;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.our-cases-case-item-actions__button.outline.hero-button.case-btn.action-button__blue-border.action-button, .our-cases-case-item-actions__button.action-button {
width: 55%;
}
.achq-case {
padding-top: 0;
}
.background-video-5 {
flex: 1;
}
.case-header-content_heading {
width: auto;
}
.image-126 {
height: 100%;
max-width: 786px;
margin-right: 0;
}
.div-block-63 {
width: 100%;
justify-content: space-between;
padding-left: 44px;
}
.image-128 {
max-width: 885px;
}
.div-block-64 {
width: 100%;
justify-content: space-between;
}
.image-133 {
width: 100%;
height: 452px;
max-height: 452px;
min-width: 100%;
}
.image-134 {
max-width: 884px;
padding-left: 0;
}
.div-block-66 {
justify-content: space-between;
}
.div-block-67 {
width: 100%;
align-self: center;
position: static;
}
}
@media screen and (min-width: 1440px) {
img {
-webkit-text-fill-color: inherit;
background-clip: border-box;
}
.sticky-header__logo-img {
display: block;
}
.page-container {
text-align: left;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.difference-table__cell-icon {
width: auto;
flex: 0 auto;
}
.header-menu {
z-index: 88888;
display: none;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.header-menu__inner {
width: 1286px;
max-width: 1286px;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
}
.header-menu__menu {
flex-wrap: nowrap;
flex: 0 auto;
order: 1;
justify-content: center;
}
.site-header__menu {
width: 100%;
}
.site-header__menu-link {
font-size: 16px;
}
.c-comment__rating-stars {
display: flex;
}
.thumbnail {
width: 100%;
height: 100%;
min-height: 100%;
min-width: 100%;
object-fit: cover;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-repeat: no-repeat;
background-size: cover;
}
.search {
padding-left: 10px;
padding-right: 10px;
}
.field-label {
font-size: 16px;
}
.s-container {
max-width: 1366px;
padding-left: 40px;
padding-right: 40px;
}
.s-title {
flex: 0 auto;
margin-top: 0;
margin-bottom: 15px;
font-size: 84px;
font-weight: 900;
line-height: 100px;
}
.s-hero__tips {
justify-content: center;
display: flex;
}
.s-hero__tip {
justify-content: flex-start;
align-items: center;
margin-left: 12px;
margin-right: 12px;
display: flex;
}
.tip__image {
width: 15px;
height: 15px;
margin-bottom: 1px;
margin-right: 10px;
}
.body-9 {
font-size: 16px;
font-weight: 400;
}
.s-hero__title {
text-align: center;
position: relative;
}
.s-hero__wheel {
width: 90px;
height: 90px;
position: absolute;
top: 103px;
bottom: 0;
left: 975px;
right: 0;
}
.s-button {
height: 50px;
background-color: #1791f2;
flex: 0 auto;
align-self: flex-start;
margin-left: 0;
margin-right: 20px;
padding-top: 14px;
display: flex;
position: static;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.s-button.dark-bg {
color: #1791f2;
background-color: #fff;
}
.s-button.dark-bg:hover {
opacity: .9;
}
.s-button.blue-banner_btn {
flex-flow: row;
margin-right: 20px;
display: flex;
}
.s-button.new-button {
letter-spacing: 1px;
border-radius: 6px;
margin-left: auto;
margin-right: auto;
padding: 16px 38px;
font-weight: 600;
position: absolute;
top: auto;
bottom: 10%;
left: auto;
right: 0%;
overflow: hidden;
}
.left-column {
background-color: #fff;
padding-top: 100px;
}
.right-column {
padding-top: 100px;
}
.two-columns {
max-width: 1286px;
}
.developers-cards-carousel.left-column_block {
margin-top: 0;
}
.h3.banner {
width: 424px;
color: #fff;
font-size: 35px;
}
.our-apps_grid_photo-wrapper {
display: block;
}
.ur-apps_grid_technologies-icon {
width: 32px;
height: 32px;
margin-right: 11px;
padding-right: 0;
}
.ur-apps_grid_technologies-wrapper {
margin-top: 16px;
display: flex;
}
.revealing-arrows {
margin: 0 0 0 auto;
display: flex;
position: absolute;
top: auto;
bottom: 24px;
left: auto;
right: 24px;
}
._2-clm-section {
background-image: linear-gradient(to right, #fff, #fff 45%, #f4f5fb 50%, #f4f5fb);
}
.blue-banner_block {
height: 318px;
background-color: #1791f2;
border-radius: 7px;
flex-direction: row;
align-items: center;
margin-bottom: 90px;
padding: 0;
display: flex;
overflow: hidden;
}
.banner-content_wrapper {
flex-direction: column;
margin-top: 40px;
margin-bottom: 40px;
margin-left: 40px;
display: flex;
}
.image-10 {
width: 170%;
height: 170%;
}
.blue-banner_content_wrapper {
flex-direction: column;
flex: 0 auto;
display: flex;
}
.our-awards_block {
margin-top: 0;
}
.cta-banner_section {
background-color: #e0f0fc;
padding-left: 40px;
padding-right: 40px;
}
.cta-banner_container {
max-width: 1286px;
flex-wrap: nowrap;
justify-content: space-between;
margin-top: 0;
margin-bottom: 0;
padding: 100px 0;
display: flex;
}
.cta-banner_content {
flex-direction: row;
flex: 0 auto;
order: -1;
align-self: center;
display: flex;
position: relative;
}
.s-title-cta {
width: auto;
flex-direction: row;
flex: 0 auto;
margin-top: 0;
margin-bottom: 0;
font-size: 80px;
font-weight: 800;
line-height: 100px;
display: block;
position: static;
}
.wings-circle_image {
width: 500px;
max-height: 108%;
max-width: 100%;
object-fit: contain;
}
.s-button-new {
height: 50px;
background-color: #1791f2;
flex: 0 auto;
align-self: flex-start;
margin-left: 0;
margin-right: 20px;
padding-top: 14px;
display: flex;
position: static;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.s-button-new.dark-bg {
color: #1791f2;
background-color: #fff;
}
.s-button-new.dark-bg:hover {
opacity: .9;
}
.s-button-new.blue-banner_btn {
flex-flow: row;
margin-right: 20px;
display: flex;
}
.s-button-new.new-button {
letter-spacing: 1px;
border-radius: 6px;
margin-left: auto;
margin-right: auto;
padding: 16px 38px;
font-weight: 600;
position: absolute;
top: auto;
bottom: 10%;
left: auto;
right: 0%;
overflow: hidden;
}
.s-button-2 {
height: 50px;
background-color: #1791f2;
flex: 0 auto;
align-self: flex-start;
margin-left: 0;
margin-right: 20px;
padding-top: 14px;
display: flex;
position: static;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.s-button-2.blue-banner_btn {
flex-flow: row;
margin-right: 20px;
display: flex;
}
.blue-banner_block-2 {
height: 318px;
background-color: #1791f2;
border-radius: 7px;
flex-direction: row;
align-items: center;
margin-bottom: 90px;
padding: 0;
display: flex;
overflow: hidden;
}
.right-column-2 {
padding-top: 100px;
}
.our-apps_grid_photo-wrapper-2 {
display: block;
}
.s-button-new2 {
height: 50px;
background-color: #1791f2;
flex: 0 auto;
align-self: flex-start;
margin-left: 0;
margin-right: 20px;
padding-top: 14px;
display: flex;
position: static;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.block_section {
margin-top: 0;
}
.block_section.hero-section {
min-height: 100vh;
}
.block_section.video-section {
min-width: 0;
justify-content: flex-start;
margin-top: 0;
display: flex;
}
.block_section.our-focus, .block_section.our-levels, .block_section.expertise, .block_section.segment-focus, .block_section.expectations, .block_section.packages, .block_section.trusted-by {
margin-top: 0;
}
.block_section.form-section {
margin-top: 0;
margin-bottom: 0;
}
.block_section.values-section {
margin-top: 80px;
}
.block_section.video-section-career {
justify-content: flex-start;
margin-top: 0;
display: flex;
}
.block_section.form-section-copy {
margin-bottom: 0;
}
.block_section.growth-section {
margin-top: 0;
}
.block_section.image-section-refer, .block_section.image-section-refer-bottom {
justify-content: flex-start;
margin-top: 0;
display: flex;
}
.block_section.form-section-copy {
margin-top: 0;
margin-bottom: 0;
}
.block_section.expertise-refer {
margin-top: 0;
}
.block_section.case-header-section {
flex-direction: column;
justify-content: flex-end;
align-items: center;
padding-left: 0;
padding-right: 0;
}
.block_section.case-header-section.case-curator {
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/644b3b703f64f5efc5052bc3_curator.png");
padding-left: 0;
padding-right: 0;
}
.block_section.case-header-section.case-quik {
padding-bottom: 44px;
}
.block_section.case-header-section.achq-case {
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/646433a4c961bced999a9dbe_545445.png");
}
.block_section.decisive-factor.achq-case {
margin-bottom: 100px;
}
.content-container {
height: 100%;
overflow: hidden;
}
.content-container.sd-card.rtrtt {
background-color: #c34545;
}
.content-container.our-cases-header-container {
height: 100vh;
justify-content: space-between;
align-items: stretch;
padding-left: 0;
padding-right: 0;
}
.content-container.case-header-content__container {
flex-flow: column;
justify-content: flex-start;
padding-left: 0;
display: flex;
}
.content-container.introduction_sections {
flex-wrap: wrap;
}
.content-container.our-cases-projects {
max-width: 100%;
padding-left: 0;
}
.content-container.content-container_no-padding {
max-width: 100%;
}
.content-container.content-container-visible {
overflow: visible;
}
.expand-hide_button {
height: 50px;
flex: 0 auto;
align-self: flex-start;
margin-left: 0;
margin-right: 20px;
padding-top: 14px;
display: flex;
position: static;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.expand-hide_button.dark-bg {
color: #1791f2;
background-color: #fff;
}
.expand-hide_button.dark-bg:hover {
opacity: .9;
}
.expand-hide_button.blue-banner_btn {
flex-flow: row;
margin-right: 20px;
display: flex;
}
.expand-hide_button.new-button {
letter-spacing: 1px;
border-radius: 6px;
margin-left: auto;
margin-right: auto;
padding: 16px 38px;
font-weight: 600;
position: absolute;
top: auto;
bottom: 10%;
left: auto;
right: 0%;
overflow: hidden;
}
.other-case_wrapper {
display: block;
}
.cta-content_wrapper {
position: relative;
}
.h3-copy.banner {
width: 424px;
color: #fff;
font-size: 35px;
}
.content-conteiner-cta.cta {
position: static;
}
.s-button-2-copy {
height: 50px;
background-color: #1791f2;
flex: 0 auto;
align-self: flex-start;
margin-left: 0;
margin-right: 20px;
padding-top: 14px;
display: flex;
position: static;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.s-button-2-copy.blue-banner_btn {
flex-flow: row;
margin-right: 20px;
display: flex;
}
.div-block-16, .div-block-17, .div-block-18 {
width: 100%;
}
.div-block-19 {
flex-wrap: wrap;
justify-content: space-between;
display: flex;
}
.blog-item {
margin-top: 12px;
margin-bottom: 15px;
}
.blogs-list {
margin-right: 40px;
padding-right: 0;
}
.blogs-list-popular {
margin-left: 40px;
}
.popular-list-wrapper.card-wrapper {
opacity: 1;
background-color: #f4f5fb;
border: 0 #000;
border-radius: 16px;
}
.grid-19 {
grid-template-columns: 1.8fr 1fr;
}
.collection-list-wrapper-11 {
grid-template-rows: 1.32fr;
grid-auto-rows: 1fr;
}
.div-block-20 {
min-height: 400px;
}
.page-container-2 {
max-width: 1200px;
flex: 0 auto;
padding-left: 0;
padding-right: 0;
}
.s-banner__tip {
justify-content: flex-start;
align-items: center;
margin-left: 12px;
margin-right: 12px;
display: flex;
}
.background-video {
width: 100%;
height: 80vh;
}
.div-block-30 {
height: 100%;
justify-content: center;
position: static;
}
.background-video-2 {
height: auto;
}
.navbar {
background-color: rgba(0, 0, 0, 0);
}
.div-block-31 {
background-color: #fff;
border-radius: 8px;
display: block;
}
.navbar-2 {
display: block;
}
.nav-menu {
width: 100%;
justify-content: center;
display: flex;
}
.menu-logo {
display: none;
}
.section-header.decisive-factor-header {
width: 100%;
max-width: 1440px;
text-align: center;
}
.section-header.achq-case {
margin-bottom: 110px;
}
.expertise-items {
grid-column-gap: 24px;
}
.background-video-career {
height: 100%;
}
.div-block-30-copy {
height: 100%;
height: 100%;
justify-content: center;
position: static;
}
.head-video-mask-copy {
min-height: 700px;
}
.page-container-copy {
text-align: left;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.case-header-mask {
background-color: rgba(0, 0, 0, .6);
}
.case-header-mask.our_cases {
width: 100%;
height: 100%;
}
.case-header-mask.our-cases {
background-color: rgba(0, 0, 0, .6);
margin-left: auto;
margin-right: auto;
}
.case-header-content {
height: auto;
justify-content: center;
align-items: flex-start;
margin-bottom: 40px;
padding-right: 40px;
}
.case-header-content.quik-case {
height: 100%;
justify-content: center;
}
.case-header-content__description {
display: flex;
}
.heading-32 {
z-index: 10;
margin-bottom: 0;
position: static;
}
.heading-32.quik-case {
text-align: left;
}
.heading-32.quik-case.our-cases-case__header {
margin-bottom: 48px;
}
.heading-33 {
margin-bottom: 0;
}
.heading-33.quik-case {
max-width: 820px;
text-align: left;
}
.heading-33.our-cases-case__sub-header {
margin-bottom: 0;
}
.case-header-content__review {
width: 100%;
max-width: 674px;
margin-top: 10px;
}
.sd-card.sd-solutions-container {
background-color: #f9f1fc;
}
.sd-card.sd-outcome-item {
flex-direction: column;
align-items: center;
}
.sd-competencies.quik-case {
flex-wrap: nowrap;
display: block;
}
.sd-competencies__row.achq-case {
width: 100%;
justify-content: space-around;
align-items: center;
}
.sd-competencies__row.achq-case.reversed {
flex-direction: row-reverse;
justify-content: space-around;
}
.sd-challenges {
width: 100%;
justify-content: space-between;
}
.text-block-99 {
font-size: 20px;
}
.image-92 {
margin-bottom: 37px;
}
.our-cases__inner_container {
width: 100%;
height: 60%;
justify-content: flex-start;
}
.div-block-49.case-header-content_additional {
min-width: auto;
grid-column-gap: 10vw;
grid-row-gap: 10vw;
justify-content: space-between;
margin-bottom: 0;
padding-bottom: 0;
}
.div-block-50 {
width: auto;
padding-top: 0;
padding-bottom: 42px;
}
.div-block-50.case-header-content__instruments.quik-case {
width: auto;
display: block;
}
.div-block-51 {
z-index: 10;
width: 100%;
flex-direction: column;
flex: 0 auto;
margin-top: 52px;
margin-bottom: 40px;
position: relative;
}
.case-header-content__decription {
padding-top: 50px;
}
.case-header-content__decription.quik-case {
width: auto;
height: 100%;
flex-direction: column;
justify-content: center;
padding-top: 0;
display: flex;
}
.div-block-52 {
max-width: 550px;
}
.case-social-curator-grid__technologies {
padding-right: 80px;
}
.sd-competencies-row__image.padding_overline__left {
margin-right: 15%;
}
.image-96 {
margin-top: 90px;
}
.introduction_sections__item {
max-width: 584px;
min-width: 375px;
background-color: #fff;
border-radius: 24px;
padding-top: 24px;
padding-bottom: 42px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.introduction_sections-item__content {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: space-between;
margin-bottom: 42px;
padding: 87px 41px 47px 40px;
display: flex;
}
.introduction_sections-item__presentation {
background-color: #fff;
justify-content: space-between;
margin-bottom: 0;
display: flex;
}
.introduction_sections-item__text {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.introduction_sections-item__text.achq-case {
max-width: 529px;
}
.introduction_sections-item-presentation__img {
max-height: 35px;
max-width: 40px;
}
.introduction_sections-item-presentation__inner {
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
}
.introduction_sections-item-text__header {
font-size: 24px;
font-weight: 700;
}
.text-block-113 {
font-size: 20px;
line-height: 36px;
}
.div-block-53.introduction_sections__row {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-wrap: wrap;
justify-content: space-around;
}
.business-tasks__item.business-tasks__item-small.achq-case {
background-color: #f2fdff;
border: 1px solid #e3eaef;
padding-top: 64px;
padding-bottom: 64px;
}
.business-tasks-item__text {
width: 50%;
}
.business-tasks-item__illustrations {
width: 60%;
max-width: 470px;
grid-column-gap: 24px;
grid-row-gap: 24px;
padding-left: 26px;
padding-right: 26px;
}
.business-tasks__two-row-container.achq-case {
margin-bottom: 100px;
}
.business-tasks-item__commend-row.commend-row-reversed {
flex-direction: row-reverse;
}
.commend-row__container.commend-row__container-reversed {
border-bottom-right-radius: 0;
border-bottom-left-radius: 32px;
}
.solution-approach__inner.achq-case {
background-color: #eaf9e5;
padding-top: 80px;
padding-bottom: 110px;
}
.solution-approach__inner.business-task_inner.asio-as-case, .solution-approach__inner.asio-as-style {
border-radius: 8px;
}
.image-100 {
width: 50px;
}
.image-103.sd-competencies__image {
overflow: visible;
}
.introduction-section__between {
left: 46%;
}
.collection-list-wrapper-16 {
width: 100%;
}
.collection-list-17.our-cases__collection {
flex-direction: row;
}
.image-106.our-cases-item__img {
width: 100%;
height: 100%;
max-height: none;
max-width: none;
}
.div-block-57 {
width: 1280px;
}
.div-block-57.our-cases {
width: 100%;
height: auto;
flex-direction: row;
margin-top: 55px;
margin-bottom: 0;
padding-top: 0;
}
.scroll-image__text {
margin-bottom: 8px;
}
.scroll-image__text.our-cases {
color: #fff;
letter-spacing: 4px;
margin-bottom: 8px;
}
.scroll-image__text.white {
color: #fff;
letter-spacing: .16em;
}
.collection-list-18.our-cases-projects__list {
flex-direction: column;
}
.our-cases-case__item {
width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.our-cases-case__item.cases-page-section {
width: 100%;
justify-content: flex-end;
align-self: auto;
align-items: center;
display: block;
}
.image-108 {
height: 100%;
}
.our-cases-case-item__inner {
height: 78vh;
justify-content: center;
align-items: stretch;
margin-left: auto;
margin-right: auto;
padding-top: 140px;
padding-left: 0;
padding-right: 0;
}
.our-cases-case-item__actions {
align-items: flex-end;
}
.our-cases-case-item-actions__button.outline.hero-button.case-btn.action-button__blue-border.action-button, .our-cases-case-item-actions__button.action-button {
width: 55%;
height: 56px;
align-self: auto;
}
.cases-page-section {
height: 100vh;
flex-direction: column;
justify-content: center;
align-items: stretch;
margin-top: auto;
display: flex;
}
.cases-page-section.bottom_section {
height: auto;
}
.our-cases-item-img__outer {
width: 220px;
height: 200px;
border-radius: 8px;
overflow: hidden;
}
.image-111, .image-112 {
width: 100%;
}
.image-113 {
margin-bottom: 100px;
}
.image-114 {
max-width: 414px;
}
.div-block-61 {
width: 100%;
justify-content: center;
margin-top: 24px;
margin-bottom: 24px;
display: flex;
}
.div-block-61.f_start {
justify-content: flex-start;
margin-top: 24px;
padding-left: 48px;
padding-right: 48px;
}
.image-115 {
max-width: 345px;
}
.image-115.big-line {
width: 100%;
height: 100%;
}
.image-115.big-line.long-line {
max-height: 208px;
max-width: 562px;
}
.case-header-content_heading {
z-index: 10;
flex: 0 auto;
justify-content: flex-start;
align-self: auto;
margin-bottom: 60px;
padding-top: 132px;
position: relative;
}
.div-block-62.flexible-content-container {
z-index: 10;
max-height: 600px;
flex-direction: column;
flex: none;
justify-content: space-around;
align-self: center;
padding-top: 0;
position: relative;
}
.div-block-62.flexible-content-container.case-header {
justify-content: flex-end;
}
.image-116.business-task-inner-item__img {
max-width: 600px;
}
.business-task-inner-item__img {
max-width: 800px;
}
.business-task-inner-item__img.image-117 {
max-width: 920px;
}
.image-118 {
max-width: 720px;
}
.image-119 {
max-width: 920px;
}
.image-121 {
height: auto;
max-width: 434px;
}
.image-125 {
width: 100%;
}
.image-126 {
max-width: 960px;
margin-right: 0;
padding-left: 32px;
}
.image-127 {
max-width: 312px;
padding-left: 61px;
}
.div-block-63 {
width: 100%;
max-width: 1280px;
justify-content: space-around;
align-self: center;
align-items: center;
margin-top: -35px;
display: flex;
}
.image-128 {
max-width: 885px;
padding-left: 0;
overflow: hidden;
}
.image-129 {
overflow: visible;
}
.div-block-64 {
width: 100%;
max-width: 1280px;
justify-content: space-around;
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.decisive-factor-block-illustrated {
justify-content: space-between;
align-items: stretch;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.image-132 {
z-index: -1;
width: 409px;
height: 370px;
max-height: 370px;
max-width: 409px;
align-self: flex-end;
margin-top: 0;
margin-left: -84px;
padding-top: 0;
position: relative;
top: 108px;
bottom: 0%;
left: 21px;
right: 0%;
}
.image-133 {
width: 100%;
height: 452px;
max-height: 452px;
position: absolute;
}
.image-134 {
width: 100%;
max-width: 885px;
align-self: auto;
padding-top: 40px;
padding-left: 0;
position: relative;
overflow: hidden;
}
.div-block-66 {
width: 100%;
max-width: 1280px;
justify-content: space-around;
position: relative;
}
.div-block-67 {
width: 100%;
display: flex;
}
.image-135 {
max-width: 218px;
}
}
@media screen and (max-width: 991px) {
.sticky-header {
position: absolute;
}
.sticky-header__logo {
width: 140px;
}
.sticky-header__logo-img {
max-width: 100px;
display: none;
}
.sticky-header__menu.menu {
display: none;
}
.page-container {
width: 100%;
border-radius: 7px;
justify-content: flex-end;
padding-left: 40px;
padding-right: 40px;
}
.sticky-header__inner {
height: 70px;
justify-content: center;
}
.hero__inner {
height: auto;
min-height: 100vh;
padding-top: 70px;
}
.hero__inner.hire__inner-angular {
flex-direction: column;
align-items: center;
}
.hero__inner.hire__inner-angular.c-hero__inner {
flex-direction: column-reverse;
justify-content: center;
}
.lead-box.hero__lead-box {
width: 100%;
text-align: center;
align-self: flex-start;
align-items: flex-start;
margin-bottom: 20px;
padding-right: 0;
}
.lead-box.hero__lead-box.lead-box {
padding-bottom: 0;
padding-right: 0;
}
.lead-box.influence__lead-box {
width: 55%;
}
.lead-box__title {
width: 100%;
text-align: left;
align-self: auto;
font-size: 2.5rem;
}
.lead-box__title.influence__title {
margin-bottom: 25px;
}
.lead-box__title.influence__title.c-lead-box__title {
text-align: left;
}
.section-subtitle.lead-box__subtitle {
text-align: left;
align-self: auto;
margin-bottom: 30px;
}
.section-subtitle.lead-box__subtitle.lead-box__subtitle_500 {
text-align: left;
align-self: auto;
}
.section-subtitle.solution__subtitle {
margin-bottom: 30px;
}
.action-button.lead-box__request-btn {
margin-right: 10px;
}
.action-button.lead-box__request-btn.angular-developers__btn {
justify-content: flex-start;
margin-bottom: 10px;
top: auto;
bottom: -110px;
left: 0%;
right: 0%;
}
.action-button.position__apply {
flex-basis: auto;
}
.action-button.action-button__blue-border.sticky-header__action-btn {
width: auto;
max-width: 300px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
}
.action-button.action-button__blue-border.sticky-header__action-btn.sticky-header__action-btn_hide-opened {
width: auto;
display: flex;
}
.action-button.action-button__white-border.sticky-header__action-btn.sticky-header__action-btn_white {
display: none;
}
.action-button.lead-box__btn {
flex: 1;
margin-left: 5px;
margin-right: 5px;
}
.action-button.action-button__blue-border.sticky-header__action-btn {
width: auto;
max-width: 300px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
}
.hero__birds-img {
max-height: 90%;
max-width: 70%;
top: 50%;
bottom: auto;
left: auto;
right: 0%;
transform: translate(0, -50%);
}
.hero__birds-img.hero__birds-img_career {
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.section-title.about__title, .section-title.process__title, .section-title.difference__title {
margin-bottom: 40px;
}
.section-title.solution__title {
margin-bottom: 30px;
}
.section-title.description__title {
margin-bottom: 40px;
}
.section-title.questions__title, .section-title.values__title, .section-title.features__title, .section-title.job-steps__title, .section-title.positiions__title {
margin-bottom: 60px;
}
.section-title.videos__title {
margin-bottom: 40px;
}
.section-title.team-video__title, .section-title.techs__block-title, .section-title.awards__section-name, .section-title.clients__section-name, .section-title.working-flow__title, .section-title.c-reviews__title {
margin-bottom: 60px;
}
.section-title.teams__title {
margin-bottom: 59px;
}
.section-title.different-angular__title {
margin-bottom: 60px;
}
.section-title.compare__block-title {
margin-bottom: 70px;
}
.about {
padding-top: 90px;
padding-bottom: 50px;
}
.article-title.process-article__title {
margin-bottom: 15px;
}
.article-title.scheme-item__number {
margin-right: 5px;
}
.process {
padding-top: 90px;
padding-bottom: 90px;
}
.process__image-wrapper {
max-width: 45%;
}
.process__article.process-article {
margin-left: 0;
padding-left: 30px;
}
.process-article__item {
margin-bottom: 30px;
}
.difference, .solution {
padding-top: 65px;
padding-bottom: 65px;
}
.article-item.about__article-item {
width: 47%;
}
.article-item__image.about__article-image {
margin-bottom: 30px;
}
.article-item__image.idea__image {
max-height: 250px;
}
.article-item__title.article-title.about__article-title {
margin-bottom: 25px;
}
.solution-article__image-wrapper {
height: 130px;
margin-bottom: 30px;
}
.influence {
padding-top: 90px;
padding-bottom: 90px;
}
.influence__image {
width: 45%;
}
.difference-table__header {
z-index: 90;
width: 100%;
background-color: #edf6ff;
border-bottom-style: none;
position: -webkit-sticky;
position: sticky;
top: 49px;
bottom: auto;
left: 0;
right: 0;
}
.difference-table__header-cell {
width: 33.33%;
text-align: left;
justify-content: flex-start;
align-self: center;
padding-left: 0;
}
.difference-table__header-cell.difference-table__header-cell_first-child {
display: none;
}
.difference-table__header-text {
font-size: 15px;
}
.difference-table__header-text.first_cell {
margin-left: 0;
}
.difference-table__row {
flex-wrap: wrap;
margin-top: 30px;
padding-top: 0;
padding-bottom: 0;
}
.difference-table__cell {
width: 33.33%;
padding: 12px 0;
}
.difference-table__cell.description-cell {
width: 100%;
border-bottom-style: none;
border-bottom-color: #eee;
border-right-style: none;
flex: none;
padding: 0;
}
.difference-table__cell-text {
text-align: left;
font-weight: 500;
}
.description-cell__title {
font-size: 1rem;
font-weight: 600;
}
.description-cell__paragraph {
margin-top: 15px;
font-size: 14px;
}
.description-cell__header {
border-bottom: 1px solid rgba(238, 238, 238, .93);
padding-top: 15px;
padding-bottom: 15px;
padding-right: 60px;
}
.description-cell__paragraph--wrapper {
margin-top: 0;
}
.sticky-header__position {
height: 50px;
}
.clients-wrapper {
padding: 90px 0;
}
.clients__title {
display: flex;
}
.clients__list.clients-list {
flex-flow: wrap;
}
.clients-list__item {
width: 26%;
max-width: 100%;
margin-bottom: 30px;
}
.lead-box__controls {
justify-content: center;
align-self: auto;
align-items: center;
}
.difference-table__cell-icon-wrapper {
justify-content: flex-start;
}
.description {
padding-top: 90px;
padding-bottom: 90px;
}
.description__content {
align-items: center;
}
.description__image-wrapper {
width: 47%;
max-width: 47%;
}
.description__article {
width: 55%;
margin-left: 0;
padding-left: 30px;
}
.popup-layout.request-popup__layout {
align-items: flex-start;
padding: 40px;
overflow: scroll;
}
.contact-popup {
width: 100%;
overflow: visible;
}
.contact-popup__content {
position: relative;
}
.rules-articles {
padding-top: 70px;
}
.questions, .questions.questions--white {
padding-top: 90px;
padding-bottom: 90px;
}
.questions__table.questions-table {
margin-bottom: 0;
}
.table-question__header {
padding-right: 40px;
}
.table-question__title {
font-size: 1rem;
font-weight: 600;
}
.table-question__body {
padding-right: 40px;
}
.values {
padding-top: 65px;
padding-bottom: 65px;
}
.values__list {
flex-wrap: wrap;
}
.values__item {
width: 45%;
margin-bottom: 30px;
}
.values__item.values__item_no-margin {
margin-bottom: 0;
}
.values__image-wrapper {
width: 60px;
}
.features {
padding-top: 65px;
padding-bottom: 65px;
}
.features__item {
margin-bottom: 50px;
}
.features__image-wrapper {
width: 90px;
}
.idea {
padding-top: 80px;
padding-bottom: 65px;
}
.job-steps {
padding-top: 65px;
padding-bottom: 65px;
}
.job-steps__scheme.job-scheme {
align-items: center;
}
.job-scheme__image-wrapper {
padding-right: 30px;
}
.positiions {
padding-top: 65px;
padding-bottom: 80px;
}
.positiion-item {
margin-bottom: 20px;
}
.positiion-item.positiion-item_last-child {
margin-bottom: 0;
}
.position__header {
height: 350px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.position__body {
margin-bottom: 60px;
}
.position__title-wrapper {
width: auto;
margin: auto;
}
.videos {
padding-top: 90px;
padding-bottom: 90px;
}
.video-item {
padding: 15px;
}
.video {
padding: 0;
}
.head-containrt.head-containrt-angular {
background-position: 100% 0, 0 0;
background-size: cover, cover;
}
.hero__image.hero__image-angular {
order: 1;
position: relative;
top: auto;
right: auto;
transform: none;
}
.hero__image.hero__image-angular.lazyload {
width: 60%;
align-self: center;
margin-left: 0;
margin-right: 0;
}
.hero__image.hero__image-angular.c-hero__image {
width: 50%;
max-height: 400px;
margin-bottom: 30px;
}
.difference-table__header-wrapper {
z-index: 9999999;
clear: none;
background-color: #fff;
border-bottom: .5px solid #eee;
position: -webkit-sticky;
position: sticky;
top: 60px;
bottom: auto;
}
.p-hero {
padding-top: 180px;
padding-bottom: 120px;
}
.p-cases {
padding-bottom: 120px;
}
.p-case {
margin-bottom: 80px;
padding-bottom: 60px;
}
.p-case__img-overlay {
margin-bottom: 20px;
}
.p-case__img-overlay.p-case__img-overlay_ph, .p-case__img-overlay.p-case__img-overlay_carment, .p-case__img-overlay.p-case__img-overlay_numinous, .p-case__img-overlay.p-case__img-overlay_nection {
height: 50vh;
}
.p-case__type {
margin-bottom: 10px;
}
.p-case__project {
margin-bottom: 5px;
}
.c-hero__case-type {
margin-bottom: 20px;
}
.c-hero__case-name {
margin-bottom: 60px;
}
.c-hero__case-title {
width: 100%;
}
.c-navigation {
margin-top: 25px;
margin-bottom: 25px;
}
.c-navigation__inner {
padding-top: 15px;
padding-bottom: 15px;
}
.c-block.c-block_last {
margin-bottom: 0;
}
.c-block__header {
padding-top: 80px;
padding-bottom: 80px;
}
.c-block__header-number {
margin-bottom: 5px;
}
.c-article {
margin-bottom: 80px;
}
.c-article.c-article_horizontal {
flex-direction: column;
}
.c-article__title {
margin-bottom: 40px;
}
.c-services__list-title {
margin-bottom: 20px;
}
.c-services__list-item {
margin-bottom: 10px;
}
.c-desktop__mockups {
margin-top: 60px;
}
.c-article__container.c-article__container_half {
width: 100%;
margin-bottom: 0;
}
.c-other {
padding-top: 80px;
padding-bottom: 80px;
}
.c-section-title {
margin-bottom: 60px;
}
.c-other__case {
border-width: 1px;
border-color: #f0f2f7;
}
.c-extension.c-extension_half {
width: 100%;
margin-top: 70px;
}
.p-hero__wrapper {
padding-top: 0;
}
.p-case__title {
line-height: 45px;
}
.header-menu {
z-index: 222;
height: 50px;
padding: 0;
}
.header-menu__inner {
align-items: center;
}
.header-menu__menu {
justify-content: center;
align-self: center;
}
.awards.awards_angular {
padding-bottom: 90px;
}
.awards.awards_angular.c-awards {
padding-top: 0;
padding-bottom: 90px;
}
.awards__inner {
padding-top: 0;
padding-bottom: 0;
}
.awards__title.awards__title_angular {
margin-top: 0;
margin-bottom: 70px;
font-size: 2.5rem;
font-weight: 600;
}
.awards__list {
flex-wrap: wrap;
justify-content: space-between;
}
.awards__list-item {
width: 33%;
flex: none;
justify-content: center;
margin-bottom: 20px;
}
.awards__list-item-img {
max-height: 100px;
transition: all .2s;
}
.awards__list-item-img:hover {
transform: scale(1.2);
}
.c-navbar, .c-site-menu {
display: none;
}
.site-header {
z-index: 202;
height: 50px;
background-color: rgba(0, 0, 0, 0);
padding: 0;
position: fixed;
}
.site-header.site-header_white {
height: auto;
}
.site-header.on-dark-bg {
display: none;
}
.site-header__inner {
height: auto;
max-height: 100%;
justify-content: space-between;
align-items: center;
margin-top: auto;
margin-bottom: auto;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
position: static;
}
.site-header__menu {
width: auto;
background-color: #fff;
border: 1px solid #e3eaef;
border-radius: 8px;
flex-direction: column;
align-self: flex-end;
align-items: flex-start;
margin-top: 10px;
margin-left: 40px;
margin-right: 40px;
padding: 24px 24px 8px;
}
.site-header__menu-link {
text-align: center;
margin-bottom: 16px;
padding: 0;
font-size: 18px;
font-weight: 500;
display: flex;
}
.site-header__menu-link.site-header__menu-link_white {
color: #333;
}
.site-header__menu-btn {
height: 100%;
min-height: 100%;
flex: 0 auto;
align-self: center;
align-items: stretch;
padding: 0;
display: flex;
}
.site-header__menu-btn.w--open {
color: #1791f2;
background-color: #fff;
}
.site-header__menu-btn.site-header__menu-btn_white {
color: #fff;
}
.site-header__menu-btn.site-header__menu-btn_white.w--open {
color: #1791f2;
}
.site-header__wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.cards-grid-container {
grid-column-gap: 20px;
}
.blog-author {
padding-top: 50px;
padding-bottom: 50px;
}
.blog-section__text {
margin-bottom: 50px;
}
.developers__title {
margin-bottom: 70px;
}
.developers {
padding: 90px 0;
}
.developers__inner {
text-align: left;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.developers__inner.c-developers__inner {
flex-direction: column-reverse;
align-items: center;
}
.slider-container {
text-align: left;
flex-flow: column;
}
.angular-developers__slide {
width: auto;
margin-bottom: 20px;
}
.difference-angular, .difference-angular.difference-angular--blue {
padding-top: 90px;
padding-bottom: 90px;
}
.different-angular-title {
flex: 0 auto;
margin-bottom: 70px;
}
.different-angular__container {
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
}
.different-angular__item {
width: 48%;
}
.compare {
padding-top: 90px;
padding-bottom: 90px;
}
.compare.left-column_block {
max-width: 100%;
margin-bottom: 80px;
padding-top: 0;
padding-bottom: 0;
}
.result, .questions-react {
padding-top: 90px;
padding-bottom: 90px;
}
.questions-angular__title {
margin-bottom: 70px;
}
.finish, .finish.c-finish {
padding-top: 90px;
padding-bottom: 90px;
}
.finish__title.finish__title {
margin-top: 0;
font-size: 2.3rem;
}
.working-flow.working-flow--blue {
padding-top: 90px;
padding-bottom: 90px;
}
.psd-angular-cf__slider-dot {
left: 10%;
}
.psd-angular-cf__slider-dot.psd-angular-cf__slider-dot2 {
left: 37%;
}
.psd-angular-cf__slider-dot.psd-angular-cf__slider-dot3 {
left: 64%;
}
.psd-angular-cf__slider-dot.psd-angular-cf__slider-dot4 {
left: 90%;
}
.psd-angular-cf__items {
flex-wrap: wrap;
}
.psd-angular-cf__item {
width: 49%;
margin-bottom: 20px;
}
.psd-angular-cf__item.psd-angular-cf__item--first {
width: 49%;
}
.teams, .teams.teams--blue {
padding-top: 90px;
padding-bottom: 90px;
}
.teams__people.c-teams__people {
width: 25%;
flex: none;
margin-right: 0;
padding-left: 15px;
padding-right: 15px;
}
.slide-nav {
bottom: -30px;
}
.blog-section__image-wrapper {
margin-top: 50px;
margin-bottom: 50px;
}
.team-video {
padding-top: 65px;
padding-bottom: 65px;
}
.team-video__paragraph-wrapper {
margin-bottom: 20px;
}
.team-video__paragraph-title {
margin-bottom: 10px;
}
.team-video__paragraph-text {
width: 80%;
}
.t-video {
margin-right: 40px;
}
.new-site-footer__bottom-container {
width: 100%;
flex-flow: column-reverse wrap;
align-items: flex-start;
padding-top: 20px;
padding-bottom: 20px;
}
.new-site-footer__bottom-left {
align-self: center;
}
.new-site-footer__bottom-center {
margin-bottom: 20px;
}
.new-site-footer__bottom-r {
width: 100%;
justify-content: center;
margin-bottom: 20px;
}
.new-site-footer__bottom-icon {
width: 40px;
height: 40px;
}
.new-site-footer__top-container {
width: 100%;
flex-direction: column;
align-items: center;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.new-site-footer__top-home {
margin-bottom: 40px;
margin-right: 0;
}
.new-site-footer__top-home.w--current {
margin-bottom: 0;
}
.new-site-footer__top-contacts {
grid-row-gap: 40px;
text-align: left;
flex-direction: column;
flex: none;
align-items: center;
margin-bottom: 0;
margin-right: 0;
display: flex;
}
.new-site-footer__top-contact-ceo {
margin-bottom: 0;
}
.new-site-footer__top-contact-ceo-h {
justify-content: center;
}
.new-site-footer__top-contact-ceo-phone, .new-site-footer__top-contact-ceo-email {
text-align: center;
}
.new-site-footer__top-about {
justify-content: center;
align-items: center;
margin-bottom: 0;
margin-right: 0;
padding-left: 0;
}
.new-site-footer__top-services {
align-items: center;
margin-bottom: 0;
margin-right: 0;
padding-left: 0;
}
.new-site-footer__top-hire {
justify-content: center;
align-items: center;
padding-left: 0;
}
.c-reviews, .techs {
padding-top: 90px;
padding-bottom: 90px;
}
.techs__list.techs-list {
flex-wrap: wrap;
align-content: flex-start;
justify-content: space-between;
}
.techs-list__column {
width: 30%;
}
.techs-list__item.tech-item {
margin-bottom: 50px;
}
.tech-item__header {
margin-bottom: 20px;
}
.tech-item__body {
padding-left: 0;
}
.tech-item__img-wrapper {
display: none;
}
.tech-item__name {
direction: ltr;
line-height: 30px;
}
.working-flow__block {
margin-top: 0;
}
.working-bar {
display: none;
}
.fake-header {
height: 60px;
}
.html-embed-3 {
width: 80%;
height: 400px;
margin-bottom: 40px;
}
.offer__item {
width: 47%;
margin-bottom: 40px;
padding-right: 0;
}
.estimate-input__button {
align-items: stretch;
}
.team-list__item.team-member {
padding-left: 5px;
padding-right: 5px;
}
.team-list__static, .team-list__hidden {
margin-bottom: 20px;
}
.team-list__inner {
margin-bottom: 10px;
}
.saas-dev-servise {
padding: 90px 0;
}
.saas-dev-servise__list-elem, .saas-dev-servise__list-elem.mb-90 {
margin-bottom: 60px;
}
.saas-solutions {
padding: 90px 0;
}
.saas-solutions__line {
margin-right: 30px;
}
.saas-solutions__list-item {
flex-direction: column;
}
.saas-solutions__list-item-imgs {
width: 400px;
margin-bottom: 30px;
margin-right: 0;
}
.saas-solutions__line-item {
left: -42px;
}
.reviesws {
padding: 90px 0;
}
.reviews__item {
width: auto;
margin-bottom: 20px;
padding-top: 5px;
}
.post-hero-content {
max-width: 100%;
margin-left: 0;
padding-bottom: 20px;
padding-left: 8px;
padding-right: 8px;
}
.section-4 {
padding: 24px 20px;
overflow: visible;
}
.section-4.post-hero-section {
height: 400px;
max-height: none;
min-height: 0;
background-image: none;
padding-left: 0;
padding-right: 0;
}
.section-4.no-padding {
padding: 0;
}
.section-4.hero {
min-height: 0;
padding-top: 112px;
padding-bottom: 112px;
}
.section-4.no-padding-vertical {
padding-bottom: 0;
}
.section-4.top-section {
margin-top: 0;
}
.section-4.post_section {
padding-left: 20px;
padding-right: 20px;
}
.wrapper {
overflow: visible;
}
.post-content {
width: 100%;
flex: 0 auto;
}
.post-subscribe {
margin-left: 8px;
margin-right: 8px;
}
.grid-mini {
grid-column-gap: 16px;
grid-template-columns: repeat(auto-fit, minmax(40vw, 1fr));
margin-left: 8px;
margin-right: 8px;
}
.post-wrapper {
flex-wrap: wrap;
padding-top: 24px;
overflow: visible;
}
.sidebar {
width: 50%;
margin-left: 0;
margin-right: auto;
padding-top: 64px;
padding-left: 8px;
padding-right: 8px;
}
.header-2 {
font-size: 18px;
line-height: 28px;
}
.banner-sidebar {
margin-left: auto;
margin-right: auto;
}
.sidebar-block.sticky {
position: static;
}
.post {
width: 100%;
order: -1;
padding-left: 0;
padding-right: 0;
}
.post-rich-text {
text-align: left;
}
.post-rich-text.text_narrow {
max-width: none;
}
.post-rich-text img {
object-fit: cover;
}
.post-more {
padding-left: 8px;
padding-right: 8px;
}
.post-share {
width: 104px;
align-items: flex-end;
padding-left: 0;
padding-right: 10px;
}
.header-block.side-margins, .header-block.side-margins-copy, .header-block.side-margins-copy-copy {
margin-left: 8px;
margin-right: 8px;
}
.grid-medium {
grid-column-gap: 16px;
grid-template-columns: repeat(auto-fit, minmax(40vw, 1fr));
margin-left: 8px;
margin-right: 8px;
}
.thumbnail-medium {
height: 35vw;
}
.post-card {
background-color: #fff;
}
.blog-container {
padding-top: 0;
}
.grid-full-big {
grid-template-columns: repeat(auto-fit, 50%);
}
.post-card-v3-big {
height: 60vw;
min-height: 0;
background-color: #fff;
}
.page-intro {
max-width: 80vw;
}
.breadcrumbs {
margin-top: 8px;
margin-left: 8px;
margin-right: 8px;
font-size: 10px;
}
.side-posts {
width: 100%;
flex: 0 auto;
}
.empty-state {
margin-left: 8px;
margin-right: 8px;
}
.content-with-sidebar {
flex-wrap: wrap;
}
.grid-list {
margin-left: 8px;
margin-right: 8px;
}
.sidebar-category:hover {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4);
}
.post-v3-content {
padding-left: 24px;
padding-right: 32px;
}
.post-v3-thumbnail {
width: 34vw;
height: 26vw;
}
.post-v3-card {
background-color: #fff;
}
.post-summary {
font-size: 12px;
line-height: 20px;
}
.s-hero {
margin-left: 0;
margin-right: 0;
}
.s-container {
max-width: none;
padding-left: 40px;
padding-right: 40px;
display: block;
}
.s-hero__inner {
width: auto;
margin-top: 140px;
}
.s-title {
width: 100%;
max-width: none;
font-size: 55px;
font-weight: 900;
}
.s-title.words-in-tittle {
width: auto;
}
.s-title.words-in-tittle.blue-text {
margin-bottom: 0;
}
.s-hero__tips {
width: 100%;
flex-wrap: wrap;
}
.s-hero__tip {
margin-bottom: 7px;
}
.tip__name {
width: auto;
font-size: .8rem;
}
.s-hero__wheel {
display: none;
top: 219px;
right: 11%;
overflow: visible;
}
.s-hero__buttons {
margin-bottom: 0;
}
.s-button.new-button {
margin-top: 20px;
position: static;
top: 17px;
}
.s-hero__partners {
justify-content: center;
}
.s-hero__partner-logo {
max-width: 15%;
margin-left: 0;
}
.s-hero__partner-logo.da-vinvci {
max-width: 20%;
margin-right: 0;
}
.left-column {
width: 100%;
max-width: 100%;
padding-right: 0;
}
.right-column {
width: 100%;
border-radius: 13px;
margin-top: 0;
margin-bottom: 40px;
padding: 40px;
}
.two-columns {
display: block;
}
.developers-cards-carousel.left-column_block {
max-width: 100%;
margin-top: 80px;
margin-bottom: 80px;
}
.h4 {
margin-bottom: 2px;
}
.faq.left-column_block {
max-width: 100%;
}
.our-apps_grid_content {
padding: 30px;
}
.ur-apps_grid_project-name {
font-size: 18px;
}
.revealing-arrows {
display: none;
}
.our-works_block, .text_block {
max-width: 100%;
}
.plain-text {
font-size: 14px;
}
._2-clm-section {
background-color: #fff;
background-image: none;
padding-left: 40px;
padding-right: 40px;
}
.blue-banner_block {
max-width: 100%;
margin-bottom: 80px;
}
.blue-banner_block.blue-banner_mobile {
display: none;
}
.blue-banner_image {
top: auto;
bottom: auto;
left: auto;
right: -152px;
}
.developers-card_person-details {
flex: 0 auto;
align-self: center;
}
.developers-card_description_p {
font-size: 14px;
}
.developer-skill {
padding-top: 3px;
padding-bottom: 3px;
}
.developers-cards_slider {
margin-bottom: 0;
padding-bottom: 0;
overflow: visible;
}
.developers-cards_slider_nav {
margin-top: -94px;
top: 474px;
bottom: 9px;
}
.developers-cards_slider_arrow.slider_arrow_right {
width: 50px;
height: 50px;
bottom: -5%;
right: 35%;
}
.developers-cards_slider_arrow.slider_arrow_left {
width: 50px;
height: 50px;
bottom: -5%;
left: 35%;
}
.our-awards_block {
margin-top: 60px;
}
.review-on-clutch_image {
margin-top: 0;
margin-bottom: 15px;
}
.review_stars.home-new-review {
margin-top: 10px;
position: static;
}
.review_rating-category_wrapper {
grid-template-columns: .25fr .75fr;
}
.s-title-cta {
font-size: 50px;
}
.wings-circle_image {
width: 350px;
margin-right: 23px;
}
.card-slider_icon {
width: 40px;
height: 40px;
}
.page-container_table_header {
border-radius: 7px;
padding-left: 0;
padding-right: 0;
}
.s-text {
font-size: 14px;
}
.x-stack_pannel {
margin-top: 40px;
}
.x-stack_tab_text {
font-size: 13px;
}
.tech-category_wrapper.case-page-tech-block {
padding-bottom: 10px;
}
.tech-tittle {
display: block;
}
.x-stack_clmn {
flex-direction: column;
display: flex;
}
.service-flow_stage {
align-self: flex-end;
}
.form_grid {
grid-template-columns: 1.3fr;
}
.vikroria-in-circle_image {
top: 0%;
bottom: auto;
left: 0%;
right: auto;
}
.s-button-new.new-button {
margin-top: 20px;
position: static;
top: 17px;
}
.normal-text.developers-card_description_p {
font-size: 1rem;
}
.normal-text.hero-text {
font-size: 16px;
line-height: 26px;
}
.tip__name-copy {
width: auto;
font-size: .8rem;
}
.small-text.developers-card_description_p {
color: #9da8af;
margin-top: 0;
}
.header_background {
width: 100%;
height: 62px;
max-height: none;
background-color: #edf6ff;
padding-bottom: 0;
padding-right: 0;
display: none;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.tip__name-2 {
width: auto;
font-size: .8rem;
}
.s-hero__partners_image {
height: 25px;
}
.developers-cards_slider_nav-2 {
margin-top: -94px;
top: 474px;
bottom: 9px;
}
.tech-tittle-2 {
display: block;
}
._2-clm-section-2 {
background-color: #fff;
background-image: none;
padding-left: 40px;
padding-right: 40px;
}
.developer-skill-2 {
padding-top: 3px;
padding-bottom: 3px;
}
.blue-banner_block-2 {
max-width: 100%;
margin-bottom: 80px;
}
.blue-banner_block-2.blue-banner_mobile {
display: none;
}
.small-text-2.developers-card_description_p {
color: #9da8af;
margin-top: 0;
}
.right-column-2 {
width: 100%;
border-radius: 13px;
margin-top: 0;
margin-bottom: 40px;
padding: 40px;
}
.normal-text-2.developers-card_description_p {
font-size: 1rem;
}
.normal-text-2.overwiew-item_text {
max-width: none;
}
.normal-text-2.project-overview_text {
width: auto;
}
.x-services_collection_wrapper {
padding-left: 0;
}
.x-services_collection_list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.x-services_collection_item {
padding-left: 0;
padding-right: 20px;
}
.screenshots_wrapper_btns.slider-home-new {
top: 30px;
}
.input_form_block-2 {
padding-top: 50px;
}
.plain-text-2 {
font-size: 14px;
}
.block_section {
margin-top: 64px;
margin-bottom: 48px;
}
.block_section.hero-section {
margin-top: 0;
}
.block_section.video-section {
height: 100vh;
min-height: 536px;
margin-bottom: 0;
}
.block_section.video-section.our-cases {
height: auto;
}
.block_section.our-priority {
margin-top: 0;
padding-top: 0;
}
.block_section.our-levels {
margin-bottom: 48px;
}
.block_section.segment-focus {
margin-bottom: 40px;
}
.block_section.missions-section {
display: none;
}
.block_section.video-section-career {
height: 100vh;
background-position: 50%;
margin-bottom: 46px;
}
.block_section.form-section-copy {
padding-bottom: 32px;
}
.block_section.testimonials-header {
margin-top: 20px;
}
.block_section.image-section-refer {
height: 100vh;
background-position: 50%;
margin-bottom: 0;
}
.block_section.your-profit-section {
margin-top: 48px;
}
.block_section.image-section-refer-bottom {
height: 100vh;
background-position: 50%;
margin-bottom: 0;
}
.block_section.case-header-section {
min-height: 620px;
background-image: none;
justify-content: space-around;
margin-top: 0;
padding-top: 100px;
padding-bottom: 0;
}
.block_section.case-header-section.case-curator {
padding-bottom: 0;
}
.block_section.case-header-section.achq-case {
padding-bottom: 20px;
}
.content-container {
z-index: 3;
max-width: none;
margin-top: 0;
padding: 0 40px;
position: relative;
}
.content-container.modal-container {
padding-bottom: 0;
}
.content-container.home-header-container {
z-index: auto;
margin-top: 0;
overflow: visible;
}
.content-container.sd-card.sd-solutions-container {
padding-top: 40px;
padding-bottom: 40px;
}
.content-container.sd-card.sd-outcome {
padding-top: 40px;
}
.content-container.introduction_sections {
padding-left: 40px;
padding-right: 40px;
}
.our-cases__title {
line-height: 50px;
}
.our-cases__title.block2 {
font-size: 2rem;
}
.cta-bottom_button {
margin-top: 40px;
}
.image-awward {
width: 64px;
}
.image-15 {
max-width: none;
opacity: .26;
top: 8%;
left: -26%;
}
.image-15.background-bottom {
height: auto;
opacity: .32;
display: block;
left: -166px;
}
.image-15.background-bottom.cropped {
display: none;
}
.image-15.hero-back {
width: 140%;
position: relative;
left: -91px;
right: auto;
}
._50percents_wrapper {
flex-wrap: nowrap;
}
._50percents_wrapper.grey-bg {
background-color: rgba(0, 0, 0, 0);
padding-left: 0;
}
.percents_text {
margin-left: 10px;
}
.percents_text.bold-text-13 {
font-size: 10px;
}
.rectangle_line {
padding-left: 0;
}
.technologies_grid {
grid-template-rows: auto;
margin-bottom: 26px;
}
.technologies_wrapper_columns {
grid-row-gap: 15px;
grid-template-columns: 1fr 1fr;
}
.technologies_wrapper_columns._2-items {
grid-template-columns: 1fr;
}
.numbers_block_item {
flex-wrap: wrap;
padding: 18px;
}
.percents-image {
width: 85px;
height: 85px;
margin-top: auto;
margin-bottom: 11px;
position: static;
bottom: 0;
}
.technologies_column {
flex-wrap: nowrap;
padding-top: 15px;
padding-bottom: 15px;
}
.technology_tittle {
font-size: 13px;
line-height: 15px;
}
.technology_tittle.longer {
width: auto;
}
.label-with-arrow {
flex-wrap: nowrap;
}
.heading-15 {
width: auto;
justify-content: flex-start;
font-size: 1rem;
display: flex;
}
.client-logo_image {
height: 30px;
}
.people-focus_content {
margin-bottom: 40px;
}
.people-focus_conteiner {
display: block;
}
.subheading.developers-card_description_p {
font-size: 1rem;
}
.team-collection_list {
grid-column-gap: 12px;
grid-row-gap: 14px;
}
.team-collection_item {
width: auto;
}
.team-members_image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
._50percents_wrapper_line {
padding-left: 10px;
}
.heading-16 {
font-size: 1rem;
}
.action-button-career.lead-box__request-btn {
margin-right: 10px;
}
.action-button-career.lead-box__request-btn.angular-developers__btn {
justify-content: flex-start;
margin-bottom: 10px;
top: auto;
bottom: -110px;
left: 0%;
right: 0%;
}
.action-button-career.position__apply {
flex-basis: auto;
}
.action-button-career.action-button__blue-border.sticky-header__action-btn {
width: auto;
max-width: 300px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
}
.action-button-career.action-button__blue-border.sticky-header__action-btn.sticky-header__action-btn_hide-opened {
width: auto;
display: flex;
}
.action-button-career.action-button__white-border.sticky-header__action-btn.sticky-header__action-btn_white {
display: none;
}
.action-button-career.lead-box__btn {
flex: 1;
margin-left: 5px;
margin-right: 5px;
}
.action-button-career.action-button__blue-border.sticky-header__action-btn {
width: auto;
max-width: 300px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
}
.quick-hero-container {
height: 91vh;
padding-top: 160px;
}
.overview-item_wrapper {
margin-bottom: 30px;
}
.overview-item_heading {
margin-bottom: 10px;
}
.overview-item_length_wrapper {
flex-wrap: wrap;
}
.tag-item, .tag-item.first {
margin-bottom: 11px;
}
.link-btn {
margin-bottom: 8px;
}
.overview-items_wrapper2 {
margin-top: 0;
padding-top: 180px;
padding-left: 30px;
}
.technologies-grid_wrapper {
grid-row-gap: 0px;
}
.project-overview_description {
width: 200px;
min-width: 300px;
margin-top: 0;
margin-right: 0;
}
.project-overview_description.sticky {
margin-right: -24px;
top: 20px;
}
.tags_wrapper {
flex-wrap: wrap;
}
.screen_collection_slider_btns.slider-home-new {
top: 30px;
}
.screenshot_image {
height: 300px;
}
.project-overview_content_wrapper {
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.screenshots_wrapper.desctop-screenshots {
margin-top: -293px;
}
.image-19 {
width: 100%;
max-width: none;
}
.technology_tittle-copy {
font-size: 13px;
line-height: 15px;
}
.technology_tittle-copy.longer {
width: auto;
}
.client-feedback_wrapper {
grid-template-columns: .75fr .75fr;
}
.feedback_stars.home-new-review {
margin-top: 10px;
position: static;
}
.feedback-details_wrapper {
padding-left: 35px;
}
.sticky-right-block {
height: 1250px;
align-items: stretch;
}
.sticky-right-block.admin-part, .sticky-right-block.admin-part-copy {
height: 1300px;
}
.sticky-left-block {
height: 1250px;
}
.sticky-left-block.admin-part {
height: 1000px;
flex: 1;
align-items: stretch;
}
.sticky-left-block.admin-part-block {
height: 1500px;
}
.image-21 {
width: 100%;
max-width: none;
}
.overview-grid {
grid-column-gap: 36px;
grid-template-columns: 1fr 1fr;
}
.interface-parts_columns {
grid-column-gap: 15px;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
}
.sticky-left-clmn {
height: 100%;
align-items: stretch;
}
.sticky-left-clmn.admin-part, .sticky-left-clmn.admin-part-copy {
height: 1300px;
}
.sticky-right-clmn {
height: auto;
}
.sticky-right-clmn.admin-part {
height: 1880px;
}
.hero-tittle_wrapper {
margin-bottom: 14px;
}
.ac-img-container {
padding: 52px 22px 42px;
}
.ac-img-container.none {
padding: 42px 72px;
}
.ac-img-container__close {
width: 40px;
height: 40px;
font-size: 36px;
top: 10px;
right: 10px;
}
.expand-hide_button.new-button {
margin-top: 20px;
position: static;
top: 17px;
}
.carmen-user_wrapper {
padding: 20px;
}
.carmen-user_heading {
margin-top: 20px;
font-size: 15px;
}
.carmen-user_image {
width: 60px;
height: 60px;
object-fit: cover;
}
.project-part_description {
margin-top: 0;
}
.project-part_description.sticky {
margin-right: -24px;
top: 20px;
}
.tetiary_btn_mobile-part {
margin-top: 30px;
margin-bottom: 8px;
}
.project-services_wrapper {
margin-top: 0;
}
.project-services_wrapper.sticky {
margin-right: -24px;
top: 20px;
}
.project-part_description_wrapper {
height: auto;
max-height: none;
margin-top: 0;
margin-right: 0;
padding-right: 0;
}
.project-part_description_wrapper.sticky {
margin-right: -24px;
top: 20px;
}
.interface-parts_columns-copy {
grid-column-gap: 15px;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
}
.project-pars_grid_wrapper {
grid-column-gap: 0px;
grid-row-gap: 35px;
grid-template-columns: 1fr;
}
.mobile-part_grid {
grid-column-gap: 31px;
}
.small-text-2-copy.developers-card_description_p {
color: #9da8af;
margin-top: 0;
}
.normal-text-semi-bold.developers-card_description_p {
font-size: 1rem;
}
.tetiary_btn_autotablet-part, .tetiary_btn_admin-part {
margin-bottom: 8px;
}
.grid-13 {
margin-bottom: 40px;
}
.project-summary_description {
margin-top: 0;
}
.project-summary_description.sticky {
margin-right: -24px;
top: 20px;
}
.icon-4 {
font-size: 35px;
}
.reviews_list_slider {
height: auto;
max-width: none;
}
.screenshot_image-container {
height: auto;
min-width: auto;
}
.project-parts_columns_nection {
grid-template-columns: 1fr 1fr;
}
.project-part_subtittle {
font-size: 14px;
}
.project-feature_wrapper, .project-feature_wrapper.first {
margin-top: 40px;
}
.feature-icon_wrapper {
width: 50px;
height: 50px;
margin-bottom: 10px;
}
.image-26 {
width: 30px;
height: 30px;
}
.feature-descr_wrapper {
margin-top: 0;
}
.tetiary_btn_reminders-part {
margin-top: 30px;
margin-bottom: 8px;
}
.grid-14 {
grid-column-gap: 42px;
}
.project-feature_with-img_wrapper {
justify-content: space-between;
}
.image-28 {
position: relative;
top: auto;
bottom: 0;
}
.content-conteiner_other-cases {
z-index: 3;
max-width: none;
padding: 0 40px 100px;
position: relative;
}
.cta-content_wrapper {
max-width: none;
grid-row-gap: 44px;
grid-template-columns: 1fr;
}
.project-feature_with-img_wrapper-_empty {
justify-content: space-between;
}
.project-part_description_static {
margin-top: 0;
}
.project-part_description_static.sticky {
margin-right: -24px;
top: 20px;
}
.tetiary_btn_desktom-photobell-part {
margin-bottom: 8px;
}
.sticky-right-clmn_photobell {
height: auto;
}
.sticky-right-clmn_photobell.admin-part {
height: 1880px;
}
.project-overview_description-copy {
width: auto;
min-width: 300px;
margin-top: 0;
margin-right: 0;
}
.project-overview_description-copy.sticky {
margin-right: -24px;
top: 20px;
}
.tetiary_btn_mobile-nection {
margin-top: 30px;
margin-bottom: 8px;
}
.mob-nection-part_wrapper, .numinous-part_wrapper {
align-items: center;
}
.tertiary_btn_numinous {
margin-top: 30px;
margin-bottom: 8px;
}
.body-14 {
margin-left: 0;
margin-right: 0;
padding-top: 40px;
}
.case-hero-container {
height: 91vh;
justify-content: flex-start;
padding-top: 160px;
padding-left: 40px;
padding-right: 40px;
}
.case-hero_content_wrapper, .case-content_wrapper {
align-items: flex-start;
}
.case-images_wrapper {
display: none;
}
.scroll-progress_indicator_wrapper {
margin-left: auto;
}
.input_form_block_wrapper {
padding-top: 0;
}
.grid-medium-small {
grid-column-gap: 16px;
grid-template-columns: repeat(auto-fit, minmax(40vw, 1fr));
margin-left: 8px;
margin-right: 8px;
}
.body-16 {
padding-top: 20px;
}
.post-more-dynemic {
padding-left: 8px;
padding-right: 8px;
}
.content-conteiner-cta {
z-index: 3;
max-width: none;
padding: 0 40px 120px;
position: relative;
}
.t-video_2 {
margin-right: 0;
}
.blogs-body {
grid-template-columns: 1fr;
grid-auto-flow: row;
margin-top: 0;
}
.blogs-list-popular {
margin-left: auto;
margin-right: auto;
display: none;
}
.popular-list-wrapper.popular-posts-wrapper {
display: none;
}
.blog-title.blog-title-hero.blog-title-main:hover {
text-decoration: none;
}
.hero-section {
margin-bottom: 4rem;
}
.blog-items-wrapper {
margin-top: 0;
}
.search-input {
width: 100%;
}
.blog-hero-wrapper {
padding-top: 5rem;
}
.grid-19 {
display: none;
}
.div-block-20.slider-post-wrapper {
height: 85vh;
}
.left-arrow-4, .right-arrow-4 {
display: none;
}
.slider-6 {
height: 85vh;
display: block;
}
.collection-item-8 {
display: block;
}
.mask-2 {
height: 100%;
}
.normal-text-copy.developers-card_description_p {
font-size: 1rem;
}
.post-hero-content-new {
max-width: 100%;
margin-top: -142px;
margin-left: 0;
margin-right: auto;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.body-17 {
margin-left: 0;
margin-right: 0;
padding-top: 40px;
}
.cta_in-rich-text_content-wrapper {
max-width: 100%;
padding: 36px;
}
.cta_in-rich-text {
max-width: 100%;
flex-direction: column;
}
.cta_in-rich-text_img {
margin-top: -92px;
display: none;
}
.post-link_in-rich-text {
height: auto;
max-width: 100%;
}
.post-link_in-rich-text_img-500 {
width: 150px;
height: 100%;
max-width: 150px;
min-width: 150px;
object-fit: cover;
}
.post-link_in-rich-text_content-wrapper {
max-width: 100%;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.read-more_text {
max-width: 100%;
}
.article-name_text {
max-width: 100%;
font-size: 20px;
}
.post-link_in-rich-text_content {
width: auto;
flex-flow: column;
flex: 0 auto;
order: 0;
align-content: flex-start;
align-items: flex-start;
display: flex;
}
.div-block-23 {
width: auto;
}
.post-link_in-rich-text_img-1600 {
width: auto;
height: 100%;
max-width: 200px;
min-width: 0;
object-fit: cover;
}
.faq-blog_wrapper {
margin-top: 0;
}
.faq-blog_wrapper.sticky {
margin-right: -24px;
top: 20px;
}
.body-18 {
padding-top: 50px;
}
.page-container-2.blog-page-container {
padding-left: 20px;
padding-right: 20px;
}
.hero-article_wrapper, .hero-article_collection_wrapper {
margin-bottom: 0;
}
.body-19 {
padding-top: 60px;
}
.collection-item-9 {
margin-bottom: 60px;
}
.banner-sidebar-service {
margin-left: auto;
margin-right: auto;
}
.s-banner__tip {
margin-bottom: 7px;
}
.s-banner_tip__name {
width: auto;
font-size: .8rem;
}
.section-title-copy.about__title, .section-title-copy.process__title, .section-title-copy.difference__title {
margin-bottom: 40px;
}
.section-title-copy.solution__title {
margin-bottom: 30px;
}
.section-title-copy.description__title {
margin-bottom: 40px;
}
.section-title-copy.questions__title, .section-title-copy.values__title, .section-title-copy.features__title, .section-title-copy.job-steps__title, .section-title-copy.positiions__title {
margin-bottom: 60px;
}
.section-title-copy.videos__title {
margin-bottom: 40px;
}
.section-title-copy.team-video__title, .section-title-copy.techs__block-title, .section-title-copy.awards__section-name, .section-title-copy.clients__section-name, .section-title-copy.working-flow__title, .section-title-copy.c-reviews__title {
margin-bottom: 60px;
}
.section-title-copy.teams__title {
margin-bottom: 59px;
}
.section-title-copy.different-angular__title {
margin-bottom: 60px;
}
.section-title-copy.compare__block-title {
margin-bottom: 70px;
}
.about-us_body {
width: 80%;
}
.contact-us, .values_section {
padding-top: 65px;
padding-bottom: 65px;
}
.heading-27 {
text-align: left;
}
.background-video {
width: 100%;
height: 80vh;
}
.div-block-30 {
margin-top: 100px;
}
.background-video-2 {
height: 100%;
min-height: 700px;
flex: none;
}
.text-span-6 {
font-size: 32px;
}
.div-block-31 {
margin-left: 16px;
margin-right: 16px;
padding: 1px 24px 24px;
}
.navbar-2 {
justify-content: center;
align-items: center;
margin-top: 16px;
display: flex;
}
.body-20 {
padding-top: 0;
}
.div-block-32 {
width: 100%;
height: 48px;
background-color: #fff;
border-width: 1px;
border-radius: 8px;
justify-content: space-between;
align-items: center;
padding-left: 24px;
padding-right: 24px;
display: flex;
box-shadow: 1px 1px 3px rgba(103, 121, 138, .09);
}
.menu-logo {
width: 100px;
}
.menu-logo.menu-logo-mobile {
display: block;
}
.menu-button-2 {
padding: 0 14px;
}
.icon-8 {
font-size: 30px;
}
.hero-awards__text {
display: none;
}
.awards_collection_item-new {
flex: none;
padding: 0;
}
.awards_collection--new {
grid-row-gap: 40px;
justify-content: space-around;
}
.hero-awards-new {
margin-top: 23px;
margin-bottom: 23px;
padding-bottom: 18px;
transform: translate(0);
}
.grid-22 {
grid-row-gap: 0px;
grid-template-rows: auto;
}
.sbusiness-of-year__caption {
grid-row-gap: 0px;
}
.text-block-38 {
display: none;
}
.our-priority__wrapper {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
.our-priority__ratings {
width: 100%;
grid-column-gap: 44px;
justify-content: center;
}
.text-block-41 {
max-width: 80px;
}
.section-header {
margin-bottom: 35px;
font-size: 36px;
}
.section-header.form-section__hrader, .section-header.form-section__hrader-copy {
font-size: 40px;
}
.section-header.main-form-header, .section-header.main-form-header-copy {
margin-top: 32px;
margin-bottom: 0;
}
.our-focus__items__item {
width: 350px;
}
.our-levels__content__icon {
flex: none;
}
.expertise-items {
flex-wrap: wrap;
}
.segment-focus__item, .grid-24 {
border-radius: 8px;
}
.heading-30 {
font-size: 40px;
line-height: 48px;
}
.expectations__steps {
flex-direction: column;
display: flex;
}
.expectations__steps__item {
flex-direction: column;
}
.expectations__steps__item-text {
padding-left: 32px;
}
.image-51 {
display: none;
}
.packages-items {
flex-direction: column;
}
.packages-items__item {
max-height: 88px;
max-width: none;
flex-direction: column;
overflow: hidden;
}
.packages-items__item.packages-items__item--active {
max-height: 1050px;
max-width: none;
transition: max-height 1.2s, max-width .6s;
}
.packages-items__item-aside {
width: 100%;
min-height: auto;
min-width: auto;
grid-column-gap: 24px;
justify-content: flex-start;
align-items: center;
padding: 18px 47px;
}
.packages-items__item-content {
width: 100%;
max-width: none;
}
.packages-items__item-content.closed {
padding-top: 0;
padding-bottom: 0;
}
.text-block-52 {
white-space: normal;
position: static;
transform: none;
}
.recomendation-icon {
flex: none;
}
.slider-7 {
flex: 1;
align-items: flex-start;
}
.text-block-57 {
font-size: 24px;
line-height: 36px;
}
.text-block-58 {
font-size: 14px;
line-height: 19px;
}
.custom-cms-slider {
padding-bottom: 64px;
}
.custom-cms-slider__controls {
bottom: 24px;
left: 48px;
right: auto;
}
.form-block-2 {
flex-direction: column;
align-items: center;
margin-top: 0;
}
.image-59 {
width: 276px;
top: 0%;
bottom: auto;
left: auto;
right: 50%;
transform: translate(50%, 95px);
}
.victoria-card {
width: 358px;
order: 0;
align-self: center;
margin-top: 340px;
margin-bottom: 53px;
}
.form-modal__content {
max-height: 718px;
max-width: 830px;
padding: 46px 80px;
}
.form-block-2-copy {
flex-direction: column;
align-items: center;
margin-top: 0;
}
.image-59-copy {
width: 276px;
top: auto;
bottom: 323px;
left: auto;
right: 50%;
transform: translate(50%, 190px);
}
.form-3-copy {
grid-row-gap: 24px;
}
.form-section-tips-copy {
margin-bottom: 16px;
}
.mission-section {
width: 100%;
justify-content: space-between;
display: none;
}
.text-block-68 {
font-size: 20px;
line-height: 36px;
}
.missions-section__item.vision-mission-item, .missions-section__item.mission-mission-item {
display: block;
}
.missions-section__item-header {
padding-left: 24px;
padding-right: 24px;
}
.missions-section__item-header.about-us-7 {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.text-block-70 {
padding-left: 70px;
font-size: 16px;
line-height: 22px;
}
.mission-toggle {
display: none;
}
.missions-section__item-content {
padding: 24px;
}
.text-block-72 {
font-size: 16px;
line-height: 26px;
}
.background-video-career {
height: 100vh;
}
.div-block-30-copy {
margin-top: 0;
}
.text-span-6-copy {
font-size: 32px;
}
.section-header-copy {
margin-top: 32px;
margin-bottom: 35px;
font-size: 36px;
}
.section-header-copy.form-section__hrader, .section-header-copy.form-section__hrader-copy {
font-size: 40px;
}
.growth-header {
margin-bottom: 35px;
font-size: 36px;
}
.growth-header.form-section__hrader, .growth-header.form-section__hrader-copy {
font-size: 40px;
}
.teambuildings-header {
margin-bottom: 35px;
font-size: 36px;
}
.teambuildings-header.form-section__hrader, .teambuildings-header.form-section__hrader-copy {
font-size: 40px;
}
.team-building-videos {
flex-direction: column;
align-items: center;
}
.team-building-videos-item {
width: 558px;
}
.text-block-77 {
white-space: normal;
}
.video-2 {
width: 100%;
height: 64px;
flex-direction: column;
align-items: flex-end;
}
.team-building-video-wrapper {
height: auto;
}
.active-jobs {
flex-wrap: wrap;
}
.active-jobs__item {
max-width: 550px;
}
.div-block-30-copy {
margin-top: 58px;
}
.success-message-3, .success-message-4 {
margin-top: 0;
}
.page-container-copy {
width: 100%;
border-radius: 7px;
justify-content: flex-end;
padding-left: 40px;
padding-right: 40px;
}
.image-73 {
left: 24px;
}
.form-section-tips-copy-copy {
margin-bottom: 16px;
}
.victoria-card-copy {
width: 358px;
order: -1;
align-self: center;
margin-top: 380px;
margin-bottom: 53px;
}
.your-profit {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-direction: column;
}
.awards_collection--new-copy {
grid-row-gap: 40px;
justify-content: flex-start;
}
.awards_collection_item-new-copy {
flex: none;
padding: 0;
}
.image-awward-copy {
width: 64px;
}
.case-header-content {
min-width: auto;
grid-row-gap: 40px;
flex-flow: column wrap;
justify-content: space-around;
align-items: flex-start;
margin-top: auto;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.case-header-content.quik-case {
justify-content: space-around;
padding-left: 0;
padding-right: 0;
}
.heading-32 {
text-align: center;
font-size: 42px;
line-height: 50px;
}
.heading-32.quik-case {
text-align: center;
}
.heading-32.quik-case.our-cases-case__header {
text-align: left;
margin-bottom: 48px;
}
.heading-33 {
text-align: center;
padding-left: 16px;
padding-right: 16px;
font-size: 18px;
line-height: 30px;
}
.heading-33.quik-case {
max-width: 100%;
text-align: center;
}
.heading-33.our-cases-case__sub-header {
text-align: left;
margin-bottom: 48px;
}
.case-header-content__review {
width: 100%;
}
.grid-25 {
flex-direction: column;
display: flex;
}
.sd-card.sd-what-we-use.case-social-curator-grid__card, .sd-card.sd-emoji-block-horizontal {
flex-direction: column;
}
.div-block-44 {
grid-row-gap: 24px;
flex-direction: column;
align-items: center;
}
.text-block-93 {
max-width: none;
}
.sd-competencies__row.achq-case {
flex-wrap: wrap;
justify-content: center;
}
.sd-challenges, .div-block-46 {
flex-direction: column;
}
.div-block-47 {
flex-wrap: wrap;
justify-content: center;
}
.image-88 {
width: auto;
}
.div-block-49 {
height: auto;
min-height: auto;
flex-wrap: nowrap;
align-content: space-between;
}
.div-block-49.case-header-content_additional {
grid-row-gap: 10vw;
flex-direction: column;
}
.div-block-49.case-header-content_additional.case-header-content_additional__sdirector {
align-items: flex-start;
}
.div-block-50 {
margin-top: 10%;
display: none;
}
.div-block-50.case-header-content__instruments.quik-case {
display: none;
}
.div-block-51 {
flex: 0 auto;
margin-bottom: 0;
padding-bottom: 0;
display: none;
}
.div-block-53.introduction_sections__row {
flex-direction: column;
align-items: center;
}
.business-tasks__item.business-tasks__item-big {
justify-content: center;
}
.business-tasks-item__text {
width: 100%;
}
.business-tasks-item-text__sub {
max-width: 100%;
}
.business-tasks-item__illustrations {
width: 100%;
}
.commend-row__container {
padding-left: 16px;
padding-right: 16px;
}
.solution-approach-inner__image {
width: 100%;
height: 100%;
}
.solution-approach-focus {
flex-wrap: wrap;
justify-content: center;
}
.image-97 {
width: 100%;
height: 100%;
}
.outcome-results-expectation {
padding-left: 32px;
padding-right: 32px;
}
.image-99.business-tasks-item__illustration-img {
width: 100%;
}
.introduction-section__between {
display: none;
}
.collection-list-wrapper-16 {
width: 100%;
}
.collection-list-17.our-cases__collection {
width: 100%;
flex-wrap: nowrap;
justify-content: flex-start;
padding-bottom: 0;
overflow: scroll;
}
.collection-item-13 {
margin-bottom: 15px;
}
.div-block-57 {
padding-bottom: 40px;
}
.div-block-57.our-cases {
margin-top: 88px;
padding-bottom: 30px;
}
.our-cases-case__item {
display: block;
}
.image-108 {
object-fit: cover;
}
.our-cases-case-item__inner {
justify-content: space-around;
margin-top: 0;
padding-top: 88px;
}
.our-cases-technologies {
margin-bottom: 48px;
}
.instruments-item__icon {
max-height: 32px;
max-width: 32px;
}
.our-cases-case-item__actions {
width: 100%;
margin-bottom: 0;
}
.div-block-59 {
flex-flow: column-reverse wrap;
justify-content: space-between;
align-items: flex-start;
}
.cases-page-section.bottom_section {
padding-top: 0;
}
.image-114 {
width: 100%;
}
.image-115 {
display: none;
}
.background-video-5 {
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.div-block-62.flexible-content-container {
flex: none;
padding-left: 16px;
padding-right: 16px;
}
.image-116.business-task-inner-item__img {
max-width: 420px;
}
.image-118 {
max-width: 551px;
}
.image-120 {
margin-top: 40px;
}
.image-121 {
max-width: 365px;
}
.image-122 {
max-width: 525px;
}
.image-126 {
max-width: none;
padding-left: 0;
}
.image-127 {
display: none;
}
.image-128 {
max-width: none;
padding-left: 32px;
padding-right: 32px;
}
.image-129, .image-131, .image-132 {
display: none;
}
.image-133 {
width: 100%;
height: 389px;
max-height: 520px;
overflow: visible;
}
.image-134 {
max-width: none;
padding-right: 42px;
}
.div-block-66 {
justify-content: center;
}
.image-135 {
display: none;
}
}
@media screen and (max-width: 767px) {
h3 {
font-size: 24px;
}
.sticky-header {
position: absolute;
}
.sticky-header__logo {
width: 120px;
}
.sticky-header__logo-img {
display: none;
}
.page-container {
padding-left: 20px;
padding-right: 20px;
}
.page-container.page-container_left-clm {
padding-right: 0;
}
.sticky-header__inner {
height: 60px;
}
.hero__inner {
height: auto;
justify-content: center;
align-items: center;
padding-top: 60px;
}
.hero__inner.hire__inner-angular {
align-items: flex-start;
}
.hero__inner.hire__inner-angular.c-hero__inner {
margin-bottom: 0;
}
.lead-box.hero__lead-box {
width: 100%;
text-align: center;
flex: none;
padding-top: 80px;
padding-bottom: 80px;
padding-right: 0;
}
.lead-box.hero__lead-box.lead-box {
padding-top: 0;
}
.lead-box.influence__lead-box {
width: 100%;
text-align: center;
align-items: center;
padding-right: 0;
}
.lead-box__title {
width: 100%;
max-width: 100%;
text-align: left;
}
.section-subtitle.lead-box__subtitle {
width: 100%;
max-width: 100%;
text-align: left;
margin-bottom: 20px;
}
.section-subtitle.solution__subtitle {
text-align: center;
margin-bottom: 30px;
}
.action-button {
align-self: center;
}
.action-button.action-button_black {
width: 80%;
}
.action-button.contact-form__send-btn, .action-button.action-button__white.contact-form__cancel-btn {
width: 50%;
max-width: 200px;
}
.action-button.lead-box__request-btn {
width: 80%;
margin-bottom: 10px;
margin-right: 0;
}
.action-button.lead-box__request-btn.lead-box__btn {
width: auto;
}
.action-button.lead-box__request-btn.angular-developers__btn {
display: none;
}
.action-button.position__apply {
justify-content: center;
}
.action-button.action-button__blue-border {
align-self: flex-start;
}
.action-button.action-button__blue-border.sticky-header__action-btn {
max-width: 250px;
margin-left: auto;
margin-right: auto;
}
.action-button.lead-box__btn {
width: 100%;
flex: none;
margin: 5px 0;
}
.action-button.action-button__blue-border.sticky-header__action-btn {
max-width: 250px;
margin-left: auto;
margin-right: auto;
}
.action-button.action-button__blue-border {
align-self: flex-start;
}
.hero__birds-img {
max-height: 50%;
max-width: 50%;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.section-title {
width: 100%;
flex: 0 auto;
font-size: 2rem;
}
.section-title.about__title {
text-align: left;
margin-bottom: 35px;
}
.section-title.process__title {
text-align: center;
margin-bottom: 35px;
}
.section-title.solution__title {
text-align: center;
margin-bottom: 30px;
}
.section-title.description__title {
text-align: left;
margin-bottom: 35px;
}
.section-title.questions__title {
text-align: left;
margin-bottom: 50px;
}
.section-title.values__title, .section-title.features__title {
margin-bottom: 35px;
}
.section-title.idea__title {
padding-top: 25px;
padding-bottom: 25px;
}
.section-title.job-steps__title, .section-title.positiions__title {
margin-bottom: 35px;
}
.section-title.videos__title {
margin-bottom: 30px;
}
.section-title.team-video__title {
margin-bottom: 35px;
}
.section-title.techs__block-title, .section-title.c-reviews__title, .section-title.teams__title, .section-title.different-angular__title, .section-title.compare__block-title {
margin-bottom: 50px;
}
.about {
padding-top: 70px;
padding-bottom: 40px;
}
.article-title.process-article__title {
text-align: left;
}
.article-title.features__title {
padding-top: 20px;
padding-bottom: 20px;
}
.article-paragraph.process-article__paragraph {
text-align: left;
}
.process {
padding-top: 70px;
padding-bottom: 70px;
}
.process__inner {
margin-bottom: 30px;
}
.process__image-wrapper {
width: 100%;
max-width: 100%;
margin-bottom: 30px;
}
.process__article.process-article {
padding-left: 0;
}
.process-article__item {
max-width: 100%;
margin-bottom: 30px;
}
.difference {
padding-top: 50px;
padding-bottom: 50px;
display: block;
}
.solution {
padding-top: 70px;
padding-bottom: 70px;
}
.solution__articles {
flex-direction: column;
}
.article-item.solution-article {
width: 100%;
flex-direction: column;
align-items: center;
margin-bottom: 50px;
display: flex;
}
.article-item.solution-article.solution-article__last-child {
margin-bottom: 0;
}
.article-item.about__article-item {
width: 100%;
flex-direction: column;
align-items: center;
margin-bottom: 50px;
display: flex;
}
.article-item.about__article-item.about__article-item_last-child {
margin-bottom: 0;
}
.article-item.idea__item {
width: 100%;
margin-bottom: 50px;
}
.article-item.idea__item.idea__item_last-child {
margin-bottom: 0;
}
.article-item__image.about__article-image {
width: 70%;
margin-bottom: 25px;
}
.article-item__image.solution-article__image {
max-height: 100%;
}
.article-item__title.article-title {
text-align: center;
margin-bottom: 25px;
}
.article-item__title.article-title.about__article-title, .article-item__paragraph.article-paragraph {
text-align: center;
}
.about__articles {
flex-direction: column;
}
.solution-article__image-wrapper {
width: 100%;
height: 450px;
max-height: 300px;
text-align: center;
justify-content: center;
margin-bottom: 25px;
}
.influence {
padding-top: 70px;
padding-bottom: 70px;
}
.page-footer__inner {
flex-direction: column;
}
.page-footer__logo {
max-width: 110px;
margin-bottom: 20px;
}
.social-links__item {
width: 35px;
height: 35px;
margin-right: 18px;
}
.social-links__image {
max-height: 14px;
}
.site-footer {
padding-top: 20px;
padding-bottom: 20px;
}
.site-footer__inner {
flex-direction: column-reverse;
}
.site-footer__menu {
margin-bottom: 15px;
}
.site-footer__menu-link {
margin-right: 40px;
}
.influence__image {
display: none;
}
.difference-table__header {
position: static;
}
.difference-table__header-cell {
flex: none;
align-items: center;
padding-right: 12px;
}
.difference-table__header-text {
flex: 0 auto;
align-self: center;
font-size: 1rem;
}
.difference-table__header-text.first_cell {
font-size: 1rem;
}
.difference-table__row {
margin-top: 25px;
}
.description-cell__paragraph {
font-size: 1rem;
}
.description-cell__header {
padding-top: 0;
}
.sticky-header__position {
height: 30px;
}
.clients-wrapper {
padding-top: 70px;
padding-bottom: 50px;
}
.clients {
flex-direction: column;
}
.clients__title {
text-align: center;
margin-top: 0;
margin-bottom: 20px;
margin-right: 0;
display: block;
}
.clients__list.clients-list {
justify-content: space-between;
}
.clients-list__item {
min-width: 120px;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.process-article__wrapper {
flex-direction: column;
align-items: center;
}
.lead-box__controls {
flex-flow: wrap;
justify-content: center;
align-self: center;
}
.description {
padding-top: 70px;
padding-bottom: 70px;
}
.description__content {
flex-direction: column;
align-items: center;
}
.description__image-wrapper {
width: 100%;
max-width: 100%;
margin-bottom: 35px;
}
.description__image {
margin-bottom: 0;
}
.description__article {
width: 100%;
padding-left: 0;
}
.popup-layout.request-popup__layout {
padding: 0;
}
.contact-form__header {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 25px;
}
.contact-popup__close-button {
right: 25px;
}
.contact-form__label {
margin-bottom: 8px;
}
.contact-form__field-wrapper {
margin-bottom: 20px;
}
.contact-form__inputs {
margin-bottom: 30px;
}
.contact-form__controls {
justify-content: flex-end;
}
.contact-form__body {
padding-left: 25px;
padding-right: 25px;
}
.checkbox-field.contact-form__gdpr-field {
width: 100%;
margin-bottom: 30px;
}
.contact-form__gdpr-checkbox-box {
height: 15px;
}
.rules-articles {
padding-top: 60px;
}
.questions, .questions.questions--white {
padding-top: 70px;
padding-bottom: 70px;
}
.values {
padding-top: 50px;
padding-bottom: 50px;
}
.values__list {
flex-direction: column;
}
.values__item {
width: 100%;
}
.values__item.values__item_no-margin {
margin-bottom: 30px;
}
.values__item.values__item_no-margin.values__item_last-child {
margin-bottom: 0;
}
.values__image-wrapper {
width: 50px;
}
.features {
padding-top: 80px;
padding-bottom: 80px;
}
.features__list {
flex-direction: column;
}
.features__item {
width: 100%;
margin-bottom: 30px;
}
.features__item.features__item_no-margin {
margin-bottom: 30px;
}
.features__item.features__item_no-margin.features__item_last-child {
margin-bottom: 0;
}
.features__image-wrapper {
width: 70px;
}
.idea {
padding-top: 80px;
padding-bottom: 80px;
}
.idea__articles {
flex-direction: column;
}
.job-steps {
padding-top: 50px;
padding-bottom: 50px;
}
.job-steps__scheme.job-scheme {
flex-direction: column;
}
.job-scheme__image-wrapper {
width: 50%;
margin-bottom: 10px;
padding-right: 0;
}
.job-scheme__list {
width: 100%;
flex-direction: column;
}
.scheme-item {
width: 100%;
padding-top: 14px;
padding-bottom: 14px;
}
.positiions {
padding-top: 50px;
padding-bottom: 70px;
}
.position__header {
background-position: 0 0, 50%;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.position__title-wrapper {
width: auto;
max-width: none;
flex-direction: column;
justify-content: center;
align-items: center;
display: block;
position: relative;
}
.videos {
padding-top: 70px;
padding-bottom: 70px;
}
.video-item {
width: 100%;
margin-bottom: 20px;
}
.videos__list {
flex-direction: column;
}
.video {
width: 100%;
margin-top: 15px;
margin-bottom: 15px;
}
.youtube-btn.t-video__youtube-btn {
top: 40%;
}
.video__image-wrapper {
margin-bottom: 10px;
}
.video__title {
margin-bottom: 5px;
}
.cloud {
width: 300px;
}
.hero__image {
top: auto;
bottom: 1%;
}
.hero__image.hero__image-angular {
width: 60%;
align-self: flex-end;
}
.hero__image.hero__image-angular.lazyload {
align-self: flex-end;
}
.hero__image.hero__image-angular.c-hero__image {
width: 60%;
margin-bottom: 25px;
}
.difference-table__header-wrapper {
z-index: 999999999;
top: 55px;
}
.p-hero {
padding-top: 160px;
padding-bottom: 100px;
}
.p-cases {
padding-bottom: 70px;
}
.p-case {
margin-bottom: 60px;
padding-bottom: 40px;
}
.p-case__img-overlay {
margin-bottom: 15px;
}
.p-case__project {
font-size: 1.6rem;
}
.c-hero__case-info {
padding-top: 100px;
padding-bottom: 150px;
}
.c-hero__case-type {
font-size: .875rem;
}
.c-hero__case-name {
font-size: 1.7rem;
}
.c-hero__case-title {
font-size: 2.4rem;
line-height: 50px;
}
.c-navigation {
position: static;
}
.c-navigation__inner {
flex-direction: column;
padding-top: 35px;
padding-bottom: 35px;
display: flex;
}
.c-navigation__link {
margin-top: 15px;
margin-bottom: 15px;
margin-right: 0;
}
.c-navigation__link-number {
margin-bottom: 5px;
}
.c-block__header {
padding-top: 60px;
padding-bottom: 60px;
}
.c-article {
margin-bottom: 70px;
}
.c-services {
flex-direction: column;
}
.c-services__list-wrapper {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.c-technologies {
width: 100%;
}
.c-technologies__list {
justify-content: flex-start;
padding-right: 0;
}
.c-technologies__wrapper {
flex-direction: column;
}
.c-desktop__mockups {
flex-direction: column;
align-items: center;
}
.c-desktop__mockup {
margin-bottom: 20px;
}
.c-mobile__mockups {
flex-wrap: wrap;
margin-top: 40px;
}
.c-mobile__mockup {
width: 49%;
margin-top: 10px;
margin-bottom: 10px;
}
.c-article__container.c-article__container_half {
margin-bottom: 0;
}
.c-other {
padding-top: 70px;
padding-bottom: 70px;
}
.c-section-title {
margin-bottom: 40px;
}
.c-other__cases {
flex-direction: column;
}
.c-other__case {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.c-desktop__mockup-column {
width: 100%;
}
.c-extension {
flex-direction: column;
margin-top: 40px;
}
.c-extension.c-extension_half {
margin-top: 40px;
}
.c-extension__img-wrapper {
width: 100%;
}
.c-mobile-app {
flex-direction: column;
margin-top: 40px;
}
.c-mobile-app__column {
width: 100%;
}
.p-mobile {
flex-wrap: wrap;
margin-top: 40px;
}
.p-mobile__column {
width: 48%;
flex-wrap: nowrap;
}
.p-case__title {
font-size: 2.4rem;
}
.header-menu {
z-index: 1000;
padding-top: 0;
padding-bottom: 0;
}
.header-menu__menu {
background-color: #f9fdff;
flex-direction: column;
padding-top: 25px;
padding-bottom: 25px;
display: flex;
}
.header-menu__menu-link {
text-align: center;
}
.icon {
color: #333;
}
.menu-button {
background-color: rgba(0, 0, 0, 0);
}
.menu-button.w--open {
background-color: #f9fdff;
}
.awards.awards_angular, .awards.awards_angular.c-awards {
padding-bottom: 70px;
}
.awards__inner {
text-align: center;
flex-direction: column;
align-items: center;
padding: 0;
}
.awards__title {
margin-bottom: 20px;
margin-right: 0;
}
.awards__title.awards__title_angular {
width: 100%;
margin-bottom: 50px;
}
.awards__list {
width: 100%;
flex-wrap: wrap;
justify-content: space-between;
}
.awards__list-item {
width: 33%;
flex: none;
justify-content: center;
}
.awards__list-item-img {
max-height: 80px;
}
.c-navbar {
display: none;
}
.site-header {
z-index: 202;
height: auto;
padding: 0;
}
.site-header__menu {
width: auto;
background-color: #fff;
border-top: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
flex-flow: column;
justify-content: center;
align-items: center;
margin-left: 20px;
margin-right: 20px;
padding-top: 24px;
padding-bottom: 4px;
padding-left: 20px;
display: flex;
}
.site-header__menu-link {
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
font-size: 18px;
font-weight: 500;
display: flex;
}
.site-header__menu-btn {
color: #333;
}
.site-header__menu-btn.w--open {
color: #1791f2;
background-color: #fff;
font-size: 24px;
}
.site-header__menu-inner {
flex: 1;
}
.blog {
padding: 40px 20px;
}
.cards-grid-container {
max-width: none;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
align-self: stretch;
}
.blog-author {
flex-direction: column;
align-items: flex-start;
padding-top: 30px;
padding-bottom: 30px;
}
.blog-author__profile-img {
width: 100px;
height: 100px;
align-self: flex-start;
margin-bottom: 25px;
margin-right: 0;
}
.blog-section__text {
margin-bottom: 30px;
}
.developers__title {
margin-bottom: 50px;
}
.developers {
padding-top: 70px;
padding-bottom: 70px;
}
.slider-container {
padding-bottom: 30px;
}
.difference-angular, .difference-angular.difference-angular--blue {
padding-top: 70px;
padding-bottom: 70px;
}
.different-angular-title {
margin-bottom: 50px;
}
.different-angular__container {
flex-direction: column;
}
.different-angular__item {
width: 100%;
margin-bottom: 30px;
}
.different-angular__item.different-angular__item--last {
width: 100%;
margin-bottom: 0;
}
.heading-9 {
margin-bottom: 25px;
font-size: 1.5rem;
font-weight: 600;
}
.different__item-image {
height: 80px;
margin-bottom: 25px;
}
.compare, .result, .questions-react {
padding-top: 70px;
padding-bottom: 70px;
}
.questions-angular__title {
margin-bottom: 50px;
}
.finish, .finish.c-finish {
padding-top: 70px;
padding-bottom: 70px;
}
.working-flow.working-flow--blue {
padding-top: 60px;
padding-bottom: 60px;
}
.psd-angular-cf__items {
flex-direction: column;
}
.psd-angular-cf__item {
width: 100%;
margin-bottom: 15px;
padding-top: 20px;
padding-bottom: 10px;
}
.psd-angular-cf__item.psd-angular-cf__item--last, .list {
margin-bottom: 0;
}
.psd-angular-cf__item-snt-round {
flex: none;
}
.psd-angular-cf__item-title {
margin-bottom: 20px;
}
.psd-angular-cf__item-img {
height: 70px;
margin-bottom: 20px;
}
.psd-angular-cf__item-img.psd-angular-cf__item-img2 {
margin-bottom: 20px;
}
.psd-angular-cf__item-snt {
margin-bottom: 15px;
}
.psd-angular-cf__item-snt-text {
width: auto;
margin-bottom: 0;
}
.teams, .teams.teams--blue {
padding-top: 70px;
padding-bottom: 70px;
}
.teams_container {
padding-left: 20px;
padding-right: 20px;
}
.teams__people.c-teams__people {
width: 33%;
flex: none;
margin-bottom: 20px;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
}
.share-buttons {
height: auto;
flex-direction: column-reverse;
}
.share-button__inner {
border-bottom: 1px solid #eee;
border-right-style: none;
}
.share-button__inner.last {
border: 1px #000;
border-top-right-radius: 0;
border-bottom-left-radius: 5px;
}
.share-button__inner.first {
border-top-right-radius: 5px;
border-bottom-left-radius: 0;
}
.share-buttons__inner {
width: 50px;
height: 225px;
max-width: 200px;
flex-direction: column;
}
.open-share {
width: 50px;
margin-top: 15px;
margin-right: 0;
}
.open-share__icon {
margin-right: 0;
}
.open-share__text {
display: none;
}
.c-hero__bg-image.c-hero__bg-image--blog {
width: auto;
max-width: none;
min-width: 100%;
}
.blog-section__image-wrapper {
margin-top: 30px;
margin-bottom: 30px;
}
.teams__list.c-teams__list {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.team-video {
padding-top: 50px;
padding-bottom: 50px;
}
.team-video__content {
flex-direction: column-reverse;
}
.team-video__article.video-description {
width: 100%;
margin-bottom: 35px;
}
.team-video__paragraph-wrapper {
margin-bottom: 25px;
}
.t-video {
width: 100%;
height: 260px;
flex: none;
margin-right: 0;
}
.new-site-footer__bottom-container {
flex-direction: column;
}
.new-site-footer__bottom-center {
margin-top: 29px;
}
.new-site-footer__bottom-r {
margin-bottom: 0;
}
.new-site-footer__top-container {
align-items: flex-start;
padding-left: 0;
padding-right: 0;
}
.new-site-footer__top-contacts {
align-items: flex-start;
}
.new-site-footer__top-contact-ceo {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.new-site-footer__top-contact-ceo-phone, .new-site-footer__top-contact-ceo-email {
text-align: left;
}
.new-site-footer__top-about {
align-items: flex-start;
}
.new-site-footer__top-services, .new-site-footer__top-hire {
align-items: flex-start;
padding-left: 0;
}
.c-reviews {
padding-top: 70px;
padding-bottom: 70px;
}
.c-comment {
width: 100%;
}
.c-comment.c-comment--hide-mobile {
display: none;
}
.techs {
padding-top: 70px;
padding-bottom: 70px;
}
.techs__list.techs-list {
flex-direction: column;
}
.techs-list__column {
width: 100%;
margin-bottom: 25px;
}
.techs-list__column.techs-list__column--last {
margin-bottom: 0;
}
.techs-list__item.tech-item {
margin-bottom: 25px;
}
.tech-item__header {
margin-bottom: 15px;
}
.tech-item__img-wrapper {
width: 35px;
height: 35px;
display: flex;
}
.tech-item__img {
height: 15px;
}
.fake-header {
height: 60px;
}
.html-embed-3 {
width: 80%;
height: 300px;
justify-content: center;
margin-bottom: 40px;
display: flex;
}
.offer__item {
width: 100%;
margin-bottom: 30px;
}
.offer-item__name, .offer-item__description {
margin-bottom: 15px;
}
.offer-item__img-wrapper {
width: 80px;
height: 80px;
margin-bottom: 20px;
padding: 15px 16px;
}
.estimate-popup {
min-height: auto;
padding: 20px;
}
.estimate-form__header {
margin-bottom: 30px;
}
.estimate-form__form-group.estimate-input {
margin-bottom: 15px;
}
.estimate-input__label {
margin-bottom: 10px;
}
.estimate-input__button-label {
padding-left: 5px;
padding-right: 5px;
}
.estimate-form__header-sidebar {
margin-bottom: 15px;
}
.team-list__item.team-member {
width: 33%;
margin-bottom: 15px;
}
.team-list__static, .team-list__hidden {
flex-wrap: wrap;
margin-bottom: 15px;
}
.saas-solutions__list-item-info {
width: auto;
}
.post-info {
left: 24px;
right: 24px;
}
.divider-small {
margin-left: 10px;
margin-right: 10px;
}
.section-4 {
padding-top: 20px;
padding-bottom: 20px;
}
.section-4.post-hero-section {
height: 300px;
}
.section-4.no-padding {
padding: 0;
}
.section-4.hero {
padding-top: 80px;
padding-bottom: 80px;
}
.section-4.no-padding-vertical {
padding-bottom: 0;
}
.section-4.top-section {
margin-top: 0;
}
.post-author {
width: auto;
border-bottom: 1px solid #e6e6e6;
border-right-style: none;
padding-top: 0;
padding-bottom: 32px;
}
.post-about {
flex-wrap: wrap;
display: block;
}
.post-subscribe {
margin-top: 40px;
padding: 40px;
}
.post-avatar {
width: 88px;
height: 88px;
}
.subscribe-v1-grid {
margin-left: 0;
margin-right: 0;
}
.form-info {
margin-top: 28px;
}
.post-bottom-info {
left: 24px;
right: 24px;
}
.banner-sidebar {
display: block;
}
.post-author-about {
padding-top: 32px;
padding-bottom: 0;
}
.post {
padding-left: 0;
padding-right: 0;
}
.post-rich-text h2 {
margin-top: 80px;
}
.post-rich-text a {
display: block;
}
.text-block-11 {
text-align: center;
}
.post-share {
display: none;
}
.post-body {
display: block;
}
.thumbnail-medium {
padding: 16px;
}
.blog-container {
padding-top: 0;
}
.post-card-v3-big {
padding: 32px;
}
.post-v2-heading {
font-size: 28px;
line-height: 1.28;
}
.post-v3-content {
padding-left: 16px;
padding-right: 0;
}
.post-v3-heading {
margin-bottom: 8px;
font-size: 15px;
line-height: 24px;
}
.s-hero__inner {
margin-top: 140px;
}
.s-title {
text-align: left;
margin-bottom: 25px;
}
.s-title.words-in-tittle {
margin-bottom: 6px;
}
.s-hero__tips {
justify-content: flex-start;
}
.s-hero__tip {
align-self: center;
align-items: center;
margin-bottom: 11px;
margin-left: 0;
}
.s-hero__buttons {
width: 100%;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
margin-bottom: 0;
display: flex;
}
.s-button.blue-banner_btn {
width: 100%;
max-width: 346px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.s-button.new-button {
width: 100%;
text-align: center;
flex: 0 auto;
align-self: center;
margin-left: auto;
margin-right: auto;
}
.s-button.new {
width: 100%;
text-align: center;
margin-bottom: 15px;
}
.s-hero__partners {
flex-wrap: wrap;
align-content: space-between;
justify-content: center;
align-items: center;
}
.s-hero__partner-logo {
max-width: 25%;
margin-bottom: 13px;
margin-left: 7px;
margin-right: 25px;
}
.s-hero__partner-logo.da-vinvci {
max-width: 25%;
}
.right-column {
background-color: #fff;
margin-bottom: 60px;
padding: 0;
}
.developers-cards-carousel.left-column_block {
margin-bottom: 128px;
}
.h4.x-stack_tab_tittle {
font-size: .87rem;
}
.h4.h3 {
font-size: 1.75rem;
}
.our-apps_grid {
grid-template-columns: 1.75fr;
grid-auto-rows: 243px;
}
.grid-8 {
grid-template-columns: 1fr;
}
.our-apps_grid_content {
padding: 25px;
}
.ur-apps_grid_project-name {
font-size: 18px;
}
.blue-banner_block {
height: 430px;
flex-flow: column;
align-items: center;
display: flex;
}
.blue-banner_block.blue-banner_mobile {
height: 500px;
display: block;
}
.blue-banner_block.x-dev_page_block {
display: none;
}
.heading_blue-banner {
max-width: none;
min-width: auto;
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: 28px;
}
.blue-banner_content_wrapper {
text-align: center;
margin: 23px 35px auto;
padding-top: 0;
position: relative;
top: 134px;
}
.blue-banner_content_wrapper.x-dev_page_block {
margin-top: -143px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
}
.blue-banner_image {
width: 350px;
height: 350px;
object-fit: contain;
position: relative;
top: -419px;
left: auto;
right: auto;
}
.blue-banner_image.react-image {
display: block;
}
.blue-banner_image.react-image_mobile {
width: auto;
height: 420px;
margin-top: -170px;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
top: -8px;
}
.developers-cards_grid {
grid-template-columns: 1fr;
}
.developers-cards_slider {
height: auto;
min-height: 100%;
}
.developers-cards_slider_nav {
margin-top: 231px;
top: 447px;
}
.developers-cards_slider_arrow.slider_arrow_right {
bottom: -9%;
right: 25%;
}
.developers-cards_slider_arrow.slider_arrow_left {
bottom: -9%;
left: 25%;
}
.our-awards_block {
margin-top: 0;
}
.our-awards_logos {
margin-top: 22px;
}
.our-awards_logo_image {
max-height: 120px;
}
.our-awards_logo_image.the-manifest_logo {
max-height: 80px;
}
.our-awards_logo_image.best-web {
max-height: 120px;
}
.our-awards_logo_image.top-web, .our-awards_logo_image.top-20 {
max-height: 110px;
}
.ava-reviews_block_head {
justify-content: space-around;
}
.review-on-clutch_image {
margin-bottom: 15px;
}
.ava-reviews_card_comment {
font-size: 1rem;
}
.cta-banner_container {
padding-top: 60px;
padding-bottom: 60px;
display: block;
}
.s-title-cta {
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: 45px;
}
.wings-circle_image {
object-fit: contain;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
.page-container_table_header {
text-align: center;
background-color: #edf6ff;
padding-left: 0;
padding-right: 20px;
}
.page-container_table_header.page-container_left-clm {
padding-right: 0;
}
.lft-clm_container.service-flow_block {
margin-bottom: 80px;
}
.x-stack_pannel {
margin-top: 15px;
}
.x-stack_tab.x-stack_tab_active {
align-self: flex-end;
}
.x-stack_tab_text {
text-align: center;
font-size: 12px;
line-height: 130%;
}
.x-stack_technologies_wrapper {
margin-bottom: 0;
padding: 30px;
}
.tech-category_wrapper {
margin-bottom: 0;
margin-right: 44px;
}
.x-stack_clmn {
flex-direction: column;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.service-flow_stages_wrapper {
margin-bottom: 30px;
}
.service-flow_stage {
flex: 1;
align-self: flex-end;
}
.service-flow_item {
margin-bottom: 8px;
}
.service-flow_steps_clmn.first-clmn {
margin-bottom: 0;
padding-left: 0;
}
.service-flow_steps_clmn.second-clmn {
padding-left: 0;
}
.vikroria-in-circle_image {
top: 0%;
bottom: auto;
left: 0%;
right: auto;
}
.service-flow_stage_tittle {
font-size: 13px;
}
.s-button-new {
width: 100%;
text-align: center;
flex: 0 auto;
margin-left: 0;
font-size: .8rem;
}
.s-button-new.blue-banner_btn {
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.s-button-new.new-button {
width: 100%;
text-align: center;
flex: 0 auto;
align-self: center;
margin-left: auto;
margin-right: auto;
}
.s-button-new.new {
width: 100%;
text-align: center;
margin-bottom: 15px;
}
.normal-text {
margin-bottom: 16px;
font-size: .87rem;
line-height: 25px;
}
.normal-text.tip__name {
align-self: center;
margin-bottom: 0;
font-size: .87rem;
}
.normal-text.developers-card_description_p {
font-size: .87rem;
}
.normal-text.hero-text {
margin-bottom: 30px;
line-height: 26px;
}
.small-text.developers-card_description_p {
color: #9da8af;
font-size: .8rem;
}
.header_background {
height: 90px;
left: -168px;
}
.s-button-2.new {
width: 100%;
text-align: center;
margin-bottom: 15px;
}
.s-button-2.blue-banner_btn {
width: 100%;
max-width: 346px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.s-hero__partners_collection {
margin-top: 40px;
}
.s-hero__partners_image {
height: 20px;
}
.ava-reviews_card_comment-2 {
font-size: 1rem;
}
.developers-cards_slider_nav-2 {
margin-top: 231px;
top: 447px;
}
.x-stack_tab-2.x-stack_tab_active {
align-self: flex-end;
}
.blue-banner_block-2 {
height: 430px;
flex-flow: column;
align-items: center;
display: flex;
}
.blue-banner_block-2.blue-banner_mobile {
height: 500px;
display: block;
}
.blue-banner_block-2.x-dev_page_block {
display: none;
}
.small-text-2.developers-card_description_p {
color: #9da8af;
font-size: .8rem;
}
.right-column-2 {
background-color: #fff;
margin-bottom: 60px;
padding: 0;
}
.normal-text-2 {
margin-bottom: 16px;
}
.normal-text-2.developers-card_description_p {
font-size: .87rem;
}
.normal-text-2._500pxwidth, .normal-text-2.project-overview_text, .normal-text-2.project-numbers_text {
width: 100%;
}
.x-services_collection_list {
grid-template-columns: 1fr;
}
.x-services_collection_item {
padding-right: 10px;
}
.screenshots_wrapper_btns.slider-home-new {
top: 25px;
}
.s-button-new2 {
width: 100%;
text-align: center;
flex: 0 auto;
margin-left: 0;
font-size: .8rem;
}
.checkbox-label-2 {
font-size: .85rem;
}
.our-apps_technologies {
flex-wrap: wrap;
}
.our-spps_technology_icon {
margin-bottom: 15px;
}
.block_section.video-section {
min-height: 637px;
position: relative;
}
.block_section.our-priority {
padding-top: 0;
}
.block_section.case-header-section {
background-image: none;
justify-content: flex-end;
padding-top: 0;
padding-bottom: 0;
}
.content-container {
z-index: 2;
margin-top: 0;
padding-left: 16px;
padding-right: 16px;
position: relative;
}
.content-container.cta {
padding-left: 20px;
padding-right: 20px;
}
.content-container.modal-container {
padding-bottom: 0;
}
.content-container.home-header-container {
z-index: auto;
}
.content-container.sd-card.sd-outcome {
padding-top: 29px;
}
.content-container.case-header-content__container.achq-case, .content-container.business-tasks, .content-container.solution-approach {
padding-left: 16px;
padding-right: 16px;
}
.our-cases__title {
font-size: 1.5rem;
line-height: 30px;
}
.our-cases__title.block2 {
font-size: 2rem;
}
.our-cases__title.quick-hero {
font-size: 40px;
line-height: 140%;
}
.hero-awards {
margin-top: 40px;
}
.hero-caption {
margin-bottom: 10px;
font-size: .85rem;
}
.image-awward {
width: 54px;
}
.awards_collection_item {
margin-right: 10px;
}
.image-mentioned {
height: 25px;
max-width: none;
}
.image-15 {
width: 180%;
max-width: none;
opacity: .3;
top: 0%;
left: -216px;
}
.image-15.background-bottom {
width: 180%;
opacity: .59;
top: -17%;
left: -188px;
}
.image-15.hero-back {
width: 180%;
position: relative;
left: -35%;
}
._50percents_wrapper.first-block {
padding-top: 60px;
padding-right: 0;
}
.technologies_grid {
grid-template-rows: auto;
grid-template-columns: 1fr .5fr .5fr;
}
.technologies_wrapper {
height: 100%;
}
.technologies_wrapper_columns {
grid-template-columns: 1fr 1fr;
}
.technologies_wrapper_columns._2-items {
grid-row-gap: 25px;
}
.percents-image {
width: 70px;
height: 70px;
}
.comment {
font-size: 12px;
}
.cant-find-tech_wrapper {
align-items: flex-start;
}
.clients-collection {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.subheading {
margin-bottom: 16px;
font-size: .87rem;
}
.subheading.tip__name, .subheading.developers-card_description_p {
font-size: .87rem;
}
.action-button-career {
align-self: center;
}
.action-button-career.action-button_black {
width: 80%;
}
.action-button-career.contact-form__send-btn, .action-button-career.action-button__white.contact-form__cancel-btn {
width: 50%;
max-width: 200px;
}
.action-button-career.lead-box__request-btn {
width: 80%;
margin-bottom: 10px;
margin-right: 0;
}
.action-button-career.lead-box__request-btn.lead-box__btn {
width: auto;
}
.action-button-career.lead-box__request-btn.angular-developers__btn {
display: none;
}
.action-button-career.position__apply {
justify-content: center;
}
.action-button-career.action-button__blue-border {
align-self: flex-start;
}
.action-button-career.action-button__blue-border.sticky-header__action-btn {
max-width: 250px;
margin-left: auto;
margin-right: auto;
}
.action-button-career.lead-box__btn {
width: 100%;
flex: none;
margin: 5px 0;
}
.action-button-career.action-button__blue-border.sticky-header__action-btn {
max-width: 250px;
margin-left: auto;
margin-right: auto;
}
.header-content_wrapper {
margin-bottom: 40px;
}
.client-logo, .client-logo.nection {
max-width: none;
}
.heading-18 {
font-size: 30px;
}
.overview-items_wrapper {
margin-top: 0;
padding-top: 0;
}
.overview-items_wrapper2 {
padding-top: 40px;
padding-left: 25px;
padding-right: 25px;
}
.quick-users_wrapper {
grid-row-gap: 18px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
margin-top: 40px;
}
.technologies-grid_wrapper {
grid-template-columns: 1fr 1fr;
}
.project-overview_description {
margin-right: 0;
}
.project-overview_description.sticky {
max-width: none;
margin-right: 0;
position: static;
top: 0;
bottom: 0;
}
.tags_wrapper {
margin-bottom: 20px;
}
.screen_collection_slider_btns.slider-home-new {
top: 25px;
}
.screenshot_image {
height: 450px;
}
.project-overview_content_wrapper {
display: block;
}
.screenshots_wrapper {
margin-top: 40px;
margin-left: 0;
}
.screenshots_wrapper.desctop-screenshots {
width: 100%;
align-items: center;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
position: static;
top: 0%;
bottom: auto;
left: auto;
right: auto;
}
.image-19 {
width: 100%;
}
.numbers-grid {
grid-template-columns: 1fr 1fr;
}
.client-feedback_wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.client-details_wrapper {
border-right-style: none;
padding-right: 15px;
}
.feedback-details_wrapper {
padding-left: 0;
}
.div-block-10 {
display: none;
}
.sticky-right-block, .sticky-left-block {
width: 100%;
}
.frame_wrapper {
border-style: none;
display: none;
}
.image-21 {
width: 400px;
margin-left: auto;
margin-right: auto;
}
.overview-grid {
grid-template-columns: 1fr;
}
.interface-parts_columns {
max-width: 100%;
grid-template-columns: repeat(auto-fit, 100%);
}
.sticky-left-clmn {
width: auto;
height: auto;
max-width: none;
position: static;
}
.sticky-right-clmn, .sticky-right-clmn.admin-part {
height: 100%;
position: static;
}
.collection-list-3 {
justify-content: flex-start;
}
.hero-tittle_wrapper {
justify-content: flex-start;
margin-bottom: 20px;
}
.rich-text_block h3 {
font-size: 1.5rem;
}
.expand-hide_button.blue-banner_btn {
width: 100%;
max-width: 346px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.expand-hide_button.new-button {
width: 100%;
text-align: center;
flex: 0 auto;
align-self: center;
margin-left: auto;
margin-right: auto;
}
.expand-hide_button.new {
width: 100%;
text-align: center;
margin-bottom: 15px;
}
.carmen-users_grid {
grid-template-columns: 1fr 1fr 1fr;
}
.carmen-user_wrapper {
width: 100%;
max-width: 100%;
min-width: auto;
flex-wrap: wrap;
}
.carmen-user_heading {
font-size: 15px;
}
.carmen-user_image {
width: 50px;
height: 50px;
}
.project-part_description {
margin-top: 20px;
margin-right: 0;
position: static;
top: 40px;
}
.project-part_description.sticky {
max-width: none;
margin-right: 0;
position: static;
top: 0;
bottom: 0;
}
.services-img_wrapper {
width: 100%;
}
.project-services_wrapper {
width: 100%;
margin-right: 0;
padding-right: 0;
}
.project-services_wrapper.sticky {
max-width: none;
margin-right: 0;
position: static;
top: 0;
bottom: 0;
}
.project-part_description_wrapper {
margin-right: 0;
}
.project-part_description_wrapper.sticky {
max-width: none;
margin-right: 0;
position: static;
top: 0;
bottom: 0;
}
.interface-parts_columns-copy {
max-width: 100%;
grid-template-columns: repeat(auto-fit, 100%);
}
.mobile-part_wrapper {
align-items: center;
}
.mobile-part_grid {
align-self: center;
}
.small-text-2-copy.developers-card_description_p {
color: #9da8af;
font-size: .8rem;
}
.normal-text-semi-bold {
margin-bottom: 16px;
font-size: .87rem;
line-height: 25px;
}
.normal-text-semi-bold.tip__name {
align-self: center;
margin-bottom: 0;
font-size: .87rem;
}
.normal-text-semi-bold.developers-card_description_p {
font-size: .87rem;
}
.normal-text-semi-bold.hero-text {
margin-bottom: 30px;
}
.grid-13 {
grid-row-gap: 35px;
grid-template-columns: 1fr;
}
.project-summary_description {
margin-right: 0;
}
.project-summary_description.sticky {
max-width: none;
margin-right: 0;
position: static;
top: 0;
bottom: 0;
}
.reviews_list_slider {
height: auto;
max-width: none;
}
.screenshot_image-container {
height: auto;
min-width: auto;
}
.project-part_subtittle {
font-size: 14px;
}
.grid-14 {
grid-template-columns: 1fr 1fr;
margin-top: 40px;
}
.content-conteiner_other-cases {
z-index: 2;
padding-bottom: 80px;
padding-left: 40px;
padding-right: 40px;
position: relative;
}
.cta-content_wrapper {
max-width: 100%;
margin-top: 100px;
}
.project-feature_with-img_wrapper-_empty {
display: none;
}
.heading-21 {
font-size: 24px;
}
.project-part_description_static {
margin-right: 0;
}
.project-part_description_static.sticky {
max-width: none;
margin-right: 0;
position: static;
top: 0;
bottom: 0;
}
.sticky-right-clmn_photobell, .sticky-right-clmn_photobell.admin-part {
height: 100%;
position: static;
}
.project-overview_description-copy {
margin-right: 0;
}
.project-overview_description-copy.sticky {
max-width: none;
margin-right: 0;
position: static;
top: 0;
bottom: 0;
}
.body-14 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-top: 40px;
}
.case-hero-container {
height: 100vh;
padding-top: 120px;
padding-left: 20px;
padding-right: 20px;
}
.case-content_wrapper {
margin-bottom: 40px;
}
.input_form_block_wrapper {
padding-top: 0;
}
.next-steps_block_wrapper {
grid-column-gap: 14px;
padding: 27px;
}
.manager-photo_wrapper {
width: 200px;
}
.content-conteiner-cta {
z-index: 2;
padding-bottom: 100px;
padding-left: 40px;
padding-right: 40px;
position: relative;
}
.content-conteiner-cta.cta {
padding-left: 20px;
padding-right: 20px;
}
.s-button-2-copy.new {
width: 100%;
text-align: center;
margin-bottom: 15px;
}
.s-button-2-copy.blue-banner_btn {
width: 100%;
max-width: 346px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.team-video__content_2 {
flex-direction: column-reverse;
}
.t-video_2 {
width: 100%;
height: 260px;
flex: none;
margin-right: 0;
}
.blogs-body {
margin-top: 0;
}
.blogs-list {
margin: 0;
}
.blog-tab {
margin-bottom: 15px;
}
.blog-content-details.blog-details {
font-size: 11px;
line-height: 17px;
}
.blog-item-container.blog-item {
flex-wrap: nowrap;
justify-content: center;
align-items: flex-start;
}
.blog-img {
width: 200px;
height: 200px;
object-fit: fill;
margin-bottom: 24px;
overflow: hidden;
}
.blog-image {
object-fit: contain;
overflow: visible;
}
.blog-category {
margin-top: 2px;
margin-bottom: 2px;
font-size: 11px;
line-height: 18px;
}
.blog-title {
margin-top: 5px;
font-size: 16px;
line-height: 22px;
}
.blog-desc {
font-size: 13px;
line-height: 18px;
}
.blog-author-name {
flex: 0 auto;
}
.blog-circle-wrapper.blog-circle {
margin-left: 3px;
margin-right: 3px;
}
.blog-tab-content {
margin-top: 2rem;
}
.normal-text-copy {
margin-bottom: 16px;
font-size: .87rem;
line-height: 25px;
}
.normal-text-copy.tip__name {
align-self: center;
margin-bottom: 0;
font-size: .87rem;
}
.normal-text-copy.developers-card_description_p {
font-size: .87rem;
}
.normal-text-copy.hero-text {
margin-bottom: 30px;
}
.link-9 {
font-size: 12px;
}
.post-hero-content-new {
margin-top: -120px;
}
.div-block-22 {
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
}
.post__image_new {
border-radius: 0;
}
.cta_in-rich-text_content-wrapper {
flex-direction: column;
flex: 1;
align-items: flex-start;
display: flex;
}
.cta_in-rich-text {
align-items: center;
}
.cta_in-rich-text_img {
margin-top: 20px;
display: none;
}
.cta-in-rich-text_bg {
width: 100%;
height: 100%;
opacity: 1;
border-radius: 0;
}
.cta_in-rich-text_content {
margin-bottom: 10px;
padding-bottom: 0;
}
.post-link_in-rich-text_img-500 {
width: 160px;
height: auto;
max-width: 160px;
min-height: auto;
flex: 0 auto;
align-self: auto;
align-items: stretch;
display: block;
}
.post-link_in-rich-text_content-wrapper {
flex-direction: row;
align-items: stretch;
}
.article-name_text {
font-size: 19px;
}
.post-link_in-rich-text_img-1600 {
width: 350px;
height: auto;
max-width: 350px;
min-height: auto;
flex: 0 auto;
align-self: auto;
align-items: stretch;
display: none;
}
.faq-blog_wrapper {
width: 100%;
margin-right: 0;
padding-right: 0;
}
.faq-blog_wrapper.sticky {
max-width: none;
margin-right: 0;
position: static;
top: 0;
bottom: 0;
}
.rate-this-article_heading {
font-size: 24px;
}
.position_bottov_wrapper {
flex-wrap: wrap;
}
.image-39.tabs-expand-btn {
display: none;
}
.blog-heading-wrapper {
margin-top: 20px;
}
.page-container-2 {
padding-left: 20px;
padding-right: 20px;
}
.blog-heading-wrapper-2 {
margin-top: 60px;
margin-bottom: 20px;
}
.hero-article_wrapper, .hero-article_collection_wrapper {
margin-bottom: 0;
}
.blog-tittle_h1 {
font-size: 28px;
line-height: 35px;
}
.collection-item-9 {
margin-bottom: 40px;
}
.banner-sidebar-service {
display: block;
}
.s-banner__tip {
align-self: center;
align-items: center;
margin-bottom: 11px;
margin-left: 0;
}
.section-title-copy {
width: 100%;
flex: 0 auto;
font-size: 2rem;
}
.section-title-copy.about__title {
text-align: left;
margin-bottom: 35px;
}
.section-title-copy.process__title {
text-align: center;
margin-bottom: 35px;
}
.section-title-copy.solution__title {
text-align: center;
margin-bottom: 30px;
}
.section-title-copy.description__title {
text-align: left;
margin-bottom: 35px;
}
.section-title-copy.questions__title {
text-align: left;
margin-bottom: 50px;
}
.section-title-copy.values__title, .section-title-copy.features__title {
margin-bottom: 35px;
}
.section-title-copy.idea__title {
padding-top: 25px;
padding-bottom: 25px;
}
.section-title-copy.job-steps__title, .section-title-copy.positiions__title {
margin-bottom: 35px;
}
.section-title-copy.videos__title {
margin-bottom: 30px;
}
.section-title-copy.team-video__title {
margin-bottom: 35px;
}
.section-title-copy.techs__block-title, .section-title-copy.c-reviews__title, .section-title-copy.teams__title, .section-title-copy.different-angular__title, .section-title-copy.compare__block-title {
margin-bottom: 50px;
}
.about_icon {
width: 48px;
height: 48px;
}
.grid-20 {
grid-template-columns: 1fr;
}
.contact-us {
padding-top: 80px;
padding-bottom: 80px;
}
.div-block-27 {
width: auto;
}
.values_section {
padding-top: 80px;
padding-bottom: 80px;
}
.heading-27 {
text-align: center;
}
.background-video-2 {
height: 100%;
min-height: 700px;
}
.div-block-31 {
padding-top: 8px;
position: static;
top: 77%;
}
.div-block-32 {
width: 100%;
justify-content: space-between;
align-items: center;
padding-left: 24px;
padding-right: 24px;
display: flex;
box-shadow: 1px 1px 3px rgba(103, 121, 138, .09);
}
.menu-logo.menu-logo-mobile {
display: block;
}
.hero-awards_wrapper-new {
grid-column-gap: 29px;
grid-row-gap: 29px;
}
.awards_collection--new {
grid-column-gap: 28px;
grid-row-gap: 28px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.hero-awards-new {
margin-top: 0;
margin-bottom: 23px;
padding-top: 12px;
padding-bottom: 12px;
}
.business-of-year {
flex-direction: column;
margin-right: 0;
display: flex;
}
.sbusiness-of-year__caption {
flex-direction: column;
align-items: flex-start;
}
.heading-28 {
font-size: 18px;
line-height: 32px;
}
.text-block-39 {
font-size: 14px;
}
.section-header {
font-size: 32px;
}
.section-header.form-section__hrader, .section-header.form-section__hrader-copy {
text-align: center;
}
.section-header.decisive-factor-header.case-header {
align-items: flex-start;
}
.section-header.case-header {
width: 100%;
text-align: left;
}
.our-focus__items__item {
height: auto;
}
.our-focus__items__item-instruments {
margin-top: 20px;
}
.our-levels__content {
flex-direction: column;
align-items: flex-start;
}
.expertise-item-wrapper.expertise-item--half {
width: 355px;
}
.segment-focus__item-video {
order: -1;
display: block;
}
.grid-24 {
flex-direction: column;
display: flex;
}
.segment-focus__item-text {
border-radius: 0 0 8px 8px;
}
.background-video-3 {
height: 400px;
border-radius: 8px 8px 0 0;
}
.packages-items__item-aside {
padding-left: 25px;
padding-right: 25px;
}
.packages-items__item-content {
padding: 28px 24px;
}
.text-block-52 {
font-size: 21px;
line-height: 29px;
}
.packages-items__item-content-bars {
grid-row-gap: 24px;
flex-wrap: wrap;
}
.slider-item {
flex-direction: column;
}
.image-55 {
max-width: 128px;
}
.collection-item-10 {
flex: 1;
margin-left: 24px;
margin-right: 24px;
}
.custom-cms-slider {
padding: 24px 24px 64px;
}
.custom-cms-slider__controls {
bottom: 16px;
left: 24px;
}
.form-3 {
min-width: 450px;
}
.form-modal__content {
max-height: none;
padding: 24px 40px;
}
.image-64 {
top: 30px;
right: 20px;
}
.new-site-footer__top-ua-flag {
top: 60px;
bottom: auto;
right: 40px;
}
.form-3-copy {
min-width: 450px;
}
.missions-section__item-header {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.missions-section__item-header.about-us-9 {
height: auto;
}
.mission-toggle {
display: none;
}
.missions-section__item-content {
padding: 24px;
}
.background-video-career {
height: 100vh;
}
.section-header-copy {
font-size: 32px;
}
.section-header-copy.form-section__hrader, .section-header-copy.form-section__hrader-copy {
text-align: center;
}
.growth-section__content {
padding-left: 22px;
padding-right: 22px;
}
.growth-header {
font-size: 32px;
}
.growth-header.form-section__hrader, .growth-header.form-section__hrader-copy {
text-align: center;
}
.teambuildings-header {
font-size: 32px;
}
.teambuildings-header.form-section__hrader, .teambuildings-header.form-section__hrader-copy {
text-align: center;
}
.team-building-videos-item {
width: 391px;
}
.active-jobs__item-head {
padding: 24px;
}
.text-block-79 {
font-size: 20px;
line-height: 26px;
}
.active-jobs__item-button {
padding: 24px;
}
.form-3-copy {
min-width: 358px;
}
.page-container-copy {
padding-left: 20px;
padding-right: 20px;
}
.page-container-copy.page-container_left-clm {
padding-right: 0;
}
.awards_collection--new-copy {
grid-column-gap: 28px;
grid-row-gap: 28px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.image-awward-copy {
width: 54px;
}
.case-header-content {
flex-direction: column;
justify-content: space-between;
padding-top: 110px;
padding-bottom: 16px;
}
.heading-33 {
text-align: center;
}
.case-header-content__review {
width: 100%;
padding: 16px;
}
.case-header-content__review.quik-case-review {
margin-bottom: 110px;
}
.header-review-caption {
grid-column-gap: 14px;
margin-bottom: 14px;
}
.text-block-89 {
font-size: 16px;
}
.image-76 {
width: 52px;
height: 52px;
}
.header-review-info {
grid-column-gap: 14px;
align-items: flex-start;
}
.image-77 {
margin-top: 4px;
}
.text-block-90 {
line-height: 21px;
}
.sd-card.sd-about {
padding: 24px;
}
.sd-competencies__row.achq-case {
flex-wrap: wrap;
}
.image-90 {
display: none;
}
.div-block-49.case-header-content_additional {
margin-top: -1px;
margin-bottom: -123px;
}
.introduction_sections__item {
max-width: none;
}
.introduction_sections__item.quik-case, .introduction_sections__item.quik-case.purple, .introduction_sections__item.quik-case.green, .introduction_sections__item.quik-case.light-green {
max-width: 100%;
}
.div-block-53.introduction_sections__row {
flex-flow: wrap;
}
.business-tasks__item.business-tasks__item-small, .business-tasks-item__text, .business-tasks-item__illustrations {
width: 100%;
}
.business-tasks-illustration__item {
max-width: 64px;
}
.business-tasks__two-row-container.achq-case {
grid-row-gap: 32px;
}
.solution-approach-inner__image {
width: 100%;
}
.solution-approach-focus {
flex-wrap: wrap;
}
.image-97 {
width: 100%;
height: 100%;
}
.xdecisive-factor-commend__img {
max-width: 115px;
}
.outcome-results__section-small {
padding-left: 16px;
padding-right: 16px;
}
.outcome-results__section-row {
flex-wrap: wrap;
}
.image-100, .introduction-section__between {
display: none;
}
.collection-list-17.our-cases__collection {
object-fit: fill;
flex-wrap: nowrap;
}
.div-block-57.our-cases {
margin-top: 88px;
}
.image-107.scroll-image__image {
height: 100%;
object-fit: fill;
overflow: visible;
}
.div-block-58.scroll-image__container {
height: 100%;
}
.scroll-image__text.white {
display: none;
}
.our-cases-case-item__inner {
margin-top: 0;
padding-left: 16px;
padding-right: 16px;
}
.our-cases-case-item-actions__button {
height: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.our-cases-case-item-actions__button.outline {
justify-content: center;
align-items: center;
display: flex;
}
.case-header-content_heading {
padding-bottom: 80px;
}
.div-block-62.flexible-content-container {
flex: none;
justify-content: space-around;
padding-bottom: 100px;
}
.image-121 {
max-width: 250px;
}
.image-126 {
padding-left: 16px;
padding-right: 0;
}
.div-block-65 {
padding-left: 16px;
padding-right: 16px;
}
.image-130 {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.image-133 {
height: 296px;
}
}
@media screen and (max-width: 479px) {
h2 {
font-size: 30px;
}
h3 {
font-size: 23px;
}
h4 {
font-size: 1.1rem;
}
p {
color: #404547;
font-size: 1.16rem;
font-weight: 500;
line-height: 160%;
}
ul {
margin-top: 20px;
padding-left: 24px;
font-size: 1.1rem;
}
ol {
color: #404547;
margin-top: 20px;
padding-left: 24px;
font-size: 1.1rem;
font-weight: 500;
}
li {
color: #404547;
margin-bottom: 15px;
padding-left: 2px;
font-size: 1.1rem;
font-weight: 500;
line-height: 170%;
}
blockquote {
background-color: #f6f6f6;
border-style: none;
border-width: 1px;
margin-bottom: 40px;
padding-top: 36px;
padding-bottom: 36px;
font-size: 1.2rem;
font-style: normal;
font-weight: 600;
line-height: 170%;
}
.sticky-header__logo {
width: 90px;
height: auto;
order: -1;
align-self: auto;
display: block;
}
.sticky-header__logo-img {
display: none;
}
.page-container {
width: 100%;
height: auto;
justify-content: space-between;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
display: block;
}
.hero__inner {
min-height: auto;
flex-flow: wrap;
align-content: stretch;
justify-content: flex-start;
align-items: center;
padding-top: 80px;
padding-bottom: 80px;
}
.hero__inner.hire__inner-angular {
flex-flow: wrap;
align-content: flex-end;
justify-content: flex-start;
align-items: flex-start;
}
.hero__inner.hire__inner-angular.c-hero__inner {
align-items: center;
padding-bottom: 20px;
}
.lead-box.hero__lead-box {
flex-direction: column;
align-items: stretch;
}
.lead-box.influence__lead-box {
align-items: stretch;
}
.lead-box__title {
margin-bottom: 20px;
line-height: 50px;
}
.section-subtitle.lead-box__subtitle {
max-width: 100%;
}
.section-subtitle.lead-box__subtitle.lead-box__subtitle_500 {
width: auto;
}
.section-subtitle.solution__subtitle {
margin-bottom: 25px;
}
.action-button {
width: 100%;
height: 45px;
}
.action-button.action-button_black {
width: 100%;
}
.action-button.contact-form__send-btn {
margin-left: 10px;
}
.action-button.lead-box__request-btn {
width: 100%;
}
.action-button.lead-box__request-btn.lead-box__btn {
width: 100%;
white-space: normal;
flex-wrap: nowrap;
margin-bottom: 15px;
}
.action-button.lead-box__request-btn.angular-developers__btn {
bottom: -110px;
left: 50%;
right: auto;
transform: translate(-50%);
}
.action-button.action-button__blue-border.team-list__show-team-btn {
width: 100%;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
}
.action-button.action-button__blue-border.team-button {
height: auto;
}
.action-button.team-list__hire-btn {
width: 100%;
margin-right: 0;
}
.action-button.action-button__blue-border.hero-button.case-btn {
margin-right: 0;
}
.section-title {
text-align: left;
font-size: 1.5rem;
line-height: 2rem;
}
.section-title.about__title {
margin-bottom: 30px;
}
.section-title.process__title {
text-align: left;
margin-bottom: 30px;
}
.section-title.solution__title {
margin-bottom: 25px;
}
.section-title.description__title, .section-title.questions__title, .section-title.values__title, .section-title.features__title {
margin-bottom: 30px;
}
.section-title.idea__title {
padding-top: 20px;
padding-bottom: 20px;
}
.section-title.job-steps__title, .section-title.positiions__title, .section-title.techs__block-title {
margin-bottom: 30px;
}
.section-title.awards__section-name, .section-title.clients__section-name, .section-title.working-flow__title {
margin-bottom: 40px;
}
.section-title.c-reviews__title, .section-title.teams__title, .section-title.different-angular__title {
margin-bottom: 30px;
}
.about {
padding-top: 60px;
padding-bottom: 30px;
}
.article-paragraph.scheme-item__description {
font-weight: 500;
}
.process {
padding-top: 60px;
padding-bottom: 60px;
}
.process__inner {
margin-bottom: 20px;
}
.solution {
padding-top: 60px;
padding-bottom: 60px;
}
.article-item.solution-article, .article-item.about__article-item {
margin-bottom: 40px;
}
.solution-article__image-wrapper {
max-height: 176px;
}
.influence {
padding-top: 60px;
padding-bottom: 60px;
}
.page-footer__inner {
flex-direction: column;
}
.page-footer__logo-image {
margin-bottom: 25px;
}
.social-links__item {
margin-right: 14px;
}
.site-footer__menu-link {
margin-right: 18px;
font-size: 1em;
}
.difference-table__header {
z-index: 101;
}
.difference-table__header-cell.difference-table__header-cell-33 {
width: 50%;
}
.difference-table__header-text {
font-size: 1rem;
font-weight: 600;
line-height: 130%;
}
.difference-table__header-text.first_cell {
font-size: 1rem;
}
.difference-table__row {
margin-top: 20px;
}
.difference-table__cell.description-cell {
padding-bottom: 5px;
}
.difference-table__cell.description-cell.description-cell-33 {
width: 100%;
}
.difference-table__cell.description-cell-33, .difference-table__cell.description-cell-33.description-cell-34 {
width: 50%;
}
.description-cell__paragraph {
font-size: 1rem;
}
.description-cell__controls {
justify-content: flex-end;
align-items: center;
}
.description-cell__close-icon {
width: 14px;
height: 14px;
}
.description-cell__header {
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
display: block;
}
.description-cell__open-icon {
width: 20px;
height: 20px;
}
.clients-wrapper {
padding-top: 60px;
padding-bottom: 60px;
}
.clients-list__item {
width: 44%;
}
.lead-box__controls {
align-self: auto;
}
.difference-table__cell-icon {
min-height: 15px;
}
.description {
padding-top: 60px;
padding-bottom: 60px;
}
.description__image-wrapper {
width: 100%;
margin-bottom: 30px;
}
.popup-layout.request-popup__layout {
padding: 0;
display: none;
}
.contact-form__field-wrapper {
margin-bottom: 15px;
}
.error-message {
padding-top: 5px;
}
.questions, .questions.questions--white {
padding-top: 60px;
padding-bottom: 60px;
}
.table-question__header {
padding-top: 5px;
}
.values__item {
width: 100%;
margin-bottom: 20px;
}
.values__item.values__item_no-margin {
margin-bottom: 20px;
}
.values__item.values__item_no-margin.values__item_last-child {
margin-bottom: 1px;
}
.features__list {
grid-template-columns: 1fr;
}
.features__item {
margin-bottom: 30px;
}
.features__image-wrapper {
width: auto;
height: auto;
justify-content: flex-start;
align-items: center;
display: flex;
}
.features__image {
width: 48px;
height: 48px;
}
.job-steps {
padding-top: 80px;
padding-bottom: 0;
}
.job-scheme__list {
grid-template-columns: 1fr;
}
.scheme-item {
padding-top: 20px;
padding-bottom: 30px;
}
.scheme-item__header {
margin-bottom: 10px;
}
.position__header {
height: 300px;
padding-left: 23px;
padding-right: 23px;
}
.position__body {
padding-top: 28px;
}
.videos {
padding-top: 60px;
padding-bottom: 60px;
}
.youtube-btn.t-video__youtube-btn {
top: 40%;
}
.you-btn {
width: 100%;
}
.head-containrt.head-containrt-angular {
background-position: 100% 0, 0 0;
background-size: contain, cover;
}
.hero__image.hero__image-angular {
width: auto;
max-width: 100%;
order: 1;
align-self: auto;
position: relative;
bottom: auto;
right: auto;
transform: none;
}
.hero__image.hero__image-angular.lazyload {
width: 81%;
margin-left: auto;
margin-right: auto;
}
.hero__image.hero__image-angular.c-hero__image {
width: 80%;
margin-bottom: 40px;
display: block;
}
.c-hero__case-title {
font-size: 2.4rem;
}
.c-mobile__mockups {
flex-direction: column;
margin-top: 40px;
}
.c-mobile__mockup, .p-mobile__column {
width: 100%;
}
.header-menu {
height: 50px;
border-bottom: 1px solid #e3eaef;
justify-content: space-between;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
}
.header-menu__inner {
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin-top: 0;
}
.menu-button {
background-color: rgba(0, 0, 0, 0);
order: 1;
margin-left: auto;
padding: 0 5px;
}
.awards.awards_angular, .awards.awards_angular.c-awards {
padding-bottom: 60px;
}
.awards__title.awards__title_angular {
width: 100%;
text-align: left;
}
.site-header {
height: auto;
padding-left: 0;
padding-right: 0;
}
.site-header.on-dark-bg {
display: none;
}
.site-header__inner {
padding-top: 6px;
padding-bottom: 5px;
}
.centered-container {
text-align: left;
}
.cards-grid-container {
grid-template-columns: 1fr;
margin-left: 0;
margin-right: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.section-2 {
padding-left: 10px;
padding-right: 10px;
}
.blog-author {
flex-wrap: wrap;
justify-content: center;
}
.blog-author__profile-img {
flex: 0 auto;
order: 0;
margin-right: 0;
padding-right: 0;
}
.blog-author__header, .blog-author__info, .developers__title {
text-align: left;
}
.developers {
padding-top: 60px;
padding-bottom: 60px;
}
.developers__inner {
flex-direction: column;
display: block;
}
.slider-container {
flex-direction: column;
padding-bottom: 20px;
}
.angular-developers__slide {
width: auto;
margin-bottom: 20px;
}
.angular-developers__slide.angular-developers__slide2 {
margin-bottom: 0;
}
.angular-developers__slide-image {
width: 70px;
height: 70px;
max-width: none;
}
.difference-angular, .difference-angular.difference-angular--blue {
padding-top: 60px;
padding-bottom: 60px;
}
.different-angular-title {
text-align: left;
}
.different-angular__container {
flex-direction: column;
}
.different-angular__item {
width: auto;
align-self: stretch;
}
.heading-9 {
width: auto;
text-align: left;
margin-bottom: 20px;
}
.difference__list-item {
margin-bottom: 15px;
}
.different__item-image {
height: 70px;
margin-bottom: 20px;
}
.compare {
padding-top: 60px;
padding-bottom: 60px;
}
.resulst__title {
text-align: center;
}
.result, .questions-react {
padding-top: 60px;
padding-bottom: 60px;
}
.questions-angular__title {
text-align: center;
}
.finish, .finish.c-finish {
padding-top: 60px;
padding-bottom: 60px;
}
.finish__title {
font-size: 2.3rem;
}
.finish__title.finish__title {
line-height: 40px;
}
.finish__title.finish__title_short {
width: auto;
text-align: left;
}
.working-flow.color {
padding-top: 90px;
padding-bottom: 90px;
}
.psd-angular-cf__title {
text-align: left;
}
.psd-angular-cf__slider {
display: none;
}
.psd-angular-cf__items {
flex-direction: column;
}
.psd-angular-cf__item {
width: 100%;
margin-bottom: 10px;
}
.teams, .teams.teams--blue {
padding-top: 60px;
padding-bottom: 60px;
}
.teams_container {
padding-left: 20px;
padding-right: 20px;
}
.teams__slide {
flex-direction: column;
align-items: center;
}
.teams__people {
margin-left: 0;
margin-right: 0;
}
.teams__people.c-teams__people {
width: 50%;
}
.slide-nav {
bottom: -30px;
}
.slide-nav-2 {
bottom: -35px;
}
.c-hero__bg-image.c-hero__bg-image--blog {
width: auto;
min-width: 100%;
}
.teams__list {
justify-content: center;
}
.teams__buttons {
flex-flow: column;
align-content: flex-end;
justify-content: flex-end;
align-items: stretch;
}
.teams__button-show, .teams__button-hide {
align-self: auto;
}
.team-video__paragraph-text {
width: auto;
}
.new-site-footer__bottom-container {
height: auto;
flex-direction: column;
padding-top: 20px;
padding-bottom: 0;
}
.new-site-footer__bottom-text, .new-site-footer__bottom-center {
margin-bottom: 12px;
}
.new-site-footer__top-container {
flex-direction: column;
align-items: flex-start;
padding-left: 0;
padding-right: 0;
}
.new-site-footer__top-home, .new-site-footer__top-home.w--current {
margin-bottom: 40px;
margin-right: 0;
}
.new-site-footer__top-contacts {
margin-right: 0;
}
.new-site-footer__top-contact-ceo-h {
justify-content: center;
}
.new-site-footer__top-contact-ceo-phone {
text-align: left;
align-self: auto;
}
.new-site-footer__top-contact-ceo-email {
text-align: left;
}
.new-site-footer__top-about {
align-items: flex-start;
margin-right: 0;
}
.new-site-footer__top-services {
align-items: flex-start;
margin-right: 0;
padding-left: 0;
}
.new-site-footer__top-hire {
align-items: flex-start;
padding-left: 0;
}
.c-reviews {
padding-top: 60px;
padding-bottom: 60px;
}
.c-comment {
padding: 19px;
}
.c-comment__header {
flex-direction: column;
margin-bottom: 20px;
}
.c-comment__user {
margin-bottom: 10px;
}
.c-comment__article.c-comment__article--last {
margin-top: 15px;
}
.c-comment__article-title {
margin-bottom: 5px;
}
.link-btn_viewall {
font-size: .85rem;
display: block;
position: static;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.techs {
padding-top: 60px;
padding-bottom: 60px;
}
.fake-header {
height: 60px;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.bold-text-14 {
font-weight: 600;
}
.html-embed-3 {
width: 100%;
height: 250px;
text-align: center;
flex: 0 auto;
justify-content: flex-start;
align-self: flex-start;
align-items: flex-start;
margin-bottom: 40px;
display: block;
}
.estimate-input__buttons {
flex-wrap: wrap;
}
.estimate-input__buttons.estimate-input__buttons--vertical {
flex-flow: wrap;
}
.estimate-input__button {
flex: 1;
align-items: stretch;
}
.estimate-input__button.estimate-input__button--33 {
width: 33%;
flex: none;
}
.estimate-input__button-label.estimate-input__button-label--first {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.estimate-input__button-label.estimate-input__button-label--last {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.step-tabs__tab {
padding: 5px 10px;
}
.team-list__item.team-member {
width: 50%;
padding-left: 5px;
padding-right: 5px;
}
.team-list__navigation {
flex-direction: column-reverse;
}
.saas-dev-servise__list-elem {
text-align: left;
}
.saas-solutions__list-item-imgs {
width: auto;
}
.saas-solutions__list-item-imgs-img {
width: 100%;
height: auto;
}
.saas-solutions__list-item-imgs-imgs-img {
margin-bottom: 20px;
}
.saas-solutions__list-item-imgs-imgs {
flex-wrap: wrap;
}
.reviesws__link {
bottom: 8px;
}
.post__image {
flex: 0 auto;
align-self: auto;
display: none;
}
.text-block-10 {
font-size: 10px;
}
.mini-icon {
width: 13px;
}
.post-heading {
font-size: 28px;
line-height: 1.25;
}
.post-hero-content {
padding-left: 0;
padding-right: 0;
}
.divider-small.transparent {
margin-left: 6px;
margin-right: 6px;
}
.section-4 {
padding-left: 20px;
}
.section-4.post-hero-section {
height: 250px;
}
.section-4.no-padding {
padding: 0;
}
.section-4.no-padding-vertical {
padding-bottom: 0;
}
.section-4.top-section {
margin-top: 0;
padding-top: 0;
}
.post-subscribe {
max-width: none;
padding: 32px;
}
.grid-mini {
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
}
.sidebar {
width: auto;
flex: 1;
}
.subscribe-v1-grid {
grid-template-columns: 100%;
}
.post-bottom-info {
flex-wrap: wrap;
}
.header-2 {
margin-bottom: 0;
}
.post-author-about {
margin-left: 16px;
margin-right: 16px;
padding-left: 16px;
padding-right: 16px;
}
.post {
padding-left: 0;
}
.post-rich-text {
text-align: left;
}
.post-rich-text p {
margin-bottom: 30px;
font-size: 1.16rem;
font-weight: 500;
line-height: 170%;
}
.post-rich-text h2 {
margin-top: 80px;
font-size: 30px;
}
.post-rich-text a {
cursor: pointer;
flex-flow: row;
align-items: flex-start;
display: inline;
}
.post-rich-text h4 {
margin-top: 20px;
font-size: 1.1rem;
}
.post-rich-text h3 {
font-size: 24px;
}
.post-rich-text blockquote {
padding: 27px;
}
.post-rich-text figure {
width: auto;
height: auto;
margin-left: 0;
margin-right: 0;
display: block;
}
.post-rich-text img {
width: 100%;
object-fit: cover;
overflow: visible;
}
.post-rich-text ol {
padding-left: 35px;
}
.text-block-11 {
text-align: center;
font-size: 1rem;
font-weight: 500;
}
.post-share {
display: none;
}
.post-body {
display: block;
}
.grid-medium {
grid-row-gap: 32px;
grid-template-columns: repeat(auto-fit, minmax(80vw, 1fr));
}
.thumbnail {
object-fit: cover;
}
.thumbnail-medium {
height: 64vw;
}
.blog-container {
padding-top: 0;
}
.grid-full-big {
grid-template-columns: repeat(auto-fit, 100%);
}
.post-card-v3-big {
height: 120vw;
padding: 24px;
}
.page-intro {
max-width: none;
padding-left: 8px;
padding-right: 8px;
}
.breadcrumbs {
flex-wrap: wrap;
}
.breadcrumbs-link {
flex: none;
margin-bottom: 7px;
font-size: .8rem;
}
.breadcrumbs-divider {
padding-left: 7px;
padding-right: 7px;
}
.post-v3-content {
padding-left: 0;
}
.post-v3-heading {
margin-top: 16px;
}
.post-v3-thumbnail {
width: auto;
height: 64vw;
display: block;
}
.post-v3-card {
display: block;
}
.s-hero {
padding-top: 80px;
padding-bottom: 80px;
}
.s-hero.x-development.new {
max-width: 100vw;
padding-top: 0;
}
.s-container {
padding-left: 20px;
padding-right: 20px;
}
.s-container.new {
max-width: 100vw;
}
.s-hero__inner {
margin-top: 40px;
}
.s-hero__inner.new {
width: 518.333px;
max-width: 95vw;
}
.s-title {
margin-bottom: 30px;
font-size: 40px;
font-weight: 900;
line-height: 133%;
}
.s-title.words-in-tittle {
margin-bottom: 4px;
margin-right: 13px;
padding-right: 0;
font-size: 36px;
}
.s-title.new {
max-width: 90vw;
white-space: pre-wrap;
font-size: 40px;
font-weight: 900;
line-height: 65px;
}
.s-hero__tips {
max-width: 90vw;
flex-flow: column wrap;
align-items: flex-start;
margin-top: 0;
margin-bottom: 29px;
display: block;
}
.s-hero__tip {
margin-left: 0;
}
.tip__name {
color: #404547;
font-size: 1rem;
}
.s-hero__title {
max-width: 95vw;
}
.s-hero__wheel {
display: none;
top: 140px;
right: -7%;
}
.s-hero__buttons {
max-width: 90vw;
flex-direction: column;
padding-left: 0;
}
.s-button.blue-banner_btn {
max-width: 268px;
}
.s-button.new {
margin-left: 0;
}
.s-hero__partners {
height: 115px;
flex-wrap: wrap;
align-content: space-between;
justify-content: center;
align-items: stretch;
}
.s-hero__partner-logo {
height: 100%;
max-width: 40%;
align-self: center;
margin-left: 0;
}
.s-hero__partner-logo.deloite {
height: 20px;
}
.s-hero__partner-logo.da-vinvci {
max-width: 50%;
}
.left-column {
padding-top: 80px;
padding-bottom: 0;
}
.right-column {
background-color: #fff;
margin-bottom: 0;
padding: 0 0 20px;
}
.developers-cards-carousel.left-column_block {
margin-top: 0;
margin-bottom: 120px;
}
.h3 {
margin-bottom: 30px;
font-size: 1.5rem;
}
.h4 {
margin-left: 0;
font-size: 1rem;
}
.h4.x-stack_tab_tittle {
font-size: .8rem;
}
.h4.flow_stage_last {
margin-bottom: 0;
}
.h4.service-flow_stage_item {
margin-left: 15px;
}
.h4.h3 {
font-size: 1.5rem;
}
.faq.left-column_block, .our-works_block {
margin-bottom: 80px;
}
.text_block {
margin-top: 20px;
margin-bottom: 80px;
}
.plain-text {
margin-bottom: 0;
}
._2-clm-section {
padding-left: 20px;
padding-right: 20px;
}
.blue-banner_block {
height: 410px;
}
.blue-banner_block.blue-banner_mobile {
height: 420px;
}
.blue-banner_block.x-dev_page_block {
display: none;
}
.heading_blue-banner {
font-size: 22px;
line-height: 140%;
}
.blue-banner_content_wrapper {
margin-top: auto;
margin-left: 20px;
margin-right: 20px;
position: relative;
top: 179px;
}
.blue-banner_content_wrapper.x-dev_page_block {
width: 100%;
max-width: none;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px;
}
.blue-banner_image {
width: 350px;
height: 400px;
top: -358px;
left: auto;
}
.blue-banner_image.react-image_mobile {
margin-top: -405px;
margin-left: auto;
margin-right: auto;
position: relative;
top: 202px;
left: 1px;
}
.developers-card_wrapper {
padding: 20px;
}
.developers-card_person {
flex-direction: column;
}
.developers-card_person_avatar {
margin-bottom: 20px;
}
.developers-card_person-details {
align-self: flex-start;
margin-left: 0;
}
.developers-card_person_job {
font-size: 12px;
}
.developers-card_description_p {
margin-top: 20px;
margin-bottom: 20px;
}
.developers-cards_slider_nav {
display: none;
top: 69%;
}
.developers-cards_slider_arrow.slider_arrow_right, .developers-cards_slider_arrow.slider_arrow_left {
bottom: -6%;
}
.our-awards_block {
margin-top: 0;
margin-bottom: 80px;
}
.our-awards_logo_image {
max-height: 130px;
}
.our-awards_logo_image.the-manifest_logo {
max-height: 62px;
}
.our-awards_logo_image.best-web {
max-height: 134px;
}
.our-awards_logo_image.top-web {
max-height: 114px;
}
.our-awards_logo_image.top-20 {
max-height: 125px;
}
.mentioned-at_block, .ava-reviews_block {
margin-bottom: 80px;
}
.ava-reviews_block_head {
justify-content: space-between;
align-items: center;
}
.review-on-clutch_image {
margin-bottom: 14px;
}
.reviewer_name {
font-size: 1rem;
}
.reviewer_job-tittle {
font-size: .87rem;
}
.review_stars, .ava-reviews_card_average-rating_wrapper {
align-items: center;
}
.review_rating-category_wrapper {
grid-template-columns: .5fr .75fr;
}
.cta-banner_section {
padding-left: 20px;
padding-right: 20px;
}
.cta-banner_container {
padding-top: 80px;
padding-bottom: 80px;
}
.s-title-cta {
font-size: 35px;
}
.card-slider_icon {
width: 40px;
height: 40px;
}
.page-container_table_header {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.x-services_grid {
grid-template-columns: 1fr;
}
.lft-clm_container {
margin-bottom: 80px;
}
.lft-clm_container.x-services_block {
margin-top: 0;
margin-bottom: 80px;
}
.s-text {
margin-top: 20px;
margin-bottom: 20px;
}
.x-stack_pannel {
margin-top: 23px;
}
.x-stack_tabs_wrapper {
height: 100%;
flex-wrap: nowrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: flex;
position: static;
overflow: visible;
}
.x-stack_tab {
flex: 0 auto;
align-self: stretch;
margin-top: auto;
padding-left: 10px;
padding-right: 10px;
}
.x-stack_tab.x-stack_tab_active {
height: 100%;
min-height: 100%;
margin-top: auto;
padding-left: 12px;
padding-right: 12px;
position: static;
overflow: visible;
}
.x-stack_tab_text {
font-size: 10px;
}
.x-stack_technologies_wrapper {
padding-bottom: 10px;
}
.tech-category_wrapper {
margin-bottom: 20px;
}
.tech-category_wrapper.case-page-tech-block {
width: 100%;
padding-bottom: 0;
}
.tech-list_item {
font-size: 1rem;
}
.x-stack_clmn {
padding-bottom: 0;
display: block;
}
.service-flow_stages_wrapper {
border-bottom-width: 0;
border-left: 5px solid #edf6ff;
justify-content: flex-start;
align-items: center;
display: block;
}
.service-flow_stage {
flex: 0 auto;
align-self: flex-end;
}
.m-circle_icon {
top: -26px;
left: -8px;
}
.m-circle_icon.flow_icon_last {
top: -12px;
}
.form_grid {
z-index: 2;
width: auto;
grid-template-columns: 1fr;
align-items: stretch;
justify-items: start;
overflow: visible;
}
.input_form_block {
width: 100%;
padding: 30px 20px;
}
.we-will-reach_block {
padding-left: 20px;
padding-right: 20px;
}
.vikroria-in-circle_image {
max-width: 350px;
top: 0%;
bottom: auto;
left: 0%;
right: auto;
}
.plain-text_section {
padding-left: 20px;
padding-right: 20px;
}
.service-flow_stage_tittle {
padding-left: 0;
padding-right: 14px;
font-size: 10px;
display: flex;
}
.s-button-new {
white-space: break-spaces;
margin-bottom: 10px;
margin-right: 0;
}
.h2 {
font-size: 1.75rem;
}
.normal-text, .normal-text.developers-card_description_p, .normal-text.hero-text {
font-size: 1rem;
}
.normal-text.white-text, .small-text {
font-size: .87rem;
}
.small-text.developers-card_description_p {
color: #9da8af;
font-size: 1rem;
}
.header_background {
height: 73px;
left: -75px;
}
.form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.s-button-2.new {
margin-left: 0;
}
.s-button-2.blue-banner_btn {
max-width: 268px;
}
.tip__name-2 {
color: #6b7479;
font-size: 1rem;
}
.s-hero__partners_collection_list {
flex-wrap: wrap;
flex: 1;
align-content: space-between;
justify-content: center;
}
.s-hero__partners_collection_item {
margin-bottom: 9px;
margin-right: 10px;
}
.s-hero__partners_image {
height: 25px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
}
.developers-card_person_job-2 {
font-size: 12px;
}
.developers-cards_slider_nav-2 {
display: none;
top: 69%;
}
.x-stack_tab-2 {
flex: 0 auto;
align-self: stretch;
margin-top: auto;
padding-left: 10px;
padding-right: 10px;
}
.x-stack_tab-2.x-stack_tab_active {
height: 100%;
min-height: 100%;
margin-top: auto;
padding-left: 12px;
padding-right: 12px;
position: static;
overflow: visible;
}
._2-clm-section-2 {
padding-left: 20px;
padding-right: 20px;
}
.reviewer_job-tittle-2 {
font-size: .87rem;
}
.blue-banner_block-2 {
height: 410px;
}
.blue-banner_block-2.blue-banner_mobile {
height: 420px;
}
.blue-banner_block-2.x-dev_page_block {
display: none;
}
.small-text-2 {
font-size: .87rem;
}
.small-text-2.developers-card_description_p {
color: #9da8af;
font-size: 1rem;
}
.right-column-2 {
background-color: #fff;
margin-bottom: 0;
padding: 0 0 20px;
}
.normal-text-2.developers-card_description_p {
font-size: 1rem;
}
.normal-text-2.overwiew-item_text {
font-size: .87rem;
}
.normal-text-2.numbers_text {
font-size: .85rem;
}
.x-services_collection_item {
padding-left: 0;
padding-right: 0;
}
.our-apps_collection {
grid-row-gap: 10px;
grid-template-columns: 1fr;
}
.our-works_block_header {
justify-content: space-between;
}
.link-block-6 {
flex: 0 auto;
order: 1;
justify-content: center;
}
.screenshots_wrapper_btns.slider-home-new {
top: 15px;
}
.input_form_block-2 {
width: 100%;
padding: 30px 20px;
}
.we-will-reach_block-2 {
padding-left: 20px;
padding-right: 20px;
}
.s-button-new2 {
white-space: break-spaces;
margin-right: 0;
}
.plain-text-2 {
margin-bottom: 0;
}
.input_form_confirm-checkbox {
color: #404547;
margin-top: 0;
margin-bottom: 20px;
font-size: 12px;
line-height: 18px;
}
.block_section {
padding-left: 0;
padding-right: 0;
}
.block_section.hero-section {
margin-top: 60px;
}
.block_section.first-block {
padding-top: 40px;
}
.block_section.video-section {
min-height: 650px;
}
.block_section.our-priority {
padding-top: 0;
}
.block_section.our-levels {
margin-bottom: 48px;
}
.block_section.video-section-career {
height: 100vh;
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/6409a8a4e7fbd46fd907d7c7_iStock-1365436662%201.png");
background-position: 50%;
background-size: auto;
}
.block_section.testimonials-header {
margin-top: 10px;
}
.block_section.image-section-refer {
background-image: url("https://uploads-ssl.webflow.com/5d9afcfbeaeaabe6904f5c02/6409a8a4e7fbd46fd907d7c7_iStock-1365436662%201.png");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
}
.block_section.case-header-section {
background-image: none;
flex-wrap: nowrap;
justify-content: flex-end;
padding-top: 0;
padding-bottom: 16px;
overflow: visible;
}
.block_section.case-header-section.case-curator {
padding-bottom: 0;
}
.block_section.case-brief-content__container.straddle-case {
margin-top: 0;
}
.content-container {
margin-top: 0;
padding-left: 16px;
padding-right: 16px;
overflow: hidden;
}
.content-container.two-columns {
padding-left: 20px;
padding-right: 20px;
}
.content-container.modal-container {
padding-bottom: 0;
}
.content-container.home-header-container {
z-index: 2;
padding-bottom: 60px;
}
.content-container.our-cases-header-container {
height: 100%;
padding-top: 0;
}
.content-container.case-header-content__container.quik-case, .content-container.introduction_sections {
padding-left: 16px;
padding-right: 16px;
}
.our-cases__title.hero-tittle {
font-size: 2rem;
}
.our-cases__title.quick-hero {
font-size: 30px;
}
.our-cases__title.hero-tittle-copy {
font-size: 2rem;
}
.our-cases__title.hero-tittle-copy-copy {
margin-top: 197px;
font-size: 2rem;
}
.cta-bottom_button {
margin-top: 30px;
}
.awards_collection {
flex-flow: wrap;
}
.image-awward {
width: 48px;
max-width: none;
}
.awards_collection_item {
margin-bottom: 7px;
}
.mentioned_collection {
flex-wrap: wrap;
}
.mentioned_collection_item {
margin-bottom: 7px;
padding-bottom: 0;
}
.image-15 {
width: 350%;
max-width: none;
opacity: .27;
bottom: 74px;
left: -148%;
right: 0%;
}
.image-15.background-bottom {
width: 100%;
height: 129.698%;
opacity: .4;
top: auto;
left: auto;
right: auto;
}
.image-15.hero-back {
width: 300%;
top: 0%;
left: -139%;
right: auto;
}
.technologies_grid {
grid-column-gap: 13px;
grid-row-gap: 12px;
grid-template-rows: 2fr 2fr;
grid-template-columns: 1fr 1fr;
}
.technologies_wrapper_columns {
grid-row-gap: 14px;
grid-template-columns: 1fr;
padding-top: 20px;
padding-bottom: 20px;
}
.technologies_wrapper_columns._2-items {
grid-row-gap: 9px;
}
.numbers_block_item {
text-align: center;
margin-bottom: 0;
}
.percents-image {
width: 90px;
height: 90px;
}
.technology_tittle {
align-self: center;
margin-bottom: 14px;
font-size: 1rem;
}
.comment {
text-align: left;
padding-left: 14px;
}
.industry-focus_grid {
grid-template-rows: 181px auto;
grid-template-columns: 1fr;
}
.indusry-focus_wrapper-link {
height: 100%;
}
.industry-focus_content {
width: 100%;
height: 100%;
padding-top: 20px;
padding-bottom: 10px;
padding-left: 20px;
position: relative;
}
.label-with-arrow {
align-items: flex-end;
}
.arrof_right {
align-self: center;
}
.heading-15 {
align-self: flex-end;
align-items: center;
margin-bottom: 10px;
}
.industry-image_cover {
max-height: none;
max-width: none;
}
.clients-collection {
grid-column-gap: 11px;
grid-template-columns: 1fr 1fr;
}
.client-logo_image {
height: 25px;
}
.image-16 {
width: 24px;
height: 24px;
margin-right: 10px;
}
.subheading.developers-card_description_p {
font-size: 1rem;
}
.team-collection_list {
grid-row-gap: 14px;
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas: "Area-2 . Area";
}
.review-card_wrapper {
padding: 20px;
}
.heading-16 {
margin-top: 5px;
font-size: 1rem;
}
.to-top_button_wrapper {
display: none;
}
.table-of-content {
background-color: #f6f6f6;
margin-top: 0;
font-size: 13px;
}
.toc {
font-size: 12px;
line-height: 140%;
}
.action-button-career {
width: 100%;
height: 45px;
}
.action-button-career.action-button_black {
width: 100%;
}
.action-button-career.contact-form__send-btn {
margin-left: 10px;
}
.action-button-career.lead-box__request-btn {
width: 100%;
}
.action-button-career.lead-box__request-btn.lead-box__btn {
width: 100%;
white-space: normal;
flex-wrap: nowrap;
margin-bottom: 15px;
}
.action-button-career.lead-box__request-btn.angular-developers__btn {
bottom: -110px;
left: 50%;
right: auto;
transform: translate(-50%);
}
.action-button-career.action-button__blue-border.team-list__show-team-btn {
width: 100%;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
}
.action-button-career.action-button__blue-border.team-button {
height: auto;
}
.action-button-career.team-list__hire-btn {
width: 100%;
margin-right: 0;
}
.background_wrapper {
width: 100%;
height: 800px;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
overflow: hidden;
}
.bottom-backgound_wrapper {
width: 100%;
height: 100%;
position: absolute;
}
.quick-hero-container {
height: auto;
padding: 60px 20px;
}
.quick-hero_content_wrapper {
margin-top: 71px;
}
.overview-items_wrapper {
margin-top: 0;
padding-top: 0;
}
.tag-item, .tag-item.last {
margin-left: 5px;
}
.overview-items_wrapper2 {
background-color: #fff;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.overview-item_team_wrapper {
flex-wrap: wrap;
}
.overview-item_team_image {
margin-bottom: 10px;
}
.quick-users_wrapper {
grid-template-columns: 1fr 1fr;
}
.technologies-grid_wrapper {
grid-row-gap: 0px;
grid-template-columns: 1fr;
}
.project-overview_description {
width: auto;
min-width: auto;
}
.project-overview_description.sticky {
height: 100%;
}
.screen_collection_slider_btns.slider-home-new {
top: 15px;
}
.image-19 {
width: 100%;
}
.technology_tittle-copy {
margin-bottom: 14px;
font-size: 1rem;
}
.feedback_stars {
align-items: center;
}
.frame_wrapper {
margin-left: auto;
margin-right: auto;
}
.image-21 {
width: 300px;
}
.overview-grid {
grid-template-columns: 1fr;
}
.interface-parts_columns {
max-width: none;
align-content: stretch;
}
.sticky-left-clmn {
height: 100%;
position: static;
}
.sticky-right-clmn, .sticky-right-clmn.admin-part {
height: auto;
}
.image-22 {
height: 25px;
}
.collection-item-4 {
margin-right: 13px;
}
.hero-tittle_wrapper {
justify-content: flex-start;
margin-top: 22px;
margin-bottom: 18px;
}
.ac-img-container {
padding: 52px 12px 32px;
}
.ac-img-container.none {
padding-top: 52px;
padding-left: 32px;
padding-right: 32px;
}
.ac-img-container__close {
width: 40px;
height: 40px;
font-size: 36px;
}
.rich-text_block {
width: auto;
text-align: left;
}
.rich-text_block h3 {
text-align: left;
font-size: 1.5rem;
}
.expand-hide_button.blue-banner_btn {
max-width: 268px;
}
.expand-hide_button.new {
margin-left: 0;
}
.body-12 {
padding-top: 0;
}
.carmen-users_grid {
grid-column-gap: 10px;
grid-template-columns: 1fr 1fr;
}
.project-part_description.sticky, .project-services_wrapper.sticky, .project-part_description_wrapper.sticky {
height: 100%;
}
.interface-parts_columns-copy {
max-width: none;
align-content: stretch;
}
.mobile-part_grid {
grid-template-columns: 1fr;
align-self: center;
}
.mobile-part_images_wrapper.second-part {
padding-top: 0;
display: none;
}
.mobile-part_image {
margin-bottom: 20px;
}
.small-text-2-copy {
font-size: .87rem;
}
.small-text-2-copy.developers-card_description_p {
color: #9da8af;
font-size: 1rem;
}
.normal-text-semi-bold, .normal-text-semi-bold.developers-card_description_p, .normal-text-semi-bold.hero-text {
font-size: 1rem;
}
.show-more_text_admin_carmen, .show-less_text_admin_carmen {
flex: 0 auto;
}
.grid-13 {
margin-bottom: 100px;
}
.project-summary_description.sticky {
height: 100%;
}
.project-parts_columns_nection {
grid-template-columns: 1fr;
margin-top: 40px;
}
.project-part_subtittle {
margin-bottom: 10px;
font-size: 13px;
}
.project-feature_wrapper {
margin-top: 30px;
}
.reminder-part_wrapper {
align-items: center;
}
.grid-14 {
grid-row-gap: 40px;
grid-template-columns: 1fr;
}
.image-28 {
margin-top: 20px;
}
.content-conteiner_other-cases, .content-conteiner_other-cases.two-columns {
padding-left: 20px;
padding-right: 20px;
}
.cta-content_wrapper {
grid-row-gap: 0px;
}
.heading-20 {
font-size: 30px;
}
.h3-copy {
margin-bottom: 30px;
font-size: 1.5rem;
}
.project-part_description_static.sticky {
height: 100%;
}
.sticky-right-clmn_photobell, .sticky-right-clmn_photobell.admin-part {
height: auto;
}
.project-overview_description-copy {
width: auto;
min-width: auto;
}
.project-overview_description-copy.sticky {
height: 100%;
}
.mob-nection-part_wrapper, .numinous-part_wrapper {
align-items: center;
}
.body-13 {
padding-top: 0;
}
.body-14 {
padding-top: 40px;
}
.case-hero-container {
height: auto;
min-height: 100vh;
padding: 60px 20px;
}
.case-hero_content_wrapper {
margin-top: auto;
margin-bottom: auto;
padding-right: 0;
}
.case-h2 {
padding-right: 20px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
font-size: 30px;
line-height: 130%;
}
.input_form_block_wrapper {
width: 100%;
padding: 0 0 30px;
}
.next-steps_block_wrapper {
grid-template-columns: 1fr;
}
.manager-photo_wrapper {
width: auto;
}
.grid-medium-small {
grid-row-gap: 32px;
grid-template-columns: repeat(auto-fit, minmax(80vw, 1fr));
}
.text-block-18 {
font-size: 12px;
}
.text-block-19 {
font-size: 100px;
}
.body-16 {
padding-top: 40px;
}
.empty-state-2 {
display: none;
}
.content-conteiner-cta {
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}
.content-conteiner-cta.two-columns {
padding-left: 20px;
padding-right: 20px;
}
.s-button-2-copy.new {
margin-left: 0;
}
.s-button-2-copy.blue-banner_btn {
max-width: 268px;
}
.s-hero__wrapper {
max-width: 100vw;
}
.s-hero__customers {
max-width: 90vw;
}
.team-video__content_2 {
grid-template-columns: 1fr;
}
.blogs-list {
display: block;
}
.blog-tab {
width: 100%;
margin-bottom: 0;
}
.blog-tab.w--current {
justify-content: center;
align-items: center;
margin-bottom: 0;
display: flex;
}
.blog-tab.blog-tab-mobile {
background-color: #fff;
border-radius: 0;
display: none;
}
.blog-tab.blog-tab-mobile.blog-tab-mobile-last {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.blog-tab.blog-tab-all {
justify-content: center;
align-items: center;
display: flex;
}
.blog-tab-title {
text-align: center;
display: block;
}
.blog-tab-title.blog-tab-title-all {
color: #fff;
}
.blog-item-container.blog-item {
flex-wrap: wrap;
}
.blog-img {
width: 100%;
height: 100%;
max-height: 400px;
max-width: none;
object-fit: contain;
margin-right: 0;
}
.blog-image {
object-fit: cover;
display: block;
}
.blog-image.mobile {
display: block;
}
.blog-image.desctop {
display: none;
}
.blog-category.blog-category-hero {
margin-bottom: 18px;
font-size: 14px;
}
.blog-title.blog-title-hero.blog-title-main {
white-space: break-spaces;
font-size: 30px;
line-height: 38px;
}
.blog-tab-content {
margin-top: 1rem;
}
.hero-section {
margin-bottom: 2rem;
}
.blog-items-wrapper {
margin-top: 12px;
}
.blog-tab-circle.blog-tab-circle-automotive, .blog-tab-circle.blog-tab-circle-angular, .blog-tab-circle.blog-tab-circle-startups, .blog-tab-circle.blog-tab-circle-tech, .blog-tab-circle.blog-tab-circle-how-to, .blog-tab-circle.blog-tab-circle-angularjs, .blog-tab-circle.blog-tab-circle-outsorcing {
display: none;
}
.blog-tab-control {
text-align: center;
justify-content: center;
}
.blog-hero-info {
width: 100%;
min-width: 250px;
margin-left: auto;
margin-right: auto;
}
.blog-hero-wrapper {
padding: 7rem 2rem 2rem;
}
.normal-text-copy, .normal-text-copy.developers-card_description_p, .normal-text-copy.hero-text {
font-size: 1rem;
}
.normal-text-copy.white-text {
font-size: .87rem;
}
.about-block {
flex-flow: row;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-weight: 500;
position: static;
}
.div-block-21 {
flex-direction: column;
}
.about-text {
margin-top: 0;
margin-left: 0;
font-weight: 500;
}
.about-text.about-text-mob {
flex-flow: column wrap;
justify-content: center;
align-items: flex-start;
margin-top: 0;
margin-left: 0;
font-size: 15px;
display: flex;
}
.link-9 {
max-width: 300px;
text-align: left;
white-space: pre-wrap;
object-fit: fill;
margin-left: -12px;
font-size: 10px;
overflow: visible;
}
.link-10, .link-11 {
font-size: 13px;
}
.post__image_mob {
flex: 0 auto;
align-self: auto;
display: block;
}
.paragraph-6 {
font-family: Montserrat, sans-serif;
font-size: 1.1rem;
font-weight: 400;
}
.list-item-7 {
margin-bottom: 20px;
}
.block-quote-3 {
border-color: #f6f6f6;
}
.block-quote-4 {
padding: 24px;
}
.paragraph-7 {
font-size: 1.2rem;
}
.list-10 {
padding-left: 23px;
}
.paragraph-8 {
color: #404547;
}
.text-block-25, .text-block-26, .text-block-27 {
font-size: 10px;
}
.post-hero-content-new {
margin-top: -60px;
padding-left: 0;
padding-right: 0;
}
.div-block-22 {
padding: 0;
}
.badge-new {
margin-left: 0;
}
.post__image_new {
border-radius: 0;
flex: 0 auto;
align-self: auto;
display: block;
}
.heading-23 {
font-size: 1.1rem;
}
.body-17 {
padding-top: 40px;
}
.cta_in-rich-text {
margin-bottom: 10px;
}
.cta-in-rich-text_bg {
width: 100%;
height: 100%;
opacity: 1;
object-fit: cover;
top: auto;
bottom: 0%;
left: auto;
right: 0%;
}
.cta_in-rich-text_content {
margin-bottom: 10px;
}
.cta_in-rich-text_heading {
margin-bottom: 16px;
font-size: 24px;
}
.cta_in-rich-text_p {
line-height: 170%;
}
.post-link_in-rich-text {
height: 100%;
margin-top: 40px;
margin-bottom: 40px;
}
.post-link_in-rich-text_img-500 {
width: 100%;
height: 150px;
max-height: 150px;
max-width: none;
min-width: 0;
object-fit: cover;
flex: 0 auto;
align-self: stretch;
display: none;
}
.post-link_in-rich-text_content-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.article-name_text {
font-size: 19px;
}
.post-link_in-rich-text_img-1600 {
width: 100%;
height: 150px;
max-height: 150px;
max-width: none;
min-width: 0;
object-fit: cover;
flex: 0 auto;
align-self: stretch;
display: block;
}
.faq-blog_wrapper.sticky {
height: 100%;
}
.faq-blog_item_header, .faq-blog_tittle_wrapper, .faq-blog_tittle, .faq-blog_item_controls, .faq-blog_item_wrapper {
cursor: pointer;
}
.rate-this-article_wrapper {
flex-direction: column;
margin-top: 60px;
margin-bottom: 20px;
padding: 24px;
}
.rate-this-article_content_wrapper {
align-self: center;
margin-bottom: 14px;
margin-right: 0;
}
.rate-this-article_heading, .rate-this-article_subheading {
text-align: center;
}
.rate-this-article_buttons {
cursor: pointer;
}
.body-18 {
padding-top: 45px;
}
.position_bottov_wrapper {
text-align: left;
flex-direction: column;
justify-content: flex-start;
margin-top: 17px;
display: flex;
}
.position-descr_item {
margin-bottom: 5px;
}
.image-39 {
margin-left: 8px;
}
.image-39.tabs-expand-btn, .image-40 {
display: block;
}
.image-40.black-arrow, .blogs-list-mobile {
display: none;
}
.blog-mobile-button {
border: 1px solid #f4f4f4;
justify-content: center;
align-items: center;
padding: 12px 16px;
display: none;
}
.blog-mobile-button.blog-tab {
text-align: center;
justify-content: center;
align-items: center;
margin-right: 0;
}
.blog-mobile-button.blog-mobile-last {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.blog-mobile-all {
background-color: #333;
border: 1px solid #333;
border-radius: 4px;
justify-content: center;
align-items: center;
padding: 12px 16px;
display: flex;
}
.blog-mobile-wrapper {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.blog-heading-wrapper {
margin-top: 0;
}
.page-container-2 {
width: 100%;
display: flex;
}
.blog-heading-wrapper-2 {
margin-top: 60px;
margin-bottom: 20px;
}
.text-block-35 {
font-size: .8rem;
}
.hero-article_collection_wrapper {
margin-bottom: 0;
}
.s-banner__tip {
margin-left: 0;
}
.s-banner_tip__name {
color: #6b7479;
font-size: 1rem;
}
.section-title_wrapper {
margin-bottom: 32px;
}
.section-title-copy {
text-align: left;
font-size: 1.5rem;
line-height: 2rem;
}
.section-title-copy.about__title {
margin-bottom: 30px;
}
.section-title-copy.process__title {
text-align: left;
margin-bottom: 30px;
}
.section-title-copy.solution__title {
margin-bottom: 25px;
}
.section-title-copy.description__title, .section-title-copy.questions__title, .section-title-copy.values__title, .section-title-copy.features__title {
margin-bottom: 30px;
}
.section-title-copy.idea__title {
padding-top: 20px;
padding-bottom: 20px;
}
.section-title-copy.job-steps__title, .section-title-copy.positiions__title, .section-title-copy.techs__block-title {
margin-bottom: 30px;
}
.section-title-copy.awards__section-name, .section-title-copy.clients__section-name, .section-title-copy.working-flow__title {
margin-bottom: 40px;
}
.section-title-copy.c-reviews__title, .section-title-copy.teams__title, .section-title-copy.different-angular__title {
margin-bottom: 30px;
}
.about-us_body {
width: auto;
}
.about-block_item_wrapper {
flex-flow: column wrap;
justify-content: center;
align-items: flex-start;
}
.contactus_block {
grid-template-columns: .25fr 1.75fr;
}
.div-block-28 {
margin-top: 0;
}
.bold-text-21 {
font-size: 14px;
}
.heading-26 {
margin-top: 0;
}
.heading-27 {
text-align: left;
font-size: 2rem;
}
.div-block-30 {
margin-top: 0;
margin-bottom: 90px;
}
.background-video-2 {
height: 100%;
max-height: 100%;
}
.div-block-31 {
padding-left: 0;
padding-right: 0;
top: 96%;
}
.div-block-32 {
padding-left: 16px;
padding-right: 16px;
}
.menu-button-2 {
padding-top: 10px;
padding-bottom: 10px;
}
.awards_collection_item-new {
padding: 0;
}
.awards_collection--new {
grid-column-gap: 35px;
grid-row-gap: 18px;
flex-flow: wrap;
justify-content: center;
padding: 10px 20px;
}
.hero-awards-new {
padding-top: 4px;
padding-bottom: 4px;
}
.business-of-year {
margin-right: 0;
padding-right: 20px;
}
.text-block-38 {
margin-right: 0;
}
.image-43 {
margin-bottom: 16px;
}
.heading-28 {
font-size: 16px;
line-height: 30px;
}
.divider {
display: none;
}
.divider.diveder-auto {
z-index: 999;
display: block;
}
.div-block-34 {
grid-column-gap: 0px;
}
.text-block-42 {
font-size: 24px;
}
.instruments-item {
width: 40px;
height: 40px;
padding: 8px;
}
.expectations__steps__item-text {
width: 100%;
}
.expectations__steps__item-caption {
width: 100%;
white-space: normal;
flex-wrap: nowrap;
}
.text-block-49 {
max-width: 100%;
white-space: normal;
}
.text-block-51 {
max-width: 100%;
}
.image-55 {
max-width: 116px;
}
.form-3 {
min-width: 320px;
}
.image-59 {
top: 2%;
}
.form-modal__content {
max-height: none;
}
.new-site-footer__top-ua-flag {
right: 20px;
}
.form-3-copy {
min-width: 320px;
margin-top: 40px;
}
.form-section-tips-copy {
display: flex;
}
.text-block-73 {
font-size: 22px;
}
.text-block-74 {
font-size: 16px;
line-height: 26px;
}
.div-block-30-copy {
margin-top: 0;
margin-bottom: 90px;
}
.section-header-copy {
margin-bottom: 0;
}
.team-building-videos-item {
width: 339px;
}
.active-jobs__item-head {
padding: 24px;
}
.text-block-79 {
font-size: 20px;
line-height: 20px;
}
.active-jobs__item-button {
padding: 24px;
}
.form-3-copy {
min-width: 277px;
margin-top: 49px;
}
.form-section-tips-copy {
display: none;
}
.div-block-30-copy {
margin-top: 0;
margin-bottom: 0;
}
.page-container-copy {
width: 100%;
height: auto;
justify-content: space-between;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
display: block;
}
.form-section-tips-copy-copy {
display: flex;
}
.awards_collection--new-copy {
grid-column-gap: 35px;
grid-row-gap: 18px;
flex-flow: wrap;
justify-content: center;
padding: 10px 20px;
}
.awards_collection_item-new-copy {
padding: 0;
}
.image-awward-copy {
width: 48px;
max-width: none;
}
.case-header-content {
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
padding: 0 0 16px;
}
.case-header-content.quik-case {
grid-row-gap: 0px;
}
.heading-32 {
text-align: center;
}
.heading-32.quik-case.our-cases-case__header {
width: 100%;
text-align: center;
padding-top: 40px;
}
.heading-33 {
flex: 0 auto;
padding-left: 0;
padding-right: 0;
}
.heading-33.quik-case {
margin-bottom: 30px;
}
.case-header-content__review {
width: 100%;
margin-bottom: 0;
padding: 16px;
}
.case-header-content__review.quik-case {
height: 100%;
}
.case-header-content__review.quik-case-review {
margin-bottom: 0;
}
.header-review-caption {
grid-row-gap: 14px;
flex-direction: column;
}
.case-image-wrapper {
display: block;
}
.text-block-89 {
max-width: 294px;
font-size: 1em;
line-height: 26px;
}
.collection-item-12 {
flex-direction: column;
justify-content: space-between;
display: flex;
}
.image-76 {
width: 52px;
height: 52px;
}
.header-review-info {
grid-column-gap: 24px;
padding-bottom: 0;
}
.text-block-90 {
font-size: 12px;
line-height: 19px;
}
.collection-list-16 {
flex-direction: row;
justify-content: space-around;
align-items: flex-end;
display: block;
}
.sd-card {
padding: 29px 20px 20px;
}
.sd-card-caption {
font-size: 20px;
line-height: 30px;
}
.sd-card-row {
margin-top: 23px;
}
.text-block-92 {
font-size: 16px;
line-height: 30px;
}
.div-block-43 {
grid-row-gap: 24px;
}
.div-block-43.case-header-content__technologies, .div-block-43.case-header-content__technologies.our-cases {
justify-content: flex-start;
}
.image-79 {
width: 100%;
max-width: 294px;
}
.sd-competencies__row {
grid-column-gap: 22px;
grid-row-gap: 22px;
flex-flow: column wrap;
}
.competency-icon {
margin-bottom: 16px;
}
.text-block-94 {
margin-bottom: 8px;
}
.text-block-96 {
font-size: 16px;
line-height: 30px;
}
.text-block-100 {
margin-bottom: 27px;
font-size: 16px;
line-height: 30px;
}
.image-85 {
max-width: 276px;
}
.text-block-105 {
font-size: 16px;
line-height: 30px;
}
.image-87 {
max-width: 275px;
}
.text-block-109, .text-block-112 {
font-size: 18px;
line-height: 32px;
}
.our-cases__inner_container {
height: 100%;
padding-top: 86px;
}
.div-block-49 {
height: auto;
min-height: auto;
}
.div-block-49.case-header-content_additional {
width: 100%;
grid-row-gap: 10vw;
margin-bottom: 0;
}
.div-block-50 {
width: 100%;
align-self: flex-start;
display: none;
}
.div-block-51 {
display: none;
}
.case-header-content__decription {
padding-top: 24px;
}
.sd-competencies-row__image {
width: 100%;
}
.sd-competencies-row__image.padding_overline__top {
margin-top: 0;
}
.image-96 {
width: 100%;
}
.introduction_sections-item__content {
padding-left: 16px;
padding-right: 16px;
}
.business-tasks__item.business-tasks__item-small {
width: 100%;
margin-bottom: 48px;
padding-left: 16px;
padding-right: 16px;
}
.business-tasks__item.business-tasks__item-big.quik-case {
padding-left: 16px;
padding-right: 16px;
}
.business-tasks-item__text {
width: 100%;
}
.business-tasks-item__illustrations {
width: 100%;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.business-tasks-illustration__item {
width: 89px;
}
.business-tasks-item__commend-row.solution-approach__commend.rotated {
flex-direction: row-reverse;
}
.commend-row__container.rotated {
border-bottom-right-radius: 0;
border-bottom-left-radius: 32px;
}
.commend-row__container.rotated.inside-two {
margin-bottom: 8px;
}
.solution-approach__inner {
padding-left: 16px;
padding-right: 16px;
}
.solution-approach-inner__image {
width: 100%;
height: 100%;
}
.solution-approach-focus {
flex-wrap: wrap;
padding-left: 16px;
padding-right: 16px;
}
.image-97 {
width: 100%;
height: 100%;
}
.decisive-factor__commend {
flex-direction: column-reverse;
}
.xdecisive-factor-commend__img {
display: none;
}
.decisive-factor-text__container {
border-bottom-right-radius: 0;
border-bottom-left-radius: 32px;
}
.decisive-factor-text__sub-container {
flex-direction: column;
align-items: flex-end;
display: flex;
}
.outcome-results__section-big {
padding-left: 16px;
padding-right: 16px;
}
.outcome-results__section-small {
width: 100%;
margin-top: 32px;
padding-left: 16px;
padding-right: 16px;
}
.outcome-results__section-small.outcome-results__top48, .outcome-results-expectation {
padding-left: 16px;
padding-right: 16px;
}
.collection-list-wrapper-16 {
flex-wrap: nowrap;
}
.collection-list-17.our-cases__collection {
height: 100%;
overflow: scroll;
}
.collection-item-13.our-cases-anchor__item {
height: 100%;
flex: 1;
display: block;
}
.our_cases__header {
overflow: visible;
}
.image-106 {
width: 100%;
max-width: none;
}
.image-106.our-cases-item__img {
width: 220px;
}
.div-block-56 {
flex: 0 auto;
}
.div-block-58.scroll-image__container {
display: none;
}
.our-cases-case-item__inner {
height: 85%;
flex-flow: wrap;
justify-content: center;
align-items: flex-end;
padding-top: 80px;
padding-left: 16px;
padding-right: 16px;
}
.our-cases-technologies {
align-self: flex-start;
}
.instruments-item__icon {
max-height: 24px;
max-width: 24px;
}
.our-cases-case-item__actions {
grid-row-gap: 16px;
flex-wrap: wrap;
}
.our-cases-case-item-actions__button {
height: 56px;
}
.our-cases-case-item-actions__button.outline.hero-button.case-btn.action-button__blue-border.action-button {
width: 100%;
}
.div-block-60 {
width: 220px;
height: 204px;
}
.our-cases-item-img__outer {
width: auto;
max-height: none;
max-width: none;
overflow: hidden;
}
.image-110 {
padding-left: 0;
padding-right: 0;
}
.case-header-content_heading {
flex-direction: column;
flex: 1;
justify-content: flex-end;
}
.div-block-62.flexible-content-container {
max-height: 700px;
flex: 1;
justify-content: space-around;
margin-bottom: 0;
padding-bottom: 0;
}
.image-121 {
max-width: 225px;
}
}
#w-node-c84c6603-5d7f-0ba7-4509-a633a856bbda-6b4c650d, #w-node-ec33feeb-fdfa-49d7-7272-cb9a332e9cd3-6b4c650d {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_5e0770c8-4fbd-8c54-723d-30c99fbc91fd-307f3d8e, #w-node-_65a24445-0487-f3db-2287-9943f39ebf36-307f3d8e, #w-node-_50424ec3-64f7-7383-9f1e-48ef51844326-307f3d8e, #w-node-c689c715-971c-4de5-7da3-17580df25ae1-307f3d8e, #w-node-_410ed298-19f5-b9fa-6881-7b0b68ebd082-307f3d8e {
align-self: center;
justify-self: center;
}
#w-node-_369d9359-b717-21f0-1846-a4762b0d44d1-307f3d8e, #w-node-_11e77a0f-59df-3463-5601-d694f0a989c2-6af696ed {
align-self: center;
}
#w-node-_9d5f3294-29f7-d30d-3347-b7ae5ddf7545-6af696ed {
align-self: center;
justify-self: center;
}
#w-node-_369d9359-b717-21f0-1846-a4762b0d44d1-6af696ed, #w-node-_1d7c282a-5d24-445b-2efb-cba9584b8d2d-6af696ed, #w-node-_369d9359-b717-21f0-1846-a4762b0d44d1-a2366a3e, #w-node-_1d7c282a-5d24-445b-2efb-cba9584b8d2d-a2366a3e, #w-node-_369d9359-b717-21f0-1846-a4762b0d44d1-c7a28ac9 {
align-self: center;
}
#w-node-_983b8655-ab6f-9770-fe93-9bce84619b81-c7a28ac9 {
justify-self: center;
}
#w-node-_1d7c282a-5d24-445b-2efb-cba9584b8d2d-c7a28ac9 {
align-self: center;
}
#w-node-a38f47e6-ab8a-1e33-047e-10fc59b810bf-44733944 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
justify-self: center;
}
#w-node-_0ac233e9-b7e2-46ff-0587-6c030f134698-84475371, #w-node-_8ad83a70-0ba0-5393-af10-96f85832430b-84475371, #w-node-_5a1d4847-2371-a0e7-a118-de265530a09e-84475371, #w-node-_5a1d4847-2371-a0e7-a118-de265530a08d-84475371 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ad8baf56-34ef-9e16-adf1-184f574b7815-84475371 {
grid-area: Area;
}
#w-node-f2c32676-df3c-152c-22c0-47e35e32c12b-84475371, #w-node-c88f017c-2a70-7f85-56eb-2c25a7bfd05a-84475371 {
grid-area: Area-2;
}
#w-node-cfa3a65d-1d09-e290-8cfb-30162aa92291-84475371 {
grid-area: Area-3;
}
#w-node-_119e2342-9932-00a2-1fc9-a05feeee7b81-84475371 {
grid-area: Area-4;
}
#w-node-_4e02a1c2-70bf-7010-281d-209119ffe187-c634aa2e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2a7c48ae-5d65-e7a2-b0ce-6378d253d99c-c634aa2e, #w-node-_2a7c48ae-5d65-e7a2-b0ce-6378d253d99e-c634aa2e {
grid-area: Area;
}
#w-node-_8e5a9031-55ea-fd36-df4b-07a0a5c05d90-c634aa2e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c24919f8-e8b4-05d2-b83a-d4d1d65b250e-c634aa2e, #w-node-c24919f8-e8b4-05d2-b83a-d4d1d65b2510-c634aa2e, #w-node-f8a677d4-da57-95f2-664c-90d81ebf55b8-c634aa2e, #w-node-_5c098fee-1286-30ba-3a39-2858ac051c92-c634aa2e, #w-node-_789d2da6-3b88-f654-23fc-16c1bff367f6-c634aa2e, #w-node-d9f4d29d-05d6-7d3c-72d2-09aac82ecec7-c634aa2e, #w-node-_88081bab-6462-7a00-3fa2-d0049d7ec51a-c634aa2e, #w-node-_88081bab-6462-7a00-3fa2-d0049d7ec51c-c634aa2e, #w-node-a0dcfce3-aad0-3e59-c0c6-9e00a1a74efb-c634aa2e, #w-node-_4d887146-3a9f-8118-cfba-4dbb0e263f85-c634aa2e, #w-node-_395e5061-991d-6f30-5386-18a81025dd05-c634aa2e, #w-node-_1778b4fb-2c54-e02c-9313-73b38b637a74-c634aa2e, #w-node-_0850668b-f820-d366-8fc1-76dcf24ee09f-c634aa2e, #w-node-_0850668b-f820-d366-8fc1-76dcf24ee0a0-c634aa2e, #w-node-e889076f-f29f-115e-c532-95d923587e49-c634aa2e, #w-node-_56328114-2e9e-0f54-cdb3-9517020062a4-c634aa2e, #w-node-_60904c29-e286-9d2c-70ef-829db741a08a-c634aa2e, #w-node-_7aced89e-66ee-6feb-05af-1f3bfde16b9f-c634aa2e, #w-node-b9b0d862-9331-b997-73ca-c96e258e333d-c634aa2e, #w-node-_9a278e2a-d390-b0ae-2fd6-22f8c67f9e79-c634aa2e, #w-node-_9a278e2a-d390-b0ae-2fd6-22f8c67f9e7a-c634aa2e, #w-node-b8d04682-42fc-7f06-a35a-395d00fb42ff-c634aa2e {
grid-area: Area;
}
#w-node-ccb65c7b-d94f-91d5-c34a-679dc74694e7-c634aa2e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ccb65c7b-d94f-91d5-c34a-679dc74694eb-c634aa2e, #w-node-ccb65c7b-d94f-91d5-c34a-679dc74694ed-c634aa2e, #w-node-_102aea8d-e128-ee31-c2ac-47ef859b46bb-c634aa2e, #w-node-_642478cf-c508-74dc-2b40-7fcd7ef7d3b9-c634aa2e, #w-node-_1733776f-86c9-fac4-6e1f-01bf7fbe5b33-c634aa2e, #w-node-_92e77785-29cd-bed7-b3ce-ee7f8e9c46e3-c634aa2e {
grid-area: Area;
}
#w-node-dd12ffee-2dc0-4515-47db-78dfe279c0c3-a3fa11b4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dd12ffee-2dc0-4515-47db-78dfe279c0c5-a3fa11b4, #w-node-dd12ffee-2dc0-4515-47db-78dfe279c0c7-a3fa11b4 {
grid-area: Area;
}
#w-node-dd12ffee-2dc0-4515-47db-78dfe279c0cb-a3fa11b4 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-dd12ffee-2dc0-4515-47db-78dfe279c0cf-a3fa11b4, #w-node-dd12ffee-2dc0-4515-47db-78dfe279c0d1-a3fa11b4, #w-node-dd12ffee-2dc0-4515-47db-78dfe279c0d3-a3fa11b4, #w-node-dd12ffee-2dc0-4515-47db-78dfe279c0d6-a3fa11b4, #w-node-dd12ffee-2dc0-4515-47db-78dfe279c0d7-a3fa11b4, #w-node-dd12ffee-2dc0-4515-47db-78dfe279c0d9-a3fa11b4, #w-node-dd12ffee-2dc0-4515-47db-78dfe279c0dc-a3fa11b4, #w-node-dd12ffee-2dc0-4515-47db-78dfe279c0de-a3fa11b4, #w-node-dd12ffee-2dc0-4515-47db-78dfe279c0e1-a3fa11b4, #w-node-dd12ffee-2dc0-4515-47db-78dfe279c0e3-a3fa11b4, #w-node-dd12ffee-2dc0-4515-47db-78dfe279c0e4-a3fa11b4, #w-node-dd12ffee-2dc0-4515-47db-78dfe279c0e5-a3fa11b4, #w-node-dd12ffee-2dc0-4515-47db-78dfe279c0ec-a3fa11b4, #w-node-dd12ffee-2dc0-4515-47db-78dfe279c0ed-a3fa11b4, #w-node-dd12ffee-2dc0-4515-47db-78dfe279c0f4-a3fa11b4, #w-node-dd12ffee-2dc0-4515-47db-78dfe279c0f5-a3fa11b4 {
grid-area: Area;
}
#w-node-dd12ffee-2dc0-4515-47db-78dfe279c0ff-a3fa11b4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-dd12ffee-2dc0-4515-47db-78dfe279c103-a3fa11b4, #w-node-dd12ffee-2dc0-4515-47db-78dfe279c105-a3fa11b4 {
grid-area: Area;
}
#w-node-_9434bb63-a98e-e6fb-de6b-1711ce06420d-e48e4f56 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9434bb63-a98e-e6fb-de6b-1711ce06420f-e48e4f56, #w-node-_9434bb63-a98e-e6fb-de6b-1711ce064211-e48e4f56 {
grid-area: Area;
}
#w-node-_9434bb63-a98e-e6fb-de6b-1711ce064215-e48e4f56 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_9434bb63-a98e-e6fb-de6b-1711ce064219-e48e4f56, #w-node-_9434bb63-a98e-e6fb-de6b-1711ce06421b-e48e4f56, #w-node-_9434bb63-a98e-e6fb-de6b-1711ce06421d-e48e4f56, #w-node-_9434bb63-a98e-e6fb-de6b-1711ce064220-e48e4f56, #w-node-_9434bb63-a98e-e6fb-de6b-1711ce064221-e48e4f56, #w-node-_9434bb63-a98e-e6fb-de6b-1711ce064223-e48e4f56, #w-node-_9434bb63-a98e-e6fb-de6b-1711ce064226-e48e4f56, #w-node-_9434bb63-a98e-e6fb-de6b-1711ce064228-e48e4f56, #w-node-_9434bb63-a98e-e6fb-de6b-1711ce06422b-e48e4f56, #w-node-dd2bc0a9-74bb-7986-4a5a-99eadacd6cdf-e48e4f56, #w-node-dd2bc0a9-74bb-7986-4a5a-99eadacd6ce0-e48e4f56, #w-node-_9434bb63-a98e-e6fb-de6b-1711ce064232-e48e4f56, #w-node-_9434bb63-a98e-e6fb-de6b-1711ce064233-e48e4f56, #w-node-_9434bb63-a98e-e6fb-de6b-1711ce064236-e48e4f56, #w-node-_9434bb63-a98e-e6fb-de6b-1711ce064237-e48e4f56 {
grid-area: Area;
}
#w-node-_9434bb63-a98e-e6fb-de6b-1711ce064239-e48e4f56 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_9434bb63-a98e-e6fb-de6b-1711ce06423e-e48e4f56, #w-node-_9434bb63-a98e-e6fb-de6b-1711ce064240-e48e4f56 {
grid-area: Area;
}
#w-node-a9893095-2536-8f3c-ec55-415b18b95d93-574494c9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a9893095-2536-8f3c-ec55-415b18b95d95-574494c9, #w-node-a9893095-2536-8f3c-ec55-415b18b95d97-574494c9 {
grid-area: Area;
}
#w-node-a9893095-2536-8f3c-ec55-415b18b95d9b-574494c9 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-a9893095-2536-8f3c-ec55-415b18b95d9f-574494c9, #w-node-a9893095-2536-8f3c-ec55-415b18b95da1-574494c9, #w-node-a9893095-2536-8f3c-ec55-415b18b95da3-574494c9, #w-node-a9893095-2536-8f3c-ec55-415b18b95da6-574494c9, #w-node-a9893095-2536-8f3c-ec55-415b18b95da7-574494c9, #w-node-a9893095-2536-8f3c-ec55-415b18b95da9-574494c9, #w-node-a9893095-2536-8f3c-ec55-415b18b95dac-574494c9, #w-node-a9893095-2536-8f3c-ec55-415b18b95dae-574494c9, #w-node-a9893095-2536-8f3c-ec55-415b18b95db1-574494c9, #w-node-a9893095-2536-8f3c-ec55-415b18b95db3-574494c9, #w-node-a9893095-2536-8f3c-ec55-415b18b95db4-574494c9, #w-node-a9893095-2536-8f3c-ec55-415b18b95db5-574494c9, #w-node-a9893095-2536-8f3c-ec55-415b18b95dbc-574494c9, #w-node-a9893095-2536-8f3c-ec55-415b18b95dbd-574494c9, #w-node-a9893095-2536-8f3c-ec55-415b18b95db8-574494c9, #w-node-a9893095-2536-8f3c-ec55-415b18b95db9-574494c9 {
grid-area: Area;
}
#w-node-a9893095-2536-8f3c-ec55-415b18b95dbf-574494c9 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a9893095-2536-8f3c-ec55-415b18b95dc4-574494c9, #w-node-a9893095-2536-8f3c-ec55-415b18b95dc6-574494c9 {
grid-area: Area;
}
#w-node-_49f59f66-f661-c39c-5385-34849f0da32d-3bb05a5c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_49f59f66-f661-c39c-5385-34849f0da32f-3bb05a5c, #w-node-_49f59f66-f661-c39c-5385-34849f0da331-3bb05a5c {
grid-area: Area;
}
#w-node-_49f59f66-f661-c39c-5385-34849f0da335-3bb05a5c {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_49f59f66-f661-c39c-5385-34849f0da339-3bb05a5c, #w-node-_49f59f66-f661-c39c-5385-34849f0da33b-3bb05a5c, #w-node-_49f59f66-f661-c39c-5385-34849f0da33d-3bb05a5c, #w-node-_49f59f66-f661-c39c-5385-34849f0da340-3bb05a5c, #w-node-_49f59f66-f661-c39c-5385-34849f0da341-3bb05a5c, #w-node-_49f59f66-f661-c39c-5385-34849f0da343-3bb05a5c, #w-node-_49f59f66-f661-c39c-5385-34849f0da346-3bb05a5c, #w-node-_49f59f66-f661-c39c-5385-34849f0da348-3bb05a5c, #w-node-_49f59f66-f661-c39c-5385-34849f0da34b-3bb05a5c, #w-node-_49f59f66-f661-c39c-5385-34849f0da352-3bb05a5c, #w-node-_49f59f66-f661-c39c-5385-34849f0da353-3bb05a5c, #w-node-_49f59f66-f661-c39c-5385-34849f0da34d-3bb05a5c, #w-node-_49f59f66-f661-c39c-5385-34849f0da34e-3bb05a5c, #w-node-_49f59f66-f661-c39c-5385-34849f0da34f-3bb05a5c, #w-node-_49f59f66-f661-c39c-5385-34849f0da356-3bb05a5c, #w-node-_49f59f66-f661-c39c-5385-34849f0da357-3bb05a5c {
grid-area: Area;
}
#w-node-_49f59f66-f661-c39c-5385-34849f0da359-3bb05a5c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_49f59f66-f661-c39c-5385-34849f0da35e-3bb05a5c, #w-node-_49f59f66-f661-c39c-5385-34849f0da360-3bb05a5c {
grid-area: Area;
}
#w-node-a9893095-2536-8f3c-ec55-415b18b95d93-8649b494 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a9893095-2536-8f3c-ec55-415b18b95d95-8649b494, #w-node-a9893095-2536-8f3c-ec55-415b18b95d97-8649b494 {
grid-area: Area;
}
#w-node-a9893095-2536-8f3c-ec55-415b18b95d9b-8649b494 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-a9893095-2536-8f3c-ec55-415b18b95d9f-8649b494, #w-node-a9893095-2536-8f3c-ec55-415b18b95da1-8649b494, #w-node-a9893095-2536-8f3c-ec55-415b18b95da3-8649b494, #w-node-a9893095-2536-8f3c-ec55-415b18b95da6-8649b494, #w-node-a9893095-2536-8f3c-ec55-415b18b95da7-8649b494, #w-node-a9893095-2536-8f3c-ec55-415b18b95da9-8649b494, #w-node-a9893095-2536-8f3c-ec55-415b18b95dac-8649b494, #w-node-a9893095-2536-8f3c-ec55-415b18b95dae-8649b494, #w-node-a9893095-2536-8f3c-ec55-415b18b95db1-8649b494, #w-node-a9893095-2536-8f3c-ec55-415b18b95db3-8649b494, #w-node-a9893095-2536-8f3c-ec55-415b18b95db4-8649b494, #w-node-a9893095-2536-8f3c-ec55-415b18b95db5-8649b494, #w-node-a9893095-2536-8f3c-ec55-415b18b95dbc-8649b494, #w-node-a9893095-2536-8f3c-ec55-415b18b95dbd-8649b494, #w-node-a9893095-2536-8f3c-ec55-415b18b95db8-8649b494, #w-node-a9893095-2536-8f3c-ec55-415b18b95db9-8649b494 {
grid-area: Area;
}
#w-node-a9893095-2536-8f3c-ec55-415b18b95dbf-8649b494 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a9893095-2536-8f3c-ec55-415b18b95dc4-8649b494, #w-node-a9893095-2536-8f3c-ec55-415b18b95dc6-8649b494 {
grid-area: Area;
}
@media screen and (max-width: 991px) {
#w-node-_9d5f3294-29f7-d30d-3347-b7ae5ddf7545-6af696ed {
align-self: start;
}
}
@media screen and (max-width: 767px) {
#w-node-f58cca48-87b9-bf08-dbab-999de1448fe1-6b4c650d, #w-node-eae596ba-6cd6-2b46-c839-cd091996433f-6b4c650d {
justify-self: center;
}
}