html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
vertical-align: baseline;
display: inline-block
}
audio:not([controls]) {
height: 0;
display: none
}
[hidden],
template {
display: none
}
a {
background-color: #0000
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
margin: .67em 0;
font-size: 2em
}
mark {
color: #000;
background: #ff0
}
small {
font-size: 80%
}
sub,
sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: none
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
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: 400;
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: 400;
line-height: 1;
font-family: webflow-icons !important
}
.w-icon-slider-right:before {
content: ""
}
.w-icon-slider-left:before {
content: "î˜"
}
.w-icon-nav-menu:before {
content: ""
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
content: ""
}
.w-icon-file-upload-remove:before {
content: ""
}
.w-icon-file-upload-icon:before {
content: ""
}
* {
box-sizing: border-box
}
html {
height: 100%
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block
}
html.w-mod-touch * {
background-attachment: scroll !important
}
.w-block {
display: block
}
.w-inline-block {
max-width: 100%;
display: inline-block
}
.w-clearfix:before,
.w-clearfix:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-clearfix:after {
clear: both
}
.w-hidden {
display: none
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block
}
input.w-button {
-webkit-appearance: button
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important
}
.w-code-block {
margin: unset
}
pre.w-code-block code {
all: inherit
}
.w-optimization {
display: contents
}
.w-webflow-badge,
.w-webflow-badge>img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important
}
.w-webflow-badge>img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 10px;
font-weight: 700
}
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
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px
}
.w-list-unstyled {
padding-left: 0;
list-style: none
}
.w-embed:before,
.w-embed:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-embed:after {
clear: both
}
.w-video {
width: 100%;
padding: 0;
position: relative
}
.w-video iframe,
.w-video object,
.w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
fieldset {
border: 0;
margin: 0;
padding: 0
}
button,
[type=button],
[type=reset] {
cursor: pointer;
-webkit-appearance: button;
border: 0
}
.w-form {
margin: 0 0 15px
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none
}
label {
margin-bottom: 5px;
font-weight: 700;
display: block
}
.w-input,
.w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block
}
.w-input::placeholder,
.w-select::placeholder {
color: #999
}
.w-input:focus,
.w-select:focus {
border-color: #3898ec;
outline: 0
}
.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
cursor: not-allowed
}
.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee
}
textarea.w-input,
textarea.w-select {
height: auto
}
.w-select {
background-color: #f3f3f3
}
.w-select[multiple] {
height: auto
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: 400;
display: inline-block
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block
}
.w-radio:before,
.w-radio:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-radio:after {
clear: both
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal
}
.w-file-upload {
margin-bottom: 10px;
display: block
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden
}
.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
color: #333;
display: inline-block
}
.w-file-upload-error {
margin-top: 10px;
display: block
}
.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
display: none
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
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: 400;
display: block
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
display: inline-block
}
.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block
}
.w-icon-file-upload-uploading {
height: 20px
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto
}
.w-container:before,
.w-container:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-container:after {
clear: both
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px
}
.w-row:before,
.w-row:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-row:after {
clear: both
}
.w-row .w-row {
margin-left: 0;
margin-right: 0
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative
}
.w-col .w-col {
padding-left: 0;
padding-right: 0
}
.w-col-1 {
width: 8.33333%
}
.w-col-2 {
width: 16.6667%
}
.w-col-3 {
width: 25%
}
.w-col-4 {
width: 33.3333%
}
.w-col-5 {
width: 41.6667%
}
.w-col-6 {
width: 50%
}
.w-col-7 {
width: 58.3333%
}
.w-col-8 {
width: 66.6667%
}
.w-col-9 {
width: 75%
}
.w-col-10 {
width: 83.3333%
}
.w-col-11 {
width: 91.6667%
}
.w-col-12 {
width: 100%
}
.w-hidden-main {
display: none !important
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px
}
.w-hidden-main {
display: inherit !important
}
.w-hidden-medium {
display: none !important
}
.w-col-medium-1 {
width: 8.33333%
}
.w-col-medium-2 {
width: 16.6667%
}
.w-col-medium-3 {
width: 25%
}
.w-col-medium-4 {
width: 33.3333%
}
.w-col-medium-5 {
width: 41.6667%
}
.w-col-medium-6 {
width: 50%
}
.w-col-medium-7 {
width: 58.3333%
}
.w-col-medium-8 {
width: 66.6667%
}
.w-col-medium-9 {
width: 75%
}
.w-col-medium-10 {
width: 83.3333%
}
.w-col-medium-11 {
width: 91.6667%
}
.w-col-medium-12 {
width: 100%
}
.w-col-stack {
width: 100%;
left: auto;
right: auto
}
}
@media screen and (max-width: 767px) {
.w-hidden-main,
.w-hidden-medium {
display: inherit !important
}
.w-hidden-small {
display: none !important
}
.w-row,
.w-container .w-row {
margin-left: 0;
margin-right: 0
}
.w-col {
width: 100%;
left: auto;
right: auto
}
.w-col-small-1 {
width: 8.33333%
}
.w-col-small-2 {
width: 16.6667%
}
.w-col-small-3 {
width: 25%
}
.w-col-small-4 {
width: 33.3333%
}
.w-col-small-5 {
width: 41.6667%
}
.w-col-small-6 {
width: 50%
}
.w-col-small-7 {
width: 58.3333%
}
.w-col-small-8 {
width: 66.6667%
}
.w-col-small-9 {
width: 75%
}
.w-col-small-10 {
width: 83.3333%
}
.w-col-small-11 {
width: 91.6667%
}
.w-col-small-12 {
width: 100%
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none
}
.w-hidden-main,
.w-hidden-medium,
.w-hidden-small {
display: inherit !important
}
.w-hidden-tiny {
display: none !important
}
.w-col {
width: 100%
}
.w-col-tiny-1 {
width: 8.33333%
}
.w-col-tiny-2 {
width: 16.6667%
}
.w-col-tiny-3 {
width: 25%
}
.w-col-tiny-4 {
width: 33.3333%
}
.w-col-tiny-5 {
width: 41.6667%
}
.w-col-tiny-6 {
width: 50%
}
.w-col-tiny-7 {
width: 58.3333%
}
.w-col-tiny-8 {
width: 66.6667%
}
.w-col-tiny-9 {
width: 75%
}
.w-col-tiny-10 {
width: 83.3333%
}
.w-col-tiny-11 {
width: 91.6667%
}
.w-col-tiny-12 {
width: 100%
}
}
.w-widget {
position: relative
}
.w-widget-map {
width: 100%;
height: 400px
}
.w-widget-map label {
width: auto;
display: inline
}
.w-widget-map img {
max-width: inherit
}
.w-widget-map .gm-style-iw {
text-align: center
}
.w-widget-map .gm-style-iw>button {
display: none !important
}
.w-widget-twitter {
overflow: hidden
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px
}
.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px
}
.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden
}
.w-background-video>video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%
}
.w-background-video>video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em
}
.w-background-video--control>[hidden] {
display: none !important
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0
}
.w-slider-nav.w-round>div {
border-radius: 100%
}
.w-slider-nav.w-num>div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em
}
.w-slider-nav.w-shadow>div {
box-shadow: 0 0 3px #3336
}
.w-slider-nav-invert {
color: #fff
}
.w-slider-nav-invert>div {
background-color: #2226
}
.w-slider-nav-invert>div.w-active {
background-color: #222
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative
}
.w-slider-dot.w-active {
background-color: #fff
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff
}
.w-slider-dot:focus.w-active {
box-shadow: none
}
.w-slider-arrow-left,
.w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden
}
.w-slider-arrow-left [class^=w-icon-],
.w-slider-arrow-right [class^=w-icon-],
.w-slider-arrow-left [class*=\ w-icon-],
.w-slider-arrow-right [class*=\ w-icon-] {
position: absolute
}
.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
outline: 0
}
.w-slider-arrow-left {
z-index: 3;
right: auto
}
.w-slider-arrow-right {
z-index: 4;
left: auto
}
.w-icon-slider-left,
.w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden
}
.w-slider-force-show {
display: block !important
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative
}
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block
}
.w-dropdown-toggle:focus {
outline: 0
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute
}
.w-dropdown-list.w--open {
display: block
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block
}
.w-dropdown-link.w--current {
color: #0082f3
}
.w-dropdown-link:focus {
outline: 0
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0)
}
.w-lightbox-backdrop,
.w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute
}
.w-lightbox-view:before {
content: "";
height: 100vh
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 86vh
}
.w-lightbox-frame,
.w-lightbox-view:before {
vertical-align: middle;
display: inline-block
}
.w-lightbox-figure {
margin: 0;
position: relative
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0
}
.w-lightbox-control {
cursor: pointer;
background-position: 50%;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0
}
.w-lightbox-left {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
display: none;
bottom: 0;
left: 0
}
.w-lightbox-right {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
display: none;
bottom: 0;
right: 0
}
.w-lightbox-close {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
background-size: 18px;
height: 2.6em;
right: 0
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate(0, 0)
}
.w-lightbox-active {
opacity: .3
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translateY(-50%)
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%)
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px
}
.w-lightbox-hide {
display: none
}
.w-lightbox-noscroll {
overflow: hidden
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh
}
.w-lightbox-view,
.w-lightbox-view:before {
height: 96vh
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 84vh
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh
}
.w-lightbox-left,
.w-lightbox-right {
opacity: .5;
display: block
}
.w-lightbox-close {
opacity: .8
}
.w-lightbox-control:hover {
opacity: 1
}
}
.w-lightbox-inactive,
.w-lightbox-inactive:hover {
opacity: 0
}
.w-richtext:before,
.w-richtext:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-richtext:after {
clear: both
}
.w-richtext[contenteditable=true]:before,
.w-richtext[contenteditable=true]:after {
white-space: initial
}
.w-richtext ol,
.w-richtext ul {
overflow: hidden
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
outline: 2px solid #2895f7
}
.w-richtext figure.w-richtext-figure-type-video>div:after,
.w-richtext figure[data-rt-type=video]>div:after {
content: "";
display: none;
position: absolute;
inset: 0
}
.w-richtext figure {
max-width: 60%;
position: relative
}
.w-richtext figure>div:before {
cursor: default !important
}
.w-richtext figure img {
width: 100%
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6
}
.w-richtext figure div {
color: #0000;
font-size: 0
}
.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type=image] {
display: table
}
.w-richtext figure.w-richtext-figure-type-image>div,
.w-richtext figure[data-rt-type=image]>div {
display: inline-block
}
.w-richtext figure.w-richtext-figure-type-image>figcaption,
.w-richtext figure[data-rt-type=image]>figcaption {
caption-side: bottom;
display: table-caption
}
.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type=video] {
width: 60%;
height: 0
}
.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type=video] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.w-richtext figure.w-richtext-figure-type-video>div,
.w-richtext figure[data-rt-type=video]>div {
width: 100%
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
max-width: 100%
}
.w-richtext figure.w-richtext-align-normal {
clear: both
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block
}
.w-richtext figure.w-richtext-align-fullwidth>div {
padding-bottom: inherit;
display: inline-block
}
.w-richtext figure.w-richtext-align-fullwidth>figcaption {
display: block
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative
}
.w-nav:before,
.w-nav:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-nav:after {
clear: both
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative
}
.w-nav-link.w--current {
color: #0082f3
}
.w-nav-menu {
float: right;
position: relative
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important
}
.w--nav-link-open {
display: block;
position: relative
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden
}
.w-nav-overlay [data-nav-menu-open] {
top: 0
}
.w-nav[data-animation=over-left] .w-nav-overlay {
width: auto
}
.w-nav[data-animation=over-left] .w-nav-overlay,
.w-nav[data-animation=over-left] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto
}
.w-nav[data-animation=over-right] .w-nav-overlay {
width: auto
}
.w-nav[data-animation=over-right] .w-nav-overlay,
.w-nav[data-animation=over-right] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative
}
.w-nav-button:focus {
outline: 0
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8
}
.w-nav[data-collapse=all] .w-nav-menu {
display: none
}
.w-nav[data-collapse=all] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
display: block
}
.w--nav-dropdown-list-open {
position: static
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse=medium] .w-nav-menu {
display: none
}
.w-nav[data-collapse=medium] .w-nav-button {
display: block
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse=small] .w-nav-menu {
display: none
}
.w-nav[data-collapse=small] .w-nav-button {
display: block
}
.w-nav-brand {
padding-left: 10px
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse=tiny] .w-nav-menu {
display: none
}
.w-nav[data-collapse=tiny] .w-nav-button {
display: block
}
}
.w-tabs {
position: relative
}
.w-tabs:before,
.w-tabs:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-tabs:after {
clear: both
}
.w-tab-menu {
position: relative
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative
}
.w-tab-link.w--current {
background-color: #c8c8c8
}
.w-tab-link:focus {
outline: 0
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden
}
.w-tab-pane {
display: none;
position: relative
}
.w--tab-active {
display: block
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block
}
}
.w-ix-emptyfix:after {
content: ""
}
@keyframes spin {
0% {
transform: rotate(0)
}
to {
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-code-component>* {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
:root {
--blue-dark: #02021e;
--size-32: 2rem;
--blue: #3719ca;
--white: white;
--grey-light: #f5f5f7;
--yellow: #fdc448;
--size-120: 8rem;
--size-64: 4rem;
--size-24: 1.5rem;
--grey-medium: #9a9aa5;
--size-80: 5rem;
--size-16: 1rem;
--size-0: 0rem;
--transparent: transparent;
--size-40: 2.5rem;
--size-48: 3rem;
--size-12: .75rem;
--grey-dark: #6d6978;
--size-1: .0625rem;
--size-8: .5rem;
--size-56: 3.5rem;
--size-34: 2.125rem;
--size-20: 1.25rem;
--red: #fa0000;
--size-4: .25rem;
--size-14: .875rem;
--white-30: #ffffff4d;
--size-2: .125rem;
--size-18: 1.125rem;
--blue-light: #255fef;
--white-70: #ffffffb3;
--size-10: .625rem;
--blue-dark-30: #02021e4d;
--grey: #cdcdcd;
--blue-dark-70: #02021eb3;
--blue-link: #0000eb;
--white-20: #fff3;
--size-28: 1.75rem;
--tomato: #eb4e3d;
--purple: #7057d6
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block
}
.w-checkbox:before {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1/1/2/2;
display: table
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex
}
.w-pagination-previous,
.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-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec
}
.w-page-count {
text-align: center;
width: 100%;
margin-top: 20px
}
.w-pagination-previous-icon {
margin-right: 4px
}
.w-pagination-next-icon {
margin-left: 4px
}
body {
background-color: var(--blue-dark);
color: #fff;
font-family: Suisse, sans-serif;
font-size: 1rem;
line-height: 1.6
}
h1 {
letter-spacing: -.01em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 7rem;
font-weight: 500;
line-height: .9
}
h2 {
letter-spacing: -.01em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 5rem;
font-weight: 500;
line-height: 1
}
h3 {
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 3.5rem;
font-weight: 500;
line-height: 1
}
h4 {
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 2.75rem;
font-weight: 500;
line-height: 1.1
}
h5 {
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 2.125rem;
font-weight: 500;
line-height: 1.2
}
h6 {
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 1.75rem;
font-weight: 500;
line-height: 1.2
}
p {
margin-bottom: 0
}
a {
transition: all .2s
}
ul,
ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 1.25rem
}
li {
margin-bottom: .25rem
}
img {
max-width: 100%;
display: inline-block
}
label {
margin-bottom: .25rem;
font-weight: 500
}
strong {
font-weight: 700
}
em {
font-style: italic
}
blockquote {
border-left: .25rem solid #e2e2e2;
margin-bottom: 0;
padding: .75rem 1.25rem;
font-size: 1.25rem;
line-height: 1.5
}
figcaption {
text-align: center;
margin-top: .25rem
}
.input {
color: var(--blue-dark);
background-color: #0000;
border: 0 solid #32344d;
border-bottom: .0625rem solid #02021e33;
border-radius: 0;
height: 3.5rem;
margin-bottom: 0;
padding: 0;
font-size: 1rem;
transition: all .2s;
position: relative
}
.input:hover {
border-bottom-color: #02021e80
}
.input:focus {
border-bottom-color: var(--blue)
}
.input::placeholder {
color: #02021e00
}
.input.is-textarea {
width: 100%;
min-width: 100%;
max-width: 100%;
height: 8.375rem;
min-height: 8.375rem;
max-height: 8.375rem;
padding-top: .9rem
}
.input.mod--footer {
letter-spacing: .01em;
border: .0625rem solid #fffc;
border-radius: 20rem;
height: 3.5rem;
padding-left: 1.5rem;
padding-right: 3.5rem
}
.input.mod--footer:hover,
.input.mod--footer:focus {
border-color: #fff
}
.input.mod--catalog-subs {
background-color: var(--white);
color: var(--blue-dark);
letter-spacing: .01em;
border: .1875rem solid #fffc;
border-radius: 20rem;
height: 3.5rem;
padding-left: 1.5rem;
padding-right: 9.5rem;
overflow: hidden
}
.input.mod--catalog-subs::placeholder {
color: #02021e99
}
.input.mod--subs {
background-color: var(--white);
letter-spacing: .01em;
border: .0625rem solid #02021e33;
border-radius: 20rem;
height: 3.5rem;
padding-left: 1.5rem;
padding-right: 9.5rem
}
.input.is--phone::placeholder {
color: #02021e80
}
.form-message-error {
margin-top: .75rem;
padding: .75rem
}
.main.mod--case {
background-color: var(--white);
color: var(--blue-dark);
background-color: #fff
}
.margin-xsmall {
margin: .5rem
}
.margin-small {
margin: 1rem
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.section {
padding: 5rem 1.25rem;
position: relative
}
.section.mod--header {
z-index: 91;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
padding-top: 1.5rem;
padding-bottom: 0;
transition: all .5s cubic-bezier(.215, .61, .355, 1);
display: flex;
position: absolute;
inset: 0% 0% auto;
transform: translate(0)
}
.section.mod--header.is-header-fixed {
z-index: 90;
padding-top: 0;
transition-timing-function: ease;
position: fixed
}
.section.mod--header.is-header-absolute {
opacity: 1;
transition: opacity .4s, transform .6s;
transform: translate(0)
}
.section.mod--footer {
background-color: var(--blue-dark);
color: var(--grey-light);
margin-top: -2.5rem;
padding-top: 6.5rem;
padding-bottom: 1.5rem;
position: static
}
.section.mod--discuss {
background-color: var(--blue);
border-radius: 2.5rem;
margin-top: 5.625rem;
padding-top: 8rem;
padding-bottom: 4rem;
overflow: hidden
}
.section.mod--post-hero {
color: var(--grey-light);
background-color: #000000;
background-image: linear-gradient(#02021e 26%, #e60278);
border-bottom-right-radius: 2.5rem;
border-bottom-left-radius: 2.5rem;
flex-direction: row;
justify-content: center;
min-height: 44.5rem;
padding-top: 8.5rem;
padding-bottom: 2.5rem;
display: flex;
overflow: hidden;
transform: translate(0)
}
.section.mod--benefits {
margin-bottom: 5rem;
padding-bottom: 8rem;
transform: translate(0)
}
.section.mod--faq {
z-index: 3
}
.section.mod--case {
padding-top: 4rem;
padding-bottom: 4rem;
overflow: hidden;
transform: translate(0)
}
.section.mod--cookie {
background-color: var(--white);
color: var(--blue-dark);
border-top-left-radius: 2.5rem;
border-top-right-radius: 2.5rem;
margin-bottom: -8rem;
padding-top: 5rem;
padding-bottom: 10.5rem
}
.section.mod--404 {
z-index: 1;
flex-direction: column;
min-height: 101vh;
padding-top: 6.1rem;
padding-bottom: .0625rem;
display: flex;
overflow: hidden;
transform: translate(0)
}
.section.mod--posts-related {
color: var(--blue-dark);
padding-top: 0
}
.section.mod--hero {
z-index: 1;
padding-top: 9rem;
overflow: hidden;
transform: translate(0)
}
.section.mod--hero.mod--hero-opensource {
z-index: 0;
margin-bottom: -8rem;
padding-bottom: 13.625rem
}
.section.mod--service-other {
padding-top: 2.4rem
}
.section.mod--reviews-white {
z-index: 1
}
.section.mod--banner-terms {
z-index: 99;
-webkit-backdrop-filter: blur(45px);
backdrop-filter: blur(45px);
background-color: #02021ebf;
padding-top: .5rem;
padding-bottom: .5rem;
display: block;
position: fixed;
inset: auto 0% 0%
}
.section.mod--hero-case {
background-color: var(--blue-dark);
color: var(--grey-light);
border-bottom-right-radius: 2.5rem;
border-bottom-left-radius: 2.5rem;
flex-direction: row;
justify-content: center;
min-height: 44.5rem;
padding-top: 8.5rem;
padding-bottom: 2.5rem;
display: flex;
overflow: hidden;
transform: translate(0)
}
.section.mod--research-service {
padding-top: 0;
padding-bottom: 0
}
.section.mod--refer-steps {
border-radius: 2.5rem;
margin-bottom: 5rem;
padding-bottom: 11.25rem;
overflow: hidden;
transform: translate(0)
}
.section.is--bg {
margin-bottom: 5rem
}
.section.mod--project-statistic {
background-color: #eee;
padding-top: 2rem;
padding-bottom: 2rem
}
.section.mod--subheader {
z-index: 89;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding-top: 0;
padding-bottom: 0;
transition: all .5s cubic-bezier(.215, .61, .355, 1);
display: flex;
position: absolute;
inset: 6rem 0% auto
}
.section.mod--subheader.is--subheader-absolute {
position: absolute;
top: 6rem
}
.section.mod--subheader.is--subheader-fixed {
position: fixed;
top: 4.5rem
}
.section.mod--subheader.is--subheader-fixed.is--subheader-anim {
top: 0
}
.section.mod--post-hero-service {
z-index: 1;
padding-top: 13rem;
overflow: hidden;
transform: translate(0)
}
.section.mod--project-hero {
background-color: var(--blue-dark);
color: var(--grey-light);
border-bottom-right-radius: 2.5rem;
border-bottom-left-radius: 2.5rem;
flex-direction: row;
justify-content: center;
min-height: 44.5rem;
padding-top: 8.5rem;
padding-bottom: 2.5rem;
display: flex;
overflow: hidden;
transform: translate(0)
}
.section.mod--project-about {
padding-top: 8rem;
padding-bottom: 8rem
}
.section.mod--project-about.is--old-cases {
padding-bottom: 4rem
}
.section.mod--project-workflow {
padding-top: 8rem
}
.section.mod--project-media {
pointer-events: none;
padding: 0;
overflow: hidden
}
.section.mod--runlogo-hero {
margin-top: -4rem;
margin-bottom: 6rem;
padding-top: 0;
padding-bottom: 0
}
.logo {
object-fit: contain;
width: 8.4rem;
transition: all .2s
}
.header__nav {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
opacity: 1;
text-align: center;
text-transform: uppercase;
justify-content: center;
align-items: center;
display: flex;
transform: translate(0)
}
.header__nav.anim {
opacity: 0;
transform: translateY(2rem)
}
.header__nav-link {
grid-column-gap: .25rem;
color: #fff;
letter-spacing: .05em;
cursor: pointer;
padding: 0;
font-size: .875rem;
line-height: 1.225;
text-decoration: none;
transition-duration: .2s;
display: flex;
position: relative
}
.header__nav-link:hover {
color: var(--yellow)
}
.header__nav-link.mod--dropdown {
padding-right: 1.3rem;
position: relative
}
.columns {
justify-content: space-between;
align-items: stretch;
display: flex
}
.columns.mod--header {
align-items: center;
height: 4.5rem
}
.columns.mod--discuss {
grid-column-gap: 4rem;
color: var(--blue-dark);
text-align: left;
background-image: linear-gradient(#fff0 20%, #fff 21%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6597dfd8c295b40751322961_card-discuss_laptop.svg);
background-position: 0 0, 100% 0;
background-repeat: repeat, no-repeat;
background-size: auto, 100%;
border-bottom-right-radius: 2.5rem;
border-bottom-left-radius: 2.5rem;
align-items: stretch;
width: 100%;
max-width: 70rem;
margin-left: auto;
margin-right: auto;
padding: 2rem;
position: relative
}
.columns.is-heading {
margin-bottom: var(--size-120);
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
align-items: flex-start
}
.columns.is-heading.mod--clutch {
margin-bottom: 0
}
.columns.mod--card-head {
z-index: 2;
align-items: flex-end;
margin-bottom: 3.5rem;
position: relative
}
.columns.mod--reviews {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
align-items: flex-end
}
.columns.mod--post-main {
align-items: stretch
}
.columns.mod--post {
grid-column-gap: 8rem;
grid-row-gap: 8rem;
align-items: stretch;
position: relative
}
.columns.mod--benefits {
margin-top: 5rem;
margin-left: -1rem;
margin-right: -1rem
}
.columns.mod--blog-hero {
justify-content: space-between;
margin-bottom: 5rem;
margin-left: -1rem;
margin-right: -1rem
}
.columns.mod--blog-hero.is-projects {
margin-bottom: 0
}
.columns.mod--blog-empty {
align-items: center
}
.columns.mod--contact {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
align-items: flex-start
}
.columns.mod--faq {
grid-column-gap: 9rem;
grid-row-gap: 9rem;
align-items: flex-start
}
.columns.mod--works {
border-radius: 1.5rem;
height: 100%;
min-height: 32rem;
overflow: hidden
}
.columns.mod--contact-video {
grid-column-gap: 1.5rem;
opacity: 1;
justify-content: flex-start;
align-items: center;
transition: transform .6s, opacity .4s;
transform: translate(0)
}
.columns.mod--contact-video.anim {
opacity: 0;
transform: translateY(6rem)
}
.columns.mod--case {
grid-column-gap: 7.5rem;
grid-row-gap: 7.5rem;
justify-content: flex-start;
align-items: flex-start;
width: 100%
}
.columns.mod--projects-dribble {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
height: 35.625rem
}
.columns.mod--projects {
grid-column-gap: 9rem;
align-items: stretch
}
.columns.mod--opensource-card {
border-top: .0625rem solid #ffffff4d;
justify-content: space-between;
align-items: stretch;
margin-top: 2.5rem;
padding-top: 2.5rem
}
.columns.mod--service-hero {
grid-column-gap: var(--size-64);
grid-row-gap: var(--size-64)
}
.columns.mod--service-other {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.columns.mod--team {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
align-items: flex-start;
margin-bottom: 7.5rem
}
.columns.mod--service-features {
margin-bottom: 3.375rem
}
.columns.mod--case {
grid-column-gap: 7.5rem;
grid-row-gap: 7.5rem;
justify-content: flex-start;
align-items: flex-start
}
.columns.mod--case.mod--case-feedback {
border-top: .0625rem solid #02021e4d;
border-bottom: .0625rem solid #02021e4d;
margin-top: 8rem;
margin-bottom: 0;
padding-top: 8rem;
padding-bottom: 8rem
}
.columns.mod--case-swiper {
grid-column-gap: 2rem;
align-items: flex-start;
position: relative
}
.columns.mod--menu {
grid-column-gap: 1.5rem
}
.columns.mod--case-steps {
align-items: center;
margin-left: -3.75rem;
margin-right: -3.75rem
}
.columns.mod--footer-copyright {
color: var(--grey-medium);
align-items: center;
margin-top: 1.5rem
}
.columns.mod--footer-copyright.is--simple {
border-top: 1px solid #fffc;
margin-top: 0;
padding-top: 1.5rem;
padding-bottom: 1rem
}
.columns.mod--home {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
min-height: 35.25rem
}
.columns.mod--cookie {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
align-items: stretch;
position: relative
}
.columns.mod--case-services {
grid-column-gap: 7.5rem;
justify-content: flex-start;
align-items: flex-start;
width: 100%
}
.columns.mod--post-header {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
border-bottom: .0625rem solid #02021e4d;
margin-bottom: 5rem;
padding-bottom: 5rem
}
.columns.mod--hero-param {
z-index: 2;
border-top: .0625rem solid #fffc;
align-items: center;
padding-top: 1.5rem;
position: relative
}
.columns.mod--clutch-awards {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
justify-content: flex-start;
margin-top: 4rem
}
.columns.mod--clutch-awards.is-mobile {
display: none
}
.columns.mod--get-cards {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
align-items: stretch
}
.columns.mod--steps {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
justify-content: space-between;
align-items: flex-start;
width: 100%;
position: relative
}
.columns.mod--cases-modal {
margin-bottom: var(--size-32);
grid-column-gap: 4.5rem;
grid-row-gap: 4.5rem;
min-height: 5.375rem
}
.columns.mod--research-team {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
align-items: flex-start;
margin-bottom: 7.5rem
}
.columns.mod--research-phases {
grid-column-gap: 7.3125rem;
grid-row-gap: 7.3125rem
}
.columns.mod--reserch-services {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.columns.mod--numb-steps {
margin-left: -1rem;
margin-right: -1rem
}
.columns.mod--hero-refer {
justify-content: space-between;
margin-left: -1rem;
margin-right: -1rem
}
.columns.mod--dedicated-start {
margin-left: -1rem;
margin-right: -1rem
}
.columns.mod--roles {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
margin-top: -1.25rem
}
.columns.mod--tech-audit {
grid-row-gap: 1.5rem;
flex-wrap: wrap;
justify-content: flex-start;
margin-left: -.75rem;
margin-right: -.75rem
}
.columns.mod--faq-portfolio {
grid-column-gap: 5rem;
grid-row-gap: 5rem
}
.columns.mod--services {
grid-row-gap: 1rem;
flex-wrap: wrap;
margin-left: -.5rem;
margin-right: -.5rem
}
.columns.mod--steps-lists {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
justify-content: space-between;
width: 100%;
position: relative
}
.columns.mod--project-post {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
width: 100%
}
.columns.mod--payoneer {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
padding-bottom: 15rem
}
.columns.mod--form-audit {
grid-column-gap: 4rem;
color: var(--blue-dark);
text-align: left;
background-image: linear-gradient(#fff0 29%, #fff 30%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6597dfd8c295b40751322961_card-discuss_laptop.svg);
background-position: 0 0, 100% 0;
background-repeat: repeat, no-repeat;
background-size: auto, 150%;
border-top-left-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
align-items: stretch;
width: 100%;
max-width: 36rem;
min-height: 41.2rem;
margin-top: 2rem;
margin-left: auto;
margin-right: auto;
padding: 2rem;
position: relative
}
.columns.mod--audit-example {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
flex-flow: row-reverse;
align-items: stretch;
position: relative
}
.columns.mod--cases-heading {
align-items: flex-end;
margin-bottom: 5rem
}
.columns.mod--tech {
grid-row-gap: 2rem;
flex-wrap: wrap;
justify-content: flex-start;
margin-left: -1rem;
margin-right: -1rem
}
.columns.mod--submit-success {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
text-align: left;
flex: 1
}
.columns.mod--ref-steps {
margin-left: -1rem;
margin-right: -1rem
}
.columns.width-max {
width: 100%
}
.columns.mod--results {
grid-column-gap: var(--size-80);
grid-row-gap: var(--size-80);
background-color: var(--grey-light);
border-radius: 1.5rem;
height: 100%;
min-height: 32rem;
overflow: hidden
}
.columns.mod--audit-cards {
grid-row-gap: var(--size-32);
flex-flow: wrap;
justify-content: flex-start;
margin-left: -1rem;
margin-right: -1rem
}
.columns.is-heading2 {
margin-bottom: var(--size-80);
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
align-items: flex-start
}
.columns.mod--trusted {
align-items: center;
font-size: 1rem
}
.columns.mod--discuss-logo {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 54.875rem;
margin-left: auto;
margin-right: auto;
font-size: 1rem
}
.columns.mod--partners {
padding-right: var(--size-48);
padding-left: var(--size-48);
align-items: center;
font-size: 1rem
}
.columns__col {
flex: 1
}
.columns__col.is-1-old.mod--discuss {
grid-row-gap: 3rem;
flex-direction: row;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 2rem
}
.columns__col.is-1-old.mod--reviews {
flex: none;
justify-content: flex-start;
align-items: flex-end;
width: 26rem;
display: flex;
position: relative
}
.columns__col.is-1-old.mod--case {
flex: none;
width: 13.5rem
}
.columns__col.is-1-old.mod--case-swiper {
padding-top: 5.625rem
}
.columns__col.is-1-old.mod--blog-empty {
max-width: 36.625rem
}
.columns__col.is-1-old.mod--projects-dribble {
flex: none;
width: 26rem
}
.columns__col.is-1-old.mod--case-services {
flex: none;
width: 13.5rem
}
.columns__col.is-1-old.mod--footer-nav {
display: none
}
.columns__col.is-2-old.mod--discuss {
flex: none;
width: 25.25rem
}
.columns__col.is-2-old.mod--works-heading {
flex: 1;
position: relative
}
.columns__col.is-2-old.mod--reviews {
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.columns__col.is-2-old.mod--case-services {
flex: 1;
max-width: 43.9375rem
}
.columns__col.is-2-old.mod--case {
max-width: 52rem
}
.columns__col.is-2-old.mod--case.mod--case-review {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: column;
align-items: flex-start;
display: flex
}
.columns__col.is-2-old.mod--blog-empty {
z-index: -1;
flex: 0 auto;
width: 50%;
position: relative;
transform: translate(0)
}
.columns__col.is-2-old.mod--reviews2 {
flex: 0 auto;
justify-content: flex-end;
display: flex
}
.columns__col.is-3-old.mod--footer-copyright {
grid-column-gap: 4.25rem;
justify-content: flex-end;
display: flex
}
.columns__col.is-3-old.mod--case-services {
flex: none
}
.columns__col.mod--awards {
opacity: 1;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 25%;
padding-left: 1rem;
padding-right: 1rem;
transition: transform .6s, opacity .4s;
display: flex;
transform: translate(0)
}
.columns__col.mod--benefits {
opacity: 1;
transform-origin: 50% 0;
flex: 0 auto;
width: 25%;
padding-left: 1rem;
padding-right: 1rem;
transition: opacity .4s, transform .6s;
position: relative;
transform: perspective(800px)rotate(0)perspective(800px)
}
.columns__col.mod--benefits.is-1 {
transform-origin: 200% 0
}
.columns__col.is-not-shrink {
flex: none
}
.columns__col.mod--contact-video {
grid-row-gap: 1.25rem;
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
display: flex
}
.columns__col.mod--opensource-card {
flex: 0 auto;
min-width: 2rem
}
.columns__col.mod--menu {
color: var(--grey-dark);
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
position: relative;
transform: translate(0)
}
.columns__col.mod--case-steps {
flex: 0 auto;
width: 50%;
padding-left: 3.75rem;
padding-right: 3.75rem
}
.columns__col.mod--service-features {
border-top: .0625rem solid #fffc;
padding-top: 2.5rem
}
.columns__col.mod--service-features.is-center {
border-left: .0625rem solid #fffc;
border-right: .0625rem solid #fffc;
flex: 0 auto;
width: 100%;
max-width: 30.625rem
}
.columns__col.mod--home {
opacity: 1;
transform-origin: 0 0;
flex: 0 auto;
transition: transform .6s, opacity .4s;
transform: perspective(800px)translate(0)rotate(0)
}
.columns__col.mod--home.is-1 {
transform-origin: 100% 0;
flex: 0 auto;
width: 100%;
max-width: 54rem
}
.columns__col.mod--home.anim {
opacity: 0;
transform-style: preserve-3d;
transform: perspective(800px)rotateX(-5deg)rotateY(0)rotate(0)
}
.columns__col.mod--heading {
opacity: 1;
transition: opacity .4s
}
.columns__col.mod--heading.is-1 {
flex: none;
align-items: flex-start;
width: 26rem;
display: flex
}
.columns__col.mod--heading.anim {
opacity: 0
}
.columns__col.mod--card-head {
position: relative
}
.columns__col.mod--faq {
flex: 0 auto
}
.columns__col.mod--faq.is-2 {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex-direction: column;
flex: 1;
display: flex
}
.columns__col.mod--blog-hero {
opacity: 1;
transform-origin: 0 0;
flex: 0 auto;
width: 50%;
padding-left: 1rem;
padding-right: 1rem;
transition: transform .6s, opacity .4s;
position: relative;
transform: perspective(800px)rotate(0)
}
.columns__col.mod--blog-hero.is-1 {
transform-origin: 100% 0
}
.columns__col.mod--blog-hero.anim {
opacity: 0;
transform-style: preserve-3d;
transform: perspective(800px)rotateX(-5deg)rotateY(0)rotate(0)
}
.columns__col.mod--contact {
flex: none
}
.columns__col.mod--contact.is-1 {
grid-column-gap: 2.75rem;
grid-row-gap: 2.75rem;
opacity: 1;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
padding-top: 2rem;
transition: opacity .4s;
display: flex
}
.columns__col.mod--contact.is-1.anim {
opacity: 0
}
.columns__col.mod--hero-post-param {
flex: 0 auto
}
.columns__col.mod--clutch-awards {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-transform: uppercase;
flex: none;
align-items: center;
font-size: .875rem;
line-height: 1.4;
display: flex
}
.columns__col.mod--cases-modal.is-1 {
max-width: 40.625rem
}
.columns__col.mod--cases-modal.is-3 {
flex: 0 auto;
margin-left: auto
}
.columns__col.mod--works-head {
position: relative
}
.columns__col.mod--works-head.is-2 {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
justify-content: space-between;
align-items: flex-end;
display: flex
}
.columns__col.mod--post.is-2 {
flex: none;
width: 22rem
}
.columns__col.mod--post.is-1 {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
flex-direction: column;
flex: 1;
display: flex
}
.columns__col.mod--post-main.is-1 {
flex: none;
justify-content: flex-start;
align-items: flex-start;
width: 6rem;
display: flex
}
.columns__col.mod--steps {
max-width: 50%
}
.columns__col.mod--steps.is-1 {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
align-items: center;
display: flex
}
.columns__col.mod--steps.is--last {
align-items: flex-start;
padding-top: 1.5rem;
display: flex
}
.columns__col.mod--header {
flex: 0 auto;
min-width: 10rem
}
.columns__col.mod--team.is-1 {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-direction: column;
display: flex
}
.columns__col.mod--team.is-2 {
flex: 0 auto;
max-width: 37rem
}
.columns__col.mod--research-phases.is-1 {
flex: 0 auto
}
.columns__col.mod--research-team.is-2 {
display: flex
}
.columns__col.mod--service-hero.is--2 {
flex: none;
justify-content: center;
align-items: flex-start;
margin-top: -1.5rem;
margin-bottom: -3rem;
margin-right: -1.5rem;
display: flex;
position: relative
}
.columns__col.mod--numb-steps {
opacity: 1;
transform-origin: 50% 0;
flex-flow: column;
flex: 0 auto;
width: 25%;
padding-left: 1rem;
padding-right: 1rem;
transition: opacity .4s, transform .6s;
display: flex;
position: relative;
transform: perspective(800px)rotate(0)perspective(800px)
}
.columns__col.mod--hero-refer {
opacity: 1;
transform-origin: 0 0;
flex: 0 auto;
width: 50%;
padding-left: 1rem;
padding-right: 1rem;
transition: transform .6s, opacity .4s;
transform: perspective(800px)rotate(0)
}
.columns__col.mod--hero-refer.is-1 {
transform-origin: 100% 0
}
.columns__col.mod--hero-refer.anim {
opacity: 0;
transform-style: preserve-3d;
transform: perspective(800px)rotateX(-5deg)rotateY(0)rotate(0)
}
.columns__col.mod--dedicated-start {
flex: 0 auto;
width: 50%;
padding-left: 1rem;
padding-right: 1rem
}
.columns__col.mod--roles,
.columns__col.mod--works {
position: relative
}
.columns__col.mod--works.is--2 {
flex: none;
width: 43.125rem
}
.columns__col.mod--works.is--1 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: var(--grey-light);
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 2.5rem;
display: flex
}
.columns__col.mod--works.is--1.is--tags {
padding-bottom: 2.5rem
}
.columns__col.mod--tech-audit {
opacity: 1;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 20%;
padding-left: .75rem;
padding-right: .75rem;
transition: transform .6s, opacity .4s;
display: flex;
transform: translate(0)
}
.columns__col.mod--benefits-timer {
max-width: 50rem
}
.columns__col.mod--benefits-timer.is--2 {
flex: 0 auto;
justify-content: flex-end;
align-items: flex-end;
display: flex
}
.columns__col.mod--faq-portfolio.is--2 {
max-width: 54rem
}
.columns__col.mod--faq-portfolio.is--1 {
flex: 0 auto
}
.columns__col.mod--services {
flex: 0 auto;
width: 50%;
padding-left: .5rem;
padding-right: .5rem
}
.columns__col.mod--steps-lists {
max-width: 50%
}
.columns__col.mod--steps-lists.is-1 {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
align-items: flex-start;
display: flex
}
.columns__col.mod--project-main.is--2 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
display: flex
}
.columns__col.mod--project-main.is--1 {
z-index: 2;
flex: 0 auto;
width: 56rem;
position: relative;
transform: translateY(-1px)
}
.columns__col.mod--projects.is--1 {
flex: none;
width: 19rem
}
.columns__col.mod--payoneer {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
align-items: flex-start;
display: flex
}
.columns__col.mod--payoneer.is--1 {
flex: 0 auto
}
.columns__col.mod--cookie.is--2 {
flex: 0 auto;
width: 22rem
}
.columns__col.mod--tech {
opacity: 1;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 25%;
padding-left: 1rem;
padding-right: 1rem;
transition: transform .6s, opacity .4s;
display: flex;
transform: translate(0)
}
.columns__col.mod--hero-ebook-form {
flex: none;
margin-bottom: -7rem
}
.columns__col.mod--discuss.is-1 {
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 2rem
}
.columns__col.mod--discuss.is-2,
.columns__col.mod--discuss-img {
flex: none;
width: 25.25rem
}
.columns__col.mod--contact-success {
border-radius: var(--size-24);
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/66d8596e2fa5a9f37ab0a4f0_card-ContactSuccess_laptop.avif);
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 100%;
flex-flow: column;
padding: 2rem;
display: flex;
position: relative;
overflow: hidden
}
.columns__col.mod--ref-steps {
opacity: 1;
transform-origin: 50% 0;
flex: 0 auto;
width: 25%;
padding-left: 1rem;
padding-right: 1rem;
transition: opacity .4s, transform .6s;
position: relative;
transform: perspective(800px)rotate(0)perspective(800px)
}
.columns__col.mod--header-clutch {
flex: 0 auto;
min-width: 15rem
}
.columns__col.mod--service-releted.is-2 {
flex: 0 auto;
justify-content: flex-end;
align-items: flex-end;
display: flex
}
.columns__col.mod--cases-simple.is-1 {
max-width: 80%;
padding-right: 2rem
}
.columns__col.mod--results {
flex-flow: column;
display: flex
}
.columns__col.mod--results.is--2 {
flex: 0 auto;
width: 43.125rem
}
.columns__col.mod--results.is--1 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
padding-left: 2.5rem
}
.columns__col.mod--audit-cards {
padding-right: var(--size-16);
padding-left: var(--size-16);
flex: 0 auto;
width: 33.3333%
}
.columns__col.mod--trusted,
.columns__col.mod--discuss-logo,
.columns__col.mod--partners {
flex: 0 auto
}
.columns__col.mod--banner {
padding: var(--size-24);
grid-column-gap: var(--size-24);
grid-row-gap: var(--size-24);
border-radius: var(--size-24);
background-color: var(--blue);
flex-flow: column;
max-width: 18.375rem;
display: flex
}
.columns__col.mod--leave {
flex: 0 auto
}
.columns__col.mod--leave.is--2 {
width: 19.125rem
}
.columns__col.mod--leave.is--1 {
flex-flow: column;
justify-content: center;
align-items: flex-start;
max-width: 21.875rem;
display: flex
}
.header {
z-index: 100
}
.swiper-nav {
grid-column-gap: 1rem;
justify-content: center;
align-items: center;
display: flex
}
.swiper-nav.mod--case-swiper {
position: absolute;
inset: auto 0% 0% auto
}
.swiper-nav.mod--cases-modal {
z-index: 2;
pointer-events: none;
justify-content: space-between;
padding-left: 2rem;
padding-right: 2rem;
position: absolute;
inset: 0%
}
.swiper-nav.mod--cases {
position: absolute;
inset: 0% 0% auto auto
}
.swiper-nav.mod--works-audit {
margin-left: auto
}
.swiper-nav.mod--shots {
z-index: 1;
pointer-events: none;
justify-content: space-between;
padding-left: 2rem;
padding-right: 2rem;
position: absolute;
top: 45%;
left: 0%;
right: 0%
}
.swiper-nav.mod--shots.is--no-filter {
top: 0%;
bottom: 0%
}
.swiper-nav.mod--services {
margin-left: auto
}
.swiper-nav.mod--services.is--mobile,
.swiper-nav.mod--shots-mobile {
display: none
}
.swiper-nav.mod--video-reviews {
position: absolute;
inset: -8.5rem 0% auto auto
}
.swiper-nav.mod--dashboard {
z-index: 1;
pointer-events: none;
justify-content: space-between;
padding-left: 2rem;
padding-right: 2rem;
position: absolute;
inset: 0%
}
.swiper-nav.mod--dashboard-mobile {
display: none
}
.swiper-nav__arrow {
pointer-events: auto;
cursor: pointer;
border: .0625rem solid #fffc;
border-radius: 6.25rem;
flex: none;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
transition: all .4s;
display: flex;
position: relative;
overflow: hidden;
transform: translate(0)
}
.swiper-nav__arrow.is-left {
transform: rotate(-180deg)
}
.swiper-nav__arrow.is-border-grey {
border-color: #02021e4d
}
.swiper-nav__arrow.is-border-grey.active {
color: var(--white);
border-color: #02021e00
}
.swiper-nav__arrow.bg-color-white {
color: var(--blue-dark)
}
.swiper-nav__arrow.is-white {
background-color: var(--white);
color: var(--blue-dark)
}
.swiper-nav__arrow.is-border-white {
color: #fff
}
.swiper-nav__arrow.is-border-white.active {
color: #02021e;
border-color: #fff0
}
.swiper {
z-index: 1;
width: 100%;
position: relative;
overflow: hidden
}
.swiper.mod--works {
background-color: var(--grey-light);
border-radius: 1.5rem;
overflow: hidden
}
.swiper.mod--reviews {
border-radius: 1.5rem;
flex: none;
width: 100vw;
margin-left: -1rem;
overflow: hidden
}
.swiper.mod--benefits {
flex: 1
}
.swiper.mod--post-big {
overflow: visible
}
.swiper.mod--case {
border-radius: 1.5rem;
transform: translate(0)
}
.swiper.mod--service-hero {
width: auto;
margin-left: 0;
margin-right: 0
}
.swiper.mod--awards,
.swiper.mod--service-releted {
overflow: visible
}
.swiper.mod--reviews-white {
border-radius: 1.5rem;
flex: none;
width: auto;
margin-left: -1rem;
margin-right: -1rem;
padding-bottom: .0625rem;
overflow: visible
}
.swiper.mod--solutions {
overflow: visible
}
.swiper.mod--runlogo-contacts {
width: 100%;
font-size: 1rem;
overflow: visible
}
.swiper.mod--projects-hero {
border-radius: 1.5rem;
height: 100%
}
.swiper.mod--home {
width: 100%;
height: 100%
}
.swiper.mod--cases-modal {
z-index: -1;
max-width: 64.5rem;
margin-left: auto;
margin-right: auto
}
.swiper.mod--cases-modal-thumbs {
display: none
}
.swiper.mod--achiev {
overflow: visible
}
.swiper.mod--research-team {
height: auto;
overflow: visible
}
.swiper.mod--shots {
z-index: 0;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/674ef3991c3bd08c76463871_slider-bg_dark-invert.avif);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border: .0625rem solid #ffffff4d;
border-top-left-radius: 1.5rem;
border-top-right-radius: 1.5rem;
height: 39.5rem
}
.swiper.mod--shots.is--no-filter {
border-radius: 1.5rem;
height: 45.25rem
}
.swiper.mod--runlogo-services {
width: 100%;
max-width: 44.625rem;
margin-left: auto;
margin-right: 0;
overflow: visible
}
.swiper.mod--runlogo-services.is--designrush {
max-width: 46.75rem
}
.swiper.mod--linkedin,
.swiper.mod--3cards {
width: auto;
margin-left: -1rem;
margin-right: -1rem;
overflow: visible
}
.swiper.mod--project-story {
z-index: 0;
width: 100%
}
.swiper.mod--contact-office {
overflow: visible
}
.swiper.mod--runlogo-pitch {
border-left: .0625rem solid #0000004d;
width: 100%;
margin-left: auto;
margin-right: 0;
font-size: 1rem
}
.swiper.mod--runawards {
max-width: 54.875rem;
margin-left: auto;
margin-right: auto;
font-size: 1rem;
overflow: visible
}
.swiper.mod--runawards.is--clutch-hero {
max-width: 67.5rem;
font-size: 1.3rem
}
.swiper.mod--video-reviews {
overflow: visible
}
.swiper.mod--dashboard {
z-index: 0;
background-color: var(--blue-dark);
transform-style: preserve-3d;
border: .0625rem solid #ffffff4d;
border-radius: 1.5rem;
height: 49rem;
transform: rotateX(1deg)rotateY(0)rotate(0)
}
.swiper.mod--runcases {
overflow: visible
}
.swiper-wrapper {
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
width: 100%;
transition: all;
display: flex
}
.swiper-wrapper.mod--post-big {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.swiper-wrapper.mod--runlogo {
justify-content: space-between;
align-items: center
}
.swiper-wrapper.mod--projects-hero,
.swiper-wrapper.mod--home {
height: 100%
}
.swiper-wrapper.mod--achiev {
flex-direction: row;
justify-content: space-between;
font-size: 1rem
}
.swiper-wrapper.mod--research-team {
height: 100%
}
.swiper-wrapper.mod--runlogo-services {
justify-content: space-between;
align-items: center;
font-size: .8rem
}
.swiper-wrapper.mod--3cards {
justify-content: space-between
}
.swiper-wrapper.mod--awards {
grid-row-gap: 2rem;
flex-flow: wrap;
justify-content: space-between
}
.swiper-wrapper.mod--contact-office {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.swiper-wrapper.mod--runlogo-pitch {
justify-content: space-between;
padding-left: 4.0625rem;
padding-right: 5rem;
font-size: 1rem;
transition: all linear
}
.swiper-wrapper.mod--runawards {
justify-content: space-between;
align-items: center
}
.swiper-wrapper.is--runline {
transition-duration: 0s;
transition-timing-function: linear
}
.swiper-wrapper.mod--grid-reviews {
grid-row-gap: var(--size-32);
flex-flow: wrap;
width: auto;
margin-left: -1rem;
margin-right: -1rem
}
.swiper-slide {
flex: none;
justify-content: center;
align-items: stretch;
position: relative
}
.swiper-slide.mod--works {
flex: none;
width: 100%;
height: auto
}
.swiper-slide.mod--reviews {
flex: none;
width: 28rem;
height: auto;
padding-left: 1rem;
padding-right: 1rem;
display: flex
}
.swiper-slide.mod--benefits {
flex: none;
width: 100%;
height: auto
}
.swiper-slide.mod--post-big {
opacity: 1;
transform-origin: 0 0;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6488858ecefbe57e58587357_bg-card-postBig_laptop.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
flex: 1;
height: auto;
transition: transform .6s, opacity .4s;
transform: perspective(800px)rotate(0)
}
.swiper-slide.mod--post-big:first-child {
transform-origin: 100% 0
}
.swiper-slide.mod--post-big:last-child {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6488858edd23f5690e30e623_bg-card-postBig2_laptop.webp)
}
.swiper-slide.mod--post-big.anim {
opacity: 0;
transform-style: preserve-3d;
transform: perspective(800px)rotateX(-5deg)rotateY(0)rotate(0)
}
.swiper-slide.mod--service-hero {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
width: auto;
display: flex
}
.swiper-slide.mod--service-hero.is--separ {
border-right: .0625rem solid #ffffff4d;
margin-right: 2.5rem;
padding-right: 2.5rem
}
.swiper-slide.mod--expertise {
width: 33.3333%
}
.swiper-slide.mod--case {
width: 100%
}
.swiper-slide.mod--case.is-2:first-child {
display: none
}
.swiper-slide.mod--service-releted {
width: 25%;
height: auto
}
.swiper-slide.mod--reviews-white {
flex: none;
width: 33.3333%;
height: auto;
padding-left: 1rem;
padding-right: 1rem;
display: flex
}
.swiper-slide.mod--solutions {
width: 33.3333%;
height: auto
}
.swiper-slide.mod--runlogo {
flex-flow: column;
align-items: center;
width: auto;
display: flex
}
.swiper-slide.mod--projects-hero2 {
width: 100%
}
.swiper-slide.mod--home {
flex: none;
width: 100%;
height: 100%
}
.swiper-slide.mod--cases {
width: 50%
}
.swiper-slide.mod--cases-modal,
.swiper-slide.mod--cases-modal-thumbs {
width: 100%
}
.swiper-slide.mod--achiev {
width: auto
}
.swiper-slide.mod--research-team {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex
}
.swiper-slide.mod--dedicated-achiev {
width: auto
}
.swiper-slide.mod--shots {
justify-content: center;
align-items: flex-end;
width: 100%;
height: 39.5rem;
display: flex;
overflow: hidden
}
.swiper-slide.mod--shots.is--no-filter {
height: 45.25rem
}
.swiper-slide.mod--services {
flex: none;
width: 100%;
height: auto
}
.swiper-slide.mod--linkedin {
flex: none;
width: auto;
height: auto;
padding-left: 1rem;
padding-right: 1rem
}
.swiper-slide.mod--3cards {
width: auto;
height: auto;
padding-left: 1rem;
padding-right: 1rem
}
.swiper-slide.mod--project-story {
flex: none;
width: 100%;
height: 100%
}
.swiper-slide.mod--awards {
width: auto
}
.swiper-slide.mod--contact-office {
flex: 1;
height: auto
}
.swiper-slide.mod--runlogo-pitch {
justify-content: center;
align-items: center;
width: auto;
display: flex
}
.swiper-slide.mod--runawards {
flex-flow: column;
align-items: center;
width: auto;
display: flex
}
.swiper-slide.mod--video-reviews {
width: auto;
height: auto
}
.swiper-slide.mod--dashboard {
transform-style: preserve-3d;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/674ef3994a121e41b0ebf9a0_slider-bg_dark.avif);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 49rem;
padding-top: 4rem;
display: flex;
overflow: hidden;
transform: none
}
.swiper-slide.mod--dashboard.is--light {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/674ef399bb5048d175f36289_slider-bg_light.avif)
}
.swiper-slide.mod--runcases {
padding-right: var(--size-16);
padding-left: var(--size-16);
width: auto
}
.swiper-slide.mod--grid-reviews {
padding-right: var(--size-16);
padding-left: var(--size-16);
width: 33.3333%
}
.remodal__container {
z-index: 2;
pointer-events: auto;
color: var(--blue-dark);
text-align: left;
background-image: linear-gradient(#fff0 30%, #fff 31%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64a9a0a8f4bb3aa03473e47b_bg-modalJoin_laptop.webp);
background-position: 0 0, 50% 0;
background-repeat: repeat, no-repeat;
background-size: auto, 100%;
border-radius: 1.5rem;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
max-width: 34.375rem;
padding: 3.25rem 2.5rem 2.5rem;
display: flex;
position: relative;
transform: translate(0)
}
.remodal__container.mod--video {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
max-width: 60rem;
padding: 0
}
.remodal__container.mod--error {
grid-row-gap: 2rem;
text-align: center;
align-items: center;
padding: 2rem 2rem 2.5rem
}
.remodal__container.mod--cases {
padding: 3.5rem 0rem var(--size-56);
background-color: #fff;
background-image: none;
background-position: 0 0;
max-width: 84rem;
overflow: hidden
}
.remodal__container.mod--project-post {
background-color: var(--white);
background-image: none;
max-width: 75rem;
max-height: 100%;
margin-left: auto;
margin-right: auto;
padding: 0 4rem;
font-style: normal
}
.remodal__container.mod--form {
background-image: linear-gradient(#fff0 30%, #fff 31%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64a9a0a86b72ccc0d3d2320b_bg-modalJoin_mobile.webp);
border-radius: 1.5rem;
max-width: 26rem;
padding: 0
}
.remodal__container.mod--booking {
background-color: var(--white);
text-align: center;
background-image: none;
width: auto;
max-width: none;
padding: 0;
transition: all .5s;
overflow: hidden
}
.remodal__container.mod--leave {
padding: var(--size-64);
text-align: center;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6777ba2c6612ab0c7b11de52_bg-modal-leave.svg);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
max-width: 51.875rem;
display: block
}
.remodal.remodal-global {
color: var(--blue-dark);
background-color: #0000;
width: 100%;
max-width: 34.375rem;
margin: 0 auto;
padding: 0;
position: relative;
transform: translate(0)
}
.remodal.remodal-global.is-simple {
max-width: 34rem
}
.remodal.is--global {
pointer-events: none;
background-color: #0000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 100%;
height: 100vh;
margin: 0 auto;
padding: 0;
display: flex;
position: relative;
transform: translate(0)
}
.remodal.is--global.is--scroll {
justify-content: flex-start;
align-items: center;
overflow: auto
}
.remodal.is--global.mod--project-post {
padding: 1rem
}
.margin-xhuge {
margin: 8rem
}
.text-weight-bold {
font-weight: 700
}
.bg-color-black {
background-color: var(--blue-dark);
color: #f5f5f5
}
.heading-4 {
letter-spacing: -.055rem;
text-transform: none;
font-size: 2.75rem;
font-weight: 500;
line-height: 1.1;
position: relative
}
.heading-4.margin-bottom-54 {
margin-bottom: 4.5rem
}
.align-center {
margin-left: auto;
margin-right: auto
}
.align-center.text-align-center.mod--reviews-video {
max-width: 60rem
}
.align-center.text-align-center.mod--uiux-audit-process,
.align-center.text-align-center.mod--uiux-audit-issue {
max-width: 65rem
}
.align-center.text-align-center.mod--uiux-audit-steps {
max-width: 60rem
}
.text-size-small {
font-size: .875rem;
line-height: 1.4
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.form {
grid-template-rows: auto auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
position: relative
}
.form.mod--search {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
background-color: var(--blue-dark);
border: .0625rem solid #fffc;
border-radius: 20rem;
align-items: center;
width: 100%;
padding-left: .625rem;
display: flex;
position: relative;
transform: translate(0)
}
.form.mod--clutch-filter {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: flex-start;
display: flex
}
.form.mod--refer-hero {
flex-direction: column;
display: flex
}
.margin-0 {
margin: 0
}
.text-weight-xbold {
font-weight: 800
}
.fs-styleguide_header-block {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center start;
display: grid
}
.text-weight-normal {
font-weight: 400
}
.padding-0 {
padding: 0
}
.text-size-tiny {
font-size: .75rem;
line-height: 1.4
}
.bg-color-white {
background-color: var(--white)
}
.icon-small {
z-index: 2;
flex: none;
width: 1rem;
height: 1rem;
font-size: 0;
position: relative
}
.icon-small.is-absolute {
position: absolute;
inset: 0%;
transform: translate(-180%)
}
.icon-small.is-absolute.is-diagonal-top {
transform: translate(-180%, 180%)
}
.icon-small.is-absolute.is-diagonal-bottom {
transform: translate(180%, -180%)
}
.text-align-right {
text-align: right
}
.text-size-large {
font-size: 1.5rem
}
.fs-styleguide_item-header {
border-bottom: .0625rem solid #0000001a;
width: 100%;
padding-bottom: 2rem
}
.overflow-visible {
overflow: visible
}
.text-weight-medium {
font-weight: 500
}
.fs-styleguide_background {
border: .0625rem solid #0000001a;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
display: flex
}
.fs-styleguide_2-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}
.fs-styleguide_2-col.is-align-start {
align-items: start
}
.fs-styleguide_classes {
grid-column-gap: .0625rem;
grid-row-gap: .0625rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid
}
.padding-xxlarge {
padding: 5rem
}
.fs-styleguide_4-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}
.fs-styleguide_background-space {
width: .0625rem;
height: .0625rem;
margin: 5rem
}
.padding-custom1 {
padding: 1.5rem
}
.fs-styleguide_section-header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: .0625rem solid #fff;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-bottom: 3rem;
line-height: 1.4;
display: grid
}
.text-size-regular {
font-size: 1rem;
line-height: 1.6
}
.padding-xsmall {
padding: .5rem
}
.padding-xhuge {
padding: 8rem
}
.display-inlineflex {
align-items: center
}
.padding-custom3 {
padding: 3.5rem
}
.container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto
}
.margin-xxhuge {
margin: 12rem
}
.margin-huge {
margin: 6rem
}
.fs-styleguide_section {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: start;
display: grid
}
.fs-styleguide_section.is-vertical {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-columns: 1fr
}
.fs-styleguide_heading-large {
font-size: 6rem
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0
}
.fs-styleguide_item {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
border-bottom: .0625rem solid #0000001a;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start;
padding-bottom: 3rem;
display: grid;
position: relative
}
.fs-styleguide_item.is-stretch {
justify-items: stretch
}
.margin-medium {
margin: 2rem
}
.text-color-white {
color: #fff
}
.margin-xxlarge {
margin: 5rem
}
.margin-xlarge {
margin: 4rem
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0
}
.text-weight-semibold {
font-weight: 600
}
.padding-small {
padding: 1rem
}
.text-color-grey {
color: var(--grey-dark)
}
.text-color-grey.mod--footer-link:hover {
color: var(--white)
}
.heading-2 {
letter-spacing: -.01em;
text-transform: uppercase;
font-size: 5rem;
font-weight: 500;
line-height: 1
}
.heading-2.mod--won-hero {
max-width: 51rem
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.global-styles {
display: none;
position: fixed;
inset: 0% 0% auto
}
.text-align-center {
text-align: center
}
.text-style-link {
text-decoration: underline
}
.heading-3 {
font-size: var(--size-56);
letter-spacing: -.01em;
text-transform: none;
font-weight: 500;
line-height: 1
}
.heading-3.mod--benefits-top {
transition: transform .6s;
transform: translate(0)
}
.heading-3.mod--benefits-top.anim {
transform: translateY(110%)
}
.fs-styleguide_label {
color: #fff;
background-color: #0073e6;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: .25rem .75rem;
font-weight: 600;
line-height: 1.4;
display: flex
}
.fs-styleguide_label.is-tag {
background-color: #be4aa5
}
.text-style-strikethrough {
text-decoration: line-through
}
.text-style-quote {
border-left: .25rem solid #e2e2e2;
margin-bottom: 0;
padding: 0 1.25rem;
font-size: 1.25rem;
line-height: 1.5
}
.input-wrap {
z-index: 1;
flex: 1;
position: relative;
transform: translate(0)
}
.input-wrap.is-submit {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
align-items: center;
display: flex
}
.input-wrap.mod--footer {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: center;
display: flex
}
.input-wrap.mod--contact-submit {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
align-items: center;
display: flex
}
.input-wrap.is--radios {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
justify-content: flex-end;
width: auto;
display: flex
}
.input-wrap.mod--hero-submit {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: center;
flex-flow: column;
flex: 1;
justify-content: flex-end;
align-items: stretch;
display: flex
}
.input-wrap.mod--discuss-img {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
align-items: center;
display: flex
}
.text-style-italic {
font-style: italic
}
.layer {
justify-content: center;
align-items: center;
position: absolute;
inset: 0%
}
.fs-styleguide_3-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
display: grid
}
.fs-styleguide_3-col.is-align-start {
align-items: start
}
.z-index-1 {
z-index: 1;
position: relative
}
.text-size-medium {
font-size: 1.25rem;
line-height: 1.4
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0
}
.text-align-left {
text-align: left
}
.overflow-hidden {
z-index: 1;
position: relative;
overflow: hidden;
transform: translate(0)
}
.overflow-hidden.is-wide {
flex: 1
}
.overflow-scroll {
overflow: scroll
}
.margin-custom2 {
margin: 2.5rem
}
.margin-custom3 {
margin: 3.5rem
}
.overflow-auto {
overflow: auto
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0
}
.margin-xxsmall {
margin: .25rem
}
.padding-custom2 {
padding: 2.5rem
}
.icon-medium {
flex: 0 auto;
width: 2rem;
height: 2rem;
position: static
}
.icon-large {
width: 2.5rem;
height: 2.5rem
}
.padding-xlarge {
padding: 4rem
}
.fs-styleguide_item-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex
}
.max-width-medium {
width: 100%;
max-width: 32rem
}
.form-wrapper {
margin-bottom: 0;
position: relative
}
.form-wrapper.mod--discuss {
height: 100%
}
.form-wrapper.mod--footer {
width: 100%;
margin-bottom: 2.5rem
}
.form-wrapper.mod--subs {
text-align: center;
width: 100%;
max-width: 30rem;
margin-left: auto;
margin-right: auto
}
.form-wrapper.mod--cases-filter {
margin-top: 5rem;
margin-bottom: 5rem;
padding-right: 9rem
}
.form-wrapper.mod--shots-filter {
z-index: 5
}
.form-wrapper.mod--form-audit {
width: 100%;
height: 100%
}
.form-wrapper.mod--modal {
color: var(--blue-dark);
width: 100%;
min-height: 28.8rem;
padding: 2.5rem;
display: flex
}
.fs-styleguide_row {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: flex-start;
align-items: center;
display: flex
}
.spacing-clean {
margin: 0;
padding: 0
}
.button-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex
}
.margin-tiny {
margin: .125rem
}
.padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.padding-large {
padding: 3rem
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0
}
.fs-styleguide_version {
z-index: 5;
font-weight: 500;
text-decoration: none
}
.text-weight-light {
font-weight: 300
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0
}
.z-index-2 {
z-index: 2;
position: relative
}
.padding-xxsmall {
padding: .25rem
}
.text-style-nowrap {
white-space: nowrap
}
.fs-styleguide_heading-medium {
font-size: 4rem
}
.padding-xxhuge {
padding: 12rem
}
.margin-vertical {
margin-left: 0;
margin-right: 0
}
.bg-color-grey {
background-color: var(--grey-light)
}
.text-style-muted {
opacity: .6
}
.heading-6 {
letter-spacing: -.01em;
text-transform: none;
font-size: 1.75rem;
font-weight: 500;
line-height: 1.2
}
.heading-6.mod--post {
margin-left: 2rem;
line-height: 1.4
}
.heading-6.mod--post-description {
line-height: 1.4
}
.heading-6.mod--expertise {
min-height: 1rem
}
.heading-6.mod--modal-error {
letter-spacing: -.03rem;
max-width: 25rem
}
.heading-6.mod--form-hero {
letter-spacing: -.02em;
margin-bottom: 2rem
}
.padding-medium {
padding: 2rem
}
.padding-section-large {
padding-top: 8rem;
padding-bottom: 8rem
}
.fs-styleguide_header {
background-color: #0000000d
}
.fs-styleguide_1-col {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}
.heading-5 {
font-size: var(--size-34);
letter-spacing: -.01em;
text-transform: none;
font-weight: 500;
line-height: 1.2
}
.heading-5.mod--404 {
max-width: 27rem
}
.heading-5.mod--case-cta {
max-width: 30.5rem;
margin-left: 2rem
}
.form-success {
text-align: left;
background-color: #0000;
height: 100%;
padding: 0
}
.form-success.mod--hero {
flex: 1;
height: auto
}
.fs-styleguide_empty-box {
z-index: -1;
background-color: #0073e61a;
border: .0625rem dashed #0073e6;
min-width: 3rem;
height: 3rem;
position: relative
}
.padding-huge {
padding: 6rem
}
.button {
z-index: 2;
grid-column-gap: .75rem;
background-color: #e60278;
color: #fff;
text-align: center;
letter-spacing: .06em;
text-transform: uppercase;
cursor: pointer;
/* border-radius: 20rem; */
justify-content: center;
align-items: center;
padding: 1.1rem .75rem 1.1rem 1.5rem;
font-size: .875rem;
font-weight: 500;
line-height: 1.4;
transition: all .4s;
display: flex;
position: relative;
transform: translate(0)
}
.button:hover {
color: var(--white);
background-color: #e60278;
border-width: .0625rem
}
.button.is-large {
padding: 1rem 2rem
}
.button.is-small {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
height: 2.5rem;
padding: .5rem .25rem .5rem 1.25rem
}
.button.is-white {
color: var(--blue-dark);
background-color: #fff
}
.button.is-white.mod--post-big {
display: none
}
.button.mod--case {
grid-column-gap: 1.5rem;
align-self: stretch;
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
padding-right: .75rem;
display: flex
}
.button.mod--post-subs {
padding-top: 1.3rem;
padding-bottom: 1.3rem
}
.button.mod--subs {
height: 2.5rem;
padding-top: .2rem;
padding-bottom: .2rem;
padding-right: 1.5rem;
overflow: hidden
}
.button.is-simple {
padding-right: 1.5rem
}
.button.bg-color-yellow {
color: var(--blue-dark)
}
.button.bg-color-yellow:hover {
background-color: var(--yellow)
}
.button.bg-color-black {
background-color: var(--blue-dark)
}
.button.is-small-simple {
grid-column-gap: 4.1rem;
grid-row-gap: 4.1rem;
height: 2.5rem;
padding: .5rem 1.5rem
}
.button.is-small-simple.bg-color-yellow.mod--service-releted {
flex: 1
}
.button.is-small-simple.is-deny {
background-color: #fff3
}
.button.is-small-simple.bg-color-white {
color: var(--blue-dark);
background-color: #fff
}
.button.mod--projects-filter {
border-style: solid;
border-width: var(--size-1);
cursor: pointer;
background-color: #0000;
border-color: #fffc;
display: none
}
.button.mod--blog {
height: 2.5rem;
padding-top: .2rem;
padding-bottom: .2rem;
padding-right: 1.5rem;
overflow: hidden
}
.button.mod--post-estimation {
z-index: 3;
grid-column-gap: 1rem;
border: .0625rem solid var(--blue-dark);
color: var(--blue-dark);
background-color: #0000
}
.button.mod--post-estimation:hover {
border-color: var(--blue-dark);
background-color: var(--blue-dark);
color: #fff
}
.button.bg-color-white {
background-color: var(--white);
color: var(--blue-dark)
}
.button.is-not-shrink {
flex: none
}
.button.is-border-black {
border: .0625rem solid var(--blue-dark);
color: var(--blue-dark);
background-color: #e6027800
}
.button.is-border-black:hover {
background-color: var(--blue-dark);
color: var(--white)
}
.button.is-flex-grow {
flex: 1
}
.button.is-border-white {
border: .0625rem solid var(--white);
color: var(--white);
background-color: #e6027800
}
.button.is-border-white:hover {
background-color: var(--white);
color: var(--blue-dark)
}
.button.is-border-grey {
border: .0625rem solid var(--grey-medium);
color: var(--blue-dark);
background-color: #e6027800
}
.button.is-border-black-transparent {
border: .0625rem solid var(--blue-dark);
color: var(--blue-dark);
background-color: #e6027800
}
.button.is-tiny-simple {
grid-column-gap: 4.1rem;
grid-row-gap: 4.1rem;
height: 2.5rem;
padding: .5rem 1.5rem
}
.button.is-tiny-simple.is-deny {
background-color: #fff3
}
.button.is-tiny-simple {
height: 2rem;
padding-left: 1rem;
padding-right: 1rem
}
.button.mod--audit-offer-hero {
height: var(--size-48);
padding: var(--size-0)var(--size-24);
background-color: var(--yellow);
color: var(--blue-dark)
}
.margin-custom1 {
margin: 1.5rem
}
.margin-large {
margin: 3rem
}
.padding-tiny {
padding: .125rem
}
.fs-styleguide_spacing-all {
display: none
}
.heading-1 {
letter-spacing: -.01em;
text-transform: uppercase;
font-size: 7rem;
font-weight: 500;
line-height: .9
}
.heading-1.mod--catalog-border {
letter-spacing: .01em
}
.heading-1.mod--home {
position: relative
}
.text-rich {
flex-direction: column;
align-items: flex-start;
display: flex
}
.text-rich h2 {
letter-spacing: -.02em;
text-transform: none;
max-width: 44rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
font-size: 1.75rem;
line-height: 1.4
}
.text-rich h3 {
margin-bottom: 1.5rem;
font-size: 1.25rem
}
.text-rich h4 {
margin-bottom: 1.5rem;
margin-left: 2rem
}
.text-rich p {
margin-bottom: 2rem
}
.text-rich li {
color: #02021eb3;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6400b329c2bf661e8f342171_post-list-bullet.svg);
background-position: 0 33%;
background-repeat: no-repeat;
background-size: auto;
margin-bottom: 0;
padding-top: 0;
padding-left: 1.5rem;
list-style-type: decimal
}
.text-rich ul {
grid-row-gap: .625rem;
flex-direction: column;
margin-bottom: 2rem;
margin-left: 2rem;
padding-left: 0;
display: flex
}
.text-rich blockquote {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
color: var(--blue-dark);
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6426d58adbf12d695648169e_icon-quotes.svg), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6400e568713ebf4578e62137_bg-card-qoute.svg);
background-position: 96% 2rem, 100% 100%;
background-repeat: no-repeat, no-repeat;
background-size: 1.5rem, cover;
border-left-width: 0;
border-radius: 1.5rem;
flex-direction: column;
align-items: flex-start;
min-height: auto;
margin-top: 1.5rem;
margin-bottom: 2.5rem;
padding: 2rem 8.5rem 2rem 2rem;
font-size: 1.25rem;
font-weight: 500;
display: flex
}
.text-rich figure {
margin-top: 3.5rem;
margin-bottom: 3.5rem
}
.text-rich figcaption {
color: #02021eb3;
max-width: 36rem;
margin-top: 1.5rem;
margin-left: auto;
margin-right: auto;
line-height: 1.6
}
.text-rich p {
opacity: .7;
max-width: 44rem;
margin-bottom: 2rem;
margin-left: 0;
font-size: 1.125rem
}
.hide {
display: none
}
.text-style-allcaps {
text-transform: uppercase
}
.container {
z-index: 2;
width: 100%;
max-width: 82rem;
margin-left: auto;
margin-right: auto;
position: relative
}
.container.is-medium {
max-width: 64rem
}
.container.is-small {
max-width: 48rem
}
.container.max-width-1120.margin-auto {
max-width: 70rem
}
.container.mod--hero-post {
flex-direction: column;
justify-content: center;
display: flex
}
.container.mod--posts-related {
grid-row-gap: 3.5rem;
border-top: .0625rem solid #d7d8dd;
flex-direction: column;
margin-top: 0;
padding-top: 5rem;
display: flex
}
.container.mod--404 {
border-bottom: .0625rem solid var(--white);
justify-content: center;
align-items: center;
display: flex;
transform: translate(0)
}
.container.mod--banner-terms {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: center;
align-items: center;
display: flex
}
.container.mod--banner-donation {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: center;
align-items: center;
display: flex
}
.container.mod--menu {
transform-origin: 50% 0;
margin-top: -.0625rem;
transition: transform .5s;
top: 6rem;
transform: perspective(800px)rotate(0)
}
.container.mod--menu.active {
transform-style: preserve-3d;
transform: perspective(800px)rotateX(-5deg)rotateY(0)rotate(0)
}
.container.mod--header {
opacity: 1;
transition: opacity .4s, border-color .2s
}
.container.mod--research-service {
border-bottom: .0625rem solid #fffc;
padding-top: 8rem;
padding-bottom: 8rem
}
.container.mod--roles {
min-height: 300vh
}
.container.mod--dedicated-achiev {
grid-column-gap: 8rem;
grid-row-gap: 8rem;
flex-direction: column;
padding-bottom: 5rem;
display: flex
}
.container.mod--estimate {
flex-direction: column;
display: flex
}
.container.mod--discuss {
transition: all 1s cubic-bezier(.215, .61, .355, 1)
}
.text-color-red {
color: var(--red)
}
.fs-styleguide_spacing {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-image: linear-gradient(#fff0, #0073e61a);
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start stretch;
display: grid;
position: relative
}
.category__btn {
color: #fff;
text-align: center;
letter-spacing: .06em;
text-transform: uppercase;
cursor: pointer;
background-color: #0000;
border: .0625rem solid #ffffff4d;
border-radius: 20rem;
flex: none;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: 1.125rem 1.75rem;
font-size: .875rem;
font-weight: 500;
line-height: 1.4;
text-decoration: none;
transition: all .3s;
display: flex
}
.category__btn:hover {
background-color: var(--white);
color: var(--blue-dark);
border-color: #ffffff4d
}
.category__btn.w--current {
color: var(--blue-dark);
background-color: #fff;
border-color: #fff
}
.category__btn.mod--search {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
padding-right: .75rem
}
.category__btn.mod--search:hover {
color: var(--white);
background-color: #0000
}
.category__btn.mod--case {
color: var(--blue-dark);
border-color: #0000004d;
height: 3rem;
padding-top: .5rem;
padding-bottom: .5rem;
font-weight: 400
}
.category__btn.mod--case:hover {
border-color: var(--blue-dark);
background-color: var(--blue-dark);
color: var(--white)
}
.category__btn.active {
border-color: var(--white);
background-color: var(--white);
color: var(--blue-dark)
}
.margin-bottom-56 {
margin-bottom: 3.5rem
}
.grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid
}
.grid.mod--discuss {
grid-column-gap: 2rem;
grid-row-gap: 2.5rem;
flex: 1;
grid-template-rows: auto auto auto;
grid-template-columns: repeat(auto-fit, minmax(auto, 50%));
align-content: space-between
}
.grid.mod--footer {
grid-row-gap: 8rem;
grid-template-columns: auto;
grid-auto-columns: auto;
margin-bottom: 1.5rem
}
.grid.mod--clients {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-columns: repeat(auto-fit, minmax(25%, auto));
position: relative
}
.grid.mod--issues {
grid-column-gap: 7.5rem;
grid-row-gap: 7.5rem;
grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
position: relative
}
.post-card__title {
letter-spacing: -.01em;
text-transform: none;
font-size: 1.75rem;
font-weight: 500;
line-height: 1.4;
transition: opacity .4s
}
.post-card {
background-color: #0000;
border-radius: 1.5rem;
flex-direction: column;
justify-content: flex-start;
width: 100%;
height: 100%;
display: flex
}
.post-card.mod--related {
justify-content: flex-start
}
.post-card.is-big {
flex-direction: row
}
.post-card__title-link {
position: relative;
transform: translate(0)
}
.margin-bottom-16 {
margin-bottom: 1rem
}
.max-width-1120 {
max-width: 70rem
}
.margin-bottom-54 {
margin-bottom: 3.375rem
}
.button-attach-old {
grid-column-gap: .75rem;
color: var(--blue-dark);
cursor: pointer;
justify-content: center;
align-items: center;
padding-right: 2rem;
font-size: 1rem;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden
}
.button-attach__circle {
border: .0625rem solid #02021e33;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
display: flex
}
.form-error {
color: #ff3d2e;
background-color: #0000;
margin-top: 0;
padding: 0;
font-size: .875rem;
line-height: 1.4;
position: absolute;
inset: auto 0% -1.7rem 1.5rem
}
.discuss__sidebar {
color: var(--blue-dark);
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/657975912421ac5cf1259f09_card-discussReview_laptop.webp), linear-gradient(#e9e9eb00 49%, #f5f5f7 50%);
background-position: 100% 0, 0 0;
background-repeat: no-repeat, repeat;
background-size: 100%, auto;
border-radius: 1.5rem;
flex-direction: column;
height: 100%;
padding: 2.5rem;
display: flex;
overflow: hidden;
transform: translate(0)
}
.margin-auto {
margin-left: auto;
margin-right: auto
}
.footer__block {
grid-row-gap: 1rem;
flex-direction: column;
align-items: flex-start;
font-size: 1.25rem;
line-height: 1.4;
display: flex
}
.text-size-14 {
font-size: .875rem;
line-height: 1.4
}
.text-size-14.text-style-allcaps.mod--works-cat {
letter-spacing: .05em;
margin-bottom: 1rem
}
.text-size-14.letter-spacing-07 {
letter-spacing: .04375rem
}
.footer-contact {
grid-row-gap: 2rem;
flex-direction: column;
justify-content: flex-start;
display: flex
}
.footer-tech {
grid-column-gap: var(--size-4);
grid-row-gap: var(--size-4);
flex-flow: wrap;
align-items: center;
display: flex
}
.footer-tech.mod--audit {
grid-column-gap: var(--size-16)
}
.footer-tech__link {
border-radius: var(--size-8);
background-color: #14142d;
flex: 1;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden
}
.footer-tech__link.mod--audit {
min-height: var(--size-56);
grid-column-gap: var(--size-12);
grid-row-gap: var(--size-12);
border-radius: var(--size-8);
font-size: var(--size-14);
letter-spacing: .1rem;
text-transform: uppercase;
background-color: #ffffff26;
flex: 1;
justify-content: center;
align-items: center;
font-weight: 500;
display: flex
}
.footer-tech__link.mod--audit:hover {
background-color: var(--white);
color: var(--blue-dark)
}
.footer-tech__img {
transition: opacity .2s;
display: block;
position: relative
}
.form-submit-wrap {
z-index: 5;
flex: none;
transition: all .4s;
position: relative;
transform: translate(0)
}
.form-submit-wrap.mod--footer {
color: var(--blue-dark);
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0% .75rem 0% auto
}
.form-submit-wrap.mod--subs,
.form-submit-wrap.mod--blog {
align-items: center;
display: flex;
position: absolute;
inset: 0% .5rem 0% auto
}
.form-submit-wrap.mod--discuss-modal {
min-width: 14.375rem
}
.form-submit {
cursor: alias
}
.form-submit.is-absolute {
z-index: -1;
opacity: 0;
width: 100%;
height: 100%;
padding: 0;
display: block;
position: absolute;
inset: 0%
}
.dropdown__toggle {
white-space: normal;
flex: 1;
justify-content: space-between;
align-items: center;
padding: 0;
display: flex
}
.dropdown__toggle.mod--post-faq {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
padding: 1.5rem 2rem;
position: relative
}
.dropdown__toggle.mod--faq {
white-space: normal;
min-height: 6.5rem;
padding-top: 2rem;
padding-bottom: 2rem;
font-size: 1.25rem;
line-height: 1.2;
transition: all .2s;
position: static
}
.dropdown__toggle.mod--footer {
color: #fff;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4;
transition: all .2s
}
.dropdown__toggle.mod--footer:hover {
color: var(--blue-dark)
}
.dropdown__toggle.mod--projects-sort {
padding: 1.5rem 2.5rem;
font-size: 1.25rem;
line-height: 1.2
}
.dropdown__toggle.mod--issues {
cursor: default
}
.dropdown__toggle.mod--steps {
padding: 2.5rem
}
.dropdown__toggle.mod--cookie-form {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
height: 4.5rem
}
.dropdown__list {
background-color: #0000;
width: 100%;
overflow: hidden
}
.dropdown__list.is-inter {
height: auto;
display: block;
position: relative;
overflow: hidden
}
.dropdown__list.is-inter.mod--issues {
opacity: 1;
transition: opacity .5s
}
.dropdown__list.is-inter.mod--issues.anim {
opacity: .4
}
.dropdown__icon {
z-index: 2;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 0;
display: flex;
position: relative
}
.dropdown__icon.is-close {
justify-content: center;
align-items: center;
display: none
}
.social {
grid-column-gap: 1rem;
justify-content: center;
align-items: center;
display: flex
}
.social__link {
color: var(--white);
border: .0625rem solid #fffc;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
transition-duration: .4s;
display: flex;
position: relative;
overflow: hidden
}
.social__link:hover {
border-color: #fff0
}
.social__link.is-github:hover {
color: var(--blue-dark)
}
.footer-serv__block {
grid-row-gap: 2rem;
border-bottom: 0 solid #ffffff26;
flex-direction: column;
display: flex
}
.footer__link {
color: var(--grey-medium);
cursor: pointer;
font-size: 1rem;
transition-property: none
}
.footer__link:hover {
color: var(--white)
}
.list.mod--contact {
grid-column-gap: .875rem;
grid-row-gap: .875rem;
flex-direction: column;
padding-left: 0;
display: flex
}
.list__item {
list-style-type: disc
}
.list__item.mod--contact {
opacity: 1;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/642aef58efb67821c7205da7_list-icon.svg);
background-position: 0%;
background-repeat: no-repeat;
background-size: 1.25rem;
margin-bottom: 0;
padding-left: 2rem;
list-style-type: none;
transition: transform .6s, opacity .4s;
position: relative;
transform: translate(0)
}
.list__item.mod--contact.anim {
opacity: 0;
transform: translateY(6rem)
}
.collection {
width: 100%
}
.collection.mod--hero-case-bg {
z-index: -1;
position: absolute;
inset: 0%
}
.collection__list {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr
}
.collection__list.mod--post-writing {
grid-column-gap: 2.5rem;
grid-row-gap: 1.5rem;
flex-wrap: wrap;
display: flex
}
.collection__list.mod--opensource {
grid-row-gap: 2rem;
flex-wrap: wrap;
margin-left: -1rem;
margin-right: -1rem;
display: flex
}
.collection__list.mod--projects-sort {
grid-row-gap: 1rem;
flex-direction: column;
display: flex
}
.collection__list.mod--case-industries {
grid-column-gap: .25rem;
flex-wrap: wrap;
align-items: center;
display: flex
}
.collection__list.is-posts {
grid-row-gap: 5rem;
flex-wrap: wrap;
margin-left: -1rem;
margin-right: -1rem;
display: flex
}
.collection__list.mod--case-tech {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-wrap: wrap;
display: flex
}
.collection__list.mod--case-services {
grid-column-gap: .5rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
display: flex
}
.collection__list.mod--category,
.collection__list.mod--category-more {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
display: flex
}
.collection__list.mod--project-big {
grid-row-gap: 2rem;
opacity: 1;
transform-origin: 50% 0;
flex-wrap: wrap;
margin-left: -1rem;
margin-right: -1rem;
transition: transform .6s, opacity .4s;
display: flex;
transform: perspective(800px)rotate(0)perspective(800px)
}
.collection__list.mod--project-big.anim {
opacity: 0;
transform-style: preserve-3d;
transform: perspective(800px)rotateX(-5deg)rotateY(0)rotate(0)perspective(800px)
}
.collection__list.is-nest {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
white-space: nowrap;
flex-wrap: wrap;
display: flex;
position: relative
}
.collection__list.mod--cases-filter {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
display: flex
}
.collection__list.mod--shots-color {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
max-width: 11rem;
padding: .75rem;
display: flex
}
.collection__item.mod--post-writing {
width: auto
}
.collection__item.is-posts {
width: 33.3333%;
padding-left: 1rem;
padding-right: 1rem
}
.collection__item.is-posts.is-2col {
width: 50%
}
.collection__item.mod--opensource {
flex-direction: row;
width: 25%;
padding-left: 1rem;
padding-right: 1rem
}
.collection__item.mod--case-industries {
display: flex
}
.collection__item.mod--project-big {
width: 50%;
padding-left: 1rem;
padding-right: 1rem
}
.collection__item.is-nest {
flex: none;
transition: opacity .1s;
display: flex
}
.bg-color-dark {
background-color: #02021e
}
.bg-color-blue {
background-color: #e60278
}
.bg-color-yellow {
background-color: var(--yellow)
}
.text-color-dark {
color: var(--blue-dark)
}
.text-color-blue {
color: var(--blue)
}
.text-color-yellow {
color: var(--yellow)
}
.home__container {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64783f450dfdcf02d859f1c0_bg-card-hero_laptop.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 4.5rem 2.25rem 2rem 2.5rem;
display: flex;
position: relative
}
.home__cta {
border-top: .0625rem solid #ffffff4d;
justify-content: space-between;
align-items: center;
padding-top: 2rem;
display: flex
}
.home__cta-item {
align-items: center;
display: flex
}
.home__cta-item.mod--10y {
grid-column-gap: 1.5rem
}
.text-size-20 {
font-size: 1.25rem;
line-height: 1.4
}
.home__cta-10y {
text-transform: uppercase;
font-size: 3.5rem;
font-weight: 500;
line-height: 1
}
.home__cta-text {
text-transform: uppercase;
font-size: 1.25rem;
line-height: 1.2
}
.awards__founders-ava {
width: 9.875rem;
display: block
}
.letter-spacing-005 {
letter-spacing: .05em
}
.circles__block {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
padding-top: 4.5rem;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4;
transition: all .5s;
display: flex;
position: relative
}
.circles__block.mod--tech-audit {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
padding-top: 3.5rem
}
.circles__logo {
pointer-events: none;
object-fit: contain;
width: 7rem;
transition: all .2s;
display: block
}
.circles__logo.mod--tech {
z-index: 0;
filter: none;
object-fit: contain;
width: 9.375rem;
height: auto;
position: relative
}
.circles__logo.mod--tech-audit {
filter: none;
object-fit: contain;
width: 6.5rem
}
.card__container {
background-image: linear-gradient(180deg, transparent 19%, var(--white)20%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/66daf908208ea822dd3760b1_card-works_laptop.avif);
opacity: 1;
transform-origin: 50% 0;
color: var(--blue-dark);
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, 100%;
border-bottom-right-radius: 2.5rem;
border-bottom-left-radius: 2.5rem;
padding: 2.5rem;
transition: transform .8s, opacity .4s;
overflow: hidden;
transform: rotate(0)perspective(800px)
}
.card__container.mod--works {
position: relative
}
.card__container.mod--upsell {
background-image: linear-gradient(to bottom, transparent 30%, var(--white)31%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/658c44dada436393141d7ccb_card-upsell_laptop.webp)
}
.works__more {
z-index: 2;
background-color: var(--blue-dark);
color: #fff;
text-align: center;
letter-spacing: .05em;
text-transform: uppercase;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 7rem;
height: 7rem;
font-size: .875rem;
line-height: 1.4;
display: flex;
position: absolute;
inset: auto 0% -.8rem auto
}
.works__more.mod--ondribble {
background-color: #e84f8a
}
.opacity-70 {
opacity: .7
}
.works__info {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
flex: 1;
max-width: 25rem;
display: flex
}
.clients__block-wrap {
grid-row-gap: 0rem;
text-align: center;
cursor: pointer;
flex-direction: column;
justify-content: center;
align-items: center;
height: 17.25rem;
padding: 0 1.5rem;
display: flex;
position: relative;
transform: translate(0)
}
.clients__logo {
width: 11.25rem
}
.clients__video {
border-radius: 50%;
width: 6.5625rem;
height: 6.5625rem;
position: relative;
overflow: hidden;
transform: translate(0)
}
.reviews__man {
width: 23.75rem
}
.reviews__man-wrap {
position: absolute;
top: auto;
bottom: 2.4375rem;
left: 0
}
.reviews__card {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
background-color: var(--blue);
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
padding: 2.5rem;
display: flex;
position: relative;
-webkit-mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c620695b80bc58810a156_bg-card-reviews_laptop.webp);
mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c620695b80bc58810a156_bg-card-reviews_laptop.webp);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%
}
.reviews__card.is--grey {
background-color: var(--grey-light);
color: var(--blue-dark)
}
.reviews__card.is--grey-border {
color: var(--blue-dark);
background-color: #3719ca00;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6496b32570e1d32106e3c5b8_bg-card-reviewsBorder_laptop.webp);
background-size: 100% 100%;
border-radius: 0;
align-items: flex-start;
-webkit-mask-image: none;
mask-image: none
}
.reviews__rate {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: .0625rem solid #ffffff4d;
justify-content: flex-start;
align-items: center;
margin-bottom: 2.5rem;
padding-bottom: 2.5rem;
display: flex
}
.reviews__rate.is-white {
border-bottom-color: #02021e4d
}
.reviews__rate.is--tags {
border-bottom-width: 0;
margin-bottom: 1.25rem;
padding-bottom: 0
}
.rating {
grid-column-gap: .4rem;
align-items: center;
display: flex
}
.rating__star {
opacity: 1;
width: 1rem;
height: 1rem;
transition: transform .6s, opacity .4s;
transform: translate(0)
}
.rating__star.anim {
opacity: 0;
transform: translate(-.5rem)
}
.reviews__block {
flex: 1
}
.author__ava {
width: var(--size-56);
height: var(--size-56);
max-width: var(--size-56);
object-fit: cover;
border-radius: 50%;
flex: none;
display: block
}
.author__ava.mod--dedicated {
border-radius: 1.5rem;
width: 11.25rem;
max-width: 11.25rem;
height: 11.25rem
}
.author__ava.mod--payoneer {
border-radius: 1.5rem;
width: 12rem;
max-width: none;
height: 12rem
}
.author__ava.is--size-48 {
width: var(--size-48);
height: var(--size-48);
max-width: var(--size-48)
}
.opacity-60 {
opacity: .6
}
.reviews__desc {
z-index: 1;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 21.875rem;
padding-bottom: 2.5rem;
display: flex;
position: relative
}
.text-size-80 {
font-size: 5rem;
line-height: 1
}
.collection__empty {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: center;
background-color: #0000;
border-radius: 1rem;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 1rem 0 .9rem;
display: flex
}
.collection__empty.mod--case-industries {
opacity: .6;
padding: 0
}
.post-card__img {
z-index: 1;
object-fit: contain;
border-radius: 0;
width: 17rem;
height: 17rem;
transition: all .8s cubic-bezier(.215, .61, .355, 1);
display: block;
position: relative;
transform: scale(1.01)
}
.post-card__img.active {
transform: scale(1.1)
}
.post-card__img.is-full {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.post-card__img.is-big {
width: 22rem;
height: 22rem
}
.post-card__img.is-big-opensource {
width: 100%;
height: auto
}
.post-card__img.is-big-opensource.is-mobile {
display: none
}
.post-card__img.is-lottie {
width: 20rem;
height: 20rem;
transform: none
}
.posts-pagination {
z-index: 1;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
opacity: 0;
justify-content: center;
align-items: center;
min-height: 3.5rem;
margin-top: 5rem;
transition: opacity .5s;
display: flex
}
.posts-pagination__btn {
color: #fff;
background-color: #0000;
border: .0625rem solid #ffffff4d;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: .875rem;
line-height: 2.1;
transition: all .4s;
display: flex;
position: relative;
overflow: hidden;
transform: translate(0)
}
.posts-pagination__btn:hover {
color: var(--blue-dark);
border-color: #fff0
}
.posts-pagination__btn.is-dots {
cursor: default;
border-color: #ffffff4d
}
.posts-pagination__btn.is-dots:hover {
color: var(--white)
}
.posts-pagination__btn.is-page:hover {
color: var(--blue-dark)
}
.posts-pagination__btn.is-page.w--current {
color: var(--blue-dark);
background-color: #fff;
border-color: #fff0;
font-size: .875rem;
line-height: 1.4
}
.posts-pagination__btn.is-previews {
transform: rotate(-180deg)
}
.posts-pagination__pages {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: center;
align-items: center;
display: flex
}
.post-card__img-link {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/647f40ca80b2366090015301_bg-card-post_laptop.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
flex-direction: column;
justify-content: center;
align-items: center;
height: 18.5rem;
margin-bottom: 1.5rem;
padding-top: 1rem;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
position: relative;
overflow: hidden;
transform: translate(0)
}
.post-card__img-link.is-big {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6488858edd23f5690e30e623_bg-card-postBig2_laptop.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
flex-direction: column;
justify-content: flex-end;
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 2.5rem 2.5rem 2.2rem;
display: flex
}
.post-card__img-link.is-big.is-big-border {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648851aaa48a45742e1c2189_bg-card-postBorderBig_laptop.webp);
align-items: stretch;
height: 100%;
padding-top: 4.5rem
}
.post-card__img-link.is-big.mod--hot {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-image: none
}
.heading-wrap {
position: relative
}
.heading-wrap.is--margin-80 {
margin-bottom: var(--size-80);
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
align-items: flex-start;
display: flex
}
.heading-wrap.mod--catalog-border {
flex: 1
}
.heading-wrap.mod--projects-catalog {
margin-bottom: 5rem
}
.heading-wrap.mod--projects-catalog.is-mobile {
display: none
}
.heading-wrap.mod--clutch-benefits {
max-width: 50rem
}
.heading-wrap.mod--issues {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 5rem;
display: flex;
position: relative
}
.heading-wrap.mod--dedicated-achiev {
max-width: 40rem;
margin-bottom: -3rem
}
.heading-wrap.mod--steps {
display: none
}
.heading-wrap.mod--works {
margin-bottom: 3.5rem
}
.heading-wrap.mod--remodal-booking {
z-index: 2;
margin-bottom: var(--size-0);
padding-right: var(--size-16);
padding-left: var(--size-16);
text-align: center;
transition: all .5s
}
.heading-wrap.mod--remodal-booking.anim {
display: none
}
.heading-wrap.is--margin-120 {
margin-bottom: var(--size-120);
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
align-items: flex-start;
display: flex
}
.heading-wrap.is--center-max-70 {
text-align: center;
max-width: 70rem;
margin-left: auto;
margin-right: auto
}
.heading-wrap.is--center-max-60 {
text-align: center;
max-width: 60rem;
margin-left: auto;
margin-right: auto
}
.heading-wrap.is--center-max-65 {
text-align: center;
max-width: 65rem;
margin-left: auto;
margin-right: auto
}
.breadcrumb-list {
z-index: 2;
letter-spacing: .0525rem;
align-items: center;
font-size: .875rem;
line-height: 1.4;
transition: all .5s cubic-bezier(.215, .61, .355, 1);
display: flex
}
.breadcrumb__item {
align-items: center;
margin-bottom: 0;
display: flex
}
.breadcrumb__text {
color: var(--white);
letter-spacing: .05em;
text-transform: uppercase;
margin-bottom: 0;
position: relative
}
.breadcrumb__separ {
margin-left: .625rem;
margin-right: .625rem
}
.post__param {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
letter-spacing: .05em;
text-transform: uppercase;
justify-content: center;
align-items: center;
font-size: .875rem;
line-height: 1;
display: flex
}
.post__param.mod--timeframe {
grid-column-gap: .5rem;
justify-content: flex-end
}
.share__links {
grid-row-gap: 1rem;
color: #878a93;
text-align: center;
letter-spacing: .05em;
flex-direction: column;
align-items: center;
font-size: .75rem;
display: flex;
position: sticky;
top: 3.125rem
}
.post-share__btn {
cursor: pointer;
border: .0625rem solid #d7d8dd;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.75rem;
height: 2.75rem;
transition: all .4s;
display: flex;
position: relative;
overflow: hidden;
transform: translate(0)
}
.post-share__btn:hover {
border-color: #d7d8dd00
}
.post-author {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
display: flex
}
.toc {
grid-row-gap: 2rem;
border: .0625rem solid #0000004d;
border-radius: 1.5rem;
flex-direction: column;
padding: 2.5rem;
display: flex;
position: relative;
top: 0
}
.toc__list {
grid-row-gap: 1rem;
flex-direction: column;
align-items: flex-start;
padding-left: 1rem;
list-style-type: decimal;
display: flex
}
.toc__list:hover {
color: #e60278
}
.toc__list-item {
color: #02021e99;
flex-direction: column;
margin-bottom: 0;
font-weight: 500;
list-style-type: decimal;
position: relative;
transform: translate(0)
}
.toc__link {
z-index: 0;
color: #02021e99;
cursor: pointer;
line-height: 1.6;
transition-duration: .2s;
display: block;
position: relative
}
.toc__link:hover {
color: #e60278
}
.toc__link.w--current {
color: var(--blue);
border-left-color: #3719ca
}
.toc__link.is-lenis-scroll {
z-index: 1;
position: absolute;
inset: 0%
}
.post__sidebar {
flex-direction: column;
transition: all .5s cubic-bezier(.215, .61, .355, 1);
display: flex;
position: sticky;
top: 7rem
}
.post__sidebar.is--sidebar-anim,
.post__sidebar.mod--audit-example {
top: 2.5rem
}
.timeread {
margin-top: 3rem;
margin-bottom: 2.5rem
}
.timeread__line {
background-color: #eaeaec;
border-radius: .625rem;
width: 100%;
height: .25rem;
margin-bottom: 1.5rem
}
.timeread__line-fill {
background-color: #e60278;
border-radius: .625rem;
width: 0%;
height: 100%;
transition: all .5s cubic-bezier(.215, .61, .355, 1)
}
.timeread__block {
grid-column-gap: .75rem;
letter-spacing: .0525rem;
text-transform: uppercase;
justify-content: center;
align-items: center;
font-size: .875rem;
line-height: 1.4;
display: flex
}
.timeread__icon {
width: 1.5rem;
margin-top: -.1875rem;
display: block
}
.post__writing {
grid-row-gap: 1.5rem;
flex-direction: column;
padding-left: 2rem;
padding-right: 2rem;
display: flex
}
.post__style-link {
margin-top: 2rem;
margin-bottom: 2rem;
font-size: 1.125rem;
font-weight: 500;
display: block
}
.post__style-link a {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6400e0ca12811fe49d1a2cb9_icon-post-link.svg);
background-position: 2rem;
background-repeat: no-repeat;
background-size: auto;
border: .0625rem solid #d7d8dd;
border-radius: 1.5rem;
padding: 2rem 4.5rem 2rem 7rem;
font-size: 1.125rem;
line-height: 1.4;
display: inline-block
}
.button-attach__icon2 {
width: 1.5rem
}
.post__estimation {
z-index: 1;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6481f10e42cd261751e5904a_bg-card-exeprt_laptop.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 1.5rem;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 26.5rem;
padding-bottom: 2rem;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
position: relative;
overflow: hidden;
-webkit-mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6481f10e42cd261751e5904a_bg-card-exeprt_laptop.webp);
mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6481f10e42cd261751e5904a_bg-card-exeprt_laptop.webp);
-webkit-mask-position: 0 0;
mask-position: 0 0;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%
}
.post__faq {
grid-row-gap: 2rem;
flex-direction: column;
display: flex
}
.dropdown__title-wrap {
grid-column-gap: 2rem;
flex: 1;
align-items: center;
height: 100%;
display: flex
}
.dropdown__title-wrap.mod--faq {
padding-right: 2rem;
font-size: 1.5rem;
font-weight: 500
}
.dropdown__title-wrap.mod--post-faq {
letter-spacing: .01em;
padding-right: 2rem;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4
}
.dropdown__title-wrap.mod--issues {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 1.5rem
}
.dropdown__title-wrap.mod--cookie-form {
grid-column-gap: .5rem;
cursor: pointer;
font-size: 1rem
}
.dropdown__icons {
z-index: 2;
flex: none;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
position: relative
}
.dropdown__icons.mod--footer {
align-items: center;
width: 1.5rem;
height: 1.5rem
}
.services__list {
flex-flow: wrap;
margin-bottom: -1rem;
margin-left: -.5rem;
margin-right: -.5rem;
display: flex;
position: relative
}
.services__item {
opacity: 1;
border: 1px #000;
width: 50%;
margin-bottom: 0;
padding-bottom: 1rem;
padding-left: .5rem;
padding-right: .5rem;
transition: opacity .4s;
transform: translate(0)
}
.services__item.anim {
opacity: 0;
transform: translateY(6rem)
}
.services__icon-wrap {
flex: none;
align-items: stretch;
display: flex
}
.services__text {
opacity: .7;
max-width: 24rem
}
.services__text-wrap {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
flex: 1;
padding-top: 1rem;
display: flex
}
.benefits__block {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
justify-content: flex-start;
min-height: 23.625rem;
padding: 2.5rem;
display: flex;
position: relative
}
.benefits__block.is--long {
justify-content: space-between;
min-height: 28.25rem
}
.benefits__block.is--white {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
color: var(--blue-dark);
background-image: linear-gradient(#fff0 20%, #fff 21%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c4adafbb71e6cd77e34be_bg-card-benefits_laptop.webp);
background-position: 0 0, 0 0;
background-size: auto, 100%;
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
flex-direction: column;
justify-content: flex-start;
min-height: 28.25rem;
padding: 2rem;
display: flex
}
.benefits__block.mod--designrush-white {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
color: var(--blue-dark);
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c4adafbb71e6cd77e34be_bg-card-benefits_laptop.webp);
background-size: 100% 100%;
flex-direction: column;
justify-content: flex-start;
height: 100%;
padding: 2rem;
display: flex
}
.benefits__block.mod--designrush {
height: 100%;
min-height: auto
}
.benefits__block.is--slider {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
color: #02021e;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c4adafbb71e6cd77e34be_bg-card-benefits_laptop.webp);
background-size: 100% 100%;
flex-direction: column;
justify-content: space-between;
min-height: 31.25rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
display: flex
}
.swiper-pagin {
grid-column-gap: .5rem;
border-radius: 2rem;
justify-content: center;
align-items: center;
width: 100%;
height: .25rem;
margin-top: 1.5rem;
margin-bottom: 0;
display: flex;
position: relative
}
.swiper-pagin.is--progress {
margin-top: 0
}
.swiper-pagin.mod--post-big,
.swiper-pagin.mod--expertise,
.swiper-pagin.mod--service-releted {
display: none
}
.swiper-pagin.mod--catalog-hero {
grid-column-gap: 1rem;
margin-top: 0;
padding-left: 3.5rem;
padding-right: 3.5rem
}
.swiper-pagin.mod--solutions {
margin-top: 0
}
.swiper-pagin.mod--works,
.swiper-pagin.mod--achiev {
display: none
}
.swiper-pagin.mod--research-team {
z-index: 3;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
height: auto;
margin-top: 0;
position: absolute;
bottom: 3rem
}
.swiper-pagin.mod--dedicated-achiev {
display: none
}
.swiper-pagination__item {
opacity: .2;
background-color: #eaeaec;
border-radius: 6.25rem;
flex: 1;
max-width: 2rem;
height: 100%;
position: relative
}
.swiper-pagination__item.active {
opacity: 1
}
.benefits__top {
border-bottom: .0625rem solid #ffffff4d;
min-height: 6rem
}
.benefits__top.is--logo {
border-bottom-style: none;
border-bottom-width: 0;
min-height: 5rem;
padding-bottom: 0
}
.benefits__top.mod--designrush {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
padding-bottom: 1.5rem;
display: flex
}
.benefits__infinity {
width: 5.25rem;
margin-top: -1.1rem;
font-size: 0;
display: block;
position: relative
}
.benefits__logo-halolab {
width: 3.5rem;
height: 3.5rem;
display: block
}
.post-big__bottom {
z-index: 1;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
justify-content: flex-end;
width: 100%;
display: flex;
position: static;
inset: 0%
}
.works__video-case {
z-index: 1;
transform: scale3d(1none, 1none, 1none);
object-fit: cover;
transform-style: preserve-3d;
background-image: linear-gradient(#e9e9ea, #e9e9ea), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648b10ef9ccee0a3fa3ae1cb_bg-card-worksSlide_laptop.webp);
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, 100% 100%;
width: 100%;
height: 100%;
transition: all .5s;
display: block;
position: relative
}
.icon-scale {
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
transition: all .4s cubic-bezier(.215, .61, .355, 1);
display: flex
}
.icon-scale.is-1.active,
.icon-scale.is-2 {
width: 0;
height: 0
}
.icon-scale.is-2.active {
width: 2.5rem;
height: 2.5rem
}
.icon-scale.is--color-black {
filter: grayscale()contrast(300%)
}
.icon-scale.is--size-48 {
width: var(--size-48);
height: var(--size-48)
}
.icon-scale.is--size-48.is-2 {
width: var(--size-0);
height: var(--size-0)
}
.icon-scale.is--size-48.is-2.active {
width: var(--size-48);
height: var(--size-48)
}
.discuss__sidebar-top {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
border-bottom: .0625rem solid #02021e33;
align-items: center;
margin-bottom: 3rem;
padding-bottom: 2.5rem;
display: flex
}
.discuss__reviews-icon {
width: 1.9375rem;
height: 1.9375rem
}
.discuss__reviews-icon.mod--clutch {
width: 3rem;
height: 3rem
}
.author {
grid-column-gap: 1rem;
flex: none;
align-items: center;
display: flex
}
.author.mod--dedicated,
.author.mod--payoneer {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
align-items: flex-start
}
.home__video {
width: 100%;
height: 100%;
overflow: hidden;
transform: translate(0)
}
.blog__empty-bg {
width: 39.9375rem;
max-width: none
}
.blog__empty-gif {
object-fit: cover;
border-radius: 50%;
width: 10rem;
max-width: none;
height: 10rem;
position: absolute
}
.runlogo__img {
flex: none;
width: 8em;
margin-left: auto;
margin-right: auto;
display: block
}
.runlogo__img.is--oppo {
width: 7.625em
}
.runlogo__img.is--udemy {
width: 6.9375em
}
.runlogo__img.is--jbl {
width: 3.0625em
}
.runlogo__img.is--creative {
width: 6.8em
}
.runlogo__img.is--seneca {
width: 8.6875em
}
.runlogo__img.is--auth0 {
width: 6.5em
}
.runlogo__img.is--nokia {
width: 7.375em
}
.runlogo__img.is--dribble {
width: 7.5em
}
.runlogo__img.is--corel {
width: 8.0625em
}
.runlogo__img.is--opera {
width: 7.2em
}
.faq-cta__card {
grid-column-gap: var(--size-32);
grid-row-gap: var(--size-32);
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6491aff333ee9252f3f730e5_bg-card-askBlue_laptop.webp), linear-gradient(#3a23bb00 49%, #3a23bb 50%);
background-position: 0 0, 0 0;
background-repeat: no-repeat, repeat;
background-size: 100%, auto;
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 19rem;
height: 25rem;
padding: 2.5rem;
display: flex
}
.faq-cta__card.is-border {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/66c87c9e629a697e8df259fc_card-askBorder_laptop.avif);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%
}
.faq-cta__card.is-border.mod--linkedin {
width: 22.5rem;
height: auto
}
.faq-cta__ava {
object-fit: cover;
width: 5rem;
height: 5rem;
display: block
}
.form__radio {
box-shadow: inset 0 0 0 .0625rem var(--blue-dark);
border-style: none;
border-width: 0;
border-radius: 50%;
flex: none;
width: 1rem;
height: 1rem;
margin-top: 0;
margin-left: 0;
margin-right: .5rem;
transition: all .2s
}
.form__radio.w--redirected-checked {
box-shadow: inset 0 0 0 .21875rem var(--white);
border-style: none;
border-width: 0;
width: 1rem;
height: 1rem
}
.button__text {
flex: none;
display: block
}
.button__text.is-absolute {
position: absolute;
inset: 0%;
transform: translateY(150%)
}
.button__texts {
transition: transform .4s cubic-bezier(.215, .61, .355, 1);
position: relative;
transform: translate(0)
}
.button__texts.active {
transform: translateY(-150%)
}
.services__block {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
background-color: #f5f5f7;
border-radius: 1.5rem;
justify-content: space-between;
align-items: flex-start;
height: 100%;
margin-bottom: 0;
padding: 2.5rem;
display: flex;
position: relative
}
.services__block.is--invert {
flex-flow: row-reverse
}
.success__video {
object-fit: cover;
border-radius: 1.25rem;
width: 100%;
height: 17.75rem;
margin-top: 2rem
}
.success__video.mod--discuss {
margin-top: .5rem
}
.success__video.mod--hero {
height: 10rem;
margin-top: 0
}
.success__video.mod--discuss-img {
height: 13.5rem;
margin-top: 0
}
.button__icons {
color: #fff;
background-color: #e60278;
border: .125rem solid #e60278;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
margin-top: -1rem;
margin-bottom: -1rem;
transition: all .4s;
display: flex;
position: relative;
overflow: hidden;
transform: translate(0)
}
.button__icons.is-white {
border-color: var(--white);
background-color: var(--white);
color: var(--blue);
position: relative
}
.button__icons.is-white.active {
color: #fff
}
.button__icons.active {
color: var(--blue)
}
.button__icons.is-white-gold {
border-color: var(--white);
background-color: var(--white);
color: #977d4e;
position: relative
}
.button__icons.is-white-gold.active {
border-style: solid;
border-color: var(--white);
color: var(--white)
}
.button__icons.is-medium {
width: 2.5rem;
height: 2.5rem
}
.button__icons.is-dark {
border-color: var(--blue-dark);
background-color: var(--blue-dark)
}
.button__icons.is-dark.active {
color: var(--blue-dark)
}
.button__icons.mod--search {
color: var(--blue-dark);
background-color: #fff;
border-style: none
}
.button__icons.mod--footer-form {
background-color: var(--white);
color: var(--blue-dark);
border-style: none;
margin-top: 0;
margin-bottom: 0;
transition-property: all
}
.button__icons.mod--footer-form.active {
color: var(--white)
}
.button__icons.mod--projects-dribble {
border-color: var(--white);
background-color: var(--white);
color: #e84f8a
}
.button__icons.mod--projects-dribble.active {
color: var(--white)
}
.button__icons.mod--projects-filter {
padding-top: var(--size-2);
border-color: var(--white);
background-color: var(--white);
color: var(--blue-dark);
position: relative
}
.button__icons.is-white-black {
border-color: var(--white);
background-color: var(--white);
color: var(--blue-dark);
position: relative
}
.button__icons.is-white-black.active {
color: var(--white)
}
.button__icons.is-border-black {
border-color: var(--blue-dark);
color: var(--blue-dark);
background-color: #e6027800
}
.button__icons.bg-color-black {
border-color: var(--blue-dark);
background-color: var(--blue-dark);
color: var(--white)
}
.button__icons.bg-color-yellow {
border-color: var(--yellow);
background-color: var(--yellow);
color: var(--blue-dark)
}
.button__icons.is--linkedin {
background-color: #007ebb;
border-color: #007ebb
}
.button__icon-anim {
z-index: 1;
justify-content: center;
align-items: center;
font-size: 0;
transition: transform .4s cubic-bezier(.215, .61, .355, 1);
display: flex;
position: relative;
transform: translate(0%)
}
.button__icon-anim.active {
transform: translate(180%)
}
.button__icon-anim.mod--share {
transition-property: all
}
.button__icon-anim.mod--share.active {
filter: brightness(200%)
}
.button__icon-anim.is-diagonal-top.active {
transform: translate(180%, -180%)
}
.button__icon-anim.is-diagonal-bottom.active {
transform: translate(-180%, 180%)
}
.button__bg {
background-color: #e60278;
border-radius: 50%;
width: 100%;
height: 100%;
transition: all .3s;
position: absolute;
inset: 0%;
transform: scale(0)
}
.button__bg.mod--behance {
background-color: #053eff;
transform: scale(0)
}
.button__bg.mod--dribble {
background-color: #ea4c89;
transform: scale(0)
}
.button__bg.active {
transform: scale(1)
}
.button__bg.mod--share-linkedin {
background-color: #3375b2
}
.button__bg.mod--share-fb {
background-color: #4a99e9
}
.button__bg.mod--share-fb.active {
transform: scale(1.02)
}
.button__bg.mod--share-twitter {
background-color: #101419
}
.button__bg.mod--share-twitter.active {
transform: scale(1.02)
}
.button__bg.mod--share-link {
background-color: var(--blue-dark);
transform: scale(0)
}
.button__bg.mod--share-link.active {
transform: scale(1.02)
}
.button__bg.bg-color-white {
background-color: #fff
}
.button__bg.bg-color-white.done {
transform: scale(1)
}
.button__bg.bg-color-black {
background-color: var(--blue-dark)
}
.button__bg.bg-color-yellow {
background-color: var(--yellow)
}
.button__bg.mod--npm {
background-color: #cb3837
}
.button__bg.mod--webflow {
background-color: #4353ff
}
.button__bg.mod--instagram {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64928a7654274f9c463de498_bg-Instagram.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover
}
.button__bg.mod--linkedin {
background-color: #0077b5
}
.button__bg.bg-color-pink {
background-color: #e84f8a
}
.button__bg.mod--services {
transition-duration: .3s
}
.button__bg.mod--upsell-stop {
transition-duration: .15s
}
.button__bg.done {
transform: scale(1)
}
.circles__border {
z-index: 2;
pointer-events: none;
border: .0625rem solid #ffffff4d;
border-radius: 50%;
width: 100%;
height: 100%;
transition: border-color .4s, left .5s, top .5s, height .5s, width .5s;
position: absolute;
inset: 0%;
overflow: hidden;
transform: translate(0)
}
.circles__border.active {
z-index: -1;
align-self: center;
width: 95%;
height: 95%;
top: 2.5%;
left: 2.5%
}
.clients__text {
opacity: .7;
align-self: auto;
max-width: 16.75rem;
height: auto;
padding-top: 1.5rem;
overflow: visible
}
.burger-wrap,
.burger-wrap.mod--clutch,
.clients__btn {
display: none
}
.footer__nav-link {
grid-column-gap: .5rem;
letter-spacing: .0125rem;
justify-content: flex-start;
align-items: center;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4;
display: flex
}
.catalog-subs__img-wrap {
grid-column-gap: 1.25rem;
align-items: center;
margin-top: 2.5rem;
display: flex
}
.awards__founders {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-transform: uppercase;
flex-direction: column;
align-items: flex-start;
font-size: .875rem;
line-height: 1.2;
display: flex
}
.catalog-subs__img {
opacity: 1;
object-fit: cover;
border-radius: 50%;
flex: none;
width: 4.5rem;
height: 4.5rem;
display: none
}
.catalog-subs__img.anim,
.catalog-subs__img.is-success {
display: block
}
.catalog-subs__img.is-success.anim {
display: none
}
.header__nav-arrow {
justify-content: center;
align-items: flex-start;
width: 1rem;
height: 1rem;
font-size: 0;
line-height: 0;
transition: transform .2s;
display: block;
position: absolute;
top: 0;
right: 0;
transform: rotate(0)
}
.post__share {
grid-row-gap: 1rem;
flex-direction: column;
align-items: center;
transition: all .5s cubic-bezier(.215, .61, .355, 1);
display: flex;
position: sticky;
top: 7rem
}
.post__share.is--sidebar-anim {
top: 2.5rem
}
.share__title {
color: var(--blue-dark);
font-size: .75rem
}
.contact__video {
border-radius: 100%;
flex: 0 auto;
margin: -2.8rem;
position: absolute;
inset: 0%;
overflow: hidden;
transform: translate(0)
}
.contact__video.is-autoplay {
cursor: pointer
}
.icon-regular {
z-index: 2;
width: 1.5rem;
height: 1.5rem;
line-height: 0;
position: relative
}
.icon-regular.is-absolute {
position: absolute;
inset: 0%;
transform: translate(-180%)
}
.icon-regular.is-absolute.is-diagonal-bottom {
transform: translate(180%, -180%)
}
.icon-regular.is-absolute.is-diagonal-top {
transform: translate(-180%, 180%)
}
.icon-regular.is-checked {
width: 1.25rem;
max-width: none;
height: 1.25rem
}
.icon-regular.is-size-fixed {
width: 1.5rem;
height: 1.5rem
}
.icon-regular.is-plus {
display: block
}
.icon-regular.is-plus.done,
.icon-regular.is-minus {
display: none
}
.icon-regular.is-minus.done {
display: block
}
.icon-regular.is-copy-code {
width: 1.25rem;
height: 1.25rem
}
.icon-regular.mod--projects-sort {
font-size: 0;
transform: rotate(0)
}
.opacity-50 {
opacity: .5
}
.case-cta {
border-radius: 2.5rem;
flex-direction: column;
justify-content: flex-end;
height: 46.25rem;
display: flex
}
.case-cta__bottom {
z-index: 1;
color: var(--white);
background-color: #131009;
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
align-items: center;
padding: 3.3125rem 3rem;
display: flex;
position: relative
}
.case-cta__heart {
width: 4.5rem
}
.case-slide__img {
width: 100%;
display: block
}
.project-card-big__content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--white);
color: var(--blue-dark);
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
flex-direction: column;
flex: 1;
padding: 2.5rem;
display: flex
}
.project-card-big__content.mod--cases-cta {
grid-column-gap: 10rem;
color: var(--grey-light);
background-color: #fff0;
flex-direction: row;
flex: none;
justify-content: space-between;
align-items: center
}
.button-label {
padding: .5rem var(--size-16);
border: .0625rem solid var(--white-30);
text-align: center;
letter-spacing: .05em;
text-transform: uppercase;
border-radius: 6.25rem;
justify-content: center;
align-items: center;
font-size: .875rem;
line-height: 1.4;
display: flex
}
.projects-sort__btn {
color: #ffffffb3;
cursor: pointer;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-left: 0;
transition: all .2s;
display: flex;
position: relative;
transform: translate(0)
}
.projects-sort__btn:hover {
color: var(--white)
}
.projects-sort__btn.active {
color: var(--yellow)
}
.opensource-card {
flex-direction: column;
justify-content: space-between;
width: auto;
height: 100%;
min-height: 22rem;
padding: 2.5rem;
display: flex;
position: relative;
transform: translate(0)
}
.opensource-card__text-wrap {
grid-row-gap: 1.5rem;
border: 0 solid #000;
flex-direction: column;
flex: 1;
padding-top: 0;
display: flex
}
.page404__bg {
z-index: -1;
flex: none;
justify-content: center;
align-items: center;
width: 100vw;
height: 92vh;
display: flex;
position: relative;
inset: 0%
}
.page404__gif {
z-index: 1;
object-fit: cover;
border-radius: 50%;
width: 10rem;
height: 10rem;
position: relative
}
.toc__collar {
z-index: 1;
background-color: var(--white);
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648206d2ff508a2ca7ca9bc0_toc-collar_laptop.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 4.75rem;
height: 4.75rem;
position: absolute;
inset: -2px -2px auto auto
}
.error-popup-wrap {
z-index: 99;
background-color: #02021ee6;
justify-content: center;
align-items: center;
min-height: 100vh;
max-height: 100vh;
display: flex;
position: fixed;
inset: 0 0% auto
}
.error-popup {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
color: var(--blue-dark);
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/646633092da19fd666935434_error__bg.svg);
background-position: 50% 100%;
background-size: cover;
flex-direction: column;
align-items: center;
max-width: 34.6875rem;
padding: 2.875rem 2rem 2.5rem 2.0625rem;
display: flex;
position: relative
}
.error__video {
object-fit: cover;
object-position: 0% 0%;
width: 100%;
margin-bottom: -.5rem;
display: block;
overflow: hidden
}
.error__icon {
opacity: .7;
width: 2rem;
position: absolute;
inset: 0% 0% auto auto
}
.page404__bg-wrap {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
position: absolute;
inset: 0%
}
.page404__text-wrap {
z-index: 1;
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
margin-left: auto;
padding-left: 7.25rem;
display: flex;
position: relative;
top: 3.2rem
}
.author__text-wrap {
font-size: 1rem;
line-height: 1.8
}
.service-hero__card {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
opacity: 1;
transform-origin: 50% 0;
background-image: linear-gradient(#e6027800 29%, #e60278 30%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/659bfae07ebaa70a51f6c4b9_card-serviceHero_laptop.svg);
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, 100%;
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
flex-direction: column;
justify-content: space-between;
min-height: 32.5rem;
padding: 4rem 2.5rem 2rem;
transition: transform .6s, opacity .4s;
display: flex;
position: relative;
transform: perspective(800px)rotate(0)perspective(800px)
}
.service-hero__card.anim {
opacity: 0;
transform-style: preserve-3d;
transform: perspective(800px)rotateX(-5deg)rotateY(0)rotate(0)perspective(800px)
}
.service-hero__video {
border-radius: var(--size-16);
object-fit: cover;
width: 100%;
height: 100%;
display: block;
overflow: hidden
}
.process__fill {
background-image: linear-gradient(90deg, #8da2b3, #9fbde4);
border-radius: 12.5rem;
justify-content: center;
align-items: center;
width: 100%;
height: 2rem;
display: flex
}
.process__fill.is--4steps-01 {
background-image: linear-gradient(90deg, #8eb9f9, #5a95ed)
}
.process__fill.is--4steps-02 {
background-image: linear-gradient(90deg, #5a97ed, #73d3ef)
}
.process__fill.is--4steps-03 {
background-image: linear-gradient(90deg, #73d3ee, #96f0a7 50%, #d9e790)
}
.process__fill.is--4steps-04 {
background-image: linear-gradient(90deg, #dae68f, #f6b05b 50%, #f3513a)
}
.process__fill.is--5steps-01 {
background-image: linear-gradient(90deg, #8da2b3, #5b95ed)
}
.process__fill.is--5steps-02 {
background-image: linear-gradient(90deg, #5b95ed, #95efa8)
}
.process__fill.is--5steps-03 {
background-image: linear-gradient(90deg, #93edac, #9ed494)
}
.process__fill.is--5steps-04 {
background-image: linear-gradient(90deg, #9ed492, #e1b774)
}
.process__fill.is--5steps-05 {
background-image: linear-gradient(90deg, #e1b774, #d2453f)
}
.process__fill.is--6steps-01 {
background-image: linear-gradient(90deg, #8da2b4, #5b96ed)
}
.process__fill.is--6steps-02 {
background-image: linear-gradient(90deg, #5b96ed, #72d2ef)
}
.process__fill.is--6steps-03 {
background-image: linear-gradient(90deg, #72d2ef, #83e0ca)
}
.process__fill.is--6steps-04 {
background-image: linear-gradient(90deg, #83e0ca, #abeb9f)
}
.process__fill.is--6steps-05 {
background-image: linear-gradient(90deg, #abeb9f, #d9e790)
}
.process__fill.is--6steps-06 {
background-image: linear-gradient(90deg, #dae68f, #ef6546)
}
.process__fill.is--marketing-01 {
background-image: linear-gradient(90deg, #8da2b3, #5a95ed)
}
.process__fill.is--marketing-02 {
background-image: linear-gradient(90deg, #5a95ed, #8eb9f9)
}
.process__fill.is--marketing-03 {
background-image: linear-gradient(90deg, #8eb9f9, #73d3ef)
}
.process__fill.is--marketing-04 {
background-image: linear-gradient(90deg, #67b3ee, #96f0a7)
}
.process__fill.is--marketing-05 {
background-image: linear-gradient(90deg, #96f0a7, #8ee9b6)
}
.process__fill.is--marketing-06 {
background-image: linear-gradient(90deg, #8ee9b6, #e4aa6c)
}
.process__fill.is--marketing-07 {
background-image: linear-gradient(90deg, #f6b05b, #f3513a)
}
.process__fill.is--7steps-01 {
background-image: linear-gradient(90deg, #8da2b3, #6498e4)
}
.process__fill.is--7steps-02 {
background-image: linear-gradient(90deg, #6498e4, #67b4ee)
}
.process__fill.is--7steps-03 {
background-image: linear-gradient(90deg, #67b4ee, #7cdada)
}
.process__fill.is--7steps-04 {
background-image: linear-gradient(90deg, #67b4ee, #8be6bd)
}
.process__fill.is--7steps-05 {
background-image: linear-gradient(90deg, #8be6bd, #aceca0)
}
.process__fill.is--7steps-06 {
background-image: linear-gradient(90deg, #aceca0, #ddd384)
}
.process__fill.is--7steps-07 {
background-image: linear-gradient(90deg, #ddd384, #f3523a)
}
.services-redir__icon {
width: 3.5rem
}
.service-other__heading-wrap {
border-bottom: .0625rem solid #fffc;
align-items: flex-start;
min-height: 6rem;
display: flex
}
.service-other__heading-wrap.is-first {
border-bottom-color: #ffffff4d;
padding-top: .2rem
}
.service-team__icon {
transform: scale3d(1none, 1none, 1none);
transform-style: preserve-3d;
width: 3.5rem;
transition: transform .6s;
display: block
}
.service-team__icon.anim {
transform: scale(0)
}
.service-team__total {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
align-items: center;
font-size: 1.25rem;
line-height: 1.2;
display: flex
}
.service-features__icon {
width: 3.5rem;
font-size: 0;
display: block
}
.team__circle {
border: .0625rem solid #fffc;
border-radius: 50%;
width: 7.5rem;
height: 7.5rem;
transition: all 1s
}
.team__circle.anim {
border-color: #fff0
}
.team__img {
transform: scale3d(1none, 1none, 1none);
transform-style: preserve-3d;
width: 100%;
transition: opacity 1s, transform .5s cubic-bezier(.215, .61, .355, 1);
display: block
}
.team__img.anim {
opacity: 0;
transform: none
}
.team__grid {
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
margin: -1rem;
display: flex
}
.post__rich-text {
padding-left: 2rem;
padding-right: 2rem
}
.post__rich-text img {
border-radius: 1.5rem
}
.post__rich-text h2 {
letter-spacing: -.01em;
text-transform: none;
margin-top: 3.5rem;
margin-bottom: 1.5rem;
font-size: 1.75rem;
line-height: 1.4
}
.post__rich-text h3 {
letter-spacing: -.01em;
margin-top: 2rem;
margin-bottom: 1rem;
font-size: 1.5rem;
line-height: 1.4
}
.post__rich-text h4 {
letter-spacing: -.01em;
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 1.25rem;
line-height: 1.4
}
.post__rich-text h5 {
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 1rem
}
.post__rich-text h6 {
margin-top: 1rem;
margin-bottom: 1rem;
font-size: .875rem
}
.post__rich-text p {
margin-bottom: 2rem
}
.post__rich-text li {
color: #02021eb3;
letter-spacing: .01em;
margin-bottom: 0;
padding-top: 0;
padding-left: 1.5rem;
font-size: 1.125rem;
line-height: 1.6;
position: relative
}
.post__rich-text ul {
grid-row-gap: 1rem;
flex-direction: column;
margin-top: 2rem;
margin-bottom: 2rem;
padding-left: 0;
list-style-type: none;
display: flex
}
.post__rich-text ol {
grid-row-gap: 1rem;
flex-direction: column;
align-items: stretch;
margin-top: 2rem;
margin-bottom: 2rem;
padding-left: 1.5rem;
display: flex
}
.post__rich-text blockquote {
color: var(--blue-dark);
background-color: #fff3db;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6482efe87d218006cd1581a7_qoute-corall__laptop.webp);
background-position: 0 101%;
background-repeat: no-repeat;
background-size: 100%;
border-left-width: 0;
border-radius: 1.5rem;
margin: 2.5rem -2rem;
padding: 2rem 8.5rem 2rem 2rem;
font-size: 1.25rem;
font-weight: 500;
position: relative
}
.post__rich-text figure {
margin-top: 3.5rem;
margin-bottom: 3.5rem
}
.post__rich-text figcaption {
color: #02021e80;
max-width: 36rem;
margin-top: 1rem;
margin-left: auto;
margin-right: auto;
line-height: 1.6
}
.post__rich-text p {
color: #02021eb3;
margin-bottom: 2rem;
font-size: 1.125rem
}
.post__rich-text strong {
color: #02021e
}
.post__rich-text a {
color: #3719ca;
line-height: 1.2
}
.case__components {
grid-row-gap: 8rem;
flex-direction: column
}
.case__tech-item {
grid-column-gap: 1.5625rem;
grid-row-gap: 1.5625rem;
color: var(--blue-dark);
border: .0625rem solid #02021e4d;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 19rem;
height: 19rem;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4;
display: flex
}
.case__tech-icon {
width: 6.875rem;
display: block
}
.h1__words {
width: 3.5em;
height: .89em;
margin-bottom: -.1em;
margin-right: .2em;
transition: all .8s cubic-bezier(.77, 0, .175, 1);
display: inline-block;
position: relative;
overflow: hidden;
transform: translate(0)
}
.h1__word {
font-weight: 500;
display: flex;
position: absolute;
inset: 0 auto auto 0%
}
.h1__letter {
font-style: normal;
display: inline-block;
position: relative;
transform: translateY(120%)
}
.h1__letter.active {
transition: all .8s;
transform: translate(0)
}
.h1__letter.active.done {
transform: translateY(-120%)
}
.home__images {
z-index: 1;
width: 16.875rem;
height: 16.875rem;
position: absolute;
top: 4.5rem;
right: 2.5rem;
transform: translate(0)
}
.home__image {
width: 100%;
max-width: none;
height: 100%;
display: block;
position: absolute;
inset: 0% auto auto 0%;
transform: translateY(8rem)scale(0)
}
.home__image.active {
transition: all 1s cubic-bezier(.77, 0, .175, 1);
transform: translate(0)scale(1)
}
.home__image.active.done {
transform: translateY(-8.6rem)scale(0)
}
.h1__thing {
z-index: 2;
height: .9em;
position: relative
}
.post__rich-faq {
font-size: 1.125rem
}
.post__rich-faq p {
color: #02021eb3
}
.post__rich-faq ul {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
padding-left: 0;
list-style-type: none;
display: flex
}
.post__rich-faq li {
color: #02021eb3;
padding-left: 1.5rem;
position: relative
}
.post__rich-faq a {
color: var(--blue);
line-height: 1.2
}
.works__subheading {
max-width: 26rem;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4
}
.case__rich-text {
flex-wrap: wrap;
font-size: 1.125rem;
display: flex;
position: relative
}
.case__rich-text figure {
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
min-width: 100%;
max-width: 100%;
margin: 0 0
}
.case__rich-text h4 {
text-transform: uppercase;
width: 13.5rem;
margin-bottom: -11rem;
margin-right: 7.5rem;
font-size: .875rem;
font-weight: 400
}
.case__rich-text ol {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(40%, 23rem));
grid-auto-columns: 1fr;
width: 100%;
max-width: 51rem;
margin-bottom: 8rem;
margin-left: 21rem;
padding-left: 0;
list-style-type: none;
display: grid;
position: relative;
transform: translate(0)
}
.case__rich-text sub {
opacity: .7;
font-size: 1rem;
font-weight: 400;
line-height: .8;
display: inline-block
}
.case__rich-text em {
border: .0625rem solid #02021e4d;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
font-size: .875rem;
font-style: normal;
font-weight: 700;
display: flex
}
.case__rich-text h2 {
text-transform: none;
width: 100%;
max-width: 45rem;
margin-bottom: 2.5rem;
margin-left: 21rem;
font-size: 2.75rem
}
.case__rich-text a {
color: #e60278
}
.case__rich-text figcaption {
text-align: left;
margin-top: 0;
margin-left: 1.125rem;
font-size: 1rem;
font-weight: 500;
display: block
}
.case__rich-text ul {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(40%, 23rem));
grid-auto-columns: 1fr;
width: 100%;
max-width: 51rem;
margin-bottom: 8rem;
margin-left: 21rem;
padding-left: 0;
list-style-type: none;
display: grid
}
.case__rich-text p {
color: #02021eb3;
width: 100%;
max-width: 45rem;
margin-bottom: 1.5rem;
margin-left: 21rem
}
.case__rich-text img {
object-fit: cover;
display: block
}
.case__rich-text h3 {
width: 13.5rem;
margin-bottom: -11rem;
margin-right: 7.5rem;
font-size: 2.125rem;
line-height: 1.2
}
.case__rich-text li {
grid-row-gap: 1.5rem;
color: #02021eb3;
flex-direction: column;
align-items: flex-start;
margin-bottom: 0;
padding-left: 1.5rem;
display: flex;
position: relative
}
.case__rich-text sup {
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
font-size: .8rem;
display: flex
}
.case__rich-text blockquote {
grid-row-gap: 3rem;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6446a47a8bed1b4edf6474bb_icon-quote.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 2.5rem;
border-left-width: 0;
flex-direction: column;
align-items: flex-start;
margin-top: 8rem;
margin-bottom: 16rem;
padding: 0 18rem 0 21rem;
font-size: 1.75rem;
font-weight: 500;
display: flex;
position: relative
}
.case__rich-testing {
flex-wrap: wrap;
display: flex;
position: relative;
overflow: hidden;
transform: translate(0)
}
.case__rich-testing li {
grid-row-gap: 1.5rem;
color: var(--blue-dark);
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 16.875rem;
margin-bottom: 0;
padding-left: 0;
font-weight: 500;
display: flex;
position: absolute;
inset: 0% auto auto -21rem;
transform: translate(0)
}
.case__rich-testing ul {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 44rem;
margin-bottom: 8rem;
margin-left: 21rem;
padding-left: 0;
font-size: 1.125rem;
display: flex;
position: relative;
overflow: visible;
transform: translate(0)
}
.case__rich-testing img {
border-radius: 1.5rem;
width: 100%;
display: block
}
.case__rich-testing figure {
width: 100%;
min-width: 100%;
max-width: 100%;
margin: 0 0;
position: relative
}
.case__rich-feedback {
max-width: 44rem
}
.case__rich-feedback figcaption {
color: #02021e99;
text-align: left;
white-space: nowrap;
margin-top: 0;
font-size: 1rem
}
.case__rich-feedback p {
margin-bottom: 3rem;
font-size: 1.75rem;
font-weight: 500;
line-height: 1.4
}
.case__rich-feedback img {
border-radius: 50%;
width: 3.5rem;
min-width: 3.5rem;
max-width: 3.5rem;
display: block
}
.case__rich-feedback figure {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: center;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
display: flex
}
.case__rich-feedback strong {
color: #02021e;
font-weight: 500
}
.post-card__param {
letter-spacing: .06em;
text-transform: uppercase;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 1rem;
font-size: .875rem;
line-height: 1.4;
display: flex
}
.post-card__param.is--big {
margin-bottom: 0;
transition: opacity .2s
}
.post-card__param.is--big.anim {
opacity: 0
}
.bg-color-gold {
background-color: #977d4e
}
.case-cta__img {
object-fit: cover;
border-radius: 2.5rem;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%
}
.styles {
display: none;
position: fixed;
inset: 0% 0% auto;
overflow: hidden
}
.post-share__notice {
z-index: 2;
opacity: 0;
background-color: #02021e;
justify-content: flex-start;
align-items: center;
padding-left: .7rem;
transition: opacity .2s;
display: flex;
position: absolute;
inset: 0%
}
.post-share__notice.active {
opacity: 1
}
.post-share__notice-anim {
width: 0;
transition: all 1.5s;
overflow: hidden
}
.post-share__notice-anim.active {
width: 1.25rem
}
.post-estimation__expert {
z-index: 1;
width: 32.5rem;
max-width: none;
position: absolute;
bottom: -4.5rem;
left: 6.8rem
}
.post-estimation__icon {
z-index: 1;
width: 1.5rem;
position: absolute;
inset: 3.5rem auto auto 2rem
}
.button__overflow {
z-index: 1;
flex: 1;
position: relative;
overflow: hidden
}
.button__icon-small {
flex: none;
width: 1rem;
height: 1rem
}
.button__icon-small.is-icon-absolute {
position: absolute;
inset: 0%;
transform: translate(-180%)
}
.toc__line {
background-color: var(--blue);
opacity: 0;
width: .25rem;
transition: opacity .1s;
position: absolute;
inset: 0% auto 0% -3.5rem
}
.toc__list-scroll {
max-height: 32vh;
margin-left: -2.6rem;
margin-right: -1rem;
padding-left: 2.6rem;
padding-right: 1rem;
overflow: auto
}
.menu__block {
background-color: var(--white);
color: var(--blue-dark);
border-radius: 1.5rem;
margin-top: -.0625rem;
padding: 2rem;
position: relative;
overflow: hidden;
box-shadow: 0 48px 140px #02021e66
}
.menu__service-top {
align-items: center;
margin-bottom: 1.5rem;
display: flex
}
.button-service {
color: var(--blue-dark);
letter-spacing: 0;
border: .0625rem solid #02021e4d;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
font-size: 0;
line-height: 0;
transition: all .4s;
display: flex;
position: relative;
overflow: hidden;
transform: translate(0)
}
.button-service.active {
color: #fff;
border-color: #02021e00
}
.button-service.is-border-white {
border-color: var(--white-30);
color: var(--white)
}
.button-service.is-border-white.active {
color: var(--blue-dark);
border-color: #fff0
}
.button-service.is-border-none {
border-width: 0
}
.menu__service-title {
letter-spacing: -.02em;
max-width: 12rem;
font-size: 1.75rem;
font-weight: 500;
line-height: 1.2
}
.menu {
z-index: 92;
opacity: 1;
height: 100vh;
padding-left: 1.25rem;
padding-right: 1.25rem;
transition: padding .4s cubic-bezier(.215, .61, .355, 1), transform .5s, opacity .2s;
position: fixed;
inset: 0% 0% auto;
overflow: hidden;
transform: translate(0)
}
.menu.active {
opacity: 0
}
.case__rich-result {
flex-wrap: wrap;
width: 100%;
margin-bottom: 8rem;
font-size: 1.125rem;
display: flex;
position: relative
}
.case__rich-result figure {
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
min-width: 100%;
max-width: 100%;
margin: 0 0
}
.case__rich-result h4 {
text-transform: uppercase;
width: 13.5rem;
margin-bottom: -11rem;
margin-right: 7.5rem;
font-size: .875rem;
font-weight: 400
}
.case__rich-result ol {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(40%, 23rem));
grid-auto-columns: 1fr;
width: 100%;
max-width: 51rem;
margin-bottom: 8rem;
padding-left: 0;
list-style-type: none;
display: grid;
position: relative;
transform: translate(0)
}
.case__rich-result sub {
opacity: .7;
font-size: 1rem;
font-weight: 400;
line-height: .8;
display: inline-block
}
.case__rich-result em {
border: .0625rem solid #02021e4d;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
font-size: .875rem;
font-style: normal;
display: flex
}
.case__rich-result h2 {
text-transform: none;
width: 100%;
max-width: 45rem;
margin-bottom: 2.5rem;
font-size: 2.75rem
}
.case__rich-result a {
color: #e60278
}
.case__rich-result figcaption {
text-align: left;
margin-top: 0;
margin-left: 1.125rem;
font-size: 1rem;
font-weight: 500;
display: block
}
.case__rich-result ul {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
width: 100%;
max-width: 45rem;
margin-top: 2rem;
margin-bottom: 0;
margin-left: 21rem;
padding-left: 0;
list-style-type: none;
display: grid
}
.case__rich-result img {
object-fit: cover;
display: block
}
.case__rich-result li {
grid-row-gap: 1rem;
color: #02021eb3;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64819da98d3279805dacc7b9_bg-card-caseResults_laptop.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
flex-direction: column;
align-items: flex-start;
margin-bottom: 0;
padding: 2.5rem;
font-size: 1rem;
display: flex;
position: relative
}
.case__rich-result sup {
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
font-size: .8rem;
display: flex
}
.case__rich-result blockquote {
grid-row-gap: 1.5rem;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6446a47a8bed1b4edf6474bb_icon-quote.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto;
border-left-width: 0;
flex-direction: column;
align-items: flex-start;
margin-top: 8rem;
margin-bottom: 16rem;
padding: 0 18rem 0 21rem;
font-size: 1.75rem;
font-weight: 500;
display: flex;
position: relative
}
.case__rich-result strong {
color: var(--blue-dark);
font-size: 2.75rem;
font-weight: 500;
line-height: 1
}
.case__rich-steps {
font-size: 1.125rem;
position: relative
}
.case__rich-steps figure {
float: none;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
min-width: 100%;
max-width: 100%;
margin: 0 0
}
.case__rich-steps h4 {
text-transform: uppercase;
width: 13.5rem;
margin-bottom: -11rem;
margin-right: 7.5rem;
font-size: .875rem;
font-weight: 400
}
.case__rich-steps ol {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(40%, 23rem));
grid-auto-columns: 1fr;
width: 100%;
max-width: 51rem;
margin-bottom: 8rem;
padding-left: 0;
list-style-type: none;
display: grid;
position: relative;
transform: translate(0)
}
.case__rich-steps sub {
opacity: .7;
font-size: 1rem;
font-weight: 400;
line-height: .8;
display: inline-block
}
.case__rich-steps em {
border: .0625rem solid #02021e4d;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
font-size: .875rem;
font-style: normal;
display: flex
}
.case__rich-steps h2 {
text-transform: none;
width: 100%;
max-width: 100%;
margin: 0 0 2.5rem;
font-size: 2.75rem
}
.case__rich-steps a {
color: #e60278
}
.case__rich-steps figcaption {
text-align: left;
margin-top: 0;
margin-left: 1.125rem;
font-size: 1rem;
font-weight: 500;
display: block
}
.case__rich-steps ul {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(40%, 23rem));
grid-auto-columns: 1fr;
width: 100%;
max-width: 51rem;
margin-bottom: 8rem;
padding-left: 0;
list-style-type: none;
display: grid
}
.case__rich-steps p {
color: #02021eb3;
width: 100%;
max-width: 100%;
margin-bottom: 1.5rem;
margin-left: 0
}
.case__rich-steps img {
object-fit: cover;
border-radius: 1.25rem;
height: 30rem;
display: block
}
.case__rich-steps h3 {
width: 100%;
max-width: 100%;
margin-bottom: 1.5rem;
margin-left: 0;
margin-right: 0;
font-size: 2.125rem;
line-height: 1.2
}
.case__rich-steps li {
grid-row-gap: 1.5rem;
color: #02021eb3;
flex-direction: column;
align-items: flex-start;
margin-bottom: 0;
padding-left: 1.5rem;
display: flex;
position: relative
}
.case__rich-steps sup {
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
font-size: .8rem;
display: flex
}
.case__rich-steps blockquote {
grid-row-gap: 1.5rem;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6446a47a8bed1b4edf6474bb_icon-quote.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto;
border-left-width: 0;
flex-direction: column;
align-items: flex-start;
margin-top: 8rem;
margin-bottom: 16rem;
padding: 0 18rem 0 21rem;
font-size: 1.75rem;
font-weight: 500;
display: flex;
position: relative
}
.case__component {
grid-row-gap: 8rem;
flex-direction: column;
width: 100%;
margin-bottom: 8rem
}
.case__steps {
grid-row-gap: 8rem;
flex-direction: column;
display: flex
}
.button-copy-code {
z-index: 2;
cursor: pointer;
background-color: #14142d;
border: .0625rem solid #ffffff26;
border-radius: .5rem;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
display: flex;
position: absolute;
inset: 1rem 1rem auto auto;
overflow: hidden;
transform: translate(0)
}
.category-wrap {
justify-content: center;
align-items: center;
margin-bottom: 5rem;
display: flex
}
.category {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
transform: translate(0)
}
.form-block {
z-index: 2;
margin-bottom: 0;
position: absolute;
inset: 0%
}
.form-block.mod--search {
opacity: 1;
width: 100%;
margin-bottom: 0;
transition: opacity .1s, width .5s;
display: flex;
left: auto
}
.form-block.mod--search.anim {
opacity: 0;
width: 9.8rem;
transition-duration: .4s, .4s;
transition-timing-function: cubic-bezier(.755, .05, .855, .06), ease
}
.search-input {
color: #fff;
letter-spacing: .01em;
background-color: #0000;
border: 0 #000;
flex: 1;
height: 100%;
margin-bottom: 0;
padding-left: 1rem;
padding-right: 1rem;
font-size: .875rem;
transition: all .3s
}
.search-input::placeholder {
color: #ffffff80;
font-size: .875rem
}
.search-input.w--current {
color: var(--blue-dark);
background-color: #fff;
border-color: #fff
}
.search__icon {
background-color: var(--yellow);
color: var(--blue-dark);
border-radius: 20rem;
flex: none;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex
}
.search__close {
color: #ffffffb3;
cursor: pointer;
flex: none;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 100%;
display: flex
}
.search__close:hover {
color: #fff
}
.blog__empty-img-wrap {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.blog__empty-desc {
color: #ffffffb3;
letter-spacing: .06em;
text-transform: uppercase;
margin-top: 2.5rem;
margin-bottom: 1.5rem;
font-size: .875rem;
line-height: 1.4
}
.post-card__img-wrap.is-big {
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative
}
.catalog-subs__text {
letter-spacing: .01em;
max-width: 21.375rem;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4
}
.dropdown__icon-wrap {
pointer-events: auto;
cursor: pointer;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
margin-top: -.3rem;
margin-bottom: -.3rem;
display: flex;
position: relative;
overflow: hidden;
transform: translate(0)
}
.dropdown__icon-wrap.mod--issues,
.category-dropdown {
display: none
}
.footer__title {
opacity: .6;
letter-spacing: .06em;
text-transform: uppercase;
font-size: .875rem;
line-height: 1.4
}
.footer-contact__link {
grid-column-gap: .75rem;
color: var(--white);
letter-spacing: .0125rem;
align-items: center;
font-weight: 500;
line-height: 1.4;
display: flex
}
.footer-serv__list {
grid-row-gap: .5rem;
flex-wrap: wrap;
margin-right: -1rem;
display: flex
}
.footer-serv__list-item {
align-items: center;
width: 25%;
margin-bottom: 0;
padding-right: 1rem;
display: flex
}
.footer-contact__links {
grid-row-gap: .75rem;
flex-direction: column;
align-items: flex-start;
display: flex
}
.circles__text {
pointer-events: none;
letter-spacing: .0125rem;
flex-direction: column;
align-items: center;
max-width: 15.5rem;
display: flex
}
.circles__text.mod--tech {
z-index: 0;
position: relative
}
.hero-case__img {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%
}
.clients__text-wrap {
height: 0;
transition: all .5s;
overflow: hidden;
transform: translate(0)
}
.clients__text-wrap.active {
height: 8rem
}
.benefits__slider-wrap {
flex: 1;
margin-right: -.1rem
}
.services__video-mob {
display: none
}
.icon-service {
border-radius: 50%;
width: 3.5rem;
transition: all .4s
}
.menu__close {
position: absolute;
inset: 0%
}
.case__rich-problem {
column-count: 2;
column-gap: 8rem;
line-height: 1.2
}
.case__rich-problem h4 {
text-transform: uppercase;
width: 100%;
margin-bottom: 2.5rem;
font-size: .875rem;
font-weight: 400;
display: inline-block
}
.case__rich-problem p {
color: var(--blue-dark);
letter-spacing: -.0425rem;
width: 100%;
margin-bottom: 0;
margin-left: 0;
font-size: 2.125rem;
font-weight: 500;
display: inline-block
}
.hero-service__cta {
border-top: .0625rem solid #ffffff4d;
justify-content: space-between;
align-items: center;
padding-top: 2rem;
display: flex
}
.hero-service__cta.mod--form {
max-width: 50.625rem
}
.button-flex {
z-index: 2;
cursor: pointer;
flex: none;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.hero-service__advant-numb {
letter-spacing: -.02em;
font-size: 3.5rem;
font-weight: 500;
line-height: 1
}
.hero-service__advant-text {
text-transform: uppercase;
font-size: 1.25rem;
line-height: 1.2
}
.hero-service__advant-text.is-2 {
display: none
}
.hero-service__advant {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
align-items: center;
max-width: 30rem;
display: flex
}
.service-hero__video-wrap {
border-radius: var(--size-16);
cursor: pointer;
justify-content: center;
align-items: center;
width: 18.5rem;
height: 18.5rem;
display: flex;
position: relative;
overflow: hidden;
transform: translate(0)
}
.dropdown__content.mod--post-faq {
max-width: 40rem;
padding: 0 2rem 2rem
}
.dropdown__content.mod--faq {
color: #ffffffb3;
padding-bottom: 2.5rem;
padding-right: 7.5rem;
font-size: 1.125rem
}
.dropdown__content.mod--projects-sort {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-items: flex-start;
max-height: 50vh;
margin-right: .5rem;
padding-bottom: 1.5rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: flex;
overflow: auto
}
.dropdown__content.mod--footer-nav {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: column;
align-items: flex-start;
padding-top: 1rem;
padding-bottom: .75rem;
display: flex
}
.dropdown__content.mod--footer-serv {
grid-row-gap: 3.5rem;
flex-direction: column;
padding-top: 1.5rem;
padding-bottom: 5rem;
display: flex
}
.dropdown__content.mod--issues {
max-width: 21rem
}
.dropdown__content.mod--rich-portfolio {
padding-bottom: 2.5rem
}
.service-other__text-wrap {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
display: flex
}
.service-other__text-wrap.is-first {
grid-column-gap: 3.375rem;
grid-row-gap: 3.375rem;
align-items: flex-start
}
.process__swipe {
display: none
}
.service-other__card {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-direction: column;
height: 100%;
padding: 2.5rem;
display: flex;
position: relative
}
.service-other__card.is-first {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64917f411339581aa2aaad15_bg-card-servOther_laptop.webp);
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 100% 100%;
justify-content: space-between;
width: 40rem
}
.service-features__block {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-direction: column;
max-width: 21rem;
display: flex
}
.service-features__block.is-2 {
margin-left: auto;
margin-right: auto
}
.service-features__block.is-3 {
margin-left: auto
}
.team__grid-block {
flex: 0 auto;
padding: 1rem
}
.faq__dropdowns {
opacity: 1;
transition: transform .6s, opacity .4s;
transform: translate(0)
}
.faq__dropdowns.anim {
opacity: 0;
transform: translateY(6rem)
}
.faq-cta__content {
grid-column-gap: var(--size-24);
grid-row-gap: var(--size-24);
flex-direction: column;
flex: 1;
align-items: flex-start;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4;
display: flex
}
.dropdown-inter {
opacity: 1;
width: 100%;
display: block;
transform: translate(0)
}
.dropdown-inter.mod--footer {
border-top: var(--size-1)solid #fffc
}
.dropdown-inter.mod--footer-nav {
width: auto;
margin-left: 0;
margin-right: auto
}
.dropdown-inter.mod--post-faq {
border: 1px solid #d7d8dd;
border-radius: 1.5rem
}
.dropdown-inter.mod--steps {
background-color: var(--grey-light);
pointer-events: none;
border-radius: 1.5rem;
overflow: hidden
}
.dropdown-inter.mod--faq {
border-top: var(--size-1)solid #fffc;
transition: transform .6s, opacity .4s
}
.dropdown-inter.mod--faq.anim {
opacity: 0;
transform: translateY(6rem)
}
.button-play {
width: var(--size-56);
height: var(--size-56);
background-color: var(--white);
color: var(--blue-dark);
cursor: pointer;
border-radius: 50%;
justify-content: center;
align-items: center;
transition: color .4s;
display: flex;
position: relative;
transform: translate(0)
}
.button-play.mod--services,
.button-play.mod--works {
z-index: 2;
background-color: var(--blue-dark);
color: var(--white);
width: 7rem;
height: 7rem;
margin-left: -2rem
}
.button-play.mod--branding-lottie {
width: 7rem;
height: 7rem
}
.button-play.size-medium {
width: 4.5rem;
height: 4.5rem
}
.button-play.bg-color-black {
background-color: var(--blue-dark);
color: var(--white)
}
.button-play.bg-color-black.active {
color: var(--blue-dark)
}
.button-play.mod--audit-offer {
background-color: var(--yellow);
width: 3em;
height: 3em
}
.service-hero__play {
z-index: 2;
position: absolute;
inset: auto auto 1rem 1rem
}
.contact__play {
z-index: 2;
cursor: pointer;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.contact__video-wrap {
cursor: pointer;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 7rem;
height: 7rem;
padding-bottom: 56.25%;
transition: all .2s;
display: flex;
position: relative;
overflow: hidden;
transform: translate(0)
}
.contact__video-wrap:hover {
color: var(--yellow)
}
.button-play__icon {
z-index: 2;
flex: none;
width: 1.25rem;
height: 1.25rem;
font-size: 0;
position: relative
}
.button-play__icon.mod--contact {
width: 2rem;
height: 2rem
}
.button-play__icon.mod--card-video {
width: 1.75rem;
height: 1.75rem
}
.button-play__icon.mod--branding-lottie {
width: 2.5rem;
height: 2.5rem
}
.button-play__icon.size-medium {
width: 1.5rem;
height: 1.5rem
}
.button-play__icon.mod--audit-offer {
width: 1.125em;
height: 1.125em;
font-size: 1em
}
.remodal__close {
z-index: 5;
pointer-events: none;
flex: none;
position: absolute;
inset: 0 0 auto auto
}
.remodal__close.mod--video {
justify-content: center;
align-items: center;
display: flex;
inset: auto 0% -5rem
}
.remodal__close.mod--cases-modal {
top: 2rem;
right: 2rem
}
.remodal__close.mod--project-post {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: var(--white);
pointer-events: auto;
border-bottom: .0625rem solid #0003;
flex-flow: row;
justify-content: space-between;
align-items: center;
padding-top: 3rem;
padding-bottom: 1.5rem;
display: flex;
position: sticky;
top: 0;
right: 4rem
}
.remodal__close.is--shift {
top: -.5rem;
right: -.5rem
}
.remodal__close.mod--booking {
top: 1rem;
right: 1rem
}
.button-close {
pointer-events: auto;
color: var(--white);
cursor: pointer;
flex: none;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
font-size: 0;
line-height: 0;
transition: all .4s;
display: flex;
position: relative;
transform: translate(0)
}
.button-close:hover {
opacity: 1
}
.button-close.is-border {
opacity: .6;
color: var(--white);
border: .0625rem solid #fffc;
border-radius: 50%;
width: 2.5rem;
height: 2.5rem
}
.button-close.is-border:hover {
opacity: 1;
color: var(--blue-dark);
border-color: #fff0
}
.button-close.is-border.active {
border-color: #fff0
}
.button-close.active {
opacity: 1;
color: var(--blue-dark)
}
.button-close.is--black {
color: var(--blue-dark)
}
.button-close.is--black.active {
color: var(--white)
}
.button-close.mod--project-post {
opacity: 1;
outline-color: var(--blue-dark);
outline-offset: -.0625rem;
color: var(--blue-dark);
border-radius: 50%;
outline-width: .0625rem;
outline-style: solid;
width: 3rem;
height: 3rem
}
.button-close.mod--project-post.active {
color: var(--white)
}
.button-close.is--size-32 {
width: var(--size-32);
height: var(--size-32)
}
.remodal__video {
border-radius: 1.5rem;
width: 100%;
height: 0;
padding-bottom: 56.25%;
display: block;
overflow: hidden
}
.space-heading-4 {
float: left;
width: 13.125rem;
height: 3rem
}
.service-hero__img {
object-fit: contain;
width: 21.875rem;
height: 21.875rem;
display: block
}
.service-hero__img.mod--tech-audit {
width: 26rem;
height: auto
}
.process {
position: relative
}
.expertise__card {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64930a68777f43bb5c0fa501_bg-card-expertise_laptop.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
height: 30.9375rem;
padding: 2.5rem;
display: flex;
position: relative;
transform: translate(0)
}
.expertise__card.is--cta {
color: var(--white);
cursor: auto;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64931e74e6f2241dcc01da82_bg-card-expertiseBlue_laptop.webp);
justify-content: space-between;
align-items: stretch;
width: 22rem;
margin-right: auto
}
.expertise__img {
width: 16.875rem;
margin-left: auto;
margin-right: auto;
display: block
}
.expertise__title-wrap {
z-index: 1;
background-color: var(--grey-light);
letter-spacing: -.01em;
width: 100%;
padding-right: 2rem;
font-size: 1.75rem;
font-weight: 500;
line-height: 1.2;
position: relative
}
.expertise__title-wrap.is--cta {
background-color: #0000;
padding-right: 0
}
.expertise__icon-wrap {
z-index: 2;
border: .0625rem solid #02021e4d;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
transition: all .4s;
display: flex;
position: absolute;
inset: auto 2rem 2.5rem auto;
overflow: hidden;
transform: translate(0)
}
.expertise__icon-wrap.active,
.expertise__icon-wrap.done {
color: var(--white);
border-color: #02021e00
}
.expertise__cta-content {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-direction: column;
display: flex
}
.expertise__cta-ava {
object-fit: cover;
width: 5rem;
display: block
}
.project-card {
flex-direction: column;
width: 100%;
height: 100%;
min-height: 35.25rem;
display: flex;
position: relative;
transform: translate(0)
}
.project-card.mod--cases-cta {
background-color: var(--blue);
cursor: pointer
}
.circles__block-wrap {
width: 19rem;
height: 19rem
}
.circles__block-wrap.mod--tech-audit {
width: 15.25rem;
height: 15.25rem
}
.benefits__icon {
width: 3.5rem;
height: 3.5rem;
transition: transform .6s;
display: block;
transform: translate(0)
}
.benefits__icon.anim {
transform: translateY(110%)
}
.dropdown__rich-faq a {
color: var(--blue-light)
}
.dropdown__rich-faq ul {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
padding-left: 2rem
}
.dropdown__rich-faq p {
margin-bottom: 1.5rem
}
.dropdown__rich-faq ol {
margin-top: 1.5rem;
margin-bottom: 1.5rem
}
.service-releted__card {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/651539b0daa2b9a3e60232ca_card-benefitsBorder.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
min-height: 22rem;
padding: 2.5rem;
display: flex;
position: relative;
transform: translate(0)
}
.service-releted__content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border-bottom: .0625rem solid #fffc;
flex-direction: column;
flex: 1;
margin-bottom: 2.5rem;
padding-bottom: 1.5rem;
display: flex;
position: relative
}
.service-releted__rich {
min-height: 2rem
}
.service-releted__rich strong {
color: var(--white);
font-weight: 500
}
.service-releted__rich h3 {
margin-bottom: 1.5rem;
font-size: 1.75rem;
line-height: 1.2
}
.service-releted__rich p {
color: #ffffffb3
}
.service-releted__link {
z-index: 3;
position: absolute;
inset: 0%
}
.service-releted__title-wrap {
max-width: 14rem
}
.tabs.mod--contact {
width: 100%
}
.tabs.mod--awards {
z-index: 2;
margin-top: -4.4rem
}
.tab__content.mod--contact {
flex-direction: column;
justify-content: space-between;
display: flex
}
.tab__content.mod--contact.is--success {
grid-row-gap: 2rem
}
.tab__content.mod--clutch {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
display: flex
}
.tab__content.mod--booking {
padding: var(--size-48);
grid-column-gap: var(--size-32);
grid-row-gap: var(--size-32);
text-align: left;
flex-flow: column;
width: 1180px;
transition: all .5s;
display: flex;
position: relative
}
.tab__content.mod--booking.is--step2 {
padding-right: var(--size-0);
padding-bottom: var(--size-16);
padding-left: var(--size-0);
grid-column-gap: 0rem;
grid-row-gap: 0rem;
width: 720px
}
.tab__content.mod--booking.is--step2.anim {
width: 1180px;
padding-bottom: 0
}
.tab__content.mod--booking.is--step1 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
max-width: 56rem;
margin-left: auto;
margin-right: auto
}
.expertise__text-anim {
z-index: 1;
background-color: #f5f5f7;
flex: 1;
width: 100%;
max-height: 0%;
transition: all .4s;
position: relative;
overflow: hidden;
transform: translate(0)
}
.expertise__text-anim.done {
max-height: 85%
}
.expertise__img-wrap {
justify-content: center;
align-items: flex-start;
padding-top: 3.75rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: flex;
position: absolute;
inset: 0% 0% auto
}
.form__label {
z-index: 2;
grid-column-gap: .3em;
grid-row-gap: .3em;
color: #02021e80;
margin-bottom: 0;
margin-left: -.25rem;
padding-left: .25rem;
padding-right: .25rem;
font-weight: 400;
line-height: 1;
transition: all .3s cubic-bezier(.215, .61, .355, 1);
display: flex;
position: absolute;
top: 0;
left: 0%;
right: auto;
transform: translateY(1.4rem);
}
.form__label.active {
font-size: .875rem;
transform: translateY(-.2rem)
}
.form__label.mod--subs {
background-color: var(--white);
top: -.5rem;
left: 1.5rem;
transform: translateY(1.7rem)
}
.form__label.mod--subs.active {
transform: none
}
.form__label.mod--footer {
background-color: var(--blue-dark);
color: #fff9;
top: -.5rem;
left: 1.5rem;
transform: translateY(1.7rem)
}
.form__label.mod--footer.active {
transform: none
}
.form__label.is-error {
color: #ff3d2e
}
.form__label.is--textarea {
background-color: var(--white);
top: -.2rem
}
.tabs-mask.mod--contact,
.tabs-mask.mod--awards {
overflow: visible
}
.contact__bg {
object-fit: cover;
border-bottom-right-radius: 2.5rem;
border-bottom-left-radius: 2.5rem;
width: 100%;
display: block;
position: relative
}
.process__img {
opacity: 1;
transform-style: preserve-3d;
width: 100%;
max-width: none;
transition: transform .6s, opacity .4s;
display: block;
transform: translate(0, 0)
}
.process__img.is--absolute {
position: absolute;
inset: 0% auto auto 0%
}
.process__img.anim {
opacity: 0;
transform-style: preserve-3d;
transform: translate(-2rem)
}
.runlogo-contacts {
grid-column-gap: 3.75rem;
grid-row-gap: 3.75rem;
color: #ffffffb3;
text-align: center;
text-transform: uppercase;
flex-direction: column;
align-items: stretch;
width: 100%;
max-width: 75rem;
margin: 8rem auto 2.3rem;
font-size: 1.25rem;
display: flex
}
.contact__list-wrap {
grid-column-gap: 4.75rem;
grid-row-gap: 4.75rem;
flex-direction: column;
align-items: flex-start;
display: flex
}
.button-copy-code__notice {
z-index: 2;
opacity: 0;
background-color: #14142d;
justify-content: flex-start;
align-items: center;
padding-left: .6rem;
transition: opacity .2s;
display: flex;
position: absolute;
inset: 0%
}
.button-copy-code__notice.active {
opacity: 1
}
.button-copy-code__notice-anim {
width: 0;
transition: all 1.5s;
overflow: hidden
}
.button-copy-code__notice-anim.active {
width: 1.25rem
}
.opensource__bg {
object-fit: cover;
object-position: 50% 0%;
width: 100%;
display: block;
position: relative
}
.catalog-card-border__bottom {
border-top: .0625rem solid #fffc;
margin-top: 2.5rem;
padding-top: 2rem
}
.catalog-card-border__content {
justify-content: space-between;
align-items: center;
display: flex
}
.catalog-card-border__advant {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
align-items: center;
display: flex
}
.catalog-card-border__advant-numb {
letter-spacing: -.02em;
font-size: 3.5rem;
font-weight: 500;
line-height: 1
}
.catalog-card-border__advant-text {
text-transform: uppercase;
font-size: 1.25rem;
line-height: 1.2
}
.catalog-card-border__advant-text.is-2 {
display: none
}
.opensource-card__border {
z-index: 2;
background-color: #ffffff4d;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.text-style-underline {
text-decoration: underline
}
.button-wrap.mod--banner-terms {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
display: flex
}
.banner-donation__close {
z-index: 2;
opacity: .5;
color: var(--blue-dark);
cursor: pointer;
justify-content: center;
align-items: center;
padding-left: .5rem;
padding-right: .5rem;
transition: opacity .2s;
display: flex;
position: absolute;
inset: 0% 0% 0% auto
}
.banner-donation__close:hover {
opacity: 1
}
.banner-terms__text,
.banner-donation__text {
font-size: .875rem
}
.banner-donation__text.is-mobile {
display: none
}
.span.mod--donation-flag {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64998e3dc924550c7ac1044a_icon-flag-Ukraine.webp);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 1.5rem;
margin-right: .2rem;
display: inline-block
}
.bg {
z-index: 0;
pointer-events: none;
width: 100%;
height: 100%;
display: block;
position: relative;
inset: 0%
}
.bg.is--mobile {
display: none
}
.bg.anim-bg {
z-index: 1;
opacity: 0;
position: absolute
}
.opensource-card__param {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
height: 100%;
display: flex
}
.projects-sort__dropdowns {
border: .0625rem solid #fffc;
border-radius: 1.5rem;
padding-top: 1rem;
padding-bottom: 1rem
}
.projects-sort__line {
background-color: #fffc;
height: .0625rem;
margin-left: 2.5rem;
margin-right: 2.5rem
}
.dribble-card__border {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6496b32570e1d32106e3c5b8_bg-card-reviewsBorder_laptop.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 2.5rem 2rem 2.5rem 2.5rem;
display: flex
}
.dribble-card__label-dribble {
width: 15.2rem;
display: block
}
.dribble-card__label-dribble.is-2 {
display: none
}
.dribble-card__advant,
.reviews__advant {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
align-items: flex-start;
display: flex
}
.works__more-icon {
display: none
}
.project-card-big__img-wrap {
justify-content: center;
align-items: center;
width: 100%;
height: 23.75rem;
display: flex;
position: relative;
overflow: hidden;
transform: translate(0)
}
.project-card-big__img-wrap.mod--cases-cta {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/657748b1c80c860313de6697_clutch-cases-cta.webp);
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
flex: 1
}
.dribble__bg {
width: 100%;
display: block;
position: relative
}
.dribble__bg.is-mobile {
display: none
}
.projects-sort__btn-active {
background-color: var(--yellow);
opacity: 0;
width: .25rem;
transition: opacity .1s;
position: absolute;
inset: 0% auto 0% -2.5rem
}
.clients__btn-bg {
background-color: var(--white);
border-radius: 50%;
width: 100%;
height: 100%;
transition: all .4s;
position: absolute;
inset: 0%;
transform: scale(0)
}
.projects-sort__grad {
background-image: linear-gradient(to bottom, #02021e00, var(--blue-dark));
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
height: 1.5rem;
margin-left: 0;
margin-right: .2rem;
display: none;
position: absolute;
inset: auto 0% 0%
}
.dropdown-inter-each {
opacity: 1;
width: 100%;
transition: transform .6s, opacity .4s;
display: block;
transform: translate(0)
}
.dropdown-inter-each.mod--faq {
border-top: .0625rem solid #fffc
}
.dropdown-inter-each.mod--faq.anim {
opacity: 0;
transform: translateY(6rem)
}
.dropdown-inter-each.mod--issues.anim {
opacity: 0
}
.projects-sidebar {
transition: top .5s cubic-bezier(.215, .61, .355, 1);
position: sticky;
top: 7rem
}
.projects-sidebar.is--sidebar-anim {
top: 2.5rem
}
.z-index-3 {
z-index: 3;
position: relative
}
.page404__gif-wrap {
z-index: 0;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.case-cta__btn {
margin-left: auto
}
.expertise__rich {
padding-top: 1.5rem
}
.dropdown__title.mod--faq {
letter-spacing: 0;
text-transform: none;
font-size: 1.5rem;
font-weight: 400;
line-height: 1.2
}
.attach__bg {
z-index: -1;
opacity: 0;
background-color: #f5f5f7;
border-radius: 10rem;
width: 18%;
transition: all .4s;
position: absolute;
inset: 0% auto 0% 0%
}
.attach__txt-anim {
flex: 1;
justify-content: flex-start;
align-items: center;
transition: transform .4s cubic-bezier(.215, .61, .355, 1);
display: flex;
position: relative;
transform: translate(0)
}
.attach__txt.is-absolute {
position: absolute;
top: 0%;
bottom: 0%;
right: 0%;
transform: translateY(150%)
}
.attach__txt.is-error {
color: var(--red);
font-size: .875rem;
display: none;
position: absolute;
inset: auto auto -2rem 1.5rem
}
.service-other__rich p {
color: #ffffffb3
}
.service-other__rich h3 {
margin-bottom: 1.5rem;
font-size: 1.75rem;
line-height: 1.2
}
.service-other__rich strong {
color: var(--white);
font-weight: 500
}
.service-other__link {
z-index: 2;
opacity: .8;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/651539b0daa2b9a3e60232ca_card-benefitsBorder.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%
}
.swiper-progress-wrap {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
justify-content: flex-start;
align-items: center;
margin-top: 3.5rem;
display: flex
}
.swiper-progress-wrap.mod--contact-office {
display: none
}
.swiper-progress-wrap.mod--works {
margin-top: 2rem
}
.solutions__card {
flex-direction: column;
justify-content: flex-end;
max-width: none;
height: 100%;
min-height: 30rem;
padding: 2.5rem;
display: flex
}
.solutions__card.is--cta {
color: var(--blue-dark);
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/658c0640d3207b2ef9676779_card-solution.webp);
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 100% 100%;
justify-content: space-between;
padding-top: 4rem
}
.solutions__card.is--cta-blue {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64931e74e6f2241dcc01da82_bg-card-expertiseBlue_laptop.webp);
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 100% 100%;
justify-content: space-between
}
.solutions__img {
width: 18.75rem;
height: 18.75rem;
font-size: 0;
line-height: 0;
display: block
}
.solutions__rich {
z-index: 2;
position: relative
}
.solutions__rich p {
opacity: .7;
margin-bottom: 1.5rem
}
.solutions__rich h3 {
letter-spacing: -.035rem;
margin-bottom: 1.5rem;
font-size: 1.75rem;
line-height: 1.2
}
.solutions__rich.is--hidden {
padding-top: 1.5rem
}
.solutions__rich.is--hidden ul {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
max-width: 21rem;
padding-left: 0;
list-style-type: none;
display: flex
}
.solutions__rich.is--hidden li {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/656728335aa3fb2f7e39fce6_icon-check-white.svg);
background-position: 0 2px;
background-repeat: no-repeat;
background-size: 1.25rem;
margin-bottom: 0;
padding-left: 2rem
}
.solutions__content {
margin-left: -1.25rem;
margin-right: -1.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
position: relative;
overflow: hidden
}
.form__label-invalid {
opacity: 1;
color: #ff3d2e;
font-size: .875rem;
font-weight: 300;
line-height: 1.4;
transition: all .4s cubic-bezier(.215, .61, .355, 1);
position: absolute;
inset: auto auto -1.5rem 0%;
transform: translate(0)
}
.form__label-invalid.anim {
opacity: 0;
transform: translateY(-.5rem)
}
.form__label-invalid.is-subs {
left: 1.5rem
}
.post-card__param-date {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex: 1;
justify-content: flex-end;
display: flex
}
.post__param-date {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
display: flex
}
.submit__checked {
z-index: 4;
background-color: var(--blue);
justify-content: center;
align-items: center;
transition: opacity .2s;
display: flex;
position: absolute;
inset: 0%
}
.submit__checked.anim {
opacity: 0
}
.submit__checked-anim {
width: 1.5rem;
transition: all 1.5s;
overflow: hidden
}
.submit__checked-anim.anim {
width: 0
}
.submit__checked-anim.mod--footer {
width: 1rem
}
.submit__checked-anim.mod--footer.anim {
width: 0
}
.submit__checked-icon {
z-index: 2;
width: 1.5rem;
max-width: none;
position: relative
}
.submit__checked-icon.mod--footer {
width: 1rem
}
.form-subs__content {
position: relative
}
.form-subs__content.mod--footer {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
flex-direction: column;
display: flex
}
.modal-subs__video-wrap {
justify-content: center;
align-items: center;
margin-bottom: 2.5rem;
display: flex
}
.modal-subs__img {
opacity: 1;
border-radius: 50%;
flex: none;
width: 8rem;
height: 8rem;
display: none
}
.modal-subs__img.anim,
.modal-subs__img.is-success {
display: block
}
.modal-subs__img.is-success.anim {
display: none
}
.button-close__icon {
z-index: 2;
width: 2rem;
height: 2rem;
font-size: 0;
line-height: 0;
position: relative
}
.button-close__icon.mod--project-post {
width: 1.125rem;
height: 1.125rem
}
.button-close__icon.is--size-24 {
width: var(--size-24);
height: var(--size-24)
}
.remodal__rich {
max-width: 27.5rem;
margin-bottom: 3rem;
margin-left: auto;
margin-right: auto
}
.remodal__rich h2 {
text-transform: none;
margin-bottom: 1.5rem;
font-size: 1.75rem;
line-height: 1.2
}
.remodal__rich p {
color: #02021eb3;
letter-spacing: .01125rem;
font-size: 1.125rem;
line-height: 1.4
}
.toc__title {
z-index: 2;
text-transform: uppercase;
font-size: 1.25rem;
line-height: 1.2;
position: relative
}
.footer__nav-link-serv {
color: var(--grey-medium);
letter-spacing: .01rem
}
.footer__nav-link-serv:hover {
color: var(--white)
}
.opacity-0 {
opacity: 0
}
.footer__nav {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: column;
align-items: flex-start;
display: flex
}
.service-features__rich h3 {
letter-spacing: -.0175rem;
margin-bottom: 1.5rem;
font-size: 1.75rem;
line-height: 1.2
}
.service-features__rich p {
color: #fffc
}
.tabs-menu.mod--awards {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-end;
align-items: center;
margin-bottom: 5.875rem;
display: flex
}
.tabs-menu__link.mod--awards {
letter-spacing: .04375rem;
text-transform: uppercase;
white-space: nowrap;
background-color: #0000;
border: .0625rem solid #ffffff4d;
border-radius: 20rem;
flex: none;
justify-content: center;
align-items: center;
height: 3.5rem;
padding: .2rem 1.75rem;
font-size: .875rem;
font-weight: 500;
line-height: 1.4;
display: flex
}
.tabs-menu__link.mod--awards.w--current {
border-color: var(--white);
background-color: var(--white);
color: var(--blue-dark)
}
.cookie__rich-text {
max-width: 44rem;
font-size: 1.125rem;
line-height: 1.6
}
.cookie__rich-text img {
border-radius: 1.5rem
}
.cookie__rich-text h1 {
letter-spacing: -.07rem;
margin-top: 8rem;
margin-bottom: 5rem;
font-size: 3.5rem;
line-height: 1.4
}
.cookie__rich-text h2 {
letter-spacing: -.07rem;
text-transform: uppercase;
margin-top: 8rem;
margin-bottom: 5rem;
font-size: 3.5rem;
line-height: 1
}
.cookie__rich-text h3 {
letter-spacing: -.035rem;
margin-top: 3.5rem;
margin-bottom: 1.5rem;
font-size: 1.75rem;
line-height: 1.4
}
.cookie__rich-text h4 {
letter-spacing: -.01em;
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 1.125rem;
line-height: 1.5
}
.cookie__rich-text h5 {
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 1rem
}
.cookie__rich-text h6 {
margin-top: 1rem;
margin-bottom: 1rem;
font-size: .875rem
}
.cookie__rich-text p {
margin-bottom: 2rem
}
.cookie__rich-text li {
color: #02021eb3;
letter-spacing: .01em;
margin-bottom: 0;
padding-top: 0;
padding-left: 1.5rem;
position: relative
}
.cookie__rich-text ul {
grid-row-gap: 1rem;
flex-direction: column;
margin-top: 2rem;
margin-bottom: 2rem;
padding-left: 0;
list-style-type: none;
display: flex
}
.cookie__rich-text ol {
grid-row-gap: 1rem;
flex-direction: column;
align-items: stretch;
margin-top: 2rem;
margin-bottom: 2rem;
padding-left: 2rem;
display: flex
}
.cookie__rich-text figure {
margin-top: 3.5rem;
margin-bottom: 3.5rem
}
.cookie__rich-text figcaption {
color: #02021eb3;
max-width: 36rem;
margin-top: 1.5rem;
margin-left: auto;
margin-right: auto;
line-height: 1.6
}
.cookie__rich-text p {
color: #02021eb3;
margin-bottom: 2rem
}
.cookie__rich-text strong {
color: #02021e
}
.cookie__rich-text a {
color: #3719ca
}
.cookie__rich-text blockquote {
letter-spacing: -.035rem;
border-bottom: .0625rem solid #02021e4d;
border-left-style: none;
border-left-width: 0;
margin-bottom: 5rem;
margin-right: -10rem;
padding: 0 0 5rem;
font-size: 1.75rem;
font-weight: 500;
line-height: 1.4
}
.cookie__rich-text em {
color: var(--blue-dark);
letter-spacing: .04375rem;
text-transform: uppercase;
border: .0625rem solid #02021ecc;
border-radius: 20rem;
margin-top: 1.5rem;
padding: .65rem 1.25rem .6rem;
font-size: .875rem;
font-style: normal;
font-weight: 500;
line-height: 1.4;
display: inline-block
}
.cookie__rich-text sub {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6400b329c2bf661e8f342171_post-list-bullet.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: .75rem;
height: .75rem;
display: inline-block;
position: absolute;
inset: .6em auto auto 0%
}
.works__video-link {
width: 100%;
height: 100%;
display: block;
position: relative
}
.cursor-wrap {
z-index: 99;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: fixed;
inset: 0%;
overflow: hidden
}
.cursor-works {
background-color: var(--white);
opacity: 1;
color: var(--blue-dark);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 7rem;
height: 7rem;
transition: transform .5s, opacity .2s;
display: flex;
position: relative;
transform: scale(1);
box-shadow: 0 20px 80px #02021e26
}
.cursor-works.active {
opacity: 0;
transform: scale(.7)
}
.contact-form__policy {
color: #02021eb3;
text-align: right;
max-width: 12.5rem;
font-size: .875rem
}
.contact-form__policy.mod--clutch {
text-align: center;
max-width: none;
margin-left: auto;
margin-right: auto
}
.cookie__heading-mobile {
display: none
}
.dribble-card__video {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64afa9bfcc6b742829ac4578_bg-card-onDribble_laptop.webp);
background-position: 0 0;
background-size: auto;
width: 100%;
height: 100%;
display: block;
position: relative
}
.cursor-move {
transition: all .2s cubic-bezier(.215, .61, .355, 1);
position: relative
}
.form__submit-result {
z-index: 2;
border-radius: 5rem;
margin: .2rem;
transition: all .2s;
position: absolute;
inset: 0%
}
.form__submit-result.anim {
opacity: 0
}
.form__submit-result-text {
border-radius: 20rem;
align-items: center;
padding-left: 1.1rem;
display: flex;
position: absolute;
inset: 0%
}
.form__submit-result-text.mod--blog {
background-color: var(--white);
color: var(--blue-dark);
letter-spacing: .01em;
padding-left: 1.2rem
}
.emoji-pray {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/649535ea909f7042f526a8a5_emoji-pray.avif);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
position: relative
}
.emoji-pray.is-h6 {
width: 1em;
top: -.1em
}
.bg-card {
z-index: -1;
position: absolute;
inset: 0%
}
.bg-card__img {
width: 100%;
display: block;
position: absolute;
inset: 0% 0% auto
}
.bg-card__img.is-mobile-portrait {
display: none
}
.cursor-style-grab {
cursor: grab
}
.grid__block.is-form {
width: 27.25rem
}
.grid__block.is-contacts {
width: 16rem
}
.grid__block.is-logos {
width: 100%
}
.solutions__img-wrap {
flex: 1;
justify-content: center;
align-items: flex-start;
padding-top: 2rem;
transition: opacity .3s;
display: flex;
position: absolute;
inset: 0%
}
.solutions__img-wrap.done {
opacity: 0
}
.post-estimation__title {
z-index: 3;
letter-spacing: .0125rem;
margin-bottom: -.45rem;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4;
position: relative
}
.process__bg-lines {
z-index: -1;
border-right: var(--size-1)solid var(--white-30);
justify-content: space-between;
display: flex;
position: absolute;
inset: 0%
}
.process__bg-line {
border-left: var(--size-1)solid var(--white-30);
color: var(--white-70);
font-size: var(--size-14);
text-align: center;
text-transform: uppercase;
flex-flow: column;
flex: 1;
align-items: center;
display: flex;
position: relative
}
.process__columns {
height: 100%;
display: flex;
position: relative
}
.process__col {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: center;
text-transform: uppercase;
flex-direction: column;
flex: 1;
align-self: flex-start;
align-items: center;
font-size: .875rem;
line-height: 1.4;
display: flex;
position: relative
}
.process__col.mod--dev.size-1 {
flex: 0 auto;
width: 9.4rem
}
.process__col.mod--dev.size-2 {
flex: 0 auto;
width: 13.3rem
}
.process__col.mod--dev.size-3 {
flex: 0 auto;
width: 25rem;
margin-left: -25rem
}
.process__col.is-bottom {
flex-direction: column-reverse;
justify-content: flex-start;
align-self: flex-end
}
.process__col.mod--research.size-1 {
flex: 0 auto;
width: 13.7rem
}
.process__col.is-bottom-invert {
justify-content: flex-end;
align-self: flex-end
}
.process__col.mod--marketing.size-1 {
flex: 0 auto;
width: 8.75rem
}
.process__col.mod--marketing.size-2 {
flex: 0 auto;
width: 11.875rem
}
.process__col.mod--seo-audit.size-1 {
flex: 0 auto;
width: 13.125rem
}
.process__col.mod--seo-audit.size-2 {
flex: 0 auto;
width: 22.5rem;
margin-left: -13.125rem
}
.process__col.mod--seo-audit.size-4 {
flex: 0 auto;
width: 16.4rem
}
.process__col.mod--seo-audit.size-3 {
flex: 0 auto;
width: 13.7rem
}
.process__col.mod--uiux-audit.shift-1 {
padding-top: 2rem
}
.process__col.mod--uiux-audit.shift-2 {
padding-top: 4rem
}
.process__col.is--shift-1 {
padding-top: 2rem
}
.process__col.is--shift-2 {
padding-top: 4rem
}
.process__content {
width: 100%;
height: 10rem;
position: relative
}
.process__content.is--size-2 {
height: 12.5rem
}
.process__content.is--step-titles {
height: 17rem;
padding-top: 3.75rem
}
.process__content.is--size-3 {
height: 13.375rem
}
.process__plus {
border: .0625rem solid var(--white);
color: var(--blue-dark);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
font-size: 0;
transition: all .2s;
display: flex;
position: relative
}
.process__bg {
background-color: var(--white);
border-radius: 50%;
width: 100%;
height: 100%;
transition: all .2s;
position: absolute;
inset: 0%;
transform: scale(1)
}
.process__plus-icon {
z-index: 2;
width: .875rem;
height: .875rem;
position: relative
}
.process__plus-icon.is-plus {
display: block
}
.process__plus-icon.is-minus {
display: none
}
.page404__content {
flex: 1;
justify-content: center;
margin-left: -1.25rem;
margin-right: -1.25rem;
display: flex;
overflow: hidden
}
.form__attach {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
pointer-events: none;
text-align: left;
flex: 1;
justify-content: flex-start;
align-items: stretch;
display: flex
}
.attach-button {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
pointer-events: auto;
color: #02021e80;
letter-spacing: .01rem;
justify-content: flex-start;
align-items: center;
min-height: 3.5rem;
transition: all .4s;
display: flex;
position: relative;
overflow: hidden
}
.attach-button:hover {
color: #02021e
}
.attach__icon {
cursor: pointer;
flex: none;
width: 1.5rem;
height: 1.5rem;
font-size: 0;
transition: transform .4s;
display: block;
position: relative;
transform: scale(1)
}
.attach__state {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
cursor: pointer;
flex: none;
justify-content: flex-start;
align-items: center;
height: 100%;
padding-left: 1rem;
padding-right: 1.5rem;
display: none;
}
.attach__state.is-default {
cursor: pointer;
justify-content: flex-start;
align-items: center;
min-width: 14rem;
display: flex
}
.attach__loading-dots {
text-align: left;
min-width: .8em;
position: relative;
overflow: hidden
}
.attach__loading {
align-items: stretch;
display: flex
}
.banner-donation {
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
height: 2rem;
display: flex
}
.cookie__content {
padding-top: 7.5rem
}
.form__content {
grid-row-gap: 3rem;
flex-direction: column;
justify-content: center;
height: 100%;
padding-top: .5rem;
display: flex
}
.form__content.mod--discuss-img {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: center
}
.form__content.mod--modal {
grid-row-gap: 0rem
}
.team__assets-ava {
width: 5rem
}
.service__video {
z-index: 0;
background-color: #e9e9ea;
border-radius: 50%;
width: 7rem;
height: 7rem;
position: relative;
overflow: hidden
}
.header__blur {
z-index: -1;
-webkit-backdrop-filter: blur(45px);
backdrop-filter: blur(45px);
background-color: #02021ebf;
transition: none;
position: absolute;
inset: 0%
}
.header__blur.is--subheader {
margin-top: -4.5rem;
transition: all
}
.menu__card-bg {
z-index: -1;
filter: brightness(105%);
pointer-events: none;
width: 100%;
height: 100%;
transition: all .4s;
display: block;
position: absolute;
inset: 0%
}
.menu__card-bg.active {
filter: brightness()
}
.button__icon-lottie {
z-index: 1;
filter: brightness(0%)invert();
font-size: 0;
transition: all .4s;
position: relative
}
.button__icon-lottie.active,
.button__icon-lottie.mod--clutch-cta.is-mobile {
filter: none
}
.button__icon-lottie.is--white-black.active {
filter: brightness(0%)
}
.clients__block {
opacity: 1;
transition: opacity .4s
}
.clients__block.mod--globus {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
cursor: auto;
flex-direction: column;
align-items: center;
display: flex
}
.clients__block.anim {
opacity: 0
}
.clients__line {
background-color: #ffffff4d;
width: .0625rem;
height: 100%;
transition: all .6s;
position: absolute;
left: 25%
}
.clients__line.is-2 {
left: 50%
}
.clients__line.is-3 {
left: 75%
}
.clients__line.is-4 {
width: 100%;
height: .0625rem;
top: 50%;
left: 0%
}
.form__fields {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
display: flex
}
.form__fields.mod--hero {
flex: 1
}
.form__field {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: wrap;
width: 100%;
display: flex
}
.form__field.is-half {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
display: flex
}
.form__field.is-submit {
flex-direction: column;
justify-content: flex-end;
padding-top: 1.5rem;
padding-bottom: .1rem;
display: flex
}
.form__field.is--radios {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #02021eb3;
flex-direction: row;
justify-content: space-between;
align-items: center;
display: flex
}
.form__field.is--flex-grow {
flex-direction: column;
flex: 1;
justify-content: flex-end;
display: flex
}
.awards__bg-wrap {
z-index: -1;
border-bottom-right-radius: 2.5rem;
border-bottom-left-radius: 2.5rem;
width: 100%;
display: block;
position: absolute;
inset: auto 0% -104rem
}
.bg-blur {
z-index: 5;
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
display: none;
position: absolute;
inset: 0%
}
.bg-blur.is-yellow-fix {
background-image: linear-gradient(#cf9e5b00 90%, #cc9751)
}
.bg-blur.is-yellow-fix.mod--refer-steps {
background-image: linear-gradient(#b36f2600 90%, #b36f26b3);
margin-bottom: 12rem
}
.bg-blur.is-awards {
background-image: linear-gradient(to bottom, #02021e00 90%, var(--blue-dark))
}
.bg-blur.is-blue-fix {
background-image: linear-gradient(#38368200 90%, #3e3b91)
}
.bg-blur.is-yellow-clutch-fix {
background-image: linear-gradient(#8a511b00 90%, #8a511b)
}
.bg-wrap {
z-index: -1;
border-bottom-right-radius: 2.5rem;
border-bottom-left-radius: 2.5rem;
width: 100%;
display: block;
position: absolute;
inset: auto 0% 0%;
overflow: hidden
}
.bg-wrap.mod--refer-steps {
bottom: -12rem
}
.bg-wrap.mod--steps {
top: -40rem;
bottom: auto
}
.bg-wrap.mod--process {
bottom: -10rem
}
.bg-wrap.mod--plan-pitch {
opacity: .7;
top: -25rem;
bottom: auto
}
.bg-wrap.mod--clutch-issue {
opacity: .8;
top: -42rem;
bottom: auto
}
.bg-wrap.is--top-40_negative {
top: -40rem;
bottom: auto
}
.bg-wrap.is--top-30_negative {
top: -30rem;
bottom: auto
}
.dribble__bg-wrap {
z-index: -1;
width: 100%;
display: block;
position: absolute;
inset: auto 0% -12rem
}
.opensource__bg-wrap {
z-index: -1;
width: 100%;
display: block;
position: absolute;
inset: 25rem 0% 0%
}
.contact__bg-wrap {
z-index: -1;
border-bottom-right-radius: 2.5rem;
border-bottom-left-radius: 2.5rem;
width: 100%;
display: block;
position: absolute;
inset: auto 0% 0%;
overflow: hidden
}
.expertise__bg-wrap {
z-index: -1;
border-bottom-right-radius: 2.5rem;
border-bottom-left-radius: 2.5rem;
width: 100%;
display: block;
position: absolute;
inset: auto 0% -35rem
}
.circles__border-anim {
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.header__line {
background-color: #fffc;
width: 100%;
height: .0625rem;
transition: opacity .2s, width .6s;
position: absolute;
inset: 0% 0% auto
}
.header__line.is-top {
right: auto
}
.header__line.is-top.anim {
width: 0%
}
.header__line.is-bottom {
inset: auto 0% 0% auto
}
.header__line.is-bottom.anim {
width: 0%
}
.reviews__glow {
z-index: -1;
display: none;
position: absolute;
inset: 0%;
overflow: hidden
}
.benefits__border {
z-index: -1;
background-color: #ffffff4d;
position: absolute;
inset: 0%
}
.benefits__border:hover {
background-color: #ffffff4d
}
.awards__faunders-text {
line-height: 1.4;
transition: transform .6s;
transform: translate(0)
}
.awards__faunders-text.anim {
transform: translateY(2rem)
}
.benefits__rich {
margin-right: -1rem
}
.benefits__rich p {
opacity: .7
}
.benefits__rich h6 {
margin-bottom: 1.5rem
}
.service__video-wrap {
justify-content: flex-end;
align-items: center;
display: flex;
position: relative
}
.upsell__list {
margin-top: -1rem;
position: relative
}
.upsell__item {
opacity: 1;
margin-bottom: 0;
transition: transform .8s cubic-bezier(.215, .61, .355, 1), opacity .5s;
transform: translate(0)
}
.upsell__item.anim {
opacity: 0;
transform: translateY(6rem)
}
.upsell__blocks {
border-bottom: .0625rem solid #02021e4d;
justify-content: space-between;
align-items: center;
min-height: 5.5rem;
margin-bottom: 0;
padding-top: .2rem;
padding-bottom: .2rem;
display: flex
}
.upsell__blocks.is-last {
border-bottom-style: none
}
.upsell__list-title {
letter-spacing: -.035rem;
font-size: 1.75rem;
font-weight: 500;
line-height: 1.2
}
.upsell__list-desc {
opacity: .7;
max-width: 28rem;
transition: all .4s;
transform: translateY(110%)
}
.upsell__list-desc.active {
transform: translate(0)
}
.upsell__block {
flex: 1
}
.upsell__block.is-1 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: flex-end;
min-width: 50%;
display: flex
}
.upsell__block.is-3 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
letter-spacing: .035rem;
text-transform: uppercase;
flex: 0 auto;
align-items: center;
font-size: .875rem;
font-weight: 500;
line-height: 1.4;
display: flex
}
.upsell__block.is-2 {
overflow: hidden
}
.solutions__rich-anim {
flex-direction: column;
flex: 1;
justify-content: space-between;
align-items: flex-start;
max-height: 0%;
transition: all .4s;
display: flex;
overflow: hidden
}
.solutions__rich-anim.done {
max-height: 85%
}
.solutions__icon-wrap {
z-index: 2;
border: .0625rem solid #ffffff4d;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
transition: all .4s;
display: flex;
position: absolute;
inset: auto 2.5rem 2.5rem auto;
overflow: hidden;
transform: translate(0)
}
.solutions__icon-wrap.active,
.solutions__icon-wrap.done {
color: var(--blue-dark);
border-color: #fff0
}
.solutions__border {
z-index: -1;
opacity: .8;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/651c254f8111be73cb17456a_card-solutionBorder.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
position: absolute;
inset: 0%
}
.upsell__soon {
opacity: .5;
text-align: right;
letter-spacing: .04375rem;
flex: 1;
font-size: .875rem;
line-height: 1.8
}
.post-card__icons {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: auto auto 0% .5rem;
overflow: hidden
}
.post-card__span-icons {
display: inline-block;
position: relative
}
.post-card__icon {
flex: none;
width: 1rem;
height: 1rem
}
.post-card__icon.is-icon-absolute {
position: absolute;
inset: 0%;
transform: translate(-180%)
}
.upsell__video-play {
z-index: 2;
background-color: var(--blue-dark);
opacity: 1;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 7rem;
height: 7rem;
transition: height .3s, width .3s, opacity .2s;
display: flex;
position: absolute;
inset: 0% 0% auto auto
}
.upsell__video-block {
color: var(--white);
cursor: pointer;
justify-content: flex-end;
align-items: center;
padding-right: 5rem;
transition: all .5s;
display: flex;
position: relative
}
.upsell__video-stop {
z-index: 2;
background-color: var(--blue-dark);
opacity: 0;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
transition: opacity .2s;
display: flex;
position: absolute;
inset: .1rem .1rem auto auto
}
.upsell__stop-icon {
z-index: 2;
width: 1rem;
height: 1rem;
font-size: 0;
position: relative
}
.upsell__video {
z-index: 0;
cursor: auto;
object-fit: cover;
object-position: 50% 50%;
border-radius: 50%;
width: 7rem;
height: 7rem;
transition: all .5s;
position: relative;
overflow: hidden
}
.upsell__video.mod--research {
object-position: 60% 50%
}
.upsell__video-wrap {
z-index: 0;
position: relative
}
.opensource-card__icon-wrap {
position: relative
}
.opensource-card__icon-wrap.is-star {
margin-top: -.2rem
}
.opensource-card__icon {
width: 1rem;
height: 1rem;
display: block
}
.opensource-card__icon.is-hover {
z-index: 2;
opacity: 0;
transition: opacity .2s;
position: absolute;
inset: 0%
}
.opensource-card__icon.is-hover.active {
opacity: 1
}
.catalog-hero__pagination {
z-index: 2;
padding-top: 1.5rem;
padding-bottom: 2.5rem;
transition: opacity .2s;
position: absolute;
inset: auto 0% 0
}
.catalog-hero__pagination.anim {
opacity: 0
}
.banner-cookie {
z-index: 99;
-webkit-backdrop-filter: blur(45px);
backdrop-filter: blur(45px);
background-color: #02021ebf;
padding: .5rem 1.25rem;
display: none;
position: fixed;
inset: auto 0% 0%
}
.hero-post__heading-wrap {
flex-direction: column;
flex: 1;
justify-content: flex-end;
align-items: flex-start;
max-width: 100ch;
padding-top: 3.5rem;
padding-bottom: 3.5rem;
display: flex
}
.hero-post__heading-wrap.mod--case {
max-width: 59rem
}
.post-estimation__bg {
z-index: -1;
opacity: 1;
background-image: linear-gradient(210deg, #e6e1ff 30%, #eee7ff 50%, #b5deff 70%);
margin: -20% -30%;
position: absolute;
inset: 0%
}
.menu__top-link {
color: var(--blue-dark);
margin-bottom: 1.5rem;
padding: 2.5rem 2.5rem 1.5rem;
display: block;
position: relative
}
.menu__top-link:hover {
color: var(--blue)
}
.menu__links {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: column;
align-items: stretch;
padding-bottom: 2.5rem;
padding-left: 2.5rem;
padding-right: 1rem;
display: flex
}
.menu__link {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: var(--blue-dark);
align-items: center;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.5;
display: flex
}
.menu__link:hover {
color: var(--blue)
}
.menu__service-line {
background-color: var(--blue-dark);
opacity: .3;
height: .0625rem;
margin-left: 2.5rem;
margin-right: 2.5rem;
position: absolute;
inset: auto 0% 0%
}
.menu__link-arrow {
flex: none;
width: 1rem;
height: 1rem;
margin-top: .1rem;
font-size: 0;
line-height: 0;
transition: transform .3s;
position: relative;
transform: translate(-100%)
}
.menu__link-arrow.active {
transform: none
}
.menu__btn-wrap {
display: none
}
.home__slider {
border-radius: 1.5rem;
width: 26rem;
height: 100%;
position: relative;
overflow: hidden
}
.home__stories {
z-index: 2;
padding-left: 1rem;
padding-right: 1rem;
position: absolute;
inset: 0% 0% auto
}
.home__stories-top {
grid-column-gap: .3125rem;
grid-row-gap: .3125rem;
justify-content: center;
align-items: center;
display: flex
}
.home__stories-line-wrap {
cursor: pointer;
flex: 1;
padding-top: 1rem;
padding-bottom: .75rem
}
.home__stories-line {
background-color: #ffffff4d;
border-radius: 10rem;
width: 100%;
height: .1875rem;
overflow: hidden
}
.home__stories-nav {
z-index: 1;
background-image: linear-gradient(to right, var(--blue-dark), #02021e00 50%);
opacity: 0;
cursor: pointer;
width: 50%;
transition: opacity .2s;
position: absolute;
inset: 0% auto 0% 0%
}
.home__stories-nav:hover {
opacity: .3
}
.home__stories-nav.is-next {
background-image: linear-gradient(to right, #02021e00 50%, var(--blue-dark));
inset: 0% 0% 0% auto
}
.home__stories-line-fill {
background-color: var(--white);
border-radius: 10rem;
width: 0%;
height: 100%
}
.home__stories-bottom {
justify-content: space-between;
align-items: center;
display: flex
}
.home__stories-author {
width: 10.1875rem;
display: block
}
.home__stories-menu {
width: 1.25rem;
display: block
}
.services__title {
font-size: 1.75rem
}
.services__title-wrap {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
align-items: center;
display: flex
}
.services__soon {
color: #02021ecc;
letter-spacing: .037em;
border-left: .0625rem solid #02021e4d;
padding-left: .75rem;
font-size: .875rem;
transition: all .4s;
position: relative;
transform: translateY(110%)
}
.services__soon.active {
transform: none
}
.clutch-awards__icon {
width: 4.75rem
}
.get-card {
opacity: 1;
transform-origin: 100% 0;
transform-style: preserve-3d;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6597dc6a9ed93f524bb76025_card-getBorder_laptop.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100%;
border-bottom: .0625rem solid #ffffff59;
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
flex-direction: column;
height: 100%;
padding: 4.5rem 2.5rem 2.5rem;
transition: transform .6s, opacity .4s;
display: flex;
position: relative;
transform: perspective(800px)
}
.get-card.is--right-white {
transform-origin: 0 0;
color: var(--blue-dark);
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6597dc6a3d29778e19e89971_card-get_laptop.svg);
background-size: 100%;
border-bottom-style: none;
border-bottom-width: 0
}
.get-card.anim {
opacity: 0;
transform-style: preserve-3d;
transform: perspective(800px)rotateX(-5deg)rotateY(0)rotate(0)
}
.get-card.is--left-white {
color: var(--blue-dark);
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/66e934d62d264e554f61277d_card-get-left_laptop.svg)
}
.get-card__title-wrap {
grid-column-gap: .9375rem;
grid-row-gap: .9375rem;
align-items: center;
margin-bottom: 1rem;
font-size: 2.125rem;
font-weight: 500;
line-height: 1.2;
display: flex
}
.get-card__list {
grid-column-gap: 0rem;
grid-row-gap: 1rem;
flex-flow: wrap;
flex: 1;
place-content: flex-start;
align-items: flex-start;
padding-left: 0;
list-style-type: none;
display: flex
}
.get-card__list-item {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
align-items: flex-start;
width: 100%;
margin-bottom: 0;
display: flex
}
.get-card__list-item.is--2col {
width: 50%
}
.list__icon-checked {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/656f482d26059ab788895da1_icon-checked-green.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
border-radius: 50%;
flex: none;
width: 1.25rem;
height: 1.25rem;
display: block;
position: relative;
bottom: -.1rem
}
.list__icon-checked.is-border {
background-image: none;
border: 1px solid #fff6
}
.list__icon-checked.bg-color-white {
background-color: #fff0;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/656f482d26059ab788895da1_icon-checked-green.svg), radial-gradient(circle, #fff 59%, #fff0 60%);
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: contain, auto
}
.opacity-40 {
opacity: .4
}
.get-card__bottom {
border-top: 1px solid #ffffff4d;
justify-content: space-between;
align-items: center;
margin-top: 3.5rem;
padding-top: 2.5rem;
display: flex
}
.get-card__bottom.is--2 {
border-top-color: #02021e4d
}
.get-card__bottom.mod--audit {
border-top-style: none;
margin-top: 2rem;
padding-top: 0
}
.get-card__advant {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
align-items: center;
line-height: 1.2;
display: flex
}
.reviews__tags {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
margin-bottom: 2.5rem;
margin-right: -1rem;
display: flex
}
.reviews__tag {
border-style: solid;
border-width: var(--size-1);
white-space: nowrap;
border-color: #fff3;
border-radius: 1.25rem;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1
}
.reviews__tag.is--border-black {
border-color: var(--blue-dark-30);
font-weight: 500
}
.steps__list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
padding-left: 0;
list-style-type: none;
display: flex
}
.steps__list-item {
background-color: var(--grey-light);
opacity: 1;
border-radius: 1.5rem;
margin-bottom: 0;
padding: 2.5rem 1rem 2.5rem 2.5rem;
transform: translate(0)
}
.steps__list-item.is--last {
background-color: #0000;
border: .0625rem solid #02021e4d;
padding-top: 1rem;
padding-bottom: 1rem
}
.steps__list-item.anim {
opacity: 0;
transform: translateY(6rem)
}
.clutch-how__icon {
flex: none;
width: 3.5rem;
max-width: none;
display: block
}
.steps__block {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--grey-light);
border-radius: 1rem;
flex-direction: column;
flex: 1;
align-items: flex-start;
padding: 1.5rem;
display: flex
}
.steps__label {
border: 1px solid #02021e4d;
border-radius: 1.25rem;
padding: .3125rem .75rem
}
.steps__labels {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
margin-top: 1.5rem;
font-size: .875rem;
font-weight: 500;
display: flex
}
.clutch-achiev__circle {
grid-column-gap: 1em;
grid-row-gap: 1em;
text-align: center;
border: .0625rem solid #ffffff4d;
border-radius: 50%;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 19em;
height: 19em;
margin-left: auto;
margin-right: auto;
padding-top: 4.375em;
display: flex;
position: relative;
overflow: hidden
}
.clutch-achiev__icon {
opacity: 1;
transform: scale3d(1none, 1none, 1none);
transform-style: preserve-3d;
width: 4em;
transition: all .5s;
display: block
}
.clutch-achiev__icon.active {
opacity: 0;
transform: scale(.5)
}
.clutch-achiev__bg {
z-index: 1;
opacity: 1;
background-color: #fff;
border-radius: 50%;
width: 100%;
height: 100%;
transition: all .4s cubic-bezier(.215, .61, .355, 1);
display: flex;
position: absolute;
inset: 0%;
transform: scale(0)
}
.clutch-achiev__bg.active {
opacity: 1;
display: flex;
transform: none
}
.clutch-achiev__hover {
z-index: 2;
opacity: 0;
color: var(--blue-dark);
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 4.9em;
transition: opacity .5s;
display: flex;
position: absolute;
inset: 0%
}
.clutch-achiev__hover.active {
opacity: 1;
display: flex
}
.clutch-achiev__author-ava {
opacity: 0;
border-radius: 50%;
width: 3em;
margin-bottom: .25em;
transition: all .5s;
display: block;
transform: scale(.5)
}
.clutch-achiev__author-ava.active {
opacity: 1;
transform: scale(1)
}
.clutch-achiev__local {
grid-column-gap: .4em;
grid-row-gap: .4em;
color: #02021eb3;
justify-content: center;
align-items: center;
margin-top: 1em;
font-size: .875em;
display: flex
}
.clutch-achiev__icon-local {
width: .75em
}
.cases-modal__cta {
z-index: 2;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-image: linear-gradient(90deg, #c9d8f1, #e5e0f5 20%, #d9d6f1);
justify-content: space-between;
align-items: center;
margin-top: -2rem;
margin-bottom: -3.5rem;
padding: 1.5rem 2rem;
display: flex
}
.cases-modal__logo {
width: 2.5rem;
display: block
}
.works__video-wrap {
justify-content: flex-end;
align-items: center;
display: flex;
position: relative
}
.works__video-play {
display: none
}
.works__video {
z-index: 0;
background-color: #e9e9ea;
border-radius: 50%;
width: 7rem;
height: 7rem;
position: relative;
overflow: hidden
}
.header__secret-dot {
background-color: #ea3323;
border-radius: 50%;
flex: none;
width: .625rem;
height: .625rem
}
.get-card__label {
background-color: var(--yellow);
color: var(--blue-dark);
letter-spacing: .02rem;
border-radius: 20rem;
justify-content: center;
align-items: center;
padding: .4rem .75rem;
font-size: .875rem;
font-weight: 500;
display: flex
}
.upsell__video-container {
justify-content: flex-end;
align-items: center;
display: flex;
position: relative
}
.steps__blocks {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
display: flex
}
.clutch-achiev__text {
text-align: center;
font-size: 1.25em;
font-weight: 500;
line-height: 1.4
}
.clutch-achiev__author-text {
font-weight: 500
}
.clutch-achiev__author-text.is-job {
opacity: .6;
font-size: .875em;
font-weight: 400
}
.cases-modal__title-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: center;
display: flex
}
.cases-modal__title {
letter-spacing: -.0225rem;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.2
}
.cases-modal__img {
width: 64.5rem;
display: block
}
.cases-modal__tag {
background-color: var(--blue);
color: #fff;
letter-spacing: .04375rem;
text-transform: uppercase;
border-radius: 6.25rem;
justify-content: center;
align-items: center;
padding: .7rem 1rem;
font-size: .875rem;
font-weight: 500;
line-height: 1;
display: flex
}
.cases-modal__container {
flex-flow: column;
justify-content: space-between;
height: 100%;
display: flex;
position: relative
}
.clutch-awards__bg-wrap {
z-index: -1;
width: 100%;
display: block;
position: absolute;
top: -25rem;
left: 0%;
right: 0%
}
.hero__won-block {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 17.5rem;
max-width: none;
transition: transform .4s;
display: block;
position: relative
}
.cases__container {
position: relative
}
.benefits__description {
flex: 1;
padding-top: 1.5rem;
padding-bottom: 2rem;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4
}
.benefits__description.is--no-button {
padding-bottom: 0
}
.get-card__advant-numb {
font-size: 2.75rem;
font-weight: 500;
line-height: 1
}
.steps__deliverables {
opacity: .7
}
.steps__text {
max-width: 31rem;
font-size: 1.125rem;
font-weight: 500
}
.project-card-big__lottie-wrap {
background-color: var(--white);
border-radius: 50%;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
display: none
}
.clutch-achiev__author-texts {
transition: all .5s;
transform: translateY(30%)
}
.clutch-achiev__author-texts.active {
transform: none
}
.process__days {
opacity: .7;
text-transform: none
}
.research-phases__icons {
margin-bottom: 1.5rem;
display: flex
}
.research-phases__icon {
filter: grayscale();
cursor: pointer;
width: 3.5rem;
transition: all .3s;
display: block
}
.research-phases__icon.current {
filter: none
}
.research-phases__tabs-menu {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-bottom: .25rem;
display: flex
}
.research-phases__tab-btn {
color: #fff6;
cursor: pointer;
border-bottom: .125rem solid #fdc44800;
flex: 0 auto;
transition: all .2s
}
.research-phases__tab-btn:hover {
color: #fff
}
.research-phases__tab-btn.current {
border-bottom-color: var(--yellow);
color: var(--yellow)
}
.research-team__circle {
border-radius: 50%;
width: 20.5rem;
height: 20.5rem;
position: relative
}
.research-team__circle.is-1 {
z-index: 2;
background-color: var(--blue);
cursor: pointer;
flex-direction: column;
justify-content: center;
align-items: center;
transition-property: none;
display: flex
}
.research-team__circle.is-2 {
border: .0625rem solid #fffc;
justify-content: center;
align-items: flex-start;
padding-top: 3rem;
display: flex;
position: relative;
overflow: hidden
}
.solution__cta-text {
letter-spacing: -.055px;
font-size: 2.75rem;
font-weight: 500;
line-height: 1.2
}
.research-team__icon {
width: 3rem;
height: 3rem;
margin-bottom: 1.5rem
}
.research-team__text {
z-index: 2;
text-align: center;
letter-spacing: .0125rem;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4;
position: relative
}
.research-team__text.is-2 {
letter-spacing: 0
}
.research-team__ava {
width: 5rem;
margin-bottom: 1.5rem
}
.research-team_job {
opacity: .6;
text-transform: uppercase;
margin-bottom: .5rem;
font-size: .875rem;
font-weight: 500;
line-height: 1.4
}
.clutch-awards__text {
letter-spacing: .01rem;
font-size: 1rem
}
.clutch-how-wrap {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
align-items: center;
display: flex
}
.get-card__desc {
opacity: .7
}
.research-phases__tabs-menu-wrap {
letter-spacing: -.0425rem;
font-size: 2.125rem;
font-weight: 500;
line-height: 1.4
}
.heading-2__span {
display: inline-block
}
.heading-2__span.mod--red-dot {
opacity: 1;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/658d9b724bccb10722b1e8ae_red-dot.svg);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 95%;
width: .875rem;
transition: opacity .4s;
display: inline-block;
position: relative;
top: .4rem;
left: -.5rem
}
.heading-2__span.mod--red-dot.anim {
opacity: 0
}
.upsell__arrow {
z-index: 1;
position: relative;
overflow: hidden;
transform: translate(0)
}
.upsell__arrow.mod--research {
margin-left: -2rem;
transition: all .3s cubic-bezier(.215, .61, .355, 1)
}
.upsell__arrow.mod--research.active {
margin-left: 0
}
.research-team__cta {
z-index: 2;
text-align: center;
letter-spacing: .0125rem;
flex-direction: column;
align-items: center;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4;
transition: color .4s;
display: flex;
position: relative
}
.research-team__cta.active {
color: var(--blue)
}
.button-circle {
z-index: 9;
background-color: var(--yellow);
color: var(--blue-dark);
text-transform: uppercase;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 7rem;
height: 7rem;
font-size: .875rem;
font-weight: 500;
line-height: 1.4;
transition-property: color;
display: flex;
position: absolute;
inset: auto 0% 0% auto
}
.issues__line {
background-color: var(--white-30);
width: 1px;
height: 100%;
transition: all .6s;
position: absolute;
left: 31%
}
.issues__line.is--3 {
width: 100%;
height: 1px;
top: 50%;
left: 0%
}
.issues__line.is--2 {
left: 67%
}
.works__img {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
position: relative
}
.works__img.is--tablet,
.works__img.is--mobile {
display: none
}
.get-card__top {
margin-bottom: 2.5rem;
font-size: 1.25rem
}
.hero__won {
perspective: 800px;
margin-top: -4.5rem;
position: relative
}
.hero__won.is--mobile {
display: none
}
.discuss__sidebar-body {
flex: 1
}
.discuss__sidebar-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
padding-left: 0;
list-style-type: none;
display: flex
}
.discuss__sidebar-list-item {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
align-items: center;
margin-bottom: 0;
display: flex
}
.form__radio-field {
color: var(--blue-dark);
letter-spacing: .04375rem;
text-transform: uppercase;
cursor: pointer;
background-color: #f5f5f7;
border-radius: 2.5rem;
align-items: center;
height: 2.5rem;
margin-bottom: 0;
padding: .2rem 1.25rem .2rem .75rem;
font-size: .875rem;
font-weight: 500;
line-height: 1.4;
transition: all .2s;
display: flex
}
.form__radio-field.current {
background-color: var(--blue-dark);
color: var(--white)
}
.issues__icon {
flex: none;
width: 3.5rem;
height: 3.5rem;
transition: transform .6s;
display: block;
transform: translate(0)
}
.get__bg-wrap {
z-index: 0;
opacity: .6;
width: 100%;
display: block;
position: absolute;
top: -32rem;
left: 0%;
right: 0%
}
.issues__btn-mob {
display: none
}
.discuss__sidebar-list-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
margin-top: 3rem;
display: flex
}
.discuss__sidebar-list-title {
font-size: 1.25rem;
font-weight: 500
}
.dropdown-inter-each2 {
opacity: 1;
width: 100%;
transition: transform .6s, opacity .4s;
display: block;
transform: translate(0)
}
.refer-hero__card {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/659bf8a7b02bb26c007c2893_card-postBig-blue_laptop.svg);
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 100%;
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
height: 100%;
min-height: 35.25rem;
padding: 4.5rem 2.5rem 2.5rem;
position: relative
}
.refer-hero__card.is--1 {
background-image: linear-gradient(#371aca00 29%, #371aca 30%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/659bf8a7b02bb26c007c2893_card-postBig-blue_laptop.svg);
background-position: 0 0, 100% 0;
background-repeat: repeat, no-repeat;
background-size: auto, 100%;
flex-direction: column;
justify-content: space-between;
display: flex
}
.refer-hero__card.is--2 {
color: var(--blue-dark);
background-image: linear-gradient(#fff0 24%, #fff 30%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/659bf8a757936d3ccef1d694_card-postBig2-white_laptop.svg);
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, 100%;
display: flex
}
.refer-hero__img {
z-index: 2;
width: 11.625rem;
display: block;
position: absolute;
inset: 6.25rem 1.5625rem auto auto
}
.refer-hero__advant {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border-top: 1px solid #ffffff4d;
align-items: center;
padding-top: 2.5rem;
display: flex
}
.refer-hero__advant-numb {
letter-spacing: -.02em;
font-size: 3.5rem;
font-weight: 500;
line-height: 1
}
.refer-hero__advant-text {
text-transform: uppercase;
font-size: 1.25rem;
line-height: 1.2
}
.refer-hero__form-top {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
flex: 1;
margin-bottom: 2.5rem;
display: flex
}
.refer-hero__form-top.is-success {
max-width: 29rem;
margin-bottom: 2rem
}
.numb-steps__block {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-direction: column;
flex: 1;
justify-content: flex-start;
margin-bottom: 2rem;
padding: 2.5rem;
display: flex;
position: relative
}
.numb-steps__block.is-long {
margin-bottom: 0
}
.numb-steps__top {
border-bottom: .0625rem solid #ffffff4d;
min-height: 6rem
}
.numb-steps__icon {
color: var(--blue-dark);
text-align: center;
letter-spacing: -.03rem;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
font-size: 1.5rem;
font-weight: 500;
line-height: 1;
transition: transform .6s;
display: flex;
transform: translate(0)
}
.numb-steps__icon.anim {
transform: translateY(110%)
}
.numb-steps__icon.bg-color-yellow {
color: var(--blue-dark)
}
.numb-steps__icons {
align-items: center;
display: flex
}
.form__success-container {
height: 100%
}
.form__success-container.mod--refer-hero {
flex-direction: column;
display: flex
}
.refer-hero__success-video {
object-fit: cover;
border-radius: 1.25rem;
width: 100%;
height: 15.5rem
}
.reviews__label {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
letter-spacing: .04375rem;
border: .0625rem solid #fffc;
border-radius: 20rem;
align-items: center;
padding: .8rem 1rem;
font-size: .875rem;
line-height: 1;
display: flex
}
.reviews__label.is--dark {
background-color: var(--blue-dark);
color: var(--white)
}
.reviews__label-separ {
background-color: #fffc;
flex: none;
width: .0625rem;
height: 1.5rem
}
.hero__won-img {
z-index: 0;
width: 100%;
display: block;
position: relative
}
.reviews__label-logo {
width: 6.3rem;
display: block
}
.reviews__label-logo.mod--designrush {
width: 7rem
}
.reviews__label-logo.mod--product-hunt {
width: 8.5rem
}
.reviews__label-text-wrap {
grid-column-gap: .4375rem;
grid-row-gap: .4375rem;
justify-content: center;
align-items: center;
display: flex
}
.reviews__label-icon {
width: 1.25rem;
margin-top: -.1rem;
display: block
}
.opacity-80 {
opacity: .8
}
.faq__line-bottom {
background-color: #fffc;
width: 100%;
height: .0625rem;
margin-top: 10rem;
margin-bottom: -5rem;
position: relative
}
.dedicated-achiev__bg {
z-index: 1;
opacity: 1;
background-color: #fff;
border-radius: 50%;
width: 100%;
height: 100%;
transition: all .4s cubic-bezier(.215, .61, .355, 1);
display: flex;
position: absolute;
inset: 0%;
transform: scale(0)
}
.dedicated-achiev__bg.active {
opacity: 1;
display: flex;
transform: none
}
.dedicated-achiev__hover {
z-index: 2;
opacity: 0;
color: var(--blue-dark);
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 4.5em 1em 1em;
transition: opacity .5s;
display: flex;
position: absolute;
inset: 0%
}
.dedicated-achiev__hover.active {
opacity: 1
}
.dedicated-achiev__text {
font-size: 1em
}
.dedicated-achiev__title {
text-align: center;
font-size: 1.125em;
font-weight: 500;
line-height: 1.4
}
.dedicated-achiev__icon {
opacity: 1;
transform: scale3d(1none, 1none, 1none);
transform-style: preserve-3d;
width: 4em;
transition: all .5s;
display: block
}
.dedicated-achiev__icon.active {
opacity: 0;
transform: scale(.5)
}
.dedicated-achiev__circle {
grid-column-gap: 1em;
grid-row-gap: 1em;
text-align: center;
border: .0625rem solid #ffffff4d;
border-radius: 50%;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 13em;
height: 13em;
margin-left: auto;
margin-right: auto;
padding-top: 2em;
padding-left: 1em;
padding-right: 1em;
display: flex;
position: relative;
overflow: hidden
}
.dedicated-achiev__arrow {
flex: none;
width: 2rem;
height: 2rem;
position: absolute;
inset: 43% -24% auto auto
}
.dedicated-start__card {
opacity: 1;
transform-origin: 100% 0;
color: var(--blue-dark);
transform-style: preserve-3d;
background-image: linear-gradient(#fff0 29%, #fff 30%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/65a6821aac1b80bd5a48b652_card-postBig-white_laptop.svg);
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, 100%;
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
flex-direction: column;
height: 100%;
min-height: 32rem;
padding: 4.5rem 2.5rem 2.5rem;
transition: transform .6s, opacity .4s;
display: flex;
transform: perspective(800px)
}
.dedicated-start__card.is--2 {
transform-origin: 0 0;
background-image: linear-gradient(#fff0 29%, #fff 30%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/659bf8a757936d3ccef1d694_card-postBig2-white_laptop.svg)
}
.dedicated-start__card.anim {
opacity: 0;
transform-style: preserve-3d;
transform: perspective(800px)rotateX(-5deg)rotateY(0)rotate(0)
}
.dedicated-start__top {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
margin-bottom: 2rem;
display: flex
}
.dedicated-start__img {
width: 100%;
display: block
}
.dedicated-start__bottom {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border-top: .0625rem solid #0003;
flex-direction: row;
flex: 0 auto;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 2rem;
padding-top: 2.5rem;
display: flex
}
.dedicated-start__advant {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: center;
font-size: 1.25rem;
line-height: 1.2;
display: flex
}
.dedicated-start__advant-numb {
letter-spacing: -.07rem;
font-size: 3.5rem;
font-weight: 500;
line-height: .9
}
.roles__sticky {
position: sticky;
top: 30vh
}
.roles__block {
background-color: var(--white);
color: var(--blue-dark);
border-radius: 1.5rem;
flex-direction: column;
justify-content: space-between;
height: 100%;
min-height: 26rem;
padding: 2.5rem;
line-height: 1.2;
transition: color .5s, background-color .5s;
display: flex
}
.roles__block.anim {
background-color: var(--blue);
color: var(--white)
}
.roles__block-nav {
border: .375rem solid var(--yellow);
text-align: center;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: stretch;
height: 100%;
padding-left: 3.5rem;
padding-right: 3.5rem;
display: flex;
position: relative
}
.roles__nav {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/65a7a58d47e638b780ce84fd_roles-dash.svg);
background-position: 50%;
background-repeat: repeat-x;
background-size: auto .125rem;
justify-content: space-between;
align-items: center;
display: flex
}
.roles__nav-btn {
background-color: var(--blue-dark);
outline-color: var(--white);
outline-offset: -.375rem;
color: #fff0;
text-align: center;
letter-spacing: .04375rem;
text-transform: uppercase;
border-radius: 5rem;
outline-width: .375rem;
outline-style: solid;
flex: 1;
justify-content: center;
align-items: center;
max-width: 1.5rem;
max-height: 1.5rem;
padding: .2rem 0;
font-size: .875rem;
font-weight: 500;
transition: max-height .5s, max-width .5s, padding .5s, color .5s, background-color .3s;
display: flex;
overflow: hidden
}
.roles__nav-btn.anim {
background-color: var(--white);
color: var(--blue-dark);
max-width: 6rem;
max-height: 2rem;
padding-left: .5rem;
padding-right: .5rem
}
.roles__block-top {
letter-spacing: -.025rem;
justify-content: space-between;
align-items: center;
font-size: 1.25rem;
font-weight: 500;
display: flex
}
.roles__block-text {
opacity: 0;
letter-spacing: -.035rem;
font-size: 1.75rem;
font-weight: 500;
line-height: 1.2;
transition: opacity .3s, transform .3s;
position: absolute;
inset: auto auto 0% 0%;
transform: translateY(2rem)
}
.roles__block-text.anim {
opacity: 1;
transition-duration: .5s, .5s;
transform: translate(0)
}
.roles__logo {
filter: brightness(10%);
width: 9.4rem;
transition: all .5s;
display: block
}
.roles__logo.anim {
filter: none
}
.roles__users {
color: var(--blue-dark);
background-color: #eaeaec;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
font-size: 1rem;
line-height: 0;
display: flex
}
.roles__users.anim {
color: var(--white);
background-color: #ffffff4d
}
.roles__users-svg {
width: 1.5em;
height: 1.5em
}
.roles__nav-title {
color: var(--yellow);
letter-spacing: -.03rem;
max-width: 12rem;
margin-left: auto;
margin-right: auto;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.1
}
.roles__users-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
letter-spacing: 0;
text-transform: uppercase;
align-items: center;
font-size: 1.1875rem;
display: flex
}
.discuss__bg-wrap {
z-index: 0;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%
}
.roles__block-texts {
flex: 1;
position: relative
}
.roles__nav-title-wrap {
position: absolute;
inset: 4.5rem 0% auto
}
.roles__nav-gradient {
display: none
}
.roles__nav-scroll {
flex-direction: column;
width: 100%;
display: flex
}
.banner-article {
z-index: 100;
opacity: 1;
cursor: pointer;
width: 100%;
font-weight: 500;
transition: opacity .4s, transform .6s cubic-bezier(.215, .61, .355, 1);
position: relative;
inset: auto 0% 0%;
transform: none
}
.banner-article.anim {
transform: translateY(110%)
}
.banner-article__container {
pointer-events: auto;
color: var(--blue-dark);
background-color: #f5f5f7;
background-image: linear-gradient(4deg, #b5dfff, #eee8ff 50%, #e5e1ff);
border-top-left-radius: 1.5rem;
border-top-right-radius: 1.5rem;
justify-content: space-between;
align-items: center;
min-height: 4rem;
padding: .5rem 1rem .5rem 2rem;
display: flex;
position: relative;
overflow: hidden
}
.block-offer {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
border: .0625rem solid var(--white);
text-align: center;
border-radius: 1.5rem;
flex-direction: column;
align-items: center;
margin-top: 2rem;
margin-bottom: 2rem;
padding: 3.5rem 1rem;
font-size: 2rem;
line-height: 1.2;
display: flex
}
.block-offer__btn-wrap {
width: 100%;
max-width: 15rem
}
.benefits__icon-free {
width: 5rem;
height: 5rem;
display: block
}
.header__banner-secret {
z-index: 0;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
opacity: 1;
color: var(--white);
background-image: linear-gradient(6deg, #b5dfff, #eee8ff 70%, #e5e1ff);
justify-content: center;
align-items: center;
max-width: none;
height: 2.5rem;
margin-top: -1.5rem;
margin-left: -1.25rem;
margin-right: -1.25rem;
font-size: .875rem;
line-height: 1;
transition: color .3s, transform .6s, opacity .4s;
display: flex;
position: relative;
overflow: hidden;
transform: translate(0)
}
.header__banner-secret.anim {
opacity: 0
}
.header__banner-secret.active {
color: var(--blue-dark)
}
.designrush-header__secret-logo {
color: #2af4ff;
width: 5.8125rem;
transition: all .3s;
display: block
}
.designrush-header__secret-logo.active {
color: var(--blue)
}
.post-card__plus-wrap {
z-index: 2;
background-color: var(--white);
color: var(--blue-dark);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 5rem;
height: 5rem;
transition: all .5s;
display: flex;
position: relative;
transform: scale(.8);
box-shadow: 0 24px 45px #11111126
}
.post-card__plus-wrap.active {
transform: none
}
.post-card__plus {
width: 2rem;
height: 2rem
}
.post-card__img-over {
z-index: 2;
opacity: 0;
background-color: #16161640;
justify-content: center;
align-items: center;
padding-top: 2rem;
transition: opacity .2s;
display: flex;
position: absolute;
inset: 0%
}
.post-card__img-over.active {
opacity: 1
}
.designrush-discuss__list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
padding-left: 0;
list-style-type: none;
display: flex
}
.designrush-discuss__list-item {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
align-items: center;
margin-bottom: 0;
line-height: 1.4;
display: flex;
position: relative
}
.designrush-discuss__list-dot {
background-color: var(--white);
outline-offset: -.4rem;
border-radius: 50%;
outline: .4rem solid #45b763;
flex: none;
width: 1.25rem;
height: 1.25rem;
position: relative
}
.discuss__sidebar-cta {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
margin-top: 3.5rem;
display: flex
}
.discuss__sidebar-cta-text {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-items: flex-start;
font-weight: 500;
line-height: 1.4;
display: flex
}
.discuss__sidebar-cta-arrow {
transform-style: preserve-3d;
width: 1.25rem;
transform: rotateX(180deg)rotateY(0)rotate(-90deg)
}
.discuss__sidebar-cta-ava {
width: 5.375rem;
display: block
}
.service-hero__tag {
text-transform: uppercase;
margin-bottom: 2rem;
font-size: 1.25rem;
line-height: 1.2
}
.header__secret-arrow-wrap {
background-color: var(--white);
color: var(--blue-dark);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
transition: background-color .4s;
display: flex;
overflow: hidden
}
.header__secret-arrow-wrap.active {
background-color: var(--blue-dark);
color: var(--white)
}
.header__secret-arrow {
width: .75rem;
height: .75rem
}
.header__secret-arrow.is--absolute {
position: absolute;
inset: auto auto 0% 0%;
transform: translate(-120%)
}
.card__fire-wrap {
background-color: #f5f5f7;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 4.5rem;
height: 4.5rem;
display: flex;
position: absolute;
inset: 0% 2.5rem auto auto
}
.card__fire {
width: 2.125rem;
display: block
}
.works__tags {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
align-items: flex-end;
display: flex;
position: relative;
inset: auto auto 0% 0%
}
.works__tag {
border: .0625rem solid #02021e33;
border-radius: 5rem;
padding: .25rem .75rem .2rem;
font-weight: 500
}
.form__notice {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
color: #02021eb3;
background-color: #fff3db;
border-radius: .75rem;
align-items: center;
margin-bottom: -2rem;
padding: 1rem;
font-size: .875rem;
line-height: 1.4;
display: flex
}
.form__notice-icon {
flex: none;
width: 1.25rem;
height: 1.25rem
}
.discuss__sidebar-emoji {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/65b217fbf219992bd9de625a_emoji-boom.avif);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 1.375rem;
height: 1.375rem;
display: inline-block;
position: relative
}
.list__icon-plus {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/65b21c66e3cf2192457c74d3_icon-plus-green.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
border-radius: 50%;
flex: none;
width: 1.25rem;
height: 1.25rem;
display: block;
position: relative
}
.hero-service__advant-icon {
width: 3.5rem
}
.shots__content {
color: var(--blue-dark);
transform-style: preserve-3d;
border-radius: 1.5rem;
flex-direction: column;
display: flex;
position: relative;
overflow: hidden;
transform: rotateX(1deg)rotateY(0)rotate(0)
}
.shots__cta {
z-index: 2;
grid-column-gap: 1rem;
background-image: linear-gradient(90deg, #c9d8f1, #e5e0f5 20%, #d9d6f1);
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
justify-content: space-between;
align-items: center;
margin-top: -.0625rem;
padding: 1.5rem 2rem;
display: flex
}
.shots__title-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: center;
max-width: 17.5rem;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.2;
display: flex
}
.shots__filtes {
z-index: 2;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: center;
display: flex;
position: relative
}
.shots__drop {
z-index: 0
}
.shots__drop-toggle {
letter-spacing: .03rem;
text-transform: uppercase;
border: .0625rem solid #02021ecc;
border-radius: 5rem;
justify-content: space-between;
align-items: center;
width: 13.5rem;
height: 2.5rem;
padding: .1rem .5rem 0 1.25rem;
font-size: .875rem;
font-weight: 500;
line-height: 1;
display: flex
}
.shots__drop-list {
background-color: var(--white);
border: .0625rem solid #02021e4d;
border-radius: 1rem;
min-width: auto;
bottom: 3rem;
left: 0;
overflow: hidden
}
.shots__drop-arrow {
color: var(--blue-dark);
margin-right: .75rem;
font-size: 1.125rem;
transition: all .2s;
transform: rotate(0)
}
.shots__color {
outline-offset: .25rem;
cursor: pointer;
background-image: none;
border-radius: 50%;
outline: .0625rem solid #02021e00;
flex: none;
width: 1.5rem;
height: 1.5rem;
margin-bottom: 0;
padding: 0;
transition: all .1s;
position: relative
}
.shots__color:hover {
outline-color: #02021e4d
}
.shots__color.is--all {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/65ba5025f251bd79dcbda7f1_icon-colors.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover
}
.shots__color.current {
outline-color: #02021e4d
}
.shots__industry {
cursor: pointer;
background-color: #fff0;
align-items: center;
height: 2.875rem;
margin-bottom: 0;
padding: 0 3rem 0 1rem;
transition: background-color .1s;
display: flex
}
.shots__industry:hover {
background-color: #f5f5f7
}
.shots__industry.current {
background-color: #f5f5f7;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64a6fc58755faad4851761cb_icon-check-blue.svg);
background-position: 90%;
background-repeat: no-repeat;
background-size: 1rem
}
.shots__img {
z-index: 2;
object-fit: cover;
width: 46.25rem;
height: 36rem;
margin-left: auto;
margin-right: auto;
display: block;
position: relative
}
.shots__img.is--no-filter {
width: 53.2rem;
height: 41.3rem
}
.shots__tags {
z-index: 5;
color: var(--white);
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0% 0% auto
}
.shots__color-current {
background-color: #fff;
border-radius: 50%;
margin: -1px;
padding: 0;
display: none;
position: absolute;
inset: 0%
}
.project__rich-about {
flex-wrap: wrap;
justify-content: space-between;
display: flex
}
.project__rich-about a {
color: #0000eb
}
.project__rich-about h2 {
text-transform: none;
border-bottom: .0625rem solid #0003;
width: 100%;
margin-bottom: 2.5rem;
padding-bottom: 2.5rem;
padding-right: 12rem;
font-size: 2.125rem;
line-height: 1.2
}
.project__rich-about p {
color: var(--grey-dark);
flex: 0 auto;
width: 47%;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.7
}
.project__rich-about strong {
color: var(--blue-dark)
}
.project__rich-statistic {
color: var(--grey-dark);
text-align: center;
overflow: hidden;
transform: translate(0)
}
.project__rich-statistic h2 {
font-size: 2.125rem
}
.project__rich-statistic li {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-right: .0625rem solid #0003;
flex-direction: column;
flex: 1;
align-items: center;
margin-bottom: 0;
margin-right: -1px;
display: flex
}
.project__rich-statistic ul {
justify-content: center;
padding-left: 0;
list-style-type: none;
display: flex;
overflow: hidden
}
.project__rich-statistic strong {
color: var(--blue-dark);
font-size: 2.125rem;
font-weight: 500;
line-height: 1.1;
display: inline-block
}
.timer {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
opacity: 1;
justify-content: space-between;
align-items: flex-start;
transition: transform .6s, opacity .4s;
display: flex
}
.timer.anim {
opacity: 0
}
.timer__numbs {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
align-items: center;
display: flex
}
.timer__numb {
color: #fff;
background-color: #535060;
border-radius: .5rem;
justify-content: center;
align-items: center;
width: 4rem;
height: 5rem;
font-size: 3rem;
font-weight: 700;
display: flex
}
.timer__separ {
margin-top: .9rem;
font-size: 2rem
}
.timer__block {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: column;
justify-content: flex-end;
align-items: center;
display: flex
}
.timer__text {
color: var(--grey);
letter-spacing: .1rem;
text-transform: uppercase;
font-size: .875rem
}
.benefits__body {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
flex: 1;
justify-content: space-between;
display: flex
}
.benefits__time {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: center;
line-height: 1.4;
display: flex
}
.benefits__time-text {
font-size: 1.25rem;
font-weight: 500;
text-decoration: line-through
}
.benefits__time-free {
background-color: var(--yellow);
color: var(--blue-dark);
letter-spacing: .02rem;
border-radius: 20rem;
justify-content: center;
align-items: center;
padding: .4rem 1rem;
font-size: .875rem;
font-weight: 500;
display: flex
}
.block-offer__lightning {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/65c264a67c47750b08c31f9a_emoji-lightning.avif);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 1.1em;
display: inline-block;
position: relative;
top: -.1rem
}
.runlogo-services {
opacity: .7;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 61.5rem;
margin-top: 4rem;
margin-left: auto;
margin-right: auto;
font-size: 1.25rem;
font-weight: 500;
display: flex
}
.services-cards__block {
color: var(--blue-dark);
background-image: linear-gradient(#fff0 29%, #fff 30%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/65c34c03f2ef135ef30107ab_card-3services_laptop.svg);
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, 100%;
border-radius: 1.5rem;
flex-direction: column;
align-items: flex-start;
width: 26rem;
height: 100%;
padding: 4.5rem 2.5rem 2.5rem;
display: flex
}
.services-cards__body {
border-bottom: .0625rem solid #02021e4d;
flex: 1;
width: 100%;
margin-bottom: 2rem;
padding-top: 1.5rem;
padding-bottom: 2rem
}
.services-cards__list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
padding-left: 0;
list-style-type: none;
display: flex
}
.services-cards__list-item {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
align-items: flex-start;
margin-bottom: 0;
font-size: .875rem;
display: flex
}
.services-cards__rich h3 {
letter-spacing: -.02em;
margin-bottom: 1.5rem;
font-size: 2rem;
line-height: 1.2
}
.services-cards__rich p {
opacity: .6;
font-size: .875rem
}
.description-wrap.is--heading-4 {
max-width: 50rem;
margin-top: 3rem
}
.designrush-discuss__list-dash {
z-index: -1;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/65af8715200da1a93f98d24d_discuss-dash.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
margin-top: 1.25rem;
margin-bottom: -1.5rem;
position: absolute;
inset: 0%
}
.dropdown__rich-portfolio a {
color: var(--white);
text-decoration: underline
}
.dropdown__rich-portfolio p {
color: var(--grey-medium);
font-size: 1.125rem
}
.dropdown__rich-portfolio li {
color: var(--white);
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/65ca12f0ca6978060aa1817e_yellow-dot.svg);
background-position: 0%;
background-repeat: no-repeat;
background-size: .5rem;
margin-bottom: .75rem;
padding-left: 1.125rem;
line-height: 1.7
}
.dropdown__rich-portfolio ul {
column-count: 2;
column-rule-width: 0px;
column-gap: 2rem;
margin-top: 2rem;
padding-left: 0;
list-style-type: none
}
.dropdown__rich-portfolio h3 {
text-transform: uppercase;
font-size: 2rem
}
.dropdown__rich-portfolio h4 {
text-transform: uppercase;
font-size: 1.25rem;
font-weight: 400;
line-height: 1
}
.rich-heading-2 {
max-width: 48rem;
font-size: 1.5rem
}
.rich-heading-2 h2 {
text-transform: none;
font-size: 3.5rem
}
.rich-heading-2 p {
color: var(--grey);
margin-top: 3.5rem
}
.rich-heading-2.mod--post-service-benefits {
max-width: 38rem
}
.rich-heading-4 {
font-size: 1.5rem;
position: relative
}
.rich-heading-4 h2 {
letter-spacing: -.055rem;
text-transform: none;
font-size: 2.75rem;
line-height: 1.1
}
.rich-heading-4 p {
color: var(--grey);
margin-top: 3.5rem
}
.faq-portfolio__rich-nav ul {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-direction: column;
padding-left: 0;
list-style-type: none;
display: flex
}
.faq-portfolio__rich-nav li {
text-align: center;
letter-spacing: .1em;
text-transform: uppercase;
cursor: pointer;
border: .0625rem solid #ffffff4d;
border-radius: 5rem;
flex: none;
justify-content: center;
align-items: center;
height: 3.5rem;
margin-bottom: 0;
padding-left: 1.5rem;
padding-right: 1.5rem;
font-size: .875rem;
line-height: 1.4;
transition: all .2s;
display: flex
}
.circles__rich {
width: 100%
}
.circles__rich img {
width: 100%;
max-width: 7rem;
margin-left: auto;
margin-right: auto;
display: block
}
.circles__rich figcaption {
width: 100%;
max-width: 15rem;
margin-top: 2rem;
margin-left: auto;
margin-right: auto
}
.circles__rich figure {
width: 100%;
max-width: 100%;
margin: 0 auto
}
.services__rich {
width: 100%;
padding-top: 1rem
}
.services__rich h3 {
margin-bottom: 1.5rem;
font-size: 1.75rem
}
.services__rich p {
color: var(--grey-dark)
}
.step-number {
background-color: var(--blue);
color: var(--white);
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
padding-top: .1rem;
font-size: 1.75rem;
font-weight: 700;
line-height: 1;
display: flex
}
.step-number__text {
background-image: linear-gradient(to bottom, var(--white), #ffffff4d);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text
}
.hero-service__rich-advant {
align-items: center;
font-size: 1.25rem;
line-height: 1.2;
display: flex
}
.hero-service__rich-advant h2 {
margin-right: 1.5rem;
font-size: 3.5rem
}
.hero-service__rich-advant p {
text-transform: uppercase
}
.hero-service__rich-advant h4 {
margin-right: 1.5rem;
font-size: 3.5rem
}
.services__rich-wrap {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
background-color: #f5f5f7;
border-radius: 1.5rem;
justify-content: space-between;
align-items: flex-start;
height: 100%;
margin-bottom: 0;
padding: 2.5rem;
display: flex;
position: relative
}
.services__rich-wrap.is--blue {
background-color: var(--blue);
color: var(--white);
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4
}
.services__over-link {
margin-top: 0;
margin-bottom: 0;
position: absolute;
inset: 0%
}
.steps-dropdown__list {
padding: 1.5rem 2.5rem 2.5rem
}
.steps__rich a {
color: var(--blue-dark);
text-decoration: underline
}
.steps__rich p {
color: var(--grey-dark)
}
.steps__rich li {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/65ca12f0ca6978060aa1817e_yellow-dot.svg);
background-position: 0%;
background-repeat: no-repeat;
background-size: .5rem;
margin-bottom: 0;
padding-left: 1.125rem
}
.steps__rich ul {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: column;
margin-top: 1.5rem;
padding-left: 0;
list-style-type: none;
display: flex
}
.steps__rich h4 {
margin-bottom: .75rem;
font-size: 1.25rem;
line-height: 1.4
}
.steps__rich h3 {
font-size: 1.75rem;
line-height: 1.2
}
.steps__rich.is--description {
max-width: 30.625rem
}
.steps__rich-labels a {
color: var(--blue-dark);
text-decoration: underline
}
.steps__rich-labels p {
color: var(--grey-dark)
}
.steps__rich-labels li {
border: .0625rem solid #02021e4d;
border-radius: 5rem;
margin-bottom: 0;
padding: .3125rem .75rem;
line-height: 1.7
}
.steps__rich-labels ul {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: column;
margin-top: 1.5rem;
padding-left: 0;
list-style-type: none;
display: flex
}
.steps__rich-labels h4 {
margin-bottom: .75rem;
font-size: 1.25rem;
line-height: 1.4
}
.steps__rich-labels h3 {
font-size: 1.75rem;
line-height: 1.2
}
.steps__rich-labels ol {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
padding-left: 0;
list-style-type: none;
display: flex
}
.steps__icon-wrap {
z-index: 5;
pointer-events: auto;
border: .0625rem solid #02021e4d;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
transition: border-color .2s;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
overflow: hidden;
transform: translate(0)
}
.steps__icon-wrap.active {
border-color: #02021e00
}
.steps__dropdowns {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
opacity: 1;
flex-direction: column;
transition: transform .6s, opacity .4s;
display: flex;
transform: translate(0)
}
.steps__dropdowns.anim {
opacity: 0;
transform: translateY(6rem)
}
.rich-heading-1 h2 {
font-size: 7rem;
line-height: .9
}
.subheader__nav-link {
color: #ffffffb3
}
.subheader__nav-link.w--current {
color: #fff
}
.subheader__nav {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
opacity: 1;
justify-content: center;
align-items: center;
min-height: 4rem;
transition: transform .6s, opacity .4s;
display: flex;
transform: translate(0)
}
.subheader__nav.anim {
opacity: 0;
transform: translateY(2rem)
}
.benefits__avas-team {
width: 100%
}
.header__banner-secret-bg {
z-index: -1;
background-color: var(--blue);
height: 100%;
transition: all .3s;
position: absolute;
inset: 0% 0% auto
}
.header__banner-secret-bg.active {
height: 0%
}
.header__secret-arrow-anim {
transition: all .3s;
position: relative;
transform: translate(0%)
}
.header__secret-arrow-anim.active {
transform: translate(120%)
}
.linkedin__card {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: var(--white);
color: var(--blue-dark);
border-radius: 1.5rem;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 28.125rem;
height: 100%;
padding: 2.5rem;
display: flex;
position: relative;
-webkit-mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c620695b80bc58810a156_bg-card-reviews_laptop.webp);
mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c620695b80bc58810a156_bg-card-reviews_laptop.webp);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%
}
.linkedin__rich {
max-height: 21.5rem;
overflow: hidden
}
.linkedin__rich p {
margin-bottom: 1rem
}
.linkedin__body {
flex: 1;
position: relative
}
.linkedin__gradient {
pointer-events: none;
background-image: linear-gradient(#fff0, #fff);
height: 10rem;
position: absolute;
inset: auto 0% 0%
}
.linkedin__bottom {
justify-content: space-between;
display: flex
}
.linkedin__param {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
align-items: center;
display: flex
}
.linkedin__param-block {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
align-items: center;
font-size: 1.25rem;
font-weight: 500;
display: flex
}
.linkedin__param-icon {
width: 2rem
}
.linkedin__link {
z-index: 2;
position: absolute;
inset: 0%
}
.linkedin__button {
color: #3579b0;
background-color: #3579b0;
border: .125rem solid #3579b0;
border-radius: .75rem;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
font-size: 0;
line-height: 0;
transition: all .2s;
display: flex;
position: relative;
overflow: hidden;
transform: translate(0)
}
.linkedin__button-icon {
filter: brightness(200%);
transform: scale3d(1none, 1none, 1none);
transform-style: preserve-3d;
width: 2.25rem;
transition: all .4s;
position: relative
}
.linkedin__button-arrows {
z-index: 2;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%
}
.linkedin__button-arrow {
width: 2rem;
height: 2rem
}
.linkedin__button-arrow.is--absolute {
position: absolute;
inset: 0%;
transform: translate(-180%, 180%)
}
.linkedin__button-square {
background-color: var(--white);
border-radius: .7rem;
transition: all .4s;
position: absolute;
inset: 0%;
transform: scale(0)
}
.shots__logo {
width: 2.5rem;
display: block
}
.projects__cat-block {
grid-column-gap: .2rem;
grid-row-gap: .2rem;
text-align: right;
flex-direction: column;
align-items: flex-end;
font-size: 1.125rem;
display: flex;
position: relative;
transform: translate(0)
}
.text-color-grey2 {
color: var(--grey-medium)
}
.project__rich-challenge p {
max-width: 52rem;
margin-bottom: 2.5rem;
margin-left: auto;
font-size: 2.125rem;
font-weight: 500;
line-height: 1.2
}
.project__rich-challenge img {
display: block
}
.project__rich-challenge figure {
margin-top: 5rem;
margin-bottom: 0
}
.project__rich-challenge h6 {
border: .0625rem solid var(--blue-dark);
letter-spacing: .05em;
text-transform: uppercase;
border-radius: 5rem;
padding: 1rem 1.6875rem;
font-size: .875rem;
position: absolute;
inset: 0% auto auto 0%
}
.cookie-modal__buttons {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: -.5rem;
display: flex
}
.cookie-modal__body {
margin-bottom: 1.5rem
}
.cookie-modal__top {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
margin-bottom: 2rem;
display: flex
}
.cookie-modal__form-heading {
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4
}
.cookie-form__rich {
color: var(--grey-dark);
margin-bottom: 1.5rem;
font-size: .875rem
}
.cookie-form__checkbox-label {
margin-bottom: 0;
padding-left: 0;
position: relative
}
.cookie-form__checkbox-span {
border: .0625rem solid var(--grey-medium);
pointer-events: auto;
cursor: pointer;
border-radius: 5rem;
width: 2.5rem;
height: 1.5rem;
margin-bottom: 0;
padding-left: 0;
display: block
}
.dropdown.mod--cookie-form {
border-bottom: .0625rem solid #0000004d
}
.dropdown.mod--cookie-form.is--last {
border-bottom-style: none;
border-bottom-width: 0
}
.remodal__heading {
letter-spacing: -.01em;
text-transform: none;
font-size: 1.75rem;
font-weight: 500;
line-height: 1.2
}
.project__rich-main {
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex
}
.project__rich-main a {
color: #0000eb
}
.project__rich-main h2 {
text-transform: none;
margin-bottom: 2.5rem;
padding-right: 50%;
font-size: 2.125rem;
line-height: 1.2
}
.project__rich-main p {
color: var(--grey-dark);
flex: 0 auto;
width: 47%;
font-size: 1.125rem;
font-weight: 500
}
.project__rich-main strong {
color: var(--blue-dark);
font-weight: 500
}
.project__rich-main figure {
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: relative
}
.project__rich-main figcaption {
color: var(--grey-dark);
text-align: left;
font-size: 1rem;
font-weight: 500;
line-height: 1.4
}
.project__rich-main img {
object-fit: cover;
display: block
}
.project__rich-main blockquote {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
pointer-events: none;
background-color: #eee;
border-left-style: none;
border-left-width: 0;
border-radius: 1.5rem;
flex-flow: column;
width: 100%;
padding: 2rem;
font-size: 1.125rem;
font-weight: 500;
display: flex;
position: relative
}
.project__rich-main li {
margin-bottom: 1rem;
padding-left: 2rem;
display: inline-block;
position: relative
}
.project__rich-main ol {
column-count: 2;
column-gap: 4rem;
padding-left: 0;
font-size: 1.125rem;
overflow: visible
}
.project-line {
background-color: #02021e33;
flex: none;
width: 100%;
height: .0625rem;
margin-top: 2.5rem;
margin-bottom: 2.5rem
}
.project__components {
grid-column-gap: 7rem;
grid-row-gap: 7rem;
flex-direction: column;
display: flex;
position: relative
}
.cases-modal__pagin {
display: none
}
.projects-sidebar__buttons {
margin-top: 1.5rem
}
.package__card {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/65e0b2b9337a7bdd82439833_card-3servicesBorder_laptop.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100%;
border-bottom: .0625rem solid #ffffff4d;
border-radius: 1.5rem;
flex-direction: column;
align-items: stretch;
width: 26rem;
height: 100%;
padding: 4.5rem 2.5rem 2.5rem;
display: flex;
position: relative
}
.package__card.is--white {
color: var(--blue-dark);
background-image: linear-gradient(#fff0 19%, #fff 20%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/65c34c03f2ef135ef30107ab_card-3services_laptop.svg);
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, 100%
}
.package__rich h3 {
letter-spacing: -.02em;
margin-bottom: 1.5rem;
font-size: 2rem;
line-height: 1.2
}
.package__rich p {
opacity: .6;
font-size: .875rem
}
.package__body {
border-bottom: .0625rem solid #ffffff4d;
flex: 1;
width: 100%;
margin-bottom: 2rem;
padding-top: 2rem;
padding-bottom: 2rem
}
.package__body.is--white {
border-bottom-color: #0000004d
}
.package__time {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
align-items: center;
margin-bottom: 1.5rem;
line-height: 1.2;
display: flex
}
.runlogo-hero {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
background-color: var(--white);
opacity: 1;
color: var(--blue-dark);
border-radius: 1.5rem;
justify-content: space-between;
align-items: center;
min-height: 10rem;
padding-left: 3.5rem;
display: flex;
overflow: hidden
}
.runlogo-hero.anim {
opacity: 0
}
.runlogo-hero__title {
opacity: .7;
text-transform: uppercase;
flex: none;
max-width: 10rem;
font-size: 1.25rem;
line-height: 1.2
}
.remodal__scroll {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
padding: 2rem;
display: flex;
position: relative
}
.project-story__img {
object-fit: cover;
width: 100%;
height: 37.5rem;
display: block
}
.project-story {
z-index: 1;
width: 100%;
display: block;
position: relative
}
.project-story__nav {
z-index: 1;
opacity: 0;
cursor: pointer;
background-image: linear-gradient(90deg, #000, #0000 50%);
width: 50%;
transition: opacity .2s;
position: absolute;
inset: 0% auto 0% 0%
}
.project-story__nav:hover {
opacity: .3
}
.project-story__nav.is-next {
background-image: linear-gradient(90deg, #0000 50%, #000);
inset: 0% 0% 0% auto
}
.project-story__top {
z-index: 2;
background-image: linear-gradient(#0003, #0000);
padding-left: 1rem;
padding-right: 1rem;
position: absolute;
inset: 0% 0% auto
}
.project-story__lines {
grid-column-gap: .3125rem;
grid-row-gap: .3125rem;
justify-content: center;
align-items: center;
display: flex
}
.project-story__line-wrap {
cursor: pointer;
flex: 1;
padding-top: 1rem;
padding-bottom: .75rem
}
.project-story__line {
background-color: #ffffff4d;
border-radius: 10rem;
width: 100%;
height: .25rem;
overflow: hidden
}
.project-story__line-fill {
background-color: var(--white);
border-radius: 10rem;
width: 0%;
height: 100%
}
.project-story__controls {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: stretch;
display: flex
}
.project-story__control {
border: .0625rem solid var(--white);
background-color: var(--white);
pointer-events: auto;
cursor: pointer;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
transition: all .2s;
display: flex;
position: relative
}
.project-story__control-icon {
z-index: 2;
color: var(--blue-dark);
width: 1rem;
height: 1rem;
font-size: 0;
line-height: 0;
display: block;
position: relative
}
.project-story__control-icon.is--play {
display: none
}
.project-story__label {
background-color: var(--white);
letter-spacing: .05rem;
text-transform: uppercase;
border-radius: 5rem;
justify-content: center;
align-items: center;
height: 2rem;
padding-top: .1rem;
padding-left: .75rem;
padding-right: .75rem;
font-size: .75rem;
font-weight: 500;
line-height: 1;
display: flex
}
.project-nav {
margin-left: 1px;
margin-right: 1px;
transition: top .5s;
position: sticky;
top: 9rem
}
.project-nav.is--sidebar-anim {
pointer-events: none;
padding-bottom: 8rem;
top: 3rem
}
.project-nav__top {
opacity: .5;
justify-content: space-between;
align-items: center;
display: flex
}
.project-nav__rich {
max-height: 35vh;
padding-top: .5rem;
padding-bottom: .5rem;
overflow: auto
}
.project-nav__rich ul {
padding-left: 3rem;
list-style-type: decimal
}
.project-nav__rich a {
color: var(--blue-dark);
background-color: #f5f5f700;
background-image: none;
background-repeat: repeat;
background-size: auto;
justify-content: flex-start;
align-items: center;
height: 3rem;
margin-left: -3rem;
padding-left: 3.5rem;
font-weight: 500;
transition-property: border-color;
transition-duration: .1s;
display: flex
}
.project-nav__rich a:hover {
background-color: #f5f5f7
}
.project-nav__rich li {
color: #02021e80;
margin-bottom: 0;
position: relative
}
.project-nav__rich ol {
padding-left: 3rem
}
.project-story__block {
border-radius: 1.5rem;
width: 100%;
position: relative;
overflow: hidden;
transform: translate(0)
}
.project-nav__drop {
pointer-events: auto;
margin-left: 0;
margin-right: 0;
display: block
}
.project-nav__drop-list {
background-color: #ddd0;
padding-top: .5rem
}
.project-nav__drop-toggle {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: var(--white);
border: .0625rem solid #0003;
border-radius: 1.5rem;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
padding: 2rem;
display: flex
}
.project-nav__drop-current {
justify-content: space-between;
align-items: center;
display: flex
}
.project-nav__drop-content {
background-color: var(--white);
border: .0625rem solid #0003;
border-radius: 1.5rem;
overflow: hidden;
transform: translate(0)
}
.project__rich-preview {
font-size: 0
}
.project__rich-preview img {
width: 100%;
display: block
}
.project__rich-preview figure {
width: 100%;
max-width: 100%;
display: block
}
.author__name {
font-size: 1rem;
font-weight: 500
}
.author__job {
opacity: .6;
font-size: .875rem
}
.project-sidebar__block {
z-index: 2;
background-color: var(--white);
width: 22rem;
position: absolute;
inset: auto -26rem 0% auto
}
.project-cta {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
cursor: pointer;
background-image: linear-gradient(220deg, #ebe5ff, #eee8ff 50%, #d2e4ff);
border-radius: 1.5rem;
flex-flow: column;
padding: 2rem;
display: flex;
position: relative
}
.project-cta__content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
justify-content: flex-start;
align-items: center;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4;
display: flex
}
.project__rich-modal {
flex-flow: column;
flex: 1;
margin-right: -3.5rem;
padding-bottom: 4rem;
padding-right: 4rem;
font-size: 1.125rem;
display: flex;
position: relative;
overflow: auto
}
.project__rich-modal p {
color: var(--grey-dark);
font-weight: 500
}
.project__rich-modal img {
border-radius: .5rem;
display: block
}
.project__rich-modal figure {
flex: none;
width: 37rem;
max-width: 100%;
margin-bottom: 0;
font-size: 0;
display: block
}
.project__rich-modal h6 {
color: #0000eb;
letter-spacing: .05em;
text-transform: uppercase;
margin-bottom: 1rem;
font-size: .75rem
}
.project__rich-modal h3 {
letter-spacing: -.02em;
margin-bottom: 2rem;
font-size: 2.125rem
}
.project__rich-modal h2 {
display: none
}
.project__rich-modal blockquote {
background-color: #eee;
border-left-style: none;
border-left-width: 0;
border-radius: 1.5rem;
margin-top: 4rem;
padding: 2rem 0 2rem 2.5rem;
font-size: 1.125rem;
font-weight: 500;
display: flex
}
.project-modal__title {
background-color: var(--white);
letter-spacing: -.02em;
text-transform: none;
font-size: 1.75rem;
line-height: 1.2
}
.project-blockquote__more {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
pointer-events: auto;
letter-spacing: .05rem;
text-transform: uppercase;
cursor: pointer;
justify-content: flex-end;
align-items: center;
font-size: .875rem;
line-height: 1;
display: none;
position: absolute;
inset: auto 0% 0% auto
}
.blockquote__more-btn {
border: .0625rem solid var(--white);
background-color: var(--white);
pointer-events: auto;
cursor: pointer;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
margin-top: -.125rem;
transition: all .2s;
display: flex;
position: relative
}
.blockquote__more-icon {
z-index: 2;
color: var(--blue-dark);
width: .75rem;
height: .75rem;
font-size: 0;
line-height: 0;
display: block;
position: relative
}
.blockquote__more-icon.active {
color: var(--white)
}
.project__rich-review {
border-top: .0625rem solid #0003;
margin-top: 8rem;
padding-top: 4rem;
display: flex
}
.project__rich-review img {
display: block
}
.project__rich-review p {
letter-spacing: -.02rem;
flex: 1;
padding-left: 4rem;
padding-right: 4rem;
font-size: 1.75rem;
font-weight: 500;
line-height: 1.4
}
.project__rich-review figure {
flex: none;
max-width: 22rem;
margin-bottom: 0;
margin-right: 0
}
.project-estimation__expert {
z-index: 1;
width: 52rem;
max-width: none;
position: absolute;
bottom: -4.5rem;
left: 14.5rem
}
.project-estimation__icon {
z-index: 1;
width: 2.5rem;
position: absolute;
inset: 6rem auto auto 3.375rem
}
.project-estimation__bg {
z-index: -1;
opacity: 1;
background-image: linear-gradient(210deg, #e6e1ff 30%, #eee7ff 50%, #b5deff 70%);
margin: -20% -30%;
position: absolute;
inset: 0%
}
.project-estimation__title {
z-index: 3;
letter-spacing: .0125rem;
max-width: 28rem;
font-size: 2.75rem;
font-weight: 500;
line-height: 1.1;
position: relative
}
.project-estimation {
z-index: 1;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6481f10e42cd261751e5904a_bg-card-exeprt_laptop.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 1.5rem;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 45rem;
margin-top: 8rem;
padding-bottom: 3rem;
padding-left: 3.375rem;
padding-right: 3.375rem;
display: flex;
position: relative;
overflow: hidden;
-webkit-mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/65f3119de0e50b46fd6aff4d_card-exeprtBig_laptop.webp);
mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/65f3119de0e50b46fd6aff4d_card-exeprtBig_laptop.webp);
-webkit-mask-position: 0 0;
mask-position: 0 0;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%
}
.project-hero__img {
z-index: -1;
object-fit: cover;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%
}
.project-hero__img.is--tablet {
z-index: 0;
display: none
}
.project-hero__img.is--mobile {
z-index: 1;
display: none
}
.blockquote__more-text.is--mobile {
display: none
}
.form__icon-assets {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/660c0b8c02c44d93ec1204e0_icon-arrow-black.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 1rem;
height: 1rem
}
.form__icon-assets.is--checked {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64a6fc58755faad4851761cb_icon-check-blue.svg);
background-size: contain
}
.form__icon-assets.is--flag {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/660e4d9c852532a5c261f27e_icon-flag-unknown.svg)
}
.pricing-compare__list {
z-index: 1;
grid-column-gap: var(--size-24);
grid-row-gap: var(--size-24);
flex-flow: column;
display: flex;
position: relative;
overflow: hidden;
transform: translate(0)
}
.pricing-compare__list-item {
margin-bottom: 0;
display: flex
}
.pricing-compare__logo {
align-self: center;
width: 9.75rem
}
.pricing-compare__text {
color: var(--blue-dark-70);
letter-spacing: .02em;
text-transform: uppercase;
line-height: 1.4
}
.pricing-compare__text.is--title-row {
color: var(--blue-dark);
font-size: var(--size-20);
letter-spacing: 0;
text-transform: none;
font-weight: 500
}
.pricing-compare__list-block {
text-align: center;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 24%;
min-height: 1.75rem;
display: flex
}
.pricing-compare__list-block.is--1 {
text-align: left;
flex: 1;
justify-content: flex-start;
align-items: center;
width: auto
}
.pricing-compare__scroll {
padding: var(--size-40);
border-radius: var(--size-24);
background-color: var(--white);
color: var(--blue-dark);
margin-bottom: 7rem;
position: relative
}
.pricing-compare__border {
z-index: 0;
border-radius: var(--size-24);
background-color: var(--grey-light);
pointer-events: none;
width: 24%;
margin-top: -1.25rem;
margin-bottom: -1.25rem;
position: absolute;
inset: 0% 24% 0% auto
}
.pricing-compare__list-wrap {
grid-column-gap: var(--size-64);
grid-row-gap: var(--size-64);
flex-flow: column;
display: flex;
position: relative
}
.form-dropdown {
display: block
}
.form-dropdown__toggle {
color: #02021e;
border-bottom: 1px solid #02021e33;
justify-content: space-between;
align-items: center;
height: 3.5rem;
padding: 0;
transition: all .2s;
display: flex
}
.form-dropdown__content {
z-index: 5;
background-color: var(--white);
transform-style: preserve-3d;
border: 1px solid #02021e4d;
border-radius: 1rem;
margin-top: .5rem;
overflow: hidden;
transform: rotateX(1deg)rotateY(0)rotate(0);
box-shadow: 0 .5rem 1.875rem #0000001a
}
.form-dropdown__list {
background-color: var(--white);
max-height: 17.5rem;
padding-left: 0;
list-style-type: none;
overflow: auto
}
.form-dropdown__list-item {
cursor: pointer;
background-color: #f5f5f700;
justify-content: flex-start;
align-items: center;
min-height: 2.875rem;
margin-bottom: 0;
padding-left: 1rem;
display: flex
}
.form-dropdown__list-item:hover {
background-color: #f5f5f7
}
.form-dropdown__toggle-arrow {
width: 1rem;
height: 1rem;
position: relative;
transform: rotate(0)
}
.form-dropdown__toggle-title {
color: #02021e80
}
.projects-tags {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex
}
.projects-tags__tag {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
text-transform: uppercase;
border: 1px solid #ffffff4d;
border-radius: 5rem;
justify-content: center;
align-items: center;
min-height: 3.5rem;
padding: .5rem 1rem .5rem 1.75rem;
font-size: .875rem;
font-weight: 500;
line-height: 1;
display: flex
}
.projects-tag__remove {
cursor: pointer;
width: 1.25rem
}
.project-cta__logo {
z-index: 0;
flex: none;
justify-content: center;
align-items: center;
width: 3.8rem;
height: 3.8rem;
margin: -.4rem;
font-size: 0;
line-height: 0;
display: flex;
position: relative;
transform: rotate(1deg)
}
.project-cta__arrow {
color: var(--blue-dark);
position: relative;
overflow: hidden
}
.project-cta__arrow-anim {
z-index: 1;
justify-content: center;
align-items: center;
font-size: 0;
transition: transform .4s cubic-bezier(.215, .61, .355, 1);
display: flex;
position: relative;
transform: translate(0%)
}
.project-cta__arrow-anim.active {
transform: translate(180%)
}
.project-cta__text {
color: var(--blue-dark)
}
.project-cta__text-wrap {
grid-column-gap: .3rem;
grid-row-gap: .3rem;
justify-content: flex-start;
align-items: center;
display: flex
}
.project-img__plus {
border: .0625rem solid var(--white);
pointer-events: auto;
cursor: pointer;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
transition: all .2s;
display: flex
}
.project-img__more {
z-index: 2;
text-transform: uppercase;
justify-content: center;
align-items: center;
padding-left: 1.25rem;
font-size: .875rem;
display: flex;
position: absolute;
inset: 1rem 1rem auto auto
}
.project-img__plus-bg {
z-index: -1;
background-color: var(--white);
border-radius: 5rem;
width: 2.5rem;
height: 2.5rem;
transition: all .4s;
position: absolute;
inset: 0% 0% auto auto
}
.project-img__plus-bg.active {
width: 100%;
transition-duration: .2s
}
.project-img__plus-icon {
z-index: 2;
color: var(--blue-dark);
width: 1rem;
height: 1rem;
font-size: 0;
line-height: 0;
transition: all .4s;
display: block;
position: relative;
transform: rotate(0)
}
.project-img__plus-icon.active {
transform: rotate(-180deg)
}
.payoneer__text {
color: var(--grey);
font-size: 1.3rem;
line-height: 1.4
}
.payoneer__link {
color: var(--white);
font-weight: 500;
display: inline-block
}
.footer__nav-link2 {
color: var(--grey-medium);
cursor: pointer;
font-size: 1rem;
transition-property: none
}
.footer__nav-link2:hover {
color: var(--white)
}
.footer-terms__line {
background-color: #fffc;
width: 100%;
height: 1px;
display: none
}
.footer-terms__links {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
border-top: var(--size-1)solid #fffc;
color: #fff9;
padding-top: 2rem;
display: flex
}
.footer-terms__links.mod--audit {
margin-top: var(--size-40);
border-top-color: var(--white-30)
}
.footer-terms__reserved {
margin-right: auto
}
.circles__hover {
z-index: 2;
color: var(--blue-dark);
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 2rem;
padding-right: 2rem;
font-size: 1rem;
line-height: 1.6;
display: flex;
position: absolute;
inset: 0%
}
.circles__hover.active {
opacity: 1;
display: flex
}
.circles__hover-bg {
z-index: -1;
opacity: 1;
background-color: #fff;
border-radius: 50%;
width: 100%;
height: 100%;
transition: all .4s cubic-bezier(.215, .61, .355, 1);
display: flex;
position: absolute;
inset: 0%;
transform: scale(0)
}
.circles__hover-bg.active {
opacity: 1;
display: flex;
transform: none
}
.circles__hover-texts {
opacity: 0;
max-width: 13rem;
transition: all .5s;
transform: translateY(3rem)
}
.circles__hover-texts.active {
opacity: 1;
transform: translate(0)
}
.circles-hover__block {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
padding-top: 4.5rem;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4;
transition: all .5s;
display: flex;
position: relative
}
.projects-empty__content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
text-align: center;
background-color: #0000;
border: 1px solid #ffffff4d;
border-radius: 1.5rem;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 3.5rem 0;
display: flex
}
.projects-empty__text {
max-width: 34rem;
font-size: 1.25rem;
line-height: 1.4
}
.projects-tags-wrap {
margin-bottom: 3.5rem;
display: none
}
.projects-sidebar__check {
width: 1.1rem;
margin-left: auto;
display: none;
position: relative
}
.projects-sidebar__check.is--filled {
width: 1.25rem
}
.projects-sidebar__title-wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative
}
.branding__lottie {
height: 46rem;
font-size: 0;
line-height: 0;
display: flex;
position: relative;
overflow: hidden
}
.form-success__btn-wrap.mod--hero {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
flex: 1;
justify-content: flex-end;
margin-top: 1.5rem;
display: flex
}
.form-success__btn-wrap.mod--discuss {
justify-content: space-between;
align-items: center;
display: flex
}
.contact-office__card {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
min-height: 35.625rem;
padding: 4rem 2.5rem 2.5rem;
display: flex;
position: relative
}
.contact-office__border {
z-index: -1;
background-color: #ffffff4d;
position: absolute;
inset: 0%;
-webkit-mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/66549333c0e913e20064a418_card-contact-office.webp);
mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/66549333c0e913e20064a418_card-contact-office.webp)
}
.contact-office__border:hover {
background-color: #ffffff4d
}
.contact-office__img {
width: 100%;
display: block
}
.contact-office__img-wrap {
width: 18.75rem;
position: relative
}
.contact-office__content {
flex-flow: column;
flex: 1;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
display: flex
}
.contact-office__address {
opacity: .7;
margin-top: 1.5rem;
margin-bottom: 1rem
}
.contact-office__pulse {
border-radius: 50%;
justify-content: space-between;
align-items: center;
width: 1.3rem;
height: 1.3rem;
display: flex;
position: absolute;
inset: 8.65rem 1.1rem auto auto
}
.contact-office__pulse.is--2 {
top: 3.65rem;
right: 5.4rem
}
.contact-office__pulse.is--3 {
top: 5.55rem;
right: 4.8rem
}
.contact-office__pulse-circle {
opacity: 0;
border: 1px solid #fff;
border-radius: 50%;
position: absolute;
inset: 0%
}
.branding__lottie-play {
z-index: 2;
cursor: pointer;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.video {
width: 100%;
display: block
}
.contact__video-address {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
align-items: flex-start;
display: flex
}
.audit-example__rich-text {
margin-bottom: 5rem;
padding-left: 3rem;
padding-right: 3rem;
font-size: 1.125rem;
line-height: 1.6
}
.audit-example__rich-text img {
border-radius: 1.5rem;
display: block
}
.audit-example__rich-text h1 {
letter-spacing: -.07rem;
margin: 8rem -3rem 3.5rem;
padding-left: 1rem;
padding-right: 1rem;
font-size: 5rem;
line-height: 1
}
.audit-example__rich-text h2 {
letter-spacing: -.07rem;
text-transform: none;
border-top: 1px solid #02021e4d;
margin: 5rem -3rem 1.5rem;
padding-top: 5rem;
padding-left: 3rem;
padding-right: 3rem;
font-size: 2.125rem;
line-height: 1.2
}
.audit-example__rich-text h3 {
margin-top: 1.5rem;
margin-bottom: 1rem;
font-size: 1.25rem;
line-height: 1.4
}
.audit-example__rich-text h4 {
letter-spacing: -.01em;
margin-top: 1.5rem;
margin-bottom: 1rem;
font-size: 1.125rem;
line-height: 1.6
}
.audit-example__rich-text h5 {
margin-top: 1rem;
margin-bottom: 1rem;
font-size: 1rem
}
.audit-example__rich-text h6 {
margin-top: 1rem;
margin-bottom: 1rem;
font-size: .875rem
}
.audit-example__rich-text p {
margin-bottom: 2rem
}
.audit-example__rich-text li {
color: #02021eb3;
letter-spacing: .01em;
margin-bottom: 0;
padding-top: 0;
padding-left: 1.5rem;
position: relative
}
.audit-example__rich-text ul {
grid-row-gap: 1rem;
flex-direction: column;
margin-top: 2rem;
margin-bottom: 2rem;
padding-left: 0;
list-style-type: none;
display: flex
}
.audit-example__rich-text ol {
grid-row-gap: 1rem;
flex-direction: column;
align-items: stretch;
margin-top: 2rem;
margin-bottom: 2rem;
padding-left: 2rem;
display: flex
}
.audit-example__rich-text figure {
width: auto;
max-width: none;
margin: 3.5rem 3rem 3.5rem -3rem
}
.audit-example__rich-text figcaption {
color: #02021e80;
max-width: 44rem;
margin-top: .75rem;
margin-left: auto;
margin-right: auto;
font-size: 1rem;
line-height: 1.6
}
.audit-example__rich-text p {
color: #02021eb3;
margin-bottom: 2rem;
position: relative
}
.audit-example__rich-text strong {
color: #02021e;
font-weight: 500
}
.audit-example__rich-text a {
color: #3719ca;
display: inline-block;
position: relative
}
.audit-example__rich-text blockquote {
color: #02021eb3;
letter-spacing: -.035rem;
background-color: #fff3db;
border-left-style: none;
border-radius: 1.5rem;
margin: 2rem -3rem 3.5rem;
padding: 2rem;
line-height: 1.4
}
.audit-example__rich-text em {
color: var(--blue-dark);
letter-spacing: .04375rem;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/66583f659d85141ae8ee4cf3_icon-lamp-yellow.svg);
background-position: 100% 10%;
background-repeat: no-repeat;
background-size: 1.5rem;
border-bottom: 1px solid #02021e33;
margin-bottom: 1rem;
padding-bottom: .75rem;
font-size: 1.125rem;
font-style: normal;
font-weight: 500;
display: block
}
.audit-example__rich-text sub {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6400b329c2bf661e8f342171_post-list-bullet.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: .75rem;
height: .75rem;
margin-right: .75rem;
display: inline-block;
position: relative;
inset: -.6em auto auto 0%
}
.audit-example__heading-wrap {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
flex-flow: column;
margin-bottom: 3.5rem;
padding-left: 3rem;
padding-right: 3rem;
display: flex
}
.audit-example__subheading {
font-size: 1.75rem;
font-weight: 500;
line-height: 1.4
}
.audit-example__btn-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
margin-top: 1.5rem;
display: flex
}
.service-hero__spline {
width: 22.25rem;
height: 22.25rem;
margin-top: -.2rem;
margin-right: 1.5rem;
display: block;
position: relative
}
.service-hero__spline.mod--uxui {
width: 24.375rem;
height: 24.375rem;
margin-right: 0
}
.branding__lottie-wrap {
border-radius: 1.5rem;
position: relative;
overflow: hidden
}
.branding__video-wrap {
z-index: 1;
opacity: 0;
border-radius: 1.5rem;
width: 100%;
height: 0;
padding-bottom: 56.25%;
transition: opacity .1s;
display: block;
position: absolute;
inset: 0%;
overflow: hidden
}
.post-card__tag {
opacity: .7;
letter-spacing: .5px;
text-transform: uppercase;
justify-content: center;
align-items: center;
padding-top: .1rem;
font-size: .875rem;
line-height: 1.2;
display: flex
}
.runlogo-pitch__img {
width: 4em;
display: block
}
.runlogo-pitch__img.is--figma {
width: 2.625em
}
.runlogo-pitch__img.is--presentation {
width: 2.875em
}
.hero-service__over-heading {
text-transform: uppercase;
margin-bottom: 1.5rem;
font-size: 1.25rem;
line-height: 1.2
}
.project__flag {
width: 1.5rem;
margin-top: -.2rem;
margin-bottom: -.2rem;
display: block
}
.works__statistics {
width: 40.125rem;
display: block
}
.works__scroll-statistics {
padding-right: 1.5rem
}
.projects__cat-rich {
font-weight: 500
}
.projects__cat-rich ul {
padding-left: 0;
list-style-type: none
}
.projects__cat-rich li {
margin-bottom: 0
}
.projects__cat-rich a {
color: var(--blue-link)
}
.blog-post__sidebar-wrap {
height: 100vh;
position: sticky;
top: 0;
overflow: hidden
}
.project__flags {
border-left: 1px solid #fff6;
margin-left: 1rem;
padding-left: 1rem
}
.hero__flip-content {
background-color: var(--white);
color: var(--blue-dark);
border-radius: 1rem;
flex-flow: column;
justify-content: space-between;
min-height: 28rem;
padding: 2rem 2.5rem;
display: flex
}
.hero-service__tabs-img {
object-fit: cover;
border-radius: 1rem;
width: 100%;
height: 14rem;
margin-bottom: 1.5rem;
display: block
}
.discuss__img {
display: block
}
.discuss__img.is--mobile {
display: none
}
.hero__flip {
perspective: 800px;
width: 23.875rem;
position: relative
}
.hero__flip-block {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform .4s;
transform: rotate(0)
}
.hero__flip-block.is--back {
z-index: 2;
transform-style: preserve-3d;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
transform: rotateX(0)rotateY(180deg)rotate(0)
}
.hero__flip-block.is--back.active {
transform: rotate(0)
}
.hero__flip-block.is--front.active {
transform-style: preserve-3d;
transform: rotateX(0)rotateY(-180deg)rotate(0)
}
.banner-article-wrap {
transition: transform .6s, opacity .4s;
position: absolute;
inset: auto 0% 0%;
transform: translateY(110%)
}
.banner-article-wrap.is--sidebar-anim {
transform: translate(0)
}
.works__param-wrap {
margin-bottom: 1rem
}
.catalog-card-border {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648851aaa48a45742e1c2189_bg-card-postBorderBig_laptop.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
height: 100%;
padding: 4.5rem 2.5rem 2.2rem;
display: flex;
position: relative;
overflow: hidden;
transform: translate(0)
}
.catalog-card-fill {
background-color: var(--blue);
flex-direction: column;
width: 100%;
height: 100%;
min-height: 35.25rem;
display: flex;
position: relative;
transform: translate(0)
}
.catalog-card-fill.mod--projects {
background-color: var(--white);
color: var(--blue-dark)
}
.catalog-card-fill__img-wrap {
flex: 1;
justify-content: center;
align-items: flex-start;
width: 100%;
padding-top: 3.5rem;
display: flex;
position: relative;
overflow: hidden;
transform: translate(0)
}
.catalog-card-fill__content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
flex: 0 auto;
min-height: 11.2rem;
padding-bottom: 4.25rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: flex
}
.catalog-card-fill__content.mod--projects {
min-height: 12.2rem;
padding-top: 1.5rem;
padding-bottom: 3.75rem
}
.catalog-subs__form-wrap {
border-top: .0625rem solid #fffc;
margin-top: 2.5rem;
padding-top: 2rem
}
.catalog-card-fill__img {
z-index: 1;
object-fit: contain;
border-radius: 0;
width: 20rem;
height: 20rem;
transition: all .8s cubic-bezier(.215, .61, .355, 1);
display: block;
position: relative;
transform: scale(1.01)
}
.catalog-card-fill__img.active {
transform: scale(1.1)
}
.solutions__cta-ava {
object-fit: cover;
width: 7rem;
display: block
}
.solutions__cta-content {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-direction: column;
display: flex
}
.solutions__cta-title {
font-size: 1.75rem;
font-weight: 500;
line-height: 1.2
}
.process__week {
color: #fffc;
text-transform: uppercase;
border-right: 1px solid #ffffff4d;
flex-flow: column;
flex: 1;
align-items: center;
font-size: .875rem;
display: flex
}
.process__week.is--first {
border-left: 1px solid #ffffff4d
}
.process__weeks {
z-index: -1;
justify-content: space-between;
display: flex;
position: absolute;
inset: 0%
}
.get-cards__btn-mob {
display: none
}
.works__logo {
width: 12.5rem;
margin-bottom: .5rem;
display: block
}
.service-hero__icon-ph {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/66d0167fc7dba08ecacf4ae0_icon-producthunt.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 4rem;
height: 4rem;
margin: 0 .1em -.04em -.05em;
padding-left: 0;
display: inline-block
}
.dropdown__bg {
background-color: var(--white);
border-radius: 1.5rem;
height: 0%;
transition: all .3s;
position: absolute;
top: 0%;
left: 0%;
right: 0%
}
.dropdown__bg-wrap {
z-index: -1;
margin-top: -1px;
margin-bottom: -1px;
position: absolute;
inset: 0%
}
.remodal__booking {
z-index: 2;
opacity: 0;
flex: 1;
width: 100%;
min-height: 545px;
position: relative;
overflow: hidden
}
.contact-success__icon {
flex: none;
width: 4rem;
display: block
}
.contact-success__top {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
letter-spacing: -.02em;
flex-flow: column;
flex: 1;
max-width: 14rem;
margin-bottom: 2rem;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.4;
display: flex
}
.clutch-header__agency {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: var(--yellow);
text-transform: uppercase;
justify-content: center;
align-items: center;
line-height: 1.2;
display: flex
}
.clutch-header__agency-star {
width: 1.25rem;
margin-top: -.3em;
display: block
}
.clutch-hero__logo {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/66d97db2ba9645629a3ee1d4_icon-clutch-white.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 1em;
margin-top: .1em;
margin-right: .2em;
display: inline-block;
position: relative;
top: -.05em
}
.clutch-hero__container {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
transform-origin: 50% 0;
transform-style: preserve-3d;
flex-flow: column;
align-items: center;
margin-bottom: 8rem;
padding-top: 2rem;
transition: transform .6s, opacity .4s;
display: flex;
transform: perspective(800px)
}
.clutch-hero__container.anim {
opacity: 0;
transform-style: preserve-3d;
transform: perspective(800px)rotateX(-5deg)rotateY(0)rotate(0)
}
.clutch-hero__tabs-wrap {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
background-color: var(--white);
color: var(--blue-dark);
border-radius: 1rem;
flex-flow: column;
width: 100%;
max-width: 56rem;
padding: 4rem;
display: flex
}
.clutch-tabs__top {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-start;
align-items: center;
display: flex
}
.clutch-tabs__avas {
width: 6.6875rem;
margin-top: -.2rem
}
.form__policy {
color: #02021eb3;
font-size: .875rem
}
.form__policy.mod--booking {
margin-right: auto
}
.runawards__img {
height: 3em;
margin-bottom: 1.25em;
margin-left: auto;
margin-right: auto;
display: block
}
.runawards__text {
color: var(--white);
text-align: center;
letter-spacing: .2em;
text-transform: uppercase;
font-size: .625em;
line-height: 1.4
}
.ref-steps__block {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-direction: column;
justify-content: flex-start;
min-height: 25.75rem;
padding: 2.5rem;
display: flex;
position: relative
}
.ref-steps__block.is-long {
min-height: 29rem
}
.ref-steps__icon {
color: var(--blue-dark);
text-align: center;
letter-spacing: -.03rem;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
font-size: 1.5rem;
font-weight: 500;
line-height: 1;
transition: transform .6s;
display: flex;
transform: translate(0)
}
.ref-steps__icon.anim {
transform: translateY(110%)
}
.ref-steps__rich {
margin-right: -1rem
}
.ref-steps__rich p {
opacity: .7
}
.ref-steps__rich h6 {
margin-bottom: 1.5rem
}
.ref-steps__top {
border-bottom: .0625rem solid #ffffff4d;
min-height: 6rem
}
.ref-steps__icons {
align-items: center;
display: flex
}
.numb-steps__rich {
flex: 1;
margin-right: -1rem
}
.numb-steps__rich p {
opacity: .7
}
.numb-steps__rich h6 {
margin-bottom: 1.5rem
}
.position-relative {
position: relative
}
.video-reviews__play {
z-index: 2;
cursor: pointer;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.remodal__youtube {
border-radius: 1.5rem;
width: 100%;
height: 0;
padding-bottom: 56.25%;
display: block;
position: relative;
overflow: hidden
}
.video-reviews__img {
border-radius: var(--size-24);
width: 43.75rem;
display: block
}
.clutch-tabs__heading-wrap {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.discuss-card {
margin-right: auto;
margin-bottom: var(--size-64);
padding: var(--size-48)var(--size-16);
grid-column-gap: var(--size-40);
grid-row-gap: var(--size-40);
border-radius: var(--size-40);
color: var(--blue-dark);
text-align: center;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6597dfd8c295b40751322961_card-discuss_laptop.svg);
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 100%;
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 62.5rem;
min-height: 29.25rem;
margin-left: auto;
display: flex;
overflow: hidden
}
.tabs-wrap {
margin-bottom: 0;
position: relative
}
.tabs-wrap.mod--contact {
z-index: 3;
background-color: #0000;
background-image: linear-gradient(180deg, #fff0 14%, var(--white)15%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/649294c9238d1c4a6a7bd1d7_bg-card-contact_laptop.webp);
opacity: 1;
transform-origin: 50% 0;
color: var(--blue-dark);
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, 100%;
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
width: 54rem;
padding: 5.625rem 3rem 4rem;
transition: transform .6s, opacity .4s;
position: relative;
transform: perspective(800px)rotate(0)
}
.tabs-wrap.mod--contact.anim {
opacity: 0;
transform-style: preserve-3d;
transform: perspective(800px)rotateX(-5deg)rotateY(0)rotate(0)
}
.remodal__prelaoder {
z-index: 0;
pointer-events: none;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6614141abcaff85777c0f8bb_icon-load-blue.avif);
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
position: absolute;
inset: 0%
}
.catalog-hero__fire {
z-index: 2;
pointer-events: none;
background-color: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 3.75rem;
height: 3.75rem;
display: flex;
position: absolute;
inset: 2.5rem auto auto 3rem
}
.catalog-hero__icon-fire {
width: 1.75rem;
display: block
}
.remodal-booking__experts {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-start;
align-items: center;
display: flex
}
.remodal-booking__experts-texts {
grid-column-gap: .1rem;
grid-row-gap: .1rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.discuss__btn-wrap {
min-width: 13.75rem
}
.form__policy-icon {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/66e415c666228dcf125ef1c2_icon-shield.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 1rem;
margin-right: .4rem;
display: inline-block;
position: relative
}
.margin-bottom-80 {
margin-bottom: 5rem
}
.dashboard__img {
z-index: 2;
width: 56.25rem;
margin-left: auto;
margin-right: auto;
display: block;
position: relative
}
.dashboard__content {
color: var(--blue-dark);
transform-style: preserve-3d;
border-radius: 1.5rem;
flex-direction: column;
display: flex;
position: relative;
overflow: hidden;
transform: rotateX(1deg)rotateY(0)rotate(0)
}
.dashboard__pagination {
z-index: 2;
position: absolute;
inset: auto 0% 3rem
}
.button-illustr {
z-index: 9;
color: var(--blue-dark);
text-transform: uppercase;
cursor: pointer;
background-color: #e6e9f1;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 8rem;
height: 8rem;
font-size: .875rem;
font-weight: 500;
line-height: 1.4;
transition: opacity .4s;
display: flex;
position: absolute;
inset: auto 0% 0% auto
}
.button-illustr.anim {
opacity: 0
}
.button-illustr__img {
object-fit: cover;
width: 100%;
height: 100%;
transition: all .3s;
display: block;
position: absolute;
inset: 0%
}
.button-illustr__img.active {
transform: scale(0)
}
.cases-simple__nav-wrap {
display: none
}
.project-modal__row {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
border-top: 1px solid #0003;
justify-content: flex-start;
align-items: center;
margin-top: 4rem;
padding-top: 4rem;
display: flex
}
.before-after__img {
object-fit: cover;
border: 1px solid #ffffff26;
border-radius: 1.5rem;
width: 100%;
height: 45.25rem;
display: block
}
.project-hero__img-wrap {
z-index: -1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.attach__icon-wrap {
cursor: pointer;
border-radius: 50%;
justify-content: center;
align-items: center;
height: 100%;
transition: border-color .4s;
display: flex
}
.service-hero__heading {
text-transform: none;
font-size: 4.875rem
}
.trusted {
padding-right: var(--size-48);
padding-left: var(--size-48);
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6718e3d9d87a78b0fa236838_border-gapTop_partners.svg);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
flex-flow: column;
justify-content: center;
align-items: stretch;
min-height: 9rem;
margin-top: 8.75rem;
display: flex;
position: relative
}
.trusted__title {
color: #ffffff80;
text-align: center;
position: absolute;
inset: -.8rem 0% auto
}
.text-grad-purple {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #9866f2, #eda1f5 35%, #fff 85%);
-webkit-background-clip: text;
background-clip: text
}
.results {
margin-bottom: var(--size-80);
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
display: flex
}
.results__block {
background-color: var(--white);
color: var(--blue-dark);
border-radius: 2.5rem;
padding: 2.5rem
}
.results__text {
opacity: .7;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4
}
.results__heading-wrap {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
margin-bottom: 2rem;
display: flex
}
.results__text-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
flex: 1;
align-items: flex-start;
max-width: 25rem;
margin-bottom: 1.5rem;
display: flex
}
.results-numb__title {
margin-bottom: var(--size-24);
padding-bottom: var(--size-24);
border-bottom: var(--size-1)solid var(--blue-dark-30);
color: var(--blue-dark);
font-size: var(--size-56);
letter-spacing: -.1rem;
width: 100%;
font-weight: 500;
line-height: 1
}
.text-grad-yellow {
background-image: linear-gradient(90deg, var(--yellow), #ffd971 50%, white 85%);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text
}
.audit-card {
border-top-left-radius: var(--size-24);
border-top-right-radius: var(--size-24);
border-bottom-left-radius: var(--size-24);
border-bottom-right-radius: var(--size-24);
background-color: var(--white);
color: var(--blue-dark);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 2.5rem;
display: flex;
position: relative;
-webkit-mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c620695b80bc58810a156_bg-card-reviews_laptop.webp);
mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c620695b80bc58810a156_bg-card-reviews_laptop.webp);
-webkit-mask-size: 100%;
mask-size: 100%
}
.problems__label {
margin-bottom: var(--size-24);
padding: var(--size-8)var(--size-12);
border-style: solid;
border-width: var(--size-1);
border-radius: var(--size-32);
color: var(--red);
font-size: var(--size-12);
letter-spacing: .05em;
text-transform: uppercase;
border-color: #ff00004d;
font-weight: 500;
line-height: 1
}
.problems__title {
margin-bottom: var(--size-16);
letter-spacing: -.05rem;
font-size: 1.75rem;
font-weight: 500;
line-height: 1.2
}
.problems__text {
color: var(--blue-dark-70);
flex: 1
}
.problems__bottom {
margin-top: var(--size-32);
padding-top: var(--size-24);
grid-column-gap: var(--size-12);
grid-row-gap: var(--size-12);
border-top: var(--size-1)solid var(--blue-dark-30);
color: var(--blue-dark-70);
font-size: var(--size-14);
letter-spacing: .05rem;
text-transform: uppercase;
align-items: center;
width: 100%;
line-height: 1.4;
display: flex
}
.problems__percent {
color: var(--blue-dark);
letter-spacing: -.1rem;
font-size: 2.75rem;
font-weight: 500;
line-height: 1
}
.results-numb__text {
color: var(--blue-dark-70);
font-size: var(--size-20);
max-width: 16rem;
font-weight: 500;
line-height: 1.4
}
.results-numb__text.is--wmax-288 {
max-width: 18rem
}
.text-style-nocaps {
text-transform: none
}
.process-banner {
margin-top: var(--size-80);
padding: var(--size-64)var(--size-24);
grid-column-gap: var(--size-40);
grid-row-gap: var(--size-40);
border-radius: var(--size-40);
background-color: var(--blue);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex
}
.process-banner__title-wrap {
grid-column-gap: var(--size-20);
grid-row-gap: var(--size-20);
flex-flow: column;
max-width: 64rem;
display: flex
}
.process-banner__title-wrap.mod--uiux-audit {
max-width: 70rem
}
.audit-video-reviews__block {
padding: var(--size-32);
grid-column-gap: var(--size-24);
grid-row-gap: var(--size-24);
border-radius: var(--size-16);
background-color: var(--blue);
cursor: pointer;
flex-flow: column;
height: 100%;
font-size: 1rem;
display: flex;
position: relative
}
.discuss__text {
color: var(--blue-dark-70);
font-size: var(--size-16);
max-width: 29rem
}
.discuss__text-wrap {
grid-column-gap: var(--size-32);
grid-row-gap: var(--size-32);
flex-flow: column;
align-items: center;
max-width: 34rem;
display: flex
}
.discuss__text-wrap.is--max-width-42 {
max-width: 42rem
}
.audit-video-reviews__bottom {
justify-content: space-between;
align-items: center;
display: flex
}
.audit-video-reviews__text {
letter-spacing: -.02rem;
flex: 1;
font-size: 1.75em;
font-weight: 500;
line-height: 1.2
}
.grid-reviews__text {
margin-bottom: var(--size-24);
font-size: var(--size-20);
letter-spacing: -.02rem;
flex: 1;
font-weight: 500;
line-height: 1.4
}
.grid-reviews__rate {
margin-bottom: var(--size-24);
padding-bottom: var(--size-24);
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: var(--size-1)solid var(--blue-dark-30);
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex
}
.grid-reviews__tags {
margin-right: -1rem;
margin-bottom: var(--size-24);
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
display: flex
}
.runcases__img {
width: 34.75rem;
display: block
}
.faq-cta__ava-name {
margin-bottom: var(--size-4);
font-size: var(--size-20)
}
.faq-cta__ava-job {
color: var(--white-70);
font-size: var(--size-16);
font-weight: 400
}
.footer-tech__icon-wrap {
filter: brightness(0%)invert();
transition: all .2s
}
.footer-tech__icon-wrap.active {
filter: none
}
.hero-service__advantages {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex: 1;
justify-content: flex-start;
display: flex
}
.service-hero__video-mobile {
display: none
}
.process__yellow-label {
padding-right: var(--size-8);
padding-left: var(--size-8);
border-radius: var(--size-32);
background-color: var(--yellow);
color: var(--blue-dark-70);
font-weight: 500
}
.results__img {
object-fit: cover;
width: 100%;
height: 100%;
transition: all .4s;
display: block;
position: relative
}
.results__img.active {
transform: scale(1.1)
}
.audit-video-reviews__author {
grid-column-gap: 1rem;
flex: none;
align-items: center;
display: flex
}
.audit-video-reviews__ava {
object-fit: cover;
border-radius: 50%;
flex: none;
width: 3em;
height: 3em;
display: block
}
.audit-video-reviews__name {
font-size: .875em;
font-weight: 500
}
.audit-video-reviews__job {
opacity: .6;
font-size: .75em
}
.faq-cta__author {
grid-column-gap: 1rem;
flex: none;
align-items: center;
display: flex
}
.process-banner__over-title {
font-size: var(--size-18);
text-transform: uppercase;
font-weight: 500
}
.remodal__scroll-space {
padding-top: var(--size-32);
width: 100%;
display: none
}
.partners__block {
border: var(--size-1)solid var(--white-20);
border-radius: var(--size-24);
flex-flow: column;
justify-content: center;
align-items: stretch;
min-height: 9rem;
margin-top: 8.75rem;
display: flex;
position: relative
}
.partners__title-wrap {
color: #ffffff80;
text-align: center;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: -.8rem 0% auto
}
.partners__title {
padding-right: var(--size-32);
padding-left: var(--size-32);
background-color: var(--blue-dark)
}
.menu-banner__img {
width: 100%;
display: block
}
.menu-banner__text {
color: var(--white);
font-size: var(--size-24);
letter-spacing: -.01em;
flex: 1;
font-weight: 500;
line-height: 1.2
}
.menu-banner__text-wrap {
flex: 1
}
.discuss__bg-spin {
max-width: none;
height: 150vw;
display: block
}
.footer-tech__text {
z-index: 1;
background-color: var(--white);
opacity: 0;
color: var(--blue-dark);
font-size: var(--size-14);
text-align: center;
letter-spacing: .05em;
text-transform: uppercase;
justify-content: center;
align-items: center;
font-weight: 500;
transition: opacity .2s;
display: flex;
position: absolute;
inset: 0%
}
.footer-tech__text:hover {
opacity: 100
}
.text-grad-blue {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #5446cf, #fff 90%);
-webkit-background-clip: text;
background-clip: text
}
.calculator-root {
transform-origin: 50% 0;
transition: transform .6s, opacity .4s;
display: none;
position: relative;
transform: perspective(800px)rotate(0)perspective(862px)
}
.calculator-root.anim {
opacity: 0;
transform-style: preserve-3d;
transform: perspective(800px)rotateX(-5deg)rotateY(0)rotate(0)perspective(862px)
}
.modal-leave__progress {
height: var(--size-20);
margin-bottom: var(--size-40);
padding: var(--size-4);
border-radius: var(--size-48);
background-color: #a8a8d133;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 20.5rem;
display: flex;
position: relative
}
.modal-leave__img {
object-fit: cover;
width: 100%;
height: 100%;
display: block
}
.modal-leave__text {
margin-top: var(--size-24);
margin-bottom: var(--size-32);
opacity: .7;
font-size: var(--size-18);
text-align: left;
line-height: 1.4
}
.modal-leave__progress-line {
border-radius: var(--size-40);
justify-content: center;
align-items: center;
width: 80%;
height: 100%;
transition: all .2s;
display: flex;
position: relative;
overflow: hidden
}
.modal-leave__progress-grad {
background-image: linear-gradient(#9c92f1, #3928c8);
width: 24rem;
height: 24rem;
transition: all .2s;
position: relative;
inset: 0%
}
.modal-leave__progress-pattern {
z-index: 1;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6749b7dca8e09bd6e7e3376e_modal-offer-progress-pattern.svg);
background-position: 0%;
background-repeat: repeat-x;
background-size: auto 100%;
position: absolute;
inset: 0%
}
.modal-leave__progress-icon {
z-index: 1;
width: var(--size-32);
height: var(--size-32);
background-color: var(--white);
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/65b1297ba3cc896326614b8e_emoji-fire.avif);
background-position: 50%;
background-repeat: no-repeat;
background-size: 1rem;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
margin-left: -1rem;
display: flex;
position: relative;
box-shadow: 0 2px 6px #00000026
}
.modal-leave__rich {
text-align: left
}
.block__container {
padding: var(--size-40);
border-radius: var(--size-40);
background-color: var(--white);
opacity: 1;
transform-origin: 50% 0;
color: var(--blue-dark);
transition: transform .8s, opacity .4s;
overflow: hidden;
transform: rotate(0)perspective(800px)
}
.issues {
flex-flow: wrap;
display: flex
}
.issues__block {
grid-column-gap: var(--size-24);
grid-row-gap: var(--size-24);
cursor: pointer;
flex-flow: column;
width: 30%;
display: flex
}
.issues__block.is--row-1 {
border-bottom: var(--size-1)solid var(--white-30);
padding-bottom: 3.75rem
}
.issues__block.is--row-2 {
padding-top: 3.7rem
}
.issues__block.is--col-1 {
padding-right: 3rem
}
.issues__block.is--col-2 {
border-right: var(--size-1)solid var(--white-30);
border-left: var(--size-1)solid var(--white-30);
width: 35%;
padding-left: 3.75rem;
padding-right: 3.75rem
}
.issues__block.is--col-3 {
padding-left: 3.75rem
}
.issues__title-wrap {
grid-column-gap: var(--size-40);
grid-row-gap: var(--size-40);
flex-flow: column;
display: flex
}
.issues__text-wrap {
color: var(--white-70);
max-width: 21rem
}
.issues__icon-wrap {
flex: none;
align-items: center;
display: flex
}
.results__label {
top: auto;
left: auto;
right: var(--size-40);
bottom: var(--size-40);
z-index: 1;
padding: var(--size-16)var(--size-32);
border-radius: var(--size-40);
background-color: var(--white);
font-size: var(--size-14);
letter-spacing: .05em;
text-transform: uppercase;
position: absolute
}
.button-label__star {
width: var(--size-12);
height: var(--size-12);
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/67602bc4021d96248973053d_icon-label-star.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
margin-right: .25em;
display: inline-block;
position: relative
}
.modal-leave__btn-wrap {
min-width: 15.625rem
}
.button__whatsapp {
width: var(--size-40);
object-fit: contain;
margin-top: -1rem;
margin-bottom: -1rem;
margin-right: -.3rem;
display: block
}
@media screen and (max-width: 991px) {
body {
font-size: .875rem
}
h1 {
font-size: 3.75rem
}
h2 {
font-size: 3.375rem
}
h3 {
font-size: 2.375rem
}
h4 {
font-size: 1.875rem
}
h5 {
font-size: 1.5rem
}
h6 {
font-size: 1.125rem
}
.input {
height: 2.5rem;
font-size: .875rem
}
.input::placeholder {
font-size: .875rem
}
.input.is-textarea {
min-width: 100%;
max-width: 100%;
padding-top: .6rem
}
.input.mod--catalog-subs {
height: 2.5rem;
padding-left: 1rem;
padding-right: 7.5rem
}
.input.mod--subs {
padding-right: 8rem
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.section {
padding: 3.5rem 2rem
}
.section.mod--footer {
z-index: auto;
padding-top: 7rem;
top: 0
}
.section.mod--discuss {
z-index: 2;
border-radius: 1.5rem;
margin-top: 3.5rem;
padding-top: 2rem;
padding-bottom: 2.5rem
}
.section.mod--post-hero {
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
min-height: 34.6875rem;
padding-top: 8rem;
padding-bottom: 2rem
}
.section.mod--benefits {
margin-bottom: 3.5rem;
padding-bottom: 2rem
}
.section.mod--case {
padding-top: 2.25rem;
padding-bottom: 2.25rem
}
.section.mod--cookie {
border-top-left-radius: 1.5rem;
border-top-right-radius: 1.5rem;
padding-top: 2.5rem;
padding-bottom: 8.9375rem
}
.section.mod--hero {
padding-top: 8.5rem
}
.section.mod--hero.mod--hero-opensource {
margin-bottom: -5rem;
padding-bottom: 8.5rem
}
.section.mod--service-other {
padding-top: 1rem
}
.section.mod--banner-terms {
padding-top: 1rem;
padding-bottom: 1rem
}
.section.mod--hero-case {
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
min-height: 34.6875rem;
margin-bottom: 2.25rem;
padding-top: 8rem;
padding-bottom: 2rem
}
.section.mod--research-service {
padding-top: 0
}
.section.mod--refer-steps {
border-radius: 1.5rem;
margin-bottom: 3.5rem;
padding-bottom: 6rem
}
.section.is--bg {
margin-bottom: 3.5rem
}
.section.mod--project-statistic {
padding-top: 0;
padding-bottom: 0
}
.section.mod--post-hero-service {
padding-top: 12.5rem
}
.section.mod--project-hero {
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
min-height: 3.4375rem;
padding-top: 8rem;
padding-bottom: 2rem
}
.section.mod--project-about {
padding-top: 3.5rem;
padding-bottom: 3.5rem
}
.section.mod--project-about.is--old-cases {
padding-bottom: 3.5rem
}
.section.mod--project-workflow {
padding-top: 3.5rem;
padding-bottom: 0
}
.section.mod--project-media {
outline-offset: -2rem;
outline-width: 2rem
}
.section.mod--runlogo-hero {
margin-top: -2.75rem;
margin-bottom: 4.5rem
}
.header__nav {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-transform: none;
flex-direction: column;
justify-content: flex-start;
align-items: stretch
}
.header__nav-link {
color: var(--blue-dark);
letter-spacing: -.02em;
justify-content: space-between;
align-items: center;
font-size: 1.875rem;
font-weight: 500
}
.header__nav-link:hover {
color: var(--blue-dark)
}
.header__nav-link.mod--dropdown {
padding-right: 0
}
.columns.mod--discuss {
grid-column-gap: 2.5rem;
background-image: linear-gradient(#fff0 20%, #fff 21%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6597dfd841d665630bef7264_card-discuss_tablet.svg);
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
padding: 1.5rem 2.5rem
}
.columns.is-heading {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-bottom: 4.5rem
}
.columns.mod--card-head {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
margin-bottom: 2.5rem
}
.columns.mod--card-head.is--recent-launch {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
align-items: stretch;
margin-bottom: 1.5rem
}
.columns.mod--reviews {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: stretch;
width: 100%
}
.columns.mod--post-main {
width: 100%
}
.columns.mod--post {
grid-row-gap: 3.5rem;
flex-direction: column-reverse;
width: 100%
}
.columns.mod--benefits {
grid-row-gap: 1rem;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
margin-top: 2.5rem;
margin-left: -.5rem;
margin-right: -.5rem
}
.columns.mod--blog-hero {
margin-bottom: 4.5rem;
margin-left: -.5rem;
margin-right: -.5rem
}
.columns.mod--contact {
grid-column-gap: 4.5rem;
grid-row-gap: 4.5rem;
flex-direction: column;
align-items: stretch
}
.columns.mod--faq {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column-reverse;
align-items: stretch
}
.columns.mod--works {
height: 100%;
min-height: 23.5rem
}
.columns.mod--contact-video {
width: 50%
}
.columns.mod--case {
grid-column-gap: 4.75rem;
align-items: flex-start
}
.columns.mod--projects-dribble {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
height: 22.625rem
}
.columns.mod--projects {
flex-flow: column;
position: relative;
transform: translate(0)
}
.columns.mod--opensource-card {
padding-top: 1.5rem
}
.columns.mod--service-hero {
grid-column-gap: var(--size-24);
grid-row-gap: var(--size-24)
}
.columns.mod--service-hero.is--dedicated {
grid-column-gap: 0rem;
grid-row-gap: 0rem
}
.columns.mod--service-other {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.columns.mod--team {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-bottom: 4.5rem
}
.columns.mod--service-features {
flex-direction: column;
justify-content: flex-start;
margin-bottom: 1.5rem
}
.columns.mod--case {
grid-column-gap: 0rem;
grid-row-gap: 0rem
}
.columns.mod--case.mod--case-feedback {
margin-top: 4.5rem;
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
.columns.mod--case-swiper {
grid-column-gap: 1rem
}
.columns.mod--menu {
z-index: 2;
padding-right: var(--size-24);
padding-bottom: var(--size-24);
padding-left: var(--size-24);
background-color: var(--white);
flex-direction: column;
height: auto;
max-height: 65vh;
margin-top: -12rem;
margin-left: -1.5rem;
margin-right: -1.5rem;
transition: margin .3s cubic-bezier(.215, .61, .355, 1), transform .5s cubic-bezier(.497, .112, .25, 1);
position: relative;
overflow: auto;
transform: translate(0%)
}
.columns.mod--menu.active {
margin-bottom: -7rem;
transition-duration: .6s, .3s;
transition-timing-function: cubic-bezier(.596, .013, .515, .955), ease;
transform: translate(110%)
}
.columns.mod--case-steps {
margin-left: -1.5rem;
margin-right: -1.5rem
}
.columns.mod--footer-copyright {
flex-wrap: wrap
}
.columns.mod--home {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
min-height: 22.6rem
}
.columns.mod--cookie {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
flex-direction: column-reverse
}
.columns.mod--case-services {
flex-wrap: wrap
}
.columns.mod--post-header {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border-bottom-style: none;
flex-direction: column;
width: 100%;
margin-bottom: 3.5rem;
padding-bottom: 0
}
.columns.mod--footer-nav {
margin-bottom: 3rem
}
.columns.mod--clutch-awards {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex: 0 auto;
width: 32.75rem;
margin-top: 3.5rem;
margin-left: -6rem
}
.columns.mod--get-cards {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.columns.mod--steps {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.columns.mod--steps.is--last {
align-items: center
}
.columns.mod--cases-modal {
margin-bottom: var(--size-32);
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.columns.mod--research-team {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-bottom: 4.5rem
}
.columns.mod--research-phases {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
flex-direction: column
}
.columns.mod--reserch-services {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-wrap: wrap;
margin-left: -.5rem;
margin-right: -.5rem
}
.columns.mod--numb-steps {
grid-row-gap: 1rem;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
margin-top: 2.5rem;
margin-left: -.5rem;
margin-right: -.5rem
}
.columns.mod--hero-refer {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
margin-left: -.5rem;
margin-right: -.5rem
}
.columns.mod--dedicated-start {
margin-left: -.5rem;
margin-right: -.5rem
}
.columns.mod--roles {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-wrap: wrap;
margin-top: 0;
margin-left: -.5rem;
margin-right: -.5rem
}
.columns.mod--tech-audit {
grid-row-gap: 1rem;
margin-left: -.5rem;
margin-right: -.5rem
}
.columns.mod--benefits-timer {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
align-items: flex-start
}
.columns.mod--faq-portfolio {
grid-column-gap: 4.5rem;
grid-row-gap: 4.5rem;
flex-direction: column
}
.columns.mod--services {
grid-row-gap: .5rem;
flex-direction: column
}
.columns.mod--steps-lists {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
padding-right: 0
}
.columns.mod--project-post {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
flex-flow: column-reverse
}
.columns.mod--project-post.is--about {
flex-flow: column
}
.columns.mod--payoneer {
padding-bottom: 10rem
}
.columns.mod--form-audit {
min-height: 35.1rem
}
.columns.mod--audit-example {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
flex-flow: column-reverse
}
.columns.mod--cases-heading {
margin-bottom: 2.5rem
}
.columns.mod--tech {
grid-row-gap: 1rem;
margin-left: -.5rem;
margin-right: -.5rem
}
.columns.mod--submit-success {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.columns.mod--ref-steps {
grid-row-gap: 1rem;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
margin-top: 2.5rem;
margin-left: -.5rem;
margin-right: -.5rem
}
.columns.mod--results {
grid-column-gap: var(--size-24);
grid-row-gap: var(--size-24);
border-radius: var(--size-16);
height: 100%;
min-height: 25rem
}
.columns.mod--audit-cards {
grid-row-gap: var(--size-16);
margin-left: -.5rem;
margin-right: -.5rem
}
.columns.is-heading2 {
margin-bottom: var(--size-40);
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.columns.mod--trusted {
flex-flow: wrap
}
.columns.mod--discuss-logo {
max-width: 40rem
}
.columns.mod--partners {
padding-right: var(--size-32);
padding-left: var(--size-32);
flex-flow: wrap;
justify-content: center
}
.columns__col {
flex: 1
}
.columns__col.is-1-old.mod--discuss {
grid-row-gap: 2.5rem;
flex: 1;
padding-top: 0;
padding-bottom: 0;
padding-left: 0
}
.columns__col.is-1-old.mod--reviews {
width: 14rem;
height: 100%;
min-height: 25.625rem;
position: relative
}
.columns__col.is-1-old.mod--heading-works {
flex: 0 auto
}
.columns__col.is-1-old.mod--case {
width: 100%;
max-width: 12rem;
margin-right: 3rem
}
.columns__col.is-1-old.mod--case-swiper {
padding-top: 5rem
}
.columns__col.is-1-old.mod--blog-empty {
flex: none;
max-width: 26rem
}
.columns__col.is-1-old.mod--footer-copyright {
width: 50%
}
.columns__col.is-1-old.mod--projects-dribble {
flex: 0 auto;
width: 50%
}
.columns__col.is-1-old.mod--case-services {
width: 100%;
max-width: 12rem;
margin-bottom: -5rem
}
.columns__col.is-1-old.mod--footer-nav {
display: block
}
.columns__col.is-2-old.mod--discuss {
display: none
}
.columns__col.is-2-old.mod--works-heading {
max-width: 60%
}
.columns__col.is-2-old.mod--case-services {
flex: 0 auto;
width: 100%;
max-width: 45rem;
margin-bottom: 1.5rem;
margin-left: 15rem
}
.columns__col.is-2-old.mod--footer-copyright {
border-bottom: .0625rem solid #fffc;
flex: 0 auto;
order: -1;
width: 100%;
margin-bottom: 1.5rem;
padding-bottom: 1.5rem
}
.columns__col.is-2-old.mod--projects-dribble {
flex: 0 auto;
justify-content: center;
align-items: center;
width: 50%;
display: flex;
position: relative
}
.columns__col.is-2-old.mod--footer-nav {
justify-content: center;
max-width: 14rem;
display: flex
}
.columns__col.is-3-old.mod--footer-copyright {
grid-column-gap: 3rem;
width: 50%
}
.columns__col.is-3-old.mod--case-services {
margin-left: 15rem;
display: flex
}
.columns__col.mod--awards {
padding-left: .5rem;
padding-right: .5rem
}
.columns__col.mod--benefits {
flex: 1;
width: auto;
padding-left: .5rem;
padding-right: .5rem
}
.columns__col.mod--benefits.is-1 {
flex: 0 auto;
order: 1;
width: 100%
}
.columns__col.mod--contact-video {
grid-row-gap: .75rem
}
.columns__col.mod--menu {
grid-column-gap: .75rem;
border-top: var(--size-1)solid #02021e4d;
border-radius: 0;
flex: 0 auto;
align-items: center;
padding: 0;
display: flex
}
.columns__col.mod--menu.mod--last-service {
border-bottom-style: none
}
.columns__col.mod--case-steps {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.columns__col.mod--service-other {
flex: 0 auto;
width: 33.3333%
}
.columns__col.mod--service-features {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.columns__col.mod--service-features.is-center {
border-left-style: none;
border-right-style: none;
max-width: none
}
.columns__col.mod--home.is-1 {
max-width: 29rem
}
.columns__col.mod--heading.is-1 {
width: 14rem
}
.columns__col.mod--card-head {
flex: 0 auto
}
.columns__col.mod--faq.is-2 {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem
}
.columns__col.mod--blog-hero {
padding-left: .5rem;
padding-right: .5rem
}
.columns__col.mod--contact.is-1 {
padding-top: 0
}
.columns__col.mod--clutch-awards {
text-align: center;
text-transform: none;
border: 1px solid #ffffff4d;
border-radius: 50%;
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
width: 10.25rem;
height: 10.25rem;
padding-top: 2rem;
padding-left: 1rem;
padding-right: 1rem
}
.columns__col.mod--cases-modal.is-1 {
max-width: 28.125rem
}
.columns__col.mod--cases-modal.is-3 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
display: flex;
position: absolute;
inset: auto .1rem -4rem auto
}
.columns__col.mod--works-head {
flex: 0 auto
}
.columns__col.mod--works-head.is-2 {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem
}
.columns__col.mod--post.is-2,
.columns__col.mod--post.is-1 {
width: 100%
}
.columns__col.mod--post-main.is-2 {
flex: 0 auto;
width: 100%
}
.columns__col.mod--post-main.is-1 {
display: none
}
.columns__col.mod--steps.is-1 {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.columns__col.mod--steps.is--last {
padding-top: 0
}
.columns__col.mod--header {
min-width: auto
}
.columns__col.mod--header.is-3 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex
}
.columns__col.mod--team.is-1 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.columns__col.mod--team.is-2 {
max-width: 24rem;
padding-top: 1rem
}
.columns__col.mod--reserch-services {
flex: 0 auto;
width: 33.3333%;
padding-left: .5rem;
padding-right: .5rem
}
.columns__col.mod--reserch-services.is-1 {
width: 100%
}
.columns__col.mod--service-hero.is--2 {
margin-top: -.5rem;
margin-right: -.5rem
}
.columns__col.mod--numb-steps {
flex: 0 auto;
width: 50%;
padding-left: .5rem;
padding-right: .5rem
}
.columns__col.mod--hero-refer {
width: 100%;
padding-left: .5rem;
padding-right: .5rem
}
.columns__col.mod--dedicated-start {
padding-left: .5rem;
padding-right: .5rem
}
.columns__col.mod--roles {
flex: 0 auto;
width: 50%;
padding-left: .5rem;
padding-right: .5rem
}
.columns__col.mod--roles.is--nav {
order: -1;
width: 100%;
margin-bottom: 2.5rem
}
.columns__col.mod--works.is--2 {
width: 50%
}
.columns__col.mod--works.is--1 {
padding: 1.5rem
}
.columns__col.mod--works.is--1.is--tags {
padding-bottom: 1.5rem
}
.columns__col.mod--tech-audit {
width: 25%;
padding-left: .5rem;
padding-right: .5rem
}
.columns__col.mod--services {
width: 100%
}
.columns__col.mod--steps-lists {
max-width: 100%
}
.columns__col.mod--steps-lists.is-1 {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.columns__col.mod--project-main.is--2 {
grid-column-gap: 0rem;
grid-row-gap: 1.5rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.columns__col.mod--project-main.is--1 {
width: 100%
}
.columns__col.mod--projects.is--1 {
z-index: 2;
width: 100%;
position: absolute;
inset: 0% 0% auto
}
.columns__col.mod--cookie.is--2,
.columns__col.mod--cookie.is--1 {
width: 100%
}
.columns__col.mod--tech {
padding-left: .5rem;
padding-right: .5rem
}
.columns__col.mod--hero-ebook-form {
margin-top: -2.5rem;
margin-bottom: -6rem
}
.columns__col.mod--discuss.is-1 {
padding-top: 0;
padding-bottom: 0;
padding-left: 0
}
.columns__col.mod--discuss.is-2 {
display: none
}
.columns__col.mod--discuss-img {
width: 19rem;
margin-right: -1rem
}
.columns__col.mod--contact-success {
padding: 1.5rem
}
.columns__col.mod--ref-steps {
flex: 0 auto;
width: 50%;
padding-left: .5rem;
padding-right: .5rem
}
.columns__col.mod--header-clutch {
min-width: auto
}
.columns__col.mod--cases-simple.is-1 {
max-width: none;
padding-right: 0
}
.columns__col.mod--results.is--2 {
width: 19.75rem
}
.columns__col.mod--results.is--1 {
padding-top: var(--size-24);
padding-bottom: var(--size-24);
padding-left: var(--size-24)
}
.columns__col.mod--audit-cards {
padding-right: var(--size-8);
padding-left: var(--size-8)
}
.columns__col.mod--audit-cards.is--2col-tablet {
width: 50%
}
.columns__col.mod--trusted,
.columns__col.mod--partners {
width: 33.3333%
}
.columns__col.mod--banner {
padding: var(--size-16)var(--size-32)var(--size-16)var(--size-16);
border-radius: var(--size-16);
flex-flow: row;
flex: 0 auto;
order: 1;
align-items: center;
width: 100%;
max-width: 100%
}
.header {
z-index: 100
}
.swiper-nav {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.swiper-nav.mod--case-swiper {
grid-column-gap: .75rem
}
.swiper-nav.mod--cases-modal {
margin-top: var(--size-24);
padding-right: var(--size-0);
padding-left: var(--size-0);
background-color: var(--white);
justify-content: flex-start;
align-items: center;
margin-right: auto;
position: relative
}
.swiper-nav.mod--cases {
margin-top: 2.5rem;
position: relative
}
.swiper-nav.mod--shots {
top: 35%
}
.swiper-nav.mod--video-reviews {
display: none
}
.swiper-nav__arrow {
width: var(--size-48);
height: var(--size-48)
}
.swiper-nav__arrow.is-border-grey:hover {
border-color: #02021e4d
}
.swiper-nav__arrow.is-white {
color: var(--white);
background-color: #fff0
}
.swiper-nav__arrow.is-border-white:hover {
border-color: #fffc
}
.swiper.mod--reviews {
margin-left: -.5rem
}
.swiper.mod--benefits {
max-width: 31.5rem
}
.swiper.mod--post-big {
margin-left: 0;
margin-right: 0;
padding-right: 0
}
.swiper.mod--case {
border-radius: 1rem
}
.swiper.mod--service-hero {
height: 2.5rem
}
.swiper.mod--expertise {
width: auto;
overflow: visible
}
.swiper.mod--service-releted {
width: auto;
margin-left: -2rem;
margin-right: -2rem;
padding-left: 2rem;
padding-right: 2rem
}
.swiper.mod--reviews-white {
margin-left: -.5rem;
margin-right: -.5rem
}
.swiper.mod--projects-hero {
border-radius: 1rem
}
.swiper.mod--cases-modal {
margin-bottom: -7rem;
padding-bottom: 7rem
}
.swiper.mod--shots {
height: 25.875rem
}
.swiper.mod--shots.is--no-filter {
height: 25.75rem
}
.swiper.mod--runlogo-services {
max-width: 100%;
margin-left: auto;
margin-right: auto
}
.swiper.mod--runlogo-services.is--designrush {
max-width: 100%
}
.swiper.mod--linkedin,
.swiper.mod--3cards {
margin-left: -.5rem;
margin-right: -.5rem
}
.swiper.mod--runlogo-pitch {
max-width: 100%;
margin-left: auto;
margin-right: auto;
font-size: .8rem
}
.swiper.mod--runawards {
max-width: 42rem
}
.swiper.mod--dashboard {
height: 25.75rem
}
.swiper.tablet--overflow-visible {
overflow: visible
}
.swiper-wrapper.mod--post-big {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.swiper-wrapper.mod--runlogo {
transition: all linear
}
.swiper-wrapper.mod--runlogo-services {
font-size: 1rem;
transition: all linear
}
.swiper-wrapper.mod--3cards {
justify-content: flex-start
}
.swiper-wrapper.mod--awards {
grid-row-gap: 1rem
}
.swiper-wrapper.mod--contact-office {
grid-column-gap: 0rem;
grid-row-gap: 0rem
}
.swiper-wrapper.mod--runlogo-pitch {
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
font-size: .7rem
}
.swiper-wrapper.mod--runawards {
transition: all linear
}
.swiper-wrapper.mod--grid-reviews {
grid-row-gap: var(--size-16);
margin-left: -.5rem;
margin-right: -.5rem
}
.swiper-slide.mod--works {
width: 100%
}
.swiper-slide.mod--reviews {
width: 20.625rem;
padding-left: .5rem;
padding-right: .5rem
}
.swiper-slide.mod--benefits {
justify-content: flex-start;
align-items: center;
display: flex
}
.swiper-slide.mod--post-big {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6488858d011d127471d61998_bg-card-postBig_tablet.webp)
}
.swiper-slide.mod--post-big:last-child {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6488858e9c6ab83eafdbd7a7_bg-card-postBig2_tablet.webp)
}
.swiper-slide.mod--service-hero {
flex: none
}
.swiper-slide.mod--service-hero.is--separ {
margin-right: 1.5rem;
padding-right: 1.5rem
}
.swiper-slide.mod--expertise {
width: 50%
}
.swiper-slide.mod--reviews-white {
width: 19.625rem;
padding-left: .5rem;
padding-right: .5rem
}
.swiper-slide.mod--solutions {
width: 48%
}
.swiper-slide.mod--runlogo {
padding-left: 3.25rem;
padding-right: 3.25rem
}
.swiper-slide.mod--home {
justify-content: flex-start;
align-items: center;
display: flex
}
.swiper-slide.mod--shots {
height: 25.875rem
}
.swiper-slide.mod--shots.is--no-filter {
height: 25.75rem
}
.swiper-slide.mod--services {
width: 100%
}
.swiper-slide.mod--linkedin,
.swiper-slide.mod--3cards {
padding-left: .5rem;
padding-right: .5rem
}
.swiper-slide.mod--contact-office {
flex: none;
width: 48%
}
.swiper-slide.mod--runlogo-pitch {
padding-left: 2.6rem;
padding-right: 2.6rem
}
.swiper-slide.mod--dashboard {
height: 25.75rem;
padding-top: 2rem
}
.swiper-slide.mod--runcases {
padding-right: var(--size-8);
padding-left: var(--size-8)
}
.swiper-slide.mod--grid-reviews {
padding-right: var(--size-8);
padding-left: var(--size-8);
width: 50%
}
.remodal__container.mod--video {
max-width: 94%
}
.remodal__container.mod--cases {
padding: var(--size-40)2rem
}
.remodal__container.mod--project-post {
max-width: 100%;
padding-left: 2rem;
padding-right: 2rem
}
.remodal__container.mod--form {
border-radius: 1rem;
max-width: 17.5rem
}
.remodal__container.mod--booking {
width: 100%
}
.margin-xhuge {
margin: 6rem
}
.heading-4 {
font-size: 1.875rem
}
.heading-4.margin-bottom-54 {
margin-bottom: 2rem
}
.heading-4.is--size-tablet {
font-size: 1.875rem
}
.align-center.text-align-center.mod--reviews-video {
max-width: 40rem
}
.align-center.text-align-center.mod--uiux-audit-process,
.align-center.text-align-center.mod--uiux-audit-issue {
max-width: 42rem
}
.align-center.text-align-center.mod--uiux-audit-steps {
max-width: 40rem
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.form.mod--search {
padding-left: .25rem
}
.form.mod--projects-sort {
position: relative;
transform: translate(0)
}
.form.mod--clutch-filter {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex: none
}
.icon-small {
width: 1rem;
height: 1rem
}
.fs-styleguide_2-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr
}
.padding-xxlarge {
padding: 4rem
}
.fs-styleguide_4-col {
grid-template-columns: 1fr
}
.text-size-regular {
font-size: .875rem
}
.padding-xhuge {
padding: 6rem
}
.margin-xxhuge {
margin: 8rem
}
.margin-huge {
margin: 5rem
}
.fs-styleguide_section {
grid-column-gap: 2.5rem;
grid-template-columns: 1fr
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0
}
.margin-medium {
margin: 1.5rem
}
.margin-xxlarge {
margin: 4rem
}
.margin-xlarge {
margin: 3rem
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0
}
.heading-2 {
font-size: 3.125rem
}
.heading-2.mod--won-hero {
max-width: 25rem;
font-size: 2.375rem
}
.heading-2.mod--refer {
font-size: 3.75rem
}
.heading-2.mod--hero-form {
font-size: 2.375rem
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.heading-3 {
font-size: 2.375rem
}
.heading-3.mod--service-other {
font-size: 1.875rem
}
.heading-3.text-style-allcaps {
margin-bottom: 2rem
}
.input-wrap.mod--contact-submit {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.input-wrap.mod--discuss-img {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: center;
flex-flow: column-reverse;
align-items: stretch
}
.fs-styleguide_3-col {
grid-template-columns: 1fr
}
.text-size-medium {
font-size: .875rem
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0
}
.overflow-hidden.mod--post-btn {
flex: 1
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0
}
.icon-large {
width: 2rem;
height: 2rem
}
.padding-xlarge {
padding: 3rem
}
.form-wrapper {
z-index: 1
}
.form-wrapper.mod--projects {
z-index: 5;
display: none;
position: absolute;
inset: 3.7rem 0% auto;
overflow: hidden;
transform: translate(0)
}
.form-wrapper.mod--footer {
max-width: 100%
}
.form-wrapper.mod--cases-filter {
align-items: stretch;
margin: 2.5rem -2rem 1.5rem;
padding-bottom: 1rem;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
overflow: auto
}
.form-wrapper.mod--modal {
min-height: 21rem;
padding: 1.5rem
}
.padding-large {
padding: 2.5rem
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0
}
.fs-styleguide_heading-medium {
font-size: 3rem
}
.padding-xxhuge {
padding: 8rem
}
.margin-vertical {
margin-left: 0;
margin-right: 0
}
.heading-6 {
font-size: 1.125rem
}
.heading-6.mod--post {
margin-left: 0;
font-size: 1.5rem
}
.heading-6.text-size-tablet-16 {
font-size: 1rem
}
.heading-6.mod--post-description {
margin-left: 0;
font-size: 1.5rem
}
.heading-6.mod--footer {
max-width: 30rem;
font-size: 1.875rem
}
.heading-6.mod--expertise {
font-size: 1.5rem
}
.heading-6.mod--modal-error {
font-size: 1.75rem
}
.heading-6.mod--form-hero {
margin-bottom: 1.5rem
}
.padding-medium {
padding: 1.5rem
}
.padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem
}
.fs-styleguide_1-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.heading-5 {
font-size: 1.5rem
}
.heading-5.mod--blog-empty {
font-size: 1.875rem
}
.heading-5.mod--case-cta {
max-width: 21.3125rem;
margin-left: 1rem
}
.padding-huge {
padding: 5rem
}
.button {
padding-top: 1rem;
padding-bottom: 1rem;
padding-right: .5rem;
font-size: .75rem
}
.button.is-small {
padding-left: 1rem
}
.button.is-small.is-simple-tablet {
padding-right: 1rem
}
.button.mod--case {
grid-column-gap: 1rem;
margin-top: .5rem;
padding: .5rem .5rem .5rem 1.5rem;
font-size: .75rem
}
.button.mod--post-subs {
padding-top: 1rem;
padding-bottom: 1rem
}
.button.is-small-simple {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.button.mod--projects-filter {
justify-content: space-between;
width: 8rem;
display: flex
}
.button.mod--blog {
height: 2rem;
padding-left: 1rem;
padding-right: 1rem
}
.button.mod--post-estimation {
grid-column-gap: .75rem
}
.button.is-simple-tablet {
padding-right: 1.5rem
}
.button.is-tiny-simple {
height: 2.5rem;
padding-left: 1.25rem;
padding-right: 1.25rem
}
.button.mod--audit-offer {
height: var(--size-48);
padding-top: 0;
padding-bottom: 0
}
.button.mod--audit-offer-hero {
height: var(--size-40)
}
.button.mod--projects-cta {
display: none
}
.margin-large {
margin: 2.5rem
}
.heading-1 {
font-size: 3.75rem
}
.heading-1.mod--catalog-border {
flex: 1;
align-items: center;
display: flex
}
.heading-1.mod--home {
margin-right: -1rem;
font-size: 3.75rem
}
.text-rich h2 {
margin-bottom: 1.5rem;
margin-left: 0;
font-size: 1.5rem
}
.text-rich h4 {
margin-left: 0
}
.text-rich p {
margin-left: 0;
font-size: 1.125rem
}
.text-rich li {
padding-top: 0;
font-size: 1.125rem
}
.text-rich ul {
grid-row-gap: 1rem;
margin-left: 0
}
.text-rich blockquote {
margin-top: 0;
font-size: 1.25rem
}
.text-rich figure {
margin-top: 0
}
.container.max-width-1120.margin-auto {
max-width: 44rem
}
.container.mod--posts-related {
margin-top: 0;
padding-top: 4.5rem
}
.container.mod--post {
position: static
}
.container.mod--banner-terms {
justify-content: space-between
}
.container.mod--research-service {
padding-top: 7rem;
padding-bottom: 7rem
}
.container.mod--roles {
min-height: auto
}
.container.mod--dedicated-achiev {
grid-column-gap: 4.5rem;
grid-row-gap: 4.5rem;
padding-bottom: 0
}
.category__btn {
padding: .7rem 1.25rem;
font-size: .75rem
}
.category__btn:hover {
color: var(--grey-light);
background-color: #fff0
}
.category__btn.mod--search {
padding-right: .3125rem
}
.category__btn.mod--case {
height: 2.5rem
}
.category__btn.mod--case:hover {
color: var(--blue-dark);
background-color: #0000;
border-color: #0000004d
}
.margin-bottom-56 {
margin-bottom: 2rem
}
.grid {
grid-column-gap: 3.5rem;
grid-template-columns: 1fr max-content
}
.grid.mod--discuss {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem
}
.grid.mod--footer {
grid-column-gap: 0rem;
grid-row-gap: 4.5rem;
margin-bottom: 3rem
}
.grid.mod--issues {
display: block
}
.post-card__title {
font-size: 1.25rem
}
.button-attach-old {
font-size: .875rem
}
.button-attach__circle {
width: 3rem;
height: 3rem
}
.form-error {
font-size: .75rem;
bottom: -1.2rem;
left: 1rem
}
.discuss__sidebar {
background-image: linear-gradient(#f5f5f700 24%, #f5f5f7 25%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/65797591814b592a188fcd08_card-discussReview_tablet.webp);
background-position: 0 0, 100% 0;
background-repeat: repeat, no-repeat;
background-size: auto, 100%;
flex-flow: wrap;
margin-top: 1rem
}
.footer__block {
font-size: 1.5rem
}
.text-size-14 {
font-size: .75rem
}
.text-size-14.text-style-allcaps.mod--works-cat {
margin-bottom: 0
}
.footer-contact {
grid-row-gap: 2.5rem;
flex-direction: column
}
.footer-tech {
grid-column-gap: var(--size-8);
grid-row-gap: var(--size-8);
margin-right: -1%
}
.footer-tech.mod--audit {
grid-row-gap: var(--size-16)
}
.footer-tech__link {
flex: 0 auto;
max-width: 24%
}
.footer-tech__link.mod--audit {
padding-right: var(--size-0);
padding-left: var(--size-0);
flex: 1;
min-width: 30%
}
.form-submit-wrap.mod--blog {
right: .25rem
}
.dropdown__toggle.mod--faq {
border-top-color: #fffc;
min-height: 4.5rem;
padding-top: .75rem;
padding-bottom: .75rem
}
.dropdown__toggle.mod--footer {
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 1.125rem
}
.dropdown__toggle.mod--footer:hover {
color: var(--white)
}
.dropdown__toggle.mod--projects-sort {
min-height: 3rem;
padding: 0 1.5rem;
font-size: .875rem
}
.dropdown__toggle.mod--steps {
padding: 1.5rem
}
.dropdown__list.is-inter.mod--issues {
width: 50%;
min-width: 50%;
max-width: 50%
}
.social__link {
width: 3rem
}
.social__link:hover {
border-color: #fffc
}
.social__link.is-github:hover {
color: var(--white)
}
.footer-serv__block {
grid-row-gap: 1.5rem
}
.footer__link.mod--terms {
font-size: .875rem
}
.collection__list.mod--opensource {
grid-row-gap: 1rem;
margin-left: -.5rem;
margin-right: -.5rem
}
.collection__list.mod--projects-sort {
grid-row-gap: 0rem
}
.collection__list.is-posts {
grid-row-gap: 4.5rem;
margin-left: -1.5rem;
margin-right: -1.5rem
}
.collection__list.mod--case-tech {
grid-column-gap: 1rem;
grid-row-gap: 1.5rem
}
.collection__list.mod--category {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.collection__list.mod--category-more {
grid-column-gap: .5rem
}
.collection__list.mod--project-big {
grid-row-gap: 1rem;
margin-left: -.5rem;
margin-right: -.5rem
}
.collection__list.is-nest {
grid-column-gap: .25rem;
grid-row-gap: .25rem
}
.collection__list.mod--cases-filter {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: nowrap
}
.collection__list.mod--shots-color {
width: 13rem;
max-width: none
}
.collection__item.mod--post-writing {
padding-left: 0;
padding-right: 0
}
.collection__item.is-posts {
width: 50%;
padding-left: 1.5rem;
padding-right: 1.5rem
}
.collection__item.is-posts.mod--posts-related:last-child,
.collection__item.is-posts.mod--case-works:first-child {
display: none
}
.collection__item.mod--opensource {
width: 33.33%;
padding-left: .5rem;
padding-right: .5rem
}
.collection__item.mod--project-big {
padding-left: .5rem;
padding-right: .5rem
}
.collection__item.mod--cases-filter {
flex: none
}
.home__container {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6478406e98d928dcf090e1ca_bg-card-hero_tablet.webp);
padding: 2.5rem 1.5rem 1.5rem
}
.home__cta {
padding-top: 1.75rem
}
.home__cta-item.mod--10y {
grid-column-gap: .5rem
}
.text-size-20 {
font-size: 1rem
}
.text-size-20.text-weight-medium.mod--post-writing {
font-size: 1.25rem
}
.home__cta-10y {
font-size: 2.375rem
}
.home__cta-text {
font-size: .875rem
}
.awards__founders-ava {
width: 8.5rem
}
.circles__block {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
padding-top: 2.2rem;
padding-left: 1rem;
padding-right: 1rem;
font-size: 1rem
}
.circles__block.mod--tech-audit {
padding-top: 2.3rem
}
.circles__block.mod--tech {
padding-top: 2.2rem
}
.circles__logo {
width: 3.75rem
}
.circles__logo.mod--tech {
width: 4rem;
margin-top: .5rem
}
.circles__logo.mod--tech-audit {
width: 4rem
}
.card__container {
background-image: linear-gradient(180deg, transparent 19%, var(--white)20%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/66daf90866a77b15674b6735_card-works_tablet.avif);
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
padding: 1.5rem
}
.card__container.mod--reviews-white {
background-image: linear-gradient(to bottom, transparent 49%, var(--white)50%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64970a5986c70bec5824707f_bg-card-works2_tablet.webp)
}
.card__container.mod--upsell {
background-image: linear-gradient(to bottom, transparent 30%, var(--white)31%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/658c44daf3efd1f4a4f0b5de_card-upsell_tablet.webp)
}
.works__more {
width: 4.5rem;
height: 4.5rem;
font-size: .75rem;
bottom: -.3rem
}
.works__more.mod--ondribble {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64a6aacad2e8cb8b1bf982bd_icon-btnDribble.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: 2rem
}
.clients__block-wrap {
height: 11.375rem
}
.clients__video {
width: 3.5rem;
height: 3.5rem
}
.reviews__man {
width: 12.25rem
}
.reviews__man-wrap {
inset: 0% auto auto 0%
}
.reviews__card {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
padding: 1.5rem
}
.reviews__rate {
margin-bottom: 1.5rem;
padding-bottom: 1.5rem
}
.rating.mod--audit-reviews {
grid-column-gap: .2rem
}
.rating__star {
width: .875rem;
height: .875rem
}
.author__ava {
width: 3rem;
max-width: 3rem;
height: 3rem
}
.author__ava.mod--dedicated,
.author__ava.mod--payoneer {
border-radius: .75rem;
width: 8rem;
max-width: 8rem;
height: 8rem
}
.reviews__desc {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
align-self: auto;
max-width: 13.5rem;
margin-bottom: 1.5rem;
padding-bottom: 0
}
.text-size-80,
.text-size-80.text-weight-medium {
font-size: 3.375rem
}
.post-card__img {
width: 13rem;
height: 13rem
}
.post-card__img.is-big {
width: 12.5rem;
height: 12.5rem
}
.post-card__img.is-lottie {
width: 10rem;
height: 10rem
}
.posts-pagination {
min-height: 3rem;
margin-top: 3rem;
bottom: -7.5rem
}
.posts-pagination__btn {
width: 3rem;
height: 3rem
}
.posts-pagination__btn:hover {
color: var(--white);
border-color: #ffffff4d
}
.posts-pagination__btn.is-page:hover {
color: var(--white);
background-color: #0000;
border-color: #ffffff4d
}
.posts-pagination__btn.is-page.w--current {
color: var(--blue-dark);
background-color: #fff;
border-color: #fff
}
.post-card__img-link {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/647f40ca4096796087778f34_bg-card-post_tablet.webp);
height: 14.5rem
}
.post-card__img-link.is-big {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6488858e9c6ab83eafdbd7a7_bg-card-postBig2_tablet.webp);
height: 100%;
padding: 1.5rem
}
.post-card__img-link.is-big.is-big-border {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648851a9881c2a703afc9b15_bg-card-postBorderBig_tablet.webp);
padding-top: 2.5rem
}
.post-card__img-link.is-big.mod--hot {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.heading-wrap.is--margin-80 {
margin-bottom: 2.5rem
}
.heading-wrap.mod--projects-catalog {
max-width: 29rem;
margin-bottom: 4.5rem;
margin-left: auto
}
.heading-wrap.mod--clutch-benefits {
max-width: 35rem
}
.heading-wrap.mod--issues {
margin-bottom: 3.5rem
}
.heading-wrap.mod--dedicated-achiev {
max-width: 28rem;
margin-bottom: -2rem
}
.heading-wrap.mod--works {
margin-bottom: 2rem
}
.heading-wrap.is--margin-120 {
margin-bottom: var(--size-80)
}
.heading-wrap.is--center-max-60 {
max-width: 40rem
}
.breadcrumb-list {
letter-spacing: .045rem;
font-size: .75rem
}
.post__param {
grid-column-gap: .5rem;
font-size: .75rem
}
.share__links {
grid-column-gap: 1rem;
flex-direction: row;
display: flex
}
.post-share__btn {
width: 3rem;
height: 3rem
}
.post-share__btn:hover {
border-color: #d7d8dd
}
.toc {
grid-row-gap: 1.5rem;
border-radius: 1rem;
padding: 1.5rem
}
.toc__list {
font-size: .875rem
}
.toc__link.is-lenis-scroll {
display: none
}
.post__sidebar {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: static;
top: 0
}
.post__sidebar.mod--cookie,
.post__sidebar.mod--audit-example {
display: block
}
.timeread {
z-index: 91;
margin-top: 0;
margin-bottom: 0;
position: fixed;
inset: 0% 0% auto
}
.timeread__line {
border-radius: 0;
margin-bottom: 0
}
.timeread__line-fill {
border-radius: 0
}
.timeread__block {
display: none
}
.post__writing {
grid-row-gap: 1.75rem;
padding-left: 0;
padding-right: 0
}
.dropdown__title-wrap.mod--issues {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
align-items: center;
max-width: 12rem;
margin-bottom: 0
}
.dropdown__title-wrap.mod--issues.is--audit-offer {
max-width: 16rem
}
.services__list {
flex-direction: column;
margin-bottom: -.5rem
}
.services__item {
width: 100%;
padding-bottom: .5rem
}
.services__text {
display: none
}
.services__text.mod--design {
flex: 1;
max-width: 18rem;
display: block
}
.services__text-wrap {
flex-flow: row;
justify-content: space-between;
align-items: center;
padding-top: 0
}
.benefits__block {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/659e7b5178a4ae244f92e7b2_card-benefitsBorder_tablet.svg);
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 100%;
border-bottom: .0625rem solid #fffc;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
justify-content: flex-start;
height: 100%;
min-height: auto;
padding: 1.5rem
}
.benefits__block.is--long {
min-height: auto
}
.benefits__block.is--white {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c4ada4833c0b5d942eb5f_bg-card-benefits_tablet.webp);
background-size: 100% 100%;
border-bottom-style: none;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
flex-direction: row;
align-items: center;
min-height: auto;
padding: 1.5rem 2rem 1.5rem 1.5rem
}
.benefits__block.mod--designrush-white {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c4ada4833c0b5d942eb5f_bg-card-benefits_tablet.webp);
border-bottom-style: none;
border-bottom-width: 0;
flex-direction: row;
align-items: center;
min-height: auto;
padding: 1.5rem 2rem 1.5rem 1.5rem
}
.benefits__block.mod--designrush {
min-height: auto
}
.benefits__block.is--slider {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c4ada4833c0b5d942eb5f_bg-card-benefits_tablet.webp);
border-bottom-style: none;
border-bottom-width: 0;
min-height: auto;
padding-left: 1.5rem;
padding-right: 2rem
}
.swiper-pagin.mod--catalog-hero {
padding-left: 2rem;
padding-right: 2rem
}
.swiper-pagin.mod--research-team {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.swiper-pagin.mod--dedicated-achiev {
display: block
}
.benefits__top {
border-bottom-color: #fffc;
min-height: 4.5rem
}
.benefits__top.is--logo {
min-height: auto
}
.benefits__infinity {
width: 4rem;
margin-top: -1rem
}
.benefits__logo-halolab {
width: 3rem;
height: 3rem
}
.post-big__bottom {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.works__video-case {
background-image: linear-gradient(#e9e9ea, #e9e9ea), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648b10ef60a6ff58e72bfc12_bg-card-worksSlide_tablet.webp);
background-position: 0 0, 0 0;
background-repeat: repeat, repeat;
background-size: auto, auto
}
.icon-scale {
width: 2.5rem;
height: 2.5rem
}
.icon-scale.is--size-48,
.icon-scale.is--size-48.is-2.active {
width: var(--size-40);
height: var(--size-40)
}
.discuss__sidebar-top {
border-bottom-style: none;
border-right: 1px solid #02021e33;
max-width: 11.5rem;
margin-bottom: 0;
margin-right: 2rem;
padding-bottom: 0;
padding-right: 2rem
}
.author {
grid-column-gap: .75rem;
grid-row-gap: .25rem
}
.author.mod--service-page {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-items: flex-start
}
.author.mod--dedicated,
.author.mod--payoneer {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.blog__empty-bg {
width: 29.625rem
}
.blog__empty-gif {
width: 6.125rem;
height: 6.125rem
}
.faq-cta__card {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6491aff4d3154796a0ea2bd1_bg-card-askBlue_tablet.webp), linear-gradient(#3a23bb00 49%, #3a23bb 50%);
background-size: 100%, auto;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
height: auto;
padding: 2rem
}
.faq-cta__card.is-border {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/66e035880353f662f403d7b8_card-askBorder_tablet.avif)
}
.faq-cta__card.is-border.mod--linkedin {
width: 100%
}
.faq-cta__ava {
width: var(--size-64);
height: var(--size-64)
}
.services__block {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-radius: 1rem;
justify-content: space-between;
align-items: center;
padding: 1.5rem
}
.services__block.is--invert {
flex-flow: row
}
.success__video {
height: 13.75rem
}
.success__video.mod--discuss {
margin-top: 0
}
.success__video.mod--hero {
border-radius: 1rem;
height: 6.6rem
}
.success__video.mod--discuss-img {
border-radius: 1rem;
height: 9.0625rem
}
.button__icons {
border-width: .0625rem
}
.button__icons.is-medium {
width: 2rem;
height: 2rem
}
.button__icon-anim.mod--share.active {
filter: none
}
.button__bg.mod--share-linkedin,
.button__bg.mod--share-fb,
.button__bg.mod--share-twitter,
.button__bg.mod--share-link {
display: none
}
.circles__border.active {
width: 100%;
height: 100%;
top: 0%;
left: 0%
}
.clients__text {
padding-top: 0
}
.burger-wrap {
border: .0625rem none var(--white);
cursor: pointer;
border-radius: 50%;
flex-direction: row;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
transition: all .2s;
display: flex;
position: relative
}
.clients__btn {
z-index: 2;
background-color: #0000;
border: .0625rem solid #ffffff4d;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
transition: border-color .5s;
display: flex;
position: absolute;
top: .5rem;
right: .5rem;
overflow: hidden
}
.clients__btn.done {
border-color: #fff0
}
.clients__btn-icon {
z-index: 2;
width: 1rem;
display: block;
position: relative
}
.clients__btn-icon.is-minus {
display: none
}
.clients__btn-icon.is-minus.done {
display: block
}
.clients__btn-icon.is-plus.done {
display: none
}
.catalog-subs__img-wrap {
grid-column-gap: 1rem;
margin-top: 1.25rem
}
.catalog-subs__img {
width: 3rem;
height: 3rem
}
.header__nav-arrow {
color: var(--blue-dark);
width: 1.25rem;
height: 1.25rem;
position: relative
}
.header__nav-arrow.mod--dropdown {
transform: rotate(-90deg)
}
.post__share {
grid-row-gap: 1.5rem;
align-items: flex-start;
position: relative;
top: 0
}
.share__title {
font-size: 1rem;
font-weight: 500
}
.contact__video {
border-radius: .5rem
}
.icon-regular.is-size-20-tablet {
width: 1.25rem;
height: 1.25rem
}
.icon-regular.is-plus,
.icon-regular.is-minus {
width: 1.125rem;
height: 1.125rem
}
.icon-regular.mod--projects-sort,
.icon-regular.mod--post-arrow-subs {
width: 1rem;
height: 1rem
}
.case-cta {
border-radius: 1.5rem;
height: 25rem
}
.case-cta__bottom {
padding: 2rem
}
.case-cta__heart {
width: 3.5rem
}
.project-card-big__content {
grid-row-gap: .75rem;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
padding: 1.5rem
}
.project-card-big__content.mod--cases-cta {
grid-column-gap: 2.5rem
}
.button-label {
justify-content: space-between;
padding: 1rem 1.5rem;
font-size: .75rem
}
.projects-sort__btn {
color: var(--blue-dark);
align-items: center;
min-height: 2.5rem;
padding: .25rem 1.5rem;
line-height: 1.4;
display: flex
}
.projects-sort__btn:hover {
color: var(--blue-dark)
}
.projects-sort__btn.active {
background-color: var(--grey-light);
color: var(--blue-dark)
}
.opensource-card {
min-height: 17.375rem;
padding: 1.5rem
}
.opensource-card__text-wrap {
grid-row-gap: 1rem
}
.page404__gif {
width: 5rem;
height: 5rem
}
.toc__collar {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648206d285c0b4c147a6c89b_toc-collar_tablet.svg);
width: 3.0625rem;
height: 3.0625rem
}
.page404__text-wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
padding-left: 5rem;
top: 2.5rem
}
.author__text-wrap {
font-size: .875rem
}
.service-hero__card {
grid-column-gap: 1.75rem;
grid-row-gap: 1.75rem;
background-image: linear-gradient(#e6027800 29%, #e60278 30%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/659bfae3027e35cc63d0e8fb_card-serviceHero_tablet.svg);
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
min-height: 21.6rem;
padding: 2.5rem 1.5rem 1.5rem
}
.process__fill {
height: 1.5rem
}
.services-redir__icon {
width: 2.5rem
}
.service-other__heading-wrap {
min-height: 4rem
}
.service-other__heading-wrap.is-first {
padding-top: .3rem
}
.service-team__icon {
width: 2rem
}
.service-team__total {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
font-size: .75rem
}
.service-features__icon {
width: 2.5rem
}
.team__circle {
width: 4.5rem;
height: 4.5rem
}
.team__grid {
margin: -.65rem
}
.post__rich-text {
padding-left: 0;
padding-right: 0
}
.post__rich-text h2 {
margin-bottom: 1.5rem
}
.post__rich-text h3 {
margin-top: 2rem
}
.post__rich-text li {
font-size: 1.125rem
}
.post__rich-text blockquote {
margin-left: 0;
margin-right: 0;
font-size: 1.25rem
}
.post__rich-text figcaption {
font-size: 1rem
}
.case__tech-item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: center;
width: 8.6rem;
height: 8.6rem;
font-size: 1rem
}
.case__tech-icon {
width: 4.4rem
}
.home__images {
width: 9rem;
height: 9rem;
top: 2.8rem;
right: 1.5rem
}
.home__image {
transform: translateY(4.8rem)scale(0)
}
.home__image.active.done {
transform: translateY(-4.8rem)scale(0)
}
.works__subheading {
max-width: 17rem;
margin-bottom: 0;
font-size: .875rem
}
.case__rich-text h4 {
width: 100%;
max-width: 12rem;
margin-bottom: -5rem;
font-size: .75rem
}
.case__rich-text ol {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
max-width: 29rem;
margin-bottom: 4.5rem;
margin-left: 15rem;
display: flex
}
.case__rich-text em {
width: 2.5rem;
height: 2.5rem;
font-size: .75rem;
line-height: 0
}
.case__rich-text h2 {
margin-top: -.5rem;
margin-bottom: 1.5rem;
margin-left: 15rem;
font-size: 1.875rem;
line-height: 1.4
}
.case__rich-text ul {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
max-width: 29rem;
margin-bottom: 4.5rem;
margin-left: 15rem;
display: flex
}
.case__rich-text p {
margin-left: 15rem
}
.case__rich-text h3 {
width: 100%;
max-width: 12rem;
font-size: 1.5rem
}
.case__rich-text blockquote {
grid-row-gap: 2rem;
letter-spacing: -.025rem;
margin-top: 4.5rem;
margin-bottom: 9rem;
padding-left: 15rem;
padding-right: 0;
font-size: 1.25rem;
line-height: 1.4
}
.case__rich-testing li {
max-width: none;
position: relative;
left: 0
}
.case__rich-testing ul {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
margin-bottom: 3.5rem;
margin-left: 15rem;
font-size: 1rem
}
.case__rich-testing img {
border-radius: 1rem
}
.case__rich-testing figure {
width: 100%;
min-width: 100%;
max-width: 100%
}
.case__rich-feedback figcaption {
font-size: 1rem
}
.case__rich-feedback p {
margin-bottom: 2rem;
font-size: 1.25rem
}
.post-card__param {
font-size: .75rem
}
.case-cta__img {
border-radius: 1.5rem
}
.post-share__notice {
padding-left: .8rem
}
.toc__line {
left: -2.5rem
}
.toc__list-scroll {
max-height: none;
margin-left: -1.5rem;
padding-left: 1.5rem;
overflow: visible
}
.menu__block {
padding: 1.5rem 1.5rem var(--size-0)
}
.menu__service-top {
border-bottom-style: none;
flex: none;
margin-bottom: 0;
padding-bottom: 0
}
.button-service {
width: 2.5rem;
height: 2.5rem
}
.menu__service-title {
max-width: none;
margin-bottom: 0;
font-size: 1.125rem
}
.menu {
padding-left: 2rem;
padding-right: 2rem
}
.case__rich-result {
margin-bottom: 4.5rem
}
.case__rich-result h4 {
width: 100%;
max-width: 12rem;
margin-bottom: -5rem
}
.case__rich-result ul {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-top: 2rem;
margin-bottom: 0;
margin-left: 15rem;
display: grid
}
.case__rich-result li {
grid-row-gap: 1rem;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64819da9a9f41af6931c2d61_bg-card-caseResults_tablet.webp);
padding: 1.5rem
}
.case__rich-result strong {
font-size: 1.875rem
}
.case__rich-steps h2 {
width: 100%;
max-width: 100%;
margin: 0 0 1.5rem
}
.case__rich-steps p {
margin-left: 0
}
.case__rich-steps img {
height: 20.5rem
}
.case__rich-steps h3 {
width: 100%;
max-width: 100%;
margin: 0 0 1.5rem
}
.case__component {
margin-bottom: 4.5rem
}
.case__steps {
grid-row-gap: 4.5rem
}
.category-wrap {
margin-bottom: 3rem
}
.category {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.form-block.mod--search.anim {
width: 8rem
}
.search-input {
padding-left: .75rem;
padding-right: .75rem
}
.search__close {
width: 2.8rem
}
.blog__empty-desc {
margin-bottom: 1rem;
font-size: .75rem
}
.catalog-subs__text {
max-width: 15rem;
font-size: .875rem
}
.footer__title {
font-size: .75rem
}
.footer-contact__link {
letter-spacing: -.015rem;
line-height: 1.2
}
.footer-serv__list-item {
width: 33.3333%
}
.footer-contact__links {
grid-row-gap: 1.37rem
}
.circles__text {
font-size: .875rem
}
.clients__text-wrap {
z-index: 1;
opacity: 0;
background-color: #02021e;
justify-content: center;
align-items: center;
height: 100%;
padding: 1rem .5rem .5rem;
transition-duration: .4s;
display: flex;
position: absolute;
inset: 0%
}
.clients__text-wrap.active {
height: 100%
}
.clients__text-wrap.done {
opacity: 1
}
.benefits__slider-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex: 1;
align-items: center;
margin-right: 0;
display: flex
}
.icon-service {
width: 2.625rem
}
.case__rich-problem {
flex-direction: column;
align-items: flex-start;
display: flex
}
.case__rich-problem h4 {
width: 100%;
margin-top: 4.5rem;
margin-bottom: 1rem;
font-size: .75rem
}
.case__rich-problem p {
letter-spacing: -.03rem;
width: 100%;
margin-bottom: 0;
margin-left: 0;
font-size: 1.5rem;
line-height: 1.4
}
.hero-service__cta {
padding-top: 1.5rem
}
.hero-service__cta.mod--form {
max-width: 21rem
}
.hero-service__advant-numb {
padding-right: .3rem;
font-size: .875rem;
font-weight: 400;
display: inline
}
.hero-service__advant-text {
font-size: .875rem;
display: inline
}
.hero-service__advant-text.is-1 {
display: inline
}
.hero-service__advant-text.mod--audit {
display: block
}
.hero-service__advant {
grid-column-gap: var(--size-16);
grid-row-gap: var(--size-16);
justify-content: flex-start;
align-items: center;
padding-top: 1px;
padding-bottom: 1px;
line-height: 1.4
}
.hero-service__advant.mod--audit {
margin-right: var(--size-24);
padding-right: var(--size-24);
border-right: var(--size-1)solid var(--white-30)
}
.hero-service__advant.mod--design {
max-width: 21rem
}
.service-hero__video-wrap {
width: 11rem;
height: 11rem;
margin-top: -.2rem
}
.dropdown__content.mod--faq {
padding-bottom: 2rem;
padding-right: 5rem;
font-size: 1rem
}
.dropdown__content.mod--projects-sort {
grid-row-gap: 0rem;
align-items: stretch;
max-height: 15rem;
margin-right: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.dropdown__content.mod--footer-nav {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
padding-top: 0;
padding-bottom: 0
}
.dropdown__content.mod--footer-serv {
grid-row-gap: 2.5rem;
padding-bottom: 3.5rem
}
.dropdown__content.mod--issues {
max-width: none
}
.dropdown__content.mod--rich-portfolio {
padding-bottom: 2rem;
padding-right: 5rem
}
.service-other__text-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.service-other__text-wrap.is-first {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.process__swipe {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
opacity: .4;
letter-spacing: .05em;
text-transform: uppercase;
align-items: center;
margin-top: 1.5rem;
font-size: .75rem;
font-weight: 500;
line-height: 1
}
.service-other__card {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
width: 100%;
padding: 1.5rem
}
.service-other__card.is-first {
background-image: linear-gradient(#e6027800 29%, #e60278 30%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64917f41b88c5c472923698c_bg-card-servOther_tablet.webp);
background-position: 0 0, 100% 0;
background-repeat: repeat, no-repeat;
background-size: auto, 100% 100%;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
width: auto
}
.service-features__block {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
max-width: 100%
}
.team__grid-block {
padding: .65rem
}
.faq-cta__content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
align-items: center;
max-width: 24.7rem;
font-size: 1rem
}
.faq-cta__content.mod--linkedin {
max-width: 23rem
}
.dropdown-inter.mod--steps {
border-radius: 1rem
}
.button-play {
width: 2.5rem;
height: 2.5rem
}
.button-play.mod--services {
width: 4.5rem;
height: 4.5rem;
margin-left: -1.25rem
}
.button-play.mod--works {
display: none
}
.button-play.mod--branding-lottie {
width: 2.5rem;
height: 2.5rem
}
.button-play.size-medium {
width: 3rem;
height: 3rem
}
.contact__video-wrap {
width: 6.125rem;
height: 6.125rem
}
.button-play__icon {
width: .875rem;
height: .875rem
}
.button-play__icon.mod--contact {
width: 1.75rem;
height: 1.75rem
}
.button-play__icon.mod--card-video,
.button-play__icon.mod--branding-lottie {
width: 1rem;
height: 1rem
}
.button-play__icon.size-medium {
width: 1.125rem
}
.remodal__close.mod--video {
bottom: -4rem
}
.remodal__close.mod--cases-modal {
top: var(--size-40);
right: var(--size-34)
}
.remodal__close.mod--project-post {
padding-top: 2rem
}
.remodal__close.is--shift {
top: -1rem;
right: -1rem
}
.button-close {
width: 2rem;
height: 2rem
}
.button-close.mod--project-post {
width: 2.5rem;
height: 2.5rem
}
.remodal__video {
border-radius: 1rem
}
.space-heading-4 {
width: 7.125rem;
height: 2rem
}
.service-hero__img {
width: 12rem;
height: 12rem;
margin-left: auto;
margin-right: auto
}
.service-hero__img.mod--tech-audit {
width: 12.125rem;
margin-left: 0;
margin-right: -1rem
}
.process {
padding-right: 2rem;
padding-bottom: var(--size-16);
margin-left: -2rem;
margin-right: -2rem;
padding-left: 2rem;
overflow: auto
}
.expertise__card {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64930a677c81a2915b773c76_bg-card-expertise_tablet.webp);
height: 22.5rem;
padding: 1.5rem
}
.expertise__card.is--cta {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64931e740c1bde0d58a95921_bg-card-expertiseBlue_tablet.webp);
width: 17rem
}
.expertise__img {
width: 12.375rem
}
.expertise__title-wrap {
min-height: 3.6rem;
padding-right: 2rem;
font-size: 1.5rem
}
.expertise__title-wrap.is--cta {
max-width: 12.5rem;
font-size: 1.125rem
}
.expertise__icon-wrap {
border-color: #02021ecc;
width: 1.5rem;
height: 1.5rem;
bottom: 1.5rem;
right: 1.25rem
}
.expertise__cta-content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.expertise__cta-ava {
width: 3rem
}
.project-card {
min-height: 20.75rem
}
.circles__block-wrap,
.circles__block-wrap.mod--tech-audit {
width: 10rem;
height: 10rem
}
.circles__block-wrap.mod--tech {
width: 10.25rem;
height: 10.25rem
}
.benefits__icon {
width: 3rem;
height: 3rem
}
.dropdown__rich-faq ul {
padding-left: 1.5rem
}
.service-releted__card {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/659e7b5178a4ae244f92e7b2_card-benefitsBorder_tablet.svg);
background-position: 100% 0;
background-size: 100%;
border-bottom: .0625rem solid #fffc;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
min-height: 17.375rem;
padding: 1.5rem
}
.service-releted__content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-bottom: 1.5rem
}
.service-releted__rich h3 {
margin-bottom: 1rem;
font-size: 1.125rem
}
.tabs.mod--awards {
margin-top: 2.5rem
}
.tab__content.mod--booking {
width: 100%;
max-width: 100%;
padding: 2.5rem
}
.tab__content.mod--booking.is--step2,
.tab__content.mod--booking.is--step2.anim {
width: 100%
}
.tab__content.mod--booking.is--step1 {
max-width: 100%
}
.expertise__img-wrap {
padding-top: 2.5rem
}
.form__label {
font-size: .875rem;
transform: translateY(.8rem)
}
.form__label.active {
font-size: .75rem;
transform: translateY(-.5rem)
}
.form__label.mod--subs,
.form__label.mod--footer {
top: -.4rem;
transform: translateY(1.7rem)
}
.form__label.is--textarea {
top: 0
}
.contact__bg {
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
height: 100%
}
.process__img {
width: 70rem
}
.runlogo-contacts {
grid-column-gap: 1.75rem;
grid-row-gap: 1.75rem;
width: auto;
max-width: none;
margin: 4.5rem -2rem 1rem;
padding-left: 2rem;
padding-right: 2rem;
font-size: .875rem;
overflow: hidden;
transform: translate(0)
}
.contact__list-wrap {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-direction: row;
justify-content: space-between;
width: 100%;
display: flex
}
.button-copy-code__notice {
padding-left: .6rem
}
.button-copy-code__notice-anim.active {
width: 1.25rem
}
.opensource__bg {
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
height: 100%
}
.catalog-card-border__bottom {
margin-top: 1.25rem;
padding-top: 1.25rem
}
.catalog-card-border__advant-numb {
display: none
}
.catalog-card-border__advant-text {
font-size: .875rem
}
.catalog-card-border__advant-text.is-1 {
display: none
}
.catalog-card-border__advant-text.is-2 {
display: block
}
.opensource-card__border {
opacity: .3;
background-color: #0000;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64917f41d366a419f0d54bd6_bg-card-servOtherBorder_tablet.webp);
background-size: 100% 100%
}
.banner-donation__close {
right: 1.5rem
}
.banner-terms__text {
max-width: 22rem;
line-height: 1.4
}
.bg {
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem
}
.projects-sort__dropdowns {
color: var(--blue-dark);
background-color: #fff;
border-style: none;
border-width: 0;
border-radius: 1rem;
padding-top: .5rem;
padding-bottom: .5rem;
overflow: hidden;
transform: translate(0)
}
.projects-sort__line {
background-color: #02021e4d;
margin-left: 1rem;
margin-right: 1rem
}
.dribble-card__border {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6496b325ba0b0feb62a67e5f_bg-card-reviewsBorder_tablet.webp);
padding: 1.5rem
}
.dribble-card__label-dribble {
width: 10.4375rem
}
.dribble-card__label-dribble.is-1 {
display: none
}
.dribble-card__label-dribble.is-2 {
display: block
}
.dribble-card__advant,
.reviews__advant {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.works__more-texts.mod--dribble {
display: none
}
.project-card-big__img-wrap {
height: 13.125rem
}
.projects-sort__btn-active {
display: none
}
.clients__btn-bg.done {
transform: scale(1)
}
.projects-sort__grad {
display: none
}
.dropdown-inter-each.mod--issues {
border-top: 1px solid #fffc;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: flex
}
.projects-sidebar {
width: 100%;
transform: translate(0)
}
.projects-sidebar.is--sidebar-anim {
position: relative;
top: 0
}
.expertise__rich {
padding-top: 1rem
}
.attach__txt {
letter-spacing: 0
}
.service-other__rich h3 {
max-width: 7.75rem;
margin-bottom: 1rem;
font-size: 1.125rem
}
.service-other__link {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/659e7b5178a4ae244f92e7b2_card-benefitsBorder_tablet.svg);
background-size: 100%;
border-bottom: .0625rem solid #fffc;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem
}
.swiper-progress-wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
margin-top: 2.5rem
}
.swiper-progress-wrap.mod--contact-office {
display: flex
}
.solutions__card {
height: 100%;
min-height: 22.5rem;
padding: 1.5rem
}
.solutions__card.is--cta {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/658c0640864614d79e78fd67_card-solution_tablet.webp);
padding: 3rem 2rem 2rem
}
.solutions__card.is--cta-blue {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64931e740c1bde0d58a95921_bg-card-expertiseBlue_tablet.webp);
padding-bottom: 2rem
}
.solutions__img {
width: 16.25rem;
height: 16.25rem
}
.solutions__rich h3 {
margin-bottom: 1rem;
font-size: 1.5rem
}
.solutions__rich.is--hidden {
padding-top: 1rem
}
.solutions__content {
margin-left: -2rem;
margin-right: -2rem;
padding-left: 2rem;
padding-right: 2rem
}
.form__label-invalid.is-subs {
bottom: -1.4rem
}
.submit__checked-anim,
.submit__checked-icon {
width: 1.25rem
}
.form-subs__content.mod--footer {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.button-close__icon {
width: 1.5rem;
height: 1.5rem
}
.footer__nav-link-serv {
color: #fff;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4
}
.service-features__rich {
flex: 1;
justify-content: space-between;
align-items: flex-start;
display: flex
}
.service-features__rich h3 {
letter-spacing: -.01125rem;
flex: 1;
max-width: 12rem;
margin-bottom: 0;
margin-right: auto;
font-size: 1.25rem
}
.service-features__rich p {
flex: 1;
max-width: 21rem
}
.tabs-menu.mod--awards {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
margin-bottom: 2.5rem
}
.tabs-menu__link.mod--awards {
height: 2.5rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
font-size: .75rem
}
.cookie__rich-text {
max-width: 100%
}
.cookie__rich-text h2 {
letter-spacing: -.0475rem;
margin-top: 7rem;
margin-bottom: 3.5rem;
font-size: 2.375rem
}
.cookie__rich-text h3 {
margin-top: 3.5rem;
font-size: 1.5rem
}
.cookie__rich-text li {
font-size: 1.125rem
}
.cookie__rich-text figcaption {
font-size: 1rem
}
.cookie__rich-text blockquote {
margin-bottom: 3.5rem;
margin-right: 0;
padding-bottom: 3.5rem;
font-size: 1.5rem
}
.cursor-wrap {
display: none
}
.cursor-works {
width: 5rem;
height: 5rem
}
.contact-form__policy {
text-align: left
}
.contact-form__policy.mod--clutch {
font-size: .75rem
}
.cookie__heading-mobile {
margin-bottom: 2.5rem;
font-size: 2.375rem;
display: block
}
.dribble-card__video {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64afa9be376d3438a757bc33_bg-card-onDribble_tablet.webp);
justify-content: center;
align-items: center;
width: 70vw;
display: flex
}
.form__submit-result-text {
font-size: .875rem
}
.form__submit-result-text.mod--blog {
padding-top: 0;
padding-left: .7rem
}
.grid__block.is-form,
.grid__block.is-contacts {
width: 100%
}
.burger__line {
background-color: var(--white);
border-radius: 10rem;
width: 100%;
height: 2px;
margin-top: 5px;
margin-bottom: 5px;
padding: 0;
transition: all .2s;
position: relative;
transform: rotate(0)
}
.burger__line.is-1 {
bottom: -7px;
transform: rotate(45deg)
}
.burger__line.is-1.anim {
bottom: 0;
transform: rotate(0)
}
.burger__line.is-2 {
opacity: 0;
width: 0%
}
.burger__line.is-2.anim {
opacity: 1;
width: 70%
}
.burger__line.is-3 {
top: -7px;
transform: rotate(-45deg)
}
.burger__line.is-3.anim {
top: 0;
transform: rotate(0)
}
.burger {
flex: none;
width: 1.25rem;
min-height: 1.4rem
}
.solutions__img-wrap {
padding-top: .5rem
}
.process__col {
letter-spacing: .0375rem;
font-size: .75rem
}
.process__content {
width: 82rem;
height: 8.6rem
}
.process__content.is--size-2 {
height: 10.9375rem
}
.process__content.is--step-titles {
height: 15.125rem
}
.process__plus {
width: 1rem;
height: 1rem
}
.form__attach {
display: none
}
.form__content {
grid-row-gap: 2rem
}
.form__content.mod--discuss-img {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.service__video {
width: 4.5rem;
height: 4.5rem
}
.menu__card-bg {
display: none
}
.form__fields {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem
}
.form__fields.mod--hero {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.form__field,
.form__field.is-half {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem
}
.form__field.is-submit {
padding-top: .5rem;
padding-bottom: 0
}
.form__field.is--radios {
font-size: .875rem
}
.awards__bg-wrap {
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
bottom: -55rem
}
.bg-blur.is-yellow-fix.mod--refer-steps {
margin-bottom: 0
}
.bg-wrap {
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem
}
.bg-wrap.mod--refer-steps {
bottom: 0
}
.bg-wrap.mod--steps {
top: -15rem
}
.bg-wrap.mod--process {
top: 0;
bottom: auto
}
.bg-wrap.mod--clutch-issue {
top: -18rem
}
.bg-wrap.is--top-40_negative {
top: -30rem
}
.bg-wrap.is--top-30_negative {
top: -5rem
}
.dribble__bg-wrap {
bottom: -2rem
}
.opensource__bg-wrap,
.contact__bg-wrap {
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
height: 100%
}
.expertise__bg-wrap {
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
bottom: 0
}
.benefits__border {
background-color: #0000;
display: none
}
.benefits__rich {
margin-right: 0
}
.benefits__rich h6 {
margin-bottom: 1rem
}
.upsell__list {
margin-bottom: -1.2rem
}
.upsell__blocks {
min-height: 4.5rem
}
.upsell__list-title {
font-size: 1.125rem
}
.upsell__block.is-1 {
justify-content: space-between
}
.upsell__block.is-3 {
font-size: .75rem
}
.upsell__block.is-2 {
display: none
}
.solutions__icon-wrap {
width: 1.5rem;
height: 1.5rem;
bottom: 1.5rem;
right: 1.5rem
}
.solutions__border {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/651c254f2af090c67aefc892_card-solutionBorder_tablet.webp)
}
.upsell__soon {
font-size: .75rem;
line-height: 1.4
}
.post-card__icon {
width: .75rem;
height: .75rem
}
.upsell__video-play {
width: 4.5rem;
height: 4.5rem
}
.upsell__video-block {
padding-right: 3rem
}
.upsell__video-stop {
width: 1.5rem;
height: 1.5rem;
top: 0;
right: 0
}
.upsell__stop-icon {
width: .75rem;
height: .75rem
}
.upsell__video {
width: 4.5rem;
height: 4.5rem
}
.catalog-hero__pagination {
padding-bottom: 1.5rem
}
.banner-cookie {
padding: 1rem 2rem
}
.hero-post__heading-wrap {
max-width: 80vw;
padding-top: 2rem;
padding-bottom: 4rem
}
.hero-post__heading-wrap.mod--case {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.post-estimation__bg {
margin: 0%
}
.menu__top-link {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex: 1;
align-items: center;
height: 100%;
min-height: 4rem;
margin-bottom: 0;
padding: 0;
display: flex
}
.menu__top-link:hover {
color: var(--blue-dark)
}
.menu__links {
padding-right: 0;
padding-bottom: var(--size-12);
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: wrap;
padding-left: 0
}
.menu__link {
min-height: var(--size-40);
font-size: var(--size-14);
width: 50%
}
.menu__service-line {
display: none
}
.menu__link-arrow {
width: 1rem;
height: 1rem;
display: none
}
.home__slider {
border-radius: .875rem;
width: 14rem
}
.home__stories-line-wrap {
padding-top: .75rem;
padding-bottom: .5rem
}
.home__stories-author {
width: 6rem
}
.home__stories-menu {
width: .875rem
}
.services__title {
margin-bottom: 0;
font-size: 1.125rem
}
.services__soon {
color: #02021e80;
border-left-style: none;
padding-left: 0;
font-size: .75rem;
transform: none
}
.clutch-awards__icon {
width: 3.75rem
}
.get-card {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6597dc6be4e09f1b0dc441c7_card-getBorder_tablet.svg);
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
padding: 2.5rem 1.3rem 1.5rem 1.4rem;
position: relative
}
.get-card.is--right-white {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6597dc6b0913ce2e2742c577_card-get_tablet.svg);
background-size: 100%
}
.get-card.is--left-white {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/66e934d7738531356c0734ef_card-get-left_tablet.svg)
}
.get-card__title-wrap {
margin-bottom: .75rem;
font-size: 1.25rem
}
.get-card__list {
grid-column-gap: 0rem;
grid-row-gap: .5rem
}
.get-card__list-item.is--2col {
width: 100%
}
.list__icon-checked {
width: 1rem;
height: 1rem;
bottom: -.2rem
}
.get-card__bottom {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-top: 1.5rem;
padding-top: 1.5rem
}
.get-card__advant {
display: none
}
.reviews__tags {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
margin-bottom: 1.25rem
}
.reviews__tag {
font-size: var(--size-12);
padding: .4rem .5rem
}
.steps__list {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.steps__list-item {
border-radius: 1rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem
}
.steps__list-item.is--last {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.clutch-how__icon {
width: 2.5rem
}
.steps__block {
border-radius: .75rem;
justify-content: center;
align-items: center;
padding: 1rem .6rem
}
.steps__label {
font-size: .75rem
}
.steps__labels {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-wrap: wrap;
margin-top: 1rem;
margin-right: -2rem
}
.clutch-achiev__circle {
grid-column-gap: .75em;
grid-row-gap: .75em;
width: 10.5em;
height: 10.5em;
padding-top: 1.5em
}
.clutch-achiev__icon {
width: 2.5em
}
.clutch-achiev__hover {
padding-top: 1.5rem
}
.clutch-achiev__author-ava {
width: 2.5em
}
.clutch-achiev__local {
margin-top: .5em;
font-size: .75em
}
.cases-modal__cta {
background-image: none;
margin-top: 0;
margin-bottom: -2.5rem;
padding-left: 0;
padding-right: 0;
position: relative
}
.works__video-play {
z-index: 1;
color: var(--white);
background-color: #02021e66;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%
}
.works__video {
width: 4.5rem;
height: 4.5rem
}
.header__secret-dot {
width: .375rem;
height: .375rem
}
.get-card__label {
padding: .3rem .5rem .2rem;
font-size: .75rem
}
.steps__blocks {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.clutch-achiev__text {
font-size: .875em
}
.clutch-achiev__author-text {
font-size: .75em
}
.clutch-achiev__author-text.is-job {
font-size: .7em
}
.cases-modal__title-wrap {
display: none
}
.clutch-awards__bg-wrap {
border-bottom-right-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
bottom: -55rem
}
.hero__won-block {
width: 11rem
}
.clutch-awards__container {
justify-content: flex-end;
align-items: center;
width: 100%;
display: flex
}
.benefits__description {
padding: 0 2rem 0 1rem;
font-size: 1.125rem
}
.steps__deliverables {
display: none
}
.steps__text {
max-width: none;
font-size: .875rem
}
.steps__text.is-step4 {
display: none
}
.project-card-big__lottie-wrap {
display: flex
}
.clutch-achiev__author-texts {
font-size: .75em
}
.research-phases__icon {
width: 3rem
}
.research-team__circle {
width: 11rem;
height: 11rem
}
.research-team__circle.is-2 {
padding-top: 1.5rem
}
.solution__cta-text {
max-width: 14rem;
font-size: 1.875rem
}
.research-team__icon {
width: 1.5rem;
height: 1.5rem;
margin-bottom: 1rem
}
.research-team__text {
letter-spacing: .00875rem;
font-size: .875rem
}
.research-team__text.is-2 {
font-size: .75rem
}
.research-team__ava {
width: 2.5rem;
margin-bottom: .5rem
}
.research-team_job {
margin-bottom: .25rem;
font-size: .75rem
}
.clutch-awards__text {
font-size: .875rem
}
.research-phases__tabs-menu-wrap {
font-size: 1.875rem
}
.heading-2__span.mod--red-dot {
width: .5rem;
top: .3rem;
left: -.3rem
}
.upsell__arrow.mod--research {
margin-left: 0
}
.research-team__cta {
letter-spacing: .00875rem;
font-size: .875rem
}
.button-circle {
width: 5.5rem;
height: 5.5rem;
font-size: .75rem
}
.issues__line {
display: none
}
.works__img.is--tablet {
display: block
}
.get-card__top {
margin-bottom: 1.5rem;
font-size: .875rem
}
.hero__won {
margin-top: -2.5rem
}
.discuss__sidebar-body {
flex: 0 auto;
order: -1;
width: 100%;
margin-bottom: 2rem;
font-size: 1.125rem;
font-weight: 500;
line-height: 1.2
}
.discuss__sidebar-body.mod--designrush {
order: 1;
margin-top: 2rem;
margin-bottom: 0
}
.discuss__sidebar-list {
grid-column-gap: .5rem;
grid-row-gap: .4rem;
flex-wrap: wrap
}
.discuss__sidebar-list-item {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.issues__icon {
width: 2.5rem;
height: 2.5rem
}
.get__bg-wrap {
top: -12rem
}
.discuss__sidebar-list-wrap {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: row;
flex: 1;
align-items: center;
margin-top: 0
}
.discuss__sidebar-list-title {
font-size: 1.125rem;
line-height: 1.2
}
.discuss__sidebar-list-title.mod--audit {
max-width: 6rem
}
.refer-hero__card {
background-image: none;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
min-height: auto;
padding: 1.5rem
}
.refer-hero__card.is--1 {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
background-image: linear-gradient(#3f27c700 25%, #3f27c7 31%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/659bfae3027e35cc63d0e8fb_card-serviceHero_tablet.svg);
background-position: 0 0, 0 0;
padding: 3rem 1.5rem 1.5rem
}
.refer-hero__card.is--2 {
background-color: var(--white);
background-image: none;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
flex-direction: column
}
.refer-hero__img {
width: 10.875rem;
top: 3rem;
right: 2.8rem
}
.refer-hero__advant {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding-top: 1.5rem
}
.refer-hero__advant-numb {
font-size: 2rem
}
.refer-hero__advant-text {
font-size: .875rem
}
.refer-hero__form-top {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
max-width: 31rem
}
.refer-hero__form-top.is-success {
margin-bottom: 0
}
.numb-steps__block {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/659e77df1daef6da51676552_card-benefitsBorder_mobile.svg);
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 100%;
border-bottom: .0625rem solid #fffc;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
justify-content: flex-start;
height: 100%;
min-height: auto;
margin-bottom: 0;
padding: 1.5rem
}
.numb-steps__block.is-long {
min-height: auto
}
.numb-steps__top {
border-bottom-color: #fffc;
min-height: 3.7rem
}
.numb-steps__icon {
width: 2.5rem;
height: 2.5rem;
font-size: 1rem
}
.form__success-container.mod--refer-hero {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: row;
align-items: center;
display: flex
}
.refer-hero__success-video {
width: 21.5rem;
height: 13.75rem
}
.reviews__label {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
padding-top: .75rem;
padding-left: .75rem;
padding-right: .75rem;
font-size: .75rem
}
.reviews__label.mod--product-hunt {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
font-size: .7rem
}
.reviews__label-logo {
width: 4.5rem
}
.reviews__label-logo.mod--product-hunt {
width: 6.375rem
}
.reviews__label-icon {
width: 1.1rem
}
.faq__line-bottom {
margin-top: 7rem;
margin-bottom: -3.5rem
}
.dedicated-achiev__arrow {
right: -50px
}
.dedicated-start__card {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
min-height: auto;
padding: 2.5rem 1.5rem 1.5rem
}
.dedicated-start__top {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-bottom: 0
}
.dedicated-start__img {
display: none
}
.dedicated-start__bottom {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border-top-style: none;
border-top-width: 0;
flex-direction: column;
align-items: stretch;
margin-top: 0;
padding-top: 0
}
.dedicated-start__advant {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-bottom: .0625rem solid #0003;
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
font-size: .75rem
}
.dedicated-start__advant-numb {
font-size: 2rem
}
.roles__sticky {
position: relative;
top: 0
}
.roles__block {
border-radius: 1rem;
min-height: 21rem;
padding: 2rem
}
.roles__block-nav {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-width: .125rem;
border-radius: 2rem;
flex-direction: row;
align-items: center;
padding: .75rem .75rem .75rem 2rem
}
.roles__nav {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-image: none
}
.roles__nav-btn {
outline-offset: -.0625rem;
color: #fff;
outline-width: .0625rem;
outline-color: #ffffff4d;
max-width: none;
height: 2.5rem;
max-height: none;
padding: .1rem 1.25rem 0;
font-size: .75rem
}
.roles__nav-btn.anim {
outline-color: #fff;
max-width: none;
max-height: none;
padding-left: 1.25rem;
padding-right: 1.25rem
}
.roles__block-text {
font-size: 1.5rem
}
.roles__nav-title {
max-width: none;
margin-left: 0;
font-size: 1rem
}
.roles__nav-title-wrap {
text-align: left;
flex: 1;
position: relative;
top: 0
}
.roles__nav-scroll {
flex-direction: row;
width: auto
}
.banner-article {
display: none
}
.banner-article__container {
max-width: 100%;
margin-left: 0;
padding-top: 1rem;
padding-bottom: 1rem
}
.block-offer {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border-style: none;
border-width: 0;
margin-top: 4.5rem;
margin-bottom: 1rem;
padding: 0;
font-size: 1.5rem
}
.benefits__icon-free {
width: 3rem;
height: 3rem
}
.header__banner-secret {
margin-left: -2rem;
margin-right: -2rem;
font-size: .875rem
}
.designrush-header__secret-logo {
width: 5.375rem
}
.post-card__plus-wrap {
width: 3rem;
height: 3rem
}
.post-card__plus {
width: 1.5rem;
height: 1.5rem
}
.post-card__img-over {
display: none
}
.designrush-discuss__list {
grid-column-gap: 0rem;
grid-row-gap: 1rem;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
flex-flow: wrap;
justify-content: space-between
}
.designrush-discuss__list-item {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
width: 45%;
font-size: .875rem
}
.designrush-discuss__list-dot {
width: 1.125rem;
height: 1.125rem
}
.discuss__sidebar-cta {
margin-top: 0
}
.discuss__sidebar-cta-text {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
align-items: center;
font-size: 1.125rem;
line-height: 1.2
}
.discuss__sidebar-cta-arrow {
width: 2rem;
transform: none
}
.discuss__sidebar-cta-ava {
display: none
}
.card__fire-wrap {
width: 3.5rem;
height: 3.5rem;
top: -1rem;
right: 1.5rem
}
.card__fire {
width: 1.5rem
}
.form__notice {
margin-top: -.5rem;
margin-bottom: -.5rem
}
.list__icon-plus {
width: 1rem;
height: 1rem
}
.hero-service__advant-icon {
width: 2.5rem;
display: none
}
.hero-service__advant-icon.mod--design {
display: block
}
.shots__cta {
grid-column-gap: 0rem;
flex-wrap: wrap;
padding-left: 1.5rem;
padding-right: 1.5rem
}
.shots__title-wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
max-width: 14rem;
font-size: 1rem
}
.shots__drop-toggle {
width: 12rem;
padding-left: 1rem
}
.shots__drop-list {
min-width: 100%
}
.shots__color {
width: 2.5rem;
height: 2.5rem
}
.shots__color.is--all.is--current-color {
width: 1.5rem;
height: 1.5rem
}
.shots__img {
width: 30rem;
height: 23.25rem
}
.shots__img.is--no-filter {
width: 30rem;
height: 23.5rem
}
.project__rich-about h2 {
margin-bottom: 2rem;
padding-bottom: 2rem;
font-size: 1.5rem
}
.project__rich-about p {
width: 100%
}
.project__rich-statistic li {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-bottom: .0625rem solid #0003;
border-right-style: none;
border-right-width: 0;
margin-right: 0;
padding-top: 2rem;
padding-bottom: 2rem;
font-size: .75rem
}
.project__rich-statistic ul {
transform: translateY(.0625rem)
}
.project__rich-statistic strong {
font-size: 1.5rem
}
.timer__numb {
width: 3.5rem;
height: 4.5rem;
font-size: 2.8rem
}
.timer__separ {
font-size: 1.8rem
}
.timer__text {
font-size: .75rem
}
.benefits__body {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.benefits__time-free {
font-size: .75rem
}
.runlogo-services {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
width: auto;
max-width: none;
margin: 4rem -2rem 2rem;
padding-left: 2rem;
padding-right: 2rem;
font-size: .875rem;
overflow: hidden
}
.services-cards__block {
border-radius: 1rem;
align-items: stretch;
width: 20rem;
padding: 3rem 1.5rem 1.5rem
}
.services-cards__body {
margin-bottom: 1.5rem;
padding-bottom: 1.5rem
}
.services-cards__rich h3 {
margin-bottom: 1rem;
font-size: 1.5rem
}
.dropdown__rich-portfolio p {
font-size: 1rem
}
.dropdown__rich-portfolio li {
margin-bottom: .5rem
}
.dropdown__rich-portfolio ul {
margin-top: 1rem
}
.rich-heading-2 {
max-width: 30rem;
font-size: 1rem
}
.rich-heading-2 h2 {
font-size: 2.375rem
}
.rich-heading-2 p {
margin-top: 2.5rem
}
.rich-heading-2.mod--post-service-benefits {
max-width: 25rem
}
.rich-heading-4 {
font-size: 1rem
}
.rich-heading-4 h2 {
font-size: 1.875rem
}
.rich-heading-4 p {
margin-top: 2rem
}
.faq-portfolio__rich-nav {
display: flex;
overflow: auto
}
.faq-portfolio__rich-nav ul {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: row;
flex: none
}
.faq-portfolio__rich-nav li {
height: 2.5rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
font-size: .75rem
}
.circles__rich img {
max-width: 3.75rem
}
.circles__rich figcaption {
max-width: 7rem;
margin-top: .6rem;
font-size: .875rem
}
.services__rich {
padding-top: 0
}
.services__rich h3 {
margin-bottom: 0;
font-size: 1.125rem
}
.services__rich p {
display: none
}
.step-number {
width: 2.5rem;
height: 2.5rem;
font-size: 1.3rem
}
.hero-service__rich-advant {
font-size: .875rem;
line-height: 1.2;
display: inline-block
}
.hero-service__rich-advant h2 {
margin-right: .875rem;
font-size: 2rem
}
.hero-service__rich-advant p {
display: inline
}
.hero-service__rich-advant h4 {
margin-right: 0;
font-size: .875rem;
display: inline
}
.services__rich-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-radius: 1rem;
justify-content: space-between;
align-items: center;
padding: 1.5rem
}
.services__rich-wrap.is--blue {
font-size: 1rem
}
.steps-dropdown__list {
padding: 1rem 1.5rem 1.5rem
}
.steps__rich ul {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
margin-top: 1rem
}
.steps__rich h4 {
font-size: 1rem
}
.steps__rich h3 {
font-size: 1.125rem
}
.steps__rich-labels {
margin-right: -1rem
}
.steps__rich-labels li {
font-size: .75rem
}
.steps__rich-labels ol {
grid-column-gap: .25rem;
grid-row-gap: .25rem
}
.steps__dropdowns {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.rich-heading-1 h2 {
font-size: 3.75rem
}
.subheader__nav-link {
border-bottom: 1px solid #fdc44800;
line-height: 2
}
.subheader__nav-link.w--current {
border-bottom-color: #fdc448
}
.subheader__nav {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-around
}
.benefits__avas-team {
max-width: 9rem
}
.benefits__text-wrap.mod--post-service {
max-width: 15rem
}
.linkedin__card {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border-radius: 1rem;
width: 23.4375rem;
padding: 1.5rem
}
.linkedin__rich {
max-height: 18.75rem
}
.linkedin__param {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.linkedin__param-block {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
font-size: 1rem
}
.linkedin__param-icon {
width: 1.5rem
}
.linkedin__button {
border-width: .0625rem;
border-radius: .375rem;
width: 2rem;
height: 2rem
}
.linkedin__button-arrow {
width: 1.5rem;
height: 1.5rem
}
.linkedin__button-square {
border-radius: .3rem
}
.shots__btn-wrap {
width: 100%;
margin-top: 1.5rem
}
.projects__cat-block {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
font-size: 1rem
}
.project__rich-challenge p {
max-width: 100%;
margin-bottom: 2rem;
margin-left: 0;
font-size: 1.5rem
}
.project__rich-challenge figure {
margin-top: 2.5rem
}
.project__rich-challenge h6 {
margin-bottom: 2.5rem;
padding-left: 1rem;
padding-right: 1rem;
font-size: .75rem;
display: inline-block;
position: relative
}
.dropdown.mod--cookie-form.is--last {
border-bottom-style: none;
border-bottom-width: 0
}
.project__rich-main h2 {
margin-bottom: 2rem;
font-size: 1.5rem
}
.project__rich-main p {
width: 100%
}
.project__rich-main figcaption {
line-height: 1.2
}
.project__rich-main blockquote {
display: flex
}
.project__rich-main li {
display: block
}
.project__rich-main ol {
column-count: 1
}
.project-line {
margin-top: 2rem;
margin-bottom: 2rem
}
.projects-sidebar__buttons {
margin-top: 0;
display: block
}
.package__card {
border-radius: 1rem;
align-items: stretch;
width: 20rem;
padding: 3rem 1.5rem 1.5rem
}
.package__rich h3 {
margin-bottom: 1rem;
font-size: 1.5rem
}
.package__body {
margin-bottom: 1.5rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.package__time {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
font-size: .75rem
}
.runlogo-hero {
grid-column-gap: 3.125rem;
grid-row-gap: 3.125rem;
border-radius: 1rem;
min-height: 7.125rem;
padding-left: 2.5rem
}
.runlogo-hero__title {
max-width: 7rem;
font-size: .875rem
}
.project-story__img {
height: 29.5rem
}
.project-story__line-wrap {
padding-top: .75rem;
padding-bottom: .5rem
}
.project-nav.is--sidebar-anim {
z-index: 5;
width: 100%;
margin-bottom: -1.5rem;
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
position: relative;
top: 0
}
.project-nav__rich {
max-height: 16rem
}
.project-nav__rich ul {
padding-left: 2.5rem
}
.project-nav__rich a {
margin-left: -2.5rem;
padding-left: 3rem
}
.project-nav__rich ol {
padding-left: 2.5rem
}
.project-nav__drop {
font-size: 1.125rem
}
.project-nav__drop-toggle {
border-radius: 1rem;
padding: 1rem 1.5rem
}
.project-nav__drop-current {
margin-right: -.1rem
}
.project-nav__drop-content {
border-radius: 1rem;
box-shadow: 0 30px 20px #02021e33
}
.project-sidebar__block {
width: 100%;
margin-bottom: 3.5rem;
position: relative;
right: 0
}
.project-cta {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
background-image: linear-gradient(140deg, #ebe5ff 30%, #b5dfff 70%);
flex-flow: row;
justify-content: space-between;
align-items: center
}
.project-cta__content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
justify-content: flex-start;
align-items: center;
font-size: 1rem
}
.project__rich-modal {
margin-right: -1.5rem;
padding-bottom: 2rem;
padding-right: 2rem
}
.project__rich-modal figure {
width: 100%
}
.project__rich-modal h6 {
margin-bottom: .5rem
}
.project__rich-modal h3 {
margin-bottom: 1.5rem;
font-size: 1.5rem
}
.project__rich-modal blockquote {
margin-top: 3.5rem;
padding-left: 2rem
}
.project-modal__title {
font-size: 1.5rem
}
.project__rich-review {
flex-flow: column;
align-items: flex-start;
margin-top: 3.5rem;
padding-top: 2rem
}
.project__rich-review p {
margin-top: 1.75rem;
margin-bottom: 3.5rem;
padding-left: 0;
padding-right: 0
}
.project-estimation__expert {
width: 32rem;
left: 6.5rem
}
.project-estimation__icon {
width: 1.5rem;
top: 3.5rem;
left: 2rem
}
.project-estimation__bg {
margin: 0%
}
.project-estimation__title {
max-width: 14rem;
font-size: 1.25rem;
line-height: 1.4
}
.project-estimation {
border-radius: 1rem;
height: 26.5rem;
margin-top: 6.5rem;
padding-bottom: 2rem;
padding-left: 2rem;
padding-right: 2rem
}
.project-hero__img.is--tablet {
display: block
}
.pricing-compare__list {
grid-column-gap: var(--size-12);
grid-row-gap: var(--size-12)
}
.pricing-compare__logo {
width: 6.0625rem
}
.pricing-compare__text {
letter-spacing: 0
}
.pricing-compare__text.is--title-row {
font-size: var(--size-14)
}
.pricing-compare__list-block {
min-height: var(--size-16)
}
.pricing-compare__scroll {
margin-bottom: var(--size-80);
padding: var(--size-20)var(--size-24);
border-radius: var(--size-16)
}
.pricing-compare__border {
border-radius: var(--size-16);
margin-top: -.5rem;
margin-bottom: -.5rem
}
.pricing-compare__list-wrap {
grid-column-gap: var(--size-24);
grid-row-gap: var(--size-24)
}
.form-dropdown {
font-size: .875rem
}
.form-dropdown__toggle {
height: 2.5rem
}
.form-dropdown__list-item {
min-height: 2.5rem
}
.projects-tags__tag {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
min-height: 2.5rem;
padding-left: 1.25rem;
padding-right: .875rem;
font-size: .75rem
}
.projects-tag__remove {
width: 1rem
}
.project-cta__arrow {
display: none
}
.payoneer__text {
font-size: 1rem
}
.footer__nav-link2 {
color: var(--white);
font-size: 1.25rem;
font-weight: 500
}
.footer-terms__links {
padding-top: 1.5rem;
font-size: .875rem
}
.footer-terms__links.mod--audit {
margin-top: var(--size-24)
}
.circles__hover {
padding-left: 1rem;
padding-right: 1rem;
line-height: 1.4
}
.circles__hover-texts {
font-size: .75em
}
.circles-hover__block {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding-top: 2.5rem;
padding-left: 1rem;
padding-right: 1rem;
font-size: 1rem
}
.projects-empty__content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border-radius: 1rem;
padding-top: 3rem;
padding-bottom: 3rem
}
.projects-empty__text {
max-width: 27rem;
font-size: 1rem
}
.branding__lottie {
height: 52vw
}
.form-success__btn-wrap.mod--discuss {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: center;
flex-flow: column;
align-items: stretch
}
.contact-office__card {
height: 100%;
min-height: 22.5rem;
padding: 1.25rem 1.5rem 1.5rem
}
.contact-office__border {
background-color: #fffc
}
.contact-office__img-wrap {
width: 15.625rem
}
.contact-office__address {
margin-top: 1rem;
margin-bottom: .75rem
}
.contact-office__pulse {
top: 7.1rem;
right: .81rem
}
.contact-office__pulse.is--2 {
top: 2.95rem;
right: 4.4rem
}
.contact-office__pulse.is--3 {
top: 4.5rem;
right: 3.87rem
}
.audit-example__rich-text {
max-width: 100%;
padding-left: 0;
padding-right: 0
}
.audit-example__rich-text img {
border-radius: 1rem
}
.audit-example__rich-text h2 {
margin: 3.5rem 0 1.5rem;
padding-top: 3.5rem;
padding-left: 0;
padding-right: 0;
font-size: 1.5rem
}
.audit-example__rich-text blockquote {
border-radius: 1rem;
margin-left: 0;
margin-right: 0
}
.audit-example__rich-text em {
padding-bottom: .75rem
}
.audit-example__heading-wrap {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
justify-content: flex-start;
align-items: flex-start;
padding-left: 0;
padding-right: 0
}
.audit-example__subheading {
font-size: 1.5rem
}
.audit-example__btn-wrap {
flex-flow: row;
width: 100%;
margin-top: 0
}
.service-hero__spline {
display: none
}
.branding__lottie-wrap,
.branding__video-wrap {
border-radius: 1rem
}
.post-card__tag {
font-size: .75rem
}
.hero-service__over-heading {
margin-bottom: 1rem;
font-size: 1rem
}
.project__flag {
width: 1.2rem
}
.works__scroll-statistics {
padding-left: 2.125rem;
padding-right: 2.875rem
}
.blog-post__sidebar-wrap {
height: auto;
position: relative
}
.project__flags {
margin-left: .75rem;
padding-left: .75rem
}
.hero__flip-content {
min-height: 20.8rem;
padding: 1.5rem
}
.hero-service__tabs-img {
border-radius: .75rem;
height: 10.4rem
}
.hero__flip {
width: 17.5rem
}
.banner-article-wrap {
display: none
}
.works__param-wrap {
margin-bottom: 0
}
.catalog-card-border {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648851a9881c2a703afc9b15_bg-card-postBorderBig_tablet.webp);
padding: 2.5rem 1.5rem 1.5rem
}
.catalog-card-fill {
min-height: 20.75rem
}
.catalog-card-fill__img-wrap {
padding-top: 1.5rem
}
.catalog-card-fill__content {
grid-row-gap: .75rem;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
min-height: 7.3rem;
padding-bottom: 2.75rem;
padding-left: 1.5rem;
padding-right: 1.5rem
}
.catalog-card-fill__content.mod--projects {
min-height: 8rem;
padding-top: 1rem;
padding-bottom: 2.5rem
}
.catalog-subs__form-wrap {
margin-top: 1.25rem;
padding-top: 1.25rem
}
.catalog-card-fill__img {
width: 12rem;
height: 12rem
}
.solutions__cta-ava {
width: 5rem
}
.solutions__cta-content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.solutions__cta-title {
font-size: 1.5rem
}
.works__logo,
.service-hero__icon-ph {
display: none
}
.dropdown__bg {
border-radius: 1rem
}
.contact-success__icon {
width: 3rem
}
.contact-success__top {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
margin-bottom: 1.5rem
}
.clutch-hero__container {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
margin-bottom: 4.5rem
}
.clutch-hero__tabs-wrap {
padding: 2.5rem
}
.runawards__img {
height: 2em;
margin-bottom: 1rem
}
.runawards__text {
font-size: .5rem
}
.ref-steps__block {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/659e77df1daef6da51676552_card-benefitsBorder_mobile.svg);
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 100%;
border-bottom: .0625rem solid #fffc;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
justify-content: flex-start;
height: 100%;
min-height: auto;
padding: 1.5rem
}
.ref-steps__block.is-long {
min-height: auto
}
.ref-steps__icon {
width: 2.5rem;
height: 2.5rem;
font-size: 1rem
}
.ref-steps__rich {
margin-right: 0
}
.ref-steps__rich h6 {
margin-bottom: 1rem
}
.ref-steps__top {
border-bottom-color: #fffc;
min-height: 3.7rem
}
.numb-steps__rich {
margin-right: 0
}
.numb-steps__rich h6 {
margin-bottom: 1rem
}
.remodal__youtube {
border-radius: 1rem
}
.video-reviews__img {
border-radius: 1rem;
width: 28.125rem
}
.discuss-card {
margin-bottom: var(--size-40);
padding-top: var(--size-64);
padding-bottom: var(--size-64);
border-radius: 1.5rem;
min-height: auto
}
.tabs-wrap {
z-index: 1
}
.tabs-wrap.mod--contact {
background-image: linear-gradient(180deg, #fff0 14%, var(--white)15%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/649294c9c63f0d96606466f3_bg-card-contact_teblet.webp);
width: 100%;
padding: 4.5rem 2.5rem 2.5rem
}
.catalog-hero__fire {
width: 2.5rem;
height: 2.5rem;
top: 1.5rem;
left: 2rem
}
.catalog-hero__icon-fire {
width: 1.25rem
}
.remodal-booking__experts-texts {
grid-column-gap: .25rem;
grid-row-gap: .25rem
}
.margin-bottom-80 {
margin-bottom: 3.5rem
}
.dashboard__img {
width: 29.375rem
}
.dashboard__pagination {
bottom: 2rem
}
.button-illustr {
width: 5.5rem;
height: 5.5rem;
font-size: .75rem
}
.cases-simple__nav-wrap {
justify-content: center;
align-items: center;
margin-top: 2.5rem;
display: flex
}
.project-modal__row {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
flex-flow: column;
align-items: stretch;
margin-top: 3.5rem;
padding-top: 2rem
}
.before-after__img {
height: 23.7rem
}
.service-hero__heading {
font-size: 3.125rem
}
.trusted {
padding-top: var(--size-8);
padding-right: var(--size-32);
padding-left: var(--size-32);
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6721f585acdc8aa70e4d8503_border-gapTop-partners_tablet.svg);
min-height: 29vw;
margin-top: 4.5rem
}
.results {
margin-bottom: var(--size-40);
grid-column-gap: var(--size-16);
grid-row-gap: var(--size-16)
}
.results__block {
padding: var(--size-24);
border-radius: var(--size-24)
}
.results__text {
font-size: var(--size-16)
}
.results__heading-wrap {
margin-bottom: var(--size-24);
grid-column-gap: var(--size-16);
grid-row-gap: var(--size-16)
}
.results__text-wrap {
max-width: 16.875rem
}
.results-numb__title {
margin-bottom: var(--size-16);
padding-bottom: var(--size-16);
font-size: var(--size-32)
}
.audit-card {
padding: var(--size-24);
border-radius: 1rem
}
.problems__label {
margin-bottom: var(--size-16)
}
.problems__title {
font-size: var(--size-24)
}
.problems__bottom {
margin-top: var(--size-24);
padding-top: var(--size-16);
color: var(--blue-dark);
font-size: var(--size-12);
letter-spacing: 0;
line-height: 1.2
}
.problems__percent {
font-size: var(--size-32)
}
.results-numb__text {
color: var(--blue-dark);
font-size: var(--size-16);
line-height: 1.2
}
.process-banner {
margin-top: var(--size-40);
padding-top: var(--size-40);
padding-bottom: var(--size-40);
grid-column-gap: var(--size-24);
grid-row-gap: var(--size-24);
border-radius: var(--size-24)
}
.process-banner__title-wrap {
grid-column-gap: var(--size-16);
grid-row-gap: var(--size-16)
}
.audit-video-reviews__block {
padding: var(--size-16);
grid-column-gap: var(--size-16);
grid-row-gap: var(--size-16);
border-radius: var(--size-8);
font-size: .54rem
}
.discuss__text {
max-width: 27rem
}
.discuss__text-wrap {
grid-column-gap: var(--size-24);
grid-row-gap: var(--size-24)
}
.grid-reviews__text {
font-size: var(--size-16)
}
.grid-reviews__rate {
margin-bottom: var(--size-24);
padding-bottom: var(--size-24)
}
.grid-reviews__tags {
margin-bottom: var(--size-16);
grid-column-gap: .25rem;
grid-row-gap: .25rem
}
.runcases__img {
width: 27.5rem
}
.hero-service__advantages {
grid-column-gap: var(--size-0);
grid-row-gap: var(--size-0)
}
.results__img {
object-position: 100% 50%
}
.audit-video-reviews__author {
grid-column-gap: .75em;
grid-row-gap: .75em
}
.process-banner__over-title {
font-size: var(--size-16)
}
.partners__block {
padding-top: var(--size-48);
padding-bottom: var(--size-40);
border-radius: var(--size-16);
margin-top: 4.5rem
}
.partners__title {
padding-right: var(--size-24);
padding-left: var(--size-24)
}
.button__filter-dot {
z-index: 3;
width: var(--size-8);
height: var(--size-8);
border: var(--size-2)solid var(--white);
border-radius: var(--size-32);
background-color: var(--yellow);
padding: 0;
display: none;
position: absolute;
inset: .3rem .4rem auto auto
}
.menu-banner__img {
width: 8.25rem
}
.menu-banner__text {
font-size: var(--size-16);
max-width: 13.75rem;
line-height: 1.4
}
.discuss__bg-spin {
height: 170vw
}
.footer-tech__text {
font-size: var(--size-12)
}
.block__container {
padding: var(--size-24);
border-radius: var(--size-24)
}
.issues {
margin-right: var(--size-0);
margin-left: var(--size-0)
}
.issues__block {
padding: var(--size-24)var(--size-0);
border-top: var(--size-1)solid var(--white-70);
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
width: 100%
}
.issues__block.is--row-1 {
padding-bottom: var(--size-24);
border-bottom-style: none
}
.issues__block.is--row-2 {
padding-top: var(--size-24)
}
.issues__block.is--col-1 {
padding-right: var(--size-0)
}
.issues__block.is--col-2 {
border-left-style: none;
border-right-style: none;
width: 100%;
padding-left: 0;
padding-right: 0
}
.issues__block.is--col-3 {
padding-left: 0
}
.issues__title-wrap {
grid-column-gap: var(--size-16);
grid-row-gap: var(--size-16);
flex-flow: row;
justify-content: flex-start;
align-items: center;
max-width: 19rem
}
.results__label {
right: var(--size-16);
bottom: var(--size-16);
padding: var(--size-8)var(--size-16)
}
}
@media screen and (max-width: 767px) {
body,
.input.mod--catalog-subs,
.input.mod--catalog-subs::placeholder {
font-size: .75rem
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.section {
padding: 2.5rem 1rem
}
.section.mod--header {
padding-top: 1rem
}
.section.mod--footer {
padding-top: 5rem;
padding-bottom: 1rem
}
.section.mod--discuss {
margin-top: 2.5rem;
padding-top: 1rem
}
.section.mod--post-hero {
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
min-height: 22.625rem;
padding-top: 5.6rem;
padding-bottom: 1rem
}
.section.mod--benefits {
margin-bottom: 2.5rem;
padding-bottom: 1rem
}
.section.mod--case {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.section.mod--cookie {
padding-top: 2rem
}
.section.mod--404 {
padding-top: 4.7rem
}
.section.mod--hero {
padding-top: 6.5625rem
}
.section.mod--hero.mod--hero-opensource {
padding-bottom: 7.5rem
}
.section.mod--hero-case {
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
min-height: 26.5rem;
margin-bottom: 1.5rem;
padding-top: 5.6rem;
padding-bottom: 1rem
}
.section.mod--refer-steps,
.section.is--bg {
margin-bottom: 2.5rem
}
.section.mod--subheader,
.section.mod--subheader.is--subheader-absolute {
top: 4.5rem
}
.section.mod--subheader.is--subheader-fixed {
top: 3.5rem
}
.section.mod--post-hero-service {
padding-top: 10rem
}
.section.mod--project-hero {
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
min-height: 26.5rem;
padding-top: 5.6rem;
padding-bottom: 1rem
}
.section.mod--project-media {
outline-offset: -1rem;
outline-width: 1rem
}
.section.mod--runlogo-hero {
margin-top: -1.5rem
}
.columns.mod--header {
height: 3.5625rem
}
.columns.mod--discuss {
padding: 1rem 1.5rem
}
.columns.is-heading {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column-reverse;
margin-bottom: 3.5rem
}
.columns.is-heading.is-invert-mobile {
flex-direction: column
}
.columns.mod--card-head {
margin-bottom: 2rem
}
.columns.mod--post {
grid-row-gap: 3rem
}
.columns.mod--benefits {
margin-top: 2rem
}
.columns.mod--blog-hero {
grid-row-gap: 1rem;
margin-bottom: 3rem
}
.columns.mod--contact {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem
}
.columns.mod--works {
min-height: 20rem
}
.columns.mod--contact-video {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex: none;
width: auto
}
.columns.mod--projects {
grid-row-gap: 3.5rem
}
.columns.mod--opensource-card {
padding-top: 1rem
}
.columns.mod--service-hero {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.columns.mod--team {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
flex-direction: column;
align-items: flex-start;
margin-bottom: 4.5rem
}
.columns.mod--service-features {
margin-bottom: 1rem
}
.columns.mod--case {
grid-row-gap: 1rem;
flex-direction: column
}
.columns.mod--case.mod--case-feedback {
grid-row-gap: .75rem;
margin-top: 3rem;
padding-top: 3rem;
padding-bottom: 3rem
}
.columns.mod--case-swiper {
grid-column-gap: .5rem;
justify-content: center;
height: auto;
padding-bottom: 3.75rem
}
.columns.mod--case-steps {
grid-row-gap: 2.5rem;
flex-direction: column-reverse
}
.columns.mod--home {
flex-direction: column;
min-height: auto
}
.columns.mod--cookie {
grid-column-gap: 3rem;
grid-row-gap: 3rem
}
.columns.mod--case-services {
display: block
}
.columns.mod--post-header {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
margin-bottom: 3rem
}
.columns.mod--hero-param {
padding-top: 1rem
}
.columns.mod--clutch-awards.is-mobile {
margin-left: 0;
display: flex
}
.columns.mod--research-team {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
flex-direction: column;
align-items: flex-start;
margin-bottom: 4.5rem
}
.columns.mod--numb-steps {
margin-top: 2rem
}
.columns.mod--hero-refer {
grid-row-gap: 1rem;
margin-bottom: 3rem
}
.columns.mod--form-audit {
max-width: 33rem;
min-height: 33rem;
padding: 1rem
}
.columns.mod--audit-example {
grid-column-gap: 3rem;
grid-row-gap: 3rem
}
.columns.mod--tech {
grid-row-gap: .5rem;
margin-left: -.25rem;
margin-right: -.25rem
}
.columns.mod--submit-success {
flex-flow: column
}
.columns.mod--ref-steps {
margin-top: 2rem
}
.columns.mod--results {
min-height: 20rem
}
.columns.is-heading2 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column-reverse;
margin-bottom: 3.5rem
}
.columns__col.is-1-old.mod--reviews {
display: none
}
.columns__col.is-1-old.mod--heading-works {
align-self: flex-start
}
.columns__col.is-1-old.mod--case {
width: auto;
max-width: none;
margin-right: 0
}
.columns__col.is-1-old.mod--case-swiper {
padding-top: 0
}
.columns__col.is-1-old.mod--case-services {
width: 100%;
max-width: 100%;
margin-bottom: 1rem
}
.columns__col.is-2-old.mod--works-heading {
padding-right: 5rem
}
.columns__col.is-2-old.mod--case-services {
max-width: 100%;
margin-bottom: 1rem;
margin-left: 0
}
.columns__col.is-3-old.mod--case-services {
width: 100%;
margin-left: 0
}
.columns__col.mod--awards {
padding-left: .25rem;
padding-right: .25rem
}
.columns__col.mod--contact-video {
border-radius: .4375rem
}
.columns__col.mod--case-steps {
width: 100%
}
.columns__col.mod--home {
transform-origin: 50% 0
}
.columns__col.mod--home.is-1 {
transform-origin: 50% 0;
max-width: 100%
}
.columns__col.mod--heading.is-1 {
width: auto
}
.columns__col.mod--faq.is-2 {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.columns__col.mod--works-head.is-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.columns__col.mod--post.is-1 {
grid-column-gap: 3rem;
grid-row-gap: 3rem
}
.columns__col.mod--team.is-1 {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.columns__col.mod--team.is-2 {
padding-top: 0
}
.columns__col.mod--works.is--1 {
padding-top: 1.25rem;
padding-left: 1rem;
padding-right: 1rem
}
.columns__col.mod--works.is--1.is--tags {
padding-bottom: 1rem
}
.columns__col.mod--projects.is--1 {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column-reverse;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative
}
.columns__col.mod--tech {
padding-left: .25rem;
padding-right: .25rem
}
.columns__col.mod--discuss-img {
margin-right: -.5rem
}
.columns__col.mod--contact-success {
background-image: linear-gradient(90deg, #f5f5f7 79%, #f5f5f700 80%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/66d8596ee0d8698a5619d2c4_card-ContactSuccess_mobile.avif);
background-position: 0 0, 100% 0;
background-repeat: repeat, no-repeat;
background-size: auto, contain;
border-radius: 1rem
}
.columns__col.mod--banner {
padding-right: var(--size-16);
grid-column-gap: var(--size-16);
grid-row-gap: var(--size-16)
}
.swiper-nav.mod--case-swiper {
margin-left: auto;
margin-right: auto;
right: auto
}
.swiper-nav.mod--shots {
padding-left: 1.5rem;
padding-right: 1.5rem;
top: 35%
}
.swiper-nav.mod--dashboard {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.swiper-nav__arrow {
width: 2.5rem;
height: 2.5rem
}
.swiper.mod--reviews {
border-radius: 0;
overflow: visible
}
.swiper.mod--post-big {
margin-bottom: 2rem
}
.swiper.mod--case {
border-radius: .5rem;
width: auto;
height: auto
}
.swiper.mod--service-releted {
margin-left: -1rem;
margin-right: -1rem;
padding-left: 1rem;
padding-right: 1rem
}
.swiper.mod--reviews-white {
border-radius: 0;
overflow: visible
}
.swiper-wrapper.mod--service-hero {
flex-direction: column
}
.swiper-wrapper.mod--achiev {
font-size: .9rem
}
.swiper-wrapper.mod--awards {
grid-row-gap: 0rem;
flex-flow: row
}
.swiper-slide {
width: 100%;
max-width: none
}
.swiper-slide.mod--service-hero {
height: 100%
}
.swiper-slide.mod--service-hero.is--separ {
border-right-style: none;
margin-right: 0;
padding-right: 0
}
.swiper-slide.mod--expertise {
width: 50%
}
.swiper-slide.mod--awards {
padding-left: .4rem;
padding-right: .4rem
}
.remodal__container.mod--error {
grid-row-gap: 1.5rem;
padding: 1rem 1rem 1.5rem
}
.remodal__container.mod--booking {
padding-left: 0;
padding-right: 0
}
.margin-xhuge {
margin: 4rem
}
.heading-4.margin-bottom-54 {
margin-bottom: 1rem
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.text-size-large {
font-size: 1.25rem
}
.padding-xxlarge {
padding: 3rem
}
.fs-styleguide_section-header {
font-size: .875rem
}
.text-size-regular {
font-size: .75rem
}
.padding-xhuge {
padding: 4rem
}
.display-inlineflex {
flex: none
}
.margin-xxhuge {
margin: 4.5rem
}
.margin-huge {
margin: 3.5rem
}
.fs-styleguide_heading-large {
font-size: 3rem
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0
}
.hide-mobile-landscape {
display: none
}
.margin-medium {
margin: 1.25rem
}
.margin-xxlarge {
margin: 3rem
}
.margin-xlarge {
margin: 2rem
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.heading-3 {
font-size: 2.375rem
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0
}
.overflow-hidden.is-wide {
justify-content: center;
align-items: center;
display: flex
}
.overflow-hidden.mod--post {
flex: 1
}
.overflow-hidden.mod--post-btn {
flex: 1;
margin-left: 0;
margin-right: auto
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0
}
.padding-xlarge {
padding: 2rem
}
.padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.padding-large {
padding: 1.5rem
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0
}
.fs-styleguide_version {
font-size: .875rem
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0
}
.fs-styleguide_heading-medium {
font-size: 2rem
}
.padding-xxhuge {
padding: 4.5rem
}
.margin-vertical {
margin-left: 0;
margin-right: 0
}
.heading-6.text-size-tablet-16 {
font-size: .875rem
}
.heading-6.mod--post-description {
font-size: 1rem
}
.heading-6.mod--expertise {
font-size: 1.25rem
}
.padding-medium {
padding: 1.25rem
}
.padding-section-large {
padding-top: 4rem;
padding-bottom: 4rem
}
.heading-5.mod--case-cta {
margin-left: 0
}
.padding-huge {
padding: 3.5rem
}
.button.is-white.mod--post-big {
display: flex
}
.button.mod--case {
align-self: stretch
}
.button.mod--projects-filter {
flex: 1
}
.button.is-tiny-simple {
height: 2rem
}
.button.mod--projects-cta {
flex: 1;
display: flex
}
.margin-large {
margin: 1.5rem
}
.heading-1.mod--catalog-border {
font-size: 8vw
}
.heading-1.mod--home {
max-width: 29rem;
font-size: 3.75rem
}
.heading-1.mod--hero-service {
font-size: 3.2rem
}
.text-rich {
background-size: 1.5rem, cover
}
.text-rich h2 {
margin-bottom: 1rem;
font-size: 1.5rem
}
.text-rich p {
margin-bottom: 1.5rem;
font-size: 1rem
}
.text-rich li {
font-size: 1rem
}
.text-rich blockquote {
background-position: 1.5rem 90%, 100% 100%;
max-width: none;
margin-top: 0;
margin-bottom: 3rem;
padding: 1.5rem 1.5rem 4.5rem;
font-size: 1rem
}
.text-rich figure {
margin-top: 0;
margin-bottom: 3rem
}
.container.mod--posts-related {
grid-row-gap: 1rem;
padding-top: 3rem
}
.container.mod--404 {
flex-direction: column;
align-items: stretch;
padding-bottom: 5rem;
overflow: visible
}
.container.mod--post-big {
flex-direction: column;
align-items: center;
display: flex
}
.container.mod--dedicated-achiev {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem
}
.grid {
grid-template-columns: 1fr;
grid-template-areas: "Area-3 Area-3" "Area-2 Area-2" "Area Area"
}
.grid.mod--footer {
margin-bottom: 2.5rem
}
.grid.mod--clients,
.grid.mod--issues {
grid-template-columns: repeat(auto-fit, minmax(50%, auto))
}
.post-card__title {
font-size: 1.125rem
}
.post-card.is-big {
border-radius: 1rem
}
.post-card__title-link {
align-self: flex-start
}
.form-error {
bottom: -1rem
}
.discuss__sidebar {
padding: 1rem
}
.footer__block {
font-size: 1.125rem
}
.text-size-14.opacity-70.text-style-allcaps {
font-size: .625rem
}
.dropdown__toggle.mod--post-faq {
align-items: flex-start;
max-width: 100%;
padding: 1rem
}
.dropdown__toggle.mod--faq {
font-size: .875rem
}
.dropdown__toggle.mod--footer {
padding-top: .8rem;
padding-bottom: .8rem
}
.dropdown__list.is-inter {
max-width: 100%
}
.social__link {
width: 2rem;
height: 2rem
}
.list.mod--contact {
grid-column-gap: .7rem;
grid-row-gap: .7rem
}
.list__item.mod--contact {
background-size: 1rem;
padding-left: 1.5rem
}
.collection__list.mod--post-writing {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: row
}
.collection__list.is-posts {
margin-left: -1rem;
margin-right: -1rem
}
.collection__list.mod--case-tech {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.collection__list.mod--case-services {
flex-wrap: nowrap;
margin-left: -1rem;
margin-right: -1rem;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
overflow: auto
}
.collection__list.mod--category-more {
grid-row-gap: .75rem
}
.collection__item.mod--post-writing {
padding-left: 0
}
.collection__item.is-posts {
padding-left: 1rem;
padding-right: 1rem
}
.collection__item.mod--case-services {
flex: none
}
.home__cta {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
align-items: stretch;
padding-top: 1.5rem
}
.home__cta-item.mod--10y {
grid-column-gap: .75rem
}
.text-size-20.text-weight-medium.mod--post-writing {
font-size: 1rem
}
.home__cta-10y {
font-size: 2rem
}
.home__cta-text {
font-size: .75rem
}
.circles__block {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding-top: 10vw;
font-size: .75rem
}
.circles__block.mod--tech-audit {
padding-top: 1.6rem
}
.circles__block.mod--tech {
padding-top: 5vw
}
.card__container {
padding: 2rem 1rem 1rem
}
.works__more {
background-color: var(--blue-dark)
}
.clients__block-wrap {
height: 10rem
}
.reviews__card {
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
padding: 1rem
}
.reviews__card.is--grey-border {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6496b325ba0b0feb62a67e5f_bg-card-reviewsBorder_tablet.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%
}
.reviews__rate {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
margin-bottom: 1rem;
padding-bottom: 1rem
}
.rating {
grid-column-gap: .18rem
}
.rating__star {
width: .75rem;
height: .75rem
}
.author__ava {
width: 2.5rem;
max-width: 2.5rem;
height: 2.5rem
}
.author__ava.mod--dedicated {
border-radius: 5rem;
width: 2.5rem;
max-width: 2.5rem;
height: 2.5rem
}
.post-card__img {
width: 12rem;
height: 12rem
}
.post-card__img.is-big {
width: 13rem;
height: 13rem
}
.post-card__img.is-lottie {
width: 8rem;
height: 8rem
}
.posts-pagination {
grid-column-gap: .5rem;
min-height: 2.5rem
}
.posts-pagination__btn,
.posts-pagination__btn.is-page.w--current {
width: 2.5rem;
height: 2.5rem
}
.posts-pagination__pages {
grid-column-gap: .5rem
}
.post-card__img-link {
height: 13.5rem;
margin-bottom: 1rem
}
.post-card__img-link.is-big {
padding: 1.2rem 1rem 1rem
}
.heading-wrap.mod--projects-catalog {
max-width: none;
margin-bottom: 0
}
.heading-wrap.mod--projects-catalog.is-mobile {
margin-left: 0;
display: block
}
.heading-wrap.mod--dedicated-achiev {
margin-bottom: -1rem
}
.breadcrumb__text,
.post__param {
font-size: .625rem
}
.post-share__btn {
width: 2.5rem;
height: 2.5rem
}
.post-author {
grid-column-gap: .75rem
}
.post__sidebar {
align-items: center
}
.post__writing {
grid-row-gap: 1.5rem
}
.button-attach__icon2 {
width: 1.25rem
}
.post__estimation {
border-radius: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem
}
.post__faq {
grid-row-gap: 1rem
}
.dropdown__title-wrap.mod--faq {
font-size: 1.125rem
}
.dropdown__title-wrap.mod--post-faq {
letter-spacing: -.01em;
font-size: 1rem
}
.dropdown__icons.mod--footer {
width: 1rem;
height: 1rem
}
.services__text {
max-width: none
}
.benefits__block {
padding: 1rem
}
.benefits__block.is--white {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c4ada4833c0b5d942eb5f_bg-card-benefits_tablet.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%
}
.benefits__block.is--slider {
flex-direction: column
}
.swiper-pagin.mod--catalog-hero {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.benefits__infinity {
width: 3.5rem;
margin-top: -.8rem
}
.benefits__logo-halolab {
width: 2.5rem;
height: 2.5rem
}
.post-big__bottom {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.author {
align-items: center
}
.author.mod--service-page {
flex-flow: row;
justify-content: flex-start;
align-items: center
}
.author.mod--dedicated {
flex-direction: row;
align-items: center
}
.home__video {
width: 100%;
height: 120vw
}
.faq-cta__card {
grid-template-rows: auto auto;
grid-template-columns: 1rem 1fr;
grid-auto-columns: 1fr;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.form__radio {
width: .875rem;
height: .875rem
}
.button__text {
display: block
}
.services__block {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 1rem
}
.clients__btn-icon.is-minus {
display: none
}
.footer__nav-link {
grid-template-columns: 1fr
}
.awards__founders {
flex-direction: row;
align-items: center;
font-size: .75rem
}
.catalog-subs__img {
width: 2.5rem;
height: 2.5rem
}
.post__share {
grid-row-gap: 1.5rem;
flex-direction: column;
display: flex
}
.share__title {
font-size: 1rem;
font-weight: 500
}
.contact__video {
border-radius: .4375rem
}
.icon-regular.is-size-16-mobile,
.icon-regular.is-post-param {
width: 1rem;
height: 1rem
}
.case-cta {
border-radius: 1rem;
height: 21rem
}
.case-cta__bottom {
border-radius: 1rem;
padding: 1.5rem 1rem 1rem
}
.case-cta__heart {
display: none
}
.project-card-big__content {
grid-row-gap: 1rem;
padding: 1rem
}
.opensource-card {
border-bottom: 0 solid #ffffff4d;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
min-height: 14rem;
padding: 1rem
}
.page404__bg {
z-index: -1;
position: absolute;
inset: auto 0%
}
.page404__gif {
width: 8rem;
height: 8rem
}
.error-popup {
background-repeat: no-repeat;
background-size: contain
}
.page404__bg-wrap {
flex: 1;
margin-left: -1rem;
margin-right: -1rem;
position: relative;
overflow: hidden
}
.page404__text-wrap {
text-align: center;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
top: 0
}
.author__text-wrap {
line-height: 1.4
}
.service-hero__card {
padding-left: 1rem;
padding-right: 1rem
}
.service-other__heading-wrap.is-first {
padding-top: .4rem
}
.service-team__icon {
width: 2.5rem
}
.service-team__total {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.team__grid {
justify-content: flex-start;
margin: -.5rem
}
.post__rich-text img {
border-radius: 1rem
}
.post__rich-text h2 {
margin-top: 3rem;
margin-bottom: 1rem;
font-size: 1.5rem
}
.post__rich-text h3 {
margin-top: 1rem;
font-size: 1.25rem
}
.post__rich-text h4 {
font-size: 1.125rem
}
.post__rich-text p {
margin-bottom: 1.5rem;
font-size: 1rem
}
.post__rich-text li {
font-size: 1rem
}
.post__rich-text ul,
.post__rich-text ol {
margin-top: 1.5rem;
margin-bottom: 1.5rem
}
.post__rich-text blockquote {
max-width: none;
margin-top: 3rem;
margin-bottom: 3rem;
padding-left: 1.5rem;
padding-right: 5rem;
font-size: 1rem
}
.post__rich-text figure {
margin-top: 3rem;
margin-bottom: 3rem
}
.post__rich-text figcaption {
max-width: 28rem;
margin-top: 1rem;
font-size: .75rem
}
.case__tech-item {
grid-row-gap: .75rem;
width: 21vw;
height: 21vw;
font-size: .75rem
}
.home__images {
left: 18.5rem;
right: auto
}
.post__rich-faq {
font-size: .875rem
}
.case__rich-text {
font-size: 1rem
}
.case__rich-text h4 {
max-width: 100%;
margin-bottom: .75rem;
margin-right: 0;
font-size: .625rem
}
.case__rich-text ol {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
max-width: 100%;
margin-bottom: 3rem;
margin-left: 0
}
.case__rich-text em {
width: 2rem;
height: 2rem;
font-size: .625rem
}
.case__rich-text h2 {
max-width: 100%;
margin-top: 0;
margin-bottom: 1rem;
margin-left: 0;
font-size: 1.5rem
}
.case__rich-text figcaption {
margin-left: .75rem;
font-size: .75rem
}
.case__rich-text ul {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
max-width: 100%;
margin-bottom: 3rem;
margin-left: 0
}
.case__rich-text p {
max-width: 100%;
margin-bottom: 1rem;
margin-left: 0
}
.case__rich-text h3 {
max-width: 100%;
margin-bottom: 1rem;
margin-right: 0
}
.case__rich-text li {
grid-row-gap: 1rem
}
.case__rich-text blockquote {
grid-row-gap: 1.5rem;
background-position: 0 2px;
background-size: 1.5rem;
margin-top: 3rem;
margin-bottom: 6rem;
padding-left: 2.5rem;
font-size: 1rem
}
.case__rich-testing li {
grid-row-gap: 1rem;
width: auto;
max-width: none
}
.case__rich-testing ul {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
align-items: flex-start;
margin-bottom: 3rem;
margin-left: 0;
display: flex
}
.case__rich-testing figure {
position: relative
}
.case__rich-feedback figcaption {
font-size: .75rem
}
.case__rich-feedback p {
margin-bottom: 1.5rem;
font-size: 1rem
}
.case__rich-feedback img {
width: 2.5rem;
min-width: 2.5rem;
max-width: 2.5rem
}
.case__rich-feedback figure {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
font-size: .75rem
}
.post-card__param {
font-size: .625rem
}
.case-cta__img {
border-radius: 1rem
}
.post-share__notice {
padding-left: .5rem
}
.post-share__notice-anim.active {
width: 1.375rem
}
.menu {
padding-left: 1rem;
padding-right: 1rem
}
.case__rich-result {
margin-bottom: 3rem
}
.case__rich-result h4 {
max-width: 100%;
margin-bottom: .75rem;
margin-right: 0
}
.case__rich-result ul {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
max-width: 100%;
margin-top: .5rem;
margin-bottom: 0;
margin-left: 0;
display: grid
}
.case__rich-result li {
grid-row-gap: .5rem;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64819da92bddba5bb57310d6_bg-card-caseResults_mobile.webp);
padding: 1rem;
font-size: .875rem
}
.case__rich-result strong {
font-size: 1.5rem
}
.case__rich-steps h2 {
margin-bottom: 1rem
}
.case__rich-steps img {
border-radius: 1rem
}
.case__rich-steps h3 {
margin-bottom: 1rem
}
.case__component {
margin-bottom: 3rem
}
.case__steps {
grid-row-gap: 3rem
}
.search-input {
padding-left: 1rem;
padding-right: 1rem
}
.dropdown__icon-wrap {
width: 2rem;
height: 2rem
}
.footer-contact__link {
grid-column-gap: .5rem;
font-size: 1.125rem
}
.circles__text {
max-width: 10rem
}
.case__rich-problem h4 {
margin-top: 3rem;
margin-bottom: .75rem;
font-size: .625rem
}
.case__rich-problem p {
font-size: 1rem
}
.hero-service__cta.mod--form {
max-width: 19.5rem
}
.hero-service__advant-numb {
padding-right: 0;
font-size: 2rem;
font-weight: 500;
display: block
}
.hero-service__advant-text.is-1 {
font-size: .75rem;
display: block
}
.hero-service__advant-text.is-2 {
display: none
}
.hero-service__advant {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
justify-content: flex-start;
align-items: center;
display: flex
}
.hero-service__advant.mod--audit {
margin-right: var(--size-16);
padding-right: var(--size-16)
}
.service-hero__video-wrap {
margin-top: -.7rem
}
.dropdown__content.mod--post-faq {
max-width: 100%;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem
}
.dropdown__content.mod--faq {
padding-right: 0
}
.dropdown__content.mod--footer-serv {
padding-top: 1.25rem;
padding-bottom: 1.5rem
}
.service-other__card {
padding: 1rem
}
.team__grid-block {
padding: .5rem
}
.dropdown-inter.mod--post-faq {
border-radius: 1rem
}
.button-play.mod--works,
.space-heading-4 {
display: none
}
.process {
margin-left: -1rem;
margin-right: -1rem;
padding-left: 1rem;
padding-right: 1rem
}
.expertise__card {
padding: 1rem
}
.expertise__title-wrap {
min-height: 3.1rem;
font-size: 1.25rem
}
.expertise__title-wrap.is--cta {
font-size: 1.25rem
}
.expertise__icon-wrap {
bottom: 1rem;
right: 1rem
}
.circles__block-wrap {
flex: none;
width: 32vw;
height: 32vw
}
.circles__block-wrap.mod--tech-audit {
width: 8.75rem;
height: 8.75rem
}
.circles__block-wrap.mod--tech {
width: 22.5vw;
height: 22.5vw
}
.dropdown__rich-faq {
font-size: .75rem
}
.service-releted__card {
padding: 1rem
}
.runlogo-contacts {
margin-top: 3.5rem;
margin-left: -1rem;
margin-right: -1rem;
padding-left: 1rem;
padding-right: 1rem
}
.contact__list-wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: row;
justify-content: flex-start
}
.button-copy-code__notice {
padding-left: .6rem
}
.button-copy-code__notice-anim.active {
width: 1.375rem
}
.catalog-card-border__bottom {
margin-top: 1.5rem;
padding-top: 1.5rem
}
.catalog-card-border__advant-numb {
font-size: 2rem
}
.catalog-card-border__advant-text.is-1 {
font-size: .75rem
}
.banner-donation__close {
right: .5rem
}
.dribble-card__border {
padding: 1rem
}
.dribble-card__label-dribble {
width: 10.8125rem
}
.dribble-card__advant,
.reviews__advant {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.dropdown__title.mod--faq {
font-size: 1.125rem
}
.attach__txt {
display: block
}
.swiper-progress-wrap {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.solutions__card {
padding-bottom: 1rem
}
.solutions__content {
margin-left: -1rem;
margin-right: -1rem;
padding-bottom: 2rem;
padding-left: 1rem;
padding-right: 1rem
}
.form__label-invalid {
font-size: .75rem;
bottom: -1.2rem
}
.form__label-invalid.is-subs {
bottom: -1rem
}
.modal-subs__video-wrap {
margin-bottom: 1.5rem
}
.modal-subs__img {
width: 5rem;
height: 5rem
}
.remodal__rich {
margin-bottom: 2rem
}
.remodal__rich h2 {
margin-bottom: 1rem;
font-size: 1.5rem
}
.remodal__rich p,
.toc__title {
font-size: .875rem
}
.tabs-menu.mod--awards {
margin-bottom: 2rem
}
.cookie__rich-text img {
border-radius: 1rem
}
.cookie__rich-text h2 {
margin-top: 5rem;
margin-bottom: 2rem
}
.cookie__rich-text h3 {
margin-top: 3rem;
margin-bottom: 1rem
}
.cookie__rich-text h4 {
font-size: 1rem
}
.cookie__rich-text p {
margin-bottom: 1.5rem;
font-size: 1rem
}
.cookie__rich-text li {
font-size: 1rem
}
.cookie__rich-text ul,
.cookie__rich-text ol {
margin-top: 1.5rem;
margin-bottom: 1.5rem
}
.cookie__rich-text figure {
margin-top: 3rem;
margin-bottom: 3rem
}
.cookie__rich-text figcaption {
max-width: 28rem;
margin-top: 1rem;
font-size: .75rem
}
.cookie__rich-text blockquote {
margin-bottom: 3rem;
padding-bottom: 3rem;
font-size: 1rem
}
.cookie__rich-text em {
margin-top: 1rem;
font-size: .75rem
}
.contact-form__policy {
max-width: 11rem;
font-size: .75rem
}
.cookie__heading-mobile {
margin-bottom: 2rem
}
.dribble-card__video {
width: 80vw
}
.form__submit-result-text.mod--blog {
font-size: .75rem
}
.post-estimation__title {
margin-bottom: 0
}
.page404__content {
margin-left: -1rem;
margin-right: -1rem
}
.cookie__content {
padding-top: 5.5625rem
}
.header__blur {
height: 3.5625rem
}
.header__blur.is--subheader {
height: auto
}
.clients__block.mod--globus {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.clients__line {
width: 100%;
height: .0625rem;
top: 25%;
left: 0%
}
.clients__line.is-2 {
top: 50%;
left: 0%
}
.clients__line.is-3 {
top: 75%;
left: 0%
}
.clients__line.is-4 {
width: .0625rem;
height: 100%;
top: 0%;
left: 50%
}
.upsell__list {
margin-top: -.5rem;
margin-bottom: -.5rem
}
.upsell__blocks {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr
}
.upsell__list-desc {
max-width: none
}
.solutions__icon-wrap {
bottom: 1rem;
right: 1rem
}
.banner-cookie {
padding-left: 1rem;
padding-right: 1rem
}
.home__slider {
border-radius: 1rem;
width: 100%
}
.home__stories-author {
width: 7rem
}
.list__icon-checked {
bottom: -.1rem
}
.reviews__tag {
padding-top: .5rem
}
.clutch-awards__container {
display: none
}
.steps__text {
font-size: .75rem
}
.issues__line {
width: 100%;
height: .0625rem;
top: 25%;
left: 0%
}
.issues__line.is--3 {
width: .0625rem;
height: 100%;
top: 0%;
left: 50%
}
.refer-hero__advant-numb {
font-size: 2rem;
display: block
}
.numb-steps__block {
padding: 1rem
}
.numb-steps__icon {
margin-bottom: 1rem
}
.faq__line-bottom {
margin-top: 5rem;
margin-bottom: -2.5rem
}
.dedicated-achiev__arrow {
right: -35px
}
.dedicated-start__advant {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
height: 2.5rem
}
.dedicated-start__advant-numb {
font-size: 2rem;
display: block
}
.roles__block {
min-height: 18rem
}
.banner-article__container {
padding-left: 1rem;
padding-right: 1rem
}
.header__banner-secret {
margin-top: -1rem;
margin-left: -1rem;
margin-right: -1rem
}
.list__icon-plus {
margin-top: .1rem
}
.shots__drop-toggle {
width: 8.75rem
}
.shots__drop-list.is--industries {
min-width: 10rem;
left: auto;
right: 0
}
.shots__industry {
height: 2.5rem
}
.project__rich-statistic li {
font-size: .875rem
}
.project__rich-statistic ul {
flex-flow: column
}
.timer__separ {
font-size: 1.7rem
}
.runlogo-services {
margin-top: 3.5rem;
margin-left: -1rem;
margin-right: -1rem;
padding-left: 1rem;
padding-right: 1rem
}
.services-cards__block {
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem
}
.services-cards__list {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.services-cards__rich h3 {
margin-bottom: .75rem
}
.dropdown__rich-portfolio {
font-size: .75rem
}
.rich-heading-4 p {
margin-top: 1.5rem
}
.hero-service__rich-advant {
flex-direction: row;
align-items: center;
display: flex
}
.hero-service__rich-advant p {
font-size: .75rem;
display: inline-block
}
.hero-service__rich-advant h4 {
margin-right: .75rem;
font-size: 1.875rem;
display: inline-block
}
.services__rich-wrap {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 1rem
}
.steps__rich,
.steps__rich-labels {
font-size: .75rem
}
.steps__icon-wrap {
width: 2rem;
height: 2rem
}
.subheader__nav {
min-height: 3.5rem
}
.linkedin__card {
padding: 1rem
}
.project__rich-main h2 {
padding-right: 0%
}
.project__rich-main p {
width: 100%;
font-size: 1rem
}
.project__rich-main figure {
width: 100%;
max-width: 100%
}
.projects-sidebar__buttons {
grid-column-gap: var(--size-16);
grid-row-gap: var(--size-16);
display: flex
}
.package__card {
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem
}
.package__rich h3 {
margin-bottom: .75rem
}
.remodal__scroll {
padding-left: 1rem;
padding-right: 1rem
}
.project-story {
border-radius: 1rem;
width: 100%
}
.project-cta {
grid-column-gap: 4rem;
grid-row-gap: 4rem
}
.project__rich-review p {
font-size: 1.5rem
}
.project-estimation__title {
margin-bottom: 0
}
.project-estimation {
border-radius: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem
}
.awards-container {
margin-left: -1rem;
margin-right: -1rem;
padding-left: 1rem;
padding-right: 1rem;
position: relative;
overflow: hidden;
transform: translate(0)
}
.circles-hover__block {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding-top: 5vw;
font-size: .75rem
}
.branding__lottie {
height: 54vw
}
.contact-office__card {
padding-bottom: 1rem
}
.audit-example__rich-text {
font-size: 1rem
}
.audit-example__rich-text img {
border-radius: 1rem
}
.audit-example__rich-text h2 {
margin-top: 3rem;
margin-bottom: 1rem;
padding-top: 3rem
}
.audit-example__rich-text h3 {
margin-top: 2rem
}
.audit-example__rich-text p {
margin-bottom: 1.5rem
}
.audit-example__rich-text ul,
.audit-example__rich-text ol {
margin-top: 1.5rem;
margin-bottom: 1.5rem
}
.audit-example__rich-text figure {
margin-top: 3rem;
margin-bottom: 3rem
}
.audit-example__rich-text figcaption {
max-width: 28rem;
margin-top: .375rem;
font-size: .75rem
}
.audit-example__rich-text blockquote {
margin-top: 1.5rem;
margin-bottom: 3rem;
font-size: 1.125rem
}
.catalog-card-border {
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem
}
.catalog-card-fill__content {
grid-row-gap: 1rem;
padding-left: 1rem;
padding-right: 1rem
}
.catalog-subs__form-wrap {
margin-top: 1.5rem;
padding-top: 1.5rem
}
.contact-success__top {
flex-flow: row;
justify-content: flex-start;
align-items: center;
max-width: 25rem
}
.form__policy {
font-size: .75rem
}
.ref-steps__block {
padding: 1rem
}
.ref-steps__icon {
margin-bottom: 1rem
}
.discuss-card {
padding-top: var(--size-40);
padding-bottom: var(--size-40)
}
.tabs-wrap.mod--contact {
padding: 4.5rem 1rem 1rem
}
.margin-bottom-80 {
margin-bottom: 2.5rem
}
.project-modal__row {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
margin-top: 2rem
}
.before-after__img {
height: 22.6rem
}
.trusted {
min-height: 30vw
}
.trusted__title {
top: -.5rem
}
.audit-card {
padding: 1rem
}
.grid-reviews__rate {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
margin-bottom: 1rem;
padding-bottom: 1rem
}
.audit-video-reviews__author,
.faq-cta__author {
align-items: center
}
.partners__block {
min-height: 30vw
}
.partners__title-wrap {
top: -.7rem
}
.block__container {
padding: var(--size-16)
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 2.625rem
}
h2 {
font-size: var(--size-32)
}
h3 {
font-size: 2rem
}
h4 {
font-size: 1.5rem
}
.input.is-textarea {
height: 2.5rem;
min-height: 2.5rem
}
.input.mod--footer {
height: 3rem;
padding-left: 1.25rem
}
.input.mod--catalog-subs {
padding-right: 1rem
}
.input.mod--subs {
height: 2.5rem;
padding-left: 1.25rem;
padding-right: 1.25rem
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.section.mod--post-hero {
min-height: 24.125rem
}
.section.mod--cookie {
padding-bottom: 9.5rem
}
.section.mod--hero.is--ebook {
padding-bottom: 24.5rem
}
.section.mod--reviews-white {
padding-bottom: 0
}
.section.mod--refer-steps {
padding-bottom: 5rem
}
.section.mod--project-about {
padding-top: 3rem;
padding-bottom: 3rem
}
.section.mod--runlogo-hero {
margin-bottom: 2.5rem
}
.logo {
width: 7.75rem
}
.header__nav-link {
font-size: 1.5rem
}
.columns.mod--discuss {
background-image: linear-gradient(#fff0 20%, #fff 21%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6597dfd8a96e42c7170cb9ff_card-discuss_mobile.svg);
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
padding-left: 1rem;
padding-right: 1rem
}
.columns.mod--discuss.is--img {
min-height: 21.125rem
}
.columns.mod--card-head {
grid-column-gap: 1.75rem;
grid-row-gap: 1.75rem;
position: static
}
.columns.mod--card-head.is-services {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
align-items: stretch;
margin-bottom: 1rem
}
.columns.mod--card-head.is--recent-launch {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
margin-bottom: 2rem
}
.columns.mod--benefits {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.columns.mod--blog-hero {
flex-direction: column
}
.columns.mod--blog-empty {
grid-row-gap: 3rem;
flex-direction: column-reverse
}
.columns.mod--faq {
grid-row-gap: 1rem
}
.columns.mod--works {
border-radius: 1rem;
flex-direction: column-reverse;
min-height: auto
}
.columns.mod--works.bg-color-grey {
background-color: #f5f5f700
}
.columns.mod--contact-video {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: 100%
}
.columns.mod--projects-dribble {
flex-direction: column;
height: auto;
padding-bottom: 4.5rem
}
.columns.mod--projects {
grid-row-gap: 2rem
}
.columns.mod--service-hero {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column
}
.columns.mod--service-other {
flex-direction: column
}
.columns.mod--menu {
padding-bottom: var(--size-24);
margin-top: -10.4rem
}
.columns.mod--menu.active {
margin-bottom: -11rem
}
.columns.mod--footer-copyright {
margin-top: 1rem
}
.columns.mod--footer-nav {
grid-row-gap: .75rem;
flex-direction: column;
align-items: flex-start
}
.columns.mod--hero-param {
flex-wrap: wrap
}
.columns.mod--clutch-awards {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
width: 100%;
margin-left: 0
}
.columns.mod--clutch-awards.is-mobile {
justify-content: space-between;
display: flex
}
.columns.mod--get-cards {
flex-direction: column
}
.columns.mod--steps {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
padding-right: 0
}
.columns.mod--cases-modal {
grid-row-gap: 1rem;
flex-flow: column-reverse;
flex: 1;
justify-content: flex-end;
align-items: flex-start;
margin-bottom: 1.5rem
}
.columns.mod--research-team {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
margin-bottom: 3.5rem
}
.columns.mod--research-phases {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.columns.mod--reserch-services {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column
}
.columns.mod--numb-steps {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.columns.mod--hero-refer {
flex-direction: column;
height: auto
}
.columns.mod--dedicated-start,
.columns.mod--roles {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column
}
.columns.mod--tech-audit {
grid-row-gap: .5rem;
margin-left: -.25rem;
margin-right: -.25rem
}
.columns.mod--benefits-timer {
align-items: stretch
}
.columns.mod--faq-portfolio {
grid-column-gap: 3rem;
grid-row-gap: 3rem
}
.columns.mod--steps-lists {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column
}
.columns.mod--project-post {
grid-column-gap: 3rem;
grid-row-gap: 3rem
}
.columns.mod--payoneer {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
padding-bottom: 0
}
.columns.mod--form-audit {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6597dfd8a96e42c7170cb9ff_card-discuss_mobile.svg);
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 100%;
border-top-left-radius: 1rem;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
min-height: 32.1rem
}
.columns.mod--audit-example {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.columns.mod--cases-heading {
margin-bottom: 2rem
}
.columns.mod--tech {
margin-left: -.5rem;
margin-right: -.5rem
}
.columns.mod--submit-success {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.columns.mod--ref-steps {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.columns.mod--results {
grid-column-gap: var(--size-0);
grid-row-gap: var(--size-0);
background-color: var(--transparent);
border-radius: 1rem;
flex-direction: column-reverse;
min-height: auto
}
.columns.is-heading2.mod--grid-reviews {
margin-bottom: var(--size-40);
grid-column-gap: var(--size-24);
grid-row-gap: var(--size-24);
flex-flow: column;
align-items: center
}
.columns.mod--trusted {
font-size: .55rem
}
.columns.mod--discuss-logo {
grid-row-gap: var(--size-24);
flex-flow: wrap;
font-size: .9rem
}
.columns.mod--partners {
padding-right: var(--size-12);
padding-left: var(--size-12);
font-size: .55rem
}
.columns__col {
flex: 0 auto
}
.columns__col.is-1-old.mod--discuss {
grid-row-gap: 2rem
}
.columns__col.is-1-old.mod--case-swiper {
flex: 1
}
.columns__col.is-1-old.mod--blog-empty {
max-width: 100%
}
.columns__col.is-1-old.mod--footer-copyright {
text-align: center;
order: 1;
width: 100%
}
.columns__col.is-1-old.mod--projects-dribble {
flex: 0 auto;
width: 100%;
height: 15.375rem
}
.columns__col.is-2-old.mod--works-heading {
position: static
}
.columns__col.is-2-old.mod--case-swiper {
flex: 1
}
.columns__col.is-2-old.mod--blog-empty {
width: 100%
}
.columns__col.is-2-old.mod--footer-copyright {
margin-bottom: 1rem;
padding-bottom: 1rem
}
.columns__col.is-2-old.mod--reviews2 {
display: none
}
.columns__col.is-2-old.mod--projects-dribble {
width: 100%;
height: 15.375rem
}
.columns__col.is-3-old.mod--footer-copyright {
border-bottom: .0625rem solid #fffc;
justify-content: space-between;
width: 100%;
margin-bottom: 1rem;
padding-bottom: 1rem
}
.columns__col.mod--awards {
width: 50%
}
.columns__col.mod--benefits {
flex: 0 auto;
width: 100%
}
.columns__col.mod--benefits.is-1 {
order: -1
}
.columns__col.mod--contact-video {
grid-row-gap: 1.25rem
}
.columns__col.mod--opensource-card {
min-width: 2.4rem
}
.columns__col.mod--service-other {
width: 100%
}
.columns__col.mod--discuss.is-1 {
flex: 1
}
.columns__col.mod--blog-hero {
width: 100%
}
.columns__col.mod--contact.is-1 {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.columns__col.mod--hero-post-param.is-cat {
border-bottom: .0625rem solid #fffc;
order: -1;
align-items: center;
width: 100%;
margin-bottom: 1rem;
padding-bottom: 1rem;
display: flex
}
.columns__col.mod--clutch-awards {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
width: 8.75rem;
height: 8.75rem;
padding-left: .8rem;
padding-right: .8rem;
font-size: .75rem
}
.columns__col.mod--clutch-awards.hide-mobile-portrait {
display: none
}
.columns__col.mod--cases-modal.is-3 {
bottom: -3.3rem
}
.columns__col.mod--works-head.is-2 {
justify-content: flex-end
}
.columns__col.mod--steps {
width: 100%;
max-width: 100%
}
.columns__col.mod--steps.is-1 {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.columns__col.mod--reserch-services {
width: 100%
}
.columns__col.mod--service-hero.is--2 {
display: none
}
.columns__col.mod--numb-steps {
flex: 0 auto;
width: 100%
}
.columns__col.mod--hero-refer,
.columns__col.mod--dedicated-start,
.columns__col.mod--roles {
width: 100%
}
.columns__col.mod--roles.is--nav {
order: 0;
margin-bottom: 0
}
.columns__col.mod--works.is--2 {
width: 100%
}
.columns__col.mod--works.is--1 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #f5f5f7;
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
flex: 1;
margin-top: -1rem;
padding-top: 2.25rem;
padding-bottom: 1.25rem
}
.columns__col.mod--tech-audit {
width: 50%;
padding-left: .25rem;
padding-right: .25rem
}
.columns__col.mod--steps-lists {
width: 100%;
max-width: 100%
}
.columns__col.mod--steps-lists.is-1 {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.columns__col.mod--project-main.is--2 {
flex-flow: column
}
.columns__col.mod--payoneer {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.columns__col.mod--tech {
width: 50%
}
.columns__col.mod--hero-ebook-form {
margin-top: 0;
margin-bottom: -22.2rem;
position: absolute;
inset: auto 0% 0
}
.columns__col.mod--discuss-img {
display: none
}
.columns__col.mod--contact-success {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/66d8596ee0d8698a5619d2c4_card-ContactSuccess_mobile.avif);
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 1rem
}
.columns__col.mod--ref-steps {
flex: 0 auto;
width: 100%
}
.columns__col.mod--service-releted.is-2 {
display: none
}
.columns__col.mod--results.is--2 {
width: 100%;
height: 12.5rem
}
.columns__col.mod--results.is--1 {
padding: var(--size-32)var(--size-16)var(--size-16);
background-color: var(--grey-light);
margin-top: -1rem
}
.columns__col.mod--audit-cards,
.columns__col.mod--audit-cards.is--2col-tablet {
width: 100%
}
.columns__col.mod--discuss-logo {
width: 50%
}
.columns__col.mod--discuss-logo.is--2 {
order: 2
}
.columns__col.mod--discuss-logo.is--3 {
order: 1
}
.columns__col.mod--banner {
flex-flow: column
}
.swiper-nav {
grid-column-gap: .5rem
}
.swiper-nav.mod--cases-modal {
margin-top: var(--size-16);
grid-column-gap: .5rem
}
.swiper-nav.mod--shots {
grid-column-gap: .5rem;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: none;
position: relative
}
.swiper-nav.mod--services {
margin-top: 1.5rem;
margin-left: auto;
margin-right: auto
}
.swiper-nav.mod--services.is--mobile,
.swiper-nav.mod--shots-mobile {
display: flex
}
.swiper-nav.mod--video-reviews {
margin-top: 3rem;
display: flex;
position: relative;
top: 0
}
.swiper-nav.mod--dashboard {
grid-column-gap: .5rem;
justify-content: center;
align-items: center;
margin-top: 3rem;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: none;
position: relative
}
.swiper-nav.mod--dashboard-mobile {
margin-top: 3rem;
display: flex
}
.swiper.mod--works {
background-color: #0000;
border-radius: 1rem;
margin-left: auto;
margin-right: auto
}
.swiper.mod--reviews {
border-radius: 1rem
}
.swiper.mod--post-big {
margin-bottom: 0;
display: flex;
overflow: visible
}
.swiper.mod--reviews-white {
border-radius: 1rem
}
.swiper.mod--runlogo-contacts {
font-size: .8rem
}
.swiper.mod--cases-modal {
margin-bottom: -4.5rem;
padding-bottom: 4.5rem
}
.swiper.mod--cases-modal-thumbs {
border-radius: 1rem;
height: auto;
display: block
}
.swiper.mod--shots {
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
height: 15rem
}
.swiper.mod--shots.is--no-filter {
border-radius: 1rem;
height: 15rem
}
.swiper.mod--runlogo-pitch {
border-left-style: none;
border-left-width: 0;
font-size: .65rem
}
.swiper.mod--dashboard {
border-radius: 1rem;
height: 15rem
}
.swiper-wrapper.mod--post-big {
grid-column-gap: 0rem;
grid-row-gap: 0rem
}
.swiper-wrapper.mod--achiev {
font-size: 1rem
}
.swiper-wrapper.mod--runlogo-services {
font-size: .8rem
}
.swiper-wrapper.mod--3cards {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column
}
.swiper-wrapper.mod--awards {
justify-content: flex-start;
align-items: stretch
}
.swiper-wrapper.mod--runlogo-pitch {
font-size: .55rem
}
.swiper-wrapper.mod--grid-reviews {
margin-right: var(--size-0);
margin-left: var(--size-0);
flex-flow: row
}
.swiper-slide {
width: 100%
}
.swiper-slide.mod--works {
flex: none;
width: 100%
}
.swiper-slide.mod--reviews {
width: 15.75rem
}
.swiper-slide.mod--benefits {
display: block
}
.swiper-slide.mod--post-big {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6488858d2e8b1b93ebd64cb6_bg-card-postBig_mobile.webp);
flex: none
}
.swiper-slide.mod--post-big:last-child {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6488858d2e8b1b93ebd64cb6_bg-card-postBig_mobile.webp)
}
.swiper-slide.mod--expertise,
.swiper-slide.mod--service-releted {
width: 100%
}
.swiper-slide.mod--reviews-white {
width: 14.75rem
}
.swiper-slide.mod--solutions {
width: 95%
}
.swiper-slide.mod--runlogo {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.swiper-slide.mod--home {
display: block
}
.swiper-slide.mod--cases {
width: 100%
}
.swiper-slide.mod--cases-modal,
.swiper-slide.mod--cases-modal-thumbs {
height: auto
}
.swiper-slide.mod--achiev {
width: 10.25rem
}
.swiper-slide.mod--shots,
.swiper-slide.mod--shots.is--no-filter {
height: 15rem
}
.swiper-slide.mod--services {
flex: none;
width: 100%
}
.swiper-slide.mod--contact-office {
width: 16rem
}
.swiper-slide.mod--runlogo-pitch,
.swiper-slide.mod--runawards {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.swiper-slide.mod--dashboard {
height: 15rem;
padding-top: 1rem
}
.swiper-slide.mod--grid-reviews {
padding-right: var(--size-0);
padding-left: var(--size-0);
width: 100%;
height: auto
}
.remodal__container {
background-image: linear-gradient(#fff0 30%, #fff 31%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64a9a0a86b72ccc0d3d2320b_bg-modalJoin_mobile.webp);
border-radius: 1rem;
max-width: 18.125rem;
padding: 2rem 1rem 1rem
}
.remodal__container.mod--video {
max-width: 92%
}
.remodal__container.mod--error {
background-position: 0 0, 0 0;
align-items: stretch;
padding-bottom: 1rem
}
.remodal__container.mod--cases {
padding: var(--size-48)1rem var(--size-16)
}
.remodal__container.mod--project-post {
border-radius: 0;
padding-left: 1rem;
padding-right: 1rem
}
.remodal__container.mod--form {
max-width: 18.125rem
}
.remodal__container.mod--booking {
text-align: left
}
.remodal.remodal-global {
max-width: 18.125rem
}
.remodal.remodal-global.is-simple {
max-width: 18rem
}
.remodal.is--global.mod--project-post {
padding: 0
}
.heading-4 {
font-size: 1.5rem
}
.heading-4.text-size-mobile-16 {
font-size: var(--size-16);
text-align: center;
line-height: 1.2
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.form.mod--search {
flex-direction: row-reverse;
padding-left: 0;
padding-right: .3rem
}
.icon-small.is--size-24-mobile {
width: var(--size-24);
height: var(--size-24)
}
.hide-mobile-portrait {
display: none
}
.display-inlineflex {
flex: 1
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0
}
.heading-2,
.heading-2.mod--won-hero {
font-size: 2rem
}
.heading-2.mod--refer {
font-size: 2.625rem
}
.heading-2.mod--hero-form {
font-size: 2rem
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.heading-3 {
font-size: 2rem
}
.heading-3.mod--service-other {
font-size: 1.5rem
}
.heading-3.text-style-allcaps.mod--research {
margin-bottom: 1rem
}
.heading-3.is--h4-mobile {
font-size: 1.5rem;
line-height: 1.1
}
.heading-3.mod--process-banner {
font-size: var(--size-24)
}
.input-wrap {
flex: 0 auto;
width: 100%
}
.input-wrap.is-submit {
grid-column-gap: .875rem;
grid-row-gap: .875rem;
flex-direction: column-reverse;
align-items: stretch
}
.input-wrap.mod--contact-submit {
flex-flow: column;
align-items: stretch
}
.input-wrap.mod--subs {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
display: flex
}
.input-wrap.mod--hero-submit {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.input-wrap.mod--discuss-img {
grid-column-gap: .875rem;
grid-row-gap: .875rem;
flex-direction: column-reverse;
align-items: stretch
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0
}
.overflow-hidden.mod--post-btn {
flex: 1;
margin-left: 0
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0
}
.form-wrapper.mod--projects {
top: 3.6rem;
overflow: visible
}
.form-wrapper.mod--footer {
margin-bottom: 2rem
}
.form-wrapper.mod--cases-filter {
margin-left: -1rem;
margin-right: -1rem;
padding-left: 1rem;
padding-right: 1rem
}
.form-wrapper.mod--shots-filter {
width: 100%;
margin-bottom: 1.5rem
}
.form-wrapper.mod--modal {
width: 100%;
padding-left: 1rem;
padding-right: 1rem
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0
}
.margin-vertical {
margin-left: 0;
margin-right: 0
}
.heading-6.text-align-center.mod--error,
.heading-6.mod--footer {
font-size: 1.5rem
}
.heading-6.mod--modal-error {
max-width: 15rem;
margin-left: auto;
margin-right: auto;
font-size: 1.5rem
}
.heading-6.mod--form-hero {
font-size: 1.5rem
}
.heading-6.mod--form-hero.is--letter-spacing-mobile {
letter-spacing: -.04em
}
.heading-5.mod--404 {
max-width: none
}
.heading-5.mod--blog-empty {
font-size: 1.5rem
}
.heading-5.mod--works {
line-height: 1.1
}
.heading-5.mod--cases-modal {
font-size: var(--size-20)
}
.button {
width: 100%;
font-size: .75rem
}
.button.is-small.bg-color-black.mod--clutch-modal {
padding-right: .5rem
}
.button.bg-color-black.mod--clutch-modal {
padding-left: .5rem
}
.button.mod--projects-filter {
background-color: var(--white);
border-style: none;
flex: none;
width: auto;
padding: 0
}
.button.mod--blog {
height: 2.5rem
}
.button.is-simple-mobile {
padding-right: 1.5rem
}
.heading-1 {
font-size: 2.625rem
}
.heading-1.mod--catalog-border {
flex: 0 auto;
font-size: 2.625rem;
display: block
}
.heading-1.mod--home {
max-width: 15.4375rem;
font-size: 2.625rem
}
.heading-1.mod--hero-service {
font-size: 2rem
}
.text-rich blockquote {
background-color: #fff3db;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6426d58adbf12d695648169e_icon-quotes.svg);
background-position: 1.5rem 100%;
background-repeat: no-repeat;
background-size: 1.5rem;
border-bottom-left-radius: 0;
margin-top: 0;
margin-bottom: 4.25rem;
padding-bottom: 3.25rem;
position: relative
}
.text-rich figure {
margin-top: 0;
margin-bottom: 3rem
}
.container.mod--banner-terms {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: center;
flex-direction: column;
align-items: stretch
}
.container.mod--banner-donation {
align-items: flex-start
}
.container.mod--menu {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
display: flex
}
.container.mod--research-service {
padding-top: 6.5rem;
padding-bottom: 5rem
}
.category__btn {
padding: .4rem 1rem
}
.category__btn.w--current {
background-color: #f5f5f7
}
.category__btn.mod--search {
display: none
}
.category__btn.is-cat-dropdown {
color: var(--blue-dark);
text-align: left;
border-style: none;
border-radius: 0;
font-weight: 400
}
.category__btn.is-cat-dropdown:hover {
background-color: #0000
}
.category__btn.is-cat-dropdown.w--current {
background-color: #f5f5f7
}
.category__btn.mod--case {
height: 2rem
}
.margin-bottom-56 {
margin-bottom: 1rem
}
.grid {
grid-template-areas: "."
}
.grid.mod--discuss {
grid-row-gap: 1.375rem;
flex-direction: column;
display: flex
}
.grid.mod--footer {
grid-row-gap: 2.5rem;
flex-flow: column;
display: flex
}
.grid.mod--issues {
flex-direction: column
}
.discuss__sidebar {
background-image: linear-gradient(#f5f5f700 24%, #f5f5f7 25%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/65797591983ebc6ca47b5897_card-discussReview_mobile.webp);
background-position: 0 0, 100% 0;
background-repeat: repeat, no-repeat;
background-size: auto, 100%;
border-radius: 1rem;
flex-flow: column
}
.footer__block.is--address {
order: 1
}
.text-size-14.text-style-allcaps.mod--works-cat {
margin-bottom: -.3em
}
.footer-contact {
grid-row-gap: 2rem
}
.footer-tech.mod--audit {
grid-column-gap: var(--size-8);
grid-row-gap: var(--size-8)
}
.footer-tech__link {
max-width: 48.5%
}
.footer-tech__link.mod--audit {
min-height: var(--size-48);
grid-column-gap: var(--size-8);
grid-row-gap: var(--size-8);
border-radius: var(--size-4);
font-size: var(--size-12);
min-width: 40%
}
.form-submit-wrap.mod--footer {
right: .5rem
}
.form-submit-wrap.mod--subs {
position: relative;
right: 0
}
.form-submit-wrap.mod--blog {
flex-flow: column;
align-items: stretch;
position: relative;
right: 0
}
.dropdown__toggle.mod--post-faq {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
height: auto;
padding-bottom: 1rem
}
.dropdown__toggle.mod--faq {
min-height: 4.5rem
}
.dropdown__toggle.mod--steps {
padding: 1rem
}
.dropdown__toggle.mod--cookie-form {
height: 4rem
}
.dropdown__list.is-inter {
overflow: hidden
}
.dropdown__list.is-inter.mod--issues {
width: 100%;
max-width: 100%
}
.social {
grid-column-gap: .5rem;
justify-content: space-between;
width: 100%
}
.footer-serv__block {
grid-row-gap: 1rem
}
.footer__link,
.footer__link.mod--terms {
font-size: .75rem
}
.footer__link.mod--terms.is--cookies {
order: 1
}
.collection__list.mod--post-writing,
.collection__list.mod--opensource {
flex-direction: column
}
.collection__list.is-posts {
grid-row-gap: 3rem
}
.collection__list.mod--category {
flex-wrap: nowrap;
flex: none
}
.collection__list.mod--category.is-cat-dropdown {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-direction: column
}
.collection__list.mod--cases-filter {
flex-wrap: nowrap;
flex: none
}
.collection__item.is-posts,
.collection__item.is-posts.is-2col {
width: 100%
}
.collection__item.is-posts.mod--posts-related:last-child,
.collection__item.is-posts.mod--case-works:first-child {
display: block
}
.collection__item.mod--opensource,
.collection__item.mod--project-big {
width: 100%
}
.home__container {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6478406ee4036df5eefcb605_bg-card-hero_mobile.webp);
padding-top: 3rem;
padding-left: 1rem;
padding-right: 1rem
}
.text-size-20 {
font-size: .875rem
}
.awards__founders-ava {
width: 7rem
}
.circles__block {
padding-top: 20vw
}
.circles__block.mod--tech-audit {
padding-top: 2rem
}
.circles__block.mod--tech {
padding-top: 8vw
}
.card__container {
background-image: linear-gradient(180deg, transparent 19%, var(--white)20%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/66daf908c6f9b0f21742c34a_card-works_mobile.avif);
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
margin-left: -1rem;
margin-right: -1rem;
padding-bottom: 1rem
}
.card__container.mod--reviews-white {
background-image: linear-gradient(to bottom, transparent 49%, var(--white)50%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64970ac072fa6114615dbb6c_bg-card-works2_mobile.webp)
}
.card__container.mod--upsell {
background-image: linear-gradient(to bottom, transparent 30%, var(--white)31%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/658c44da53345aa78873b204_card-upsell_mobile.webp)
}
.works__more {
z-index: 3;
grid-column-gap: .1875rem;
grid-row-gap: .1875rem;
border-radius: 2rem;
flex-direction: row;
width: auto;
height: 2.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
bottom: 1rem;
right: 1rem
}
.works__more.mod--ondribble {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
background-image: none;
height: auto;
padding: 1rem .5rem 1rem .375rem;
left: 1rem;
right: 1rem
}
.works__info {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
max-width: none
}
.reviews__card {
-webkit-mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c620595b80bc58810a130_bg-card-reviews_mobile.webp);
mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c620595b80bc58810a130_bg-card-reviews_mobile.webp)
}
.reviews__card.is--grey-border {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6496b324c0f340132e6ba0d0_bg-card-reviewsBorder_mobile.webp)
}
.author__ava.is--size-48 {
width: var(--size-40);
height: var(--size-40);
max-width: var(--size-40)
}
.post-card__img.is-big-opensource.is-mobile {
width: 95%;
display: block
}
.post-card__img-link {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/647f425dc9adcf998fe5ada2_bg-card-post_mobile.webp);
margin-bottom: 1.25rem
}
.post-card__img-link.is-big {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6488858ee64065dc221af346_bg-card-postBig2_mobile.webp);
padding-top: 2rem
}
.post-card__img-link.is-big.is-big-border {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648851a96d32503178233029_bg-card-postBorderBig_mobile.webp)
}
.post-card__img-link.is-big.mod--hot,
.heading-wrap.is--margin-80 {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.heading-wrap.mod--issues {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-items: stretch
}
.heading-wrap.mod--steps {
display: block
}
.heading-wrap.mod--remodal-booking {
text-align: left
}
.heading-wrap.is--margin-120 {
margin-bottom: var(--size-24);
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.toc__list {
padding-left: .8rem
}
.post__style-link a {
padding-top: var(--size-24);
padding-bottom: var(--size-24);
padding-left: var(--size-24);
border-radius: var(--size-16);
font-size: var(--size-16);
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6724b411e529687877444966_icon-post-link_mobile.svg);
background-position: 91% 19%;
background-size: 2rem;
line-height: 1.6
}
.post__estimation {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6481f10ecb54d80e97e0cef8_bg-card-exeprt_mobile.webp);
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
height: 17.625rem;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
-webkit-mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6481f10ecb54d80e97e0cef8_bg-card-exeprt_mobile.webp);
mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6481f10ecb54d80e97e0cef8_bg-card-exeprt_mobile.webp)
}
.dropdown__title-wrap.mod--faq {
grid-column-gap: 1rem
}
.dropdown__title-wrap.mod--issues {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
max-width: 100%
}
.dropdown__title-wrap.mod--cookie-form {
font-size: .75rem
}
.services__text.mod--design {
display: none
}
.benefits__block {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/659e77df1daef6da51676552_card-benefitsBorder_mobile.svg);
background-position: 100% 0;
background-size: 100%;
height: auto;
min-height: 12.5rem
}
.benefits__block.is--long {
min-height: 12.5rem
}
.benefits__block.is--white {
background-image: linear-gradient(#fff0 20%, #fff 21%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c4ada1cc95fe102adbd36_bg-card-benefits_mobile.webp);
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, 100%;
flex-direction: column;
align-items: flex-start;
padding: 1rem
}
.benefits__block.mod--designrush-white {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c4ada1cc95fe102adbd36_bg-card-benefits_mobile.webp);
flex-direction: column;
align-items: flex-start;
padding: 1rem
}
.benefits__block.mod--designrush {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.benefits__block.is--slider {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c4ada1cc95fe102adbd36_bg-card-benefits_mobile.webp);
min-height: 12.5rem;
padding-left: 1rem;
padding-right: 1rem
}
.swiper-pagin {
position: static
}
.swiper-pagin.mod--post-big {
margin-bottom: 2rem;
display: flex
}
.swiper-pagin.mod--expertise {
margin-bottom: .5rem;
display: flex
}
.swiper-pagin.mod--service-releted {
display: flex
}
.swiper-pagin.mod--catalog-hero {
grid-column-gap: .5rem;
padding-left: 1rem;
padding-right: 1rem;
display: flex
}
.swiper-pagin.mod--works {
margin-top: 1.5rem;
display: flex
}
.swiper-pagin.mod--achiev {
display: block
}
.swiper-pagin.mod--research-team {
grid-row-gap: .5rem
}
.swiper-pagin.mod--cases-modal {
margin-top: 0
}
.swiper-pagination__item {
max-width: 2rem
}
.benefits__top {
min-height: 3.2rem
}
.benefits__top.mod--designrush {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding-bottom: 1rem
}
.benefits__infinity {
width: 3rem;
margin-top: -.5rem
}
.works__video-case {
object-fit: cover;
background-image: linear-gradient(#0000, #0000), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648b10ef45910495411c1a28_bg-card-worksSlide_mobile.webp);
overflow: visible
}
.discuss__sidebar-top {
border-bottom-style: solid;
border-right-style: none;
order: -1;
width: 100%;
max-width: 100%;
margin-bottom: 2rem;
margin-right: 0;
padding-bottom: 1.5rem;
padding-right: 0
}
.discuss__reviews-icon.mod--clutch {
width: 2.5rem;
height: 2.5rem
}
.author.mod--service-page {
flex-direction: row;
align-items: center
}
.home__video {
height: 24.375rem
}
.blog__empty-bg {
width: 20rem
}
.blog__empty-gif {
width: 4rem;
height: 4rem
}
.faq-cta__card {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6491aff3d31f1324881e45ce_bg-card-askBlue_mobile.webp), linear-gradient(#3a23bb00 49%, #3a23bb 50%);
background-size: 100%, auto;
flex-direction: column;
grid-template-columns: min-content 1fr;
align-items: stretch;
padding: 1rem
}
.faq-cta__card.is-border {
border-bottom: var(--size-1)solid var(--white-30);
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6722351ec639a8126158af13_card-askBorder2_mobile.avif);
background-position: 0 0;
background-size: 100%
}
.faq-cta__ava {
width: var(--size-64);
height: var(--size-64)
}
.services__block {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap
}
.success__video {
border-radius: .5rem;
height: 12.5rem
}
.success__video.mod--hero {
border-radius: .75rem;
height: 6.25rem
}
.button__icons.mod--projects-filter {
background-color: var(--transparent);
width: 3rem;
height: 3rem;
margin-top: 0;
margin-bottom: 0
}
.button__bg.mod--upsell-stop {
transition-duration: .3s
}
.burger-wrap {
margin-right: -.5rem
}
.burger-wrap.mod--clutch {
display: flex
}
.footer__nav-link {
font-size: 1.125rem;
line-height: 1.2
}
.catalog-subs__img-wrap {
margin-top: 1.5rem
}
.header__nav-arrow {
width: 1.1rem;
height: 1.1rem
}
.icon-regular.is-size-20-tablet {
width: var(--size-16);
height: var(--size-16)
}
.icon-regular.mod--share {
width: 1.375rem;
height: 1.375rem
}
.icon-regular.mod--post-arrow-subs {
width: 1rem;
height: 1rem
}
.case-cta {
background-image: none;
height: auto
}
.case-cta__bottom {
grid-row-gap: 1.5rem;
text-align: center;
flex-direction: column
}
.button-label {
padding: .7rem 1.25rem
}
.text-size-mobile-10 {
font-size: .625rem
}
.opensource-card {
border-bottom-width: 0;
min-height: 11.625rem
}
.page404__gif {
width: 5rem;
height: 5rem
}
.toc__collar {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648206d25554f2901239ea8b_toc-collar_mobile.svg);
width: 2.0625rem;
height: 2.0625rem
}
.error-popup-wrap {
padding-left: 1rem;
padding-right: 1rem
}
.error-popup {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6466350eb9c99c3ade026469_error__bg-mobile.svg), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/646633092da19fd666935434_error__bg.svg);
background-position: 0 0, 50% 100%;
background-repeat: no-repeat, no-repeat;
background-size: cover, contain;
flex-direction: column;
justify-content: space-between;
min-height: 25.5625rem;
padding: 1rem
}
.error__icon {
width: 1.5rem
}
.service-hero__card {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-image: linear-gradient(#e6027800 29%, #e60278 30%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/659bfae18d0b18f4a283ebb0_card-serviceHero_mobile.svg);
background-position: 0 0, 100% 0;
min-height: 18.5rem
}
.service-other__heading-wrap {
min-height: auto;
padding-bottom: 1rem
}
.service-features__icon {
width: 2rem
}
.team__circle {
width: 3.5rem;
height: 3.5rem
}
.post__rich-text blockquote {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6482efe86c2f102f8842c642_qoute-corall__mobile.webp);
background-position: 100% 101%;
padding-top: 1.5rem;
padding-bottom: 4.5rem;
padding-right: 1.5rem;
position: relative
}
.post__rich-text figure {
margin-top: 0;
margin-bottom: 3rem
}
.case__tech-item {
width: 8.75rem;
height: 8.75rem
}
.home__images {
width: 7.75rem;
height: 7.75rem;
top: 5rem;
left: 9.5rem
}
.home__image {
transform: translateY(4rem)scale(0)
}
.h1__thing {
width: 100%;
display: inline-block
}
.works__subheading {
display: none
}
.case__rich-testing ul {
grid-row-gap: 1.5rem;
flex-direction: column
}
.case__rich-testing figure {
width: 100%;
min-width: 100%;
max-width: 100%;
margin-left: 0
}
.post-card__param {
margin-bottom: .75rem
}
.case-cta__img {
height: 13.375rem;
margin-bottom: -3.25rem;
position: relative
}
.post-estimation__expert {
width: 18rem;
bottom: -.5rem;
left: auto;
right: -5.5rem
}
.post-estimation__icon {
width: 1.25rem;
top: 2rem;
left: 1rem
}
.menu__block {
border-radius: 1rem;
padding-left: 1rem;
padding-right: 1rem
}
.menu__block.mod--clutch {
background-color: #fff0;
border: 1px solid #ffffff4d
}
.button-service {
width: 2rem;
height: 2rem
}
.menu__service-title {
font-size: 1rem
}
.case__rich-result ul {
flex-direction: column;
display: flex
}
.case__rich-result li {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64819da92bddba5bb57310d6_bg-card-caseResults_mobile.webp)
}
.case__rich-steps img {
height: 18rem
}
.category-wrap {
z-index: 2;
position: relative;
transform: translate(0)
}
.category {
flex: 1;
justify-content: flex-start
}
.category.is-scroll {
margin-left: -1rem;
margin-right: -1rem;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
overflow: auto
}
.form-block.mod--search {
flex: 1;
width: auto;
position: relative
}
.form-block.mod--search.anim {
opacity: 1;
width: auto
}
.search-input {
height: 2.5rem
}
.search__icon {
background-color: var(--white)
}
.search__close {
display: none
}
.blog__empty-img-wrap.is-bg {
position: relative
}
.blog__empty-desc {
margin-top: 1.5rem
}
.post-card__img-wrap.is-big.is-big-opensource {
align-items: flex-start
}
.dropdown__icon-wrap.mod--issues {
display: flex
}
.category-dropdown {
margin-left: 0;
margin-right: 0;
display: block;
position: static
}
.category-dropdown__toggle {
border: .0625rem solid #fffc;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
padding: 0;
transition: all .2s;
display: flex
}
.category-dropdown__toggle.w--open {
border-color: var(--white);
background-color: var(--white);
color: var(--blue-dark)
}
.category-dropdown__list {
background-color: #0000;
left: 0;
right: 0
}
.category-dropdown__content {
background-color: var(--white);
border-radius: 1rem;
margin-top: .5rem;
padding-top: .25rem;
padding-bottom: .25rem;
position: relative;
overflow: hidden;
transform: translate(0);
box-shadow: 0 48px 100px #02021e80
}
.category-dropdown__icon {
width: 1rem;
height: 1rem
}
.footer-serv__list {
flex-direction: column;
margin-right: 0
}
.footer-serv__list-item {
width: 100%;
padding-right: 0
}
.footer-contact__links {
grid-row-gap: .75rem
}
.circles__text {
font-size: .75rem
}
.circles__text.mod--tech {
font-size: .625rem
}
.clients__text-wrap {
padding-top: 2rem
}
.benefits__slider-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-items: flex-start
}
.services__video-mob {
border-radius: 1rem;
margin-bottom: 1rem
}
.icon-service {
width: 2.025rem
}
.hero-service__cta {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
align-items: stretch;
padding-top: 1.5rem
}
.hero-service__cta.mod--form {
max-width: 100%
}
.button-flex {
width: 100%
}
.hero-service__advant-text.mod--audit {
font-size: var(--size-12)
}
.hero-service__advant {
grid-column-gap: var(--size-12);
grid-row-gap: var(--size-12)
}
.hero-service__advant.mod--audit {
display: none
}
.service-hero__video-wrap {
width: 100%;
height: 9rem;
margin-top: 0
}
.dropdown__content.mod--footer-serv {
grid-row-gap: 2rem;
padding-bottom: 2rem
}
.dropdown__content.mod--issues {
padding-top: .75rem
}
.dropdown__content.mod--rich-portfolio {
padding-bottom: 1rem;
padding-right: 0
}
.service-other__text-wrap.is-first {
align-items: stretch
}
.process__swipe {
display: none
}
.service-other__card.is-first {
background-image: linear-gradient(#e6027800 29%, #e60278 30%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64917f41f83116b9824b9632_bg-card-servOther_mobile.webp)
}
.service-features__block {
align-items: flex-start
}
.faq-cta__content {
grid-column-gap: var(--size-24);
grid-row-gap: var(--size-24);
flex-flow: column;
align-items: flex-start;
max-width: 100%;
font-size: .875rem
}
.faq-cta__content.mod--linkedin {
font-size: var(--size-18);
line-height: 1.2
}
.button-play.mod--services {
background-color: var(--white);
color: var(--blue-dark);
width: 2.5rem;
height: 2.5rem;
margin-left: 0;
position: absolute;
inset: 1rem auto auto 1rem
}
.button-play.mod--services:hover,
.button-play.mod--works:hover {
color: var(--white)
}
.button-play.mod--audit {
width: var(--size-48);
height: var(--size-48)
}
.button-play.mod--audit-offer {
width: var(--size-32);
height: var(--size-32)
}
.service-hero__play {
justify-content: center;
align-items: center;
display: flex;
inset: 0%
}
.service-hero__play.mod--audit {
padding-right: var(--size-16);
padding-bottom: var(--size-16);
justify-content: flex-end;
align-items: flex-end
}
.button-play__icon.mod--contact {
width: 1.14288rem;
height: 1.14288rem
}
.button-play__icon.mod--audit-offer {
width: var(--size-14);
height: var(--size-14)
}
.remodal__close.mod--cases-modal {
top: var(--size-16);
right: 1rem
}
.remodal__close.mod--project-post {
justify-content: space-between;
align-items: flex-start;
padding-top: 1rem
}
.remodal__close.is--shift {
top: -.2rem;
right: -.2rem
}
.remodal__close.mod--booking {
top: .5rem;
right: .5rem
}
.button-close {
width: 1.5rem;
height: 1.5rem
}
.button-close.is-border,
.button-close.mod--project-post {
width: 2rem;
height: 2rem
}
.expertise__card {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64930a677b591282629c1cb7_bg-card-expertise_mobile.webp);
height: 17.8125rem
}
.expertise__card.is--cta {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64930ce291a3cd4882783bdd_bg-card-expertiseBlue_mobile.webp);
width: auto
}
.expertise__img {
width: 9.75rem
}
.expertise__cta-ava {
width: 2.5rem
}
.circles__block-wrap {
width: 62vw;
height: 62vw
}
.circles__block-wrap.mod--tech {
width: 45vw;
height: 45vw
}
.benefits__icon {
width: 2rem;
height: 2rem
}
.service-releted__card {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/659e77df1daef6da51676552_card-benefitsBorder_mobile.svg);
min-height: 11.75rem
}
.tab__content.mod--clutch {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.tab__content.mod--booking {
padding: var(--size-16)
}
.tab__content.mod--booking.is--step1 {
grid-column-gap: var(--size-16);
grid-row-gap: var(--size-16)
}
.expertise__img-wrap {
padding-top: 2rem
}
.form__label.mod--subs {
left: 1.25rem;
transform: translateY(1.2rem)
}
.form__label.mod--footer {
left: 1.25rem;
transform: translateY(1.4rem)
}
.process__img {
width: 53.75rem
}
.runlogo-contacts {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-bottom: 1.5rem
}
.contact__list-wrap {
flex-direction: column
}
.catalog-card-border__content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
align-items: stretch
}
.catalog-card-border__advant {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.catalog-card-border__advant-numb,
.catalog-card-border__advant-text.is-1 {
display: block
}
.catalog-card-border__advant-text.is-2 {
display: none
}
.opensource-card__border {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64917f415752c40c1a0e19b0_bg-card-servOtherBorder_mobile.webp);
background-repeat: no-repeat
}
.button-wrap.mod--banner-terms {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.banner-terms__text {
max-width: 100%;
font-size: .75rem
}
.banner-donation__text {
text-align: center;
max-width: 15rem;
font-size: .75rem;
line-height: 1.2
}
.banner-donation__text.is-mobile {
font-weight: 500;
display: block
}
.span.mod--donation-flag {
width: 1rem
}
.bg.is--mobile {
display: block
}
.projects-sort__dropdowns {
box-shadow: 0 48px 100px #02021e80
}
.dribble-card__border {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/649d1d531c92b85a2e6ce3f3_bg-card-onDribbleBorder_mobile.webp)
}
.dribble-card__label-dribble {
width: 12.125rem
}
.dribble-card__label-dribble.is-1 {
display: block
}
.dribble-card__label-dribble.is-2 {
display: none
}
.works__more-icon {
display: block
}
.works__more-texts {
flex: 1;
justify-content: center;
align-items: center;
display: flex
}
.works__more-texts.mod--dribble {
grid-column-gap: .3rem;
grid-row-gap: .3rem;
display: flex
}
.project-card-big__img-wrap {
height: 13.75rem
}
.dribble__bg.is-mobile,
.dropdown-inter-each.mod--issues {
display: block
}
.case-cta__btn {
width: 100%
}
.expertise__rich {
font-size: .75rem
}
.service-other__rich h3 {
max-width: none
}
.service-other__link {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/659e77df1daef6da51676552_card-benefitsBorder_mobile.svg)
}
.swiper-progress-wrap.mod--works {
display: none
}
.solutions__card {
min-height: 17.75rem
}
.solutions__card.is--cta {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/658c0640ccc9e282f13b5b9d_card-solution_mobile.webp);
padding-top: 2.5rem
}
.solutions__card.is--cta-blue {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64930ce291a3cd4882783bdd_bg-card-expertiseBlue_mobile.webp);
padding-bottom: 1.5rem
}
.solutions__img {
width: 11.25rem;
height: 11.25rem
}
.solutions__rich h3 {
padding-right: 1.2rem;
font-size: 1.2rem
}
.form__label-invalid.is-subs {
left: 1.25rem
}
.footer__nav.is--other {
margin-left: 0
}
.footer__nav.is--main {
flex-direction: column
}
.service-features__rich {
display: block
}
.service-features__rich h3 {
max-width: 100%;
margin-bottom: 1rem;
font-size: 1.125rem
}
.tabs-menu.mod--awards {
margin-left: -1rem;
margin-right: -1rem;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
overflow: auto
}
.cookie__rich-text h2 {
letter-spacing: -.03rem;
font-size: 1.5rem;
line-height: 1.1
}
.cookie__rich-text figure {
margin-top: 0;
margin-bottom: 3rem
}
.cookie__rich-text p {
margin-bottom: 1rem
}
.cursor-works {
width: 4rem;
height: 4rem
}
.contact-form__policy {
text-align: center;
margin-left: auto;
margin-right: auto
}
.cookie__heading-mobile {
font-size: 1.5rem;
line-height: 1.1
}
.dribble-card__video {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64afa9bec17b5670ade3f278_bg-card-onDribble_mobile.webp);
width: 120%;
height: 110%
}
.form__submit-result-text {
padding-top: 0;
padding-left: .9rem
}
.bg-card__img.is-mobile-portrait {
display: block
}
.grid__block.is-form,
.grid__block.is-contacts {
order: -1
}
.solutions__img-wrap {
padding-top: 1rem
}
.post-estimation__title {
letter-spacing: .01rem;
align-items: center;
margin-bottom: 3.38rem;
font-size: 1rem;
display: flex
}
.process__bg-line {
font-size: var(--size-10)
}
.process__col {
font-size: var(--size-12);
letter-spacing: .03125rem;
font-weight: 500
}
.process__content {
width: 65rem
}
.form__attach {
display: none
}
.banner-donation {
background-color: #f0ddce;
background-image: none
}
.form__content {
grid-row-gap: 1.5rem
}
.form__content.mod--discuss-img {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.service__video {
border-radius: 1rem;
width: 100%;
height: 10rem
}
.form__fields,
.form__field {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.form__field.is-half {
grid-column-gap: 1.375rem;
grid-row-gap: 1.375rem;
flex-direction: column
}
.form__field.is-submit {
flex: 0 auto
}
.form__field.is--radios {
flex-direction: column;
align-items: flex-start
}
.awards__bg-wrap {
bottom: -40rem
}
.bg-blur.is-yellow-fix.mod--refer-steps {
margin-bottom: 18rem
}
.bg-wrap.mod--refer-steps {
bottom: -18rem
}
.bg-wrap.mod--clutch-issue {
top: -30rem
}
.bg-wrap.is--top-40_negative {
top: -20rem
}
.bg-wrap.is--top-30_negative {
height: 40rem;
top: -13rem
}
.dribble__bg-wrap {
bottom: 15rem
}
.expertise__bg-wrap {
bottom: -5rem
}
.service__video-wrap {
position: relative
}
.upsell__blocks {
flex-wrap: wrap
}
.upsell__list-title {
letter-spacing: -.025rem
}
.solutions__border {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/651c254f5cd9c2cd101c581e_card-solutionBorder_mobile.webp)
}
.upsell__soon {
flex: none;
font-size: .625rem;
line-height: 1.6
}
.upsell__video-play {
background-color: var(--white);
width: 2.5rem;
height: 2.5rem;
inset: 1rem auto auto 1rem
}
.upsell__video-block {
color: var(--blue-dark);
width: 100%;
padding-right: 0
}
.upsell__video-stop {
background-color: var(--white);
width: 2.5rem;
height: 2.5rem;
inset: 1rem auto auto 1rem
}
.upsell__stop-icon {
width: 1rem;
height: 1rem
}
.upsell__video {
border-radius: 1rem;
width: 100%;
height: 10rem
}
.upsell__video-wrap {
width: 100%
}
.catalog-hero__pagination {
margin-top: 1.5rem;
padding-top: 0;
padding-bottom: 0;
position: relative
}
.hero-post__heading-wrap {
max-width: 100%;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.post-estimation__bg {
background-image: linear-gradient(210deg, #e6e1ff 20%, #eee7ff 50%, #b5deff 80%)
}
.menu__link {
min-height: var(--size-40);
width: 100%
}
.menu__btn-wrap {
display: block
}
.services__soon {
margin-bottom: -.1rem
}
.services__soon-span {
display: none
}
.clutch-awards__icon {
width: 3.2rem
}
.get-card {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/65e0b2b9337a7bdd82439833_card-3servicesBorder_laptop.svg);
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem
}
.get-card.is--right-white {
background-image: linear-gradient(#fff0 10%, #fff 11%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6597dc6b0913ce2e2742c577_card-get_tablet.svg);
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, 100%
}
.get-card.is--left-white {
background-image: linear-gradient(#fff0 9%, #fff 10%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6597dc6b0913ce2e2742c577_card-get_tablet.svg);
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, 100%
}
.get-card__list-item {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.get-card__bottom {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
align-items: stretch;
margin-top: 2rem;
padding-top: 2rem
}
.get-card__advant {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex
}
.reviews__tags {
margin-bottom: 1rem
}
.reviews__tag {
padding-top: .4rem;
font-size: .75rem
}
.reviews__tag.is--border-black {
font-size: var(--size-10)
}
.steps__list-item {
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 1rem
}
.steps__list-item.is--last {
padding-top: 1rem;
padding-bottom: 1rem
}
.steps__block {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
text-align: left;
border-radius: .5rem;
align-items: flex-start;
padding-left: 1rem;
padding-right: 1rem
}
.steps__labels {
flex-wrap: wrap;
margin-right: 0
}
.cases-modal__cta {
padding-top: 1.25rem;
padding-bottom: 1.25rem
}
.works__video {
width: 3.5rem;
height: 3.5rem
}
.get-card__label {
position: relative;
top: 0;
right: 0
}
.upsell__video-container {
position: relative
}
.steps__blocks {
flex-direction: column;
margin-right: 0
}
.cases-modal__img {
display: none
}
.cases-modal__tag {
font-size: .75rem
}
.cases-modal__container {
flex-direction: column;
flex: 1;
display: flex;
position: relative
}
.clutch-awards__bg-wrap {
bottom: -40rem
}
.hero__won-block.is--front {
width: 100%
}
.clutch-awards__container {
display: none
}
.benefits__description {
padding: 1rem 0 2rem
}
.get-card__advant-numb {
font-size: 1.875rem
}
.steps__deliverables {
width: 100%;
margin-bottom: .25rem;
font-size: .75rem;
display: block
}
.steps__text.is-step4 {
display: block
}
.research-phases__icon {
width: 2.5rem
}
.research-team__circle {
width: 9rem;
height: 9rem
}
.research-team__circle.is-2 {
padding-top: 1.25rem
}
.solution__cta-text {
max-width: 10.8125rem;
font-size: 1.5rem
}
.research-team__icon {
width: 1.25rem;
height: 1.25rem;
margin-bottom: .625rem
}
.research-team__text {
letter-spacing: .0075rem;
font-size: .75rem
}
.research-team__text.is-2 {
font-size: .625rem
}
.research-team__ava {
width: 2rem
}
.research-team_job {
font-size: .625rem
}
.research-phases__tabs-menu-wrap {
font-size: 1.5rem
}
.heading-2__span.mod--red-dot {
width: .375rem;
top: .1rem
}
.research-team__cta {
letter-spacing: .0075rem;
font-size: .75rem
}
.button-circle,
.works__img.is--tablet {
display: none
}
.works__img.is--mobile {
display: block
}
.get-card__top {
font-size: .75rem
}
.hero__won.is--mobile {
margin-top: 1rem;
display: block
}
.discuss__sidebar-body {
width: auto
}
.discuss__sidebar-body.mod--designrush {
order: 0;
margin-top: 0
}
.discuss__sidebar-list-item {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.form__radio-field {
height: 2rem;
padding-left: .6rem;
padding-right: 1rem;
font-size: .75rem
}
.issues__icon {
width: 2rem;
height: 2rem
}
.get__bg-wrap {
display: none
}
.issues__btn-mob {
display: block
}
.discuss__sidebar-list-wrap {
flex-direction: column;
align-items: stretch
}
.discuss__sidebar-list-title.mod--audit {
display: none
}
.refer-hero__card {
padding: 1.5rem 1rem 1rem
}
.refer-hero__card.is--1 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-image: linear-gradient(#3f27c700 25%, #3f27c7 30%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/659bfae18d0b18f4a283ebb0_card-serviceHero_mobile.svg);
background-position: 0 0, 100% 0;
padding-top: 2.5rem;
padding-left: 1rem;
padding-right: 1rem
}
.refer-hero__img {
display: none
}
.refer-hero__form-top {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.numb-steps__block {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/659e77df1daef6da51676552_card-benefitsBorder_mobile.svg);
height: auto;
min-height: 12.5rem
}
.numb-steps__block.is-long {
min-height: 12.5rem
}
.numb-steps__top {
min-height: 3.2rem
}
.numb-steps__icon {
width: 2rem;
height: 2rem
}
.form__success-container.mod--refer-hero {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column
}
.refer-hero__success-video {
border-radius: .5rem;
width: 100%;
height: 12.5rem
}
.reviews__label {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.reviews__label.mod--product-hunt {
font-size: .625rem
}
.reviews__label-separ {
height: .875rem
}
.reviews__label-logo {
width: 3.6rem
}
.reviews__label-logo.mod--product-hunt {
width: 5.3125rem
}
.dedicated-achiev__arrow {
width: 1.5rem;
height: 1.5rem;
top: 45%;
right: -35px
}
.dedicated-start__card {
background-image: linear-gradient(#fff0 29%, #fff 30%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/65a6821a71a78c937c7555c9_card-postBig2-white_mobile.svg);
padding: 2rem 1rem 1rem
}
.dedicated-start__card.is--2 {
background-image: linear-gradient(#fff0 29%, #fff 30%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/65a6821a71a78c937c7555c9_card-postBig2-white_mobile.svg)
}
.roles__block {
min-height: 11rem;
padding: 1rem
}
.roles__block-nav {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
border-radius: 1rem;
flex-direction: column;
align-items: flex-start;
padding-left: 0;
padding-right: 0;
overflow: hidden
}
.roles__nav {
flex: none;
padding-top: 1px;
padding-bottom: 1px
}
.roles__nav-btn {
flex: none
}
.roles__block-top {
font-size: 1.125rem
}
.roles__block-text {
font-size: 1.25rem
}
.roles__logo {
width: 7.6rem
}
.roles__users {
width: 2.5rem;
height: 2.5rem;
font-size: .8rem
}
.roles__nav-title {
margin-left: 1rem;
font-size: .875rem
}
.roles__users-wrap {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
font-size: 1.125rem
}
.roles__nav-gradient {
z-index: 2;
background-image: linear-gradient(to right, var(--blue-dark), #02021e00);
pointer-events: none;
width: 1.2rem;
height: 3.5rem;
padding: 0;
display: block;
position: absolute;
inset: auto auto 0% 0%
}
.roles__nav-gradient.is--2 {
background-image: linear-gradient(to right, #02021e00, var(--blue-dark));
inset: auto 0% 0% auto
}
.roles__nav-scroll {
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
overflow: auto
}
.block-offer {
margin-top: 5rem;
margin-bottom: 2rem;
font-size: 1.25rem
}
.header__banner-secret {
height: 2rem;
font-size: .75rem
}
.designrush-header__secret-logo {
width: 4.25rem
}
.designrush-discuss__list {
grid-row-gap: 1.4rem;
flex-direction: column
}
.designrush-discuss__list-item {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
width: 100%;
font-size: .75rem;
font-weight: 400
}
.discuss__sidebar-cta {
width: 100%;
margin-top: 2.5rem
}
.discuss__sidebar-cta-text {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: column;
align-items: flex-start;
font-size: .875rem
}
.discuss__sidebar-cta-arrow {
width: 1.25rem
}
.discuss__sidebar-cta-ava {
width: 4.5rem;
display: block
}
.card__fire-wrap {
width: 3rem;
height: 3rem;
top: 0;
right: 1rem
}
.card__fire {
width: 1.25rem
}
.form__notice {
margin-top: 0;
margin-bottom: 0;
font-size: .75rem
}
.form__notice-icon {
width: 1rem;
height: 1rem
}
.list__icon-plus {
margin-top: .1rem
}
.hero-service__advant-icon {
display: block
}
.shots__content {
border-radius: 1rem;
margin-left: -1rem;
margin-right: -1rem;
padding-top: 2rem
}
.shots__content.is--no-filter {
margin-bottom: 3rem;
padding-top: 0
}
.shots__cta {
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
padding-left: 1rem;
padding-right: 1rem
}
.shots__title-wrap {
display: none
}
.shots__filtes {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.shots__drop {
flex: 1;
position: static
}
.shots__drop-toggle {
width: 100%
}
.shots__drop-list {
min-width: auto
}
.shots__drop-list.is--industries {
left: 0
}
.shots__drop-arrow {
font-size: 1rem
}
.shots__img,
.shots__img.is--no-filter {
width: 17.5rem;
height: 13.5rem
}
.project__rich-about h2 {
padding-right: 0;
font-size: 1.25rem
}
.project__rich-about p {
font-size: 1rem
}
.project__rich-statistic strong {
font-size: 1.25rem
}
.timer {
width: 100%
}
.timer__numbs {
grid-column-gap: .15rem;
grid-row-gap: .15rem
}
.timer__numb {
border-radius: .45rem;
width: 12vw;
height: 15vw;
font-size: 1.75rem
}
.timer__separ {
margin-top: 1vw;
font-size: 1.5rem
}
.timer__block {
grid-column-gap: .4rem;
grid-row-gap: .4rem
}
.timer__text {
letter-spacing: .05rem;
font-size: .625rem
}
.benefits__time-text {
font-size: 1rem
}
.benefits__time-free {
position: relative;
top: 0;
right: 0
}
.runlogo-services {
margin-bottom: 1.5rem
}
.services-cards__block {
width: 100%;
padding-top: 2.5rem
}
.services-cards__list-item {
font-size: .75rem;
line-height: 1.7
}
.services-cards__rich h3 {
font-size: 1.25rem
}
.services-cards__rich p {
font-size: .75rem
}
.designrush-discuss__list-dash {
margin-top: 1.125rem;
margin-bottom: -1.4rem
}
.dropdown__rich-portfolio p {
font-size: .75rem
}
.dropdown__rich-portfolio li {
background-size: .375rem;
padding-left: .8rem
}
.dropdown__rich-portfolio ul {
column-count: 1
}
.dropdown__rich-portfolio h4 {
font-size: .875rem;
line-height: 1.2
}
.rich-heading-2 h2 {
font-size: 2rem
}
.rich-heading-2 p {
margin-top: 1.5rem
}
.rich-heading-2.mod--post-service-benefits {
max-width: 100%
}
.rich-heading-4 {
font-size: .875rem
}
.rich-heading-4 h2 {
font-size: 1.5rem
}
.rich-heading-4 p {
margin-top: 1.5rem
}
.faq-portfolio__rich-nav {
margin-left: -1rem;
margin-right: -1rem;
padding-left: 1rem;
padding-right: 1rem
}
.circles__rich figcaption {
font-size: .72rem
}
.services__rich-wrap {
grid-column-gap: .75rem;
grid-row-gap: .75rem
}
.services__rich-wrap.is--blue {
font-size: .875rem
}
.steps-dropdown__list {
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem
}
.steps__rich h3 {
padding-right: 2.5rem
}
.steps__rich-labels {
margin-right: 0
}
.steps__rich-labels li {
padding-top: .2rem;
padding-bottom: .2rem
}
.rich-heading-1 h2 {
font-size: 2.625rem
}
.subheader__nav {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-start;
margin-left: -1rem;
margin-right: -1rem;
padding-left: 1rem;
padding-right: 1rem;
overflow: auto
}
.benefits__avas-team {
max-width: 8.5rem
}
.linkedin__card {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: 15.75rem;
-webkit-mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c620595b80bc58810a130_bg-card-reviews_mobile.webp);
mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c620595b80bc58810a130_bg-card-reviews_mobile.webp)
}
.linkedin__rich {
max-height: 14rem
}
.linkedin__gradient {
height: 6rem
}
.linkedin__bottom {
margin-top: 1rem
}
.linkedin__param-block {
font-size: .875rem
}
.linkedin__param-icon {
width: 1.25rem
}
.linkedin__button {
width: 1.5rem;
height: 1.5rem
}
.linkedin__button-arrow {
width: 1.25rem;
height: 1.25rem
}
.shots__btn-wrap {
grid-column-gap: 1.75rem;
grid-row-gap: 1.75rem;
justify-content: space-between;
align-items: center;
margin-top: 0;
display: flex
}
.projects__cat-block {
width: 100%
}
.projects__cat-block.is--services {
margin-bottom: 0
}
.project__rich-challenge p {
margin-bottom: 1.5rem;
font-size: 1.25rem
}
.project__rich-challenge h6 {
margin-bottom: 2rem;
padding-top: .7rem;
padding-bottom: .7rem
}
.cookie-modal__buttons {
flex-direction: column;
margin-top: .5rem
}
.cookie-modal__body {
margin-bottom: .5rem
}
.cookie-modal__top {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-bottom: 1.5rem
}
.cookie-modal__form-heading {
font-size: .875rem
}
.cookie-form__rich {
font-size: .75rem
}
.remodal__heading {
font-size: 1.125rem
}
.project__rich-main h2 {
margin-bottom: 1rem;
font-size: 1.25rem
}
.project__rich-main p {
font-size: 1rem
}
.project__rich-main figcaption {
font-size: .875rem
}
.project__rich-main blockquote {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-radius: 1rem;
padding: 1.5rem;
font-size: 1rem
}
.project__rich-main li {
margin-bottom: .875rem;
padding-left: 1.5rem
}
.project__rich-main ol {
font-size: 1rem
}
.cases-modal__pagin {
z-index: 5;
display: block;
position: absolute;
inset: auto 0% .5rem
}
.projects-sidebar__buttons {
grid-column-gap: var(--size-0);
grid-row-gap: var(--size-0);
justify-content: flex-end;
align-items: center;
margin-top: 0;
display: flex
}
.package__card {
width: 100%;
padding-top: 2.5rem
}
.package__rich h3 {
font-size: 1.25rem
}
.package__rich p {
font-size: .75rem
}
.runlogo-hero {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 0
}
.runlogo-hero__title {
max-width: none;
font-size: .625rem
}
.project-story__img {
height: 15.6rem
}
.project-story__line {
height: .125rem
}
.project-story__control.is--pause {
display: none
}
.project-story__label {
height: auto;
padding: .35rem .5rem .3rem;
font-size: .5rem
}
.project-nav__rich ul {
padding-left: 2rem
}
.project-nav__rich a {
height: 2.5rem;
margin-left: -2rem;
padding-left: 2.5rem
}
.project-nav__rich ol {
padding-left: 2rem
}
.project-story__block {
border-radius: 1rem
}
.project-nav__drop {
font-size: .875rem
}
.project-nav__drop-toggle {
padding-left: 1rem;
padding-right: 1rem
}
.author__name,
.author__job {
font-size: .75rem
}
.project-cta {
background-image: linear-gradient(200deg, #ebe5ff 50%, #cae2ff);
border-radius: 1rem;
padding: 1rem
}
.project__rich-modal {
margin-right: -.8rem;
padding-right: 1rem
}
.project__rich-modal p {
font-size: 1rem
}
.project__rich-modal h6 {
font-size: .625rem
}
.project__rich-modal h3 {
margin-bottom: 1rem;
font-size: 1.25rem
}
.project__rich-modal blockquote {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
align-items: flex-start;
margin-top: 1.5rem;
padding: 1.5rem;
font-size: 1rem
}
.project-modal__title {
font-size: 1.25rem
}
.project-blockquote__more {
text-align: center;
background-color: #eee;
border-radius: 5rem;
justify-content: center;
align-items: center;
width: 100%;
height: 3rem;
font-size: .75rem;
bottom: -4rem
}
.blockquote__more-btn {
display: none
}
.project__rich-review {
margin-top: 3rem
}
.project__rich-review p {
margin-top: 1.4rem;
margin-bottom: 3rem;
font-size: 1.125rem
}
.project-estimation__expert {
width: 17.5rem;
bottom: 0;
left: auto;
right: -5rem
}
.project-estimation__icon {
width: 1.25rem;
top: 2rem;
left: 1rem
}
.project-estimation__bg {
background-image: linear-gradient(210deg, #e6e1ff 20%, #eee7ff 50%, #b5deff 80%)
}
.project-estimation__title {
letter-spacing: .01rem;
align-items: center;
max-width: 10rem;
margin-bottom: 3.38rem;
font-size: 1rem;
display: flex
}
.project-estimation {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6481f10ecb54d80e97e0cef8_bg-card-exeprt_mobile.webp);
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
height: 17.625rem;
margin-top: 3rem;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
-webkit-mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6481f10ecb54d80e97e0cef8_bg-card-exeprt_mobile.webp);
mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6481f10ecb54d80e97e0cef8_bg-card-exeprt_mobile.webp)
}
.project-hero__img.is--tablet {
display: none
}
.project-hero__img.is--mobile,
.blockquote__more-text {
display: block
}
.blockquote__more-text.is--laptop {
display: none
}
.blockquote__more-text.is--mobile {
display: block
}
.pricing-compare__logo {
width: 5.8125rem
}
.pricing-compare__scroll {
margin-right: -1rem;
margin-bottom: var(--size-40);
padding-top: var(--size-16);
padding-bottom: var(--size-16);
margin-left: -1rem;
overflow-x: scroll
}
.pricing-compare__list-wrap {
width: 32rem
}
.form-dropdown__list {
max-height: 12.5rem
}
.projects-tags {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: center;
align-items: center
}
.payoneer__text {
font-size: .875rem
}
.footer__nav-link2 {
font-size: 1.125rem;
line-height: 1.2
}
.footer-terms__line {
margin-top: 1rem;
margin-bottom: 1rem;
display: block
}
.footer-terms__line.mod--audit-offer {
background-color: var(--white-30)
}
.footer-terms__links {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: wrap;
justify-content: space-between;
padding-top: 1rem;
font-size: .75rem
}
.footer-terms__links.mod--audit {
padding-top: var(--size-0);
border-top-style: none
}
.footer-terms__reserved {
order: 1
}
.circles__hover {
padding-left: .6rem;
padding-right: .6rem
}
.circles-hover__block {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding-top: 2rem
}
.projects-empty__content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-style: none;
border-width: 0;
padding-top: 0;
padding-bottom: 0
}
.branding__lottie {
height: 51vw
}
.contact-office__card {
min-height: 17.75rem;
padding-left: 1rem;
padding-right: 1rem
}
.contact-office__img-wrap {
width: 14rem
}
.contact-office__address {
margin-top: .75rem;
margin-bottom: .5rem
}
.contact-office__pulse {
top: 6.3rem;
right: .65rem
}
.contact-office__pulse.is--2 {
top: 2.6rem;
right: 3.85rem
}
.contact-office__pulse.is--3 {
top: 3.96rem;
right: 3.4rem
}
.contact__video-address {
grid-column-gap: .25rem;
grid-row-gap: .25rem
}
.audit-example__rich-text img {
border-radius: .5rem
}
.audit-example__rich-text h2 {
letter-spacing: -.03rem;
font-size: 1.5rem;
line-height: 1.1
}
.audit-example__rich-text h3 {
font-size: 1.125rem
}
.audit-example__rich-text h4 {
margin-top: 1rem;
font-size: 1rem
}
.audit-example__rich-text p {
margin-bottom: 1rem
}
.audit-example__rich-text figure {
margin-top: 0;
margin-bottom: 3rem
}
.audit-example__rich-text blockquote {
padding: 1.5rem 1rem
}
.audit-example__heading-wrap {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column-reverse
}
.audit-example__subheading {
font-size: 1rem
}
.audit-example__btn-wrap {
flex-flow: column
}
.works__statistics {
width: 31.25rem;
max-width: none
}
.works__scroll-statistics {
margin-left: -1rem;
margin-right: -1rem;
padding-left: 1rem;
padding-right: 1rem;
overflow: auto
}
.hero__flip-content {
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem
}
.discuss__img {
margin-top: 1rem
}
.discuss__img.is--mobile {
display: block
}
.hero__flip {
width: 100%;
margin-top: 0;
margin-bottom: 0
}
.works__param-wrap {
margin-bottom: -.2rem
}
.catalog-card-border {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648851a96d32503178233029_bg-card-postBorderBig_mobile.webp)
}
.catalog-card-fill__img-wrap {
padding-top: 2rem
}
.catalog-card-fill__content {
grid-row-gap: .75rem;
min-height: 5.4rem;
padding-bottom: 1rem
}
.catalog-card-fill__content.mod--projects {
min-height: 6.5rem;
padding-bottom: 1rem
}
.solutions__cta-ava {
width: 4rem
}
.solutions__cta-content {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.solutions__cta-title {
font-size: 1.125rem
}
.get-cards__btn-mob {
margin-top: 1.5rem;
display: block
}
.remodal__booking {
border-radius: var(--size-16)
}
.contact-success__icon {
width: 4rem
}
.contact-success__top {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
max-width: none;
font-size: .875rem
}
.clutch-hero__container {
margin-bottom: 3.5rem
}
.clutch-hero__tabs-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding: 1rem
}
.clutch-tabs__top {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start
}
.clutch-tabs__avas {
width: 4.75rem
}
.form__policy {
text-align: center;
margin-left: auto;
margin-right: auto
}
.form__policy.mod--booking {
order: -1;
max-width: 12rem
}
.runawards__img {
margin-bottom: var(--size-12)
}
.ref-steps__block {
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/659e77df1daef6da51676552_card-benefitsBorder_mobile.svg);
height: auto;
min-height: 12.5rem
}
.ref-steps__block.is-long {
min-height: 12.5rem
}
.ref-steps__icon {
width: 2rem;
height: 2rem
}
.ref-steps__top {
min-height: 3.2rem
}
.video-reviews__img {
border-radius: .75rem;
width: 21.875rem
}
.discuss-card {
padding-top: var(--size-24);
padding-bottom: var(--size-24);
grid-column-gap: var(--size-24);
grid-row-gap: var(--size-24);
background-color: var(--white);
background-image: none;
border-radius: 1rem
}
.tabs-wrap.mod--contact {
background-image: linear-gradient(180deg, #fff0 15%, var(--white)15%), url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/649294c9e0346cedcff6dbe3_bg-card-contact_mobile.webp);
border-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
width: auto;
margin-left: -1rem;
margin-right: -1rem;
padding-top: 2.5rem
}
.catalog-hero__fire {
inset: 1rem 1rem auto auto
}
.remodal-booking__experts {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start
}
.dashboard__img {
width: 15.625rem
}
.dashboard__content {
border-radius: 1rem;
margin-left: -1rem;
margin-right: -1rem
}
.dashboard__pagination {
bottom: 1rem
}
.button-illustr {
display: none
}
.before-after__img {
border-radius: 1rem;
height: 11.2rem
}
.service-hero__heading {
margin-right: var(--size-0);
font-size: var(--size-24);
line-height: 1.1
}
.trusted {
margin-top: var(--size-40);
padding-right: var(--size-12);
padding-left: var(--size-12);
background-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/6721f5854be46406a79d9725_border-gapTop-partners_mobile.svg);
min-height: 42vw
}
.text-grad-purple.text-grad-none_mobile {
-webkit-text-fill-color: inherit;
background-image: none;
background-clip: border-box
}
.results {
margin-left: -1rem;
margin-right: -1rem
}
.results__block {
padding: var(--size-16)
}
.results__text {
font-size: var(--size-14)
}
.results__heading-wrap {
margin-bottom: var(--size-16);
grid-column-gap: 1rem;
grid-row-gap: 1rem;
max-width: none
}
.results__text-wrap {
margin-bottom: var(--size-16)
}
.results-numb__title {
margin-bottom: var(--size-16);
padding-bottom: var(--size-16)
}
.text-grad-yellow.text-grad-none_mobile {
-webkit-text-fill-color: inherit;
background-image: none;
background-clip: border-box
}
.audit-card {
width: 100%;
-webkit-mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c620595b80bc58810a130_bg-card-reviews_mobile.webp);
mask-image: url(https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/648c620595b80bc58810a130_bg-card-reviews_mobile.webp)
}
.problems__label {
font-size: var(--size-10)
}
.problems__title {
margin-bottom: var(--size-12);
font-size: var(--size-20)
}
.process-banner {
padding: var(--size-24)var(--size-16);
grid-column-gap: var(--size-16);
grid-row-gap: var(--size-16);
border-radius: var(--size-16)
}
.process-banner__title-wrap {
grid-column-gap: var(--size-8);
grid-row-gap: var(--size-8)
}
.audit-video-reviews__block {
grid-column-gap: 1.875rem;
grid-row-gap: 1.875rem;
border-radius: var(--size-12);
font-size: .72rem
}
.discuss__text {
font-size: var(--size-12)
}
.discuss__text-wrap {
grid-column-gap: var(--size-16);
grid-row-gap: var(--size-16)
}
.grid-reviews__text {
font-size: var(--size-14)
}
.grid-reviews__tags {
margin-bottom: 1rem
}
.runcases__img {
width: 17.5rem
}
.faq-cta__ava-name {
font-size: var(--size-16)
}
.faq-cta__ava-job {
font-size: var(--size-14)
}
.hero-service__advantages {
margin-top: -.5rem;
margin-bottom: -.5rem
}
.service-hero__video-mobile {
margin-top: var(--size-16);
width: 100%;
height: 12.5rem;
display: block;
position: relative
}
.audit-video-reviews__author {
grid-column-gap: var(--size-10);
grid-row-gap: var(--size-10)
}
.audit-video-reviews__ava {
width: var(--size-32);
height: var(--size-32)
}
.audit-video-reviews__name {
font-size: var(--size-12)
}
.audit-video-reviews__job {
font-size: .5625rem
}
.faq-cta__author {
line-height: 1.4
}
.process-banner__over-title {
font-size: var(--size-12)
}
.remodal__scroll-space {
padding-top: 2rem
}
.partners__block {
margin-top: var(--size-40);
padding-top: var(--size-28);
padding-bottom: var(--size-20)
}
.partners__title {
padding-right: var(--size-14);
padding-left: var(--size-14)
}
.button__filter-dot {
width: var(--size-10);
height: var(--size-10);
transition: all .4s;
top: .6rem;
right: .7rem
}
.menu-banner__img {
display: none
}
.menu-banner__text {
font-size: var(--size-14);
max-width: 12.5rem
}
.menu-banner__text-wrap {
width: 100%
}
.discuss__bg-spin {
height: 140vh
}
.footer-tech__text {
font-size: var(--size-10)
}
.block__container {
border-radius: var(--size-16);
margin-left: -1rem;
margin-right: -1rem
}
.issues__text-wrap {
display: none
}
.results__label {
font-size: var(--size-12)
}
}
#w-node-fd23b61c-86bf-2ca9-3ba5-c59ebf089708-4c4d9b29,
#w-node-_35c93d8a-c859-154f-3a6b-245b194dd4bb-4c4d9b29 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-cdeddecc-b995-497a-639b-0edd64cdc754-64cdc730 {
justify-self: start
}
#w-node-cdeddecc-b995-497a-639b-0edd64cdc768-64cdc730 {
grid-area: 2/1/3/4
}
#w-node-_5fd86c6f-f7d3-61a9-6fc4-64645dc1d6c4-8171a8b1,
#w-node-_5fd86c6f-f7d3-61a9-6fc4-64645dc1d6cb-8171a8b1 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_016ab6d4-70ec-82f0-f47f-64f578ec8f94-78ec8f91,
#w-node-_016ab6d4-70ec-82f0-f47f-64f578ec8f9e-78ec8f91,
#w-node-_016ab6d4-70ec-82f0-f47f-64f578ec8fa8-78ec8f91,
#w-node-_016ab6d4-70ec-82f0-f47f-64f578ec8fb2-78ec8f91,
#w-node-_016ab6d4-70ec-82f0-f47f-64f578ec8fbc-78ec8f91,
#w-node-_016ab6d4-70ec-82f0-f47f-64f578ec8fc6-78ec8f91,
#w-node-_016ab6d4-70ec-82f0-f47f-64f578ec8fd0-78ec8f91,
#w-node-_016ab6d4-70ec-82f0-f47f-64f578ec8fda-78ec8f91,
#w-node-d0f02925-ec01-44b8-b3bc-e8b9e1f39852-78ec8f91,
#w-node-_434cab59-98e7-186b-1781-281f0fae8f3f-78ec8f91,
#w-node-_831409b4-02f6-96ee-f725-2dbec17ce53d-78ec8f91,
#w-node-ff4438cf-c98f-1dec-e87d-a04002761d01-78ec8f91,
#w-node-_8b78da24-e20c-557d-2819-488f6e899c12-4c4d9b8e,
#w-node-_8b78da24-e20c-557d-2819-488f6e899c13-4c4d9b8e,
#w-node-_8b78da24-e20c-557d-2819-488f6e899c14-4c4d9b8e,
#w-node-_4ef943e5-4126-81e3-c8b6-f335f5a6bbe9-4c4d9b8f,
#w-node-_4ef943e5-4126-81e3-c8b6-f335f5a6bbea-4c4d9b8f,
#w-node-_4ef943e5-4126-81e3-c8b6-f335f5a6bbeb-4c4d9b8f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-af54bfd0-e224-1ec3-68fa-407dc2afbb54-4c4d9b97,
#w-node-af54bfd0-e224-1ec3-68fa-407dc2afbb59-4c4d9b97 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_3dd4bf63-fce8-0aac-aaf7-28a500ad628f-4c4d9bc7,
#w-node-_6904e056-4fc4-925f-076d-6ef28bf3d11c-4c4d9bc8 {
grid-area: span 2/span 1/span 2/span 1
}
#w-node-_9c7082e9-e2fa-a12e-2f13-1df5b820674e-4c4d9bf9,
#w-node-_0fee1ae2-fe5f-7fbe-964d-43ac4a9ddc27-4a9ddbe3,
#w-node-_0fee1ae2-fe5f-7fbe-964d-43ac4a9ddc31-4a9ddbe3,
#w-node-d1ad07df-5711-e999-21d4-8cfebf6e67d2-4c4d9c01,
#w-node-_0329fde8-ae1d-14ff-19ad-ed6c4809f0fd-4809f0ad,
#w-node-_0329fde8-ae1d-14ff-19ad-ed6c4809f106-4809f0ad {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-d9bb28bf-3341-a2ab-7499-1113e4e31eaa-e4e31e48,
#w-node-d9bb28bf-3341-a2ab-7499-1113e4e31eab-e4e31e48,
#w-node-d9bb28bf-3341-a2ab-7499-1113e4e31eac-e4e31e48,
#w-node-d82cefb9-6334-dd39-097b-e9ed4c481940-4c4d9c2d,
#w-node-d82cefb9-6334-dd39-097b-e9ed4c481941-4c4d9c2d,
#w-node-d82cefb9-6334-dd39-097b-e9ed4c481942-4c4d9c2d {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_5a576b29-972d-535a-4d1a-785cbb2f7f56-4c4d9c2d,
#w-node-_5a576b29-972d-535a-4d1a-785cbb2f7f5b-4c4d9c2d {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_4bb83ec2-2ad8-18f6-24bc-5c2ff17adaef-4c4d9c4b,
#w-node-_4bb83ec2-2ad8-18f6-24bc-5c2ff17adaf0-4c4d9c4b,
#w-node-_4bb83ec2-2ad8-18f6-24bc-5c2ff17adaf1-4c4d9c4b,
#w-node-_82d16b49-058b-e37e-e13c-c39ba46b54e8-9a281bd4,
#w-node-_82d16b49-058b-e37e-e13c-c39ba46b54e9-9a281bd4,
#w-node-_82d16b49-058b-e37e-e13c-c39ba46b54ea-9a281bd4 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_7ddf543b-e304-e03b-805a-daa2f6988c00-9a281bd4,
#w-node-_566e95af-7cc6-9f3d-d2ec-914da71d5e4c-e11c54cb,
#w-node-_566e95af-7cc6-9f3d-d2ec-914da71d5e53-e11c54cb,
#w-node-_86f6f599-53ab-2d25-9330-feabe9c5eb1b-01e2d842,
#w-node-_86f6f599-53ab-2d25-9330-feabe9c5eb20-01e2d842,
#w-node-d66d82eb-bf5b-f714-d871-b724eb584913-ff14c54e,
#w-node-d66d82eb-bf5b-f714-d871-b724eb584936-ff14c54e,
#w-node-fc4244c3-4087-f909-f445-694f8da7ec33-6991104f {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_112a142d-44d4-72d2-c15f-6c53766c22cb-6991104f,
#w-node-_112a142d-44d4-72d2-c15f-6c53766c22cc-6991104f,
#w-node-_112a142d-44d4-72d2-c15f-6c53766c22cd-6991104f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-f7ca1d4b-4df9-e22e-8f74-a10b53e495a5-6991104f,
#w-node-f7ca1d4b-4df9-e22e-8f74-a10b53e495c8-6991104f {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_4bb83ec2-2ad8-18f6-24bc-5c2ff17adaef-078828d4,
#w-node-_4bb83ec2-2ad8-18f6-24bc-5c2ff17adaf0-078828d4,
#w-node-_4bb83ec2-2ad8-18f6-24bc-5c2ff17adaf1-078828d4,
#w-node-f77ae0f9-a6ed-aee4-a67a-d3d2fc850bba-9e7152f3,
#w-node-f77ae0f9-a6ed-aee4-a67a-d3d2fc850bbb-9e7152f3,
#w-node-f77ae0f9-a6ed-aee4-a67a-d3d2fc850bbc-9e7152f3 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-f531643e-d992-e86c-a91a-cc39a6f2ae18-9e7152f3 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-f0156399-aae4-a954-47b2-7c182bdae01e-1e384348,
#w-node-f0156399-aae4-a954-47b2-7c182bdae01f-1e384348,
#w-node-f0156399-aae4-a954-47b2-7c182bdae020-1e384348 {
grid-area: span 1/span 1/span 1/span 1
}
@media screen and (max-width: 991px) {
#w-node-cdeddecc-b995-497a-639b-0edd64cdc734-64cdc730 {
order: 1;
grid-area: span 1/span 3/span 1/span 3
}
#w-node-d86be207-12ce-6ff4-4e43-15b17734cd13-64cdc730 {
order: 2;
grid-area: span 1/span 2/span 1/span 2
}
#w-node-cdeddecc-b995-497a-639b-0edd64cdc754-64cdc730 {
order: 3
}
#w-node-cdeddecc-b995-497a-639b-0edd64cdc768-64cdc730 {
order: 4;
grid-area: span 1/span 3/span 1/span 3
}
#w-node-addcbadc-a797-9312-f2b8-32f98f7f0839-8f7f0832 {
grid-column: span 3/span 3
}
#w-node-cebf28c3-3e5d-c342-f155-0df11991b103-4c4d9b89 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_90ca3633-97b0-4012-ecc6-116a21c34bb4-4c4d9b89 {
align-self: end
}
#w-node-a1d0093b-4956-20ca-ec56-da45f492daa5-4c4d9b97,
#w-node-a1d0093b-4956-20ca-ec56-da45f492dac9-4c4d9b97,
#w-node-_6d5ebe55-c4d2-a425-6766-edb3cf08748c-4c4d9b98 {
grid-column: span 3/span 3
}
#w-node-_67e2ae5e-b29c-f891-5531-669bf0ddbfe3-4c4d9bad {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_6473dce4-dee5-f952-364f-5fa7c280a806-4c4d9bad {
justify-self: start
}
#w-node-_2288188e-7095-131e-cf55-d947cebc4126-4c4d9bad {
justify-self: end
}
#w-node-badb0ab6-f03e-eaac-94c3-6dc5c340abe6-4c4d9bca {
grid-area: span 2/span 1/span 2/span 1;
align-self: start
}
#w-node-_12e13a1a-3fd3-e11c-6826-310970b72718-4c4d9c2d,
#w-node-_2a4e2b6d-b6ea-6082-36bc-b9a258cbfd9a-0a1a2486 {
grid-column: span 3/span 3
}
#w-node-cebf28c3-3e5d-c342-f155-0df11991b103-f4e459a9 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_90ca3633-97b0-4012-ecc6-116a21c34bb4-f4e459a9 {
align-self: end
}
}
@media screen and (max-width: 767px) {
#w-node-fd23b61c-86bf-2ca9-3ba5-c59ebf089708-4c4d9b29 {
grid-area: span 1/span 2/span 1/span 2;
justify-self: stretch
}
#w-node-_35c93d8a-c859-154f-3a6b-245b194dd4bb-4c4d9b29 {
grid-area: span 2/span 2/span 2/span 2;
justify-self: stretch
}
#w-node-_3752c5f3-4eab-8241-b2c6-3aa2b94ade88-4c4d9b29 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-fdd57da5-a0cd-998c-16db-b152d6155eba-4c4d9b89 {
grid-area: span 1/span 2/span 1/span 2;
align-self: start
}
#w-node-_90ca3633-97b0-4012-ecc6-116a21c34bb4-4c4d9b89 {
grid-area: span 1/span 2/span 1/span 2;
align-self: end
}
#w-node-_8bd1ae41-ca5a-af22-0d39-6c895323d95e-4c4d9b8f {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-fdd57da5-a0cd-998c-16db-b152d6155eba-f4e459a9 {
grid-area: span 1/span 2/span 1/span 2;
align-self: start
}
#w-node-_90ca3633-97b0-4012-ecc6-116a21c34bb4-f4e459a9 {
grid-area: span 1/span 2/span 1/span 2;
align-self: end
}
}
@media screen and (max-width: 479px) {
#w-node-d86be207-12ce-6ff4-4e43-15b17734cd13-64cdc730 {
order: 3
}
#w-node-cdeddecc-b995-497a-639b-0edd64cdc754-64cdc730 {
order: 2
}
#w-node-_6473dce4-dee5-f952-364f-5fa7c280a806-4c4d9bad {
grid-area: span 1/span 2/span 1/span 2
}
}
@font-face {
font-family: 'Suisse';
src: url('https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64898a9a755cff6cdd51cdbc_SuisseIntl-Light-WebS.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Suisse';
src: url('https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64898b98472fde4d3b43bb30_SuisseIntl-Regular-WebS.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Suisse';
src: url('https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64898c27173d67d93385a14f_SuisseIntl-Medium-WebS.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Suisse';
src: url('https://cdn.prod.website-files.com/63f38a8c92397a024fcb9ae8/64898ce7a7d0827c9f783359_SuisseIntl-Bold-WebS.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
.iti {
position: relative;
display: inline-block;
}
.iti * {
box-sizing: border-box;
}
.iti__hide {
display: none;
}
.iti__v-hide {
visibility: hidden;
}
.iti__a11y-text {
width: 1px;
height: 1px;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
position: absolute;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0;
}
.iti__flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px;
}
.iti__selected-flag {
z-index: 1;
position: relative;
display: flex;
align-items: center;
height: 100%;
padding: 0 6px 0 8px;
}
.iti__arrow {
margin-left: 6px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555;
}
[dir=rtl] .iti__arrow {
margin-right: 6px;
margin-left: 0;
}
.iti__arrow--up {
border-top: none;
border-bottom: 4px solid #555;
}
.iti__dropdown-content {
border-radius: 3px;
background-color: white;
}
.iti--inline-dropdown .iti__dropdown-content {
position: absolute;
z-index: 2;
margin-top: 3px;
margin-left: -1px;
border: 1px solid #ccc;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti__dropdown-content--dropup {
bottom: 100%;
margin-bottom: 3px;
}
.iti__search-input {
width: 100%;
border-width: 0;
border-radius: 3px;
padding: 9px 12px;
}
.iti__search-input+.iti__country-list {
border-top: 1px solid #ccc;
}
.iti__country-list {
list-style: none;
padding: 0;
margin: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
white-space: nowrap;
}
@media (max-width: 500px) {
.iti--flexible-dropdown-width .iti__country-list {
white-space: normal;
}
}
.iti__flag-box {
display: inline-block;
width: 20px;
}
.iti__divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #ccc;
}
.iti__country {
display: flex;
align-items: center;
padding: 8px 8px;
outline: none;
}
.iti__dial-code {
color: #999;
}
.iti__country.iti__highlight {
background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box,
.iti__country-name {
margin-right: 8px;
}
[dir=rtl] .iti__flag-box,
[dir=rtl] .iti__country-name {
margin-right: 0;
margin-left: 8px;
}
.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--allow-dropdown input.iti__tel-input[type=tel],
.iti--show-selected-dial-code input.iti__tel-input,
.iti--show-selected-dial-code input.iti__tel-input[type=text],
.iti--show-selected-dial-code input.iti__tel-input[type=tel] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
}
[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input,
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=text],
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=tel] {
padding-right: 52px;
padding-left: 6px;
margin-right: 0;
}
.iti--allow-dropdown .iti__flag-container,
.iti--show-selected-dial-code .iti__flag-container {
right: auto;
left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__flag-container,
[dir=rtl] .iti--show-selected-dial-code .iti__flag-container {
right: 0;
left: auto;
}
.iti--allow-dropdown .iti__flag-container:hover {
cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover,
.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover {
cursor: default;
}
.iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover .iti__selected-flag,
.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover .iti__selected-flag {
background-color: transparent;
}
.iti--show-selected-dial-code .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05);
}
.iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
margin-left: 6px;
}
[dir=rtl] .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
margin-left: 0;
margin-right: 6px;
}
.iti--container {
position: fixed;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: 1px;
}
.iti--container:hover {
cursor: pointer;
}
.iti--fullscreen-popup.iti--container {
background-color: rgba(0, 0, 0, 0.5);
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: center;
}
.iti--fullscreen-popup.iti--container.iti--country-search {
justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
display: flex;
flex-direction: column;
max-height: 100%;
position: relative;
}
.iti--fullscreen-popup .iti__country {
padding: 10px 10px;
line-height: 1.5em;
}
.iti__flag {
width: 20px;
}
.iti__flag.iti__be {
width: 18px;
}
.iti__flag.iti__ch {
width: 15px;
}
.iti__flag.iti__mc {
width: 19px;
}
.iti__flag.iti__ne {
width: 18px;
}
.iti__flag.iti__np {
width: 13px;
}
.iti__flag.iti__va {
width: 15px;
}
@media (min-resolution: 2x) {
.iti__flag {
background-size: 5762px 15px;
}
}
.iti__flag.iti__ac {
height: 10px;
background-position: 0px 0px;
}
.iti__flag.iti__ad {
height: 14px;
background-position: -22px 0px;
}
.iti__flag.iti__ae {
height: 10px;
background-position: -44px 0px;
}
.iti__flag.iti__af {
height: 14px;
background-position: -66px 0px;
}
.iti__flag.iti__ag {
height: 14px;
background-position: -88px 0px;
}
.iti__flag.iti__ai {
height: 10px;
background-position: -110px 0px;
}
.iti__flag.iti__al {
height: 15px;
background-position: -132px 0px;
}
.iti__flag.iti__am {
height: 10px;
background-position: -154px 0px;
}
.iti__flag.iti__ao {
height: 14px;
background-position: -176px 0px;
}
.iti__flag.iti__aq {
height: 14px;
background-position: -198px 0px;
}
.iti__flag.iti__ar {
height: 13px;
background-position: -220px 0px;
}
.iti__flag.iti__as {
height: 10px;
background-position: -242px 0px;
}
.iti__flag.iti__at {
height: 14px;
background-position: -264px 0px;
}
.iti__flag.iti__au {
height: 10px;
background-position: -286px 0px;
}
.iti__flag.iti__aw {
height: 14px;
background-position: -308px 0px;
}
.iti__flag.iti__ax {
height: 13px;
background-position: -330px 0px;
}
.iti__flag.iti__az {
height: 10px;
background-position: -352px 0px;
}
.iti__flag.iti__ba {
height: 10px;
background-position: -374px 0px;
}
.iti__flag.iti__bb {
height: 14px;
background-position: -396px 0px;
}
.iti__flag.iti__bd {
height: 12px;
background-position: -418px 0px;
}
.iti__flag.iti__be {
height: 15px;
background-position: -440px 0px;
}
.iti__flag.iti__bf {
height: 14px;
background-position: -460px 0px;
}
.iti__flag.iti__bg {
height: 12px;
background-position: -482px 0px;
}
.iti__flag.iti__bh {
height: 12px;
background-position: -504px 0px;
}
.iti__flag.iti__bi {
height: 12px;
background-position: -526px 0px;
}
.iti__flag.iti__bj {
height: 14px;
background-position: -548px 0px;
}
.iti__flag.iti__bl {
height: 14px;
background-position: -570px 0px;
}
.iti__flag.iti__bm {
height: 10px;
background-position: -592px 0px;
}
.iti__flag.iti__bn {
height: 10px;
background-position: -614px 0px;
}
.iti__flag.iti__bo {
height: 14px;
background-position: -636px 0px;
}
.iti__flag.iti__bq {
height: 14px;
background-position: -658px 0px;
}
.iti__flag.iti__br {
height: 14px;
background-position: -680px 0px;
}
.iti__flag.iti__bs {
height: 10px;
background-position: -702px 0px;
}
.iti__flag.iti__bt {
height: 14px;
background-position: -724px 0px;
}
.iti__flag.iti__bv {
height: 15px;
background-position: -746px 0px;
}
.iti__flag.iti__bw {
height: 14px;
background-position: -768px 0px;
}
.iti__flag.iti__by {
height: 10px;
background-position: -790px 0px;
}
.iti__flag.iti__bz {
height: 12px;
background-position: -812px 0px;
}
.iti__flag.iti__ca {
height: 10px;
background-position: -834px 0px;
}
.iti__flag.iti__cc {
height: 10px;
background-position: -856px 0px;
}
.iti__flag.iti__cd {
height: 15px;
background-position: -878px 0px;
}
.iti__flag.iti__cf {
height: 14px;
background-position: -900px 0px;
}
.iti__flag.iti__cg {
height: 14px;
background-position: -922px 0px;
}
.iti__flag.iti__ch {
height: 15px;
background-position: -944px 0px;
}
.iti__flag.iti__ci {
height: 14px;
background-position: -961px 0px;
}
.iti__flag.iti__ck {
height: 10px;
background-position: -983px 0px;
}
.iti__flag.iti__cl {
height: 14px;
background-position: -1005px 0px;
}
.iti__flag.iti__cm {
height: 14px;
background-position: -1027px 0px;
}
.iti__flag.iti__cn {
height: 14px;
background-position: -1049px 0px;
}
.iti__flag.iti__co {
height: 14px;
background-position: -1071px 0px;
}
.iti__flag.iti__cp {
height: 14px;
background-position: -1093px 0px;
}
.iti__flag.iti__cq {
height: 12px;
background-position: -1115px 0px;
}
.iti__flag.iti__cr {
height: 12px;
background-position: -1137px 0px;
}
.iti__flag.iti__cu {
height: 10px;
background-position: -1159px 0px;
}
.iti__flag.iti__cv {
height: 12px;
background-position: -1181px 0px;
}
.iti__flag.iti__cw {
height: 14px;
background-position: -1203px 0px;
}
.iti__flag.iti__cx {
height: 10px;
background-position: -1225px 0px;
}
.iti__flag.iti__cy {
height: 14px;
background-position: -1247px 0px;
}
.iti__flag.iti__cz {
height: 14px;
background-position: -1269px 0px;
}
.iti__flag.iti__de {
height: 12px;
background-position: -1291px 0px;
}
.iti__flag.iti__dg {
height: 10px;
background-position: -1313px 0px;
}
.iti__flag.iti__dj {
height: 14px;
background-position: -1335px 0px;
}
.iti__flag.iti__dk {
height: 15px;
background-position: -1357px 0px;
}
.iti__flag.iti__dm {
height: 10px;
background-position: -1379px 0px;
}
.iti__flag.iti__do {
height: 14px;
background-position: -1401px 0px;
}
.iti__flag.iti__dz {
height: 14px;
background-position: -1423px 0px;
}
.iti__flag.iti__ea {
height: 14px;
background-position: -1445px 0px;
}
.iti__flag.iti__ec {
height: 14px;
background-position: -1467px 0px;
}
.iti__flag.iti__ee {
height: 13px;
background-position: -1489px 0px;
}
.iti__flag.iti__eg {
height: 14px;
background-position: -1511px 0px;
}
.iti__flag.iti__eh {
height: 10px;
background-position: -1533px 0px;
}
.iti__flag.iti__er {
height: 10px;
background-position: -1555px 0px;
}
.iti__flag.iti__es {
height: 14px;
background-position: -1577px 0px;
}
.iti__flag.iti__et {
height: 10px;
background-position: -1599px 0px;
}
.iti__flag.iti__eu {
height: 14px;
background-position: -1621px 0px;
}
.iti__flag.iti__ez {
height: 14px;
background-position: -1643px 0px;
}
.iti__flag.iti__fi {
height: 12px;
background-position: -1665px 0px;
}
.iti__flag.iti__fj {
height: 10px;
background-position: -1687px 0px;
}
.iti__flag.iti__fk {
height: 10px;
background-position: -1709px 0px;
}
.iti__flag.iti__fm {
height: 11px;
background-position: -1731px 0px;
}
.iti__flag.iti__fo {
height: 15px;
background-position: -1753px 0px;
}
.iti__flag.iti__fr {
height: 14px;
background-position: -1775px 0px;
}
.iti__flag.iti__fx {
height: 14px;
background-position: -1797px 0px;
}
.iti__flag.iti__ga {
height: 15px;
background-position: -1819px 0px;
}
.iti__flag.iti__gb {
height: 10px;
background-position: -1841px 0px;
}
.iti__flag.iti__gd {
height: 12px;
background-position: -1863px 0px;
}
.iti__flag.iti__ge {
height: 14px;
background-position: -1885px 0px;
}
.iti__flag.iti__gf {
height: 14px;
background-position: -1907px 0px;
}
.iti__flag.iti__gg {
height: 14px;
background-position: -1929px 0px;
}
.iti__flag.iti__gh {
height: 14px;
background-position: -1951px 0px;
}
.iti__flag.iti__gi {
height: 10px;
background-position: -1973px 0px;
}
.iti__flag.iti__gl {
height: 14px;
background-position: -1995px 0px;
}
.iti__flag.iti__gm {
height: 14px;
background-position: -2017px 0px;
}
.iti__flag.iti__gn {
height: 14px;
background-position: -2039px 0px;
}
.iti__flag.iti__gp {
height: 14px;
background-position: -2061px 0px;
}
.iti__flag.iti__gq {
height: 14px;
background-position: -2083px 0px;
}
.iti__flag.iti__gr {
height: 14px;
background-position: -2105px 0px;
}
.iti__flag.iti__gs {
height: 10px;
background-position: -2127px 0px;
}
.iti__flag.iti__gt {
height: 13px;
background-position: -2149px 0px;
}
.iti__flag.iti__gu {
height: 11px;
background-position: -2171px 0px;
}
.iti__flag.iti__gw {
height: 10px;
background-position: -2193px 0px;
}
.iti__flag.iti__gy {
height: 12px;
background-position: -2215px 0px;
}
.iti__flag.iti__hk {
height: 14px;
background-position: -2237px 0px;
}
.iti__flag.iti__hm {
height: 10px;
background-position: -2259px 0px;
}
.iti__flag.iti__hn {
height: 10px;
background-position: -2281px 0px;
}
.iti__flag.iti__hr {
height: 10px;
background-position: -2303px 0px;
}
.iti__flag.iti__ht {
height: 12px;
background-position: -2325px 0px;
}
.iti__flag.iti__hu {
height: 10px;
background-position: -2347px 0px;
}
.iti__flag.iti__ic {
height: 14px;
background-position: -2369px 0px;
}
.iti__flag.iti__id {
height: 14px;
background-position: -2391px 0px;
}
.iti__flag.iti__ie {
height: 10px;
background-position: -2413px 0px;
}
.iti__flag.iti__il {
height: 15px;
background-position: -2435px 0px;
}
.iti__flag.iti__im {
height: 10px;
background-position: -2457px 0px;
}
.iti__flag.iti__in {
height: 14px;
background-position: -2479px 0px;
}
.iti__flag.iti__io {
height: 10px;
background-position: -2501px 0px;
}
.iti__flag.iti__iq {
height: 14px;
background-position: -2523px 0px;
}
.iti__flag.iti__ir {
height: 12px;
background-position: -2545px 0px;
}
.iti__flag.iti__is {
height: 15px;
background-position: -2567px 0px;
}
.iti__flag.iti__it {
height: 14px;
background-position: -2589px 0px;
}
.iti__flag.iti__je {
height: 12px;
background-position: -2611px 0px;
}
.iti__flag.iti__jm {
height: 10px;
background-position: -2633px 0px;
}
.iti__flag.iti__jo {
height: 10px;
background-position: -2655px 0px;
}
.iti__flag.iti__jp {
height: 14px;
background-position: -2677px 0px;
}
.iti__flag.iti__ke {
height: 14px;
background-position: -2699px 0px;
}
.iti__flag.iti__kg {
height: 12px;
background-position: -2721px 0px;
}
.iti__flag.iti__kh {
height: 13px;
background-position: -2743px 0px;
}
.iti__flag.iti__ki {
height: 10px;
background-position: -2765px 0px;
}
.iti__flag.iti__km {
height: 12px;
background-position: -2787px 0px;
}
.iti__flag.iti__kn {
height: 14px;
background-position: -2809px 0px;
}
.iti__flag.iti__kp {
height: 10px;
background-position: -2831px 0px;
}
.iti__flag.iti__kr {
height: 14px;
background-position: -2853px 0px;
}
.iti__flag.iti__kw {
height: 10px;
background-position: -2875px 0px;
}
.iti__flag.iti__ky {
height: 10px;
background-position: -2897px 0px;
}
.iti__flag.iti__kz {
height: 10px;
background-position: -2919px 0px;
}
.iti__flag.iti__la {
height: 14px;
background-position: -2941px 0px;
}
.iti__flag.iti__lb {
height: 14px;
background-position: -2963px 0px;
}
.iti__flag.iti__lc {
height: 10px;
background-position: -2985px 0px;
}
.iti__flag.iti__li {
height: 12px;
background-position: -3007px 0px;
}
.iti__flag.iti__lk {
height: 10px;
background-position: -3029px 0px;
}
.iti__flag.iti__lr {
height: 11px;
background-position: -3051px 0px;
}
.iti__flag.iti__ls {
height: 14px;
background-position: -3073px 0px;
}
.iti__flag.iti__lt {
height: 12px;
background-position: -3095px 0px;
}
.iti__flag.iti__lu {
height: 12px;
background-position: -3117px 0px;
}
.iti__flag.iti__lv {
height: 10px;
background-position: -3139px 0px;
}
.iti__flag.iti__ly {
height: 10px;
background-position: -3161px 0px;
}
.iti__flag.iti__ma {
height: 14px;
background-position: -3183px 0px;
}
.iti__flag.iti__mc {
height: 15px;
background-position: -3205px 0px;
}
.iti__flag.iti__md {
height: 10px;
background-position: -3226px 0px;
}
.iti__flag.iti__me {
height: 10px;
background-position: -3248px 0px;
}
.iti__flag.iti__mf {
height: 14px;
background-position: -3270px 0px;
}
.iti__flag.iti__mg {
height: 14px;
background-position: -3292px 0px;
}
.iti__flag.iti__mh {
height: 11px;
background-position: -3314px 0px;
}
.iti__flag.iti__mk {
height: 10px;
background-position: -3336px 0px;
}
.iti__flag.iti__ml {
height: 14px;
background-position: -3358px 0px;
}
.iti__flag.iti__mm {
height: 14px;
background-position: -3380px 0px;
}
.iti__flag.iti__mn {
height: 10px;
background-position: -3402px 0px;
}
.iti__flag.iti__mo {
height: 14px;
background-position: -3424px 0px;
}
.iti__flag.iti__mp {
height: 10px;
background-position: -3446px 0px;
}
.iti__flag.iti__mq {
height: 14px;
background-position: -3468px 0px;
}
.iti__flag.iti__mr {
height: 14px;
background-position: -3490px 0px;
}
.iti__flag.iti__ms {
height: 10px;
background-position: -3512px 0px;
}
.iti__flag.iti__mt {
height: 14px;
background-position: -3534px 0px;
}
.iti__flag.iti__mu {
height: 14px;
background-position: -3556px 0px;
}
.iti__flag.iti__mv {
height: 14px;
background-position: -3578px 0px;
}
.iti__flag.iti__mw {
height: 14px;
background-position: -3600px 0px;
}
.iti__flag.iti__mx {
height: 12px;
background-position: -3622px 0px;
}
.iti__flag.iti__my {
height: 10px;
background-position: -3644px 0px;
}
.iti__flag.iti__mz {
height: 14px;
background-position: -3666px 0px;
}
.iti__flag.iti__na {
height: 14px;
background-position: -3688px 0px;
}
.iti__flag.iti__nc {
height: 10px;
background-position: -3710px 0px;
}
.iti__flag.iti__ne {
height: 15px;
background-position: -3732px 0px;
}
.iti__flag.iti__nf {
height: 10px;
background-position: -3752px 0px;
}
.iti__flag.iti__ng {
height: 10px;
background-position: -3774px 0px;
}
.iti__flag.iti__ni {
height: 12px;
background-position: -3796px 0px;
}
.iti__flag.iti__nl {
height: 14px;
background-position: -3818px 0px;
}
.iti__flag.iti__no {
height: 15px;
background-position: -3840px 0px;
}
.iti__flag.iti__np {
height: 15px;
background-position: -3862px 0px;
}
.iti__flag.iti__nr {
height: 10px;
background-position: -3877px 0px;
}
.iti__flag.iti__nu {
height: 10px;
background-position: -3899px 0px;
}
.iti__flag.iti__nz {
height: 10px;
background-position: -3921px 0px;
}
.iti__flag.iti__om {
height: 10px;
background-position: -3943px 0px;
}
.iti__flag.iti__pa {
height: 14px;
background-position: -3965px 0px;
}
.iti__flag.iti__pe {
height: 14px;
background-position: -3987px 0px;
}
.iti__flag.iti__pf {
height: 14px;
background-position: -4009px 0px;
}
.iti__flag.iti__pg {
height: 15px;
background-position: -4031px 0px;
}
.iti__flag.iti__ph {
height: 10px;
background-position: -4053px 0px;
}
.iti__flag.iti__pk {
height: 14px;
background-position: -4075px 0px;
}
.iti__flag.iti__pl {
height: 13px;
background-position: -4097px 0px;
}
.iti__flag.iti__pm {
height: 14px;
background-position: -4119px 0px;
}
.iti__flag.iti__pn {
height: 10px;
background-position: -4141px 0px;
}
.iti__flag.iti__pr {
height: 14px;
background-position: -4163px 0px;
}
.iti__flag.iti__ps {
height: 10px;
background-position: -4185px 0px;
}
.iti__flag.iti__pt {
height: 14px;
background-position: -4207px 0px;
}
.iti__flag.iti__pw {
height: 13px;
background-position: -4229px 0px;
}
.iti__flag.iti__py {
height: 11px;
background-position: -4251px 0px;
}
.iti__flag.iti__qa {
height: 8px;
background-position: -4273px 0px;
}
.iti__flag.iti__re {
height: 14px;
background-position: -4295px 0px;
}
.iti__flag.iti__ro {
height: 14px;
background-position: -4317px 0px;
}
.iti__flag.iti__rs {
height: 14px;
background-position: -4339px 0px;
}
.iti__flag.iti__ru {
height: 14px;
background-position: -4361px 0px;
}
.iti__flag.iti__rw {
height: 14px;
background-position: -4383px 0px;
}
.iti__flag.iti__sa {
height: 14px;
background-position: -4405px 0px;
}
.iti__flag.iti__sb {
height: 10px;
background-position: -4427px 0px;
}
.iti__flag.iti__sc {
height: 10px;
background-position: -4449px 0px;
}
.iti__flag.iti__sd {
height: 10px;
background-position: -4471px 0px;
}
.iti__flag.iti__se {
height: 13px;
background-position: -4493px 0px;
}
.iti__flag.iti__sg {
height: 14px;
background-position: -4515px 0px;
}
.iti__flag.iti__sh {
height: 10px;
background-position: -4537px 0px;
}
.iti__flag.iti__si {
height: 10px;
background-position: -4559px 0px;
}
.iti__flag.iti__sj {
height: 15px;
background-position: -4581px 0px;
}
.iti__flag.iti__sk {
height: 14px;
background-position: -4603px 0px;
}
.iti__flag.iti__sl {
height: 14px;
background-position: -4625px 0px;
}
.iti__flag.iti__sm {
height: 15px;
background-position: -4647px 0px;
}
.iti__flag.iti__sn {
height: 14px;
background-position: -4669px 0px;
}
.iti__flag.iti__so {
height: 14px;
background-position: -4691px 0px;
}
.iti__flag.iti__sr {
height: 14px;
background-position: -4713px 0px;
}
.iti__flag.iti__ss {
height: 10px;
background-position: -4735px 0px;
}
.iti__flag.iti__st {
height: 10px;
background-position: -4757px 0px;
}
.iti__flag.iti__su {
height: 10px;
background-position: -4779px 0px;
}
.iti__flag.iti__sv {
height: 12px;
background-position: -4801px 0px;
}
.iti__flag.iti__sx {
height: 14px;
background-position: -4823px 0px;
}
.iti__flag.iti__sy {
height: 14px;
background-position: -4845px 0px;
}
.iti__flag.iti__sz {
height: 14px;
background-position: -4867px 0px;
}
.iti__flag.iti__ta {
height: 10px;
background-position: -4889px 0px;
}
.iti__flag.iti__tc {
height: 10px;
background-position: -4911px 0px;
}
.iti__flag.iti__td {
height: 14px;
background-position: -4933px 0px;
}
.iti__flag.iti__tf {
height: 14px;
background-position: -4955px 0px;
}
.iti__flag.iti__tg {
height: 13px;
background-position: -4977px 0px;
}
.iti__flag.iti__th {
height: 14px;
background-position: -4999px 0px;
}
.iti__flag.iti__tj {
height: 10px;
background-position: -5021px 0px;
}
.iti__flag.iti__tk {
height: 10px;
background-position: -5043px 0px;
}
.iti__flag.iti__tl {
height: 10px;
background-position: -5065px 0px;
}
.iti__flag.iti__tm {
height: 14px;
background-position: -5087px 0px;
}
.iti__flag.iti__tn {
height: 14px;
background-position: -5109px 0px;
}
.iti__flag.iti__to {
height: 10px;
background-position: -5131px 0px;
}
.iti__flag.iti__tr {
height: 14px;
background-position: -5153px 0px;
}
.iti__flag.iti__tt {
height: 12px;
background-position: -5175px 0px;
}
.iti__flag.iti__tv {
height: 10px;
background-position: -5197px 0px;
}
.iti__flag.iti__tw {
height: 14px;
background-position: -5219px 0px;
}
.iti__flag.iti__tz {
height: 14px;
background-position: -5241px 0px;
}
.iti__flag.iti__ua {
height: 14px;
background-position: -5263px 0px;
}
.iti__flag.iti__ug {
height: 14px;
background-position: -5285px 0px;
}
.iti__flag.iti__uk {
height: 10px;
background-position: -5307px 0px;
}
.iti__flag.iti__um {
height: 11px;
background-position: -5329px 0px;
}
.iti__flag.iti__un {
height: 14px;
background-position: -5351px 0px;
}
.iti__flag.iti__us {
height: 11px;
background-position: -5373px 0px;
}
.iti__flag.iti__uy {
height: 14px;
background-position: -5395px 0px;
}
.iti__flag.iti__uz {
height: 10px;
background-position: -5417px 0px;
}
.iti__flag.iti__va {
height: 15px;
background-position: -5439px 0px;
}
.iti__flag.iti__vc {
height: 14px;
background-position: -5456px 0px;
}
.iti__flag.iti__ve {
height: 14px;
background-position: -5478px 0px;
}
.iti__flag.iti__vg {
height: 10px;
background-position: -5500px 0px;
}
.iti__flag.iti__vi {
height: 14px;
background-position: -5522px 0px;
}
.iti__flag.iti__vn {
height: 14px;
background-position: -5544px 0px;
}
.iti__flag.iti__vu {
height: 12px;
background-position: -5566px 0px;
}
.iti__flag.iti__wf {
height: 14px;
background-position: -5588px 0px;
}
.iti__flag.iti__ws {
height: 10px;
background-position: -5610px 0px;
}
.iti__flag.iti__xk {
height: 15px;
background-position: -5632px 0px;
}
.iti__flag.iti__ye {
height: 14px;
background-position: -5654px 0px;
}
.iti__flag.iti__yt {
height: 14px;
background-position: -5676px 0px;
}
.iti__flag.iti__za {
height: 14px;
background-position: -5698px 0px;
}
.iti__flag.iti__zm {
height: 14px;
background-position: -5720px 0px;
}
.iti__flag.iti__zw {
height: 10px;
background-position: -5742px 0px;
}
.iti__flag {
height: 15px;
box-shadow: 0px 0px 1px 0px #888;
background-image: url("images/flags.png?1");
background-repeat: no-repeat;
background-position: 20px 0;
}
@media (min-resolution: 2x) {
.iti__flag {
background-image: url("images/flags@2x.png?1");
}
}
.iti__globe {
background-image: url("../img/globe.png");
background-size: contain;
background-position: right;
box-shadow: none;
height: 19px;
}
@media (min-resolution: 2x) {
.iti__globe {
background-image: url("../img/globe@2x.png");
}
}
.w-webflow-badge {
display: none !important;
}
.w-editor,
.w-editor body,
.w-editor-bem-Pane_Body {
overflow: auto !important;
}
.w-editor-publish-controls {
display: none !important;
}
iframe {
border: none;
}
* {
outline: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*:focus {
outline: 0 !important;
}
html::-webkit-scrollbar {
width: 0px;
}
/** inputs **/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input:-moz-placeholder,
textarea:-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholde {
transition: .2s;
}
input:not([type="tel"]):focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholde,
input:not([type="tel"]):focus::-moz-placeholder,
textarea:focus::-moz-placeholder,
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
opacity: 0;
}
input:auto-fill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
.form__label,
.form__label-invalid,
.form__submit-result {
pointer-events: none;
}
.form__label.is-error,
.w-dropdown-toggle.is-error>div {
color: #ff3d2e;
}
.input.is-error,
.w-dropdown-toggle.is-error {
border-color: #FF3D2E !important;
}
.w-form .w-form-fail {
display: none !important;
}
.w-form form[data-success-hide] {
display: block !important;
}
.w-form form[data-success-hide]~.w-form-done {
display: none !important;
}
[data-submit-wrap] {
cursor: pointer;
}
[data-submit-wrap] input[type=submit] {
display: none;
}
/** for lenis smooth scroll **/
/*html {*/
/* scroll-behavior: auto !important;*/
/*}*/
/*[data-lenis-prevent] {*/
/* overscroll-behavior: contain;*/
/*}*/
/** remodal **/
body {
padding-right: 0px !important;
}
.remodal-overlay {
background-color: rgba(2, 2, 30, 0.9);
}
.remodal-wrapper {
padding: 0px;
overflow: hidden;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
html.remodal-is-locked::-webkit-scrollbar-thumb,
html.remodal-is-locked::-webkit-scrollbar-track {
background: rgb(0 0 0 / 0%) !important;
}
/*html.remodal-is-locked {*/
/* overflow: auto;*/
/*}*/
[data-remodal-id="video"] .remodal__close {
pointer-events: none;
}
[data-remodal-id="video"] .remodal__close>div {
pointer-events: auto;
}
/* player */
:root {
--plyr-color-main: #e60278;
}
.plyr {
min-width: auto !important;
}
.plyr__controls {
padding: 10px !important;
}
[data-video-wrap].active .plyr__controls {
opacity: 0;
pointer-events: none;
transform: translateY(100%);
}
video::-webkit-media-controls {
display: none !important;
}
video::-webkit-media-controls-enclosure {
display: none !important;
}
video::-webkit-media-controls-panel {
display: none !important;
}
/* swiper pagination */
.swiper,
.swiper-wrapper {
user-select: none;
}
.swiper-nav__arrow.swiper-button-disabled,
.before-after-notes__arrow.swiper-button-disabled {
opacity: 0.4;
pointer-events: none;
}
[data-swiper="awards-runline"]>.swiper-wrapper {
transition-timing-function: linear;
}
[data-swiper="awards-runline"].is--autoplay-stop>.swiper-wrapper {
transition-timing-function: ease-out;
}
[data-swiper-pagination] {
/*height: .25rem !important;*/
position: relative !important;
border-radius: 6rem !important;
top: initial !important;
bottom: initial !important;
}
[data-swiper-pagination] .swiper-pagination-bullet {
height: 100%;
margin: 0rem !important;
max-width: 2rem;
opacity: .2;
background-color: #EAEAEC;
border-radius: 6.25rem;
flex: 1;
position: relative;
transition: all .2s;
}
[data-swiper-pagination] .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
}
[data-swiper-pagination-style="dots"] {
height: 0.5rem;
}
[data-swiper-pagination-style="dots"] .swiper-pagination-bullet {
width: 0.5rem;
flex: none;
}
[data-swiper-pagination-style="load"] .swiper-pagination-bullet {
max-width: 100% !important;
opacity: 1;
}
[data-swiper-pagination-style="load"] .swiper-pagination-bullet::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0%;
height: 100%;
border-radius: 6.25rem;
background-color: #e60278;
}
[data-swiper-pagination-style="load"] .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
content: '';
width: 100%;
transition: all 4700ms linear;
}
[data-swiper-pagination].swiper-pagination-progressbar {
background-color: #EAEAEC;
}
[data-swiper-pagination].swiper-pagination-progressbar>span {
background-color: #e60278;
border-radius: 6.25rem;
}
[data-swiper-pagination-color="light"].swiper-pagination-progressbar,
[data-swiper-pagination-color="light"] .swiper-pagination-bullet {
background-color: rgba(255, 255, 255, 0.3);
}
[data-swiper-pagination-color="light"].swiper-pagination-progressbar>span,
[data-swiper-pagination-color="light"] .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #fff;
}
[data-swiper-pagination-style="load"][data-swiper-pagination-color="light"] .swiper-pagination-bullet,
[data-swiper-pagination-style="load"][data-swiper-pagination-color="light"] .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: rgba(255, 255, 255, 0.3);
}
[data-swiper-pagination-style="load"][data-swiper-pagination-color="light"] .swiper-pagination-bullet::after {
background-color: #fff;
}
/** animate links **/
[data-link-underline],
[data-links-underline] a:not([class]) {
position: relative;
display: inline-block;
}
[data-link-underline]:before,
[data-links-underline] a:not([class]):before {
background: white;
bottom: 0rem;
content: "";
display: inline-block;
height: 1px;
left: 0;
position: absolute;
transform: scaleX(0);
transform-origin: bottom right;
transition: transform .5s;
transition-timing-function: cubic-bezier(.14, 0, 0, 1.01);
width: 100%;
}
[data-link-underline]:hover:before,
[data-links-underline] a:not([class]):hover:before {
transform: scaleX(1);
transform-origin: bottom left;
}
[data-link-underline="blue"]:before,
[data-links-underline="blue"] a:not([class]):before {
background: #e60278;
}
[data-links-underline="blue-dark"] a:not([class]):before {
background: #255fef;
}
/* toc links */
[data-toc-link]:hover~[fs-toc-element="link"] {
color: #e60278
}
[fs-toc-element="link"].w--current {
color: #e60278
}
[fs-toc-element="link"].w--current~[data-toc-line] {
opacity: 1;
}
/*li:has([fs-toc-element="link"].w--current) {*/
/* color: #e60278*/
/*}*/
/** Country phone **/
.iti {
width: 100%;
}
.iti__selected-flag>.iti__arrow {
width: 1rem;
height: 1rem;
background-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/660c0b8c02c44d93ec1204e0_icon-arrow-black.svg);
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
border: none;
position: relative;
transform: rotate(0deg);
transition: transform 200ms ease;
}
.iti__arrow.iti__arrow--up {
transform: rotate(-180deg);
}
.iti__flag.iti__globe {
background-image: url(https://uploads-ssl.webflow.com/63f38a8c92397a024fcb9ae8/660e4d9c852532a5c261f27e_icon-flag-unknown.svg);
}
.iti__selected-flag {
padding: 0rem 0.5rem 0rem 0rem;
background-color: transparent !important;
}
.iti__search-input {
background: transparent;
}
.iti--inline-dropdown .iti__dropdown-content {
box-shadow: 0 .5rem 1.875rem rgba(0, 0, 0, .1);
border: 1px solid rgba(2, 2, 30, .3);
border-radius: 1rem;
margin-top: 0.5rem;
white-space: nowrap;
overflow: hidden;
}
.iti--inline-dropdown ul.iti__country-list {
font-size: 0.875rem;
max-height: 17.5rem;
color: #02021E;
}
ul.iti__country-list li {
margin-bottom: 0rem;
padding: 0rem 3rem 0rem 1rem;
height: 2.5rem;
}
ul.iti__country-list li.is--active {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.3307 4.66016L5.9974 11.9935L2.66406 8.66016' stroke='%23e60278' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-position: 95% 50%;
background-size: 1.1rem;
background-repeat: no-repeat;
}
/** dropdowns **/
[data-dropdown-arrow],
[data-dropdown-arrow-each] {
transition: transform 200ms ease;
}
.w-dropdown-toggle.w--open [data-dropdown-arrow],
.w-dropdown-toggle [data-dropdown-arrow-each="up"] {
transform: rotate(-180deg);
}
.w-dropdown.mod--footer-nav .dropdown__icon-wrap {
transition: all .2s;
opacity: 0;
}
.w-dropdown.mod--footer-nav .w-dropdown-toggle:hover .dropdown__icon-wrap,
.w-dropdown.mod--footer-nav .w-dropdown-toggle.w--open .dropdown__icon-wrap {
opacity: 1;
}
/** faq dropdowns **/
[data-block="faq"] .w-dropdown-toggle.w--open {
color: #02021e;
}
[data-block="faq"] .w-dropdown-list.w--open .w-richtext {
color: rgba(2, 2, 30, 0.8);
}
[data-block="faq"] .w-dropdown-toggle.w--open .dropdown__bg {
height: 100%;
}
.w-dropdown-toggle:hover [data-dropdown-plus="faq"],
[data-block="faq"] .w-dropdown-toggle.w--open [data-dropdown-plus="faq"] {
color: #fff !important;
}
[data-block="faq"] .w-dropdown-toggle.w--open [data-dropdown-plus="faq"]~.button__bg {
transform: scale(1);
}
@media screen and (min-width: 992px) {
/** faq dropdowns **/
[data-block="faq"] .w-dropdown-toggle.w--open .dropdown__bg {
margin: 0rem -2.5rem 0rem -2.5rem;
}
.w-dropdown-toggle:hover [data-dropdown-plus]~.button__bg,
.w-dropdown-toggle.w--open [data-dropdown-plus]~.button__bg {
transform: scale(1);
}
.w-dropdown-toggle:hover [data-dropdown-plus],
.w-dropdown-toggle.w--open [data-dropdown-plus] {
color: #02021e;
}
.iti--inline-dropdown .iti__dropdown-content {
/** width: auto !important; **/
}
/** parallax glow of cursor **/
[data-glow]::before {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
opacity: 0;
will-change: background, opacity;
transition-duration: 400ms;
transition-timing-function: ease;
transition-delay: 0s;
transition-property: opacity;
background-image: radial-gradient(circle 10rem at var(--cursor-x) var(--cursor-y), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
background-size: auto;
background-origin: padding-box;
z-index: 0;
border-radius: inherit;
}
[data-glow-container]:hover [data-glow]::before {
opacity: 1;
}
}
@media screen and (min-width: 480px) {
.dropdown-inter-each.mod--issues .w-dropdown-list {
height: auto !important;
}
}
@media screen and (max-width: 991px) {
[data-block="faq"] .w-dropdown-toggle.w--open .dropdown__bg {
margin: 0rem -1.5rem 0rem -1.5rem;
}
}
@media screen and (max-width: 767px) {
[data-block="faq"] .w-dropdown-toggle.w--open .dropdown__bg {
margin: 0rem -1rem 0rem -1rem;
}
}
@media screen and (max-width: 479px) {
[data-anim].tab__content.mod--booking:not(.anim) iframe {
min-height: 1388px;
margin-bottom: -300px;
}
[data-swiper-pagination-style="load"] .swiper-pagination-bullet {
max-width: 2rem;
}
.iti__selected-flag>.iti__arrow {
width: 0.8rem;
height: 0.8rem;
}
.iti--inline-dropdown .iti__dropdown-content {
margin-top: -0.2rem;
}
.iti--inline-dropdown ul.iti__country-list {
font-size: 0.75rem;
max-height: 12.5rem;
}
}
/** OTHER **/
.columns__col.mod--menu:hover>img {
filter: brightness();
}
[data-filter-state="filtered"] [data-filter-dot] {
display: block;
}
[data-filter-btn='open'] [data-filter-dot] {
border-color: #02021e;
}
[data-filter-btn='open'] {
background-color: #fff !important;
color: #02021e !important;
}
[data-filter-btn='open'] [data-filter-icon] .button__bg {
transform: scale(1);
}
[data-filter-btn='open'] [data-filter-icon] {
color: #fff;
/*border-color: #fdc448;*/
}
.solutions__rich-anim.done {
max-height: 100%;
}
[data-preloader] {
display: inline-block;
/* или block, flex, в завиÑимоÑти от ваших нужд */
animation: spin 1s linear infinite;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.remodal__youtube iframe,
.remodal__youtube object,
.remodal__youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body>button[class^="videoask-embed__button"] {
opacity: 0 !important;
}
[data-videoask-preview]>button[class^="videoask-embed__button"] {
position: relative !important;
right: 0px !important;
left: 0px !important;
top: 0px !important;
bottom: 0px !important;
width: 100% !important;
height: 100% !important;
border: 0px solid !important;
}
.w-dyn-item[data-slug-industry="other-industries"] {
position: absolute;
opacity: 0;
}
/*[data-swiper="cases"] .w-dyn-item[data-slug-industry="other-industries"],*/
/*[data-swiper="cases-modal"] .w-dyn-item[data-slug-industry="other-industries"] {*/
/* position: relative;*/
/* opacity: 1;*/
/*}*/
[fs-cmsnest-element="nest-source"]>div:not(:last-child):after {
content: ',';
opacity: 0.7;
}
/*[fs-cmsnest-element="nest-source"]>[data-slug-last]:after {*/
/* display: none;*/
/* ;*/
/*}*/
[data-anim-split] * {
transition: all .3s;
}
[data-anim-heading]>* {
overflow: hidden;
}
.social__link {
transform: translateZ(0);
}
.iti {
position: relative;
display: inline-block;
}
.iti * {
box-sizing: border-box;
}
.iti__hide {
display: none;
}
.iti__v-hide {
visibility: hidden;
}
.iti__a11y-text {
width: 1px;
height: 1px;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
position: absolute;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0;
}
.iti__flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px;
}
.iti__selected-flag {
z-index: 1;
position: relative;
display: flex;
align-items: center;
height: 100%;
padding: 0 6px 0 8px;
}
.iti__arrow {
margin-left: 6px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555;
}
[dir=rtl] .iti__arrow {
margin-right: 6px;
margin-left: 0;
}
.iti__arrow--up {
border-top: none;
border-bottom: 4px solid #555;
}
.iti__dropdown-content {
border-radius: 3px;
background-color: white;
}
.iti--inline-dropdown .iti__dropdown-content {
position: absolute;
z-index: 2;
margin-top: 3px;
margin-left: -1px;
border: 1px solid #ccc;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti__dropdown-content--dropup {
bottom: 100%;
margin-bottom: 3px;
}
.iti__search-input {
width: 100%;
border-width: 0;
border-radius: 3px;
padding: 9px 12px;
}
.iti__search-input+.iti__country-list {
border-top: 1px solid #ccc;
}
.iti__country-list {
list-style: none;
padding: 0;
margin: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
white-space: nowrap;
}
@media (max-width: 500px) {
.iti--flexible-dropdown-width .iti__country-list {
white-space: normal;
}
}
.iti__flag-box {
display: inline-block;
width: 20px;
}
.iti__divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #ccc;
}
.iti__country {
display: flex;
align-items: center;
padding: 8px 8px;
outline: none;
}
.iti__dial-code {
color: #999;
}
.iti__country.iti__highlight {
background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box,
.iti__country-name {
margin-right: 8px;
}
[dir=rtl] .iti__flag-box,
[dir=rtl] .iti__country-name {
margin-right: 0;
margin-left: 8px;
}
.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--allow-dropdown input.iti__tel-input[type=tel],
.iti--show-selected-dial-code input.iti__tel-input,
.iti--show-selected-dial-code input.iti__tel-input[type=text],
.iti--show-selected-dial-code input.iti__tel-input[type=tel] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
}
[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input,
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=text],
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=tel] {
padding-right: 52px;
padding-left: 6px;
margin-right: 0;
}
.iti--allow-dropdown .iti__flag-container,
.iti--show-selected-dial-code .iti__flag-container {
right: auto;
left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__flag-container,
[dir=rtl] .iti--show-selected-dial-code .iti__flag-container {
right: 0;
left: auto;
}
.iti--allow-dropdown .iti__flag-container:hover {
cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover,
.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover {
cursor: default;
}
.iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover .iti__selected-flag,
.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover .iti__selected-flag {
background-color: transparent;
}
.iti--show-selected-dial-code .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05);
}
.iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
margin-left: 6px;
}
[dir=rtl] .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
margin-left: 0;
margin-right: 6px;
}
.iti--container {
position: fixed;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: 1px;
}
.iti--container:hover {
cursor: pointer;
}
.iti--fullscreen-popup.iti--container {
background-color: rgba(0, 0, 0, 0.5);
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: center;
}
.iti--fullscreen-popup.iti--container.iti--country-search {
justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
display: flex;
flex-direction: column;
max-height: 100%;
position: relative;
}
.iti--fullscreen-popup .iti__country {
padding: 10px 10px;
line-height: 1.5em;
}
.iti__flag {
width: 20px;
}
.iti__flag.iti__be {
width: 18px;
}
.iti__flag.iti__ch {
width: 15px;
}
.iti__flag.iti__mc {
width: 19px;
}
.iti__flag.iti__ne {
width: 18px;
}
.iti__flag.iti__np {
width: 13px;
}
.iti__flag.iti__va {
width: 15px;
}
@media (min-resolution: 2x) {
.iti__flag {
background-size: 5762px 15px;
}
}
.iti__flag.iti__ac {
height: 10px;
background-position: 0px 0px;
}
.iti__flag.iti__ad {
height: 14px;
background-position: -22px 0px;
}
.iti__flag.iti__ae {
height: 10px;
background-position: -44px 0px;
}
.iti__flag.iti__af {
height: 14px;
background-position: -66px 0px;
}
.iti__flag.iti__ag {
height: 14px;
background-position: -88px 0px;
}
.iti__flag.iti__ai {
height: 10px;
background-position: -110px 0px;
}
.iti__flag.iti__al {
height: 15px;
background-position: -132px 0px;
}
.iti__flag.iti__am {
height: 10px;
background-position: -154px 0px;
}
.iti__flag.iti__ao {
height: 14px;
background-position: -176px 0px;
}
.iti__flag.iti__aq {
height: 14px;
background-position: -198px 0px;
}
.iti__flag.iti__ar {
height: 13px;
background-position: -220px 0px;
}
.iti__flag.iti__as {
height: 10px;
background-position: -242px 0px;
}
.iti__flag.iti__at {
height: 14px;
background-position: -264px 0px;
}
.iti__flag.iti__au {
height: 10px;
background-position: -286px 0px;
}
.iti__flag.iti__aw {
height: 14px;
background-position: -308px 0px;
}
.iti__flag.iti__ax {
height: 13px;
background-position: -330px 0px;
}
.iti__flag.iti__az {
height: 10px;
background-position: -352px 0px;
}
.iti__flag.iti__ba {
height: 10px;
background-position: -374px 0px;
}
.iti__flag.iti__bb {
height: 14px;
background-position: -396px 0px;
}
.iti__flag.iti__bd {
height: 12px;
background-position: -418px 0px;
}
.iti__flag.iti__be {
height: 15px;
background-position: -440px 0px;
}
.iti__flag.iti__bf {
height: 14px;
background-position: -460px 0px;
}
.iti__flag.iti__bg {
height: 12px;
background-position: -482px 0px;
}
.iti__flag.iti__bh {
height: 12px;
background-position: -504px 0px;
}
.iti__flag.iti__bi {
height: 12px;
background-position: -526px 0px;
}
.iti__flag.iti__bj {
height: 14px;
background-position: -548px 0px;
}
.iti__flag.iti__bl {
height: 14px;
background-position: -570px 0px;
}
.iti__flag.iti__bm {
height: 10px;
background-position: -592px 0px;
}
.iti__flag.iti__bn {
height: 10px;
background-position: -614px 0px;
}
.iti__flag.iti__bo {
height: 14px;
background-position: -636px 0px;
}
.iti__flag.iti__bq {
height: 14px;
background-position: -658px 0px;
}
.iti__flag.iti__br {
height: 14px;
background-position: -680px 0px;
}
.iti__flag.iti__bs {
height: 10px;
background-position: -702px 0px;
}
.iti__flag.iti__bt {
height: 14px;
background-position: -724px 0px;
}
.iti__flag.iti__bv {
height: 15px;
background-position: -746px 0px;
}
.iti__flag.iti__bw {
height: 14px;
background-position: -768px 0px;
}
.iti__flag.iti__by {
height: 10px;
background-position: -790px 0px;
}
.iti__flag.iti__bz {
height: 12px;
background-position: -812px 0px;
}
.iti__flag.iti__ca {
height: 10px;
background-position: -834px 0px;
}
.iti__flag.iti__cc {
height: 10px;
background-position: -856px 0px;
}
.iti__flag.iti__cd {
height: 15px;
background-position: -878px 0px;
}
.iti__flag.iti__cf {
height: 14px;
background-position: -900px 0px;
}
.iti__flag.iti__cg {
height: 14px;
background-position: -922px 0px;
}
.iti__flag.iti__ch {
height: 15px;
background-position: -944px 0px;
}
.iti__flag.iti__ci {
height: 14px;
background-position: -961px 0px;
}
.iti__flag.iti__ck {
height: 10px;
background-position: -983px 0px;
}
.iti__flag.iti__cl {
height: 14px;
background-position: -1005px 0px;
}
.iti__flag.iti__cm {
height: 14px;
background-position: -1027px 0px;
}
.iti__flag.iti__cn {
height: 14px;
background-position: -1049px 0px;
}
.iti__flag.iti__co {
height: 14px;
background-position: -1071px 0px;
}
.iti__flag.iti__cp {
height: 14px;
background-position: -1093px 0px;
}
.iti__flag.iti__cq {
height: 12px;
background-position: -1115px 0px;
}
.iti__flag.iti__cr {
height: 12px;
background-position: -1137px 0px;
}
.iti__flag.iti__cu {
height: 10px;
background-position: -1159px 0px;
}
.iti__flag.iti__cv {
height: 12px;
background-position: -1181px 0px;
}
.iti__flag.iti__cw {
height: 14px;
background-position: -1203px 0px;
}
.iti__flag.iti__cx {
height: 10px;
background-position: -1225px 0px;
}
.iti__flag.iti__cy {
height: 14px;
background-position: -1247px 0px;
}
.iti__flag.iti__cz {
height: 14px;
background-position: -1269px 0px;
}
.iti__flag.iti__de {
height: 12px;
background-position: -1291px 0px;
}
.iti__flag.iti__dg {
height: 10px;
background-position: -1313px 0px;
}
.iti__flag.iti__dj {
height: 14px;
background-position: -1335px 0px;
}
.iti__flag.iti__dk {
height: 15px;
background-position: -1357px 0px;
}
.iti__flag.iti__dm {
height: 10px;
background-position: -1379px 0px;
}
.iti__flag.iti__do {
height: 14px;
background-position: -1401px 0px;
}
.iti__flag.iti__dz {
height: 14px;
background-position: -1423px 0px;
}
.iti__flag.iti__ea {
height: 14px;
background-position: -1445px 0px;
}
.iti__flag.iti__ec {
height: 14px;
background-position: -1467px 0px;
}
.iti__flag.iti__ee {
height: 13px;
background-position: -1489px 0px;
}
.iti__flag.iti__eg {
height: 14px;
background-position: -1511px 0px;
}
.iti__flag.iti__eh {
height: 10px;
background-position: -1533px 0px;
}
.iti__flag.iti__er {
height: 10px;
background-position: -1555px 0px;
}
.iti__flag.iti__es {
height: 14px;
background-position: -1577px 0px;
}
.iti__flag.iti__et {
height: 10px;
background-position: -1599px 0px;
}
.iti__flag.iti__eu {
height: 14px;
background-position: -1621px 0px;
}
.iti__flag.iti__ez {
height: 14px;
background-position: -1643px 0px;
}
.iti__flag.iti__fi {
height: 12px;
background-position: -1665px 0px;
}
.iti__flag.iti__fj {
height: 10px;
background-position: -1687px 0px;
}
.iti__flag.iti__fk {
height: 10px;
background-position: -1709px 0px;
}
.iti__flag.iti__fm {
height: 11px;
background-position: -1731px 0px;
}
.iti__flag.iti__fo {
height: 15px;
background-position: -1753px 0px;
}
.iti__flag.iti__fr {
height: 14px;
background-position: -1775px 0px;
}
.iti__flag.iti__fx {
height: 14px;
background-position: -1797px 0px;
}
.iti__flag.iti__ga {
height: 15px;
background-position: -1819px 0px;
}
.iti__flag.iti__gb {
height: 10px;
background-position: -1841px 0px;
}
.iti__flag.iti__gd {
height: 12px;
background-position: -1863px 0px;
}
.iti__flag.iti__ge {
height: 14px;
background-position: -1885px 0px;
}
.iti__flag.iti__gf {
height: 14px;
background-position: -1907px 0px;
}
.iti__flag.iti__gg {
height: 14px;
background-position: -1929px 0px;
}
.iti__flag.iti__gh {
height: 14px;
background-position: -1951px 0px;
}
.iti__flag.iti__gi {
height: 10px;
background-position: -1973px 0px;
}
.iti__flag.iti__gl {
height: 14px;
background-position: -1995px 0px;
}
.iti__flag.iti__gm {
height: 14px;
background-position: -2017px 0px;
}
.iti__flag.iti__gn {
height: 14px;
background-position: -2039px 0px;
}
.iti__flag.iti__gp {
height: 14px;
background-position: -2061px 0px;
}
.iti__flag.iti__gq {
height: 14px;
background-position: -2083px 0px;
}
.iti__flag.iti__gr {
height: 14px;
background-position: -2105px 0px;
}
.iti__flag.iti__gs {
height: 10px;
background-position: -2127px 0px;
}
.iti__flag.iti__gt {
height: 13px;
background-position: -2149px 0px;
}
.iti__flag.iti__gu {
height: 11px;
background-position: -2171px 0px;
}
.iti__flag.iti__gw {
height: 10px;
background-position: -2193px 0px;
}
.iti__flag.iti__gy {
height: 12px;
background-position: -2215px 0px;
}
.iti__flag.iti__hk {
height: 14px;
background-position: -2237px 0px;
}
.iti__flag.iti__hm {
height: 10px;
background-position: -2259px 0px;
}
.iti__flag.iti__hn {
height: 10px;
background-position: -2281px 0px;
}
.iti__flag.iti__hr {
height: 10px;
background-position: -2303px 0px;
}
.iti__flag.iti__ht {
height: 12px;
background-position: -2325px 0px;
}
.iti__flag.iti__hu {
height: 10px;
background-position: -2347px 0px;
}
.iti__flag.iti__ic {
height: 14px;
background-position: -2369px 0px;
}
.iti__flag.iti__id {
height: 14px;
background-position: -2391px 0px;
}
.iti__flag.iti__ie {
height: 10px;
background-position: -2413px 0px;
}
.iti__flag.iti__il {
height: 15px;
background-position: -2435px 0px;
}
.iti__flag.iti__im {
height: 10px;
background-position: -2457px 0px;
}
.iti__flag.iti__in {
height: 14px;
background-position: -2479px 0px;
}
.iti__flag.iti__io {
height: 10px;
background-position: -2501px 0px;
}
.iti__flag.iti__iq {
height: 14px;
background-position: -2523px 0px;
}
.iti__flag.iti__ir {
height: 12px;
background-position: -2545px 0px;
}
.iti__flag.iti__is {
height: 15px;
background-position: -2567px 0px;
}
.iti__flag.iti__it {
height: 14px;
background-position: -2589px 0px;
}
.iti__flag.iti__je {
height: 12px;
background-position: -2611px 0px;
}
.iti__flag.iti__jm {
height: 10px;
background-position: -2633px 0px;
}
.iti__flag.iti__jo {
height: 10px;
background-position: -2655px 0px;
}
.iti__flag.iti__jp {
height: 14px;
background-position: -2677px 0px;
}
.iti__flag.iti__ke {
height: 14px;
background-position: -2699px 0px;
}
.iti__flag.iti__kg {
height: 12px;
background-position: -2721px 0px;
}
.iti__flag.iti__kh {
height: 13px;
background-position: -2743px 0px;
}
.iti__flag.iti__ki {
height: 10px;
background-position: -2765px 0px;
}
.iti__flag.iti__km {
height: 12px;
background-position: -2787px 0px;
}
.iti__flag.iti__kn {
height: 14px;
background-position: -2809px 0px;
}
.iti__flag.iti__kp {
height: 10px;
background-position: -2831px 0px;
}
.iti__flag.iti__kr {
height: 14px;
background-position: -2853px 0px;
}
.iti__flag.iti__kw {
height: 10px;
background-position: -2875px 0px;
}
.iti__flag.iti__ky {
height: 10px;
background-position: -2897px 0px;
}
.iti__flag.iti__kz {
height: 10px;
background-position: -2919px 0px;
}
.iti__flag.iti__la {
height: 14px;
background-position: -2941px 0px;
}
.iti__flag.iti__lb {
height: 14px;
background-position: -2963px 0px;
}
.iti__flag.iti__lc {
height: 10px;
background-position: -2985px 0px;
}
.iti__flag.iti__li {
height: 12px;
background-position: -3007px 0px;
}
.iti__flag.iti__lk {
height: 10px;
background-position: -3029px 0px;
}
.iti__flag.iti__lr {
height: 11px;
background-position: -3051px 0px;
}
.iti__flag.iti__ls {
height: 14px;
background-position: -3073px 0px;
}
.iti__flag.iti__lt {
height: 12px;
background-position: -3095px 0px;
}
.iti__flag.iti__lu {
height: 12px;
background-position: -3117px 0px;
}
.iti__flag.iti__lv {
height: 10px;
background-position: -3139px 0px;
}
.iti__flag.iti__ly {
height: 10px;
background-position: -3161px 0px;
}
.iti__flag.iti__ma {
height: 14px;
background-position: -3183px 0px;
}
.iti__flag.iti__mc {
height: 15px;
background-position: -3205px 0px;
}
.iti__flag.iti__md {
height: 10px;
background-position: -3226px 0px;
}
.iti__flag.iti__me {
height: 10px;
background-position: -3248px 0px;
}
.iti__flag.iti__mf {
height: 14px;
background-position: -3270px 0px;
}
.iti__flag.iti__mg {
height: 14px;
background-position: -3292px 0px;
}
.iti__flag.iti__mh {
height: 11px;
background-position: -3314px 0px;
}
.iti__flag.iti__mk {
height: 10px;
background-position: -3336px 0px;
}
.iti__flag.iti__ml {
height: 14px;
background-position: -3358px 0px;
}
.iti__flag.iti__mm {
height: 14px;
background-position: -3380px 0px;
}
.iti__flag.iti__mn {
height: 10px;
background-position: -3402px 0px;
}
.iti__flag.iti__mo {
height: 14px;
background-position: -3424px 0px;
}
.iti__flag.iti__mp {
height: 10px;
background-position: -3446px 0px;
}
.iti__flag.iti__mq {
height: 14px;
background-position: -3468px 0px;
}
.iti__flag.iti__mr {
height: 14px;
background-position: -3490px 0px;
}
.iti__flag.iti__ms {
height: 10px;
background-position: -3512px 0px;
}
.iti__flag.iti__mt {
height: 14px;
background-position: -3534px 0px;
}
.iti__flag.iti__mu {
height: 14px;
background-position: -3556px 0px;
}
.iti__flag.iti__mv {
height: 14px;
background-position: -3578px 0px;
}
.iti__flag.iti__mw {
height: 14px;
background-position: -3600px 0px;
}
.iti__flag.iti__mx {
height: 12px;
background-position: -3622px 0px;
}
.iti__flag.iti__my {
height: 10px;
background-position: -3644px 0px;
}
.iti__flag.iti__mz {
height: 14px;
background-position: -3666px 0px;
}
.iti__flag.iti__na {
height: 14px;
background-position: -3688px 0px;
}
.iti__flag.iti__nc {
height: 10px;
background-position: -3710px 0px;
}
.iti__flag.iti__ne {
height: 15px;
background-position: -3732px 0px;
}
.iti__flag.iti__nf {
height: 10px;
background-position: -3752px 0px;
}
.iti__flag.iti__ng {
height: 10px;
background-position: -3774px 0px;
}
.iti__flag.iti__ni {
height: 12px;
background-position: -3796px 0px;
}
.iti__flag.iti__nl {
height: 14px;
background-position: -3818px 0px;
}
.iti__flag.iti__no {
height: 15px;
background-position: -3840px 0px;
}
.iti__flag.iti__np {
height: 15px;
background-position: -3862px 0px;
}
.iti__flag.iti__nr {
height: 10px;
background-position: -3877px 0px;
}
.iti__flag.iti__nu {
height: 10px;
background-position: -3899px 0px;
}
.iti__flag.iti__nz {
height: 10px;
background-position: -3921px 0px;
}
.iti__flag.iti__om {
height: 10px;
background-position: -3943px 0px;
}
.iti__flag.iti__pa {
height: 14px;
background-position: -3965px 0px;
}
.iti__flag.iti__pe {
height: 14px;
background-position: -3987px 0px;
}
.iti__flag.iti__pf {
height: 14px;
background-position: -4009px 0px;
}
.iti__flag.iti__pg {
height: 15px;
background-position: -4031px 0px;
}
.iti__flag.iti__ph {
height: 10px;
background-position: -4053px 0px;
}
.iti__flag.iti__pk {
height: 14px;
background-position: -4075px 0px;
}
.iti__flag.iti__pl {
height: 13px;
background-position: -4097px 0px;
}
.iti__flag.iti__pm {
height: 14px;
background-position: -4119px 0px;
}
.iti__flag.iti__pn {
height: 10px;
background-position: -4141px 0px;
}
.iti__flag.iti__pr {
height: 14px;
background-position: -4163px 0px;
}
.iti__flag.iti__ps {
height: 10px;
background-position: -4185px 0px;
}
.iti__flag.iti__pt {
height: 14px;
background-position: -4207px 0px;
}
.iti__flag.iti__pw {
height: 13px;
background-position: -4229px 0px;
}
.iti__flag.iti__py {
height: 11px;
background-position: -4251px 0px;
}
.iti__flag.iti__qa {
height: 8px;
background-position: -4273px 0px;
}
.iti__flag.iti__re {
height: 14px;
background-position: -4295px 0px;
}
.iti__flag.iti__ro {
height: 14px;
background-position: -4317px 0px;
}
.iti__flag.iti__rs {
height: 14px;
background-position: -4339px 0px;
}
.iti__flag.iti__ru {
height: 14px;
background-position: -4361px 0px;
}
.iti__flag.iti__rw {
height: 14px;
background-position: -4383px 0px;
}
.iti__flag.iti__sa {
height: 14px;
background-position: -4405px 0px;
}
.iti__flag.iti__sb {
height: 10px;
background-position: -4427px 0px;
}
.iti__flag.iti__sc {
height: 10px;
background-position: -4449px 0px;
}
.iti__flag.iti__sd {
height: 10px;
background-position: -4471px 0px;
}
.iti__flag.iti__se {
height: 13px;
background-position: -4493px 0px;
}
.iti__flag.iti__sg {
height: 14px;
background-position: -4515px 0px;
}
.iti__flag.iti__sh {
height: 10px;
background-position: -4537px 0px;
}
.iti__flag.iti__si {
height: 10px;
background-position: -4559px 0px;
}
.iti__flag.iti__sj {
height: 15px;
background-position: -4581px 0px;
}
.iti__flag.iti__sk {
height: 14px;
background-position: -4603px 0px;
}
.iti__flag.iti__sl {
height: 14px;
background-position: -4625px 0px;
}
.iti__flag.iti__sm {
height: 15px;
background-position: -4647px 0px;
}
.iti__flag.iti__sn {
height: 14px;
background-position: -4669px 0px;
}
.iti__flag.iti__so {
height: 14px;
background-position: -4691px 0px;
}
.iti__flag.iti__sr {
height: 14px;
background-position: -4713px 0px;
}
.iti__flag.iti__ss {
height: 10px;
background-position: -4735px 0px;
}
.iti__flag.iti__st {
height: 10px;
background-position: -4757px 0px;
}
.iti__flag.iti__su {
height: 10px;
background-position: -4779px 0px;
}
.iti__flag.iti__sv {
height: 12px;
background-position: -4801px 0px;
}
.iti__flag.iti__sx {
height: 14px;
background-position: -4823px 0px;
}
.iti__flag.iti__sy {
height: 14px;
background-position: -4845px 0px;
}
.iti__flag.iti__sz {
height: 14px;
background-position: -4867px 0px;
}
.iti__flag.iti__ta {
height: 10px;
background-position: -4889px 0px;
}
.iti__flag.iti__tc {
height: 10px;
background-position: -4911px 0px;
}
.iti__flag.iti__td {
height: 14px;
background-position: -4933px 0px;
}
.iti__flag.iti__tf {
height: 14px;
background-position: -4955px 0px;
}
.iti__flag.iti__tg {
height: 13px;
background-position: -4977px 0px;
}
.iti__flag.iti__th {
height: 14px;
background-position: -4999px 0px;
}
.iti__flag.iti__tj {
height: 10px;
background-position: -5021px 0px;
}
.iti__flag.iti__tk {
height: 10px;
background-position: -5043px 0px;
}
.iti__flag.iti__tl {
height: 10px;
background-position: -5065px 0px;
}
.iti__flag.iti__tm {
height: 14px;
background-position: -5087px 0px;
}
.iti__flag.iti__tn {
height: 14px;
background-position: -5109px 0px;
}
.iti__flag.iti__to {
height: 10px;
background-position: -5131px 0px;
}
.iti__flag.iti__tr {
height: 14px;
background-position: -5153px 0px;
}
.iti__flag.iti__tt {
height: 12px;
background-position: -5175px 0px;
}
.iti__flag.iti__tv {
height: 10px;
background-position: -5197px 0px;
}
.iti__flag.iti__tw {
height: 14px;
background-position: -5219px 0px;
}
.iti__flag.iti__tz {
height: 14px;
background-position: -5241px 0px;
}
.iti__flag.iti__ua {
height: 14px;
background-position: -5263px 0px;
}
.iti__flag.iti__ug {
height: 14px;
background-position: -5285px 0px;
}
.iti__flag.iti__uk {
height: 10px;
background-position: -5307px 0px;
}
.iti__flag.iti__um {
height: 11px;
background-position: -5329px 0px;
}
.iti__flag.iti__un {
height: 14px;
background-position: -5351px 0px;
}
.iti__flag.iti__us {
height: 11px;
background-position: -5373px 0px;
}
.iti__flag.iti__uy {
height: 14px;
background-position: -5395px 0px;
}
.iti__flag.iti__uz {
height: 10px;
background-position: -5417px 0px;
}
.iti__flag.iti__va {
height: 15px;
background-position: -5439px 0px;
}
.iti__flag.iti__vc {
height: 14px;
background-position: -5456px 0px;
}
.iti__flag.iti__ve {
height: 14px;
background-position: -5478px 0px;
}
.iti__flag.iti__vg {
height: 10px;
background-position: -5500px 0px;
}
.iti__flag.iti__vi {
height: 14px;
background-position: -5522px 0px;
}
.iti__flag.iti__vn {
height: 14px;
background-position: -5544px 0px;
}
.iti__flag.iti__vu {
height: 12px;
background-position: -5566px 0px;
}
.iti__flag.iti__wf {
height: 14px;
background-position: -5588px 0px;
}
.iti__flag.iti__ws {
height: 10px;
background-position: -5610px 0px;
}
.iti__flag.iti__xk {
height: 15px;
background-position: -5632px 0px;
}
.iti__flag.iti__ye {
height: 14px;
background-position: -5654px 0px;
}
.iti__flag.iti__yt {
height: 14px;
background-position: -5676px 0px;
}
.iti__flag.iti__za {
height: 14px;
background-position: -5698px 0px;
}
.iti__flag.iti__zm {
height: 14px;
background-position: -5720px 0px;
}
.iti__flag.iti__zw {
height: 10px;
background-position: -5742px 0px;
}
.iti__flag {
height: 15px;
box-shadow: 0px 0px 1px 0px #888;
background-image: url("images/flags.png?1");
background-repeat: no-repeat;
background-position: 20px 0;
}
@media (min-resolution: 2x) {
.iti__flag {
background-image: url("images/flags@2x.png?1");
}
}
.iti__globe {
background-image: url("../img/globe.png");
background-size: contain;
background-position: right;
box-shadow: none;
height: 19px;
}
@media (min-resolution: 2x) {
.iti__globe {
background-image: url("../img/globe@2x.png");
}
}
/**
* Swiper 8.4.7
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: January 30, 2023
*/
@font-face {
font-family: swiper-icons;
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-vertical>.swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0)
}
.swiper-pointer-events {
touch-action: pan-y
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
scroll-snap-type: y mandatory
}
.swiper-centered>.swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size)
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
display: none !important
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev'
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next'
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform, .2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s right
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1)
}
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important
}
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-grid>.swiper-wrapper {
flex-wrap: wrap
}
.swiper-grid-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube {
overflow: visible
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px)
}
.swiper-flip {
overflow: visible
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height
}
.swiper-cards {
overflow: visible
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden
}
@charset "UTF-8";
@keyframes plyr-progress {
to {
background-position: 25px 0;
background-position: var(--plyr-progress-loading-size, 25px) 0
}
}
@keyframes plyr-popup {
0% {
opacity: .5;
transform: translateY(10px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
@keyframes plyr-fade-in {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.plyr {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
align-items: center;
direction: ltr;
display: flex;
flex-direction: column;
font-family: inherit;
font-family: var(--plyr-font-family, inherit);
font-variant-numeric: tabular-nums;
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
line-height: 1.7;
line-height: var(--plyr-line-height, 1.7);
max-width: 100%;
min-width: 200px;
position: relative;
text-shadow: none;
transition: box-shadow .3s ease;
z-index: 0
}
.plyr audio,
.plyr iframe,
.plyr video {
display: block;
height: 100%;
width: 100%
}
.plyr button {
font: inherit;
line-height: inherit;
width: auto
}
.plyr:focus {
outline: 0
}
.plyr--full-ui {
box-sizing: border-box
}
.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
box-sizing: inherit
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
touch-action: manipulation
}
.plyr__badge {
background: #4a5464;
background: var(--plyr-badge-background, #4a5464);
border-radius: 2px;
border-radius: var(--plyr-badge-border-radius, 2px);
color: #fff;
color: var(--plyr-badge-text-color, #fff);
font-size: 9px;
font-size: var(--plyr-font-size-badge, 9px);
line-height: 1;
padding: 3px 4px
}
.plyr--full-ui ::-webkit-media-text-track-container {
display: none
}
.plyr__captions {
animation: plyr-fade-in .3s ease;
bottom: 0;
display: none;
font-size: 13px;
font-size: var(--plyr-font-size-small, 13px);
left: 0;
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
position: absolute;
text-align: center;
transition: transform .4s ease-in-out;
width: 100%
}
.plyr__captions span:empty {
display: none
}
@media (min-width:480px) {
.plyr__captions {
font-size: 15px;
font-size: var(--plyr-font-size-base, 15px);
padding: 20px;
padding: calc(var(--plyr-control-spacing, 10px)*2)
}
}
@media (min-width:768px) {
.plyr__captions {
font-size: 18px;
font-size: var(--plyr-font-size-large, 18px)
}
}
.plyr--captions-active .plyr__captions {
display: block
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
transform: translateY(-40px);
transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}
.plyr__caption {
background: #000c;
background: var(--plyr-captions-background, #000c);
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
color: #fff;
color: var(--plyr-captions-text-color, #fff);
line-height: 185%;
padding: .2em .5em;
white-space: pre-wrap
}
.plyr__caption div {
display: inline
}
.plyr__control {
background: #0000;
border: 0;
border-radius: 4px;
border-radius: var(--plyr-control-radius, 4px);
color: inherit;
cursor: pointer;
flex-shrink: 0;
overflow: visible;
padding: 7px;
padding: calc(var(--plyr-control-spacing, 10px)*.7);
position: relative;
transition: all .3s ease
}
.plyr__control svg {
fill: currentColor;
display: block;
height: 18px;
height: var(--plyr-control-icon-size, 18px);
pointer-events: none;
width: 18px;
width: var(--plyr-control-icon-size, 18px)
}
.plyr__control:focus {
outline: 0
}
.plyr__control:focus-visible {
outline: 2px dashed #00b2ff;
outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
outline-offset: 2px
}
a.plyr__control {
text-decoration: none
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
display: none
}
.plyr--full-ui ::-webkit-media-controls {
display: none
}
.plyr__controls {
align-items: center;
display: flex;
justify-content: flex-end;
text-align: center
}
.plyr__controls .plyr__progress__container {
flex: 1;
min-width: 0
}
.plyr__controls .plyr__controls__item {
margin-left: 2.5px;
margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}
.plyr__controls .plyr__controls__item:first-child {
margin-left: 0;
margin-right: auto
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-left: 2.5px;
padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}
.plyr__controls .plyr__controls__item.plyr__time {
padding: 0 5px;
padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
padding-left: 0
}
.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
display: none
}
.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
display: inline-block
}
.plyr__menu {
display: flex;
position: relative
}
.plyr__menu .plyr__control svg {
transition: transform .3s ease
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
transform: rotate(90deg)
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
display: none
}
.plyr__menu__container {
animation: plyr-popup .2s ease;
background: #ffffffe6;
background: var(--plyr-menu-background, #ffffffe6);
border-radius: 8px;
border-radius: var(--plyr-menu-radius, 8px);
bottom: 100%;
box-shadow: 0 1px 2px #00000026;
box-shadow: var(--plyr-menu-shadow, 0 1px 2px #00000026);
color: #4a5464;
color: var(--plyr-menu-color, #4a5464);
font-size: 15px;
font-size: var(--plyr-font-size-base, 15px);
margin-bottom: 10px;
position: absolute;
right: -3px;
text-align: left;
white-space: nowrap;
z-index: 3
}
.plyr__menu__container>div {
overflow: hidden;
transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}
.plyr__menu__container:after {
border: 4px solid #0000;
border-top-color: #ffffffe6;
border: var(--plyr-menu-arrow-size, 4px) solid #0000;
border-top-color: var(--plyr-menu-background, #ffffffe6);
content: "";
height: 0;
position: absolute;
right: 14px;
right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
top: 100%;
width: 0
}
.plyr__menu__container [role=menu] {
padding: 7px;
padding: calc(var(--plyr-control-spacing, 10px)*.7)
}
.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
margin-top: 2px
}
.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
margin-top: 0
}
.plyr__menu__container .plyr__control {
align-items: center;
color: #4a5464;
color: var(--plyr-menu-color, #4a5464);
display: flex;
font-size: 13px;
font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
padding: 4.66667px 10.5px;
padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
-webkit-user-select: none;
user-select: none;
width: 100%
}
.plyr__menu__container .plyr__control>span {
align-items: inherit;
display: flex;
width: 100%
}
.plyr__menu__container .plyr__control:after {
border: 4px solid #0000;
border: var(--plyr-menu-item-arrow-size, 4px) solid #0000;
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.plyr__menu__container .plyr__control--forward {
padding-right: 28px;
padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
}
.plyr__menu__container .plyr__control--forward:after {
border-left-color: #728197;
border-left-color: var(--plyr-menu-arrow-color, #728197);
right: 6.5px;
right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}
.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
border-left-color: initial
}
.plyr__menu__container .plyr__control--back {
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
margin: 7px;
margin: calc(var(--plyr-control-spacing, 10px)*.7);
margin-bottom: 3.5px;
margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
padding-left: 28px;
padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
position: relative;
width: calc(100% - 14px);
width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}
.plyr__menu__container .plyr__control--back:after {
border-right-color: #728197;
border-right-color: var(--plyr-menu-arrow-color, #728197);
left: 6.5px;
left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}
.plyr__menu__container .plyr__control--back:before {
background: #dcdfe5;
background: var(--plyr-menu-back-border-color, #dcdfe5);
box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
content: "";
height: 1px;
left: 0;
margin-top: 3.5px;
margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
overflow: hidden;
position: absolute;
right: 0;
top: 100%
}
.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
border-right-color: initial
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
padding-left: 7px;
padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
border-radius: 100%
}
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
background: #0000001a;
content: "";
display: block;
flex-shrink: 0;
height: 16px;
margin-right: 10px;
margin-right: var(--plyr-control-spacing, 10px);
transition: all .3s ease;
width: 16px
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after {
background: #fff;
border: 0;
height: 6px;
left: 12px;
opacity: 0;
top: 50%;
transform: translateY(-50%) scale(0);
transition: transform .3s ease, opacity .3s ease;
width: 6px
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
background: #00b2ff;
background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)))
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
opacity: 1;
transform: translateY(-50%) scale(1)
}
.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
background: #23282f1a
}
.plyr__menu__container .plyr__menu__value {
align-items: center;
display: flex;
margin-left: auto;
margin-right: -5px;
margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);
overflow: hidden;
padding-left: 24.5px;
padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
pointer-events: none
}
.plyr--full-ui input[type=range] {
-webkit-appearance: none;
appearance: none;
background: #0000;
border: 0;
border-radius: 26px;
border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
color: #00b2ff;
color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
display: block;
height: 19px;
height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
margin: 0;
min-width: 0;
padding: 0;
transition: box-shadow .3s ease;
width: 100%
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
background: #0000;
background-image: linear-gradient(90deg, currentColor 0, #0000 0);
background-image: linear-gradient(to right, currentColor var(--value, 0), #0000 var(--value, 0));
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px)/2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-webkit-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
-webkit-user-select: none;
user-select: none
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
margin-top: -4px;
margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
position: relative;
-webkit-transition: all .2s ease;
transition: all .2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px)
}
.plyr--full-ui input[type=range]::-moz-range-track {
background: #0000;
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px)/2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-moz-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
user-select: none
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
position: relative;
-moz-transition: all .2s ease;
transition: all .2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px)
}
.plyr--full-ui input[type=range]::-moz-range-progress {
background: currentColor;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px)/2);
height: 5px;
height: var(--plyr-range-track-height, 5px)
}
.plyr--full-ui input[type=range]::-ms-track {
color: #0000
}
.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
background: #0000;
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px)/2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
user-select: none
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
background: #0000;
background: currentColor;
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px)/2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
user-select: none
}
.plyr--full-ui input[type=range]::-ms-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
margin-top: 0;
position: relative;
-ms-transition: all .2s ease;
transition: all .2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px)
}
.plyr--full-ui input[type=range]::-ms-tooltip {
display: none
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
border: 0
}
.plyr--full-ui input[type=range]:focus {
outline: 0
}
.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
outline: 2px dashed #00b2ff;
outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
outline-offset: 2px
}
.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
outline: 2px dashed #00b2ff;
outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
outline-offset: 2px
}
.plyr--full-ui input[type=range]:focus-visible::-ms-track {
outline: 2px dashed #00b2ff;
outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
outline-offset: 2px
}
.plyr__poster {
background-color: #000;
background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity .2s ease;
width: 100%;
z-index: 1
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1
}
.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
display: none
}
.plyr__time {
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}
.plyr__time+.plyr__time:before {
content: "⁄";
margin-right: 10px;
margin-right: var(--plyr-control-spacing, 10px)
}
@media (max-width:767px) {
.plyr__time+.plyr__time {
display: none
}
}
.plyr__tooltip {
background: #fff;
background: var(--plyr-tooltip-background, #fff);
border-radius: 5px;
border-radius: var(--plyr-tooltip-radius, 5px);
bottom: 100%;
box-shadow: 0 1px 2px #00000026;
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
color: #4a5464;
color: var(--plyr-tooltip-color, #4a5464);
font-size: 13px;
font-size: var(--plyr-font-size-small, 13px);
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
left: 50%;
line-height: 1.3;
margin-bottom: 10px;
margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
opacity: 0;
padding: 5px 7.5px;
padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
pointer-events: none;
position: absolute;
transform: translate(-50%, 10px) scale(.8);
transform-origin: 50% 100%;
transition: transform .2s ease .1s, opacity .2s ease .1s;
white-space: nowrap;
z-index: 2
}
.plyr__tooltip:before {
border-left: 4px solid #0000;
border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
border-right: 4px solid #0000;
border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
border-top: 4px solid #fff;
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
bottom: -4px;
bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2
}
.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
opacity: 1;
transform: translate(-50%) scale(1)
}
.plyr .plyr__control:hover .plyr__tooltip {
z-index: 3
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
left: 0;
transform: translateY(10px) scale(.8);
transform-origin: 0 100%
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
left: 16px;
left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip {
left: auto;
right: 0;
transform: translateY(10px) scale(.8);
transform-origin: 100% 100%
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
left: auto;
right: 16px;
right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
transform: translateX(50%)
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
transform: translate(0) scale(1)
}
.plyr__progress {
left: 6.5px;
left: calc(var(--plyr-range-thumb-height, 13px)*.5);
margin-right: 13px;
margin-right: var(--plyr-range-thumb-height, 13px);
position: relative
}
.plyr__progress input[type=range],
.plyr__progress__buffer {
margin-left: -6.5px;
margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
margin-right: -6.5px;
margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
width: calc(100% + 13px);
width: calc(100% + var(--plyr-range-thumb-height, 13px))
}
.plyr__progress input[type=range] {
position: relative;
z-index: 2
}
.plyr__progress .plyr__tooltip {
left: 0;
max-width: 120px;
overflow-wrap: break-word
}
.plyr__progress__buffer {
-webkit-appearance: none;
background: #0000;
border: 0;
border-radius: 100px;
height: 5px;
height: var(--plyr-range-track-height, 5px);
left: 0;
margin-top: -2.5px;
margin-top: calc((var(--plyr-range-track-height, 5px)/2)*-1);
padding: 0;
position: absolute;
top: 50%
}
.plyr__progress__buffer::-webkit-progress-bar {
background: #0000
}
.plyr__progress__buffer::-webkit-progress-value {
background: currentColor;
border-radius: 100px;
min-width: 5px;
min-width: var(--plyr-range-track-height, 5px);
-webkit-transition: width .2s ease;
transition: width .2s ease
}
.plyr__progress__buffer::-moz-progress-bar {
background: currentColor;
border-radius: 100px;
min-width: 5px;
min-width: var(--plyr-range-track-height, 5px);
-moz-transition: width .2s ease;
transition: width .2s ease
}
.plyr__progress__buffer::-ms-fill {
border-radius: 100px;
-ms-transition: width .2s ease;
transition: width .2s ease
}
.plyr--loading .plyr__progress__buffer {
animation: plyr-progress 1s linear infinite;
background-image: linear-gradient(-45deg, #23282f99 25%, #0000 0, #0000 50%, #23282f99 0, #23282f99 75%, #0000 0, #0000);
background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, #23282f99) 25%, #0000 25%, #0000 50%, var(--plyr-progress-loading-background, #23282f99) 50%, var(--plyr-progress-loading-background, #23282f99) 75%, #0000 75%, #0000);
background-repeat: repeat-x;
background-size: 25px 25px;
background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
color: #0000
}
.plyr--video.plyr--loading .plyr__progress__buffer {
background-color: #ffffff40;
background-color: var(--plyr-video-progress-buffered-background, #ffffff40)
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: #c1c8d199;
background-color: var(--plyr-audio-progress-buffered-background, #c1c8d199)
}
.plyr__progress__marker {
background-color: #fff;
background-color: var(--plyr-progress-marker-background, #fff);
border-radius: 1px;
height: 5px;
height: var(--plyr-range-track-height, 5px);
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 3px;
width: var(--plyr-progress-marker-width, 3px);
z-index: 3
}
.plyr__volume {
align-items: center;
display: flex;
position: relative
}
.plyr__volume input[type=range] {
margin-left: 5px;
margin-left: calc(var(--plyr-control-spacing, 10px)/2);
margin-right: 5px;
margin-right: calc(var(--plyr-control-spacing, 10px)/2);
max-width: 90px;
min-width: 60px;
position: relative;
z-index: 2
}
.plyr--audio {
display: block
}
.plyr--audio .plyr__controls {
background: #fff;
background: var(--plyr-audio-controls-background, #fff);
border-radius: inherit;
color: #4a5464;
color: var(--plyr-audio-control-color, #4a5464);
padding: 10px;
padding: var(--plyr-control-spacing, 10px)
}
.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
background: #00b2ff;
background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
color: #fff;
color: var(--plyr-audio-control-color-hover, #fff)
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
background-color: #c1c8d199;
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
background-color: #c1c8d199;
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
background-color: #c1c8d199;
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199))
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a)
}
.plyr--audio .plyr__progress__buffer {
color: #c1c8d199;
color: var(--plyr-audio-progress-buffered-background, #c1c8d199)
}
.plyr--video {
overflow: hidden
}
.plyr--video.plyr--menu-open {
overflow: visible
}
.plyr__video-wrapper {
background: #000;
background: var(--plyr-video-background, var(--plyr-video-background, #000));
border-radius: inherit;
height: 100%;
margin: auto;
overflow: hidden;
position: relative;
width: 100%
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
aspect-ratio: 16/9
}
@supports not (aspect-ratio:16/9) {
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 56.25%;
position: relative
}
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
padding-bottom: 240%;
position: relative;
transform: translateY(-38.28125%)
}
.plyr--video .plyr__controls {
background: linear-gradient(#0000, #000000bf);
background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
bottom: 0;
color: #fff;
color: var(--plyr-video-control-color, #fff);
left: 0;
padding: 5px;
padding: calc(var(--plyr-control-spacing, 10px)/2);
padding-top: 20px;
padding-top: calc(var(--plyr-control-spacing, 10px)*2);
position: absolute;
right: 0;
transition: opacity .4s ease-in-out, transform .4s ease-in-out;
z-index: 3
}
@media (min-width:480px) {
.plyr--video .plyr__controls {
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
padding-top: 35px;
padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
}
}
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
pointer-events: none;
transform: translateY(100%)
}
.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
background: #00b2ff;
background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
color: #fff;
color: var(--plyr-video-control-color-hover, #fff)
}
.plyr__control--overlaid {
background: #00b2ff;
background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
border: 0;
border-radius: 100%;
color: #fff;
color: var(--plyr-video-control-color, #fff);
display: none;
left: 50%;
opacity: .9;
padding: 15px;
padding: calc(var(--plyr-control-spacing, 10px)*1.5);
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: .3s;
z-index: 2
}
.plyr__control--overlaid svg {
left: 2px;
position: relative
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
opacity: 1
}
.plyr--playing .plyr__control--overlaid {
opacity: 0;
visibility: hidden
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: block
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
background-color: #ffffff40;
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
background-color: #ffffff40;
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
background-color: #ffffff40;
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40))
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80)
}
.plyr--video .plyr__progress__buffer {
color: #ffffff40;
color: var(--plyr-video-progress-buffered-background, #ffffff40)
}
.plyr:fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:fullscreen video {
height: 100%
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
display: none
}
.plyr:fullscreen.plyr--hide-controls {
cursor: none
}
@media (min-width:1024px) {
.plyr:fullscreen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
}
.plyr--fullscreen-fallback {
background: #000;
border-radius: 0 !important;
bottom: 0;
height: 100%;
left: 0;
margin: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 10000000
}
.plyr--fullscreen-fallback video {
height: 100%
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
display: none
}
.plyr--fullscreen-fallback.plyr--hide-controls {
cursor: none
}
@media (min-width:1024px) {
.plyr--fullscreen-fallback .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
}
.plyr__ads {
border-radius: inherit;
bottom: 0;
cursor: pointer;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: -1
}
.plyr__ads>div,
.plyr__ads>div iframe {
height: 100%;
position: absolute;
width: 100%
}
.plyr__ads:after {
background: #23282f;
border-radius: 2px;
bottom: 10px;
bottom: var(--plyr-control-spacing, 10px);
color: #fff;
content: attr(data-badge-text);
font-size: 11px;
padding: 2px 6px;
pointer-events: none;
position: absolute;
right: 10px;
right: var(--plyr-control-spacing, 10px);
z-index: 3
}
.plyr__ads:empty:after {
display: none
}
.plyr__cues {
background: currentColor;
display: block;
height: 5px;
height: var(--plyr-range-track-height, 5px);
left: 0;
opacity: .8;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 3px;
z-index: 3
}
.plyr__preview-thumb {
background-color: #fff;
background-color: var(--plyr-tooltip-background, #fff);
border-radius: 8px;
border-radius: var(--plyr-menu-radius, 8px);
bottom: 100%;
box-shadow: 0 1px 2px #00000026;
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
margin-bottom: 10px;
margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
opacity: 0;
padding: 3px;
pointer-events: none;
position: absolute;
transform: translateY(10px) scale(.8);
transform-origin: 50% 100%;
transition: transform .2s ease .1s, opacity .2s ease .1s;
z-index: 2
}
.plyr__preview-thumb--is-shown {
opacity: 1;
transform: translate(0) scale(1)
}
.plyr__preview-thumb:before {
border-left: 4px solid #0000;
border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
border-right: 4px solid #0000;
border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000;
border-top: 4px solid #fff;
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
bottom: -4px;
bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
content: "";
height: 0;
left: calc(50% + var(--preview-arrow-offset));
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2
}
.plyr__preview-thumb__image-container {
background: #c1c8d1;
border-radius: 7px;
border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
overflow: hidden;
position: relative;
z-index: 0
}
.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.plyr__preview-thumb__image-container:after {
border-radius: inherit;
box-shadow: inset 0 0 0 1px #00000026;
content: "";
pointer-events: none
}
.plyr__preview-thumb__image-container img {
max-height: none;
max-width: none
}
.plyr__preview-thumb__time-container {
background: linear-gradient(#0000, #000000bf);
background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
border-bottom-left-radius: 7px;
border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
border-bottom-right-radius: 7px;
border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
bottom: 0;
left: 0;
line-height: 1.1;
padding: 20px 6px 6px;
position: absolute;
right: 0;
z-index: 3
}
.plyr__preview-thumb__time-container span {
color: #fff;
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}
.plyr__preview-scrubbing {
bottom: 0;
filter: blur(1px);
height: 100%;
left: 0;
margin: auto;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
transition: opacity .3s ease;
width: 100%;
z-index: 1
}
.plyr__preview-scrubbing--is-shown {
opacity: 1
}
.plyr__preview-scrubbing img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
object-fit: contain;
position: absolute;
top: 0;
width: 100%
}
.plyr--no-transition {
transition: none !important
}
.plyr__sr-only {
clip: rect(1px, 1px, 1px, 1px);
border: 0 !important;
height: 1px !important;
overflow: hidden;
padding: 0 !important;
position: absolute !important;
width: 1px !important
}
.plyr [hidden] {
display: none !important
}