html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Sf Pro;
src: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/689b435390677809e92cd311_SF-PRO-400.OTF") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sf Pro;
src: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/689b441d561cf629bc64c1fa_SF-PRO-500.OTF") format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sf Pro;
src: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/689b4450a28f952d9cfba48c_SF-PRO-600.OTF") format("opentype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Phaser;
src: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/689b449d8732e3fa83380465_Phaser-300.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Phaser;
src: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/689b4374f4cd95f82222cea6_Phaser-400.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Phaser;
src: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/689b44b60bf25ac7a2ec3049_Phaser-500.otf") format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Phaser;
src: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/689b44c2961dc37913867004_Phaser-600.otf") format("opentype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Phaser;
src: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/689b44ced37c105ab9ea603a_Phaser-700.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sf Pro;
src: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/68b9a08232da52c92cd03763_SF%20Pro.otf") format("opentype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sf Pro;
src: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/68b80c6278b62e0559b0ce83_SF%20Pro.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
:root {
--white: #f9f9f9;
--blue: #182641;
--light-blue: #97b9ff;
--green: #005057;
--neon: #e0fe07;
}
.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-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.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;
}
p {
margin-bottom: 10px;
}
.body {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--white);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
overflow: visible;
}
.section {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.section._80vh {
grid-column-gap: 10vh;
grid-row-gap: 10vh;
justify-content: center;
align-items: center;
height: auto;
min-height: 55vh;
margin-top: 0;
padding-top: 200px;
padding-bottom: 120px;
}
.section._80vh._404 {
justify-content: flex-start;
align-items: center;
height: 100%;
min-height: 100vh;
position: relative;
}
.section.flex {
grid-column-gap: 80px;
grid-row-gap: 80px;
padding-bottom: 80px;
}
.section.flex.double {
background-image: none;
background-repeat: repeat;
background-size: auto;
padding-bottom: 0;
position: relative;
}
.section.flex.double.with-visual {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/689b5b29ad10b8a89d0eb657_creative%20clicks%20-%20graphics%20neon.svg");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 70vw;
}
.section.flex.blue {
background-color: var(--blue);
}
.section.flex.blue.no-gap {
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-bottom: 0;
position: relative;
overflow: visible;
}
.section.flex.blue.no-gap.negative {
margin-top: -50vh;
}
.section.flex.blue.no-gap.last {
padding-bottom: 130px;
}
.section.flex.blue.no-gap.last-section {
background-color: var(--white);
padding-bottom: 210px;
}
.section.flex.blue.no-gap.fixed {
position: sticky;
top: 0;
}
.section.flex.blue.no-gap.extra-index {
z-index: 99999;
}
.section.flex.blue.no-gap.extra-index.marketing {
background-color: var(--white);
}
.section.flex.blue.no-gap.extra-index.last-sticky {
z-index: 99;
position: sticky;
top: 0;
}
.section.flex.blue.no-gap.extra-index.last-sticky._100-vh {
height: auto;
max-height: 100vh;
}
.section.flex.blue.no-gap.extra-index.last-sticky.marg-btm {
margin-bottom: 40px;
}
.section.flex.blue.no-gap.extra-index.last-sticky.stucking-section {
z-index: 2147483647;
position: relative;
}
.section.flex.blue.no-gap.blogs {
grid-column-gap: 100px;
grid-row-gap: 100px;
padding-top: 140px;
padding-bottom: 150px;
}
.section.flex.blue.no-gap.blogs.z-index {
z-index: 1;
}
.section.flex.blue.no-gap.extra-bottom {
padding-bottom: 150px;
}
.section.flex.blue.no-gap.extra-bottom.z-index {
z-index: 1;
}
.section.flex.white {
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-top: 80px;
padding-bottom: 10px;
position: relative;
overflow: hidden;
}
.section.flex.white.no-top, .section.flex.white.second {
padding-top: 0;
}
.section.flex.white.second.main {
padding-top: 150px;
padding-bottom: 150px;
overflow: hidden;
}
.section.flex.white.second.main.pre-footer {
z-index: 1;
background-color: var(--light-blue);
min-height: 65vh;
}
.section.flex.white.second.main.pre-footer.contact {
padding-top: 200px;
}
.section.flex.white.second.main.pre-footer.green {
background-color: var(--green);
}
.section.flex.white.second.main.pre-footer.no-top {
padding-top: 0;
}
.section.flex.white.second.main.footer {
z-index: auto;
background-color: var(--blue);
justify-content: space-between;
min-height: 35vh;
padding-top: 50px;
padding-bottom: 50px;
position: sticky;
bottom: 0;
}
.section.flex.white.second.main.footer.non-sticky {
position: fixed;
}
.section.flex.white.second.main.footer.special {
padding-top: 55px;
position: relative;
}
.section.flex.white.second.main.mob.awards {
grid-column-gap: 120px;
grid-row-gap: 120px;
}
.section.flex.white.second.main.mob.awards.last-on-bottom {
margin-bottom: 0;
position: relative;
inset: 0% 0% auto;
}
.section.flex.white.second.main.mob.awards.last-on-bottom.z-index {
z-index: 1;
background-color: var(--white);
}
.section.flex.white.second.main.mob.awards.last-on-bottom.sticky-last {
height: 100vh;
position: sticky;
top: 0%;
}
.section.flex.white.second.main.mob.awards.last-on-bottom.sticky-last.gap-less {
grid-column-gap: 40px;
grid-row-gap: 40px;
padding-top: 120px;
padding-bottom: 120px;
}
.section.flex.white.second.main.mob.awards.no-bottom {
grid-column-gap: 110px;
grid-row-gap: 110px;
padding-bottom: 0;
}
.section.flex.white.second.main.mob.gaps {
grid-column-gap: 70px;
grid-row-gap: 70px;
}
.section.flex.white.second.main.mob.gaps.careers {
padding-top: 50px;
padding-bottom: 20px;
}
.section.flex.white.second.main.mob.gaps.careers.lide {
display: none;
}
.section.flex.white.second.main.special {
z-index: 2;
background-color: var(--blue);
top: 0;
bottom: 0;
}
.section.flex.white.hero-service {
padding-top: 80px;
padding-bottom: 10px;
}
.section.flex.white.hero-service.who-we-are {
padding-top: 200px;
}
.section.flex.white.hero-service.who-we-are.jobs {
grid-column-gap: 80px;
grid-row-gap: 80px;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
padding-bottom: 200px;
}
.section.flex.white.hero-service.tec {
padding-bottom: 200px;
}
.section.flex.white.hero-service.z-index {
z-index: 999;
background-color: var(--white);
position: relative;
}
.section.flex.white.hero-service.z-index.sticky {
z-index: -1;
position: sticky;
top: 0;
}
.section.flex.white.hero-service.z-index.sticky.special {
min-height: 100vh;
}
.section.flex.white.hero-service.z-index.sticky.special.sign {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/68cd1f24b280206b658def96_light%20blue%20graphic.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
}
.section.flex.white.hero-service.z-index.sticky.special.sign.shorter, .section.flex.white.hero-service.z-index.sticky.special.short {
min-height: auto;
}
.section.flex.white.hero-service.case {
height: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 120px;
}
.section.flex.white.hero-service.case.blogs {
grid-column-gap: 150px;
grid-row-gap: 150px;
padding-bottom: 150px;
}
.section.flex.white.hero-service.full-height {
height: 100vh;
}
.section.flex.white.hero-service.more-top {
padding-top: 200px;
}
.section.flex.white.hero-service.no-top {
padding-top: 0;
}
.section.flex.white.hero-service.no-top.bottom-200 {
padding-bottom: 200px;
}
.section.flex.white.hero-service.no-bottom {
padding-bottom: 0;
}
.section.flex.white.wwd {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/68b6cc233c81d789ef9bbebe_blue-graphic.svg");
background-position: 100%;
background-repeat: no-repeat;
background-size: auto;
padding-top: 20px;
padding-bottom: 120px;
}
.section.flex.white.wwd.second {
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-top: 120px;
}
.section.flex.white.wwd.second.more-space {
background-image: none;
padding-top: 240px;
}
.section.flex.white.wwd.second.more-space.pay-model {
background-image: none;
background-position: 0 0;
background-size: auto;
}
.section.flex.white.wwd.second.more-space.pay-model.second-vertion {
grid-column-gap: 200px;
grid-row-gap: 200px;
background-image: none;
padding-top: 220px;
padding-bottom: 200px;
}
.section.flex.white.wwd.second.more-space.pay-model.second-vertion.last {
padding-top: 0;
}
.section.flex.white.wwd.second.more-space.pay-model.second-vertion.with-bg {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/6925aa4eaf48039fca2f0b31_creative-clicks-technology.svg");
background-position: 50% 160%;
background-size: auto;
height: auto;
}
.section.flex.white.wwd.second.more-space.pay-model.second-vertion.with-bg.double {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/6925aa4eaf48039fca2f0b31_creative-clicks-technology.svg");
background-position: 50% 100%;
background-size: auto 70%;
}
.section.flex.white.wwd.second.more-space.pay-model.second-vertion.text-revealing-section {
height: 100vh;
}
.section.flex.white.wwd.vertion-two {
background-image: none;
}
.section.flex.white.wwd.vertion-two.who-we-are {
padding-top: 180px;
}
.section.flex.white.wwd.vertion-two.who-we-are.no-bottom {
padding-bottom: 0;
}
.section.flex.white.wwd.vertion-two.gap {
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.section.flex.white.wwd.vertion-two.gap.privacy {
padding-bottom: 250px;
}
.section.flex.white.wwd.vertion-two.gap.privacy.z-index {
z-index: 99;
background-color: var(--white);
}
.section.flex.hero {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
padding-top: 200px;
}
.section.flex.green {
background-color: var(--green);
}
.section.flex.green.no-gap {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.section.flex.green.no-gap.careers {
padding-bottom: 200px;
}
.section.flex.green.no-gap.careers.jobs {
padding-top: 60px;
padding-bottom: 200px;
}
.section.flex.green.no-gap.careers.jobs.less-bottom {
padding-bottom: 100px;
}
.section.flex.less-gap {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.section.flex.less-gap.final {
padding-bottom: 150px;
}
.section.flex.less-gap.final.z-index {
z-index: 1;
background-color: var(--white);
position: relative;
}
.section.flex.less-gap.final.no-bottom {
padding-bottom: 0;
}
.section.flex.less-gap.final.last-sticky {
position: sticky;
top: 0;
}
.section.flex.no-gap {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.section.flex.no-gap.bg-graphic {
background-image: none;
background-repeat: repeat;
background-size: auto;
position: relative;
}
.section.flex.light-blue {
background-color: var(--light-blue);
padding-top: 100px;
padding-bottom: 200px;
}
.section.flex.light-blue.less {
padding-bottom: 150px;
}
.section.flex.padding {
padding-top: 100px;
}
.section.flex.padding.more {
padding-top: 150px;
}
.section.flex.padding.more.no-top {
padding-top: 80px;
}
.section.flex.padding.more.no-top.last-section {
padding-top: 0;
position: sticky;
top: 0;
}
.section.header-section {
z-index: 9999;
justify-content: flex-start;
align-items: center;
position: fixed;
}
.section.splitted {
background-image: linear-gradient(180deg, var(--green) 50%, var(--white) 50%);
display: none;
}
.section.special-bg {
z-index: 1;
background-color: #f9f9f900;
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/68c40b11cd1903b0dd041b4b_overlay.svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
margin-top: -15vh;
margin-bottom: -5px;
padding-bottom: 200px;
position: relative;
}
.section.special-bg.other-vertion {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/68d3cc3182fe0e4cfbf6ea72_blue-bg.svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 0;
padding-bottom: 180px;
}
.section.special-bg.other-vertion.dark {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/68d40c1f68c5f76c8e1728f3_dark-bg.svg");
margin-top: -20vh;
padding-bottom: 0;
}
.section.special-bg.other-vertion.top {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/68c40b11cd1903b0dd041b4b_overlay.svg");
padding-bottom: 0;
}
.section.special-bg.other-vertion.bottom {
background-position: 50% 100%;
height: 25vh;
margin-top: 0;
padding-bottom: 0;
}
.section.special-bg.other-vertion.bottom.vertion-2 {
background-position: 50% 0;
margin-top: -20vh;
}
.section.special-bg.other-vertion.bottom.dark-bottom {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/68d3cc311f4b495116a322dc_dark-bg.svg");
}
.section.light-blue.cases {
background-color: var(--light-blue);
}
.section.special-middle {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: var(--white);
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/68d4f35de6999dbba00b7b54_blue%20graphic.svg");
background-position: 100%;
background-repeat: no-repeat;
background-size: auto;
margin-top: -15vh;
padding-top: 30vh;
padding-bottom: 25vh;
position: relative;
}
.section.special-middle.no-bg {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.section.video-with-overlay {
aspect-ratio: 2;
background-color: #18264100;
height: 100%;
position: relative;
overflow: hidden;
}
.section.double {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/69247ba4a720b5e93c0dfefb_creative-clicks-ux.webp");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: auto 170vh;
justify-content: space-between;
height: 190vh;
padding-top: 100px;
padding-bottom: 75px;
}
.section.double.second {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/69284373761e9427843d7989_creative-clicks-ui.svg"), url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/6924821c723413c0e1719feb_mockupmacbooktest2%20kopie%204.svg");
background-position: 50% 75%, 50% 100%;
background-repeat: no-repeat, no-repeat;
background-size: 66vw, cover;
height: 200vh;
}
.section.double.second.laptop {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
justify-content: space-between;
height: auto;
min-height: 200vh;
margin-bottom: -1px;
padding-bottom: 0;
position: relative;
}
.section.double.long {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/692843735dd4e8e0a03a5c27_creative-clicks-data-funnel.webp");
background-position: 50%;
background-size: cover;
height: 300vh;
}
.section.cards {
grid-column-gap: 100px;
grid-row-gap: 100px;
padding-top: 200px;
overflow: hidden;
}
.section.cards.after-scrollytelly {
border-top: 2px solid var(--blue);
}
.section.blue {
background-color: var(--blue);
}
.section.blue.full-section {
justify-content: center;
align-items: center;
min-height: 100vh;
padding-top: 40px;
padding-bottom: 40px;
}
.section.top {
padding-top: 100px;
}
.section.top.more-top {
padding-top: 150px;
}
.section.blue-bg {
background-color: var(--blue);
justify-content: center;
align-items: center;
height: 100%;
padding-top: 0;
position: relative;
}
.section.blue-bg.scrolly-section {
border-bottom: 0px none var(--blue);
min-height: 101vh;
margin-top: -1px;
overflow: hidden;
}
.section.full-screen {
min-height: 100vh;
}
.section.industries {
padding-top: 80px;
}
.div-title {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: auto;
padding-top: 1.5em;
padding-left: 0;
padding-right: 0;
display: grid;
}
.div-title.custom {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.div-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1450px;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
padding-right: 40px;
display: grid;
position: relative;
}
.div-wrapper.header {
flex-flow: row;
justify-content: space-between;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.div-wrapper.full-height {
height: auto;
min-height: 100vh;
}
.div-wrapper.top-bottom {
padding-top: 70px;
padding-bottom: 70px;
overflow: visible;
}
.div-wrapper.top-bottom._2-rows {
grid-row-gap: 40px;
grid-template-rows: auto auto;
padding-top: 120px;
}
.div-wrapper.top-bottom._2-rows.flex {
flex-flow: column;
display: flex;
}
.div-wrapper.top-bottom._2-rows.top {
padding-top: 170px;
}
.div-wrapper.top-bottom._2-rows.pre-footer {
grid-row-gap: 0px;
padding-top: 0;
padding-bottom: 0;
}
.div-wrapper.top-bottom._2-rows.pre-footer.row-space, .div-wrapper.top-bottom._2-rows.pre-footer.sign {
grid-row-gap: 50px;
}
.div-wrapper.top-bottom._2-rows.footer {
grid-column-gap: 0px;
grid-row-gap: 120px;
flex-flow: column;
justify-content: space-between;
height: 100%;
display: flex;
}
.div-wrapper.top-bottom._2-rows.mob.no-bottom {
padding-bottom: 0;
}
.div-wrapper.top-bottom._2-rows.mob.no-bottom.second-vertion {
padding-top: 0;
}
.div-wrapper.top-bottom._2-rows.cases {
padding-bottom: 0;
}
.div-wrapper.top-bottom._2-rows.cases._3-rows {
grid-template-rows: auto auto auto;
}
.div-wrapper.top-bottom._2-rows.no-padding {
padding-top: 0;
padding-bottom: 0;
}
.div-wrapper.top-bottom._2-rows.no-top {
padding-top: 0;
}
.div-wrapper.top-bottom._2-rows.more-top {
padding-top: 200px;
}
.div-wrapper.top-bottom._2-rows.more-top.full-screen {
align-content: start;
height: 100vh;
}
.div-wrapper.top-bottom._2-rows.more-bottom-space {
padding-bottom: 120px;
}
.div-wrapper.top-bottom._2-rows.no-bottom {
padding-bottom: 0;
}
.div-wrapper.top-bottom.numbers {
padding-top: 30px;
}
.div-wrapper.top-bottom.toggle {
padding-top: 0;
padding-bottom: 0;
}
.div-wrapper.top-bottom.sub-page.tec {
padding-top: 0;
}
.div-wrapper.top-bottom.sub-page.job {
padding-top: 100px;
}
.div-wrapper.top-bottom.services {
padding-top: 150px;
}
.div-wrapper.top-bottom.services.no-padding {
padding-bottom: 0;
}
.div-wrapper.top-bottom.services.custom-padding {
padding-bottom: 50px;
}
.div-wrapper.top-bottom.services.custom-padding.jobs {
padding-top: 250px;
}
.div-wrapper.top-bottom.more-gap {
padding-top: 150px;
}
.div-wrapper.top-bottom.more-gap.extra {
padding-top: 170px;
padding-bottom: 170px;
}
.div-wrapper.top-bottom.more-gap.extra.mobile.less-bottom {
padding-bottom: 120px;
}
.div-wrapper.top-bottom.last {
padding-top: 150px;
}
.div-wrapper.top-bottom.last.who-we-are {
padding-top: 100px;
padding-bottom: 100px;
}
.div-wrapper.top-bottom.last.who-we-are.no-padding {
padding-top: 0;
padding-bottom: 0;
}
.div-wrapper.top-bottom.last.who-we-are.team {
padding-top: 60px;
padding-bottom: 70px;
}
.div-wrapper.top-bottom.last.who-we-are.careers {
padding-bottom: 0;
}
.div-wrapper.top-bottom.more-space {
padding-top: 110px;
}
.div-wrapper.top-bottom.more-space.mobile.animated-intro.no-top {
padding-top: 50px;
}
.div-wrapper.top-bottom.more-space.mobile.animated-intro.new {
height: auto;
position: sticky;
top: 0;
}
.div-wrapper.top-bottom.more-space.mobile.sticky-intro {
position: sticky;
top: 0;
}
.div-wrapper.top-bottom.less-mobile.bottom-less {
padding-top: 125px;
padding-bottom: 60px;
}
.div-wrapper.top-bottom.less-mobile.more-padding {
padding-top: 120px;
padding-bottom: 120px;
}
.div-wrapper.top-bottom.about {
padding-top: 85px;
padding-bottom: 150px;
}
.div-wrapper.top-bottom.about.technology {
padding-top: 70px;
padding-bottom: 120px;
}
.div-wrapper.top-bottom.about.technology.faq {
padding-bottom: 50px;
}
.div-wrapper.top-bottom.about.technology.no-top {
padding-top: 0;
}
.div-wrapper.top-bottom.special {
padding-top: 25vh;
}
.div-wrapper.top-bottom.special.no-bottom {
padding-top: 25vh;
padding-bottom: 0;
}
.div-wrapper.top-bottom.special.no-bottom.darker {
padding-top: 25vh;
}
.div-wrapper.top-bottom.special.cases {
padding-top: 220px;
padding-bottom: 50px;
}
.div-wrapper.top-bottom.privacy {
padding-top: 120px;
}
.div-wrapper.top-bottom.privacy.sign-up {
justify-content: center;
align-items: center;
display: flex;
}
.div-wrapper.top-bottom.privacy.longer {
padding-bottom: 200px;
}
.div-wrapper.top-bottom.sticky-wrapper {
z-index: 99999;
background-color: var(--blue);
position: relative;
top: 0;
}
.div-wrapper.top-bottom.sticky-wrapper.marketing {
background-color: var(--white);
}
.div-wrapper.top-bottom.sticky-wrapper.less-pad {
z-index: 2147483647;
padding-top: 15px;
padding-bottom: 15px;
}
.div-wrapper.top-bottom.no-spaces {
padding-top: 0;
padding-bottom: 0;
}
.div-wrapper.top {
padding-top: 180px;
}
.div-wrapper.top._2-columns {
grid-template-rows: auto auto;
}
.div-wrapper.bottom {
padding-bottom: 230px;
}
.div-wrapper.more-space {
padding-top: 30px;
padding-bottom: 80px;
}
.div-wrapper.padding {
padding-top: 90px;
padding-bottom: 120px;
}
.div-wrapper.custom.cases {
padding-bottom: 220px;
}
.div-wrapper.bolcks {
padding-top: 100px;
padding-bottom: 100px;
}
.div-wrapper.splitted {
padding-top: 50px;
padding-bottom: 50px;
}
.div-wrapper.jobs {
padding-top: 200px;
}
.div-wrapper.negative-top {
margin-top: -30px;
padding-bottom: 40px;
}
.div-wrapper.padding-top {
padding-top: 40px;
}
.div-wrapper.top-30 {
padding-top: 30px;
}
.div-wrapper.top-30.bottom-200 {
bottom: 200px;
}
.div-wrapper.custom-pre-footer {
grid-template-rows: auto auto;
}
.div-wrapper.div-flex.vertical {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-wrapper.div-flex.block {
display: block;
}
.div-wrapper.div-flex.center {
justify-content: center;
align-self: center;
align-items: flex-start;
}
.div-wrapper.div-flex.center.absolute-bottom {
z-index: 99;
position: absolute;
bottom: 75px;
}
.div-wrapper.full-vertion {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
padding-left: 0;
padding-right: 0;
}
.div-wrapper._2-rows {
grid-template-rows: auto auto;
}
.div-wrapper._2-rows.gap {
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.div-wrapper.gap-80 {
grid-column-gap: 80px;
grid-row-gap: 80px;
}
.div-wrapper.second {
opacity: 0;
position: absolute;
}
.div-wrapper.second.fade-in {
opacity: 0;
}
.heading {
color: var(--blue);
margin-top: 0;
margin-bottom: 0;
font-family: Phaser, Arial, sans-serif;
font-size: 150px;
font-weight: 700;
line-height: .5em;
}
.heading.vw {
font-size: 7.813vw;
}
.heading.rem {
font-size: 16em;
}
.heading.white {
color: var(--white);
}
.heading.white.higher.smaller {
font-size: 100px;
}
.heading.white.higher.smaller.full {
width: 100%;
margin-bottom: 20px;
}
.heading.white.higher.smaller.jobs {
line-height: 1em;
}
.heading.white.higher.margin-top {
margin-top: -.25em;
}
.heading.white.higher.more-line {
margin-top: -.2em;
line-height: 1em;
}
.heading.white.line-heigjt {
line-height: 1.1em;
}
.heading.heading2 {
font-size: 100px;
}
.heading.heading2.center {
text-align: center;
}
.heading.heading2.margin-top {
margin-top: -.1em;
}
.heading.center {
text-align: center;
}
.heading.center.line-full {
line-height: .8em;
}
.heading.center.line-full.numeric {
font-size: 60px;
}
.heading._404 {
line-height: .8em;
}
.heading.footer {
font-size: 100px;
}
.heading.footer.end {
text-align: left;
}
.heading.footer.end.green.big {
font-size: 140px;
}
.heading.footer.end.green.margin-top {
margin-top: -.5em;
}
.heading.footer.end.green.margin-top.smaller {
font-size: 80px;
}
.heading.footer.small {
font-size: 70px;
}
.heading.footer.small.full-line {
line-height: 1em;
}
.heading.green {
color: var(--green);
}
.heading.green.big-one.center.job {
max-width: 70%;
line-height: .7em;
}
.heading.green.big-one.minus-top {
margin-top: -.5em;
}
.heading.big-one {
overflow: visible;
}
.heading.big-one.white.margin-top {
margin-top: -.5em;
}
.heading.big-one.white.margin-top.tec {
font-size: 120px;
}
.heading.big-one.jobs {
color: var(--green);
text-align: center;
white-space: pre-wrap;
word-break: normal;
line-height: .7em;
}
.heading.big-one.green.top {
margin-top: -.25em;
}
.heading.big-one.green.top.spec {
margin-top: -.2em;
}
.heading.big-one.center.sign {
line-height: .8em;
}
.heading.big-one.full-img {
width: 100%;
}
.heading.big-one.comparison {
line-height: 1em;
}
.heading.white-vertion {
color: var(--white);
font-size: 140px;
}
.heading.small-center {
color: var(--white);
font-size: 80px;
line-height: 1em;
}
.heading.height {
line-height: .8em;
}
.heading-line1.height {
line-height: .7em;
}
.heading-line1.height.line-height, .heading-line2 {
line-height: 1em;
}
.heading-line2.small-gap {
padding-left: 5px;
}
.slogan {
color: var(--blue);
text-align: center;
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-size: 26px;
font-weight: 300;
line-height: 1em;
}
.bold {
font-weight: 600;
}
.logo-grid {
grid-column-gap: 70px;
grid-row-gap: 40px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.image {
z-index: -1;
width: 100vw;
display: block;
position: absolute;
inset: 50vh auto 0%;
overflow: visible;
}
.image._404 {
object-fit: cover;
object-position: 50% 0%;
height: 50vh;
inset: auto 0% 0%;
}
.image.small-hom {
inset: auto 0% 0% auto;
}
.image.small-hom.left {
left: 0;
right: auto;
}
.image.small-hom.left.z-index {
z-index: 0;
left: auto;
}
.image.small-hom.left.negative-left.extra {
left: -40vw;
}
.image.small-hom.z-index {
z-index: 0;
}
.image.small-hom.z-index.right {
inset: 0% 0% 0% auto;
}
.image.small-hom.middle {
bottom: auto;
}
.image.small-hom.middle.negative-right {
right: -35vw;
}
.image.small-hom.middle.left.negative-left {
left: -15vw;
}
.image.small-hom.negative-right.extra.wwa {
right: -20vw;
}
.image.small-hom.negative-right.extra.home {
bottom: -15vh;
right: -35vw;
}
.image.small-hom.top {
bottom: auto;
}
.image.small-hom.top.align-top {
top: 10vh;
right: -30vw;
}
.image.small-hom.negative-right-extra {
right: -35vw;
}
.image.top {
top: 0;
}
.image.top.negative-top {
top: -15vh;
}
.image.negative-top-comparison {
top: 30vh;
}
.image.in-card {
object-fit: fill;
width: 70%;
inset: 0% 0% 0% auto;
}
.image.full {
width: 100%;
height: 100%;
top: 0;
left: auto;
right: 0;
}
.logo {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/689b54c398846063225de338_Logo.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: contain;
width: 150px;
max-width: none;
height: 50px;
max-height: none;
}
.logo.w--current {
width: 120px;
}
.logo.green {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/68b9661ff7531486678ee535_creative%20clicks%20-%20logo%20green.svg");
}
.logo.green.w--current, .logo.green.update, .logo.green.update.w--current {
width: 120px;
}
.logo.white {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/68c056a4726c783e064bfc53_Logo.svg");
width: 120px;
}
.logo.white.w--current {
background-size: contain;
}
.logo.white.header {
background-repeat: no-repeat;
width: 120px;
}
.logo.white.header.w--current, .logo.update {
width: 120px;
}
.button {
border: 1px solid var(--blue);
border-radius: 40px;
flex-flow: row;
justify-content: center;
align-items: center;
padding: 13px 32px;
text-decoration: none;
display: flex;
}
.button.blue {
background-color: var(--blue);
text-transform: uppercase;
font-family: Sf Pro, Arial, sans-serif;
font-weight: 600;
}
.button.blue.green {
background-color: var(--green);
}
.button.blue.form {
margin-top: 15px;
padding-left: 62px;
padding-right: 62px;
}
.button.blue.form.white.full.register {
color: var(--blue);
padding-left: 40px;
padding-right: 40px;
}
.button.blue.form.white-vertion {
border-color: var(--white);
background-color: var(--white);
color: var(--green);
}
.button.blue.form.top-more {
margin-top: 24px;
}
.button.blue.max-350 {
width: 350px;
}
.button.white {
border-color: var(--white);
}
.button.white.w--current:hover, .button.white.full {
background-color: var(--white);
}
.button.neon {
border-color: var(--neon);
margin-bottom: 53px;
}
.button.neon.green {
background-color: var(--neon);
}
.button.neon.green.post {
margin-bottom: 0;
padding: 5% 15%;
}
.button.neon.green.post.events {
border-color: var(--neon);
}
.button.bg {
background-color: var(--white);
}
.button.light-blue {
border-color: var(--light-blue);
}
.button.light-blue.services {
margin-bottom: 0;
}
.button.light-blue.hide {
display: none;
}
.button.light-blue.full {
background-color: var(--light-blue);
}
.button.light-blue.full.results {
height: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
.button.light-blue.div-flex {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
padding-left: 16px;
padding-right: 16px;
}
.button.light-blue.div-flex.minutes {
pointer-events: none;
cursor: auto;
}
.button.green {
border-color: var(--green);
}
.button.margin-top {
margin-top: 50px;
}
.button.full {
width: auto;
min-width: auto;
}
.buttons {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: flex-end;
display: flex;
}
.buttons.left {
justify-content: flex-start;
}
.buttons.left.hide {
display: none;
}
.header-links {
color: var(--blue);
text-transform: uppercase;
white-space: nowrap;
word-break: keep-all;
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-weight: 600;
line-height: 14px;
}
.header-links.white {
color: var(--white);
}
.header-links.white.results {
line-height: 38px;
}
.header-links.neon {
color: var(--neon);
}
.header-links.green {
color: var(--green);
}
.header-links.light {
font-weight: 300;
}
.menu {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: center;
align-items: center;
display: flex;
}
.menu-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: center;
align-items: center;
display: flex;
}
.menu-item.solutions, .menu-item.about {
cursor: pointer;
}
.drop-down-arrow {
width: 10.5px;
height: 6.5px;
}
.div-2-7 {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.div-2-7.grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch stretch;
padding-top: 1.5em;
display: grid;
}
.div-2-7.grid.larger {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.div-2-7.grid.larger.end {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.div-2-7.grid.larger.end.columns-5 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.div-2-7.grid.larger.end.columns-5.hwdi {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.div-2-7.grid.larger.end.columns-5.hwdi.aligned {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.div-2-7.grid.larger.end.columns-5.hwdi.longer {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.div-2-7.grid.larger.end.columns-5.hwdi.studio {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.div-2-7.grid.larger.end.longer {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.div-2-7.grid.larger.footer.contact {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.div-2-7.grid.larger.footer.case {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
padding-top: 0;
}
.div-2-7.grid.larger.sign-up {
text-align: center;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.div-2-7.grid.larger.what-we-do {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.div-2-7.grid.larger.what-we-do.margin-top {
padding-top: 0;
}
.div-2-7.grid.larger.cases {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
padding-top: 0;
}
.div-2-7.grid.larger.no-top {
padding-top: 0;
}
.div-2-7.grid.larger.centered {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
}
.div-2-7.grid.larger.long {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.div-2-7.grid.larger.center {
text-align: center;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.div-2-7.grid.larger.center.longer {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.div-2-7.grid.left-alignment {
justify-items: start;
}
.div-2-7.grid.padding-bottom.less {
grid-column-gap: 26px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.div-2-7.grid.small-title-wrapper {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
padding-top: 0;
padding-bottom: 16px;
}
.div-2-7.grid.no-top {
padding-top: 0;
}
.div-7-11 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
}
.div-7-11.full-height {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
min-height: 100vh;
}
.div-7-11.half-width {
width: 50%;
}
.div-7-11.jobs {
justify-content: flex-start;
align-items: center;
}
.div-7-11.case {
justify-content: flex-start;
align-items: flex-start;
min-height: 100px;
}
.div-7-11.right {
justify-content: center;
align-items: flex-end;
}
.div-7-11.pad-bottom {
padding-bottom: 55px;
}
.div-7-11.hidden {
display: none;
}
.heading3 {
color: var(--blue);
margin-top: 0;
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-size: 70px;
line-height: 1.1em;
}
.heading3.white {
color: var(--white);
line-height: 1.1em;
}
.heading3.white.accordeon {
font-family: Sf Pro, Arial, sans-serif;
line-height: 1.1em;
}
.heading3.white.accordeon.services {
color: var(--blue);
font-size: 60px;
}
.heading3.white.accordeon.services.second {
color: var(--white);
font-size: 35px;
}
.heading3.white.accordeon.services.second.sub-page {
font-size: 40px;
}
.heading3.white.accordeon.services.second.marketing {
color: var(--green);
font-size: 40px;
}
.heading3.white.accordeon.services.single {
text-align: left;
width: auto;
padding-top: 20px;
padding-bottom: 20px;
font-size: 40px;
}
.heading3.white.accordeon.services.about {
color: var(--green);
font-size: 40px;
line-height: 1em;
}
.heading3.white.accordeon.services.about.tec {
color: var(--white);
font-size: 40px;
}
.heading3.white.accordeon.services.about.tec.green {
color: var(--green);
width: 97%;
line-height: 1.1em;
}
.heading3.white.accordeon.services.about.new {
width: 50%;
}
.heading3.white.accordeon.services.jobs {
color: var(--white);
font-size: 50px;
font-weight: 500;
}
.heading3.white.accordeon.services.minus-line {
line-height: .8em;
}
.heading3.white.accordeon.duplicated {
color: var(--neon);
}
.heading3.white.accordeon.duplicated.services-smaller {
font-size: 40px;
font-weight: 500;
line-height: 1em;
}
.heading3.white.accordeon.duplicated.services-smaller.blue {
color: var(--light-blue);
-webkit-text-stroke-color: var(--light-blue);
}
.heading3.white.accordeon.services-smaller {
font-size: 40px;
font-weight: 500;
line-height: 1em;
}
.heading3.white.accordeon.services-smaller.blue {
color: var(--blue);
}
.heading3.white.center {
text-align: center;
}
.heading3.white.center.smaller {
font-size: 60px;
line-height: 1.1em;
}
.paragraph-big {
z-index: 99;
color: var(--blue);
font-family: Sf Pro, Arial, sans-serif;
font-size: 26px;
font-weight: 300;
line-height: 1.2em;
position: static;
}
.paragraph-big.smaller {
color: var(--blue);
font-size: 20px;
}
.paragraph-big.smaller.green {
color: var(--green);
}
.paragraph-big.smaller.green.padding-right {
margin-bottom: 0;
padding-right: 40px;
}
.paragraph-big.smaller.content.terms {
flex-flow: column;
}
.paragraph-big.white {
color: var(--white);
margin-bottom: 0;
}
.paragraph-big.white.center {
text-align: center;
}
.paragraph-big.right-alignment {
text-align: right;
}
.paragraph-big.green {
color: var(--green);
}
.paragraph-big.green.center {
text-align: center;
}
.paragraph-big.green.jobs {
border-bottom: 1px solid var(--green);
padding-bottom: 40px;
}
.paragraph-big.small {
font-size: 18px;
}
.paragraph-big.padding {
white-space: normal;
word-break: normal;
overflow-wrap: normal;
min-height: auto;
margin-bottom: 0;
padding-bottom: 0;
}
.paragraph-big.padding.sub-title {
color: var(--white);
font-size: 46px;
font-weight: 600;
}
.paragraph-big.center {
text-align: center;
}
.paragraph-big.center._w-70 {
width: 70%;
}
.paragraph-big.center.paragraph-bigger {
font-size: 34px;
}
.paragraph-big._80-width {
width: 80%;
margin-bottom: 0;
}
.arrow {
width: 30px;
height: 30px;
margin-top: 10px;
margin-bottom: 0;
}
.arrow.accordeon {
margin-bottom: 0;
}
.arrow.accordeon.initially-hidden {
display: none;
transform: rotate(180deg);
}
.arrow.accordeon.white {
width: 20px;
height: 20px;
margin-top: 0;
display: block;
}
.arrow.accordeon.white.rotate {
transform: rotate(180deg);
}
.arrow.no-padding {
vertical-align: baseline;
margin-top: 0;
}
.arrow.footer {
margin-top: 0;
margin-bottom: 20px;
padding-bottom: 0;
}
.services-cards-section {
z-index: 999999;
background-color: #0000;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1450px;
height: auto;
min-height: 100vh;
padding-left: 80px;
padding-right: 80px;
display: flex;
position: relative;
overflow: visible;
}
.services-cards-section.new {
margin-top: 70vh;
}
.services-cards-wrapper {
flex-flow: column;
width: 100%;
height: 90vh;
padding-top: 0;
display: block;
position: relative;
}
.navigator {
z-index: 99999;
grid-column-gap: 28px;
grid-row-gap: 28px;
justify-content: center;
align-items: center;
height: 10vh;
display: flex;
position: sticky;
inset: 0% 0% auto;
}
.nav-line {
background-color: var(--neon);
border-radius: 5px;
width: 54px;
height: 1px;
}
.nav-line.active {
height: 4px;
}
.service-card {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--white);
border-radius: 70px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 80vh;
margin-top: 0;
display: flex;
position: absolute;
inset: 0 0% 0%;
overflow: hidden;
}
.service-card.last {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr minmax(300px, 300px);
grid-auto-columns: 1fr;
height: 80vh;
display: grid;
}
.service-card-left-part {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 60px;
display: flex;
}
.service-card-left-part.second-vertion {
width: 60%;
padding: 89px 80px 89px 89px;
}
.service-card-left-part.second-vertion.whta-we-do.less-right {
grid-column-gap: 30px;
grid-row-gap: 30px;
padding: 160px 20px 160px 80px;
}
.service-card-left-part.img {
width: 65%;
}
.service-card-right-part {
-webkit-text-fill-color: inherit;
background-clip: border-box;
position: relative;
overflow: visible;
}
.service-card-right-part.second-vertion {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/68b978c9fb567c6f46bd7913_creative%20clicks%20-%20build%20impact.webp");
width: 40%;
}
.service-card-right-part.img {
flex: 1;
}
.image-3 {
box-sizing: border-box;
float: none;
object-fit: cover;
width: 30%;
height: 100%;
}
.overlay {
z-index: 2;
object-fit: fill;
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/689c4ed853f5484a2473c7b8_overlay.svg");
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
width: 70px;
height: 100%;
margin-left: -1px;
position: absolute;
}
.overlay.second-vertion {
width: 20%;
}
.service-title {
color: var(--blue);
font-family: Phaser, Arial, sans-serif;
font-size: 80px;
line-height: 1em;
}
.service-title.green {
color: var(--green);
}
.service-title.green.no-margin {
margin-top: 0;
margin-bottom: 0;
}
.features-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.feature {
grid-column-gap: 10px;
grid-row-gap: 10px;
border: 1px solid var(--light-blue);
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: auto;
padding: 10px 16px;
display: flex;
}
.dot {
object-fit: fill;
width: 5.5px;
height: 5.5px;
}
.feature-name {
color: var(--blue);
text-transform: uppercase;
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-weight: 300;
line-height: 14px;
}
.div-6-11 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-8-11 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.div-8-11.footer {
justify-content: flex-end;
align-items: flex-start;
margin-top: 0;
}
.div-accordeon {
position: relative;
}
.div-accordeon.services {
grid-column-gap: 40px;
grid-row-gap: 40px;
border-bottom: 1px #000;
flex-flow: column;
display: flex;
}
.div-accordeon.services.second {
grid-column-gap: 10px;
grid-row-gap: 10px;
position: static;
top: 0;
}
.div-accordeon.services.second.sub-page {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.div-accordeon.services.second.sub-page.who-we-are {
border-bottom-style: none;
border-bottom-width: 0;
justify-content: flex-start;
align-items: flex-end;
}
.div-accordeon.services.second.sub-page.who-we-are.jobs {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
align-items: flex-start;
}
.div-accordeon.services.second.sub-page.container.duplicate {
position: static;
}
.div-accordeon.services.bottom {
border-bottom-style: none;
}
.div-accordeon.services.single-bottom {
padding-top: 35px;
padding-bottom: 35px;
}
.div-accordeon.services.no-border {
border-bottom-style: none;
border-bottom-width: 0;
}
.div-accordeon.services.about {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.div-accordeon.services.about.tight {
grid-column-gap: 50px;
grid-row-gap: 50px;
border-top: 1px none var(--white);
border-bottom-style: solid;
border-bottom-color: var(--white);
padding-top: 0;
padding-bottom: 50px;
}
.div-accordeon.services.about.tight.faq {
border-bottom-style: none;
}
.div-accordeon.duplicate {
position: absolute;
inset: 0%;
}
.accordeon-row {
cursor: pointer;
border-bottom: 1px solid #f9f9f980;
flex-flow: column;
display: flex;
position: relative;
overflow: hidden;
}
.accordeon-row.services {
grid-column-gap: 50px;
grid-row-gap: 50px;
border: 1px #000;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
}
.accordeon-row.services.single {
grid-column-gap: 120px;
grid-row-gap: 120px;
border-bottom-style: none;
border-bottom-color: var(--blue);
justify-content: flex-end;
align-items: center;
}
.accordeon-row.services.single.bottom {
background-color: var(--white);
border-radius: 70px;
justify-content: center;
padding: 45px 65px;
display: block;
box-shadow: 5px 0 34px 5px #0000001a;
}
.accordeon-row.services.single.top {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top-style: none;
border-top-color: var(--blue);
border-bottom-style: solid;
border-bottom-width: 1px;
}
.accordeon-row.services.single.top.no-border {
border-top-style: none;
border-top-width: 0;
border-bottom-style: none;
border-bottom-width: 0;
}
.accordeon-row.services.green {
border-top-style: none;
border-top-color: var(--green);
}
.accordeon-row.services.jobs {
justify-content: flex-start;
align-items: center;
width: 100%;
}
.accordeon-row.left {
border-bottom-color: var(--light-blue);
justify-content: center;
align-items: flex-start;
}
.accordeon-row.left.no-border {
border-bottom-style: none;
border-bottom-width: 0;
}
.accordeon-top {
justify-content: space-between;
align-items: center;
padding-top: 14px;
padding-bottom: 14px;
font-family: Phaser, Arial, sans-serif;
display: flex;
}
.accordeon-top.services {
border-bottom: 1px none var(--blue);
padding-top: 0;
padding-bottom: 40px;
}
.accordeon-top.services.second {
border: 0 solid #000;
padding-top: 40px;
padding-bottom: 30px;
position: sticky;
}
.accordeon-top.services.single {
text-align: right;
border: 1px #000;
justify-content: flex-end;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
}
.accordeon-top.services.about {
border-bottom-style: solid;
border-bottom-color: var(--green);
text-align: left;
justify-content: flex-end;
width: 100%;
padding-bottom: 30px;
padding-right: 15%;
}
.accordeon-top.services.about.tec {
border-top: 1px solid var(--white);
border-bottom-style: none;
border-bottom-color: var(--white);
justify-content: space-between;
align-items: center;
padding-top: 50px;
padding-bottom: 0;
padding-right: 0%;
}
.accordeon-top.services.about.tec.green {
border-top-color: var(--green);
}
.accordeon-top.services.about.tec.green.no-border {
border-top-style: none;
}
.accordeon-top.services.about.new {
padding-right: 0%;
}
.accordeon-top.services.jobs {
border-top: 1px solid var(--white);
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
}
.accordeon-top.services.jobs.no-top {
border-top-style: none;
}
.accordeon-top.services.jobs.bottom {
border-bottom-style: solid;
border-bottom-color: var(--white);
}
.accordeon-top.services.jobs.bottom.welcome {
border-bottom-style: none;
}
.accordeon-top.full-width {
justify-content: center;
align-items: center;
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
.accordeon-top.left {
justify-content: flex-start;
align-items: center;
padding-top: 35px;
padding-bottom: 35px;
}
.accordeon-bottom {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-height: 0;
display: flex;
overflow: hidden;
}
.accordeon-bottom.services {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
max-height: 200px;
padding-bottom: 0;
display: flex;
}
.accordeon-bottom.services.opened {
max-height: none;
}
.accordeon-bottom.services.about {
width: 50%;
max-height: 0;
}
.accordeon-bottom.services.about.tec {
width: 100%;
height: 100%;
max-height: 0;
}
.accordeon-bottom.services.about.vertion-long {
width: 100%;
max-height: 0;
}
.accordeon-bottom.services.about.vertion-long.opened {
max-height: none;
}
.accordeon-bottom.services.about.new {
width: 50%;
}
.accordeon-bottom.single {
justify-content: center;
align-items: center;
width: 100%;
max-height: 0;
}
.accordeon-paragraph {
color: var(--white);
width: 70%;
margin-bottom: 0;
padding-top: 23px;
padding-bottom: 23px;
font-family: Sf Pro, Arial, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.2em;
}
.accordeon-paragraph.services {
color: var(--blue);
width: 100%;
padding-top: 0;
padding-bottom: 30px;
font-weight: 300;
}
.accordeon-paragraph.services.second {
color: var(--white);
padding-bottom: 15px;
}
.accordeon-paragraph.services.second.big {
font-size: 26px;
font-weight: 600;
}
.accordeon-paragraph.services.second.tab {
width: 60%;
padding-top: 0;
padding-bottom: 0;
line-height: 1.2em;
}
.accordeon-paragraph.services.second.tab.job {
width: 100%;
padding-top: 0;
line-height: 1.2em;
}
.accordeon-paragraph.services.second.tab.job.outro {
text-align: center;
padding-bottom: 70px;
}
.accordeon-paragraph.services.second.marketing {
color: var(--green);
width: 50%;
padding-top: 0;
padding-bottom: 0;
}
.accordeon-paragraph.services.single {
padding-bottom: 0;
}
.accordeon-paragraph.services.green {
color: var(--green);
padding-top: 50px;
padding-bottom: 0;
}
.accordeon-paragraph.services.green.long {
color: var(--white);
}
.accordeon-paragraph.services.green.long.faq {
color: var(--green);
width: 80%;
}
.accordeon-paragraph.services.green.padding {
padding-bottom: 50px;
}
.accordeon-paragraph.services.green.no-padding {
padding-top: 0;
}
.accordeon-paragraph.services.white {
color: var(--white);
}
.accordeon-paragraph.services.white.tec {
padding-top: 50px;
padding-bottom: 0;
}
.div-3-7 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
}
.div-3-10 {
grid-column-gap: 0%;
grid-row-gap: 100px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.partners {
max-width: 200px;
}
.div-2-11 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.number-wrapper {
grid-column-gap: 19px;
grid-row-gap: 19px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 20px 40px;
display: flex;
}
.number-wrapper.border-left {
border-left: 1px solid var(--light-blue);
padding-left: 35px;
padding-right: 35px;
}
.number-wrapper.border-left.last {
padding-right: 0;
}
.number-wrapper.first {
padding-left: 0;
}
.statistic-description {
white-space: pre;
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-size: 22px;
font-weight: 300;
line-height: 26px;
}
.statistic-description.white-description {
color: var(--blue);
-webkit-text-stroke-color: var(--blue);
}
.number {
color: var(--blue);
cursor: default;
margin-bottom: 0;
font-family: Phaser, Arial, sans-serif;
font-size: 7.7vw;
font-weight: 700;
line-height: 1em;
}
.bg-top {
z-index: -1;
transform-style: preserve-3d;
width: 70%;
position: absolute;
inset: 20% 0% 0% auto;
transform: rotateX(180deg)rotateY(0)rotateZ(0);
}
.bg-top.bottom {
width: 100%;
inset: 0% auto 0% 0%;
transform: none;
}
.bg-top.blue {
width: 100%;
inset: 0% 0% auto;
transform: none;
}
.bg-top.blue.full {
object-fit: contain;
object-position: 0% 0%;
width: auto;
max-width: none;
height: auto;
display: block;
inset: 0% auto auto 0%;
}
.bg-top.blue.hide {
display: none;
}
.bg-top.yellow {
width: 100%;
top: 40%;
transform: none;
}
.bg-top.yellow.second {
width: 60%;
inset: -15% 0% auto auto;
}
.bg-top.yellow.second.hide {
display: none;
}
.bg-top.yellow.other-vertion {
width: 50%;
inset: 30% auto 0% 0%;
}
.bg-top.yellow.hide, .bg-top.hide {
display: none;
}
.centered-title {
color: var(--blue);
text-align: center;
font-family: Phaser, Arial, sans-serif;
font-size: 140px;
line-height: 140px;
}
.centered-title.small {
margin-top: 0;
margin-bottom: 0;
font-size: 100px;
line-height: 100px;
}
.post-list-wrapper {
width: 100%;
margin-top: 50px;
}
.post-list-wrapper.posts-section.no-top {
margin-top: 0;
}
.post-list-wrapper.posts-section.no-top.sticky-last {
position: sticky;
top: 0;
}
.post-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
border-radius: 41px;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 32px;
display: flex;
position: relative;
overflow: hidden;
}
.post-date {
color: var(--white);
font-family: Sf Pro, Arial, sans-serif;
font-size: 16px;
line-height: 1em;
}
.post-title {
color: var(--white);
margin-bottom: 0;
font-size: 200%;
line-height: 1.2em;
position: relative;
}
.post-title.location {
margin-top: -20px;
}
.code-embed, .code-embed.no-top {
margin-top: 0;
}
.code-embed.minus-top {
margin-top: -50px;
}
.code-embed.minus-top.more {
margin-top: -70px;
}
.code-embed.padding-top {
margin-top: 40px;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 1450px;
display: flex;
}
.drop-down-menu {
grid-column-gap: 0px;
grid-row-gap: 24px;
background-color: var(--white);
border-radius: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: start stretch;
width: auto;
padding: 43px 65px;
display: grid;
position: static;
inset: 100px 0% 0%;
box-shadow: 0 2px 5px #00000026;
}
.drop-down-menu.solutions {
grid-column-gap: 0px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 10px;
display: none;
position: static;
}
.drop-down-menu.about {
grid-column-gap: 0px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 10px;
display: none;
}
.menu-sub-title {
color: var(--blue);
text-transform: uppercase;
margin-bottom: 0;
padding-left: 0;
font-family: Sf Pro, Arial, sans-serif;
font-weight: 600;
}
.menu-sub-title.technologies {
padding-left: 64px;
}
.menu-sub-title.green {
color: var(--green);
}
.sub-menu-left-column {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-right: 1px solid var(--light-blue);
flex-flow: column;
width: 100%;
padding-top: 16px;
padding-bottom: 0;
padding-right: 24px;
display: flex;
}
.sub-menu-left-column.no-top {
padding-top: 0;
}
.sub-menu-right-column {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 0;
padding-left: 64px;
display: flex;
}
.sub-menu-right-column.no-top {
padding-top: 0;
}
.sub-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.sub-item.w--current {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.sub-item.top-20 {
grid-column-gap: 0px;
grid-row-gap: 0px;
margin-top: 20px;
}
.light-blue-arrow {
width: 15px;
height: 15px;
}
.light-blue-arrow.menu {
margin-left: 16px;
}
.drop-down-item {
color: var(--blue);
text-transform: uppercase;
font-family: Sf Pro, Arial, sans-serif;
text-decoration: none;
}
.drop-down-item.green {
color: var(--green);
}
.mobile-menu-btn, .mobile-drop-down {
display: none;
}
.form-block {
width: 100%;
margin-top: 25px;
margin-bottom: 0;
}
.form-block.cases {
margin-top: 40px;
}
.name-field {
color: var(--blue);
background-color: #cbdbf9;
border: 0 solid #000;
border-radius: 30px;
width: 100%;
height: auto;
margin-bottom: 0;
padding: 11px 24px;
font-family: Sf Pro, Arial, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.2em;
}
.name-field:focus {
background-color: var(--white);
}
.name-field.green {
color: var(--green);
background-color: #617e80;
}
.name-field.green:focus {
background-color: var(--white);
}
.form {
grid-column-gap: 4%;
grid-row-gap: 10px;
flex-flow: wrap;
display: flex;
}
.text-field {
color: var(--blue);
background-color: #cbdbf9;
border: 0 solid #000;
border-radius: 30px;
height: auto;
margin-bottom: 0;
padding: 11px 24px;
font-family: Sf Pro, Arial, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.2em;
}
.text-field:focus {
background-color: var(--white);
}
.text-field.green {
color: var(--green);
background-color: #617e80;
}
.text-field.green:focus {
background-color: var(--white);
}
.text-field.max-350 {
width: 350px;
}
.textarea {
color: var(--blue);
background-color: #cbdbf9;
border: 0 solid #000;
border-radius: 30px;
height: auto;
margin-bottom: 0;
padding: 11px 24px;
font-family: Sf Pro, Arial, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.2em;
}
.textarea:focus {
background-color: var(--white);
}
.div-block {
z-index: -1;
background-color: var(--blue);
width: 100%;
position: fixed;
inset: 50px 0 0;
}
.footer {
z-index: 999;
position: relative;
}
.footer-wrapper {
justify-content: space-between;
display: flex;
}
.footer-column {
justify-content: space-between;
width: 50%;
display: flex;
}
.footer-column.bottom {
grid-column-gap: 37px;
grid-row-gap: 37px;
justify-content: flex-start;
align-items: center;
}
.footer-column.bottom.no-gap {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.inner-column {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
width: 100%;
display: flex;
}
.logo-white {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/68c056a4726c783e064bfc53_Logo.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 150px;
padding-bottom: 0;
}
.logo-white.w--current {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/68adc253d2d8fd0248ba1347_creative%20clicks%20-%20logo%20white.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 150px;
height: 51px;
}
.footer-title {
color: var(--white);
text-transform: uppercase;
font-family: Sf Pro, Arial, sans-serif;
font-size: 20px;
font-weight: 600;
}
.fotter-sub-item {
color: var(--white);
text-transform: uppercase;
font-family: Sf Pro, Arial, sans-serif;
font-weight: 300;
text-decoration: none;
}
.fotter-sub-item._50 {
width: 50%;
}
.social-icon {
width: 24px;
height: 24px;
}
.social {
object-fit: fill;
width: 100%;
height: 100%;
}
.div-block-2 {
opacity: 0;
height: 60vw;
}
.body-2 {
background-color: var(--white);
}
.order-list-item {
border-bottom: 1px solid var(--blue);
flex-flow: column;
width: 100%;
padding-bottom: 0;
display: block;
}
.order-list-item.second {
border-top: 1px solid var(--neon);
}
.order-list-item.second.sub-page {
border-top-color: var(--white);
}
.order-list-item.second.sub-page.top {
border-top-style: none;
}
.order-list-item.single {
border-bottom-style: none;
}
.order-list-item.about {
border-bottom-style: none;
border-bottom-color: var(--green);
justify-content: center;
align-items: flex-end;
display: flex;
}
.service-number {
color: var(--blue);
width: 61px;
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-size: 50px;
line-height: 1em;
}
.service-number.single {
text-align: right;
width: 50px;
font-size: 30px;
position: relative;
}
.service-number.jobs {
color: var(--white);
font-size: 44px;
font-weight: 400;
}
.small-title {
color: var(--blue);
margin-top: -.2em;
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-size: 70px;
line-height: 1.1em;
}
.small-title.right-alignment {
text-align: right;
line-height: 1.1em;
}
.small-title.center {
text-align: center;
}
.small-title.center.big {
font-size: 100px;
}
.small-title.center.big.full {
font-size: 140px;
}
.small-title.center.big.full.white {
color: var(--white);
}
.small-title.center.z-index {
z-index: 5;
position: relative;
}
.small-title.center.scrolly-title {
opacity: .1;
color: var(--white);
text-align: left;
height: auto;
font-size: 100px;
display: block;
}
.small-title.center.smallest {
font-size: 60px;
}
.what-we-do-wrapper {
grid-column-gap: 70px;
grid-row-gap: 70px;
background-color: var(--white);
border-radius: 70px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding: 90px 0;
display: flex;
box-shadow: 14px 12px 34px 12px #0000001a;
}
.what-we-do-wrapper.impcat-card {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
padding: 0;
overflow: hidden;
}
.what-we-do-wrapper.new {
grid-column-gap: 60px;
grid-row-gap: 60px;
width: 990px;
min-width: 990px;
max-width: 1035px;
height: 100%;
padding-top: 70px;
padding-bottom: 70px;
position: relative;
overflow: hidden;
}
.body-3 {
background-color: var(--white);
}
.points-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.points-wrapper.dark {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.points-wrapper.dark.new {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.line {
background-color: var(--light-blue);
width: 85%;
height: 1px;
}
.line.dark {
background-color: var(--blue);
}
.line.dark.top {
margin-top: 50px;
padding-top: 0;
}
.point-row {
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex;
}
.point-row.top {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 0;
display: grid;
}
.point-row.top.padding-bottom {
padding-bottom: 50px;
}
.point-row.top.no-top.new {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
place-content: start;
}
.point-indicator {
width: 23px;
margin-top: 60px;
padding-top: 0;
}
.point-indicator.shorter {
margin-top: 40px;
}
.point-indicator.no-top {
max-width: none;
margin-top: 0;
}
.point-indicator.no-top.new {
z-index: 1;
width: 27px;
height: 27px;
padding-top: 2px;
position: relative;
}
.paragraph {
width: 85%;
}
.paragraph.paragraph-big {
margin-bottom: 0;
}
.paragraph.paragraph-big.vertion-two {
width: 100%;
}
.paragraph.paragraph-big.vertion-two.bold {
font-weight: 600;
}
.paragraph.paragraph-big.vertion-two.intro {
white-space: normal;
word-break: normal;
overflow-wrap: break-word;
width: auto;
font-size: 40px;
font-weight: 600;
}
.paragraph.paragraph-big.vertion-two.small {
font-size: 18px;
}
.paragraph.paragraph-big.vertion-two.small.border {
border-bottom: 1px solid #000;
padding-bottom: 50px;
}
.expanded-point {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
transition: background-color 1s ease-in-out;
display: flex;
}
.neon-arrow-top {
opacity: 0;
height: 30px;
position: absolute;
inset: 50% auto 0% 0%;
transform: translate(0)translate(0, -50%);
}
.neon-arrow-top.rotate {
opacity: 0;
transform: rotate(180deg)translate(0, 50%);
}
.accodeon-title {
width: 35%;
}
.accodeon-title.longer {
width: 70%;
}
.accodeon-title.longer._80 {
width: 80%;
position: relative;
}
.numbers-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
padding-top: 200px;
display: flex;
}
.number-title {
color: var(--blue);
margin-bottom: 0;
font-family: Phaser, Arial, sans-serif;
font-size: 140px;
font-weight: 700;
line-height: .8em;
}
.number-title.top-border {
border-top: 1px solid var(--light-blue);
padding-top: 0;
}
.number-descriotion {
margin-top: -10px;
margin-bottom: 0;
padding-top: 0;
font-family: Sf Pro, Arial, sans-serif;
font-size: 26px;
font-weight: 300;
line-height: 1em;
}
.number-descriotion.bottom-30 {
border-bottom: 1px solid var(--light-blue);
padding-bottom: 30px;
}
.pay-model {
grid-column-gap: 70px;
grid-row-gap: 70px;
flex-flow: column;
padding-top: 200px;
padding-bottom: 80px;
display: flex;
}
.pay-model.white {
padding-bottom: 200px;
}
.pay-model.center {
text-align: center;
}
.pay-model.padding {
padding-bottom: 200px;
}
.pay-model-title {
color: var(--blue);
text-align: left;
font-family: Phaser, Arial, sans-serif;
font-size: 140px;
font-weight: 700;
line-height: .8em;
}
.pay-model-title.white {
color: var(--white);
}
.pay-model-title.center {
text-align: center;
}
.pay-model-title.center.white.new, .pay-model-title.center.new {
font-size: 100px;
}
.pay-model-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
display: flex;
}
.pay-model-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: flex;
}
.pay-model-row.top-line {
border-top: 1px solid var(--light-blue);
padding-top: 20px;
}
.pay-model-row.top-line.white {
border-top-color: var(--neon);
}
.shortcut {
color: var(--blue);
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-size: 32px;
font-weight: 300;
line-height: 1em;
}
.shortcut.white {
color: var(--white);
}
.full-word {
color: var(--blue);
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-size: 40px;
font-weight: 600;
line-height: 1em;
}
.full-word.white {
color: var(--white);
}
.feature-title {
border-bottom: 1px solid var(--white);
color: var(--white);
margin-bottom: 0;
padding-bottom: 40px;
font-family: Sf Pro, Arial, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 1em;
}
.feature-title.last {
border-bottom-width: 0;
margin-top: 0;
padding-bottom: 0;
line-height: 1.2em;
}
.tab-bottom-wrapper {
border-top: 1px solid var(--light-blue);
border-bottom: 1px solid var(--light-blue);
min-height: 150px;
margin-top: 30px;
margin-bottom: 130px;
padding-top: 50px;
padding-bottom: 50px;
}
.tab-bottom-wrapper.yellow {
border-top-color: var(--neon);
border-bottom-color: var(--neon);
}
.tab-bottom-wrapper.yellow.jobs {
border-top-color: var(--white);
border-bottom-color: var(--white);
margin-bottom: 80px;
padding-top: 60px;
padding-bottom: 55px;
}
.tab-top-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
display: flex;
}
.tab-top-wrapper.jobs {
grid-column-gap: 60px;
grid-row-gap: 60px;
justify-content: flex-start;
}
.tab-title {
color: var(--white);
margin-bottom: 0;
font-family: Phaser, Arial, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1em;
}
.tab-title.active {
color: var(--light-blue);
}
.tab-title.active.first {
color: #97b9ff;
font-size: 20px;
}
.tab-title.active.first.yellow {
color: var(--neon);
font-size: 20px;
}
.tab-title.active.first.yellow.jobs {
font-size: 32px;
}
.tab-title.second {
font-size: 20px;
}
.tab-title.second.jobs {
font-size: 32px;
}
.tab-title.third {
font-size: 20px;
}
.tab-title.third.jobs {
font-size: 32px;
}
.tab-title.fourth, .tab-title.fifth, .tab-title.sixth, .tab-title.seventh {
font-size: 20px;
}
.tab-title.first.jobs {
font-size: 32px;
}
.arrow-blue {
width: 37px;
}
.tab-content {
grid-column-gap: 65px;
grid-row-gap: 65px;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.tab-content.second, .tab-content.third, .tab-content.fourth, .tab-content.fifth, .tab-content.sixth, .tab-content.seventh {
display: none;
}
.wrapper-div {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
width: 85%;
display: flex;
}
.wrapper-div.what-we-do-row {
border-top: 1px solid var(--blue);
width: 100%;
padding-top: 50px;
}
.wrapper-div.what-we-do-row.other-vertion {
border-top-color: var(--light-blue);
}
.wrapper-div.what-we-do-row.other-vertion.second {
border-top-style: none;
padding-top: 30px;
}
.wrapper-div.what-we-do-row.border-bottom {
border-bottom: 1px solid var(--blue);
border-top-color: var(--blue);
padding-bottom: 50px;
}
.wrapper-div.what-we-do-row.bottom {
padding-bottom: 50px;
}
.wrapper-div.full {
width: 100%;
}
.body-4 {
background-color: var(--white);
}
.flex {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
display: flex;
}
.flex.right-alignment {
justify-content: flex-start;
align-items: flex-end;
}
.flex.center {
justify-content: center;
align-items: center;
width: 100%;
max-width: 1450px;
height: auto;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.flex.center.middle {
justify-content: flex-start;
align-items: center;
}
.flex.center.infinitive-shape {
padding-bottom: 0;
}
.flex.middle.full {
box-sizing: border-box;
justify-content: center;
align-self: auto;
align-items: flex-start;
height: 100vh;
position: static;
}
.flex.middle.full._01 {
min-height: 100vh;
max-height: 100vh;
position: static;
}
.heading-line3 {
line-height: 1em;
}
.logo-wrapper {
grid-column-gap: 67px;
grid-row-gap: 67px;
display: flex;
}
.empty {
width: 5px;
height: 5px;
}
.text-span {
opacity: 0;
}
.h1 {
color: var(--blue);
margin-top: 0;
margin-bottom: 0;
font-family: Phaser, Arial, sans-serif;
font-size: 140px;
line-height: 1em;
display: block;
}
.h1.big-one.smaller {
text-align: center;
font-size: 100px;
}
.h1.big-one.smaller.light-blue {
color: var(--light-blue);
}
.h1.big-one.smaller.left {
text-align: left;
}
.h1.big-one.smaller.left.white {
color: var(--white);
}
.body-5 {
background-color: var(--white);
}
.header-innersection {
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
}
.body-6 {
background-color: var(--white);
}
.div-block-3 {
display: flex;
}
.form-subtitle {
color: var(--blue);
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-size: 20px;
font-weight: 600;
}
.form-subtitle.bottom {
margin-bottom: 10px;
}
.form-subtitle.bottom.white {
color: var(--white);
}
.form-subtitle.top {
padding-top: 40px;
padding-bottom: 30px;
}
.form-subtitle.top.white {
color: var(--white);
}
.form-subtitle.top.middle {
padding-bottom: 10px;
}
.input-wrapper {
width: 48%;
}
.input-wrapper.long {
width: 100%;
}
.input-wrapper.long.terms {
padding-top: 40px;
}
.label {
color: var(--blue);
text-transform: uppercase;
font-family: Sf Pro, Arial, sans-serif;
font-weight: 300;
line-height: 14px;
}
.label.white {
color: var(--white);
}
.full-img {
border-radius: 70px;
max-height: 600px;
}
.team-collection-wrapper {
grid-column-gap: 50px;
grid-row-gap: 0px;
border-bottom: 1px solid var(--white);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.member-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-top: 0px none var(--white);
object-fit: fill;
flex-flow: column;
height: 100%;
padding: 40px 24px;
display: flex;
position: static;
}
.member-profile {
object-fit: cover;
border-radius: 20px;
flex: 0 auto;
order: 0;
width: 100%;
height: 210px;
}
.member-info-wrapper {
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.member-name {
color: var(--white);
margin-bottom: 0;
font-family: Phaser, Arial, sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 24px;
}
.paragraph-2 {
color: var(--white);
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 16px;
}
.linkedin-profile {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/68bea50748879b91b24bad12_linkedin-icon.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 30px;
height: 30px;
}
.body-7 {
background-color: var(--white);
}
.slider-container {
margin-bottom: 50px;
}
.slider-container.no-bottom {
margin-bottom: 0;
}
.collection-item {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-left: 0;
padding-right: 0;
display: flex;
}
.collection-list {
grid-column-gap: 50px;
grid-row-gap: 0px;
border-top: 1px solid var(--white);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.gallery-slider {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 70vh;
margin-top: 70px;
display: flex;
}
.gallery-slider.blogs {
margin-top: 0;
}
.gallery-img {
object-fit: cover;
border-radius: 60px;
height: 40vh;
}
.technologies {
background-color: #18264100;
}
.tech-body {
background-color: var(--blue);
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.subtitle {
color: var(--white);
font-family: Sf Pro, Arial, sans-serif;
font-size: 60px;
font-weight: 600;
line-height: 1em;
}
.div-flex {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.animated-cards-wrapper {
grid-column-gap: 70px;
grid-row-gap: 70px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-top: 20px;
display: flex;
}
.animated-cards-wrapper.terms {
grid-column-gap: 32px;
grid-row-gap: 32px;
margin-top: 50px;
}
.animated-cards-wrapper.terms.other-vertion {
margin-top: 0;
}
.animated-card {
grid-column-gap: 70px;
grid-row-gap: 70px;
background-color: #2f3e5a;
border-radius: 70px;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
padding: 60px;
transition: transform .5s ease-in-out;
display: flex;
}
.animated-card.left {
transform: translate(100%);
}
.animated-card.left.terms {
background-color: #adc8ff;
}
.animated-card.left.terms.sign {
border-radius: 44px;
}
.animated-card.left.terms.transparent {
z-index: 3;
background-color: #fff6;
transition: transform .5s ease-in-out;
position: relative;
}
.animated-card.right {
transform: translate(-100%);
}
.animated-card.right.terms {
background-color: #adc8ff;
}
.animated-card.right.terms.sign {
border-radius: 44px;
padding: 40px;
}
.animated-card.right.terms.transparent {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff6;
}
.animated-card.terms {
background-color: #adc8ff;
justify-content: space-between;
align-items: flex-start;
}
.animated-card.terms.sign {
border-radius: 44px;
padding: 40px;
}
.animated-card.terms.transparent {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 0px;
filter: none;
outline-color: var(--white);
outline-offset: 0px;
background-color: #fff6;
outline-width: 1px;
outline-style: solid;
transition: transform .5s ease-in-out;
position: relative;
}
.animated-card.terms.transparent.center {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-radius: 46px;
justify-content: space-between;
align-items: center;
padding: 50px;
}
.animated-card.terms.transparent.center.numeric {
grid-column-gap: 50px;
grid-row-gap: 50px;
padding: 40px 20px;
}
.animated-card.transparent {
grid-column-gap: 0px;
grid-row-gap: 0px;
filter: blur();
background-color: #ffffff57;
transition-property: none;
}
.animated-cards {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.animated-cards.custom.terms, .animated-cards.custom.terms.sign {
grid-column-gap: 26px;
grid-row-gap: 26px;
}
.animated-cards.custom.terms.z-index {
z-index: 3;
position: relative;
}
.animated-cards.custom.terms.vertical {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.card-title {
color: var(--white);
font-family: Sf Pro, Arial, sans-serif;
font-size: 35px;
line-height: 1em;
}
.card-title.blue {
color: var(--blue);
}
.card-title.lighter {
text-align: center;
font-weight: 600;
}
.card-text {
color: var(--white);
font-family: Sf Pro, Arial, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.2em;
}
.card-text.weight {
font-weight: 300;
}
.hightlighted {
color: var(--light-blue);
font-weight: 600;
}
.list {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
margin-bottom: 0;
padding-left: 40px;
display: flex;
}
.underline {
text-underline-offset: 2px;
line-height: 1.1em;
text-decoration: underline;
text-decoration-thickness: 1px;
}
.underline.checkbox-label.no-left {
padding-left: 0;
}
.list-item {
flex: 1;
}
.img-section {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/69303f7651071c40e5f309fe_CBJ_5246-min.jpg");
background-position: 0%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
overflow: hidden;
}
.heading-big {
color: var(--white);
text-align: center;
width: 95%;
margin-top: 0;
margin-bottom: 0;
font-family: Phaser, Arial, sans-serif;
font-size: 150px;
line-height: 1em;
}
.vacancies-section {
grid-column-gap: 50px;
grid-row-gap: 50px;
background-color: var(--green);
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 200px;
padding-bottom: 200px;
display: flex;
}
.paragraph-3 {
color: var(--white);
text-align: center;
width: 75%;
font-family: Phaser, Arial, sans-serif;
font-size: 80px;
font-weight: 700;
line-height: 1.1em;
}
.blocks {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
}
.blocks-row {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.image-5 {
object-fit: cover;
border-radius: 70px;
width: 100%;
height: 100%;
min-height: 365px;
}
.block-title-wrapper {
background-color: var(--green);
cursor: pointer;
border-radius: 70px;
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
width: 36%;
padding: 40px;
display: flex;
}
.block-title-wrapper.left {
align-items: flex-start;
width: 36%;
}
.block-title {
color: var(--white);
text-overflow: clip;
word-break: keep-all;
overflow-wrap: break-word;
width: 100%;
font-family: Phaser, Arial, sans-serif;
font-size: 46px;
line-height: 1em;
overflow: visible;
}
.div-content-wrapper {
background-color: var(--green);
border-radius: 70px;
width: 61%;
position: relative;
overflow: hidden;
}
.hidden-card {
opacity: 0;
background-color: #005057d9;
border-radius: 70px;
flex-flow: column;
justify-content: space-between;
padding: 40px;
transition: opacity .2s;
display: flex;
position: absolute;
inset: 0%;
}
.splitted-box {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: var(--white);
border-radius: 70px;
flex-flow: column;
width: 100%;
padding: 80px 40px;
display: flex;
box-shadow: 14px 12px 34px 12px #0003;
}
.body-8 {
background-color: var(--white);
}
.hashtag-title {
color: var(--green);
text-align: center;
margin-bottom: 0;
padding-bottom: 20px;
font-family: Phaser, Arial, sans-serif;
font-size: 120px;
font-weight: 700;
line-height: 1em;
}
.socials {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: center;
align-items: center;
display: flex;
}
.social-green {
width: 35px;
height: 35px;
}
.sm {
width: 100%;
height: 100%;
display: block;
}
.checkbox {
border: 1px solid var(--white);
background-color: var(--green);
border-radius: 4px;
width: 20px;
height: 20px;
margin-top: 0;
}
.checkbox-label {
color: var(--white);
height: auto;
margin-bottom: 0;
padding-left: 12px;
font-family: Sf Pro, Arial, sans-serif;
font-size: 18px;
font-weight: 300;
}
.checkbox-field {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
display: flex;
}
.body-9 {
background-color: var(--white);
}
.fs-consent_component {
z-index: 9999999;
display: block;
position: relative;
}
.fs-consent_banner {
z-index: 9999;
background-color: #f5f5f5;
border-radius: 40px;
max-width: 45rem;
padding: 40px;
display: block;
position: fixed;
inset: auto 40px 40px auto;
box-shadow: 14px 12px 34px 12px #0000001a;
}
.fs-consent_banner_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.fs-consent_banner_paragraph {
color: var(--blue);
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 1.2em;
}
.fs-consent_banner_buttons {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-end;
align-items: center;
gap: 16px;
display: flex;
}
.fs-consent_prefs_submit {
background-color: #000;
padding: .5rem 1rem;
}
.fs-consent_prefs_submit.button {
background-color: var(--blue);
color: var(--white);
text-transform: uppercase;
padding: 10px 32px;
font-family: Sf Pro, Arial, sans-serif;
font-weight: 600;
}
.fs-consent_prefs_buttons {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.fs-consent_allow {
color: #fff;
background-color: #000;
padding: .5rem 1rem;
text-decoration: none;
display: block;
}
.fs-consent_allow.button {
background-color: var(--blue);
text-transform: uppercase;
padding: 10px 32px;
font-family: Sf Pro, Arial, sans-serif;
font-weight: 600;
}
.fs-consent_prefs_popup {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
height: 100%;
padding: 60px;
display: flex;
overflow: hidden;
}
.fs-consent_prefs_header {
border-bottom: 1px solid #0003;
padding-bottom: 1.5rem;
}
.fs-consent_prefs_heading {
font-size: 1.25rem;
}
.fs-consent_prefs_close {
color: var(--blue);
cursor: pointer;
background-color: #0000;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
padding: 0;
text-decoration: none;
display: flex;
position: absolute;
inset: 30px 30px auto auto;
}
.fs-consent_prefs_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.fs-consent_prefs_form-block {
z-index: 2;
border-radius: 60px;
margin-bottom: 0;
position: relative;
overflow: hidden;
box-shadow: 14px 12px 34px 12px #0000001a;
}
.fs-consent_decline {
color: #333;
background-color: #ddd;
padding: .5rem 1rem;
text-decoration: none;
display: block;
}
.fs-consent_decline.button {
color: var(--blue);
text-transform: uppercase;
background-color: #ddd0;
padding: 10px 32px;
font-family: Sf Pro, Arial, sans-serif;
font-weight: 600;
}
.fs-consent_prefs_wrapper {
z-index: 997;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 2rem;
display: flex;
position: fixed;
inset: 0%;
}
.fs-consent_prefs_overlay {
z-index: 1;
background-color: #0000001a;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.fs-consent_prefs {
z-index: 9997;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
position: fixed;
inset: 0%;
}
.fs-consent_prefs_close-icon {
width: 100%;
height: 100%;
line-height: 0;
}
.fs-consent_prefs_form {
background-color: var(--white);
width: 100%;
max-width: 50vw;
height: 100%;
max-height: 80vh;
margin-bottom: 0;
position: relative;
}
.fs-consent_open-prefs {
z-index: 9998;
color: #333;
-webkit-text-decoration: block;
text-decoration: block;
cursor: pointer;
background-color: #ddd0;
display: block;
position: fixed;
inset: auto 10px 10px auto;
}
.fs-consent_open-prefs_wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
background-color: #000;
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding: .5rem .75rem;
display: flex;
}
.fs-consent_open-prefs_wrapper.button {
background-color: var(--blue);
padding-left: .5rem;
padding-right: .5rem;
overflow: hidden;
}
.fs-consent_open-prefs_icon {
width: 1.5rem;
line-height: 0;
display: flex;
}
.fs-consent_open-prefs_text {
text-transform: uppercase;
font-family: Sf Pro, Arial, sans-serif;
font-weight: 600;
}
.fs-consent_prefs_link {
color: #333;
border-bottom: 1px solid #000;
padding-top: .5rem;
padding-bottom: .5rem;
text-decoration: none;
}
.fs-consent_prefs_link.button {
border: 1px solid var(--blue);
color: var(--blue);
text-transform: uppercase;
padding-top: 10px;
padding-bottom: 10px;
font-family: Sf Pro, Arial, sans-serif;
font-weight: 600;
}
.fs-consent_prefs_option {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-bottom: 1px solid #0003;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
padding-bottom: 1rem;
font-family: Sf Pro, Arial, sans-serif;
font-weight: 300;
display: flex;
}
.fs-consent_checkbox_field {
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 0;
display: flex;
}
.fs-consent_checkbox_label {
margin-bottom: 0;
margin-right: .75rem;
font-family: Phaser, Arial, sans-serif;
font-weight: 600;
}
.fs-consent_prefs_description {
margin-bottom: 0;
font-size: 12px;
}
.fs-consent_checkbox {
margin-top: 0;
margin-right: .5rem;
}
.bold-text {
color: var(--blue);
font-family: Sf Pro, Arial, sans-serif;
}
.text-block {
font-family: Phaser, Arial, sans-serif;
}
.link {
color: var(--blue);
}
.body-10 {
background-color: var(--white);
}
.first-row {
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.yt-vid {
border-radius: 20px;
margin-top: 50px;
overflow: hidden;
}
.date {
grid-column-gap: 3px;
grid-row-gap: 3px;
display: flex;
position: relative;
}
.job-title {
color: var(--green);
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Phaser, Arial, sans-serif;
font-size: 140px;
line-height: 1em;
}
.job-title.margin-top {
margin-top: -.1em;
line-height: .9em;
}
.body-11 {
background-color: var(--white);
}
.job-item {
grid-column-gap: 30px;
grid-row-gap: 30px;
border-bottom: 1px none var(--green);
flex-flow: column;
width: 100%;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.job-first-row {
justify-content: space-between;
display: flex;
}
.job-second-row {
grid-column-gap: 22px;
grid-row-gap: 22px;
border-bottom: 1px solid var(--green);
padding-bottom: 24px;
display: flex;
}
.collection-item-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
width: 100%;
display: block;
}
.job-item-title {
color: var(--green);
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-size: 40px;
font-weight: 600;
line-height: 1em;
}
.vacancie-link {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/68c7e3832646441b0d90dca5_Arrow%20right.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 44px;
height: 44px;
}
.vacancie-details {
color: var(--green);
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-size: 26px;
font-weight: 300;
}
.vacancie-details.department {
width: 0;
height: 0;
overflow: hidden;
}
.body-12 {
background-color: var(--white);
}
.filters-wrapper {
padding: 10px;
display: flex;
position: absolute;
}
.filters-wrapper.pop-up {
justify-content: flex-end;
align-items: center;
width: auto;
padding: 0;
}
.filters-wrapper.top {
background-color: var(--white);
border-radius: 30px;
justify-content: space-between;
align-items: stretch;
width: 100%;
padding-left: 20px;
padding-right: 20px;
box-shadow: 2px 4px 14px #00000026;
}
.utility-page-form {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 1450px;
display: flex;
}
.empty-state {
background-color: #ddd0;
}
.empty-message {
color: var(--green);
text-align: center;
font-family: Sf Pro, Arial, sans-serif;
font-size: 26px;
font-weight: 300;
}
.collection-list-2 {
width: 100%;
}
.collection-list-wrapper {
width: 100%;
}
.pop-up-filters {
z-index: 99;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--white);
border-radius: 30px;
flex-flow: row;
width: 100%;
height: 100%;
padding: 20px;
display: flex;
position: relative;
inset: 0% 0% 0% auto;
overflow: visible;
box-shadow: 2px 4px 24px #00000026;
}
.pop-up-filters.margin {
flex-flow: column;
margin-bottom: 0;
}
.pop-up-filters.margin.horizontal {
justify-content: space-around;
}
.pop-up-filters.vertical {
flex-flow: column;
width: auto;
}
.form-block-2 {
margin-bottom: 0;
}
.form-block-2.top {
background-color: var(--white);
box-shadow: 2px 4px 14px #00000026;
}
.job-search {
color: var(--green);
text-transform: uppercase;
background-color: #fff0;
border: 0 #000;
width: 100%;
margin-bottom: 0;
margin-left: 16px;
padding: 0;
font-family: Sf Pro, Arial, sans-serif;
font-weight: 600;
}
.job-search::placeholder {
color: var(--green);
text-align: left;
text-transform: uppercase;
font-family: Sf Pro, Arial, sans-serif;
font-weight: 600;
}
.search-icon {
width: 18px;
height: 18px;
}
.search {
justify-content: flex-start;
align-items: center;
display: flex;
}
.filters {
color: var(--green);
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-size: 16px;
font-weight: 600;
}
.filters-box {
cursor: pointer;
border-left: 1px solid #cdcdcd;
justify-content: space-between;
align-items: center;
width: 35%;
padding-left: 16px;
display: flex;
}
.form-block-3 {
width: 100%;
margin-bottom: 0;
}
.form-block-3.auto {
width: auto;
}
.form-block-4 {
width: 100%;
margin-bottom: 0;
}
.form-block-4.auto {
width: auto;
}
.filter-label {
color: var(--green);
width: 100%;
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-size: 16px;
}
.filter-label.auto {
width: auto;
}
.filters-form, .filters-collection-list-wrapper {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-flow: column;
display: flex;
}
.radio-button-field {
margin-bottom: 0;
}
.filters-collection-list {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-flow: column;
display: flex;
}
.radio {
margin-bottom: 0;
padding-left: 20px;
}
.radio-label {
color: var(--green);
margin-bottom: 0;
padding-left: 10px;
font-family: Sf Pro, Arial, sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 20px;
}
.radio-button {
line-height: 18px;
}
.label-wrapper {
justify-content: flex-start;
align-items: center;
display: flex;
}
.filter-expand-arrow {
width: 11px;
height: 7px;
}
.video {
position: absolute;
inset: 0%;
}
.background-video {
z-index: 1;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
}
.background-video.align-right {
object-position: 100% 50%;
}
.sticky-section {
border-top: 1px none var(--neon);
padding-top: 0;
position: sticky;
}
.sticky-section.first {
padding-top: 40px;
}
.sticky-row {
height: 50vh;
}
.sticky-row.first {
padding-top: 0;
}
.sticky-top {
border-top: 1px solid var(--neon);
padding-top: 15px;
}
.sticky-top.first {
margin-top: 40px;
}
.sticky-top.marketing {
border-top-color: var(--green);
padding-top: 35px;
}
.sticky-top.marketing.no-border {
border-top-style: none;
}
.sticky-bottom.marketing {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.sticky-animated-section {
position: relative;
overflow: visible;
}
._10-col {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
._10-col._12-col {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.directional-list__col-client {
flex: 1;
position: relative;
}
.direcitonal-list__eyebrow {
color: #c96d4d;
letter-spacing: .1em;
text-transform: uppercase;
margin-bottom: 0;
font-size: .75em;
line-height: 1;
}
.directional-list__border {
z-index: 2;
opacity: .3;
background-color: currentColor;
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
}
.directional-list__border.is--item {
color: #fff;
top: 0;
bottom: auto;
}
.directional-list__info {
grid-column-gap: 1em;
grid-row-gap: 1em;
justify-content: space-between;
align-items: center;
width: 100%;
padding-bottom: 1.5em;
padding-left: 1.5em;
padding-right: 1.5em;
display: flex;
position: relative;
}
.directional-list__hover-tile {
background-color: var(--blue);
color: var(--blue);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.directional-list__item {
grid-column-gap: 1em;
grid-row-gap: 1em;
color: inherit;
justify-content: space-between;
align-items: center;
margin-top: -1px;
padding: 2.25em 1.5em;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.directional-list {
color: #ffecde;
flex-flow: column;
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.directional-list__col-year {
flex: none;
min-width: 3em;
position: relative;
}
.direcitonal-list__p {
margin-bottom: 0;
font-size: 1em;
line-height: 1;
}
.directional-list__col-award {
min-width: 30%;
position: relative;
}
.div-block-5 {
position: relative;
inset: auto 0% 0%;
}
.body-13, .body-14 {
background-color: var(--white);
}
.animated-card-bottom {
grid-column-gap: 34px;
grid-row-gap: 34px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.body-15 {
background-color: var(--white);
}
.case-title {
color: var(--blue);
width: 100%;
margin-top: -.2em;
margin-bottom: 0;
font-family: Phaser, Arial, sans-serif;
font-size: 70px;
line-height: 1.2em;
}
.case-title.staircase {
word-break: normal;
overflow-wrap: normal;
flex-flow: wrap;
display: block;
}
.case-img {
z-index: 2;
object-fit: cover;
border-radius: 70px;
width: 100%;
height: 100%;
margin-top: 0;
margin-bottom: 0;
position: relative;
}
.btn__circle-wrap {
border-radius: 1.5em;
width: 102%;
height: 102%;
margin-left: -1%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.btn__circle {
background-color: var(--neon);
pointer-events: none;
border-radius: 50%;
width: 102%;
display: block;
position: absolute;
top: 50%;
left: 50%;
}
.btn__circle.light-blue {
background-color: var(--light-blue);
}
.btn-wrap {
grid-column-gap: .5em;
grid-row-gap: .5em;
flex-wrap: wrap;
align-items: flex-start;
font-size: 2em;
display: flex;
position: relative;
}
.btn__text {
color: var(--white);
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.btn__text.header-links {
flex-flow: row;
display: flex;
}
.btn__text.header-links.outline {
color: var(--blue);
}
.btn__text.header-links.outline.green {
color: var(--green);
}
.btn__text.header-links.outline.white {
color: var(--white);
}
.btn-text-p {
color: currentColor;
white-space: nowrap;
margin-bottom: 0;
padding-bottom: 0;
font-size: 1em;
font-weight: 600;
line-height: 1.2;
}
.btn-text-p.outline {
color: currentColor;
}
.img__founder {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.btn__bg {
border: 1px solid var(--green);
background-color: var(--blue);
border-radius: 1.5em;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.btn__bg.outline {
border-color: var(--blue);
background-color: #f9f9f900;
}
.btn__bg.outline.green {
border-color: var(--green);
}
.btn__bg.outline.white {
border-color: var(--white);
}
.btn__bg.outline.light-blue-arrow {
border-color: var(--light-blue);
}
.btn__bg.full-green {
background-color: var(--green);
}
.btn__bg.full-white {
border-color: var(--white);
background-color: var(--white);
}
.btn__bg.full-baby-blue {
border-color: var(--light-blue);
background-color: var(--light-blue);
}
.btn__bg.neon {
border-color: var(--neon);
background-color: var(--neon);
}
.before__100 {
padding-top: 100%;
display: block;
}
.btn__image {
border-radius: 50%;
width: 2.25em;
height: 2.25em;
margin-left: -.75em;
margin-right: .5em;
position: relative;
overflow: hidden;
}
.btn {
cursor: pointer;
border-radius: 1em;
border-radius: calc(var(--btn-height) * .5);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 40px;
padding-left: 32px;
padding-right: 32px;
text-decoration: none;
display: flex;
position: relative;
}
.btn:hover {
text-decoration: none;
}
.btn.outline {
border: 0px solid var(--blue);
height: 40px;
}
.btn.outline.bigger {
padding-left: 32px;
padding-right: 32px;
}
.btn.outline.green {
border-color: var(--green);
}
.btn.outline.white {
border-color: var(--white);
}
.btn.outline.light-blue {
object-fit: fill;
flex: 0 auto;
order: 0;
align-self: flex-start;
display: flex;
}
.btn.bigger {
padding-left: 32px;
padding-right: 32px;
}
.paragraph-4, .paragraph-5 {
margin-bottom: 0;
}
.btn__circle-2 {
pointer-events: none;
background-color: #e0fe07;
border-radius: 50%;
width: 100%;
display: block;
position: absolute;
top: 50%;
left: 50%;
}
.paragraph-6 {
margin-bottom: 0;
}
.btn__bg-2 {
background-color: #182641;
border: 1px solid #182641;
border-radius: 1.5em;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.btn__bg-2.outline {
background-color: #f9f9f9;
}
.btn__text-2 {
color: #f9f9f9;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.btn__text-2.header-links {
flex-flow: row;
display: flex;
}
.btn__text-2.header-links.outline {
color: #182641;
}
.highlight-text-h {
color: var(--blue);
margin-top: 0;
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-size: 70px;
font-weight: 600;
line-height: 1.1em;
}
.highlight-text-h-2 {
margin-top: 0;
margin-bottom: 0;
font-size: 3em;
font-weight: 500;
line-height: 1.2;
}
.animated-bg {
justify-content: center;
align-items: center;
max-width: 100vw;
display: flex;
position: static;
overflow: hidden;
}
.animated-bg.absolute-home {
justify-content: flex-end;
align-items: flex-end;
width: 100%;
display: none;
position: absolute;
inset: 0% 0% 0% auto;
}
.animated-bg.absolute-home.left {
justify-content: flex-start;
align-items: flex-end;
left: 0;
right: auto;
}
.animated-bg.absolute-home.left.visible {
z-index: 3;
max-width: 100%;
display: block;
left: auto;
right: 0;
}
.animated-bg.absolute-home.middle {
justify-content: flex-end;
align-items: center;
inset: 0% 0% 0% auto;
}
.animated-bg.absolute-home.middle.left {
justify-content: flex-start;
align-items: center;
display: none;
}
.animated-bg.absolute-home.top {
justify-content: flex-end;
align-items: center;
bottom: auto;
}
.animated-bg.absolute-home.top-align {
justify-content: flex-end;
align-items: flex-start;
}
.animated-bg.absolute-home.right {
display: none;
}
.animated-bg.absolute-home.right.comparison {
top: auto;
}
.animated-bg.absolute-home.right.bottom.home.hide-mob {
display: block;
}
.animated-bg.top {
justify-content: center;
align-items: flex-start;
}
.animated-bg.top.negative-top {
margin-top: -25vh;
}
.animated-bg.main-home {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/689b5b295b6819dac8de341c_creative%20clicks%20-%20graphics.svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
height: 200vh;
position: absolute;
inset: 50vh 0% 0%;
}
.animated-bg.main-home.about {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/68b96582df9a9cef267450b4_yellow%20graphic.svg");
background-position: 50% 0;
top: 0;
}
.animated-bg.main-home.about.blue {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/68c055bf4ff6e3e8704969df_blue%20graphic.svg");
}
.animated-bg.main-home.what-we-do {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/68b59b7c5557ed96c25a2c79_creative%20clicks%20-%20blue%20graphics.svg");
}
.animated-bg.main-home.jobs {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/68cb1b18848606a701eabf60_yellow%20graphic-cropped.svg");
}
.wrapper {
position: static;
}
.wrapper.duplicate {
position: absolute;
inset: 0% auto auto 0%;
}
.directional-list__info-2 {
grid-column-gap: 1em;
grid-row-gap: 1em;
justify-content: space-between;
align-items: center;
width: 100%;
padding-bottom: 1.5em;
padding-left: 1.5em;
padding-right: 1.5em;
display: flex;
position: relative;
}
.directional-list__item-2 {
grid-column-gap: 1em;
grid-row-gap: 1em;
color: inherit;
justify-content: space-between;
align-items: center;
margin-top: -1px;
padding: 2.25em 1.5em;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.directional-list-2 {
color: #ffecde;
flex-flow: column;
width: 100%;
max-width: 50em;
display: flex;
position: relative;
}
.share-post {
z-index: 1;
grid-column-gap: 55px;
grid-row-gap: 55px;
background-color: var(--light-blue);
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 150px;
padding-bottom: 150px;
display: flex;
position: relative;
}
.share-title {
color: var(--blue);
margin-top: 0;
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-size: 40px;
line-height: 1em;
}
.share_btn_wrap {
grid-column-gap: 24px;
grid-row-gap: 24px;
display: flex;
}
.share_btn {
background-color: var(--blue);
border-radius: 8px;
justify-content: center;
align-items: center;
padding: 10px;
display: flex;
}
.share_btn_icon {
justify-content: center;
align-items: center;
display: flex;
}
.collection-list-wrapper-2 {
width: 100%;
}
.content {
display: flex;
}
.div-block-7 {
display: block;
}
.collection-item-3 {
display: flex;
}
.collection-list-3 {
display: block;
}
.div-block-8 {
flex: none;
}
.body-16 {
background-color: var(--white);
}
.inner-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
display: flex;
}
.inner-wrapper.gaps {
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.what-do-we-offer-list {
border-bottom: 1px solid var(--light-blue);
padding-top: 50px;
}
.what-do-we-offer-list-item {
border-top: 1px solid var(--light-blue);
padding-top: 40px;
padding-bottom: 40px;
}
.item-text-style {
color: var(--white);
width: 75%;
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-size: 32px;
font-weight: 600;
line-height: 1.2em;
}
.stepping-cards-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.gradient-card {
background-image: linear-gradient(180deg, #97b9ff29, var(--white));
border-radius: 40px;
padding: 26px;
}
.animated-video-section {
width: 100%;
max-width: 1450px;
height: auto;
max-height: none;
padding-left: 40px;
padding-right: 40px;
transition: all 50ms;
}
.video-2 {
border-radius: 30px;
max-height: 70vh;
overflow: hidden;
}
.heading-2 {
color: var(--blue);
margin-top: 0;
margin-bottom: 40px;
font-family: Phaser, Arial, sans-serif;
font-size: 140px;
line-height: .9em;
}
.field-label {
text-transform: uppercase;
font-family: Sf Pro, Arial, sans-serif;
}
.heading3-2 {
color: #182641;
margin-top: 0;
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-size: 70px;
line-height: 1.1em;
}
.heading3-2.white {
color: #f9f9f9;
line-height: 1.1em;
}
.heading3-2.white.accordeon {
font-family: Sf Pro, Arial, sans-serif;
line-height: 1.1em;
}
.accordeon-paragraph-2 {
color: #f9f9f9;
width: 70%;
margin-bottom: 0;
padding-top: 23px;
padding-bottom: 23px;
font-family: Sf Pro, Arial, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.2em;
}
.header-links-2 {
color: #182641;
text-transform: uppercase;
white-space: nowrap;
word-break: keep-all;
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-weight: 600;
line-height: 14px;
}
.header-links-2.neon {
color: #e0fe07;
}
.button-2 {
border: 1px solid #182641;
border-radius: 40px;
flex-flow: row;
justify-content: center;
align-items: center;
padding: 13px 32px;
text-decoration: none;
display: flex;
}
.button-2.neon {
border-color: #e0fe07;
margin-bottom: 53px;
}
.upper-section {
z-index: 999999;
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
position: relative;
}
.div-block-9 {
position: sticky;
top: auto;
bottom: 0;
}
.featured-img {
object-fit: cover;
border-radius: 60px;
width: 100%;
max-height: 400px;
}
.video-custom-shape {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
-webkit-mask-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/6929b64ab65f7fe006dacaca_mask-image.svg");
mask-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/6929b64ab65f7fe006dacaca_mask-image.svg");
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
}
.video-overlay-top {
z-index: 2;
object-fit: cover;
object-position: 50% 100%;
order: 0;
width: 200%;
max-width: none;
height: 20vh;
margin-left: -50%;
padding-left: 0%;
position: absolute;
inset: 0% 0% auto;
}
.video-overlay-top.bottom {
object-position: 50% 0%;
width: 100%;
height: 22vh;
margin-bottom: -5px;
margin-left: auto;
inset: auto 0% 0%;
}
.light {
font-weight: 300;
}
.sticky-left {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: fill;
flex-flow: column;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
height: auto;
display: flex;
overflow: hidden;
}
.sticky-right {
z-index: 1;
opacity: 1;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100vh;
display: block;
position: sticky;
top: 0;
}
.sticky-visual {
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.sticky-visual._01.active-lottie {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: block;
position: absolute;
}
.sticky-visual.active-lottie {
opacity: 1;
}
.sticky-visual.mobile {
display: none;
}
.sticky-right-inner {
z-index: 1;
width: 100%;
height: 100vh;
position: relative;
}
.lottie-animation {
object-fit: contain;
width: 100%;
height: 100%;
}
.thin {
font-weight: 300;
}
.thomas {
text-align: center;
margin-bottom: 0;
padding-top: 100px;
padding-bottom: 100px;
font-size: 25px;
line-height: 35px;
}
.auto-bg {
position: absolute;
inset: 0%;
}
.full {
z-index: 1;
color: var(--blue);
margin-top: 0;
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-size: 70px;
line-height: 1em;
position: relative;
}
.cards-wrapper {
grid-column-gap: 70px;
grid-row-gap: 70px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.cards-viewport {
justify-content: center;
align-items: center;
width: 100vw;
padding: 40px;
display: flex;
}
.grid-2-col {
grid-column-gap: 34px;
grid-row-gap: 34px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 200px;
display: grid;
}
.industry-card {
background-color: #0003;
border-radius: 30px;
justify-content: flex-start;
align-items: flex-start;
height: 310px;
padding: 40px;
display: flex;
position: relative;
overflow: hidden;
}
.tag {
z-index: 2;
border: 1px solid var(--white);
color: var(--white);
border-radius: 100px;
margin-bottom: 0;
padding: 10px 30px;
font-family: Sf Pro, Arial, sans-serif;
font-size: 20px;
font-weight: 300;
position: relative;
}
.industry-bg {
z-index: 0;
opacity: 1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.podcast {
width: 100%;
}
.scrolly-wrapper {
justify-content: space-between;
width: 100%;
max-width: 800px;
margin-top: 80px;
display: flex;
}
.scrolly-wrapper.under {
max-width: 800px;
margin-top: 20px;
}
.scrolly-wrapper.top {
margin-top: 120px;
}
.code-embed-2 {
position: absolute;
inset: 0% auto auto 0%;
}
.div-block-12 {
position: relative;
}
.mask {
background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--neon), #fff0 65%);
width: 400px;
height: 400px;
position: absolute;
inset: 0% auto auto 0%;
}
.div-block-14 {
background-color: var(--neon);
border-radius: 100%;
width: 60px;
height: 60px;
position: absolute;
inset: 0% auto auto 0%;
box-shadow: 0 2px 5px #0003;
}
.div-block-14.dot {
border: 1px solid var(--white);
}
.div-block-15 {
background-color: var(--white);
opacity: .9;
border-radius: 166px;
width: 570px;
height: 270px;
position: absolute;
inset: 50% 50% 0% auto;
transform: translate(50%, -50%);
box-shadow: 10px 12px 18px #0003;
}
.div-block-15.text-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-15.text-wrapper.mobile {
display: none;
position: relative;
}
.flex-block {
justify-content: center;
align-items: center;
width: 80%;
height: 100%;
}
.flex-block.text-section-1 {
position: absolute;
}
.flex-block.text-section-1.absolute {
display: flex;
}
.flex-block.text-section-2.absolute, .flex-block.text-section-3.absolute, .flex-block.text-section-4.absolute {
display: flex;
position: absolute;
}
.paragraph-7 {
color: var(--blue);
text-align: center;
font-family: Sf Pro, Arial, sans-serif;
font-size: 26px;
font-weight: 300;
line-height: 29px;
}
.paragraph-7.title {
font-size: 34px;
font-weight: 600;
}
.highlight {
font-weight: 600;
}
.div-block-16 {
width: 100%;
height: 100%;
}
.scrolly-text {
opacity: 0;
color: var(--white);
text-align: left;
max-width: 400px;
font-family: Sf Pro, Arial, sans-serif;
font-size: 26px;
font-weight: 300;
line-height: 30px;
display: block;
}
.div-block-17 {
position: relative;
}
.div-block-18 {
background-color: var(--white);
border-radius: 30px;
width: 375px;
height: 160px;
position: absolute;
inset: 50% 0% 0% auto;
overflow: hidden;
transform: translate(200%, -50%);
}
.div-block-18.stacked-cards {
transform: translate(100%, -50%);
}
.absolute-div {
background-color: var(--light-blue);
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-left: 45px;
padding-right: 45px;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.absolute-div.yellow {
background-color: var(--neon);
transform: translate(0, 100%);
}
.absolute-div.white {
background-color: var(--white);
transform: translate(0, 200%);
}
.white {
color: var(--white);
}
.white.blue {
color: var(--blue);
font-weight: 500;
}
.paragraph-8 {
color: var(--white);
text-align: center;
margin-bottom: 50px;
font-family: Sf Pro, Arial, sans-serif;
font-size: 26px;
font-weight: 300;
position: absolute;
inset: auto 0% 0%;
}
.paragraph-8.text-under {
opacity: 0;
margin-bottom: 100px;
}
.scrolly-card-text {
color: var(--white);
text-align: center;
font-family: Sf Pro, Arial, sans-serif;
font-size: 21px;
font-weight: 600;
line-height: 1.2em;
}
.scrolly-card-text.blue {
color: var(--blue);
}
.body-17 {
background-color: var(--white);
}
.shade {
z-index: 0;
background-color: #00000080;
position: absolute;
inset: 0%;
}
.video-custom {
object-fit: cover;
width: 100%;
height: 100%;
}
.pay-model-inner {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-flow: column;
display: flex;
}
.apply-button {
background-color: var(--light-blue);
color: var(--white);
text-indent: 0;
text-transform: uppercase;
border-radius: 50px;
justify-content: center;
align-items: center;
height: 59px;
font-family: Sf Pro, Arial, sans-serif;
font-weight: 600;
text-decoration: none;
display: flex;
}
.apply-button.white-button {
background-color: var(--white);
color: var(--green);
}
.button-text {
margin-bottom: 0;
}
.success-message {
background-color: var(--blue);
border-radius: 8px;
}
.thank-you {
color: var(--white);
font-family: Sf Pro, Arial, sans-serif;
font-size: 18px;
}
.error-message {
background-color: var(--neon);
color: var(--blue);
border-radius: 8px;
font-family: Sf Pro, Arial, sans-serif;
}
.laptop-img {
width: 100%;
margin-top: -200px;
}
.laptop-img.mob {
display: none;
}
.background-video-copy {
z-index: 1;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
}
.background-video-copy.align-right {
object-position: 100% 50%;
}
.background-video-copy.mobile {
display: none;
}
@media screen and (min-width: 1920px) {
.section._80vh {
min-height: 75vh;
padding-top: 130px;
padding-bottom: 160px;
}
.section._80vh._404 {
min-height: 100vh;
padding-top: 200px;
}
.section.flex {
grid-column-gap: 100px;
grid-row-gap: 100px;
}
.section.flex.no-gap {
padding-bottom: 120px;
}
.logo.green.update.w--current {
width: 120px;
}
.number {
font-size: 7vw;
}
.flex.center.infinitive-shape {
padding-bottom: 100px;
}
.background-video {
object-fit: cover;
}
.btn.biggest {
padding: 13px 63px;
}
.scrolly-wrapper.top {
margin-top: 100px;
}
.button-text {
margin-bottom: 0;
}
.background-video-copy {
object-fit: cover;
}
}
@media screen and (max-width: 991px) {
.section {
padding-bottom: 100px;
}
.section.flex.double {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.section.flex.white.second.main.pre-footer {
padding-top: 120px;
padding-bottom: 120px;
}
.section.flex.white.hero-service.no-top.bottom-200 {
padding-bottom: 120px;
}
.section.video-with-overlay {
margin-bottom: 100px;
padding-bottom: 0;
}
.section.double {
background-size: auto 190vh;
}
.section.double.second {
background-size: 80vw, cover;
height: 170vh;
}
.section.double.second.laptop {
min-height: 150vh;
}
.section.top.more-top {
padding-top: 100px;
}
.section.blue-bg.scrolly-section {
padding-bottom: 0;
}
.div-wrapper, .div-wrapper.header {
padding-left: 20px;
padding-right: 20px;
}
.div-wrapper.top-bottom.about.technology {
padding-top: 70px;
}
.div-wrapper.bottom {
padding-bottom: 230px;
}
.div-wrapper.div-flex.center.absolute-bottom {
bottom: 50px;
}
.heading {
font-size: 100px;
}
.heading.footer.end.left.smaller, .heading.footer.start.smaller {
font-size: 56px;
}
.heading.big-one.white.margin-top.tec, .heading.white-vertion {
font-size: 100px;
}
.slogan {
font-size: 22px;
}
.logo {
width: 120px;
}
.div-2-7.grid.larger.end.columns-5.hwdi.longer {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.div-2-7.grid.larger.footer {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.heading3 {
font-size: 45px;
}
.heading3.white.accordeon, .heading3.white.accordeon.services.second {
font-size: 35px;
}
.heading3.white.center.smaller {
font-size: 45px;
}
.paragraph-big {
font-size: 22px;
}
.arrow.accordeon.initially-hidden {
margin-top: 0;
display: none;
}
.services-cards-section {
padding-left: 20px;
padding-right: 20px;
}
.service-card {
border-radius: 40px;
}
.service-card-left-part {
padding: 40px;
}
.service-card-left-part.second-vertion.whta-we-do {
padding: 60px 40px 60px 60px;
}
.service-card-left-part.second-vertion.whta-we-do.less-right {
padding-top: 80px;
padding-bottom: 80px;
}
.service-title {
font-size: 35px;
}
.div-3-10 {
grid-row-gap: 80px;
}
.partners {
max-width: 140px;
max-height: 70px;
}
.number-wrapper {
padding-left: 20px;
padding-right: 20px;
}
.statistic-description {
font-size: 20px;
line-height: 1.2em;
}
.centered-title {
font-size: 100px;
line-height: 1em;
}
.code-embed.minus-top.more {
margin-top: -50px;
}
.mobile-drop-down {
display: none;
}
.small-title.center.big.full {
font-size: 100px;
}
.small-title.center.scrolly-title {
font-size: 75px;
}
.what-we-do-wrapper.new {
width: 90vw;
min-width: 90vw;
max-width: 90vw;
}
.number-title, .pay-model-title {
font-size: 100px;
}
.flex.center {
max-width: 1450px;
padding-left: 20px;
}
.flex.center.scrolly-container {
padding-left: 40px;
overflow: hidden;
}
.h1 {
font-size: 100px;
}
.h1.big-one.smaller {
font-size: 56px;
}
.member-wrapper {
padding-left: 20px;
padding-right: 20px;
}
.animated-cards-wrapper.terms.other-vertion {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.animated-card {
grid-column-gap: 60px;
grid-row-gap: 60px;
border-radius: 60px;
padding: 40px;
}
.animated-cards.custom.terms {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.animated-cards.custom.terms.sign {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.card-title.blue {
margin-top: 0;
margin-bottom: 0;
}
.hashtag-title {
font-size: 56px;
}
.fs-consent_open-prefs {
bottom: 10px;
left: auto;
}
.sticky-top.marketing {
padding-top: 20px;
}
.case-img {
border-radius: 40px;
}
.animated-bg.main-home {
background-size: contain;
}
.heading3-2 {
font-size: 45px;
}
.heading3-2.white.accordeon {
font-size: 35px;
}
.div-block-15.text-wrapper {
display: none;
}
.div-block-15.text-wrapper.mobile {
border-radius: 66px;
width: 100%;
height: 250px;
margin-bottom: 150px;
display: flex;
top: 0%;
right: auto;
transform: none;
}
.div-block-18 {
width: 375px;
height: 161px;
}
.div-block-18.stacked-cards {
margin-left: auto;
margin-right: auto;
position: relative;
top: 0%;
left: 0;
transform: translate(160%);
}
.paragraph-8.text-under {
text-align: left;
flex: 0 auto;
align-self: flex-start;
max-width: 400px;
line-height: 30px;
position: relative;
}
.laptop-img {
margin-top: -100px;
}
.laptop-img.mob {
display: none;
}
}
@media screen and (max-width: 767px) {
.body {
aspect-ratio: auto;
overflow: auto;
}
.section.flex.double {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.section.flex.white.second.main.mob.awards {
grid-column-gap: 80px;
grid-row-gap: 80px;
}
.section.flex.white.second.main.mob.gaps.careers {
padding-bottom: 0;
}
.section.flex.white.hero-service.no-top.bottom-200 {
padding-bottom: 100px;
}
.section.flex.white.wwd.second.more-space.pay-model.second-vertion.with-bg.double {
background-position: 50% 100%;
background-size: auto 120vh;
}
.section.flex.white.wwd.less-bottom {
padding-bottom: 40px;
}
.section.flex.no-gap.bg-graphic.gap {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.section.special-bg.other-vertion.top {
margin-bottom: -5px;
}
.section.special-bg.other-vertion.bottom {
height: 100px;
}
.section.double {
background-size: auto 200vh;
}
.section.double.second {
background-size: 95vw, cover;
height: 135vh;
}
.section.double.second.laptop {
min-height: 100vh;
}
.section.double.long {
height: 200vh;
}
.div-wrapper {
display: block;
}
.div-wrapper.header {
padding-top: 20px;
padding-bottom: 20px;
}
.div-wrapper.full-height {
display: flex;
}
.div-wrapper.full-height.sticky-animation {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-wrapper.top-bottom._2-rows.pre-footer {
grid-column-gap: 16px;
grid-row-gap: 10px;
flex-flow: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-wrapper.top-bottom._2-rows.pre-footer.row-space {
grid-row-gap: 20px;
grid-template-rows: auto auto;
}
.div-wrapper.top-bottom._2-rows.footer {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.div-wrapper.top-bottom._2-rows.mob {
padding-top: 50px;
}
.div-wrapper.top-bottom._2-rows.cases {
flex-flow: column;
padding-bottom: 100px;
display: flex;
}
.div-wrapper.top-bottom.numbers.new {
padding-left: 0;
padding-right: 0;
}
.div-wrapper.top-bottom.sub-page.tec, .div-wrapper.top-bottom.services.no-bottom, .div-wrapper.top-bottom.less-mobile {
padding-bottom: 0;
}
.div-wrapper.top-bottom.special.no-bottom {
padding-top: 200px;
}
.div-wrapper.top-bottom.special.cases {
padding-top: 100px;
padding-bottom: 40px;
}
.div-wrapper.top-bottom.no-spaces, .div-wrapper.logo-slider {
padding-left: 0;
padding-right: 0;
}
.div-wrapper.more-space {
padding-top: 0;
}
.div-wrapper.custom.cases {
padding-bottom: 200px;
}
.div-wrapper.negative-top.pop-up-filters-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: -30px;
display: grid;
}
.div-wrapper.flex-filters {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-wrapper.pop-up-filters-container {
margin-top: -60px;
}
.div-wrapper.grid-mob {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-wrapper.div-flex.vertical.responssive {
grid-column-gap: 40px;
grid-row-gap: 40px;
display: flex;
}
.div-wrapper.div-flex.center.absolute-bottom {
bottom: 20px;
}
.div-wrapper.full-vertion {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-wrapper._2-rows.gap {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
display: flex;
}
.heading {
font-size: 56px;
}
.heading.white.higher.smaller {
font-size: 45px;
}
.heading.heading2, .heading.footer {
font-size: 35px;
}
.heading.footer.end.green.big, .heading.footer.end.green.margin-top.smaller {
font-size: 56px;
}
.heading.footer.end.green.margin-top.smaller.mobile-fit, .heading.footer.end.left.smaller {
font-size: 45px;
}
.heading.footer.small {
font-size: 35px;
}
.heading.big-one.white.margin-top.tec {
font-size: 56px;
}
.heading.big-one.width-full {
width: 100%;
}
.heading.white-vertion {
font-size: 56px;
}
.heading.small-center {
font-size: 46px;
}
.image {
overflow: visible;
}
.buttons.hide {
display: none;
}
.buttons.mobile {
flex-flow: column;
padding-bottom: 34px;
position: static;
inset: auto 20px 34px;
}
.menu.hide {
display: none;
}
.div-2-7.grid.larger, .div-2-7.grid.larger.end.columns-5.hwdi, .div-2-7.grid.larger.end.columns-5.hwdi.aligned, .div-2-7.grid.larger.end.columns-5.hwdi.longer, .div-2-7.grid.larger.footer {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.div-2-7.grid.larger.right.full-width {
width: 100%;
}
.heading3.white {
font-size: 35px;
}
.heading3.white.accordeon.services {
font-size: 45px;
}
.heading3.white.accordeon.services.second {
font-size: 26px;
}
.heading3.white.accordeon.services.single {
font-size: 35px;
}
.heading3.white.accordeon.services.about.tec {
font-size: 26px;
}
.heading3.white.accordeon.services.jobs {
font-size: 35px;
}
.heading3.white.accordeon.duplicated.services-smaller, .heading3.white.accordeon.services-smaller {
font-size: 26px;
}
.heading3.white.center.smaller {
font-size: 35px;
}
.paragraph-big.smaller {
font-size: 16px;
}
.paragraph-big.smaller.green.padding-right {
padding-right: 0;
}
.paragraph-big.padding.sub-title {
font-size: 26px;
}
.paragraph-big.responssive {
font-size: 20px;
}
.arrow.footer {
margin-bottom: 0;
}
.service-card {
border-radius: 40px;
flex-flow: column;
}
.service-card-left-part {
width: 100%;
height: 75%;
padding: 20px;
}
.service-card-left-part.second-vertion.whta-we-do.less-right {
width: 100%;
height: 100%;
padding: 40px;
}
.service-card-left-part.img {
width: 100%;
height: 50%;
margin-bottom: 0;
}
.service-card-right-part {
justify-content: center;
align-items: flex-start;
width: 100%;
height: 25%;
display: flex;
}
.service-card-right-part.second-vertion.what-we-do {
flex-flow: row;
width: 100%;
height: 200px;
min-height: 100%;
display: flex;
}
.service-card-right-part.img {
width: 100%;
height: 50%;
}
.overlay {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/689c6388a75573a40baf4f43_overlay-mobile.svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 30%;
margin-top: -1px;
margin-left: 0;
}
.overlay.second-vertion.what-we-do {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/689c6388a75573a40baf4f43_overlay-mobile.svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 100%;
}
.div-accordeon.services.second.sub-page {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.div-accordeon.services.about.tight {
grid-column-gap: 30px;
grid-row-gap: 30px;
padding-bottom: 30px;
}
.accordeon-top.services.about.tec {
padding-top: 30px;
}
.accordeon-top.services.jobs, .accordeon-top.left {
padding-top: 20px;
padding-bottom: 20px;
}
.accordeon-bottom.services.about {
max-height: 0;
}
.accordeon-paragraph.services.second {
font-size: 18px;
}
.accordeon-paragraph.services.second.big {
font-size: 22px;
line-height: 1em;
}
.accordeon-paragraph.services.second.marketing {
width: 100%;
}
.accordeon-paragraph.services.green.long {
padding-top: 20px;
font-size: 18px;
}
.div-3-7 {
margin-top: 10px;
}
.div-2-11.numbers-animation {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.number-wrapper.border-left {
border-top: 1px solid var(--light-blue);
border-left-style: none;
padding-left: 0;
padding-right: 0;
}
.number {
font-size: 90px;
}
.centered-title {
font-size: 56px;
}
.centered-title.small {
font-size: 56px;
line-height: 56px;
}
.post-wrapper {
border-radius: 22px;
padding: 20px;
position: relative;
}
.post-title {
font-size: 22px;
}
.code-embed {
margin-top: 20px;
}
.drop-down-menu.solutions, .drop-down-menu.about {
display: none;
}
.menu-sub-title {
line-height: 14px;
}
.menu-sub-title.green {
color: var(--green);
}
.menu-sub-title.white {
color: var(--white);
}
.sub-item.padding-top {
padding-top: 20px;
}
.drop-down-item.green {
color: var(--green);
}
.mobile-menu-btn {
grid-column-gap: 14px;
grid-row-gap: 14px;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.image-4 {
height: 16px;
}
.mobile-drop-down {
background-color: var(--white);
flex-flow: column;
justify-content: space-between;
width: 100%;
height: auto;
max-height: 0;
padding: 0 20px;
display: flex;
position: relative;
overflow: hidden;
}
.mobile-accordeon-row {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-top: 1px solid var(--light-blue);
flex-flow: column;
margin-top: 0;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 0;
display: flex;
}
.top-row {
justify-content: space-between;
align-items: center;
display: flex;
}
.bottom-row {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
height: 100%;
max-height: 0;
display: flex;
overflow: hidden;
}
.mob-menu-item {
margin-bottom: 0;
font-family: Sf Pro, Arial, sans-serif;
font-size: 21px;
font-weight: 500;
}
.open {
grid-column-gap: 14px;
grid-row-gap: 14px;
display: flex;
}
.close {
grid-column-gap: 14px;
grid-row-gap: 14px;
display: none;
}
.menu-wrapper {
padding-top: 5px;
}
.footer-title {
font-size: 14px;
}
.fotter-sub-item {
font-size: 12px;
}
.service-number.jobs {
font-size: 35px;
}
.service-number.minus-line {
font-size: 45px;
line-height: .8em;
}
.small-title {
font-size: 45px;
}
.small-title.center.big, .small-title.center.big.full {
font-size: 56px;
}
.what-we-do-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
padding: 40px 0;
}
.what-we-do-wrapper.impcat-card {
flex-flow: column;
height: 100%;
}
.what-we-do-wrapper.new {
width: 90vw;
min-width: 90vw;
}
.point-row.top {
padding-top: 20px;
}
.number-title {
font-size: 35px;
}
.number-descriotion {
font-size: 22px;
}
.pay-model-title, .pay-model-title.center.white.new, .pay-model-title.center.new {
font-size: 56px;
}
.shortcut {
font-size: 22px;
}
.full-word {
font-size: 35px;
}
.feature-title {
padding-bottom: 20px;
font-size: 26px;
}
.tab-bottom-wrapper {
min-height: 130px;
margin-top: 0;
padding-top: 30px;
padding-bottom: 30px;
}
.tab-top-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
}
.tab-top-wrapper.jobs {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: row;
}
.tab-title.second.jobs, .tab-title.third.jobs, .tab-title.first.jobs, .tab-title.first.jobs.yellow.active {
font-size: 22px;
}
.flex.center.scrolly-container {
padding-top: 40px;
padding-bottom: 40px;
}
.flex.middle.full._01, .flex.middle.full._02, .flex.middle.full._03, .flex.middle.full._04 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.h1 {
font-size: 56px;
}
.h1.big-one.smaller {
font-size: 45px;
}
.member-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
padding: 20px;
}
.slider-container {
margin-bottom: 0;
}
.collection-list {
grid-column-gap: 24px;
}
.subtitle {
margin-bottom: 20px;
font-size: 35px;
}
.animated-cards-wrapper.terms {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.animated-card {
grid-column-gap: 40px;
grid-row-gap: 40px;
padding: 20px;
}
.animated-card.left.terms, .animated-card.right.terms {
transform: none;
}
.animated-card.terms {
padding-left: 40px;
padding-right: 40px;
}
.animated-card.terms.transparent.center {
padding: 30px;
}
.animated-cards.custom {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.animated-cards.custom.terms {
display: flex;
}
.card-title {
font-size: 26px;
}
.card-text {
font-size: 18px;
}
.heading-big {
font-size: 56px;
}
.paragraph-3 {
font-size: 45px;
}
.image-5 {
border-radius: 40px;
}
.block-title-wrapper {
border-radius: 40px;
padding: 20px;
}
.block-title {
font-size: 35px;
}
.div-content-wrapper {
border-radius: 40px;
}
.hidden-card {
border-radius: 40px;
padding: 20px;
}
.fs-consent_banner {
bottom: 0;
right: 0;
}
.fs-consent_prefs_popup {
padding: 40px;
}
.fs-consent_prefs, .fs-consent_prefs_close-icon {
display: none;
}
.fs-consent_prefs_form {
max-width: 95vw;
max-height: 82vh;
}
.fs-consent_open-prefs {
bottom: 10px;
left: auto;
}
.first-row {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
}
.job-title {
font-size: 56px;
}
.job-item {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.job-item-title {
font-size: 26px;
}
.vacancie-link {
width: 26px;
height: 26px;
}
.vacancie-details {
font-size: 20px;
}
.filters-wrapper.pop-up {
margin-top: 0;
}
.filters-wrapper.top {
position: static;
}
.sticky-top {
padding-top: 20px;
}
.case-title.staircase {
font-size: 46px;
}
.case-img {
margin-top: 0;
margin-bottom: 0;
}
.animated-bg.absolute-home.right.bottom.home.hide-mob {
display: none;
}
.what-do-we-offer-list-item {
padding-top: 20px;
padding-bottom: 20px;
}
.item-text-style {
font-size: 20px;
}
.stepping-cards-wrapper {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.heading-2 {
font-size: 56px;
}
.heading3-2.white {
font-size: 35px;
}
.lottie-animation {
height: 250px;
}
.full {
font-size: 35px;
}
.grid-2-col {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.industry-card {
height: 250px;
padding: 20px;
}
.scrolly-wrapper.top {
margin-top: 150px;
}
.laptop-img {
margin-top: -100px;
}
.laptop-img.mob {
display: none;
}
.background-video-copy.mobile {
display: block;
}
.background-video-copy.desk {
display: none;
}
}
@media screen and (max-width: 479px) {
.section {
height: auto;
padding-bottom: 0;
}
.section.flex.double {
background-position: 100%;
}
.section.flex.double.with-visual {
background-position: 100% 0;
}
.section.flex.blue.no-gap.last-section {
padding-bottom: 200px;
}
.section.flex.white.second.main.pre-footer {
padding-top: 100px;
padding-bottom: 100px;
}
.section.flex.white.second.main.footer {
height: auto;
}
.section.flex.white.second.main.mob {
padding-top: 30px;
padding-bottom: 120px;
}
.section.flex.white.wwd.second.more-space.pay-model {
padding-top: 120px;
}
.section.flex.white.wwd.second.more-space.pay-model.second-vertion {
grid-column-gap: 100px;
grid-row-gap: 100px;
padding-top: 120px;
padding-bottom: 120px;
}
.section.flex.white.wwd.second.more-space.pay-model.second-vertion.with-bg.double {
background-size: auto 90vh;
}
.section.flex.white.wwd.second.more-space.pay-model.second-vertion.top-mob {
padding-top: 80px;
}
.section.flex.white.wwd.second.more-space.pay-model.second-vertion.bottom-less, .section.flex.white.wwd.vertion-two {
padding-bottom: 80px;
}
.section.flex.no-gap.bg-graphic.gap {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.section.flex.no-gap.less-bottom {
padding-bottom: 60px;
}
.section.video-with-overlay {
height: 40vh;
}
.section.video-with-overlay.no-marg {
margin-bottom: 0;
}
.section.double {
background-size: auto 121vh;
height: 130vh;
padding-bottom: 40px;
}
.section.double.second {
background-position: 50% 65%, 50% 100%;
background-size: 100vw, cover;
height: 115vh;
}
.section.double.second.laptop {
min-height: auto;
}
.section.double.long {
height: 190vh;
}
.section.double.top-less {
padding-top: 40px;
}
.section.cards.top-120 {
padding-top: 120px;
}
.section.blue-bg.scrolly-section {
justify-content: center;
align-items: center;
padding-top: 0;
overflow: hidden;
}
.div-wrapper {
display: block;
}
.div-wrapper.header {
padding-top: 20px;
padding-bottom: 20px;
}
.div-wrapper.full-height {
min-height: auto;
padding-top: 40px;
padding-bottom: 70px;
}
.div-wrapper.full-height.sticky-animation {
grid-column-gap: 16px;
grid-row-gap: 16px;
display: flex;
}
.div-wrapper.top-bottom._2-rows {
grid-row-gap: 20px;
flex-flow: column;
display: flex;
}
.div-wrapper.top-bottom._2-rows.top.mob {
padding-top: 60px;
}
.div-wrapper.top-bottom._2-rows.footer {
grid-row-gap: 50px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
padding-top: 0;
padding-bottom: 0;
}
.div-wrapper.top-bottom._2-rows.mobile {
padding-top: 20px;
padding-bottom: 0;
}
.div-wrapper.top-bottom._2-rows.mob {
padding-top: 20px;
padding-bottom: 20px;
}
.div-wrapper.top-bottom._2-rows.no-bottom.top-mob {
padding-top: 40px;
}
.div-wrapper.top-bottom.sub-page {
padding-bottom: 0;
}
.div-wrapper.top-bottom.services {
padding-top: 120px;
}
.div-wrapper.top-bottom.services.custom-padding {
padding-bottom: 20px;
}
.div-wrapper.top-bottom.more-gap.extra.mobile {
padding-top: 80px;
padding-bottom: 130px;
}
.div-wrapper.top-bottom.more-gap.extra.mobile.less-bottom.no-btm {
padding-bottom: 40px;
}
.div-wrapper.top-bottom.more-space.mobile {
padding-top: 60px;
padding-bottom: 40px;
}
.div-wrapper.top-bottom.about {
padding-bottom: 120px;
}
.div-wrapper.top-bottom.mobile {
padding-top: 40px;
padding-bottom: 20px;
}
.div-wrapper.top-bottom.mobile.no-bottom {
padding-bottom: 0;
}
.div-wrapper.bottom {
padding-bottom: 110px;
}
.div-wrapper.bottom.mobile {
padding-bottom: 150px;
}
.div-wrapper.more-space.top-20 {
padding-top: 20px;
}
.div-wrapper.custom {
padding-top: 0;
padding-left: 10px;
padding-right: 10px;
}
.div-wrapper.jobs.top {
padding-top: 0;
}
.div-wrapper.negative-top.pop-up-filters-wrapper, .div-wrapper.flex-filters {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.div-wrapper.pop-up-filters-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-wrapper.div-flex.vertical {
grid-column-gap: 30px;
grid-row-gap: 30px;
display: flex;
}
.div-wrapper.div-flex.center.absolute-bottom {
bottom: 70px;
}
.div-wrapper.gap-mob {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
display: flex;
}
.div-wrapper.gap-80 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.heading {
font-size: 46px;
}
.heading.white.higher.smaller {
font-size: 35px;
}
.heading.white.padding-bottom {
padding-bottom: 0;
}
.heading.footer {
font-size: 35px;
}
.heading.footer.end.green.margin-top.smaller {
font-size: 46px;
}
.heading.footer.end.green.margin-top.smaller.mobile-fit {
font-size: 45px;
}
.heading.footer.small {
font-size: 35px;
}
.heading.footer.start.smaller {
font-size: 45px;
}
.heading.big-one {
font-size: 56px;
}
.heading.big-one.white.margin-top.tec, .heading.big-one.green.top.spec {
font-size: 46px;
}
.heading.big-one.width-full.smaller {
font-size: 45px;
}
.heading.white-vertion {
font-size: 46px;
}
.heading.small-center {
font-size: 26px;
}
.heading-line2.line-height {
line-height: 1.2em;
}
.image {
object-fit: fill;
position: static;
overflow: visible;
}
.button {
padding-top: 13px;
padding-bottom: 13px;
}
.button.blue.form {
width: 100%;
}
.button.blue.max-350 {
width: 90%;
}
.button.hide {
display: none;
}
.buttons.left {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
}
.buttons.mobile-vertical {
flex-flow: column;
}
.header-links, .header-links.white {
font-size: 12px;
line-height: 12px;
}
.header-links.white.results {
line-height: 20px;
}
.div-2-7.grid.padding-bottom {
padding-bottom: 40px;
}
.div-7-11 {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.div-7-11.top {
padding-top: 20px;
}
.heading3 {
font-size: 34px;
}
.heading3.white.accordeon {
font-size: 26px;
}
.heading3.white.accordeon.services {
font-size: 34px;
}
.heading3.white.accordeon.services.second, .heading3.white.accordeon.services.second.marketing {
font-size: 35px;
}
.heading3.white.accordeon.services.single {
font-size: 26px;
}
.heading3.white.accordeon.services.about {
font-size: 25px;
}
.heading3.white.accordeon.services.about.tec {
font-size: 20px;
}
.heading3.white.accordeon.services.jobs {
font-size: 26px;
}
.paragraph-big.smaller {
font-size: 14px;
}
.paragraph-big.smaller.green {
margin-bottom: 0;
}
.paragraph-big.green.smalelr {
font-size: 18px;
}
.paragraph-big.center.white.extra-small {
font-size: 14px;
}
.paragraph-big.center.paragraph-bigger {
font-size: 16px;
}
.services-cards-wrapper {
height: 95vh;
}
.navigator {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.nav-line {
width: 35px;
}
.service-card {
height: 85vh;
}
.service-card-left-part {
grid-column-gap: 16px;
grid-row-gap: 16px;
height: 70%;
}
.service-card-left-part.second-vertion {
padding: 20px;
}
.service-card-left-part.second-vertion.whta-we-do {
width: 100%;
padding-top: 30px;
padding-left: 30px;
padding-right: 30px;
}
.service-card-right-part {
height: 30%;
}
.service-card-right-part.second-vertion.what-we-do {
background-position: 50%;
background-size: cover;
width: 100%;
height: 200px;
}
.overlay.second-vertion.what-we-do {
background-image: url("https://cdn.prod.website-files.com/689b2c11275f95e492227292/689c6388a75573a40baf4f43_overlay-mobile.svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
}
.service-title, .service-title.green {
margin-top: 0;
margin-bottom: 0;
}
.features-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.feature {
padding-top: 8px;
padding-bottom: 8px;
}
.feature-name {
font-size: 12px;
line-height: 12px;
}
.div-8-11 {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.div-accordeon.services, .accordeon-row.services {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.accordeon-top.services {
padding-bottom: 20px;
}
.accordeon-top.services.second {
padding-top: 20px;
padding-bottom: 10px;
}
.accordeon-top.services.about {
padding-right: 0%;
}
.accordeon-bottom.services.about {
width: 100%;
max-height: 0;
}
.accordeon-paragraph.services.second.tab, .accordeon-paragraph.services.second.marketing {
width: 100%;
}
.accordeon-paragraph.services.green {
padding-bottom: 30px;
font-size: 18px;
}
.accordeon-paragraph.services.green.long {
padding-bottom: 0;
}
.div-3-7 {
grid-column-gap: 15px;
grid-row-gap: 15px;
margin-top: 0;
}
.div-3-10 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.partners {
max-width: 100px;
max-height: 40px;
}
.div-2-11.numbers-animation {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.number-wrapper.border-left {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-style: solid none none;
border-width: 1px;
border-color: var(--light-blue) black black;
padding-left: 0;
}
.statistic-description {
font-size: 14px;
}
.centered-title {
font-size: 45px;
}
.centered-title.small {
font-size: 45px;
line-height: 45px;
}
.drop-down-menu.solutions, .drop-down-menu.about {
display: none;
}
.form-block {
margin-top: 85px;
}
.text-field.max-350 {
width: 90%;
}
.footer-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
}
.footer-column {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: row;
width: 100%;
}
.footer-column.bottom.no-gap.last {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: center;
align-items: center;
}
.footer-column.bottom.socials {
justify-content: space-between;
}
.footer-column.vertical {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
}
.inner-column.new {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.logo-white, .logo-white.w--current {
height: 50px;
}
.fotter-sub-item._50.center {
text-align: center;
}
.service-number {
width: 45px;
font-size: 25px;
}
.service-number.jobs {
font-size: 26px;
}
.service-number.minus-line {
font-size: 34px;
}
.small-title, .small-title.center.big {
font-size: 45px;
}
.small-title.center.big.full {
font-size: 56px;
}
.small-title.center.big.full.fit {
font-size: 45px;
}
.small-title.center.scrolly-title {
font-size: 50px;
}
.small-title.center.smallest {
font-size: 32px;
}
.what-we-do-wrapper.impcat-card {
border-radius: 40px;
flex-flow: column;
}
.what-we-do-wrapper.new {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-radius: 36px;
width: 90vw;
min-width: 90vw;
padding-top: 40px;
padding-bottom: 40px;
}
.points-wrapper.dark.new {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.point-row.top.no-top {
padding-top: 0;
}
.point-indicator.no-top.new {
width: 16px;
height: 16px;
}
.paragraph.paragraph-big.vertion-two.intro {
font-size: 35px;
}
.paragraph.paragraph-big.vertion-two.mob-small {
font-size: 16px;
}
.accodeon-title, .accodeon-title.longer._80 {
width: 70%;
}
.numbers-wrapper {
padding-top: 120px;
}
.number-title {
font-size: 45px;
}
.number-descriotion {
font-size: 18px;
}
.pay-model {
padding-top: 120px;
padding-bottom: 0;
}
.pay-model.white {
padding-top: 80px;
padding-bottom: 80px;
}
.pay-model-title.center.white.new, .pay-model-title.center.new {
font-size: 45px;
}
.shortcut {
font-size: 18px;
}
.full-word {
font-size: 30px;
}
.tab-bottom-wrapper {
min-height: 155px;
padding-top: 20px;
padding-bottom: 20px;
}
.tab-top-wrapper.jobs {
flex-flow: column;
}
.tab-content.second {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: none;
}
.tab-content.first.active {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
}
.tab-content.third, .tab-content.fourth, .tab-content.fifth, .tab-content.sixth, .tab-content.seventh {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: none;
}
.wrapper-div.what-we-do-row {
padding-top: 40px;
}
.flex.center {
padding-left: 20px;
padding-right: 20px;
}
.flex.center.scrolly-container {
padding: 40px 20px;
}
.flex.middle.full {
height: auto;
}
.flex.middle.full._01 {
height: auto;
min-height: auto;
max-height: none;
}
.logo-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.logo-tec {
max-width: 120px;
}
.h1 {
font-size: 45px;
}
.h1.big-one {
font-size: 56px;
}
.input-wrapper {
width: 100%;
}
.full-img {
object-fit: cover;
border-radius: 40px;
order: 0;
height: 350px;
}
.member-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
padding: 20px 0;
}
.member-profile {
width: 100%;
}
.collection-list {
grid-column-gap: 0px;
border-top-width: 0;
grid-template-columns: 1fr;
}
.subtitle {
font-size: 26px;
}
.animated-cards-wrapper.terms {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.animated-cards-wrapper.terms.other-vertion {
margin-top: 0;
}
.animated-cards-wrapper.mobile {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.animated-card {
border-radius: 20px;
padding-left: 10px;
padding-right: 10px;
}
.animated-card.left.terms {
padding: 20px;
}
.animated-card.left.terms.sign {
padding: 30px;
}
.animated-card.left.translate-mob {
transform: none;
}
.animated-card.right {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.animated-card.right.terms {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.animated-card.right.translate-mob {
transform: none;
}
.animated-card.terms {
padding: 20px;
}
.animated-card.terms.sign {
padding: 30px;
}
.animated-card.terms.transparent.center {
border-radius: 30px;
padding: 20px;
}
.animated-cards.custom {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.animated-cards.custom.terms {
margin-top: 0;
}
.animated-cards.custom.mobile {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.card-title {
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
}
.card-title.blue.bigger {
font-size: 22px;
}
.card-text {
margin-bottom: 0;
font-size: 16px;
}
.blocks {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.blocks-row {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
}
.blocks-row.reverse {
flex-flow: column-reverse;
}
.image-5 {
min-height: 250px;
}
.block-title-wrapper, .block-title-wrapper.left, .div-content-wrapper {
width: 100%;
}
.splitted-box {
padding: 40px 20px;
}
.hashtag-title {
font-size: 35px;
}
.socials {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.fs-consent_component {
display: block;
}
.fs-consent_banner_buttons {
text-align: center;
flex-flow: column;
align-items: stretch;
}
.fs-consent_prefs_submit.button {
padding: 10px 32px;
}
.fs-consent_prefs_buttons {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.fs-consent_prefs_popup {
padding: 20px;
}
.fs-consent_prefs_header {
padding-top: 20px;
}
.fs-consent_prefs_heading {
font-size: 1rem;
}
.fs-consent_prefs_close {
top: 20px;
right: 20px;
}
.fs-consent_prefs_form-block {
border-radius: 40px;
}
.fs-consent_prefs_wrapper {
padding: 20px;
}
.fs-consent_prefs {
display: none;
}
.fs-consent_prefs_form {
max-width: none;
max-height: 85vh;
}
.fs-consent_open-prefs {
left: auto;
right: 10px;
}
.fs-consent_open-prefs_wrapper.button {
padding: .5rem;
}
.job-second-row {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
}
.vacancie-details.hide {
display: none;
}
.filters-wrapper.pop-up {
width: 100%;
}
.filters-wrapper.top {
padding-left: 10px;
padding-right: 10px;
}
.pop-up-filters.vertical {
width: 100%;
}
.job-search {
margin-left: 10px;
font-size: 12px;
}
.search {
display: none;
}
.filters-box {
border-left-style: none;
width: 100%;
padding-left: 10px;
}
.filters-collection-list {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.radio-label {
padding-left: 0;
font-size: 16px;
line-height: 18px;
}
._10-col {
width: 100%;
}
.animated-bg {
position: absolute;
}
.stepping-cards-wrapper {
flex-flow: column;
display: flex;
}
.animated-video-section {
padding-left: 20px;
padding-right: 20px;
}
.video-2 {
max-height: 70vh;
}
.heading3-2 {
font-size: 34px;
}
.heading3-2.white.accordeon {
font-size: 26px;
}
.header-links-2 {
font-size: 12px;
line-height: 12px;
}
.button-2 {
padding-top: 13px;
padding-bottom: 13px;
}
.video-overlay-top {
width: 100%;
height: 15vh;
margin-left: 0%;
}
.video-overlay-top.bottom {
width: 100%;
height: 10vh;
}
.sticky-left {
grid-column-gap: 30px;
grid-row-gap: 30px;
overflow: visible;
}
.sticky-right {
display: none;
}
.sticky-visual {
opacity: 1;
height: 250px;
position: static;
}
.sticky-visual._01.active-lottie {
position: static;
}
.sticky-visual.mobile {
display: block;
}
.grid-2-col {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
margin-bottom: 100px;
}
.industry-card {
height: 180px;
}
.tag {
font-size: 14px;
line-height: 14px;
}
.scrolly-wrapper {
width: 80%;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
}
.scrolly-wrapper.under {
margin-top: 0;
}
.div-block-12.svg-container {
width: 100%;
}
.div-block-14.dot {
width: 35px;
height: 35px;
}
.div-block-15.text-wrapper {
display: none;
}
.div-block-15.text-wrapper.mobile {
border-radius: 66px;
width: 100%;
height: 280px;
margin-bottom: 100px;
display: flex;
top: 0%;
left: auto;
right: auto;
transform: none;
}
.paragraph-7.mobile {
font-size: 22px;
line-height: 23px;
}
.paragraph-7.mobile.smaller {
font-size: 18px;
line-height: 20px;
}
.div-block-18.stacked-cards {
width: 80%;
margin-left: auto;
margin-right: auto;
position: relative;
inset: auto 0% 0%;
transform: translate(150%);
}
.paragraph-8.text-under {
text-align: left;
line-height: 30px;
display: block;
position: relative;
}
.laptop-img {
margin-top: -50px;
display: none;
}
.laptop-img.mob {
display: block;
}
}
#w-node-_47881b0d-7302-8a6e-e336-05bc5259031d-92227298 {
grid-area: 1 / 3 / 2 / 10;
}
#w-node-_47881b0d-7302-8a6e-e336-05bc5259031e-92227298 {
grid-area: 1 / 3 / 2 / 11;
}
#w-node-_47881b0d-7302-8a6e-e336-05bc5259031f-92227298 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a44a00d8-e484-4070-22c9-689ae524bc9a-92227298, #w-node-d96be530-fc8d-068e-7649-81d5c1e89a2a-92227298 {
grid-area: 1 / 4 / 2 / 10;
}
#w-node-d96be530-fc8d-068e-7649-81d5c1e89a36-92227298 {
grid-area: 3 / 4 / 4 / 5;
}
#w-node-df6845f7-15cf-66d7-4c62-a5c229e57984-92227298 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-fbeea176-5504-c753-d0eb-6045d89cd173-92227298 {
grid-area: 4 / 2 / 5 / 3;
}
#w-node-ca8fac63-3eb7-49bc-7c70-be3045b06c55-92227298 {
grid-area: 4 / 3 / 5 / 4;
}
#w-node-b896ac82-2f58-c452-50a7-7337a8988973-92227298 {
grid-area: 4 / 4 / 5 / 5;
}
#w-node-c4db7cc6-39ec-5e55-1aa2-86c1660ef7de-92227298 {
grid-area: 1 / 2 / 2 / 8;
}
#w-node-c36d1eff-3d10-e737-fe44-b66548890c3c-92227298 {
grid-area: 1 / 7 / 2 / 12;
}
#w-node-fcbee40c-c8a3-d28e-eae8-0c0da3808b74-92227298 {
grid-area: 1 / 2 / 2 / 13;
align-self: start;
}
#w-node-_1f8cfbc5-2d48-efae-98d4-c7713adf20f9-92227298 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e9832a25-7b60-40a9-e492-1e97797149de-92227298 {
grid-area: 1 / 2 / 2 / 9;
}
#w-node-e9832a25-7b60-40a9-e492-1e97797149e2-92227298 {
grid-area: 1 / 7 / 2 / 12;
}
#w-node-e9832a25-7b60-40a9-e492-1e97797149f0-92227298 {
grid-area: 1 / 6 / 2 / 13;
}
#w-node-_61774dfe-5f37-5cf3-78ff-8c714851ace4-92227298 {
grid-area: 2 / 8 / 3 / 12;
}
#w-node-_2f0f1b44-8e59-4af3-e2a1-39d92a6d071d-92227298 {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-befab3f0-4230-2880-0968-5d00483ad06d-92227298 {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-befab3f0-4230-2880-0968-5d00483ad06e-92227298 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-befab3f0-4230-2880-0968-5d00483ad074-92227298 {
grid-area: 2 / 3 / 3 / 8;
}
#w-node-befab3f0-4230-2880-0968-5d00483ad07b-92227298 {
grid-area: 1 / 3 / 2 / 11;
}
#w-node-befab3f0-4230-2880-0968-5d00483ad07c-92227298, #w-node-befab3f0-4230-2880-0968-5d00483ad07d-92227298, #w-node-befab3f0-4230-2880-0968-5d00483ad07e-92227298 {
justify-self: center;
}
#w-node-befab3f0-4230-2880-0968-5d00483ad07f-92227298, #w-node-befab3f0-4230-2880-0968-5d00483ad080-92227298, #w-node-befab3f0-4230-2880-0968-5d00483ad081-92227298 {
place-self: center;
}
#w-node-befab3f0-4230-2880-0968-5d00483ad082-92227298 {
grid-area: 3 / 1 / 4 / 3;
place-self: center;
}
#w-node-befab3f0-4230-2880-0968-5d00483ad083-92227298 {
grid-area: 3 / 2 / 4 / 4;
place-self: center;
}
#w-node-da8db2e5-8960-83b4-1696-4f22e055d99c-92227298 {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-da8db2e5-8960-83b4-1696-4f22e055d99d-92227298 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-da8db2e5-8960-83b4-1696-4f22e055d9a3-92227298 {
grid-area: 2 / 3 / 3 / 9;
}
#w-node-_402a49ff-beea-06d9-5564-30f7d56057b6-92227298 {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-_17db498c-5a7f-0ce1-6a18-294ecb569f18-92227298 {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-_17db498c-5a7f-0ce1-6a18-294ecb569f19-92227298 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_17db498c-5a7f-0ce1-6a18-294ecb569f1f-92227298 {
grid-area: 2 / 8 / 3 / 12;
}
#w-node-ed526e58-32ee-ad01-34c3-5cec140d8942-140d893f {
grid-area: 1 / 1 / 2 / 8;
}
#w-node-ed526e58-32ee-ad01-34c3-5cec140d8943-140d893f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_34c58f49-7050-b368-6b10-d06f14bd8889-140d893f {
grid-area: 1 / 8 / 2 / 13;
}
#w-node-ed526e58-32ee-ad01-34c3-5cec140d8949-140d893f {
grid-area: 2 / 8 / 3 / 13;
}
#w-node-eb078f7e-9851-8e4c-ffa1-00fa13098e97-13098e95 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_673039de-7994-3465-658d-ce33de5a4fbc-13098e95, #w-node-eb078f7e-9851-8e4c-ffa1-00fa13098ec9-13098e95 {
justify-self: start;
}
#w-node-_66fa98e4-1e10-7de3-df5a-8ff3e8630e57-5b48eb41 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_66fa98e4-1e10-7de3-df5a-8ff3e8630e76-5b48eb41, #w-node-_66fa98e4-1e10-7de3-df5a-8ff3e8630e89-5b48eb41 {
justify-self: start;
}
#w-node-dc046884-b19f-3a76-c296-f3644d2e4afe-5b48eb41 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-dc046884-b19f-3a76-c296-f3644d2e4b1d-5b48eb41, #w-node-dc046884-b19f-3a76-c296-f3644d2e4b30-5b48eb41 {
justify-self: start;
}
#w-node-_6cb47b7f-13ec-92ab-d7f4-3893df678ce0-5b48eb41 {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-_816b4826-7d46-5bc2-948b-d88096589500-5b48eb41 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6cb47b7f-13ec-92ab-d7f4-3893df678ce7-5b48eb41 {
grid-area: 2 / 7 / 3 / 13;
}
#w-node-_8d810790-703c-4a2b-b368-e90346600657-5b48eb41 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_8d810790-703c-4a2b-b368-e90346600676-5b48eb41, #w-node-_8d810790-703c-4a2b-b368-e90346600689-5b48eb41 {
justify-self: start;
}
#w-node-_919ba69b-e0cf-bd4d-4270-adbb83acf58b-5b48eb41 {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-_919ba69b-e0cf-bd4d-4270-adbb83acf58c-5b48eb41 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_919ba69b-e0cf-bd4d-4270-adbb83acf592-5b48eb41 {
grid-area: 2 / 7 / 3 / 13;
}
#w-node-a642cb47-6be1-8141-0e98-061a7f4bb31a-7f4bb317 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-a642cb47-6be1-8141-0e98-061a7f4bb343-7f4bb317, #w-node-a642cb47-6be1-8141-0e98-061a7f4bb35a-7f4bb317 {
justify-self: start;
}
#w-node-d9f54b48-9b65-7bc3-36df-44a38958b2e3-cc17c10c {
grid-area: 1 / 1 / 2 / 13;
justify-self: center;
}
#w-node-d9f54b48-9b65-7bc3-36df-44a38958b2e4-cc17c10c {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-e5c29345-c344-7368-66cf-72db70ae9cac-cc17c10c {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-e5c29345-c344-7368-66cf-72db70ae9ccb-cc17c10c {
grid-area: 1 / 2 / 2 / 12;
justify-self: auto;
}
#w-node-e5c29345-c344-7368-66cf-72db70ae9ccc-cc17c10c {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-c4cbaac5-7e62-eec3-01da-abb6b19ce39c-cc17c10c {
order: 0;
grid-area: 1 / 2 / 2 / 12;
}
#w-node-_4e5179d5-5167-2093-ffb8-57401fd3b75c-cc17c10c {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-_4e5179d5-5167-2093-ffb8-57401fd3b75d-cc17c10c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4e5179d5-5167-2093-ffb8-57401fd3b777-cc17c10c {
grid-area: 1 / 3 / 2 / 8;
}
#w-node-_4e5179d5-5167-2093-ffb8-57401fd3b77f-cc17c10c {
order: 0;
grid-area: 1 / 3 / 2 / 11;
}
#w-node-_727996f6-1a6a-dda5-9eb5-47315f5c1ca6-cc17c10c {
grid-area: 1 / 3 / 2 / 11;
}
#w-node-_727996f6-1a6a-dda5-9eb5-47315f5c1ca7-cc17c10c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cccaa071-9deb-bd8c-f6f5-b6c02b3b3dcb-cc17c10c {
grid-area: 1 / 7 / 2 / 11;
}
#w-node-_8d5e52f3-982a-1618-8fd0-d0e11dc70502-cc17c10c {
order: 0;
grid-area: 1 / 3 / 2 / 11;
}
#w-node-_389ec971-8bb4-6927-708f-72ccbf83f91a-cc17c10c {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-_389ec971-8bb4-6927-708f-72ccbf83f91b-cc17c10c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_389ec971-8bb4-6927-708f-72ccbf83f922-cc17c10c {
grid-area: 1 / 4 / 2 / 10;
}
#w-node-_6502db8d-1def-5051-c84c-44ead5e9e5cd-d5e9e5ca {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-_6502db8d-1def-5051-c84c-44ead5e9e5ce-d5e9e5ca {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6502db8d-1def-5051-c84c-44ead5e9e5d4-d5e9e5ca {
grid-area: 2 / 7 / 3 / 13;
}
#w-node-_53be2eae-0f62-016a-be1b-1c68b669dc58-b669dc56 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_53be2eae-0f62-016a-be1b-1c68b669dc77-b669dc56, #w-node-_6db68aa2-ecb8-4d34-78f8-50de08b2c419-b669dc56 {
justify-self: start;
}
#w-node-_3f672085-edad-99d8-a195-561b07a96265-888496cc {
grid-area: 1 / 1 / 2 / 8;
}
#w-node-_3f672085-edad-99d8-a195-561b07a96266-888496cc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3f672085-edad-99d8-a195-561b07a9626c-888496cc {
grid-area: 1 / 8 / 2 / 13;
}
#w-node-_3f672085-edad-99d8-a195-561b07a9626e-888496cc {
grid-area: 2 / 8 / 3 / 13;
}
#w-node-_712f0041-d4d1-9d63-5ec0-9bbfc779deba-7d874a32 {
grid-area: 1 / 3 / 2 / 10;
}
#w-node-_712f0041-d4d1-9d63-5ec0-9bbfc779debb-7d874a32 {
grid-area: 1 / 3 / 2 / 11;
}
#w-node-_712f0041-d4d1-9d63-5ec0-9bbfc779debc-7d874a32 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_73bd7446-9309-cfb6-64d8-d6b2c6294416-c6294413 {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-_8213717a-5def-2e14-ebc1-9253c4ce60cc-c6294413 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_73bd7446-9309-cfb6-64d8-d6b2c629441c-c6294413 {
grid-area: 2 / 7 / 3 / 13;
}
#w-node-_50bb5d48-eed3-5047-9b96-67cc5c8ef797-f36d73fb {
grid-area: 1 / 7 / 2 / 12;
}
#w-node-_7b07f306-0362-0537-f6e6-b6c15b9f00c3-f36d73fb {
order: 0;
grid-area: 1 / 1 / 2 / 12;
}
#w-node-f448613f-c972-3b95-8844-7bfefb62b19f-f36d73fb {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-f448613f-c972-3b95-8844-7bfefb62b1a0-f36d73fb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c97709e1-80af-8e9d-d6d5-876b15846af7-f36d73fb {
grid-area: 1 / 7 / 2 / 12;
}
#w-node-_9e2827c9-384c-11fe-1b01-8762c82511b7-f36d73fb {
order: 0;
grid-area: 1 / 2 / 2 / 12;
}
#w-node-_277b2897-c733-4dbe-72e7-bf1d06f309e1-3e80d4de {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-_277b2897-c733-4dbe-72e7-bf1d06f309e2-3e80d4de {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_277b2897-c733-4dbe-72e7-bf1d06f309e8-3e80d4de {
grid-area: 2 / 7 / 3 / 11;
}
#w-node-_7b0201ac-3ed1-8b98-d022-adace1ae1272-3e80d4de {
grid-area: 1 / 3 / 2 / 11;
justify-self: auto;
}
#w-node-_53637be7-37dd-b0ad-70ea-7af19d1fee00-3e80d4de {
grid-area: 1 / 7 / 2 / 12;
justify-self: auto;
}
#w-node-_53637be7-37dd-b0ad-70ea-7af19d1fee0c-3e80d4de {
grid-area: 1 / 2 / 2 / 6;
place-self: center;
}
#w-node-_3bda0b96-7834-7d79-5c32-6d0065f75f9a-3e80d4de {
grid-area: 1 / 2 / 2 / 7;
align-self: auto;
}
#w-node-e5aaf7e3-7f99-ed1f-c86c-ab6629ed68d2-3e80d4de {
grid-area: 1 / 8 / 2 / 12;
place-self: auto;
}
#w-node-f72ae135-df2c-1862-18c5-38a38e319eef-3e80d4de {
grid-area: 1 / 2 / 2 / 12;
justify-self: auto;
}
#w-node-_3f84b5e0-2b35-cebc-0edd-10badff50a6f-3e80d4de {
grid-area: 2 / 3 / 3 / 11;
justify-self: auto;
}
#w-node-_73a4bafc-f271-d934-38b9-667e9c575fbf-3e80d4de {
grid-area: 1 / 1 / 2 / 13;
justify-self: auto;
}
#w-node-d50a7f59-79ac-766c-8eb6-f59d5303d5e5-3e80d4de {
grid-area: 1 / 1 / 2 / 13;
}
#w-node-b80f8d19-618f-d7cc-5606-c7ba19607357-3e80d4de {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-_4fc9924e-d0e7-c998-0cd3-c68aafab4682-3e80d4de {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_4fc9924e-d0e7-c998-0cd3-c68aafab4683-3e80d4de {
grid-area: 1 / 3 / 2 / 12;
}
#w-node-_4fc9924e-d0e7-c998-0cd3-c68aafab468d-3e80d4de {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_4fc9924e-d0e7-c998-0cd3-c68aafab468e-3e80d4de {
grid-area: 1 / 3 / 2 / 12;
}
#w-node-_22b57132-041b-4919-aee3-2b344a47eacb-3e80d4de {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_22b57132-041b-4919-aee3-2b344a47eacc-3e80d4de {
grid-area: 1 / 3 / 2 / 12;
}
#w-node-_43567230-c7d6-df14-9cca-442261e44269-3e80d4de, #w-node-_43567230-c7d6-df14-9cca-442261e4426f-3e80d4de {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-_6e744945-99e1-c05a-85d5-5e4d793995d9-3e80d4de {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_6e744945-99e1-c05a-85d5-5e4d793995da-3e80d4de {
grid-area: 1 / 3 / 2 / 12;
}
#w-node-_7906a714-04d7-c0ed-00f6-5fa40bc9dc3e-3e80d4de {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_7906a714-04d7-c0ed-00f6-5fa40bc9dc3f-3e80d4de {
grid-area: 1 / 3 / 2 / 12;
}
#w-node-_2c45e9a4-3ace-ff13-f8b1-013178c4dd7a-3e80d4de {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_2c45e9a4-3ace-ff13-f8b1-013178c4dd7b-3e80d4de {
grid-area: 1 / 3 / 2 / 12;
}
#w-node-f3c29767-0a9f-beaf-2c9e-9329dfa83ec1-3e80d4de {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-_9a2928e7-0399-b468-1ab5-b0acc36f5949-3e80d4de {
grid-area: 1 / 4 / 2 / 10;
}
#w-node-ff77c0d1-7be2-733a-c878-9affd7f7db93-3e80d4de {
align-self: center;
}
#w-node-ff77c0d1-7be2-733a-c878-9affd7f7db95-3e80d4de {
grid-area: 1 / 1 / 2 / 6;
place-self: auto;
}
#w-node-bc4d0c23-1386-6069-f03c-8bea00a3fa94-cea7c245 {
grid-area: 1 / 2 / 2 / 12;
place-self: center;
}
#w-node-bc4d0c23-1386-6069-f03c-8bea00a3fa95-cea7c245 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bc4d0c23-1386-6069-f03c-8bea00a3fa9b-cea7c245 {
grid-area: 2 / 7 / 3 / 12;
}
#w-node-_67baa86c-f22e-fc94-2180-2fdb1ad096c2-cea7c245 {
grid-area: 1 / 3 / 2 / 11;
justify-self: auto;
}
#w-node-_9d3419b0-e549-10f3-7260-522654c8b517-cea7c245 {
grid-area: 1 / 2 / 2 / 7;
align-self: auto;
}
#w-node-_9d3419b0-e549-10f3-7260-522654c8b518-cea7c245 {
grid-area: span 1 / span 5 / span 1 / span 5;
place-self: center;
}
#w-node-_9d3419b0-e549-10f3-7260-522654c8b524-cea7c245 {
grid-area: 1 / 8 / 2 / 12;
place-self: auto;
}
#w-node-_5426041f-0ac5-fac3-0148-884d6213342f-cea7c245 {
grid-area: 1 / 1 / 2 / 12;
justify-self: end;
}
#w-node-_5426041f-0ac5-fac3-0148-884d62133430-cea7c245 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: auto;
}
#w-node-_5426041f-0ac5-fac3-0148-884d62133436-cea7c245 {
grid-area: 2 / 7 / 3 / 12;
}
#w-node-c5dd09b3-aa54-3e79-7b9e-574cca1d10ae-cea7c245 {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-c4ac3cf8-e7f5-b50e-5bf5-1d3e8118daff-cea7c245 {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-c4ac3cf8-e7f5-b50e-5bf5-1d3e8118dafe-cea7c245 {
grid-area: 2 / 2 / 3 / 9;
}
#w-node-c4ac3cf8-e7f5-b50e-5bf5-1d3e8118db13-cea7c245 {
grid-area: 1 / 6 / 2 / 12;
}
#w-node-_00e8e8ab-7d27-3bc5-2b63-7d54245a4dd7-cea7c245 {
grid-area: 1 / 4 / 2 / 10;
}
#w-node-_560c5b6d-9d74-f452-3245-611c09bc7e0a-cea7c245 {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-_560c5b6d-9d74-f452-3245-611c09bc7e0b-cea7c245 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_560c5b6d-9d74-f452-3245-611c09bc7e12-cea7c245 {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-_7f9aa7b8-30a4-3d52-6e1a-4de2856b9ba9-cea7c245 {
align-self: center;
}
#w-node-_7f9aa7b8-30a4-3d52-6e1a-4de2856b9baa-cea7c245 {
grid-area: 1 / 1 / 2 / 6;
place-self: auto;
}
#w-node-_6039111c-4111-28e3-bec6-09117ebb091f-e99fe5ca {
grid-area: 1 / 1 / 2 / 13;
place-self: center;
}
#w-node-_6039111c-4111-28e3-bec6-09117ebb0920-e99fe5ca {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6039111c-4111-28e3-bec6-09117ebb0924-e99fe5ca {
grid-area: 2 / 7 / 3 / 12;
}
#w-node-bd821fda-d03a-bd1b-d32f-3100187c281b-e99fe5ca, #w-node-cc035aaa-3ad0-6229-104e-8f0ec2f4a6c5-e99fe5ca, #w-node-_39efebf1-b0b2-128d-594e-60f941d3e349-e99fe5ca, #w-node-_5c58741e-38ad-3a20-22d3-624ed7c0f7ef-e99fe5ca {
grid-area: 1 / 2 / 2 / 12;
justify-self: auto;
}
#w-node-_2d35a47d-6e25-6e2c-6bba-131d6f41fdf2-e99fe5ca {
grid-area: 2 / 3 / 3 / 11;
}
#w-node-_5c58741e-38ad-3a20-22d3-624ed7c0f7f3-e99fe5ca {
grid-area: 1 / 1 / 2 / 13;
}
#w-node-e9dbce04-72cc-be11-05a1-fd8cc092b8c6-e99fe5ca {
grid-area: 1 / 4 / 2 / 10;
}
#w-node-_1f14cbf0-8e98-bf0e-54f1-527ce2b969b2-e99fe5ca {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-_1f14cbf0-8e98-bf0e-54f1-527ce2b969b3-e99fe5ca {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1890ae96-6c70-3d30-146c-cf5bdd89f027-e99fe5ca {
grid-area: 2 / 4 / 3 / 10;
}
#w-node-_1f14cbf0-8e98-bf0e-54f1-527ce2b969ba-e99fe5ca {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-_8e49a067-29bf-6b6a-e50a-ba16b859e789-e99fe5ca {
align-self: center;
}
#w-node-_8e49a067-29bf-6b6a-e50a-ba16b859e78a-e99fe5ca {
grid-area: 1 / 1 / 2 / 6;
place-self: auto;
}
#w-node-badaf4e2-0182-fbcf-8a4b-ef2d19948c8e-9c060a24 {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-badaf4e2-0182-fbcf-8a4b-ef2d19948c8f-9c060a24 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-badaf4e2-0182-fbcf-8a4b-ef2d19948c95-9c060a24 {
grid-area: 2 / 7 / 3 / 11;
}
#w-node-_64d83f27-fd2c-7363-178a-9676130f931c-9c060a24 {
grid-area: 1 / 3 / 2 / 11;
justify-self: auto;
}
#w-node-_554bc7d0-a436-5a6d-97c6-eb96b5929f4c-9c060a24 {
grid-area: 1 / 2 / 2 / 7;
align-self: auto;
}
#w-node-_554bc7d0-a436-5a6d-97c6-eb96b5929f4d-9c060a24 {
grid-area: span 1 / span 5 / span 1 / span 5;
place-self: center;
}
#w-node-_554bc7d0-a436-5a6d-97c6-eb96b5929f88-9c060a24 {
grid-area: 1 / 8 / 2 / 12;
place-self: auto;
}
#w-node-_50641ee8-8f6c-4f9e-52e6-20b5ec07d61a-9c060a24 {
grid-area: 1 / 1 / 2 / 13;
place-self: center;
}
#w-node-_696c6e69-ef8f-6e0a-3d51-be99c5fe1e11-9c060a24 {
grid-area: 1 / 4 / 2 / 10;
}
#w-node-_2c95ec38-6c1d-517d-92d0-671b28183f69-9c060a24 {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-_2c95ec38-6c1d-517d-92d0-671b28183f6a-9c060a24 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2c95ec38-6c1d-517d-92d0-671b28183f79-9c060a24 {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-e338c80d-c441-a1ab-1892-7eca02a8fd13-9c060a24 {
align-self: center;
}
#w-node-e338c80d-c441-a1ab-1892-7eca02a8fd14-9c060a24 {
grid-area: 1 / 1 / 2 / 6;
place-self: auto;
}
#w-node-ef2543ae-4042-f650-e1c0-850fbed0692f-5f4eba61 {
grid-area: 1 / 1 / 2 / 13;
}
#w-node-ef2543ae-4042-f650-e1c0-850fbed06930-5f4eba61 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-ef2543ae-4042-f650-e1c0-850fbed06936-5f4eba61 {
grid-area: 2 / 7 / 3 / 12;
}
#w-node-_859b01e7-392c-8f51-c8ea-177683d6cbbd-5f4eba61 {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-_8d767df1-9799-f85a-c7a8-c9ab5059dd5c-5f4eba61 {
grid-area: 1 / 2 / 2 / 10;
}
#w-node-_8d767df1-9799-f85a-c7a8-c9ab5059dd5d-5f4eba61 {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_859b01e7-392c-8f51-c8ea-177683d6cbc8-5f4eba61 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_859b01e7-392c-8f51-c8ea-177683d6cbc9-5f4eba61 {
grid-area: 1 / 3 / 2 / 10;
}
#w-node-_859b01e7-392c-8f51-c8ea-177683d6cbd8-5f4eba61 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_859b01e7-392c-8f51-c8ea-177683d6cbd9-5f4eba61 {
grid-area: 1 / 3 / 2 / 10;
}
#w-node-d62ec87a-46bd-e707-0dc9-9b3b872dc5c1-5f4eba61 {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-d62ec87a-46bd-e707-0dc9-9b3b872dc5c2-5f4eba61 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2e8418bb-d3cb-7fe6-1006-56f7788299c4-5f4eba61 {
order: 0;
grid-area: 1 / 3 / 2 / 11;
}
#w-node-_846458f1-1829-2914-95c4-96b36c7af2d3-5f4eba61 {
grid-area: 1 / 2 / 2 / 8;
}
#w-node-fd1c7f60-368a-3588-1b15-569c36ea9bf3-5f4eba61 {
grid-area: 1 / 2 / 2 / 7;
}
#w-node-_846458f1-1829-2914-95c4-96b36c7af2d7-5f4eba61 {
grid-area: 1 / 7 / 2 / 12;
}
#w-node-b24ad566-06ab-1f58-4a60-2ed80db1432b-5f4eba61, #w-node-_5e44dc83-5d20-92db-0950-d82b8c3e0b3a-5f4eba61 {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-_0728af48-07af-87f3-652d-e1818e766467-5f4eba61 {
grid-area: 1 / 1 / 2 / 13;
}
#w-node-_9ae8b267-f088-5902-a9ed-553505560098-5f4eba61 {
grid-area: 1 / 3 / 2 / 11;
}
#w-node-_4877676b-a2fe-fc29-ac28-be3417123733-17123731 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_4877676b-a2fe-fc29-ac28-be3417123752-17123731, #w-node-_5ba1eb21-4f57-7859-eab6-186c1879e177-17123731 {
justify-self: start;
}
#w-node-c91a8fd6-d583-e95e-a996-1346c80854d5-21e2c724 {
grid-area: 1 / 2 / 2 / 12;
justify-self: center;
}
#w-node-c91a8fd6-d583-e95e-a996-1346c80854d6-21e2c724 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6683a271-b04e-e1e8-79ae-2db2f55b069f-21e2c724 {
grid-area: 1 / 2 / 2 / 9;
}
#w-node-_499dd97a-238a-1291-30af-03e36d7b5540-21e2c724 {
grid-area: 1 / 9 / 2 / 12;
}
#w-node-ebd0c781-a56c-56ab-fc60-74986fe02d44-21e2c724 {
grid-area: 1 / 2 / 2 / 9;
justify-self: end;
}
#w-node-_5c28f689-677a-ca51-ac63-d5a4c7d4fc7b-21e2c724 {
grid-area: 1 / 5 / 2 / 13;
}
#w-node-_5c28f689-677a-ca51-ac63-d5a4c7d4fc7c-21e2c724 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_3f8a6a89-4fe7-b5f7-5761-b24964276da7-21e2c724 {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-_0da3ea37-3010-f2e3-9150-d907326629da-21e2c724 {
justify-self: auto;
}
#w-node-_1fd3d4fd-a27c-2042-8536-ab1138f2e49d-21e2c724, #w-node-f487b231-0e90-8e6f-e93f-30267dab40c2-21e2c724 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-_3b145178-9609-45af-c001-e21c7638f2cf-21e2c724, #w-node-_7c8a513b-b82c-0c34-da02-92c58fef183e-21e2c724 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_7c8a513b-b82c-0c34-da02-92c58fef183a-21e2c724, #w-node-_80e34c3f-726b-f5a3-c906-e5feca076e29-21e2c724 {
justify-self: auto;
}
#w-node-fb508b3d-a501-144c-2490-f3fa5f75cfae-21e2c724, #w-node-_80e34c3f-726b-f5a3-c906-e5feca076e2d-21e2c724 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-c57049ef-4607-c94b-f42a-791f58893440-21e2c724, #w-node-_0418ea26-2fc2-838f-b42f-8c9de31af793-21e2c724 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_0418ea26-2fc2-838f-b42f-8c9de31af794-21e2c724, #w-node-_8a8a5717-7564-e5b5-14c3-80f28ed5b2d8-21e2c724 {
justify-self: auto;
}
#w-node-_8c9b2c2b-cead-1891-6945-2bcffff3683e-21e2c724 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_8a8a5717-7564-e5b5-14c3-80f28ed5b2dc-21e2c724 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-_6457a11f-fd76-9f36-9ff7-0b30a67fde6b-21e2c724 {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-_6457a11f-fd76-9f36-9ff7-0b30a67fde6c-21e2c724 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_022fd0e3-eccb-e863-d070-db1a8849bd44-21e2c724 {
grid-area: 1 / 4 / 2 / 10;
}
#w-node-dc8ed647-f93d-bdc8-d6e0-f1e5dc662c3f-21e2c724 {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-dc8ed647-f93d-bdc8-d6e0-f1e5dc662c40-21e2c724 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dc8ed647-f93d-bdc8-d6e0-f1e5dc662c47-21e2c724 {
grid-area: 1 / 3 / 2 / 8;
}
#w-node-dc8ed647-f93d-bdc8-d6e0-f1e5dc662c50-21e2c724 {
order: 0;
grid-area: 1 / 3 / 2 / 11;
}
#w-node-_6a7ac383-3e50-5e75-9e7f-5a0f3c9d3314-21e2c724 {
grid-area: 1 / 3 / 2 / 11;
}
#w-node-ba6f176e-7ae5-8c36-11cb-2c45181da474-21e2c724 {
grid-area: 1 / 4 / 2 / 12;
justify-self: end;
}
#w-node-ba6f176e-7ae5-8c36-11cb-2c45181da475-21e2c724 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_2124e379-a1c5-4d63-94a8-b6032d689ab2-21e2c724 {
order: 0;
grid-area: 1 / 2 / 2 / 12;
}
#w-node-_98c8d817-7025-ced0-62e6-991537c5aa3d-e02779f3 {
grid-area: 1 / 3 / 2 / 11;
justify-self: center;
}
#w-node-_98c8d817-7025-ced0-62e6-991537c5aa3e-e02779f3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_904f02cb-5998-3e53-05c2-2150843b0f12-e02779f3 {
grid-area: 1 / 3 / 2 / 11;
}
#w-node-_3db09f12-2903-9516-412c-30b3239a7d71-e02779f3 {
grid-area: 1 / 3 / 2 / 11;
justify-self: end;
}
#w-node-_99c2211b-a3bb-5254-32c4-2b1c3ca6f7e9-e02779f3 {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-_99c2211b-a3bb-5254-32c4-2b1c3ca6f7f9-e02779f3 {
grid-area: 1 / 3 / 2 / 11;
}
#w-node-c046c0af-ed89-191a-9fc9-81489a5d8622-e02779f3 {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-c046c0af-ed89-191a-9fc9-81489a5d8623-e02779f3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c046c0af-ed89-191a-9fc9-81489a5d862a-e02779f3 {
grid-area: 1 / 7 / 2 / 12;
}
#w-node-c046c0af-ed89-191a-9fc9-81489a5d8633-e02779f3 {
order: 0;
grid-area: 1 / 2 / 2 / 12;
}
#w-node-_4d7ff49c-f5f3-c688-c2f4-5121bddd720b-2fc3535c {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-_4d7ff49c-f5f3-c688-c2f4-5121bddd720c-2fc3535c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_777a9615-94b5-5a25-af91-66bf4812a48e-2fc3535c {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-a3952c6d-3925-8dc7-81ab-8d44b39a6df5-2fc3535c {
grid-area: 1 / 1 / 2 / 13;
}
#w-node-_0bffcfc4-c964-3c73-2952-baf324c71a64-cc4d1270 {
grid-area: 1 / 3 / 2 / 11;
justify-self: center;
}
#w-node-_57ca9b4f-1939-bc40-3dab-e024b608a579-cc4d1270 {
grid-area: 1 / 3 / 2 / 11;
}
#w-node-_1d0f8bef-a010-fb80-c7d5-aa57fe11b201-cc4d1270 {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-_1d0f8bef-a010-fb80-c7d5-aa57fe11b202-cc4d1270 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_46a76492-5de9-60e5-165a-e226f9796de2-cc4d1270 {
order: 0;
grid-area: 1 / 2 / 2 / 12;
}
#w-node-da1635d4-6597-1cbd-bc90-743258d3a41d-cc4d1270 {
grid-area: 1 / 3 / 2 / 11;
}
#w-node-_9a44475b-7e4c-bceb-ab69-88d37c87ebe6-cc4d1270 {
grid-area: 1 / 4 / 2 / 10;
}
#w-node-_7c876085-2be0-1287-2683-05db883feb55-542eab1d {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-_7c876085-2be0-1287-2683-05db883feb56-542eab1d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bfd9079a-df61-0e4b-339f-a8b13a67606b-542eab1d, #w-node-_7a090ea5-df0a-86b0-e560-bbeb782b38ab-542eab1d, #w-node-d809e438-daca-b2ad-8d9d-80e14cbfcd9f-542eab1d {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-_5f2e5129-9023-04f0-d313-2a1b4f2bf403-997598d6 {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-_5f2e5129-9023-04f0-d313-2a1b4f2bf404-997598d6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5f2e5129-9023-04f0-d313-2a1b4f2bf40a-997598d6 {
grid-area: 2 / 7 / 3 / 12;
}
#w-node-_5461e82b-620e-9540-d776-a8b9fba4ccca-997598d6 {
grid-area: 1 / 4 / 2 / 12;
justify-self: auto;
}
#w-node-_5461e82b-620e-9540-d776-a8b9fba4cccb-997598d6 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_5461e82b-620e-9540-d776-a8b9fba4ccd2-997598d6 {
grid-area: 1 / 7 / 2 / 12;
}
#w-node-_5d7e176d-00c2-1500-e5ab-fa5418c0f0a1-997598d6 {
grid-area: 1 / 2 / 2 / 13;
align-self: start;
}
#w-node-_5d7e176d-00c2-1500-e5ab-fa5418c0f0a2-997598d6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d9f011c3-d9cf-4276-fded-853995f4edd1-d7a15071 {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-d9f011c3-d9cf-4276-fded-853995f4edd2-d7a15071 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d9f011c3-d9cf-4276-fded-853995f4edd8-d7a15071 {
grid-area: 2 / 7 / 3 / 12;
}
#w-node-_30da599c-c905-ae09-1bc9-83fd6a6c187e-d7a15071 {
grid-area: 1 / 3 / 2 / 11;
}
#w-node-_57bcb9f4-5461-7410-43e5-62f14282007c-d7a15071 {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-e9ac83d5-ad6c-ab1b-bb2c-8ed1b7e14847-d7a15071 {
grid-area: 1 / 1 / 2 / 12;
justify-self: end;
}
#w-node-e9ac83d5-ad6c-ab1b-bb2c-8ed1b7e14848-d7a15071 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-d11432d7-9497-cfbf-90a0-3d2895416799-d7a15071 {
grid-area: 1 / 7 / 2 / 12;
}
#w-node-_2ef27ca9-56c4-7bbc-3b71-d7669d8f2954-d7a15071 {
grid-area: 1 / 3 / 2 / 11;
}
#w-node-_2ef27ca9-56c4-7bbc-3b71-d7669d8f2955-d7a15071 {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-fd1537eb-0ac8-9d45-a554-88dd39389347-d7a15071 {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-fd1537eb-0ac8-9d45-a554-88dd39389348-d7a15071 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fd1537eb-0ac8-9d45-a554-88dd3938934e-d7a15071 {
grid-area: 2 / 2 / 3 / 7;
}
#w-node-_333ca57a-3f12-afb3-9a61-35f2ad17c822-d7a15071 {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-_25418da8-0518-cf04-ec64-50ec12426425-d7a15071 {
grid-area: 1 / 1 / 3 / 3;
}
#w-node-c0a288fd-a903-19d9-11a7-c4e83fd53b24-d7a15071 {
grid-area: 2 / 3 / 4 / 5;
}
#w-node-d99ae748-2e90-1169-abe2-fc3a77cbb044-d7a15071 {
grid-area: 3 / 5 / 5 / 7;
}
#w-node-_2d686807-386e-e657-39be-9aca48cafe30-d7a15071 {
grid-area: 4 / 7 / 6 / 9;
}
#w-node-a90592c9-d85a-0959-d40f-08ec60749957-d7a15071 {
grid-area: 1 / 1 / 2 / 8;
}
#w-node-a90592c9-d85a-0959-d40f-08ec60749958-d7a15071 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a90592c9-d85a-0959-d40f-08ec6074995e-d7a15071 {
grid-area: 1 / 8 / 2 / 13;
}
#w-node-a90592c9-d85a-0959-d40f-08ec60749960-d7a15071 {
grid-area: 2 / 8 / 3 / 13;
}
#w-node-a5c7e5b8-8450-7736-2a2c-5be9d5499fb1-48bfc7dc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_495a8584-0a13-a449-9b5d-7dc13db8eab7-48bfc7dc {
grid-area: 1 / 1 / 2 / 13;
}
#w-node-_9db1d290-37c9-f7b8-c2c0-35697a072eb5-d47ce0a8 {
grid-area: 1 / 1 / 2 / 8;
}
#w-node-_9db1d290-37c9-f7b8-c2c0-35697a072eb6-d47ce0a8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9db1d290-37c9-f7b8-c2c0-35697a072ebe-d47ce0a8 {
grid-area: 2 / 8 / 3 / 13;
}
#w-node-_15e21edf-dffe-8fe8-d33e-abbfb2c0a72c-e607a897 {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-d4cb9066-f1c0-7c18-bcd2-2d9def9f31b6-e607a897 {
order: 0;
grid-area: 1 / 1 / 2 / 11;
justify-self: auto;
}
#w-node-_7b405e3d-91ff-cdaa-662a-72de66ffbdf6-e607a897 {
grid-area: 2 / 2 / 3 / 6;
}
#w-node-_15e21edf-dffe-8fe8-d33e-abbfb2c0a733-e607a897 {
grid-area: 2 / 7 / 3 / 12;
}
#w-node-ebbcaf86-cdb9-138d-e7f7-aaa065e86428-e607a897 {
grid-area: 1 / 3 / 2 / 11;
}
#w-node-ebbcaf86-cdb9-138d-e7f7-aaa065e86429-e607a897 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f8d65462-5077-f5ff-278f-1ebe7e9800cf-e607a897, #w-node-_3311fb52-7e69-54e3-fb03-d1f4b51dd172-e607a897 {
grid-area: 1 / 4 / 2 / 10;
}
#w-node-_659dbc77-89b2-61d0-2425-8259a6613af2-097e4b46 {
grid-area: 1 / 2 / 2 / 12;
justify-self: center;
}
#w-node-_659dbc77-89b2-61d0-2425-8259a6613af3-097e4b46 {
order: 0;
grid-area: 1 / 1 / 2 / 11;
justify-self: center;
}
#w-node-_659dbc77-89b2-61d0-2425-8259a6613af5-097e4b46 {
grid-area: 2 / 4 / 3 / 5;
justify-self: end;
}
#w-node-_659dbc77-89b2-61d0-2425-8259a6613af7-097e4b46 {
grid-area: 3 / 5 / 4 / 12;
}
#w-node-_659dbc77-89b2-61d0-2425-8259a6613b31-097e4b46 {
grid-area: 1 / 4 / 2 / 10;
}
#w-node-d5d71b9d-febf-1fee-370a-fa9be5835cd2-878ee15e {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-d5d71b9d-febf-1fee-370a-fa9be5835cd3-878ee15e {
order: 0;
grid-area: 1 / 1 / 2 / 11;
justify-self: auto;
}
#w-node-d5d71b9d-febf-1fee-370a-fa9be5835cd5-878ee15e {
grid-area: 2 / 4 / 3 / 5;
justify-self: end;
}
#w-node-_476fc0fe-7309-3e2b-afd6-139f07d1c9f1-878ee15e {
grid-area: 3 / 5 / 4 / 12;
}
#w-node-f1744042-09ce-7c87-b08e-b9924f6f3cdb-878ee15e {
grid-area: 1 / 4 / 2 / 10;
}
#w-node-_39e3513d-fd12-3d65-4e38-531b5b9da0df-4ad433ff {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-_39e3513d-fd12-3d65-4e38-531b5b9da0e0-4ad433ff {
order: 0;
grid-area: 1 / 1 / 2 / 11;
justify-self: auto;
}
#w-node-_39e3513d-fd12-3d65-4e38-531b5b9da0e2-4ad433ff {
grid-area: 2 / 4 / 3 / 5;
justify-self: end;
}
#w-node-_39e3513d-fd12-3d65-4e38-531b5b9da0e4-4ad433ff {
grid-area: 3 / 5 / 4 / 12;
}
#w-node-_39e3513d-fd12-3d65-4e38-531b5b9da11e-4ad433ff {
grid-area: 1 / 4 / 2 / 10;
}
#w-node-ecc711f2-9b4c-3e94-294e-2f433f2804c9-daa51606 {
grid-area: 1 / 4 / 2 / 10;
justify-self: center;
}
#w-node-ecc711f2-9b4c-3e94-294e-2f433f2804ca-daa51606 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ecc711f2-9b4c-3e94-294e-2f433f2804d0-daa51606 {
grid-area: 2 / 5 / 3 / 9;
justify-self: center;
}
#w-node-d8068d05-c4dc-c74c-966b-02848eb5fa1d-daa51606 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d8068d05-c4dc-c74c-966b-02848eb5fa24-daa51606 {
grid-area: 1 / 2 / 2 / 12;
}
#w-node-e5825de3-e573-5f9f-f8f2-00ac88b69085-daa51606 {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-e5825de3-e573-5f9f-f8f2-00ac88b69086-daa51606 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d7575a2a-5606-30f9-48de-f7848558a8e0-daa51606 {
grid-area: 1 / 2 / 2 / 12;
justify-self: end;
}
#w-node-d7575a2a-5606-30f9-48de-f7848558a8e1-daa51606 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4e8aff7d-5f5d-143e-a2b7-0d00db6af09f-daa51606 {
grid-area: 1 / 2 / 2 / 13;
}
#w-node-_4e8aff7d-5f5d-143e-a2b7-0d00db6af0a0-daa51606 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4e8aff7d-5f5d-143e-a2b7-0d00db6af0a6-daa51606 {
grid-area: 2 / 8 / 3 / 12;
}
@media screen and (min-width: 1920px) {
#w-node-_499dd97a-238a-1291-30af-03e36d7b5540-21e2c724 {
grid-area: 1 / 9 / 2 / 12;
}
}
@media screen and (max-width: 991px) {
#w-node-d96be530-fc8d-068e-7649-81d5c1e89a2a-92227298 {
grid-column: 3 / 11;
}
#w-node-c4db7cc6-39ec-5e55-1aa2-86c1660ef7de-92227298 {
grid-column-end: 10;
}
#w-node-_919ba69b-e0cf-bd4d-4270-adbb83acf58b-5b48eb41, #w-node-_73bd7446-9309-cfb6-64d8-d6b2c6294416-c6294413 {
grid-column-start: 1;
}
#w-node-_53637be7-37dd-b0ad-70ea-7af19d1fee00-3e80d4de {
grid-column-end: 13;
}
#w-node-_3bda0b96-7834-7d79-5c32-6d0065f75f9a-3e80d4de {
grid-column-start: 1;
}
#w-node-e5aaf7e3-7f99-ed1f-c86c-ab6629ed68d2-3e80d4de {
grid-column-end: 13;
}
#w-node-f72ae135-df2c-1862-18c5-38a38e319eef-3e80d4de {
grid-column: 1 / 13;
}
#w-node-_3f84b5e0-2b35-cebc-0edd-10badff50a6f-3e80d4de {
grid-column: 2 / 12;
}
#w-node-_9d3419b0-e549-10f3-7260-522654c8b517-cea7c245 {
grid-column-start: 1;
}
#w-node-_9d3419b0-e549-10f3-7260-522654c8b524-cea7c245 {
grid-column-end: 13;
}
#w-node-_00e8e8ab-7d27-3bc5-2b63-7d54245a4dd7-cea7c245 {
grid-area: 1 / 3 / 2 / 11;
}
#w-node-_5c58741e-38ad-3a20-22d3-624ed7c0f7f3-e99fe5ca {
grid-column: 2 / 12;
}
#w-node-e9dbce04-72cc-be11-05a1-fd8cc092b8c6-e99fe5ca {
grid-area: 1 / 3 / 2 / 11;
}
#w-node-_554bc7d0-a436-5a6d-97c6-eb96b5929f4c-9c060a24 {
grid-column-start: 1;
}
#w-node-_554bc7d0-a436-5a6d-97c6-eb96b5929f88-9c060a24 {
grid-column-end: 13;
}
#w-node-_696c6e69-ef8f-6e0a-3d51-be99c5fe1e11-9c060a24 {
grid-area: 1 / 3 / 2 / 11;
}
#w-node-e9ac83d5-ad6c-ab1b-bb2c-8ed1b7e14847-d7a15071 {
grid-column: 6 / 13;
justify-self: auto;
}
#w-node-ebbcaf86-cdb9-138d-e7f7-aaa065e86428-e607a897 {
grid-column-start: 1;
}
}
@media screen and (max-width: 767px) {
#w-node-_47881b0d-7302-8a6e-e336-05bc5259031f-92227298 {
grid-area: 1 / 3 / 2 / 7;
justify-self: center;
}
#w-node-ed526e58-32ee-ad01-34c3-5cec140d8942-140d893f {
grid-column-end: 13;
}
#w-node-_34c58f49-7050-b368-6b10-d06f14bd8889-140d893f {
grid-row: 2 / 3;
grid-column-start: 1;
}
#w-node-ed526e58-32ee-ad01-34c3-5cec140d8949-140d893f {
grid-row: 3 / 4;
grid-column-start: 1;
}
#w-node-_6502db8d-1def-5051-c84c-44ead5e9e5cd-d5e9e5ca, #w-node-_6502db8d-1def-5051-c84c-44ead5e9e5d4-d5e9e5ca {
grid-column-start: 1;
}
#w-node-_3f672085-edad-99d8-a195-561b07a96265-888496cc {
grid-column-end: 13;
}
#w-node-_3f672085-edad-99d8-a195-561b07a9626c-888496cc {
grid-row: 2 / 3;
grid-column-start: 1;
}
#w-node-_3f672085-edad-99d8-a195-561b07a9626e-888496cc {
grid-row: 3 / 4;
grid-column-start: 1;
}
#w-node-_712f0041-d4d1-9d63-5ec0-9bbfc779debc-7d874a32 {
grid-area: 1 / 3 / 2 / 7;
justify-self: center;
}
#w-node-_3bda0b96-7834-7d79-5c32-6d0065f75f9a-3e80d4de {
grid-column-start: 1;
}
#w-node-e5aaf7e3-7f99-ed1f-c86c-ab6629ed68d2-3e80d4de {
grid-column-end: 13;
}
#w-node-_9d3419b0-e549-10f3-7260-522654c8b517-cea7c245 {
grid-column-start: 1;
}
#w-node-_9d3419b0-e549-10f3-7260-522654c8b524-cea7c245 {
grid-column-end: 13;
}
#w-node-_5426041f-0ac5-fac3-0148-884d62133430-cea7c245 {
grid-area: 1 / 1 / 2 / 13;
}
#w-node-_554bc7d0-a436-5a6d-97c6-eb96b5929f4c-9c060a24 {
grid-column-start: 1;
}
#w-node-_554bc7d0-a436-5a6d-97c6-eb96b5929f88-9c060a24 {
grid-column-end: 13;
}
#w-node-_6683a271-b04e-e1e8-79ae-2db2f55b069f-21e2c724 {
grid-column: 1 / 9;
}
#w-node-_499dd97a-238a-1291-30af-03e36d7b5540-21e2c724 {
grid-column-end: 13;
}
#w-node-_98c8d817-7025-ced0-62e6-991537c5aa3e-e02779f3 {
grid-area: 1 / 3 / 2 / 7;
justify-self: center;
}
#w-node-e9ac83d5-ad6c-ab1b-bb2c-8ed1b7e14847-d7a15071 {
grid-column-start: 1;
justify-self: start;
}
#w-node-e9ac83d5-ad6c-ab1b-bb2c-8ed1b7e14848-d7a15071 {
justify-self: start;
}
#w-node-_25418da8-0518-cf04-ec64-50ec12426425-d7a15071 {
grid-row: 1 / 3;
grid-column-start: 1;
}
#w-node-c0a288fd-a903-19d9-11a7-c4e83fd53b24-d7a15071 {
grid-row: 1 / 3;
grid-column-start: 3;
}
#w-node-d99ae748-2e90-1169-abe2-fc3a77cbb044-d7a15071 {
grid-column: 1 / 3;
}
#w-node-_2d686807-386e-e657-39be-9aca48cafe30-d7a15071 {
grid-area: 3 / 3 / 5 / 5;
}
#w-node-a90592c9-d85a-0959-d40f-08ec60749957-d7a15071 {
grid-column-end: 13;
}
#w-node-a90592c9-d85a-0959-d40f-08ec6074995e-d7a15071 {
grid-row: 2 / 3;
grid-column-start: 1;
}
#w-node-a90592c9-d85a-0959-d40f-08ec60749960-d7a15071 {
grid-row: 3 / 4;
grid-column-start: 1;
}
#w-node-_9db1d290-37c9-f7b8-c2c0-35697a072eb5-d47ce0a8 {
grid-column-end: 13;
}
#w-node-_9db1d290-37c9-f7b8-c2c0-35697a072ebe-d47ce0a8 {
grid-row: 3 / 4;
grid-column-start: 1;
}
}
@media screen and (max-width: 479px) {
#w-node-da8db2e5-8960-83b4-1696-4f22e055d99d-92227298 {
grid-area: 1 / 1 / 2 / 7;
}
#w-node-_73bd7446-9309-cfb6-64d8-d6b2c629441c-c6294413, #w-node-b80f8d19-618f-d7cc-5606-c7ba19607357-3e80d4de, #w-node-_43567230-c7d6-df14-9cca-442261e44269-3e80d4de {
grid-column-start: 2;
}
#w-node-_6683a271-b04e-e1e8-79ae-2db2f55b069f-21e2c724 {
grid-column-end: 8;
}
#w-node-_499dd97a-238a-1291-30af-03e36d7b5540-21e2c724 {
grid-column-start: 8;
}
#w-node-ebd0c781-a56c-56ab-fc60-74986fe02d44-21e2c724 {
grid-column: 1 / 8;
}
#w-node-_98c8d817-7025-ced0-62e6-991537c5aa3e-e02779f3 {
grid-column: 1 / 9;
}
#w-node-_3db09f12-2903-9516-412c-30b3239a7d71-e02779f3 {
grid-column: 1 / 13;
}
}