html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
vertical-align: baseline;
display: inline-block
}
audio:not([controls]) {
height: 0;
display: none
}
[hidden],
template {
display: none
}
a {
background-color: #0000
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
margin: .67em 0;
font-size: 2em
}
mark {
color: #000;
background: #ff0
}
small {
font-size: 80%
}
sub,
sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: none
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
@font-face {
font-family: webflow-icons;
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");
font-weight: 400;
font-style: normal
}
[class^=w-icon-],
[class*=\ w-icon-] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: 400;
line-height: 1;
font-family: webflow-icons !important
}
.w-icon-slider-right:before {
content: ""
}
.w-icon-slider-left:before {
content: ""
}
.w-icon-nav-menu:before {
content: ""
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
content: ""
}
.w-icon-file-upload-remove:before {
content: ""
}
.w-icon-file-upload-icon:before {
content: ""
}
* {
box-sizing: border-box
}
html {
height: 100%
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block
}
html.w-mod-touch * {
background-attachment: scroll !important
}
.w-block {
display: block
}
.w-inline-block {
max-width: 100%;
display: inline-block
}
.w-clearfix:before,
.w-clearfix:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-clearfix:after {
clear: both
}
.w-hidden {
display: none
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block
}
input.w-button {
-webkit-appearance: button
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important
}
.w-code-block {
margin: unset
}
pre.w-code-block code {
all: inherit
}
.w-optimization {
display: contents
}
.w-webflow-badge,
.w-webflow-badge * {
z-index: auto;
visibility: visible;
box-sizing: border-box;
float: none;
clear: none;
box-shadow: none;
opacity: 1;
direction: ltr;
font-family: inherit;
font-weight: inherit;
color: inherit;
font-size: inherit;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
text-align: inherit;
letter-spacing: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
text-indent: 0;
text-transform: inherit;
text-shadow: none;
font-smoothing: auto;
vertical-align: baseline;
cursor: inherit;
white-space: inherit;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
background: 0 0;
border: 0 #0000;
border-radius: 0;
width: auto;
min-width: 0;
max-width: none;
height: auto;
min-height: 0;
max-height: none;
margin: 0;
padding: 0;
list-style-type: disc;
transition: none;
display: block;
position: static;
inset: auto;
overflow: visible;
transform: none
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
opacity: 1 !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;
overflow: visible !important;
transform: none !important
}
.w-webflow-badge>img {
visibility: visible !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 10px;
font-weight: 700
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px
}
p {
margin-top: 0;
margin-bottom: 10px
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px
}
figure {
margin: 0 0 10px
}
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: 700;
display: block
}
.w-input,
.w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block
}
.w-input::placeholder,
.w-select::placeholder {
color: #999
}
.w-input:focus,
.w-select:focus {
border-color: #3898ec;
outline: 0
}
.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
cursor: not-allowed
}
.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee
}
textarea.w-input,
textarea.w-select {
height: auto
}
.w-select {
background-color: #f3f3f3
}
.w-select[multiple] {
height: auto
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: 400;
display: inline-block
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block
}
.w-radio:before,
.w-radio:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-radio:after {
clear: both
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal
}
.w-file-upload {
margin-bottom: 10px;
display: block
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden
}
.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
color: #333;
display: inline-block
}
.w-file-upload-error {
margin-top: 10px;
display: block
}
.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
display: none
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
display: flex
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: 400;
display: block
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
display: inline-block
}
.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block
}
.w-icon-file-upload-uploading {
height: 20px
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto
}
.w-container:before,
.w-container:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-container:after {
clear: both
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px
}
.w-row:before,
.w-row:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-row:after {
clear: both
}
.w-row .w-row {
margin-left: 0;
margin-right: 0
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative
}
.w-col .w-col {
padding-left: 0;
padding-right: 0
}
.w-col-1 {
width: 8.33333%
}
.w-col-2 {
width: 16.6667%
}
.w-col-3 {
width: 25%
}
.w-col-4 {
width: 33.3333%
}
.w-col-5 {
width: 41.6667%
}
.w-col-6 {
width: 50%
}
.w-col-7 {
width: 58.3333%
}
.w-col-8 {
width: 66.6667%
}
.w-col-9 {
width: 75%
}
.w-col-10 {
width: 83.3333%
}
.w-col-11 {
width: 91.6667%
}
.w-col-12 {
width: 100%
}
.w-hidden-main {
display: none !important
}
@media screen and (max-width:991px) {
.w-container {
max-width: 728px
}
.w-hidden-main {
display: inherit !important
}
.w-hidden-medium {
display: none !important
}
.w-col-medium-1 {
width: 8.33333%
}
.w-col-medium-2 {
width: 16.6667%
}
.w-col-medium-3 {
width: 25%
}
.w-col-medium-4 {
width: 33.3333%
}
.w-col-medium-5 {
width: 41.6667%
}
.w-col-medium-6 {
width: 50%
}
.w-col-medium-7 {
width: 58.3333%
}
.w-col-medium-8 {
width: 66.6667%
}
.w-col-medium-9 {
width: 75%
}
.w-col-medium-10 {
width: 83.3333%
}
.w-col-medium-11 {
width: 91.6667%
}
.w-col-medium-12 {
width: 100%
}
.w-col-stack {
width: 100%;
left: auto;
right: auto
}
}
@media screen and (max-width:767px) {
.w-hidden-main,
.w-hidden-medium {
display: inherit !important
}
.w-hidden-small {
display: none !important
}
.w-row,
.w-container .w-row {
margin-left: 0;
margin-right: 0
}
.w-col {
width: 100%;
left: auto;
right: auto
}
.w-col-small-1 {
width: 8.33333%
}
.w-col-small-2 {
width: 16.6667%
}
.w-col-small-3 {
width: 25%
}
.w-col-small-4 {
width: 33.3333%
}
.w-col-small-5 {
width: 41.6667%
}
.w-col-small-6 {
width: 50%
}
.w-col-small-7 {
width: 58.3333%
}
.w-col-small-8 {
width: 66.6667%
}
.w-col-small-9 {
width: 75%
}
.w-col-small-10 {
width: 83.3333%
}
.w-col-small-11 {
width: 91.6667%
}
.w-col-small-12 {
width: 100%
}
}
@media screen and (max-width:479px) {
.w-container {
max-width: none
}
.w-hidden-main,
.w-hidden-medium,
.w-hidden-small {
display: inherit !important
}
.w-hidden-tiny {
display: none !important
}
.w-col {
width: 100%
}
.w-col-tiny-1 {
width: 8.33333%
}
.w-col-tiny-2 {
width: 16.6667%
}
.w-col-tiny-3 {
width: 25%
}
.w-col-tiny-4 {
width: 33.3333%
}
.w-col-tiny-5 {
width: 41.6667%
}
.w-col-tiny-6 {
width: 50%
}
.w-col-tiny-7 {
width: 58.3333%
}
.w-col-tiny-8 {
width: 66.6667%
}
.w-col-tiny-9 {
width: 75%
}
.w-col-tiny-10 {
width: 83.3333%
}
.w-col-tiny-11 {
width: 91.6667%
}
.w-col-tiny-12 {
width: 100%
}
}
.w-widget {
position: relative
}
.w-widget-map {
width: 100%;
height: 400px
}
.w-widget-map label {
width: auto;
display: inline
}
.w-widget-map img {
max-width: inherit
}
.w-widget-map .gm-style-iw {
text-align: center
}
.w-widget-map .gm-style-iw>button {
display: none !important
}
.w-widget-twitter {
overflow: hidden
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px
}
.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px
}
.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden
}
.w-background-video>video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%
}
.w-background-video>video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em
}
.w-background-video--control>[hidden] {
display: none !important
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0
}
.w-slider-nav.w-round>div {
border-radius: 100%
}
.w-slider-nav.w-num>div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em
}
.w-slider-nav.w-shadow>div {
box-shadow: 0 0 3px #3336
}
.w-slider-nav-invert {
color: #fff
}
.w-slider-nav-invert>div {
background-color: #2226
}
.w-slider-nav-invert>div.w-active {
background-color: #222
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative
}
.w-slider-dot.w-active {
background-color: #fff
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff
}
.w-slider-dot:focus.w-active {
box-shadow: none
}
.w-slider-arrow-left,
.w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden
}
.w-slider-arrow-left [class^=w-icon-],
.w-slider-arrow-right [class^=w-icon-],
.w-slider-arrow-left [class*=\ w-icon-],
.w-slider-arrow-right [class*=\ w-icon-] {
position: absolute
}
.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
outline: 0
}
.w-slider-arrow-left {
z-index: 3;
right: auto
}
.w-slider-arrow-right {
z-index: 4;
left: auto
}
.w-icon-slider-left,
.w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden
}
.w-slider-force-show {
display: block !important
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative
}
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block
}
.w-dropdown-toggle:focus {
outline: 0
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute
}
.w-dropdown-list.w--open {
display: block
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block
}
.w-dropdown-link.w--current {
color: #0082f3
}
.w-dropdown-link:focus {
outline: 0
}
@media screen and (max-width:767px) {
.w-nav-brand {
padding-left: 10px
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0)
}
.w-lightbox-backdrop,
.w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute
}
.w-lightbox-view:before {
content: "";
height: 100vh
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 86vh
}
.w-lightbox-frame,
.w-lightbox-view:before {
vertical-align: middle;
display: inline-block
}
.w-lightbox-figure {
margin: 0;
position: relative
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0
}
.w-lightbox-control {
cursor: pointer;
background-position: 50%;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0
}
.w-lightbox-left {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
display: none;
bottom: 0;
left: 0
}
.w-lightbox-right {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
display: none;
bottom: 0;
right: 0
}
.w-lightbox-close {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
background-size: 18px;
height: 2.6em;
right: 0
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate(0, 0)
}
.w-lightbox-active {
opacity: .3
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translateY(-50%)
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%)
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px
}
.w-lightbox-hide {
display: none
}
.w-lightbox-noscroll {
overflow: hidden
}
@media (min-width:768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh
}
.w-lightbox-view,
.w-lightbox-view:before {
height: 96vh
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 84vh
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh
}
.w-lightbox-left,
.w-lightbox-right {
opacity: .5;
display: block
}
.w-lightbox-close {
opacity: .8
}
.w-lightbox-control:hover {
opacity: 1
}
}
.w-lightbox-inactive,
.w-lightbox-inactive:hover {
opacity: 0
}
.w-richtext:before,
.w-richtext:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-richtext:after {
clear: both
}
.w-richtext[contenteditable=true]:before,
.w-richtext[contenteditable=true]:after {
white-space: initial
}
.w-richtext ol,
.w-richtext ul {
overflow: hidden
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
outline: 2px solid #2895f7
}
.w-richtext figure.w-richtext-figure-type-video>div:after,
.w-richtext figure[data-rt-type=video]>div:after {
content: "";
display: none;
position: absolute;
inset: 0
}
.w-richtext figure {
max-width: 60%;
position: relative
}
.w-richtext figure>div:before {
cursor: default !important
}
.w-richtext figure img {
width: 100%
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6
}
.w-richtext figure div {
color: #0000;
font-size: 0
}
.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type=image] {
display: table
}
.w-richtext figure.w-richtext-figure-type-image>div,
.w-richtext figure[data-rt-type=image]>div {
display: inline-block
}
.w-richtext figure.w-richtext-figure-type-image>figcaption,
.w-richtext figure[data-rt-type=image]>figcaption {
caption-side: bottom;
display: table-caption
}
.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type=video] {
width: 60%;
height: 0
}
.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type=video] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.w-richtext figure.w-richtext-figure-type-video>div,
.w-richtext figure[data-rt-type=video]>div {
width: 100%
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
max-width: 100%
}
.w-richtext figure.w-richtext-align-normal {
clear: both
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block
}
.w-richtext figure.w-richtext-align-fullwidth>div {
padding-bottom: inherit;
display: inline-block
}
.w-richtext figure.w-richtext-align-fullwidth>figcaption {
display: block
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative
}
.w-nav:before,
.w-nav:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-nav:after {
clear: both
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative
}
.w-nav-link.w--current {
color: #0082f3
}
.w-nav-menu {
float: right;
position: relative
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important
}
.w--nav-link-open {
display: block;
position: relative
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden
}
.w-nav-overlay [data-nav-menu-open] {
top: 0
}
.w-nav[data-animation=over-left] .w-nav-overlay {
width: auto
}
.w-nav[data-animation=over-left] .w-nav-overlay,
.w-nav[data-animation=over-left] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto
}
.w-nav[data-animation=over-right] .w-nav-overlay {
width: auto
}
.w-nav[data-animation=over-right] .w-nav-overlay,
.w-nav[data-animation=over-right] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative
}
.w-nav-button:focus {
outline: 0
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8
}
.w-nav[data-collapse=all] .w-nav-menu {
display: none
}
.w-nav[data-collapse=all] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
display: block
}
.w--nav-dropdown-list-open {
position: static
}
@media screen and (max-width:991px) {
.w-nav[data-collapse=medium] .w-nav-menu {
display: none
}
.w-nav[data-collapse=medium] .w-nav-button {
display: block
}
}
@media screen and (max-width:767px) {
.w-nav[data-collapse=small] .w-nav-menu {
display: none
}
.w-nav[data-collapse=small] .w-nav-button {
display: block
}
.w-nav-brand {
padding-left: 10px
}
}
@media screen and (max-width:479px) {
.w-nav[data-collapse=tiny] .w-nav-menu {
display: none
}
.w-nav[data-collapse=tiny] .w-nav-button {
display: block
}
}
.w-tabs {
position: relative
}
.w-tabs:before,
.w-tabs:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-tabs:after {
clear: both
}
.w-tab-menu {
position: relative
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative
}
.w-tab-link.w--current {
background-color: #c8c8c8
}
.w-tab-link:focus {
outline: 0
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden
}
.w-tab-pane {
display: none;
position: relative
}
.w--tab-active {
display: block
}
@media screen and (max-width:479px) {
.w-tab-link {
display: block
}
}
.w-ix-emptyfix:after {
content: ""
}
@keyframes spin {
0% {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px
}
.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
display: none !important
}
.wf-layout-layout {
display: grid
}
.w-code-component>* {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
:root {
--gray: #999;
--black: black;
--outer-yellow: #fbfc57;
--50-opacity: #00000080;
--white: white;
--16-lines: #00000029;
--10-input-lines: #0000001a;
--48px: 3rem;
--140px: 8.75rem;
--40px: 2.5rem;
--120px: 0px;
--80px: 5rem;
--relume-library-lite--rl-white: white;
--relume-library-lite--rl-black: black
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block
}
.w-checkbox:before {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1/1/2/2;
display: table
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url(../../static/custom-checkbox-checkmark.589d534424-1.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-layout {
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-auto-columns: 1fr;
justify-content: center;
padding: 20px
}
.w-layout-cell {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block
}
.w-layout-hflex {
flex-direction: row;
align-items: flex-start;
display: flex
}
@media screen and (max-width:991px) {
.w-layout-blockcontainer {
max-width: 728px
}
}
@media screen and (max-width:767px) {
.w-layout-blockcontainer {
max-width: none
}
}
body {
color: #000;
overscroll-behavior: none;
font-family: Suisseintl, sans-serif;
font-size: 1vw;
font-weight: 300;
line-height: 1.15
}
h1 {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 2px;
font-size: 8rem;
font-weight: 300;
line-height: 1.1
}
h2 {
margin-top: auto;
margin-bottom: 0;
padding-bottom: 6px;
font-size: 4.5rem;
font-weight: 300;
line-height: 1.11
}
h3 {
margin-top: 0;
margin-bottom: 0;
font-size: 3.5rem;
font-weight: 300;
line-height: 1.2
}
h4 {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 1rem;
font-size: 2.2rem;
font-weight: 300;
line-height: 1.3
}
h5 {
letter-spacing: .01375rem;
margin-top: 2rem;
margin-bottom: 1rem;
font-size: 1.375rem;
font-weight: 300;
line-height: 1.925rem
}
h6 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 2rem;
font-weight: 300;
line-height: 3.2rem
}
p {
letter-spacing: .01rem;
margin-bottom: 0;
font-size: 1.05rem;
line-height: 1.65rem
}
a {
color: #000;
margin-left: 0;
padding-left: 0;
text-decoration: underline
}
ul {
margin-top: 1rem;
padding-left: 1.5rem;
font-size: .8rem;
line-height: 1.3rem;
list-style-type: disc
}
ol {
margin-top: 1rem;
padding-left: 1.5rem;
font-size: .8rem;
line-height: 1.3rem
}
li {
margin-bottom: 10px
}
img {
display: block
}
label {
margin-bottom: 10px;
font-size: 1rem;
font-weight: 300;
line-height: 1.6
}
strong {
font-weight: 400
}
blockquote {
border-left: 5px solid #e2e2e2;
margin-top: 25px;
margin-bottom: 25px;
padding: 15px 30px;
font-size: 20px;
line-height: 34px
}
figure {
margin-top: 25px;
padding-bottom: 20px
}
figcaption {
opacity: .6;
text-align: center;
margin-top: 5px;
font-size: 14px;
line-height: 26px
}
.button-old {
color: #fff;
text-transform: none;
background-color: #1a1b1f;
border-radius: 0;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
text-decoration: none;
transition: background-color .4s, opacity .4s, color .4s
}
.button-old:hover {
color: #fff;
background-color: #32343a
}
.button-old:active {
background-color: #43464d
}
.navigation-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
cursor: auto;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
margin-right: 0;
display: flex
}
.intro-wrap {
display: flex
}
.text-field {
border: 1px solid #e4e4e4;
border-radius: 0;
margin-bottom: 18px;
padding: 21px 20px;
font-size: 14px;
line-height: 26px;
transition: border-color .4s
}
.text-field:hover {
border-color: #e3e6eb
}
.text-field:active,
.text-field:focus {
border-color: #43464d
}
.text-field::placeholder {
color: #32343a66
}
.status-message {
color: #fff;
text-align: center;
background-color: #202020;
padding: 9px 30px;
font-size: 14px;
line-height: 26px
}
.status-message.cc-error-message {
background-color: #db4b68
}
.contact-headline {
width: 70%;
margin-bottom: 40px
}
.section_footer_1 {
z-index: 3;
color: #fff;
background-color: #000;
justify-content: space-between;
align-items: center;
height: 100vh;
display: block;
position: fixed;
inset: auto 0% 0%;
overflow: hidden
}
.protected-wrap {
text-align: center;
justify-content: center;
padding-top: 90px;
padding-bottom: 100px;
display: flex
}
.protected-form {
flex-direction: column;
display: flex
}
.protected-heading {
margin-bottom: 30px
}
.footer_bottom-buttons {
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
display: flex
}
.section_services {
z-index: 4;
background-color: #fff;
padding-top: 0;
display: flex;
position: relative
}
.section_services.is-overflow-hidden {
overflow: hidden
}
.section_hero {
z-index: 4;
background-color: #fff;
margin-top: 0;
position: relative
}
.section_footer-spacer {
z-index: 0;
opacity: 0;
-webkit-text-fill-color: inherit;
mix-blend-mode: normal;
background-clip: border-box;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: block;
position: relative
}
.project-container {
height: 90vh;
position: relative;
overflow: hidden
}
.link {
font-family: Suisseintl, sans-serif;
font-size: 18px;
font-weight: 300;
text-decoration: none
}
.link.slide-in-bottom {
height: 100%;
padding-left: 0;
padding-right: 0;
display: block;
position: relative;
overflow: hidden
}
.link.slide-in-bottom.footer-head {
color: #fff;
cursor: pointer;
transition: opacity .4s cubic-bezier(.455, .03, .515, .955);
display: block
}
.link.slide-in-bottom.link-nav {
color: #fff;
display: block
}
.link.text-color-white.opacity-60:hover {
opacity: 1
}
.section_clients {
z-index: 4;
background-color: #fff;
position: relative
}
.wrapper {
max-width: 100%;
display: block;
overflow: hidden
}
.loop-content {
display: flex;
overflow: visible
}
.content-holder {
grid-column-gap: 20rem;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-right: 20rem;
display: flex
}
.preloader {
z-index: 3000;
background-color: #000;
justify-content: space-around;
align-items: stretch;
width: 100%;
height: 100%;
display: none;
position: fixed;
overflow: hidden
}
.collection-list-wrapper-2 {
z-index: 4;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-items: stretch stretch;
display: block;
position: relative
}
.collection-list-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
-webkit-text-fill-color: inherit;
cursor: pointer;
object-fit: cover;
background-clip: border-box;
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.collection-list-2.is-row-correction {
grid-template-rows: auto auto
}
.collection-item {
flex-flow: column;
place-content: flex-start space-between;
align-items: flex-start;
height: 48rem;
text-decoration: none;
display: block;
position: relative;
overflow: hidden
}
.collection-item:hover {
opacity: 1
}
.tag-flex {
z-index: 1;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-end;
display: flex;
position: relative
}
.collection_item-tag {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
color: #fff;
background-color: #ffffff26;
border-radius: 40px;
margin-top: 12px;
margin-right: 12px;
padding: 8px 20px 9px;
font-size: 16px;
font-weight: 400
}
.main-button {
cursor: pointer;
background-color: #f1f1f1;
border-radius: 32px;
padding: .7rem 1.5rem;
display: inline-block;
position: relative
}
.main-button.small-links-wrapper {
border-radius: 0;
display: flex
}
.main-button.small-links-wrapper.header-email-link {
opacity: 1;
transition: opacity .2s cubic-bezier(.445, .05, .55, .95);
display: block
}
.main-button.small-links-wrapper.explore-the-site-link {
justify-content: flex-start;
padding-left: 0
}
.chat-section {
color: #fff;
cursor: pointer;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 2rem;
display: flex
}
.nav-menu {
flex-flow: row;
flex: none;
justify-content: space-between;
align-items: center;
width: 100%;
height: 21rem;
display: block;
position: absolute;
inset: 0%;
overflow: hidden
}
.nav-bar-menu {
z-index: 5;
cursor: pointer;
flex: none;
justify-content: flex-end;
width: 2.3rem;
height: 2.3rem;
margin-top: .25rem;
position: relative
}
.section_nav {
z-index: 900;
mix-blend-mode: difference;
flex-direction: column;
width: 100%;
display: flex;
position: fixed;
inset: 0% 0% auto;
overflow: hidden
}
.nav-menu-links {
z-index: 1;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 90%;
display: flex;
position: absolute;
bottom: auto;
left: 50%;
right: 4rem
}
.nav-menu-footer {
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: auto;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: absolute;
inset: auto 0% 0% -10px
}
.nav-bar-menu-icon {
cursor: pointer;
width: 100%;
height: 100%;
transition: opacity .25s;
position: relative
}
.nav-bar-menu-icon:hover {
opacity: .6
}
.small-links-wrapper {
background-color: #0000;
justify-content: center;
align-items: center;
height: auto;
padding: 10px;
display: flex;
position: relative;
overflow: hidden
}
.nav-bar-logo {
z-index: 5;
color: #fff;
cursor: pointer;
mix-blend-mode: difference;
justify-content: flex-start;
align-items: center;
position: relative
}
.nav-bar-logo:active {
color: #fff
}
.nav-bar-logo.w--current {
z-index: 5;
position: relative
}
.nav-menu-link {
text-align: right;
justify-content: flex-start;
align-items: flex-start;
width: auto;
display: flex;
position: relative;
overflow: hidden
}
.nav-menu-link.nav-menu-link-3 {
width: auto;
display: flex
}
.nav-bar-desktop {
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
position: fixed;
top: auto
}
.nav-bar-desktop.padding-global {
display: block
}
.small-links {
color: #fff;
font-size: 1.2rem;
position: relative
}
.small-links.explore-the-site-link {
color: #000;
font-weight: 400;
position: relative
}
.nav-menu-background-2 {
z-index: 800;
transform-origin: 50% 0;
background-color: #000;
height: 100vh;
display: none;
position: fixed;
top: 0%;
left: 0%;
right: 0%
}
.grid-navigation {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template: "." "." /1fr 1fr;
place-content: stretch;
justify-items: start;
width: 100%
}
.video-group {
height: 100vh;
overflow: hidden
}
.popup-toggle-2 {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative
}
.text-weight-bold {
font-weight: 700
}
.text-style-link {
color: #000;
text-decoration: underline
}
.text-size-medium {
text-align: left;
font-size: 1.25rem
}
.text-size-medium.text-color-black.is-block {
display: inline-block
}
.text-size-medium.is-typography-correct {
line-height: 1.925rem
}
.padding-global {
padding-left: 3rem;
padding-right: 3rem
}
.padding-global.is-relative {
position: relative
}
.container-medium {
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto
}
.container-medium.container-project {
background-color: #000;
background-image: none;
flex-flow: column;
grid-template-rows: 1fr auto 1fr;
grid-template-columns: 1fr;
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
height: 100%;
padding: 2.2rem 2.2rem 2.8rem;
display: flex
}
.container-medium.container-project.is-position {
position: relative
}
.container-medium.container_project-video {
max-height: 30rem;
padding-top: 56.25%;
position: relative;
inset: auto 0% 0%;
overflow: hidden
}
.container-medium.padding-left.padding-large.padding-0-mobile {
padding-left: 10rem
}
.main-wrapper {
position: relative
}
.margin-xhuge {
margin: 8rem
}
.background-color-black {
color: #f5f5f5;
background-color: #000
}
.heading-style-h5 {
font-size: 2.2rem;
font-weight: 300;
line-height: 1.3
}
.heading-style-h5:hover {
opacity: 1
}
.heading-style-h5.is-absolute {
position: absolute
}
.heading-style-h5.text-color-white.is-absolute {
position: static
}
.heading-style-h5.text-color-white.large-links {
transition: color .25s ease-in-out
}
.heading-style-h5.text-color-white.large-links:hover {
opacity: 1
}
.form_message-error {
margin-top: .75rem;
padding: .75rem
}
.align-center {
margin-left: auto;
margin-right: auto
}
.text-size-small {
letter-spacing: .01rem;
border-radius: 18px;
font-size: 1rem;
line-height: 1.6;
position: static;
inset: auto 0% 0%
}
.text-size-small.is-error {
color: #c30000;
border-radius: 0;
padding-left: .25rem
}
.text-size-small.text-color-grey.is-uppercase {
text-transform: uppercase
}
.text-size-small.text-color-grey.is-width {
width: 17.625rem
}
.text-size-small.text-color-grey.is-typo-2 {
letter-spacing: .00875rem;
font-size: .875rem;
line-height: 1.225rem
}
.text-size-small.is-uppercase {
text-transform: uppercase
}
.text-size-small.is-padding {
padding-bottom: 1.5rem
}
.text-size-small.custom-padding {
padding-top: 1.5rem
}
.text-size-small.custom-padding.text-color-black.is-padding-bottom,
.text-size-small.custom-padding.is-padding-bottom {
padding-bottom: 2rem
}
.text-size-small.is-correct {
line-height: 1.2
}
.text-size-small.is-typo-1 {
letter-spacing: .01375rem;
font-family: Suisseintl, sans-serif;
font-size: 1.375rem;
font-weight: 300;
line-height: 1.925rem
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.margin-0 {
margin: 0
}
.text-weight-xbold {
font-weight: 800
}
.fs-styleguide_header-block {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center start;
display: grid
}
.text-weight-normal {
font-weight: 400
}
.padding-0 {
padding: 0
}
.text-size-tiny {
font-size: .875rem;
line-height: 1.225rem
}
.text-size-tiny.text-color-grey.custom-typography {
letter-spacing: .00875rem;
font-size: .875rem
}
.padding-section-medium {
padding-top: 18.75rem;
padding-bottom: 11.25rem
}
.background-color-white {
background-color: #fff
}
.text-align-right {
text-align: right
}
.text-size-large {
font-size: 1.35rem;
line-height: 1.35
}
.fs-styleguide_item-header {
border-bottom: 1px solid #0000001a;
width: 100%;
padding-bottom: 2rem
}
.overflow-visible {
overflow: visible
}
.text-weight-medium {
font-weight: 500
}
.fs-styleguide_background {
border: 1px solid #0000001a;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
display: flex
}
.form_checkbox-icon {
border-radius: .125rem;
width: .875rem;
height: .875rem;
margin: 0 .5rem 0 0
}
.form_checkbox-icon.w--redirected-checked {
background-size: 90%;
border-radius: .125rem;
width: .875rem;
height: .875rem;
margin: 0 .5rem 0 0
}
.form_checkbox-icon.w--redirected-focus {
border-radius: .125rem;
width: .875rem;
height: .875rem;
margin: 0 .5rem 0 0;
box-shadow: 0 0 .25rem 0 #3898ec
}
.fs-styleguide_2-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}
.fs-styleguide_2-col.is-align-start {
align-items: start
}
.fs-styleguide_classes {
grid-column-gap: 1px;
grid-row-gap: 1px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid
}
.max-width-xxlarge {
width: 100%;
max-width: 80rem
}
.padding-xxlarge {
padding: 6rem
}
.fs-styleguide_4-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}
.fs-styleguide_background-space {
width: 1px;
height: 1px;
margin: 5rem
}
.padding-custom1 {
padding: 1.5rem
}
.fs-styleguide_section-header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid #000;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-bottom: 3rem;
line-height: 1.4;
display: grid
}
.margin-small {
margin: 1rem
}
.text-size-regular {
width: auto;
font-size: 1.25rem;
line-height: 1.6
}
.text-size-regular.text-color-grey {
margin-bottom: 0
}
.text-size-regular.is-larger {
color: #000;
margin-bottom: 0
}
.text-size-regular.is-position-width {
max-width: 26.875rem;
position: sticky;
top: 6.5rem
}
.text-size-regular.is-text-small {
max-width: 26.875rem
}
.text-size-regular.custom-typography {
letter-spacing: .0125rem;
line-height: 1.75rem
}
.padding-xsmall {
padding: .5rem
}
.padding-xhuge {
padding: 13rem
}
.form_radio-icon {
width: .875rem;
height: .875rem;
margin-top: 0;
margin-left: 0;
margin-right: .5rem
}
.form_radio-icon.w--redirected-checked {
border-width: .25rem;
width: .875rem;
height: .875rem
}
.form_radio-icon.w--redirected-focus {
width: .875rem;
height: .875rem;
box-shadow: 0 0 .25rem 0 #3898ec
}
.padding-custom3 {
padding: 3.5rem
}
.container-large {
margin-left: auto;
margin-right: auto;
top: 24rem
}
.container-large.primary-nav-bar {
position: relative
}
.margin-xxhuge {
margin: 12rem
}
.max-width-xxsmall {
width: 100%;
max-width: 12rem
}
.margin-huge {
margin: 6rem
}
.fs-styleguide_section {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: start;
display: grid
}
.fs-styleguide_section.is-vertical {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-columns: 1fr
}
.fs-styleguide_heading-large {
font-size: 6rem
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0
}
.fs-styleguide_item {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
border-bottom: 1px solid #0000001a;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start;
padding-bottom: 3rem;
display: grid;
position: relative
}
.fs-styleguide_item.is-stretch {
justify-items: stretch
}
.margin-medium {
margin: 2rem
}
.text-color-white {
color: #fff
}
.fs-styleguide_spacing {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-image: linear-gradient(#fff0, #0073e61a);
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start stretch;
display: grid;
position: relative
}
.margin-xxlarge {
margin: 5rem
}
.margin-xlarge {
margin: 4rem
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0
}
.text-weight-semibold {
font-weight: 600
}
.padding-small {
padding: 1rem
}
.text-color-black {
color: #000
}
.text-color-grey {
color: var(--gray)
}
.heading-style-h3 {
font-size: 4rem;
font-weight: 300;
line-height: 1.15
}
.heading-style-h3.is-wrap {
overflow-wrap: anywhere
}
.max-width-large {
width: 100%;
max-width: 48rem
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.padding-bottom.padding-xhuge.is-correct {
padding-bottom: 12.5rem
}
.padding-bottom.padding-xxhuge.is-smaller {
padding-bottom: 14rem
}
.padding-bottom.padding-xlarge.is-other {
padding-top: 0;
padding-bottom: 3rem
}
.padding-bottom.padding-huge-custom {
padding-bottom: 12rem
}
.padding-bottom.padding-huge-custom.is-correct {
padding-top: 0;
padding-bottom: 8.44rem
}
.padding-bottom.padding-custom4 {
padding-bottom: 10rem
}
.padding-bottom.padding-custom4.is-correct {
padding-bottom: 12.5rem
}
.text-align-center {
text-align: center
}
.margin-xsmall {
margin: .5rem
}
.heading-style-h4 {
font-size: 4rem;
font-weight: 300;
line-height: 5.2rem
}
.heading-style-h4.text-color-grey {
margin-bottom: .5rem
}
.heading-style-h4.text-color-grey.is-width {
max-width: 30rem
}
.heading-style-h4.is-sticky {
position: sticky;
top: 5rem
}
.heading-style-h4.is-sticky.add-width {
max-width: 28rem
}
.heading-style-h4.text-color-white.is-sticky.add-width {
max-width: 25rem
}
.heading-style-h4.is-custom-padding {
max-width: 35rem
}
.fs-styleguide_label {
color: #fff;
background-color: #0073e6;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: .25rem .75rem;
font-weight: 600;
line-height: 1.4;
display: flex
}
.fs-styleguide_label.is-tag {
background-color: #be4aa5
}
.fs-styleguide_label.is-hex {
color: #000;
background-color: #f5f5f5
}
.text-style-strikethrough {
text-decoration: line-through
}
.text-style-quote {
border-left: .25rem solid #e2e2e2;
margin-bottom: 0;
padding: 0 1.25rem;
font-size: 1.25rem;
line-height: 1.5
}
.text-style-italic {
font-style: italic
}
.layer {
justify-content: center;
align-items: center;
position: absolute;
inset: 0%
}
.max-width-full {
width: 100%
}
.fs-styleguide_3-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
display: grid
}
.fs-styleguide_3-col.is-align-start {
align-items: start
}
.z-index-1 {
z-index: 1;
position: relative
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0
}
.padding-right.padding-xhuge.hide-tablet.homepage-padding-right {
padding-right: 22rem
}
.padding-right.padding-huge.hide-mobile-portrait.padding-right-projects {
padding-right: 12rem
}
.padding-right.padding-huge.is-padding-adjust {
padding-top: 0;
padding-bottom: 0
}
.padding-right.padding-custom4 {
padding-right: 12rem
}
.text-align-left {
text-align: left
}
.overflow-hidden {
overflow: hidden
}
.overflow-scroll {
overflow: scroll
}
.max-width-xsmall {
width: 100%;
max-width: 16rem
}
.margin-custom2 {
margin: 2.5rem
}
.margin-custom3 {
margin: 3.5rem
}
.overflow-auto {
overflow: auto
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0
}
.margin-xxsmall {
margin: .25rem
}
.padding-custom2 {
padding: 2.5rem
}
.padding-xlarge {
padding: 4rem
}
.padding-xlarge.is-custom-correct {
padding-top: 12.5rem;
padding-bottom: 0
}
.fs-styleguide_item-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex
}
.max-width-medium {
width: 100%;
max-width: 30rem
}
.form_component {
margin-bottom: 0
}
.fs-styleguide_row {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: flex-start;
align-items: center;
display: flex
}
.spacing-clean {
margin: 0;
padding: 0
}
.form_input {
background-color: #0000;
min-height: 3rem;
margin-bottom: .75rem;
padding: .5rem 1rem
}
.form_input.is-text-area {
min-height: 8rem;
padding-top: .75rem
}
.button-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex
}
.margin-tiny {
margin: .125rem
}
.padding-large {
padding: 3rem
}
.padding-large.is-correct {
padding-top: 0;
padding-bottom: 10rem
}
.padding-large.is-correct-2 {
padding-top: 7.44rem;
padding-bottom: 0
}
.padding-large.na_correct-1 {
padding-top: 7.5rem;
padding-bottom: 0
}
.padding-section-small {
padding-top: 2rem;
padding-bottom: 0
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0
}
.fs-styleguide_version {
z-index: 5;
color: #000;
font-weight: 500;
text-decoration: none
}
.text-weight-light {
font-weight: 300
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0
}
.z-index-2 {
z-index: 2;
position: relative
}
.form_checkbox {
flex-direction: row;
align-items: center;
margin-bottom: .5rem;
padding-left: 0;
display: flex
}
.padding-xxsmall {
padding: .25rem
}
.text-style-nowrap {
white-space: nowrap
}
.fs-styleguide_heading-medium {
font-size: 4rem
}
.max-width-small {
width: 100%;
max-width: 20rem
}
.padding-xxhuge {
padding: 20rem
}
.margin-vertical {
margin-left: 0;
margin-right: 0
}
.background-color-grey {
background-color: #f6f6f6
}
.text-style-muted {
opacity: .6
}
.heading-style-h6 {
font-size: 2rem;
font-weight: 700;
line-height: 1.5
}
.padding-medium {
padding: 2rem
}
.padding-medium.is-correct.is-other-correct.is-no-padding {
padding-top: 5rem;
padding-bottom: 0
}
.padding-section-large {
padding-top: 15rem;
padding-bottom: 4.25rem
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.fs-styleguide_1-col {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}
.heading-style-h6 {
text-align: left;
font-size: 1.5rem;
font-weight: 300;
line-height: 1.1;
text-decoration: none
}
.form_message-success {
padding: 1.25rem
}
.fs-styleguide_empty-box {
z-index: -1;
background-color: #0073e61a;
border: 1px dashed #0073e6;
min-width: 3rem;
height: 3rem;
position: relative
}
.padding-huge {
padding: 8rem
}
.padding-huge.padding-bottom.is-correct-a {
padding-top: 0;
padding-bottom: 7.56rem
}
.padding-huge.is-padding-small.is-another-correct,
.padding-huge.is-small.is-another-correct,
.padding-huge.is-correct.is-another-correct,
.padding-huge.is-correct-6.is-another-correct {
padding-top: 12.5rem;
padding-bottom: 0
}
.padding-huge.background-color-grey.is-correct {
padding-top: 10rem;
padding-bottom: 0
}
.padding-huge.is-antother-correct,
.padding-huge.na_correct-1,
.padding-huge.na_correct-2 {
padding-top: 12.5rem;
padding-bottom: 0
}
.container-small {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0
}
.container-small.is-sticky {
width: 24rem;
padding-left: 0;
padding-right: 0;
position: sticky;
top: 4.5rem
}
.container-small.is-sticky.is-additional-sticky {
bottom: 4.5rem
}
.container-small.is-sticky.is-no-width {
width: auto;
max-width: 100%
}
.fs-styleguide_color.is-3 {
background-color: #fff
}
.fs-styleguide_color.is-1 {
background-color: #000
}
.fs-styleguide_color.is-2 {
background-color: #f5f5f5
}
.button3 {
color: #000;
text-align: center;
cursor: pointer;
background-color: #f1f1f1;
border-radius: 40px;
padding: .75rem 1.5rem;
transition: background-color .4s
}
.button3:hover {
background-color: #ebebeb
}
.margin-custom1 {
margin: 1.5rem
}
.form_radio {
flex-direction: row;
align-items: center;
margin-bottom: .5rem;
padding-left: 0;
display: flex
}
.margin-large {
margin: 3rem
}
.padding-tiny {
padding: .125rem
}
.fs-styleguide_spacing-all {
display: none
}
.max-width-xlarge {
width: 100%;
max-width: 64rem
}
.heading-style-h1 {
font-size: 8rem
}
.hide {
display: none
}
.text-style-allcaps {
text-transform: uppercase
}
.section_featured-projects {
z-index: 4;
background-color: #fff;
display: block;
position: relative
}
.video-16-9 {
z-index: 5;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: visible
}
.video-16-9.img-16-9-cover {
background-color: #000;
justify-content: center;
align-items: center;
display: flex
}
.container_project-headline {
z-index: 1;
height: 4rem;
position: relative;
overflow: hidden
}
.hide-this {
grid-column-gap: 30px;
display: none
}
.text-block-9 {
font-size: 1rem;
line-height: 1.4
}
.footer-wrapper {
flex-direction: column;
height: 100vh;
padding-top: 2rem;
padding-bottom: 2rem;
display: flex
}
.footer-chat-section {
justify-content: center;
align-items: center;
height: 100%;
display: flex
}
.floating-section-child {
flex-direction: column;
justify-content: space-around;
align-items: center;
width: 240rem;
height: 135rem;
margin-top: auto;
margin-bottom: auto;
display: flex;
position: absolute;
inset: 0 auto
}
.floating-section-parent {
z-index: -1;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
overflow: hidden
}
.float-image-parent {
position: relative
}
.float-image-parent.is-1 {
bottom: 8rem;
right: 25rem
}
.float-image-parent.is-2 {
right: 8rem
}
.float-image-parent.is-3 {
top: 12rem;
left: 40rem
}
.float-image-parent.is-4 {
left: 11rem
}
.float-image-parent.is-5 {
bottom: 20rem;
right: 15rem
}
.float-image-parent.is-7 {
bottom: 12rem;
left: 15rem
}
.float-image-parent.is-8 {
left: 20rem
}
.float-image-child {
opacity: .5;
background-image: url(../66e827feb441589b7d83f962_6-1.webp);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 100%
}
.float-image-child.is-1 {
background-image: url(../66e827feb441589b7d83f963_1-1.webp)
}
.float-image-child.is-2 {
background-image: url(../66e827feb441589b7d83f960_2-1.webp)
}
.float-image-child.is-3 {
background-image: url(../66e827feb441589b7d83f95e_3-1.webp)
}
.float-image-child.is-4 {
background-image: url(../66e827feb441589b7d83f95d_4-1.webp)
}
.float-image-child.is-8 {
background-image: url(../66e827feb441589b7d83f95f_8-1.webp)
}
.float-image-child.is-10 {
background-image: url(../66e827feb441589b7d83f961_5-1.webp)
}
.float-image-child.is-7 {
background-image: url("/assets/dummy-img.jpg")
}
.floating-img-container {
grid-column-gap: 18rem;
grid-row-gap: 10rem;
grid-template-rows: 26.25rem;
grid-template-columns: 35rem 35rem 35rem;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: space-between stretch;
place-items: stretch stretch;
width: 100%;
padding-top: 0;
padding-bottom: 0;
display: grid
}
.smooth-wrapper {
z-index: 4;
position: relative
}
.text-span-1 {
position: relative
}
.project-image {
background-image: url("/assets/dummy-img.jpg");
background-position: 50%;
background-size: cover;
position: absolute;
inset: 0%
}
.project-image.is-1 {
background-image: url("/assets/dummy-img.jpg");
background-position: 50%
}
.project-image.is-1.labadiena-cover {
background-image: url(../66e827feb441589b7d83f93e_labadiena-cover-1.webp)
}
.project-image.is-2 {
background-image: url(../66e827feb441589b7d83f915_mone-cover-min-1.webp)
}
.project-image.is-2.extrica-cover {
background-image: url(../66e827feb441589b7d83f934_cover-1.webp)
}
.project-image.is-2.mone-cover {
background-image: url(../66e827feb441589b7d83f93d_mone_cover-1.webp)
}
.project-image.is-2.shopify-cover {
background-color: #193532;
background-image: none;
display: flex
}
.project-image.is-2.olivercabell_cover {
background-image: url(../66e827feb441589b7d83f992_oc-hero-1.webp);
background-position: 50%;
background-repeat: repeat
}
.project-image.is-4 {
background-image: url(../66e827feb441589b7d83f911_neringa-cover-min-1.webp)
}
.project-image.is-3 {
background-image: url(../66e827feb441589b7d83f910_prado-cover-min-1.webp)
}
.project-image.is-nanoavionics {
background-image: url('assets/dummy-img.jpg')
}
.project-image.is-tamo {
background-image: url(../66e827feb441589b7d83facc_TamoMockupcopy2-1.avif)
}
.project-image.is-vejas-cargo {
background-image: url(../66e827feb441589b7d83fb05_LYRS_109-LR-vejas-cargo2-1.jpg)
}
.project-image.is-casa61 {
background-image: url(../66e827feb441589b7d83fb1d_13-1.jpg)
}
.project-image.is-cpva {
background-image: url(../66e827feb441589b7d83fb33_cpva_cover-1.jpg);
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll
}
.project-image.is-koderus {
background-image: url(../66fe9b1837993c6251a25ca4_koderuscover-1.jpg);
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll
}
.project-image.is-saltz {
background-image: url(../66ffc418e6d86d33fd28b666_saltz-cover-1.jpg)
}
.hero-videos-container {
object-fit: cover;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.hero-videos-container.shopify_container {
background-color: #193532;
display: flex
}
.section_work_head {
z-index: 3;
background-color: #fff;
justify-content: center;
padding-top: 0;
display: flex;
position: relative
}
.section_work_head.background-color-grey {
background-color: #f2f2f2
}
.section_project_hero {
z-index: 3;
background-color: #fff;
margin-top: 0;
position: relative
}
.section_project_hero.no-background {
background-color: #0000
}
.section_description {
z-index: 5;
background-color: #fff;
padding-top: 0;
display: block;
position: relative
}
.section_project-images {
background-color: #fff
}
.project-inner-image {
width: 100%
}
.project-inner-image.is-background-black {
background-color: var(--black)
}
.split-images {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
overflow: visible
}
.section_credits {
z-index: 4;
background-color: #fff;
justify-content: center;
padding-top: 0;
display: flex;
position: relative
}
.credits-text {
text-align: center
}
.footer-videos-container {
background-color: #000000b3;
width: 100%;
height: 100%
}
.section_footer_video {
z-index: 3;
justify-content: space-between;
align-items: center;
height: 100vh;
text-decoration: none;
display: block;
position: fixed;
inset: auto 0% 0%
}
.html-embed-desktop {
justify-content: space-between;
align-items: center
}
.html-embed-mobile {
display: none
}
.project-image-container.is-background-black {
background-color: var(--black)
}
.html-embed-all-sizes {
display: block
}
.container-medium-smaller {
width: 100%;
max-width: 50rem;
margin-left: auto;
margin-right: auto
}
.lottie-animation {
display: block
}
.grid-social {
grid-column-gap: 0rem;
grid-row-gap: .25rem;
grid-template: "." /minmax(5rem, 8rem) minmax(5rem, 8rem) minmax(5rem, 8rem);
place-content: stretch;
justify-items: start;
width: 100%
}
.section_project-effect {
z-index: 3;
background-color: #fff;
justify-content: center;
padding-top: 0;
display: flex;
position: relative;
overflow: hidden
}
.section_project-effect.background-color-grey {
background-color: #f2f2f2
}
.section_project-effect.is-bg-color {
background-color: #0000
}
.section_sticky-services {
z-index: 3;
background-color: #fff;
justify-content: space-between;
padding-top: 8rem;
padding-bottom: 12rem;
display: flex;
position: relative
}
.section_sticky-services.background-color-grey {
background-color: #f2f2f2
}
.section_sticky-services.background-color-grey.is-correct {
padding-bottom: 17rem
}
.section_sticky-services.is-1 {
padding-bottom: 0
}
.section_sticky-services.is-1.is-bottom-padding {
padding-bottom: 12.5rem
}
.section_sticky-services.is-1.is-bottom-padding.is-padding-correct {
padding-bottom: 17rem
}
.section_sticky-services.is-color {
background-color: #000
}
.section_sticky-services.is-padding-correct {
padding-bottom: 17rem
}
.project__grid-1.project__grid--margin {
margin-right: .5rem
}
.project-grid__wrapper {
transform-origin: 50% 0;
justify-content: center;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden
}
.project__image {
width: 100%
}
.project__image.project__image--margin {
margin-bottom: .5rem
}
.section-2 {
width: 100vw;
height: 60rem;
position: relative;
overflow: hidden
}
.project-grid__inner-wrap {
justify-content: center;
align-items: center;
width: 140rem;
display: flex;
position: absolute;
inset: 0% auto;
overflow: visible
}
.service-description {
display: flex
}
.service-description.is-custom-padding {
padding-right: 2rem
}
.section_contact_head {
z-index: 3;
background-color: #f6f6f6;
justify-content: center;
padding-top: 0;
display: block;
position: relative
}
.section_contact_head.is-overflow-hidden {
overflow: hidden
}
.section_form {
z-index: 3;
background-color: #fff;
justify-content: center;
padding-top: 0;
display: block;
position: relative
}
.field_parent {
padding-bottom: 4rem
}
.field_underline {
background-color: #00000029;
height: 1px
}
.field {
text-align: left;
background-color: #0000;
border: 0 solid #000;
height: 3rem;
margin-bottom: .5rem;
padding: 0;
font-size: 1.375rem;
line-height: 1.4
}
.field.area {
height: 2.5rem
}
.link_text {
letter-spacing: normal;
margin-bottom: 0;
font-size: 1.05rem;
font-weight: 300;
position: relative
}
.link_text.is--2 {
position: absolute
}
.link_text.text-size-medium {
font-size: 1.375rem
}
.link_circle {
z-index: 1;
background-color: #000;
border-radius: 50%;
width: 100%;
min-height: 6em;
margin-bottom: 6em;
padding-top: 100%;
transition: margin .4s, border-radius .25s;
position: absolute;
inset: auto 0% 0%
}
.link_circle.selected-toggle {
border-radius: 0%;
margin-bottom: -.1em;
transition: border-radius .6s ease-in-out, margin .4s
}
.link_container {
padding: .5rem;
display: inline-block;
position: relative
}
.radial_label-hidden {
display: none
}
.link_wrap {
z-index: 2;
position: relative;
overflow: hidden
}
.link_move {
position: relative
}
.shapes {
margin-left: -.5rem;
padding-bottom: 5rem
}
.radio-button {
z-index: 30;
opacity: 0;
border-width: 0;
border-radius: 0;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: 0%
}
.radial_link {
text-align: center;
border: 1px solid #0000001a;
border-radius: 100vw;
margin-bottom: 0;
padding: .75rem 1.5rem;
transition: color .2s;
display: inline-block;
position: relative;
overflow: hidden
}
.radial_link.selected-toggle {
color: #fff
}
.link-2 {
text-align: center;
border: 1px solid #0000001a;
border-radius: 100vw;
padding: 1.4em 2.6em;
transition: color .2s;
position: relative;
overflow: hidden
}
.field_underline_overlay {
opacity: 1;
perspective-origin: 0%;
transform-origin: 0%;
background-color: #000;
height: 100%
}
.submit-button {
background-color: #000;
border-radius: 100vw;
padding: .8rem 1.8rem;
font-size: 1.2rem;
transition: all .2s ease-in-out
}
.submit-button:hover {
color: #000;
background-color: #fbfc57
}
.error-message {
background-color: #0000;
margin-top: 1rem;
padding: 0
}
.success-message {
background-color: #0000;
height: 100%;
padding: 0
}
.image-5 {
max-width: 220px
}
.image-6 {
max-width: 175px
}
.image-7 {
max-width: 260px
}
.image-8 {
max-width: 172px
}
.image-9 {
max-width: 200px
}
.image-11 {
max-width: 180px
}
.image-12 {
max-width: 140px
}
.image-13 {
max-width: 100px
}
.image-14 {
max-width: 117px;
position: relative
}
.image-15 {
max-width: 158px
}
.image-16 {
max-width: 220px
}
.image-17 {
max-width: 100px
}
.image-18 {
max-width: 248px
}
.image-19 {
max-width: 54px
}
.image-20 {
max-width: 148px
}
.padding-huge-custom {
padding: 12rem
}
.project__grid-2.project__grid--margin {
margin-right: .5rem
}
.transition {
z-index: 890;
background-color: #fff;
display: none;
position: fixed;
inset: 0%
}
.transition-content {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: absolute;
inset: 0%
}
.transition-trigger {
display: none
}
.transition-bg {
position: absolute;
inset: 0%
}
.project-image-container-smaller {
padding-left: 25%;
padding-right: 25%
}
.form-block {
margin-bottom: 0
}
.padding-custom-logo-section {
padding-bottom: 17rem
}
.padding-custom-logo-section.is-correct,
.padding-custom-logo-section.is-custom-correction {
padding-bottom: 12.5rem
}
.explore-the-site-link {
font-size: 1.25rem
}
.project-image-hover-extrica {
z-index: 5;
object-fit: scale-down;
background-image: url(../66e827feb441589b7d83f935_cover-2-1.webp);
background-position: 50% 0;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: visible
}
.project-hero-image {
object-fit: cover;
width: 100%;
height: 100%
}
.project-hero-image.footer {
opacity: .3
}
.shopify_logo {
z-index: 1;
object-fit: fill;
width: 22%;
margin: auto;
position: relative
}
.footer_menu-social {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
align-items: center;
display: flex
}
.section-review {
background-color: #f6f6f6;
display: block
}
.heading_review {
width: 100%;
max-width: 889px;
font-size: 4rem;
line-height: 4.64rem
}
.card-gray {
background-color: #ebebeb;
border-radius: 8px;
flex-direction: column;
justify-content: space-between;
min-height: 16rem;
padding: 2rem;
display: flex
}
.details-text-caps {
color: #0006;
letter-spacing: .0175rem;
font-size: .875rem;
font-weight: 400;
line-height: 1.225rem
}
.details-text-caps.is-color {
color: #999
}
.line-custom {
border-top: 1px solid #00000029
}
.connection-blocks {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto
}
.avatar {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
display: flex
}
.img-place {
width: 3.5rem
}
.text-place {
align-items: flex-start;
display: block
}
.connect-content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: center;
display: flex
}
.address-text {
flex-direction: column;
justify-content: space-around;
align-items: flex-start
}
.project-image-hover-shopify {
z-index: 5;
object-fit: scale-down;
background-image: url(../66e827feb441589b7d83fa52_boundbynda-1.png);
background-position: 50%;
background-size: contain;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: visible
}
.gray-button {
background-color: #00000014;
border-radius: 20rem;
padding: .75rem 1.5rem;
text-decoration: none;
overflow: hidden
}
.contact-grid {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr
}
.insight-element {
flex-flow: column;
justify-content: space-between;
width: 100%;
text-decoration: none;
display: flex
}
.insight-img {
object-fit: cover;
width: 100%;
height: 100%
}
.insight-headline {
align-items: center;
display: flex
}
.insight-hero-img {
height: 40rem
}
.content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.white-button {
grid-column-gap: 10px;
grid-row-gap: 10px;
cursor: pointer;
background-color: #fff;
border-radius: 20rem;
align-items: center;
padding: .75rem 1.5rem;
text-decoration: none;
display: inline-flex;
overflow: hidden
}
.pulse-img {
border-radius: 20px
}
.sticky-form-block {
flex-flow: column;
padding-right: 10rem;
display: flex;
position: sticky;
top: 6rem
}
.line-button {
cursor: pointer;
text-decoration: none;
transition: color .2s;
display: inline-block;
position: relative;
overflow: hidden
}
.contact-headline {
margin-bottom: 0
}
.contact-headline.is-max-width {
max-width: 32rem
}
.connection-text {
padding-right: 4rem
}
.tablet-below-only {
display: none
}
.heading-style-h2 {
font-size: 7rem;
font-weight: 300;
line-height: 7.5rem
}
.social-media {
transition: opacity .2s
}
.social-media:hover {
opacity: .7
}
.social-media-icon {
cursor: pointer;
width: 1.5rem;
height: 1.5rem
}
.wrapper-style-1 {
align-items: flex-start;
width: 100%;
height: 18rem;
display: flex
}
.arrow-icon {
mix-blend-mode: difference;
width: 1.2rem;
height: 1.2rem
}
.swiper-buttons {
justify-content: space-between;
width: 5.25rem;
height: 2.375rem;
margin-top: 1.5rem;
display: flex
}
.swiper {
position: relative;
overflow: hidden
}
.swiper-circle {
cursor: pointer;
background-color: #fff;
border-radius: 1.5rem;
justify-content: center;
align-items: center;
width: 2.375rem;
height: 2.375rem;
display: flex
}
.swiper-circle.swiper-button-next.swiper-button-disabled {
color: #000;
transition: background-color .5s
}
.swiper-circle.swiper-button-next.swiper-button-disabled:hover {
background-color: #000
}
.swiper-circle.swiper-button-next.swiper-button-disabled.is-black:hover {
background-color: #666
}
.swiper-circle.swiper-button-prev.swiper-button-disabled {
transition: background-color .5s
}
.swiper-circle.swiper-button-prev.swiper-button-disabled:hover {
background-color: #000
}
.slide-style-1 {
flex: none;
width: 100%;
height: 100%
}
.slide-style-1.w--redirected-checked {
background-image: none;
border-width: 2px;
border-color: #e76043;
box-shadow: 0 2px #e76043
}
.slider-card-gray {
background-color: #ebebeb;
border-radius: 8px;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 2rem;
display: flex
}
.slider-card-gray.is-dark {
background-color: #ebebeb1a
}
.details-text-no-caps {
color: #0006;
letter-spacing: .00875rem;
font-size: .875rem;
line-height: 1.225rem
}
.details-text-no-caps.is-white {
color: #fff6
}
.rich-content-group {
max-width: 36rem;
margin-left: auto;
margin-right: auto
}
.section_clients-gray {
z-index: 4;
background-color: #f6f6f6;
position: relative
}
.project-image-hover-oliver_cabell {
z-index: 5;
object-fit: scale-down;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: visible
}
.flex {
display: flex
}
._100vh-container {
align-items: center;
height: 100vh;
display: flex
}
._100vh-container.footer {
background-color: #000
}
.navigation-links {
grid-template-rows: auto;
grid-template-columns: 1.75fr .75fr .75fr .75fr 1.75fr;
grid-auto-columns: 1fr;
justify-content: space-between;
justify-items: stretch;
width: 100%;
display: flex
}
.contact-button-block {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: flex-start;
align-items: center;
display: flex
}
.nav-menu-link-v2 {
text-decoration: none;
transition-property: none
}
.nav-menu-link-v2:hover {
opacity: 1
}
.space-divider-nav {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
display: flex
}
.pulsing-dot {
border-radius: 20px;
width: 8px;
height: 8px
}
.section_blog-post {
background-color: #fff
}
.burger {
z-index: 5;
cursor: pointer;
flex: none;
justify-content: flex-end;
width: 1.625rem;
height: 1.625rem;
display: none;
position: relative
}
.locales-list {
justify-content: space-between;
display: flex
}
.locale-link {
opacity: .4;
color: #fff;
text-transform: uppercase;
cursor: pointer;
font-size: 1.125rem;
text-decoration: none;
transition: opacity .3s cubic-bezier(.645, .045, .355, 1)
}
.locale-link:hover {
opacity: 1
}
.locale-link.w--current {
opacity: 1;
color: #fff;
text-transform: uppercase
}
.locale-link.w--current:hover {
opacity: .8
}
.locales-wrapper {
width: 6rem;
position: relative
}
.locale-dash {
opacity: .4;
background-color: #fff;
width: 1rem;
height: 1px;
position: absolute;
inset: .65rem 0% auto 2.7rem
}
.locale {
cursor: pointer
}
.mobile_nav_bottom-buttons {
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
display: none
}
.padding-navigation {
display: none
}
.insights-section {
background-color: #fff
}
.fs-cc-banner_buttons-wrapper {
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
display: flex
}
.fs-cc-banner_container {
justify-content: space-between;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex
}
.fs-cc-banner_close-icon {
width: .85rem;
height: .85rem;
transition: opacity .2s ease-in-out
}
.fs-cc-banner_close-icon:hover {
opacity: .5
}
.fs-cc-banner_close {
opacity: 1;
cursor: pointer;
border-radius: 999rem;
margin-left: .75rem;
padding: .5rem
}
.fs-cc-banner_text {
margin-right: 1.5rem
}
.fs-cc-banner_text.text-size-tiny {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex
}
.fs-cc-banner_trigger {
display: none
}
.fs-cc-banner_button {
color: #000;
background-color: #0000;
border-bottom-color: #4353ff;
border-left-color: #4353ff;
border-right-color: #4353ff;
padding-top: 6px;
padding-bottom: 7px;
font-size: .85rem;
transition: opacity .2s ease-in-out;
display: block
}
.fs-cc-banner_button:hover {
opacity: .6
}
.fs-cc-banner_component {
z-index: 500;
background-color: var(--outer-yellow);
padding: .25rem .6rem .25rem 1rem;
display: block;
position: fixed;
inset: auto 0% 0%
}
.tiny-text-link {
color: var(--50-opacity);
font-size: .85rem
}
.nav-bar-mobile {
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
display: none;
position: fixed;
top: auto
}
.section_about.background-color-white.is-overflow-hidden {
overflow: hidden
}
.about-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto
}
.text-grid {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr
}
.member-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto auto
}
.cell {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex
}
.cell.hide-this {
display: none
}
.title {
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex
}
.section_table.background-color-black.is-overflow-hidden {
overflow: hidden
}
.line-divider {
border-bottom: 1px solid #ffffff29
}
.line-divider.is-black {
border-bottom-color: #00000029
}
.segment {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto
}
.answer-wrapper {
margin-bottom: 1.5rem
}
.answer {
padding-left: 0;
padding-right: 0;
overflow: hidden
}
.answer.is-last {
margin-bottom: -1.5rem
}
.rl_faq6_icon-wrapper {
align-self: flex-start;
width: 1.5rem;
height: 1.5rem;
margin-top: 3px
}
.question {
cursor: pointer;
border-top: 1px solid #00000029;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
display: flex
}
.accordion {
flex-direction: column;
justify-content: flex-start;
align-items: stretch
}
.list-grid {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 100%;
grid-auto-columns: 100%;
place-items: start stretch;
display: grid
}
.list-wrapper {
margin-top: 16rem
}
.faq-component {
grid-column-gap: 1rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid
}
.faq-link {
text-decoration: underline
}
.icon {
flex-flow: wrap;
justify-content: space-between;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
position: relative
}
.section_review {
display: block
}
.section_stages.background-color-white.is-overflow-hidden {
overflow: hidden
}
.case-grid {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto
}
.case-grid.is-grid-gap {
grid-column-gap: 8.75rem;
grid-row-gap: 8.75rem
}
.text-block.is-no_width {
width: 100%;
max-width: 39.375rem
}
.gallery-wrapper {
background-color: #d9d9d9
}
.gallery-wrapper.is-padding {
padding: 7.5rem
}
.gallery-wrapper.is-padding.is-background-archetypes {
background-image: url(../66e827feb441589b7d83fa19_archetypes-2-1.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover
}
.gallery-wrapper.is-padding.is-color-black {
background-color: #212121
}
.gallery-wrapper.is-padding.is-color2 {
background-color: #b4b4b4
}
.gallery-wrapper.is-padding.is-bg-color-black {
background-color: #000
}
.gallery-wrapper.is-padding.is_bg-color-gray {
background-color: #eaeaea
}
.image-block {
background-color: #d9d9d9;
padding: 3.875rem
}
.image-block.is-padding {
padding: 8rem 8rem 8rem 9rem
}
.image-block.is-padding.is-black {
background-color: #222
}
.image-block.is-padding.is-bg-black {
background-color: #000
}
.image-block.is-color {
background-color: #b4b4b4
}
.border-radius {
border-radius: 1rem
}
.cell-block {
background-color: #d9d9d9;
padding: 3.875rem
}
.cell-block.is-color {
background-color: #b4b4b4
}
.cell-block.bg-color-eaeaea {
background-color: #eaeaea
}
._4-img-gallery {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
padding: 0
}
.photography-presentation {
padding: 12.5rem 14.25rem
}
.quick-stack {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
padding: 0
}
.slide-style-2 {
flex: none;
width: 100%;
height: 20rem;
padding-top: 1rem;
padding-left: 2.25rem;
padding-right: 2.25rem
}
.slide-style-2.is-black-border {
border-left: 1px solid #000
}
.slide-style-2.swiper-slide.is-gray-border {
border-left: 1px solid #00000029
}
.slide-style-2.swiper-slide.is-gray-border.is-last {
border-right: 1px solid #00000029
}
._3-block {
padding: 0
}
.block {
border-left: 1px solid #0000001a;
padding-top: 1.5rem;
padding-bottom: 2.5rem;
padding-left: 2.25rem
}
.four-steps-swiper {
overflow: hidden
}
.swiper-wrapper {
align-items: flex-start;
width: 100%;
display: flex
}
.swiper-wrapper.wrapper-style-2 {
flex-flow: row;
align-items: flex-start;
display: flex
}
/* .yellow-link {
background-color: orange;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
display: flex
} */
.arrow-right {
width: 1.5rem;
height: 1.5rem
}
.intro.display-flex {
flex-flow: column;
display: flex
}
.intro.flex-display {
flex-flow: row;
justify-content: center;
align-items: center;
display: flex
}
.intro.is-position {
position: sticky;
top: 3rem
}
.headline-wrap {
max-width: 25rem
}
.button-place {
display: inline-block
}
.logo {
color: #fff;
font-size: 1.35rem;
line-height: 1.35
}
.reviews_map {
position: relative
}
.animate-section {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 95%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative
}
.reviews_map_img {
width: 100%;
max-width: 100%;
height: auto;
display: inline-block
}
.map-point {
aspect-ratio: 1;
background-color: var(--black);
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-radius: 100%;
width: .2rem;
height: .2rem
}
.map-point.is-1 {
position: absolute;
inset: auto 15% 15% auto
}
.map-point.is-2 {
position: absolute;
inset: auto 25% 37% auto
}
.map-point.is-3 {
position: absolute;
inset: auto 39% 49% auto
}
.map-point.is-4 {
position: absolute;
inset: auto 52% 73% auto
}
.map-point.is-5 {
position: absolute;
inset: auto 52.5% 65% auto
}
.map-point.is-6 {
position: absolute;
inset: auto 49% 61% auto
}
.map-point.is-7 {
position: absolute;
inset: auto 53.4% 57% auto
}
.map-point.is-8 {
position: absolute;
inset: auto 71% 64% auto
}
.map-point.is-10 {
position: absolute;
inset: auto 75% 59% auto
}
.map-point.is-11 {
position: absolute;
inset: auto 78% 61% auto
}
.map-point.is-12 {
position: absolute;
inset: auto 77% 70% auto
}
.map-point.is-14 {
position: absolute;
inset: auto 46.4% 69.8% auto
}
.box {
aspect-ratio: 1;
background-color: var(--white);
width: 2.8%;
padding: .2%;
box-shadow: 0 2px 5px #0000001a
}
.box.is-1-1 {
border-top-left-radius: 100%;
border-top-right-radius: 100%;
border-bottom-left-radius: 100%;
position: absolute;
inset: auto 15.1% 16.6% auto
}
.box.is-1-2 {
border-top-left-radius: 100%;
border-bottom-right-radius: 100%;
border-bottom-left-radius: 100%;
position: absolute;
inset: auto 15.1% 8% auto
}
.box.is-2-2 {
border-top-left-radius: 100%;
border-top-right-radius: 100%;
border-bottom-left-radius: 100%;
position: absolute;
inset: auto 25.1% 38.6% auto
}
.box.is-3-3 {
border-top-left-radius: 100%;
border-top-right-radius: 100%;
border-bottom-right-radius: 100%;
position: absolute;
inset: auto 36.4% 50.6% auto
}
.box.is-4 {
border-top-left-radius: 100%;
border-top-right-radius: 100%;
border-bottom-right-radius: 100%;
position: absolute;
inset: auto 43.6% 71.5% auto
}
.box.is-5 {
border-top-left-radius: 100%;
border-top-right-radius: 100%;
border-bottom-left-radius: 100%;
position: absolute;
inset: auto 47% 69.9% auto
}
.box.extrica {
border-top-right-radius: 100%;
border-bottom-right-radius: 100%;
border-bottom-left-radius: 100%;
position: absolute;
inset: auto 43.6% 63% auto
}
.box.is-7 {
border-top-left-radius: 100%;
border-top-right-radius: 100%;
border-bottom-left-radius: 100%;
position: absolute;
inset: auto 52.8% 73.4% auto
}
.box.is-8 {
border-top-left-radius: 100%;
border-top-right-radius: 100%;
border-bottom-right-radius: 100%;
position: absolute;
inset: auto 49.4% 74.6% auto
}
.box.is-9 {
border-top-left-radius: 100%;
border-top-right-radius: 100%;
border-bottom-right-radius: 100%;
position: absolute;
inset: auto 49.1% 65.3% auto
}
.box.is-10 {
border-top-left-radius: 100%;
border-top-right-radius: 100%;
border-bottom-left-radius: 100%;
position: absolute;
inset: auto 52.6% 66.5% auto
}
.box.humannature {
border-top-left-radius: 100%;
border-bottom-right-radius: 100%;
border-bottom-left-radius: 100%;
position: absolute;
inset: auto 53.2% 59.5% auto
}
.box.azn {
border-top-right-radius: 100%;
border-bottom-right-radius: 100%;
border-bottom-left-radius: 100%;
position: absolute;
inset: auto 49.5% 58.2% auto
}
.box.is-14 {
border-top-right-radius: 100%;
border-bottom-right-radius: 100%;
border-bottom-left-radius: 100%;
position: absolute;
inset: auto 46.2% 54.1% auto
}
.box.is-15 {
border-top-left-radius: 100%;
border-bottom-right-radius: 100%;
border-bottom-left-radius: 100%;
position: absolute;
inset: auto 54.1% 51.5% auto
}
.box.is-16 {
border-top-right-radius: 100%;
border-bottom-right-radius: 100%;
border-bottom-left-radius: 100%;
position: absolute;
inset: auto 50% 51.5% auto
}
.box.is-17 {
border-top-left-radius: 100%;
border-top-right-radius: 100%;
border-bottom-right-radius: 100%;
position: absolute;
inset: auto 68.4% 65.6% auto
}
.box.is-18 {
border-top-right-radius: 100%;
border-bottom-right-radius: 100%;
border-bottom-left-radius: 100%;
position: absolute;
inset: auto 72.6% 52.2% auto
}
.box.is-19 {
border-top-left-radius: 100%;
border-top-right-radius: 100%;
border-bottom-left-radius: 100%;
position: absolute;
inset: auto 71.8% 64.5% auto
}
.box.is-20 {
transform-style: preserve-3d;
border-top-left-radius: 100%;
border-top-right-radius: 100%;
border-bottom-right-radius: 100%;
position: absolute;
inset: auto 67.9% 58.8% auto;
transform: rotateX(0)rotateY(-180deg)rotate(180deg)
}
.box.is-21 {
transform-style: preserve-3d;
border-top-right-radius: 100%;
border-bottom-right-radius: 100%;
border-bottom-left-radius: 100%;
position: absolute;
inset: auto 75.8% 53.6% auto;
transform: rotateX(0)rotateY(180deg)rotate(0)
}
.box.is-22 {
border-top-left-radius: 100%;
border-top-right-radius: 100%;
border-bottom-right-radius: 100%;
position: absolute;
inset: auto 75.6% 62.8% auto
}
.box.is-23 {
border-top-left-radius: 100%;
border-top-right-radius: 100%;
border-bottom-left-radius: 100%;
position: absolute;
inset: auto 78.9% 61.2% auto
}
.box.is-24 {
border-radius: 100% 100% 100% 0%;
position: absolute;
inset: auto 74.5% 71.8% auto
}
.box.is-25 {
border-top-left-radius: 100%;
border-top-right-radius: 100%;
border-bottom-left-radius: 100%;
position: absolute;
inset: auto 84.1% 56.8% auto
}
.map-pin_logo {
aspect-ratio: 1;
border-radius: 100%;
display: block
}
.map-pin_logo.rotated {
transform-style: preserve-3d;
transform: rotateX(0)rotateY(-180deg)rotate(0)
}
.container-large-2 {
top: 24rem
}
.answer-group {
margin-bottom: 1.5rem
}
.text-answer {
background-color: #fff;
border-bottom-right-radius: .5rem;
border-bottom-left-radius: .5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
overflow: hidden
}
.text-question {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
cursor: pointer;
background-color: #fff;
border-radius: .5rem;
justify-content: space-between;
align-items: center;
padding: 1.5rem;
display: flex
}
.client-accordion {
flex-direction: column;
justify-content: flex-start;
align-items: stretch
}
.item3 {
margin-bottom: 24px
}
.clients-component {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: stretch stretch;
display: flex;
overflow: hidden
}
.indication-logo {
border-radius: 6px;
width: 3rem;
height: 3rem
}
.indication {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
display: flex
}
.text-wrap {
flex-flow: column
}
.icon-wrap {
background-color: #ededed;
border-radius: 100%;
justify-content: center;
align-items: center;
min-width: 2.5rem;
min-height: 2.5rem;
display: flex
}
.inner-divider {
border-top: 1px solid #0000001a;
margin-top: 2rem;
padding-top: 2rem
}
.map-hover-icon {
border-radius: .5rem;
width: 3rem;
height: 3rem
}
.map-hover-text {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: row;
justify-content: space-between;
align-items: center;
display: flex
}
.popup-box {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
cursor: pointer;
background-color: #fff;
border-radius: .5rem;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
width: 23rem;
padding: 1.5rem;
text-decoration: none;
display: flex;
position: absolute
}
.popup-box.no-events {
cursor: auto
}
.hover-icon {
width: 1.5rem;
height: 1.5rem
}
.box-2 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
display: flex
}
.box-2.icon-hide {
display: none
}
.line-custom2 {
border-top: 1px solid #ffffff26
}
.inner-grid {
grid-template-rows: auto
}
.line-custom3 {
border-top: 1px solid #00000026
}
.map_info-collection-wrapper {
margin-top: 1rem
}
.reviews_map_wrapper {
padding-bottom: 6.2rem
}
.custom-properties {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.insight-card {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: .5rem;
padding-right: .5rem
}
.image-21 {
object-fit: cover
}
.chevron {
color: #000;
width: 1.5rem;
height: 1.5rem
}
.main-grid {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto
}
.link-item {
border-bottom: 1px solid #0000001a;
justify-content: space-between;
align-items: center;
padding-top: 1rem;
padding-bottom: 1.1875rem;
text-decoration: none;
display: flex
}
.black-chevron {
opacity: 0
}
.item {
width: 50%;
display: inline-block
}
.item.all-padding {
padding: .75rem
}
.filters-desktop {
grid-column-gap: .2rem;
grid-row-gap: .2rem;
background-color: #f2f2f2;
border-radius: 100px;
flex-flow: wrap;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 4px;
display: inline-flex
}
.grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-items: stretch stretch
}
.filter-component {
flex-flow: column;
justify-content: center;
align-items: center;
position: relative
}
.filter-container {
z-index: 1000;
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 3.3rem;
display: flex;
overflow: auto
}
.paragraph {
color: #000000e6
}
.no-events {
pointer-events: none
}
.heading-wrap.padding-right.custom-padding {
padding-right: 4.6875rem
}
.project-image-hover-archetypes {
z-index: 5;
object-fit: scale-down;
background-image: url(../66e827feb441589b7d83fa1a_viskas_geresne-min-1.gif);
background-position: 50%;
background-size: contain;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: visible
}
.content_block {
max-width: 41.25rem;
margin-left: auto;
margin-right: auto
}
.content-container {
justify-content: flex-start;
align-items: center;
display: flex
}
.privacy-grid {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-bottom: 1px solid #0000001a;
grid-template-rows: auto;
grid-template-columns: .75fr .75fr .75fr .75fr 2fr;
justify-items: start;
width: 100%;
min-width: 41.25rem;
margin-bottom: 2rem;
padding-bottom: 1rem
}
.privacy-grid.is-padding {
padding-bottom: 2rem
}
.privacy-grid.is-padding.is-no_margin {
margin-bottom: 0
}
.privacy-block {
min-width: 7.5rem
}
.privacy-grid-wrap {
width: 98%
}
.privacy-policy-gap {
padding-bottom: 7.5rem
}
.privacy-policy-gap2 {
padding-bottom: 15.75rem
}
.awards-grid {
grid-column-gap: .875rem;
grid-row-gap: .875rem
}
.awards-banner.background-color-grey {
border-radius: .5rem
}
.awards-content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
display: flex
}
.awards-text-wrap {
grid-column-gap: .125rem;
grid-row-gap: .125rem;
flex-flow: column;
display: flex
}
.gradient {
z-index: 1;
background-image: linear-gradient(#0000, #1838588a 95%);
height: 100%;
max-height: 26.375rem;
position: absolute;
inset: auto 0% 0%
}
.eu-image {
max-width: 22rem
}
.div-block-2 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex
}
.opacity-60.w--current {
opacity: .6
}
.clients-split-block {
flex: 1
}
.background-color-f2f2f2 {
background-color: #f2f2f2
}
.padding-custom4 {
padding-top: 8.75rem
}
.image-full-screen {
width: 100%
}
.is-sticky {
position: sticky;
top: 5rem;
overflow: hidden
}
.horizontal-flex-stretch-top {
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 100%;
display: flex
}
.horizontal-flex-stretch-top.justify {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
justify-content: space-between
}
.horizontal-flex-stretch-top.estimate {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
align-items: center
}
.button-wrapper-config {
flex-flow: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex
}
.margin-bottom-2 {
margin-bottom: 0
}
.checkbox-field-wrapper-2 {
margin-bottom: 0;
padding-left: 0;
position: relative
}
.qc-p-h {
text-align: center
}
.qc-get-in-touch {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #111116;
border-radius: 1rem;
flex-direction: column;
padding: 32px;
display: flex
}
.qc-get-in-touch.hide {
display: none
}
.submit {
color: #2a2a2a;
text-align: center;
letter-spacing: -.06rem;
background-color: #fff;
border: 3px #fff;
border-radius: 40px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-height: 3.75rem;
padding: 15px 45px;
font-weight: 500;
text-decoration: none;
display: flex
}
.submit.width-auto {
width: auto
}
.qc-back-button {
color: #fff;
text-align: center;
background-color: #2a2a2a;
border: 1px #81818b40;
border-radius: 40px;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 100%;
padding: 15px 20px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 700;
text-decoration: none;
transition: box-shadow .2s ease-in-out;
display: flex
}
.qc-back-button.est {
text-align: left;
background-color: #0000;
border: 1px solid #81818b40;
flex: 1;
width: auto;
height: 100%;
min-height: 3.75rem;
max-height: none;
margin-bottom: 0;
padding-left: 24px;
padding-right: 24px
}
.checkbox {
border-style: none;
border-radius: 0;
width: auto;
height: auto;
margin: 0;
display: none;
position: absolute;
inset: 0% auto auto 0%
}
.checkbox.w--redirected-checked {
background-color: #000
}
.form-end {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
color: #fff;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center space-between;
place-items: center;
padding-bottom: 32px;
font-size: 21px;
font-weight: 400;
display: grid
}
.form-end.is-2 {
padding-bottom: 0
}
.success-message-2 {
text-align: center;
background-color: #81818b40
}
.heading-flex-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex
}
.quote-form-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
border-radius: 30px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: center;
place-items: flex-start center;
display: flex;
position: relative
}
.form-wrapper {
grid-column-gap: 56px;
grid-row-gap: 56px;
perspective-origin: 50% 0;
transform-origin: 50% 0;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: flex;
position: relative
}
.code-text {
opacity: 1;
text-align: right;
white-space: nowrap;
overflow-wrap: normal;
font-size: 32px
}
.submit-email {
width: 100%;
margin-bottom: 0
}
.quote-checkbox {
white-space: nowrap;
border: 1px solid #81818b40;
border-radius: 100px;
margin-bottom: 0;
padding: 24px;
position: relative
}
.success-cost-step {
text-align: left;
background-color: #0000
}
.opacity-50-percent {
opacity: .5
}
.form-quote {
z-index: 5;
grid-column-gap: 56px;
grid-row-gap: 56px;
background-color: #161616;
border: .5px solid #ffffff80;
border-radius: 10px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 20rem;
padding: 2rem;
display: flex;
position: sticky;
top: 20rem
}
.result-flex {
align-items: center;
width: 100%;
max-width: 100%;
display: flex
}
.result-flex.gap-8px {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch
}
.form-block-3 {
margin-bottom: 0
}
.vertical-flex {
flex-direction: column;
max-width: 100%;
display: flex
}
.vertical-flex.gap-8px {
grid-column-gap: 8px;
grid-row-gap: 8px
}
.vertical-flex.gap-2rem {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: 55rem
}
.vertical-flex.gap-4rem {
grid-column-gap: 4rem;
grid-row-gap: 4rem
}
.background-color-dadadb {
background-color: #dadadb
}
.flex-block {
justify-content: flex-start;
align-items: center
}
.text-color-72b04d {
color: #72b04d
}
.rotate180 {
transform-style: preserve-3d;
transform: rotateX(180deg)rotateY(0)rotate(0)
}
.configurator-image {
display: block;
position: absolute
}
.background-color-f2eee8 {
background-color: #f2eee8
}
.background-color-1d1d1d {
background-color: #1d1d1d
}
.background-color-c8c2b9 {
background-color: #c8c2b9
}
.project-image-hover-casa {
z-index: 5;
object-fit: scale-down;
background-image: url(../66e827feb441589b7d83fb1e_casagif-1.gif);
background-position: 50%;
background-size: contain;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: visible
}
.filter-button {
color: #000;
text-align: center;
border-radius: 100px;
padding: .625rem 1.25rem;
font-size: 1rem;
line-height: 1.2rem;
text-decoration: none;
transition: color .2s, background-color .2s;
display: inline-block
}
.filter-button:hover,
.filter-button:focus {
color: #fff;
background-color: #000
}
.filter-button.is-font-correction:hover {
color: #000;
background-color: #0000001a
}
.filter-button.is-font-correction.is-checked {
color: #fff;
background-color: #000
}
.filter-button.is-font-correction.is-checked:hover {
opacity: 1
}
.filters-mobile {
grid-column-gap: .2rem;
grid-row-gap: .2rem;
background-color: #f2f2f2;
border-radius: 100px;
flex-flow: wrap;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 4px;
display: none
}
.insight-image-container {
justify-content: center;
align-items: center;
height: 28rem;
overflow: hidden
}
.insight-inner-image-container {
justify-content: center;
align-items: center;
height: 32rem;
overflow: hidden
}
.insight-inner-img {
object-fit: cover;
width: 100%;
height: 150%
}
.container-xsmall-split-view {
width: 100%;
max-width: 50rem;
margin-left: auto;
margin-right: auto
}
.image-100-width {
width: 100%
}
.collection-list-flex {
flex-flow: wrap;
justify-content: flex-start;
display: flex
}
.background-color-d9d9d9 {
background-color: #d9d9d9
}
.section-package {
height: 100vh
}
.background-color-f4f4f4 {
background-color: #f4f4f4
}
.flex-elements-center {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
display: flex
}
.black-button {
grid-column-gap: 10px;
grid-row-gap: 10px;
cursor: pointer;
background-color: #000;
border-radius: 20rem;
justify-content: center;
align-items: center;
padding: .75rem 1.5rem;
text-decoration: none;
display: inline-flex;
overflow: hidden
}
.label {
border: 1px solid #0000001f;
border-radius: 20rem;
padding: .25rem 1rem;
text-decoration: none;
overflow: hidden
}
.floating-section-parent-hero {
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
overflow: hidden
}
.floating-section-child-hero {
flex-direction: column;
justify-content: space-around;
align-items: center;
width: 240rem;
height: 135rem;
margin-top: auto;
margin-bottom: auto;
display: flex;
position: absolute;
inset: 0 auto
}
.process-table-container {
height: 44rem;
position: relative;
overflow: hidden
}
.blur-bg {
-webkit-backdrop-filter: blur(9px);
backdrop-filter: blur(9px);
border-radius: 14px;
width: 90%;
height: 82%;
display: flex;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%)
}
.desktop-process-table {
object-fit: cover;
width: 90%;
margin: auto;
position: static
}
.details-text-caps-white {
color: #0006;
letter-spacing: .0175rem;
font-size: .875rem;
font-weight: 400;
line-height: 1.225rem
}
.section_sticky-services-update {
z-index: 3;
background-color: #fff;
justify-content: space-between;
padding-top: 8rem;
padding-bottom: 12rem;
display: flex;
position: relative
}
.section_sticky-services-update.padding-global {
display: block
}
.relative {
position: relative
}
.align-left {
margin-left: 0;
margin-right: auto
}
.align-right {
margin-left: auto;
margin-right: 0
}
.split-view-heading-padding {
padding-right: 1rem
}
.split-view-spacing {
padding-bottom: 14rem
}
.segment-horizontal {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr
}
.line-divider-vertical {
background-color: var(--16-lines);
align-self: stretch;
width: 1px
}
.line-divider-vertical.is-black {
border-bottom-color: #00000029
}
.radial_link_config {
border: 1px solid var(--10-input-lines);
text-align: center;
border-radius: 100vw;
justify-content: center;
margin-bottom: 0;
padding: .75rem 1.5rem;
transition: color .2s;
display: flex;
position: relative;
overflow: hidden
}
.radial_link_config.selected-toggle {
border-color: var(--black)
}
.vertical-flex-config-full-width {
flex-direction: column;
width: 100%;
max-width: 100%;
margin-bottom: 3rem;
display: flex
}
.vertical-flex-config-full-width.gap-8px {
grid-column-gap: 8px;
grid-row-gap: 8px
}
.vertical-flex-config-full-width.gap-2rem {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: 55rem
}
.vertical-flex-config-full-width.gap-4rem {
grid-column-gap: 4rem;
grid-row-gap: 4rem
}
.link_container-config {
padding: 5px .5rem 5px 0;
display: inline-block;
position: relative
}
.grid-config {
grid-template-rows: auto;
grid-template-columns: 1fr 2fr
}
.width-half {
width: 50%
}
.check-button {
z-index: 30;
opacity: 0;
border-width: 0;
border-radius: 0;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: 0%
}
.width-full {
width: 100%
}
.radial_label {
display: block
}
.checkbox-styled {
width: .85rem;
height: .85rem;
margin-top: 2px;
margin-left: 0
}
.checkbox-styled:hover {
border-radius: 1px
}
.checkbox-styled.w--redirected-checked {
background-color: #000
}
.gray-button-copy {
background-color: #00000014;
border-radius: 20rem;
padding: .75rem 1.5rem;
text-decoration: none;
overflow: hidden
}
.form-wrapper-step-1,
.form-wrapper-step-2,
.form-wrapper-step-3 {
width: 100%
}
.cost-card {
border: 1px solid #0000001a;
border-radius: 8px;
width: 50%;
margin-right: 8px;
padding: .5rem .5rem .6rem .8rem
}
.background-color-ebebeb {
background-color: #ebebeb
}
.pill-input {
border: 1px solid var(--10-input-lines);
text-align: left;
background-color: #0000;
border-radius: 100px;
height: 3.1rem;
margin-bottom: .5rem;
padding: .5rem .75rem .5rem 1.25rem;
font-size: 1.05rem;
line-height: 1.6
}
.pill-input.area {
height: 2.5rem
}
.text-color-50-black {
color: var(--50-opacity)
}
.form_input-field {
margin-bottom: 0;
display: block
}
.form_input-field.is-2 {
top: 24rem;
bottom: 0%;
left: auto
}
.form_input-field-total-cost {
margin-bottom: 0;
display: block
}
.form_input-field-total-cost.is-3 {
top: 35rem;
left: auto
}
.background-color-9a8578 {
background-color: #9a8578
}
.background-color-6b6b6b {
background-color: #6b6b6b
}
.background-color-f7f5f0 {
background-color: #f7f5f0
}
.background-color-bbb8b2 {
background-color: #bbb8b2
}
.background-color-000000 {
background-color: #000
}
.project-image-hover-koderus {
z-index: 5;
object-fit: scale-down;
/* background-image: url('/assets/slow.mp4'); */
background-position: 50% 0;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: visible
}
.project-image-hover-saltz {
z-index: 5;
object-fit: scale-down;
background-image: url('/assets/StyledbyLashe.mp4');
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: visible
}
@media screen and (min-width:1440px) {
h2 {
font-size: 6.5rem
}
img {
width: auto;
height: auto
}
.project-container {
flex-direction: column;
display: block
}
.link.slide-in-bottom.link-nav {
overflow: hidden
}
.section_clients {
width: auto;
height: auto
}
.wrapper {
width: 100vw;
height: 150px;
overflow: hidden
}
.loop-content {
align-items: center;
width: 100%;
height: 100%;
display: flex
}
.content-holder {
padding-bottom: 0;
display: flex
}
.main-button {
display: inline-block
}
.main-button.small-links-wrapper.header-email-link {
display: block
}
.nav-menu {
height: 18rem
}
.nav-menu-links {
height: 84%
}
.nav-menu-background-2 {
height: 18.5rem
}
.popup-toggle-2 {
width: 100%
}
.container-medium.padding-left.padding-large.padding-0-mobile {
padding-left: 14rem
}
.background-color-white {
padding-bottom: 0;
padding-right: 0
}
.text-size-regular {
font-size: 1.35rem
}
.text-color-grey.is-width {
width: 33.75rem
}
.heading-style-h3 {
font-size: 5.4rem
}
.padding-bottom.padding-xhuge {
padding-bottom: 16rem
}
.padding-right.padding-huge.hide-mobile-portrait.padding-custom5 {
padding-right: 12rem
}
.padding-right.padding-huge.hide-mobile-portrait.padding-right-projects {
padding-right: 16rem
}
.padding-xxhuge {
padding: 20rem
}
.heading-style-h1 {
font-size: 8.75rem
}
.float-image-parent.is-1 {
bottom: 10rem;
right: 12rem
}
.float-image-parent.is-3 {
top: 10rem;
left: 45rem
}
.floating-img-container.is-2 {
padding-top: 4rem;
padding-bottom: 7rem
}
.floating-img-container.is-1 {
padding-top: 0
}
.grid-social {
grid-template-rows: auto;
grid-template-columns: 3fr 1fr 1fr 1fr
}
.section_sticky-services.background-color-grey {
background-color: #f2f2f2
}
.project__grid-1.project__grid--margin {
margin-right: .5rem
}
.project-grid__wrapper {
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
overflow: hidden
}
.project__image.project__image--margin {
margin-bottom: .5rem
}
.section-2 {
justify-content: center;
align-items: center;
height: 56.25rem;
display: block;
position: relative
}
.project-grid__inner-wrap {
justify-content: center;
align-items: center;
width: 130vw;
display: flex;
position: absolute;
inset: 0% auto
}
.project__grid-2.project__grid--margin {
margin-right: .5rem
}
.transition {
z-index: 99999;
width: 100%;
height: 100vh;
position: fixed;
inset: 0%
}
.transition-content {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
padding-bottom: 0;
padding-right: 0;
display: none;
position: absolute;
inset: 0%
}
.transition-trigger {
display: none
}
.transition-bg {
background-color: #fff;
width: 100%;
height: 100%;
position: relative
}
.explore-the-site-link {
font-size: 1.5rem
}
.sticky-form-block {
padding-right: 17rem
}
.contact-headline {
width: 60%
}
.connection-text {
padding-right: 8rem
}
.heading-style-h2 {
font-size: 5.4rem
}
.wrapper-style-1 {
height: 16.5rem
}
.section_clients-gray {
width: auto;
height: auto
}
.nav-menu-link-v2 {
text-decoration: none
}
.map-point {
width: .3rem;
height: .3rem
}
.popup-box {
display: none;
position: absolute
}
.insight-image-container {
height: 36rem
}
.insight-inner-image-container {
height: 38rem
}
.container-xsmall-split-view {
max-width: 50rem
}
.process-table-container {
height: 52.5rem
}
.details-text-caps-white {
color: #fff6
}
}
@media screen and (min-width:1920px) {
h2 {
font-size: 7em
}
h4 {
font-size: 3rem
}
h5 {
font-size: 2.5rem
}
.link.slide-in-bottom {
overflow: hidden
}
.collection-item {
width: auto;
height: 64rem
}
.container-medium {
background-image: none
}
.text-size-large {
font-size: 2rem
}
.text-size-large.text-color-white,
.text-size-large.text-color-white.menu-link-size {
font-size: 1.35rem
}
.text-size-large.text-color-black.is-typo-custom {
font-size: 1.375rem;
line-height: 1.815rem
}
.text-size-regular {
font-size: 1.5rem
}
.text-size-regular.text-color-grey {
margin-bottom: 0
}
.text-size-regular.is-larger {
font-size: 1.5rem
}
.heading-style-h3 {
font-size: 6.5rem
}
.padding-bottom.padding-xhuge {
padding-bottom: 19rem
}
.padding-bottom.padding-xhuge.is-correct,
.padding-bottom.padding-custom4.is-correct {
padding-bottom: 12.5rem
}
.padding-right.padding-huge.hide-mobile-portrait.padding-custom5 {
padding-right: 16rem
}
.padding-right.padding-huge.hide-mobile-portrait.padding-right-projects {
padding-right: 17rem
}
.padding-right.padding-custom4 {
padding-right: 18rem
}
.padding-xlarge.is-custom-correct {
padding-top: 12.5rem;
padding-bottom: 0
}
.padding-xxhuge {
padding: 18rem
}
.heading-style-h6 {
font-size: 2rem
}
.container-small {
max-width: 76rem
}
.heading-style-h1 {
font-size: 10.25rem
}
.floating-section-child {
flex-direction: column;
height: 150rem
}
.floating-section-parent {
inset: 0%
}
.float-image-parent.is-1 {
right: 25rem
}
.float-image-parent.is-3 {
top: 18rem;
left: 46rem
}
.float-image-parent.is-4 {
left: 4rem
}
.float-image-parent.is-5 {
bottom: 18rem;
right: 10rem
}
.float-image-parent.is-6 {
top: 10rem;
right: 25rem
}
.float-image-parent.is-7 {
bottom: 19rem;
left: 27rem
}
.float-image-parent.is-8 {
top: 10rem;
left: 38rem
}
.floating-img-container {
position: relative
}
.project-image.is-2.shopify-cover {
display: flex
}
.credits-text {
margin-left: auto;
margin-right: auto
}
.container-medium-smaller {
background-image: none
}
.padding-custom-logo-section.is-correct {
padding-bottom: 12.5rem
}
.sticky-form-block {
padding-right: 22rem
}
.contact-headline {
width: 50%
}
.connection-text {
padding-right: 15rem
}
.heading-style-h2 {
font-size: 6.5rem
}
.logo {
font-size: 2rem
}
.map-point {
width: .3rem;
height: .3rem
}
.icon-wrap {
justify-content: center;
align-items: center
}
.insight-image-container {
height: 40rem
}
.insight-inner-image-container {
height: 44rem
}
.floating-section-parent-hero {
inset: 0%
}
.floating-section-child-hero {
flex-direction: column;
height: 150rem
}
.align-right {
margin-right: 0
}
.split-view-heading-padding {
padding-right: 5rem
}
}
@media screen and (max-width:991px) {
h1 {
font-size: 7rem
}
h2 {
font-size: 4rem
}
h5 {
font-size: 1.75rem
}
.button-old {
justify-content: center
}
.navigation-wrap {
align-items: flex-start;
height: 100%;
margin-right: 0
}
.contact-headline {
width: 100%
}
.project-container {
max-height: 500px
}
.content-holder {
flex-direction: row
}
.collection-item {
height: 40rem
}
.tag-flex {
display: none
}
.collection_item-tag {
margin-top: 8px
}
.main-button.small-links-wrapper {
padding-top: 6px;
padding-bottom: 6px
}
.nav-bar-menu-icon:hover {
opacity: 1
}
.nav-bar-desktop,
.nav-bar-desktop.padding-global {
display: none
}
.video-group {
max-height: 1080px
}
.padding-global {
z-index: 100;
padding-left: 2rem
}
.padding-global.no-padding {
padding-left: 0;
padding-right: 0
}
.padding-global.is-custom-padding {
padding-left: .5rem;
padding-right: .5rem
}
.container-medium.container_project-video {
margin-top: auto;
margin-bottom: auto
}
.container-medium.padding-left.padding-large.padding-0-mobile {
padding-left: 0;
padding-right: 0
}
.margin-xhuge {
margin: 6rem
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.padding-section-medium {
padding-top: 4rem;
padding-bottom: 4rem
}
.text-size-large.text-color-white.menu-link-size {
font-size: 3.38rem
}
.max-width-full-tablet {
width: 100%;
max-width: none
}
.fs-styleguide_2-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr
}
.padding-xxlarge {
padding: 4rem
}
.fs-styleguide_4-col {
grid-template-columns: 1fr
}
.text-size-regular.text-color-grey.is-custom-padding {
padding-left: 2rem;
padding-right: 2rem
}
.text-size-regular.text-color-grey.is-width {
letter-spacing: .01375rem;
width: 100%;
max-width: 32rem;
font-size: 1.375rem;
line-height: 1.925rem
}
.text-size-regular.text-color-grey.is-left-right-padding {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.text-size-regular.text-color-white.is-hidden-on-mobile {
display: none
}
.text-size-regular.is-position-width {
padding-left: 1.5rem;
position: static
}
.text-size-regular.is-wrap {
overflow-wrap: anywhere
}
.hide-tablet {
display: none
}
.padding-xhuge {
padding: 12rem
}
.margin-xxhuge {
margin: 8rem
}
.margin-huge {
margin: 5rem
}
.fs-styleguide_section {
grid-column-gap: 2.5rem;
grid-template-columns: 1fr
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0
}
.margin-medium {
margin: 1.5rem
}
.margin-xxlarge {
margin: 4rem
}
.margin-xlarge {
margin: 3rem
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0
}
.heading-style-h3 {
font-size: 4rem
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.padding-bottom.padding-xhuge.tablet-larger {
padding-bottom: 14rem
}
.padding-bottom.padding-xxhuge.is-smaller {
padding-bottom: 6rem
}
.padding-bottom.padding-huge-custom {
padding-bottom: 10rem
}
.heading-style-h4 {
font-size: 3.5rem
}
.heading-style-h4.text-color-grey.is-width {
max-width: 26.25rem
}
.heading-style-h4.text-color-white.is-sticky.add-width {
height: auto
}
.fs-styleguide_3-col {
grid-template-columns: 1fr
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0
}
.padding-right.padding-custom4 {
padding-right: 0
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0
}
.padding-xlarge {
padding: 3rem
}
.max-width-medium {
max-width: 28rem
}
.padding-large {
padding: 2.5rem
}
.padding-large.is-small {
padding-top: .5rem;
padding-bottom: 0
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0
}
.fs-styleguide_heading-medium {
font-size: 3rem
}
.padding-xxhuge {
padding: 18rem
}
.margin-vertical {
margin-left: 0;
margin-right: 0
}
.padding-medium {
padding: 1.5rem
}
.padding-medium.is-correct {
padding-top: 5rem;
padding-bottom: 0
}
.padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.fs-styleguide_1-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem
}
.padding-huge {
padding: 5rem
}
.padding-huge.is-padding-small {
padding-top: 0;
padding-bottom: 5rem
}
.padding-huge.is-small {
padding-top: 0;
padding-bottom: .5rem
}
.padding-huge.is-medium {
padding-top: 2.5rem;
padding-bottom: 2.5rem
}
.padding-huge.is-correct {
padding-top: 0;
padding-bottom: 5rem
}
.padding-huge.na_correct-1,
.padding-huge.na_correct-2 {
padding-top: 5rem
}
.padding-huge.na_correct-2.aditional-adjust {
padding-top: .5rem
}
.container-small {
width: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0
}
.container-small.is-sticky {
width: 100%
}
.margin-large {
margin: 2.5rem
}
.heading-style-h1 {
font-size: 7rem
}
.container_project-headline {
z-index: 1;
position: absolute
}
.float-image-parent.is-4 {
left: 18.8rem
}
.floating-img-container.is-2,
.floating-img-container.is-1 {
grid-template-rows: 18rem;
grid-template-columns: 24rem 24rem 24rem
}
.section_project-images.is-background-black.is-relative {
z-index: 100;
position: relative
}
.split-images {
grid-template-columns: 1fr
}
.html-embed-desktop {
display: none
}
.html-embed-mobile {
display: block
}
.project-image-container.is-background-black {
z-index: 100
}
.section_sticky-services {
flex-direction: column;
align-items: flex-start;
padding-top: 8rem;
padding-bottom: 8rem
}
.section_sticky-services.is-correcnt {
padding-top: 6.75rem;
padding-bottom: 6.75rem
}
.project-grid__inner-wrap {
width: 100rem
}
.image-5 {
max-width: 191px
}
.image-6 {
max-width: 144px
}
.image-7 {
max-width: 220px
}
.image-8 {
max-width: 148px
}
.image-9 {
max-width: 180px
}
.image-11 {
max-width: 160px
}
.image-12 {
max-width: 132px
}
.image-13 {
max-width: 90px
}
.image-14 {
max-width: 98px
}
.image-15 {
max-width: 144px
}
.image-16 {
max-width: 184px
}
.image-17 {
max-width: 89px
}
.image-18 {
max-width: 208px
}
.image-19 {
max-width: 42px
}
.image-20 {
max-width: 126px
}
.footer_menu-social {
overflow: hidden
}
.heading_review {
font-size: 3rem;
line-height: 3.2rem
}
.card-gray {
min-height: 14rem;
padding: 1.5rem
}
.avatar {
flex-direction: column;
align-items: flex-start
}
.contact-grid {
grid-row-gap: 6rem;
grid-template-columns: 1fr
}
.content {
grid-template-columns: 1fr
}
.contact-headline.is-max-width {
max-width: 28rem
}
.connection-text {
padding-right: 0
}
.tablet-below-only {
display: block
}
.heading-style-h2 {
font-size: 4rem;
line-height: 4rem
}
.slider-card-gray {
padding: 1.5rem
}
.image.is-custom-padding {
padding-left: .5rem;
padding-right: .5rem
}
.navigation-links {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column
}
.nav-menu-link-v2 {
overflow: hidden
}
.space-divider-nav {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
justify-content: flex-start
}
.pulsing-dot {
display: none
}
.burger {
width: 2.2rem;
height: 2.2rem;
margin-right: -4px;
padding: 4px;
display: block
}
.mobile_nav_bottom-buttons {
display: block
}
.padding-navigation {
padding-bottom: 20vh;
padding-right: 0;
display: block
}
.flexbox-height {
flex-direction: column;
justify-content: space-between;
height: 100vh;
padding-bottom: 4rem;
display: none
}
.fs-cc-banner_text {
margin-right: 0
}
.nav-bar-mobile {
z-index: 990;
display: block
}
.nav-bar-mobile-v2 {
justify-content: space-between;
align-items: center;
display: flex
}
.about-grid {
grid-column-gap: 5.5rem;
grid-row-gap: 5.5rem;
grid-template-columns: 1fr
}
.members.is-custom-padding {
padding-left: 1rem;
padding-right: 1rem
}
.member-grid {
grid-template-columns: 1fr 1fr
}
.segment {
grid-template-columns: 1fr
}
.rl_faq6_icon-wrapper {
transform: translate(-2px)
}
.list-wrapper {
margin-top: 0
}
.faq-component {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto
}
.case-grid {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-columns: 1fr
}
.case-grid.is-left-padding {
padding-left: 1.5rem
}
.case-grid.is-left-padding.is-gap {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem
}
.case-grid.is-grid-gap {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.case-grid.is-gap {
grid-column-gap: 5rem;
grid-row-gap: 5rem
}
.gallery-wrapper.is-padding {
padding: 2rem
}
.image-block {
padding: 3.875rem
}
.image-block.is-padding {
padding: 4.75rem 5rem
}
.services-block.is-left-right-padding {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.cell-block {
padding: 2rem
}
._4-img-gallery {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.photography-presentation {
padding: .5rem 0 6rem
}
.quick-stack {
grid-column-gap: .5rem;
grid-row-gap: .5rem
}
.is-left-right-padding {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.slide-style-2.swiper-slide {
flex: none
}
._3-block {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
padding-left: 1rem
}
.four-steps-swiper {
overflow: visible
}
.swiper-wrapper.wrapper-style-1 {
height: 24rem
}
.intro.is-position {
position: static
}
.logo {
font-size: 1.5rem
}
.animate-section {
max-width: 100%
}
.item3 {
margin-bottom: .75rem
}
.clients-component {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column
}
.map-hover-icon {
width: 2.2rem;
height: 2.2rem
}
.popup-box {
padding-top: 1rem;
padding-bottom: 1rem
}
.section.background-color-white {
overflow: clip
}
.main-grid {
grid-template-columns: 1fr
}
.main-grid.is-correct.is-no-gap {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: repeat(auto-fit, 205px)
}
.item {
width: 50%
}
.filters-desktop {
justify-content: center;
align-items: center;
max-width: 38.1rem;
display: flex;
overflow: auto
}
.filter-container {
overflow: auto
}
.div-block {
padding-bottom: 6.75rem
}
.privacy-grid-wrap {
overflow: auto
}
.awards-wrap {
padding-left: .5rem;
padding-right: .5rem
}
.margin-bottom-2 {
font-size: 1.4rem;
line-height: 1
}
.quote-form-wrapper {
grid-template-columns: 1fr
}
.quote-checkbox {
white-space: nowrap
}
.form-quote {
border-style: solid none none;
border-top-color: #ffffff80;
border-radius: 0;
flex-direction: column;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
padding: 2rem 1rem 0;
display: flex;
position: fixed;
inset: auto 0% 0%
}
.vertical-flex.gap-2rem,
.vertical-flex.gap-4rem {
width: 100%
}
.filter-button:focus {
color: #fff
}
.filters-mobile {
justify-content: center;
align-items: center;
max-width: 38.1rem;
overflow: auto
}
.insight-image-container,
.insight-inner-image-container {
height: 21rem
}
.container-xsmall-split-view {
width: 100%;
max-width: 100%
}
.section_sticky-services-update {
flex-direction: column;
align-items: flex-start;
padding-top: 8rem;
padding-bottom: 8rem
}
.split-view-heading-padding {
padding-right: 2rem
}
.split-view-spacing {
padding-bottom: 4rem
}
.segment-horizontal {
grid-template-columns: 1fr
}
.vertical-flex-config-full-width.gap-2rem,
.vertical-flex-config-full-width.gap-4rem {
width: 100%
}
.form_input-field,
.form_input-field-total-cost {
display: none
}
}
@media screen and (max-width:767px) {
h2 {
font-size: 3.375rem
}
h3 {
font-size: 2.75rem
}
h4 {
font-size: 2rem
}
h5 {
font-size: 1.25rem
}
.section_footer_1 {
text-align: center;
flex-direction: column
}
.project-container {
max-height: 640px
}
.content-holder {
grid-column-gap: 14rem;
padding-right: 14rem
}
.collection-list-2 {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-columns: 1fr
}
.main-button {
padding: .75rem 1.5rem
}
.main-button.small-links-wrapper {
padding: .5rem 0
}
.main-button.small-links-wrapper.header-email-link {
display: block
}
.nav-menu {
height: 100vh
}
.nav-menu-links {
width: 100%;
height: 100%;
padding-bottom: 7rem;
display: block;
top: 6rem;
left: 0
}
.nav-menu-footer {
width: 100%;
margin-top: 2rem;
padding-left: 10px;
padding-right: 10px;
position: relative
}
.nav-bar-desktop {
height: 80px
}
.nav-menu-background-2 {
height: 100vh
}
.grid-navigation {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr
}
.padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.container-medium.container-project {
background-image: none;
background-repeat: repeat;
background-size: auto;
background-attachment: scroll;
padding: 1.75rem
}
.margin-xhuge {
margin: 4rem
}
.heading-style-h5 {
font-size: 2rem
}
.heading-style-h5.text-color-white.large-links {
font-size: 2.2rem
}
.text-size-small.text-color-grey.is-width.is-typography-correction {
letter-spacing: .00875rem;
font-size: .875rem;
line-height: 1.225rem
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.padding-section-medium {
padding-top: 3rem;
padding-bottom: 3rem
}
.text-size-large {
font-size: 1.35rem
}
.padding-xxlarge {
padding: 3rem
}
.fs-styleguide_section-header {
font-size: .875rem
}
.text-size-regular.text-color-grey.is-custom-padding {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.text-size-regular.is-position-width.text-color-black.is-typography-correction {
max-width: 100%;
padding-right: 1.5rem
}
.padding-xhuge {
padding: 9rem
}
.margin-xxhuge {
margin: 4.5rem
}
.margin-huge {
margin: 3.5rem
}
.fs-styleguide_heading-large {
font-size: 3rem
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0
}
.hide-mobile-landscape {
display: none
}
.margin-medium {
margin: 1.25rem
}
.margin-xxlarge {
margin: 3rem
}
.margin-xlarge {
margin: 2rem
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0
}
.heading-style-h3 {
font-size: 3rem
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.padding-bottom.padding-xhuge.is-correct {
padding-bottom: 8rem
}
.padding-bottom.padding-xhuge.is-correct.is-other-correct {
padding-bottom: 5rem
}
.padding-bottom.padding-xxhuge.is-smaller {
padding-bottom: 4rem
}
.padding-bottom.padding-xxhuge.is-smaller.is-correct,
.padding-bottom.padding-huge-custom {
padding-bottom: 5rem
}
.padding-bottom.padding-custom4.is-correct {
padding-bottom: 8rem
}
.padding-bottom.padding-custom4.is-correct.is-other-correct {
padding-bottom: 5rem
}
.heading-style-h4.is-left-right-padding,
.heading-style-h4.is-left-right-padding.is-word-break.is-typography-correction {
font-size: 1.375rem;
line-height: 1.815rem
}
.fs-styleguide_label {
font-size: 2em
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0
}
.padding-xlarge {
padding: 2rem
}
.padding-large {
padding: 1.5rem
}
.padding-large.is-correct-2.is-another-correct {
padding-top: 4.19rem
}
.padding-section-small {
padding-top: 2rem;
padding-bottom: 2rem
}
.padding-section-small.is-no-gap {
padding-bottom: 0
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.max-width-full-mobile-landscape {
width: 100%;
max-width: none
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0
}
.fs-styleguide_version {
font-size: .875rem
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0
}
.text-style-nowrap {
white-space: normal
}
.fs-styleguide_heading-medium {
font-size: 2rem
}
.margin-vertical {
margin-left: 0;
margin-right: 0
}
.padding-medium {
padding: 1.25rem
}
.padding-medium.is-correct {
padding-top: 6.25rem
}
.padding-medium.is-correct.is-other-correct {
padding-top: 4.69rem
}
.padding-medium.is-correction {
padding-top: 5rem;
padding-bottom: 0
}
.padding-section-large {
padding-top: 4rem;
padding-bottom: 4rem
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.heading-style-h6 {
font-size: 1.375rem
}
.padding-huge {
padding: 3.5rem
}
.padding-huge.padding-right {
display: none
}
.padding-huge.is-padding-small.is-another-correct.is-other-correct,
.padding-huge.is-small.is-another-correct.is-other-correct {
padding-top: 5rem
}
.padding-huge.is-small.is-another-correct.is-no-padding {
padding-top: .5rem
}
.padding-huge.is-correct {
padding-top: 5rem;
padding-bottom: 0
}
.padding-huge.is-correct.is-another-correct.is-other-correct,
.padding-huge.is-correct-6.is-another-correct.is-other-correct,
.padding-huge.background-color-grey.is-correct.is-other-correct,
.padding-huge.is-antother-correct.is-other-correct {
padding-top: 5rem
}
.container-small.is-sticky {
position: static
}
.margin-large {
margin: 1.5rem
}
.heading-style-h1 {
font-size: 5rem
}
.floating-section-child {
height: 100rem
}
.float-image-parent.is-1,
.float-image-parent.is-2,
.float-image-parent.is-3 {
display: none
}
.float-image-parent.is-4 {
left: 10rem
}
.floating-img-container.is-2 {
grid-column-gap: 8rem;
grid-template-rows: 12rem;
grid-template-columns: 18rem 18rem 18rem
}
.floating-img-container.is-1 {
grid-column-gap: 8rem;
grid-template-rows: 16rem;
grid-template-columns: 20rem 20rem 20rem
}
.split-images {
grid-row-gap: 4rem
}
.section_footer_video {
text-align: center;
flex-direction: column
}
.grid-social {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
width: 70%
}
.section_sticky-services.background-color-grey.is-correct {
padding-top: 5rem;
padding-bottom: 5rem
}
.section_sticky-services.is-1.is-bottom-padding.is-padding-correct {
padding-bottom: 5rem
}
.section_sticky-services.is-color.is-correct,
.section_sticky-services.is-correcnt {
padding-top: 6.75rem
}
.section_sticky-services.is-padding-correct {
padding-top: 5rem;
padding-bottom: 5rem
}
.project__grid-1.project__grid--margin {
margin-right: .25rem
}
.project__image.project__image--margin {
margin-bottom: .25rem
}
.section-2 {
height: 35rem
}
.project-grid__inner-wrap {
width: 90rem
}
.link_text,
.submit-button {
font-size: 1rem
}
.project__grid-2.project__grid--margin {
margin-right: .25rem
}
.padding-custom-logo-section.is-correct {
padding-bottom: 8rem
}
.padding-custom-logo-section.is-correct.is-other-correct {
padding-bottom: 5rem
}
.connection-blocks {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr
}
.avatar {
flex-direction: row
}
.text-place {
align-self: center
}
.contact-grid {
grid-row-gap: 4rem;
grid-template-columns: 1fr
}
.sticky-form-block {
padding-right: 8rem
}
.contact-headline.is-max-width {
max-width: 23rem
}
.connection-text {
padding-right: 3rem
}
.heading-style-h2 {
font-size: 3.375rem;
line-height: 3.375rem
}
.swiper-buttons {
top: -5rem
}
.navigation-links,
.space-divider-nav {
grid-column-gap: 1rem;
grid-row-gap: 1rem
}
.padding-navigation {
padding-bottom: 10vh
}
.fs-cc-banner_component {
padding-top: .75rem;
padding-bottom: .75rem
}
.answer-wrapper {
margin-bottom: 1.25rem
}
.answer {
padding-left: 0;
padding-right: 0
}
.question {
flex-flow: row;
justify-content: space-between;
align-items: center;
padding: 1rem 0
}
.faq-component {
grid-row-gap: 3rem;
grid-template-columns: 1fr
}
.answer-group {
margin-bottom: 1.25rem
}
.text-question {
padding: 1rem
}
.item3 {
margin-bottom: .75rem
}
.clients-component {
justify-content: center;
align-items: center
}
.icon-wrap {
min-width: 2.5rem;
min-height: 2.5rem
}
.popup-box {
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex
}
.inner-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr
}
.insight-card {
margin-bottom: 3rem;
padding-left: 0;
padding-right: 0
}
.main-grid.is-correct {
grid-column-gap: 0rem;
grid-row-gap: 0rem
}
.main-grid.is-correct.is-no-gap {
grid-template-rows: auto
}
.item {
width: 100%
}
.item.all-padding {
padding-left: 0;
padding-right: 0
}
.filters-desktop {
max-width: 30.9rem;
display: none
}
.filter-container {
justify-content: center;
align-items: center;
top: 92vh
}
.content_block {
overflow: hidden
}
.privacy-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
min-width: 38.125rem;
display: flex
}
.privacy-grid.is-padding {
place-items: start stretch;
display: flex
}
.privacy-block {
min-width: 6.875rem
}
.qc-get-in-touch {
padding: 16px
}
.form-quote {
padding: 2rem 1rem 0
}
.filter-button.is-font-correction {
font-size: 1rem
}
.filters-mobile {
max-width: 30.9rem;
display: flex
}
.insight-image-container,
.insight-inner-image-container {
height: 20rem
}
.floating-section-child-hero {
height: 100rem
}
.split-view-spacing {
padding-bottom: 2rem
}
}
@media screen and (max-width:479px) {
h1 {
font-size: 4.4rem
}
.navigation-wrap {
pointer-events: auto
}
.section_footer_1 {
flex-direction: column
}
.collection-item {
height: 130vmin
}
.main-button.small-links-wrapper {
padding-top: .5rem;
padding-bottom: .5rem;
padding-right: 0
}
.nav-bar-menu {
justify-content: flex-end;
width: 2.1rem;
height: 2.1rem;
margin-top: 1px
}
.nav-menu-links {
width: 100%;
height: 100%;
padding-bottom: 11rem;
display: block;
top: 9rem
}
.nav-menu-footer {
justify-content: space-between;
padding-left: 0;
bottom: 0%;
left: 0
}
.small-links-wrapper {
margin-right: 0
}
.grid-navigation {
grid-row-gap: .75rem;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
margin-bottom: 2rem
}
.video-group {
max-height: 896px
}
.padding-global {
padding-left: 1rem;
padding-right: 1rem
}
.text-size-small.text-color-grey.is-width {
width: 90%
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.text-size-regular {
margin-bottom: 0
}
.text-size-regular.text-color-grey.is-custom-padding {
padding-left: 1rem;
padding-right: 1rem
}
.text-size-regular.is-width {
width: 15.625rem
}
.text-size-regular.is-position-width {
padding-right: 1.5rem
}
.text-size-regular.is-wrap {
margin-right: 1rem
}
.hide-mobile-portrait {
display: none
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0
}
.max-width-full-mobile-portrait {
width: 100%;
max-width: none
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.padding-bottom.padding-xxlarge {
padding-bottom: 4rem
}
.heading-style-h4 {
font-size: 2.8rem
}
.heading-style-h4.is-left-right-padding.is-word-break {
overflow-wrap: anywhere
}
.heading-style-h4.smaller-case-inner {
font-size: 1.375rem;
line-height: 1.8rem
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0
}
.max-width-medium {
max-width: 23rem
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0
}
.margin-vertical {
margin-left: 0;
margin-right: 0
}
.padding-medium.is-correct.is-4 {
padding-top: 5rem
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.padding-huge.is-correct-6 {
padding-top: 5rem;
padding-bottom: 0
}
.padding-huge.background-color-grey.is-correct {
padding-top: 5rem
}
.container-small {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.container-small.mobile-no-padding {
padding-left: 0;
padding-right: 0
}
.heading-style-h1 {
font-size: 5rem
}
.floating-section-child {
width: 100rem;
inset: 0% auto 0% -262px
}
.floating-section-parent {
flex-direction: row;
justify-content: space-between;
align-items: stretch;
inset: 0%
}
.float-image-parent.is-4 {
bottom: 16.2rem;
left: auto;
right: 5rem
}
.float-image-parent.is-5 {
top: 1rem;
bottom: auto;
right: 32rem
}
.float-image-parent.is-6 {
display: none
}
.float-image-parent.is-7 {
bottom: 19.6rem;
left: auto;
right: 3.5rem
}
.floating-img-container {
grid-column-gap: 11rem;
grid-row-gap: 10rem
}
.floating-img-container.is-1 {
grid-template-rows: 12rem;
grid-template-columns: 18rem 18rem 18rem
}
.section_footer_video {
flex-direction: column
}
.html-embed-desktop {
display: none
}
.grid-social {
grid-row-gap: .25rem;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
width: 100%
}
.section_sticky-services {
padding-top: 6.5rem;
padding-bottom: 6.5rem
}
.project__grid-1.project__grid--margin {
margin-right: .2rem
}
.project__image.project__image--margin {
margin-bottom: .2rem
}
.section-2 {
height: 25rem
}
.project-grid__inner-wrap {
width: 48rem
}
.field_parent {
padding-bottom: 3rem
}
.field {
height: 2rem;
font-size: 1.375rem;
line-height: 1.4
}
.link_container {
padding: .5rem .25rem .25rem
}
.shapes {
margin-left: -1vw;
padding-bottom: 4rem
}
.radial_link {
margin-bottom: 0;
padding-left: 1.25rem;
padding-right: 1.25rem;
font-size: 10px
}
.link-2 {
font-size: 10px
}
.project__grid-2.project__grid--margin {
margin-right: .2rem
}
.padding-custom-logo-section {
padding-bottom: 10rem
}
.heading_review {
font-size: 2.5rem;
line-height: 2.5rem
}
.card-gray {
min-height: 18rem
}
.card-gray.left {
min-height: 22rem
}
.card-gray.right {
min-height: 12rem
}
.avatar {
flex-direction: column;
align-items: flex-start
}
.address-text {
font-size: 1.5rem;
line-height: 2.07rem
}
.sticky-form-block {
padding-right: 0
}
.line-button {
margin-bottom: 0
}
.wrapper-style-1 {
height: auto;
min-height: 18rem
}
.swiper-buttons {
top: -4rem;
left: 0%;
right: auto
}
.image.is-custom-padding.not-100 {
height: auto
}
.burger {
justify-content: flex-end
}
.mobile_nav_bottom-buttons {
flex-flow: wrap;
align-items: flex-end
}
.padding-navigation {
padding-bottom: 8vh
}
.flexbox-height {
pointer-events: auto
}
.fs-cc-banner_buttons-wrapper {
text-align: center;
flex-direction: column;
align-items: flex-start
}
.set-all-components-to-display-none-and-use-this-div-to-create-a-symbol,
.fs-cc-banner_button {
display: none
}
.fs-cc-banner_component {
padding-bottom: .85rem
}
.member-grid,
.faq-component {
grid-template-columns: 1fr
}
.case-grid.is-left-padding {
padding-left: 1rem
}
.text-block {
width: auto
}
.image-block,
.image-block.is-padding {
padding: 2rem
}
.container-fullscreen.is-height {
height: 80vh
}
.container-fullscreen.is-height.is-height-no {
height: auto
}
.border-radius {
border-radius: .5rem
}
.photography-presentation.is-correct-6 {
padding-top: 0;
padding-bottom: 5rem
}
.photography-presentation.is-correct-6.is-additional-correct {
padding-top: .5rem
}
.reviews_map_img {
width: 140%;
max-width: 140%
}
.map-point {
width: .175rem;
height: .175rem
}
.map-point.is-1._35 {
bottom: 22%;
right: 3%
}
.map-point.is-2._33 {
bottom: 38%;
right: 15.5%
}
.map-point.is-3._30 {
bottom: 49.8%;
right: 35%
}
.map-point.is-4._18 {
bottom: 74%;
right: 53%
}
.map-point.is-5._18 {
bottom: 66%;
right: 55%
}
.map-point.is-7._15 {
bottom: 56.5%;
right: 56%
}
.map-point.is-8._11 {
right: 77.7%
}
.map-point.is-10._8 {
bottom: 60%;
right: 83.4%
}
.map-point.is-11._4 {
bottom: 60%;
right: 90.5%
}
.map-point.is-12._6 {
bottom: 70%;
right: 88%
}
.map-point.is-14._27 {
bottom: 69.6%;
right: 45%
}
.box {
width: 4.5%
}
.box.is-1-1._34 {
bottom: 24%;
right: 3%
}
.box.is-1-2._36.hide-this {
bottom: 16%;
right: 4.1%
}
.box.is-2-2._32 {
bottom: 40%;
right: 16%
}
.box.is-3-3._31 {
bottom: 51.5%;
right: 31%
}
.box.is-4._28 {
bottom: 69%;
right: 40%
}
.box.is-5._26 {
bottom: 71%;
right: 45%
}
.box.extrica._29 {
bottom: 61.5%;
right: 41.5%
}
.box.is-7._19 {
bottom: 76%
}
.box.is-9._21 {
bottom: 66%;
right: 50%
}
.box.is-10._17 {
bottom: 67.5%;
right: 55%
}
.box.azn._22 {
bottom: 58.3%;
right: 51%
}
.box.is-14._25 {
right: 44%
}
.box.is-15._14 {
bottom: 49%;
right: 57%
}
.box.is-17._12 {
right: 74%
}
.box.is-18._9 {
right: 80%
}
.box.is-19._10 {
right: 79%
}
.box.is-20._13 {
bottom: 57%;
right: 73%
}
.box.is-21.b {
right: 85%
}
.box.is-22._5 {
bottom: 62%;
right: 86.6%
}
.box.is-23._3 {
bottom: 60%;
right: 92%
}
.box.is-24._7 {
bottom: 72%;
right: 84%
}
.indication {
justify-content: space-between;
align-items: flex-start
}
.map_info-collection-wrapper {
margin-top: 2rem
}
.filters-desktop {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
margin-left: 0;
margin-right: 0;
padding: 3px;
display: none
}
.filter-container {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr
}
.heading-wrap.padding-right.custom-padding {
padding-right: 0
}
.content_block {
overflow: hidden
}
.privacy-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr
}
.awards-grid {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-columns: 1fr
}
.padding-custom4 {
padding-top: 5rem
}
.horizontal-flex-stretch-top.estimate {
justify-content: space-between
}
.qc-p-h {
display: none
}
.submit.width-auto {
width: 100%
}
.qc-back-button.est {
text-align: center
}
.form-end.is-2 {
padding-bottom: 16px
}
.quote-form-wrapper {
flex-flow: column;
justify-content: center;
align-items: center
}
.quote-checkbox {
border-radius: 2rem;
padding: 20px;
font-size: 12px;
font-weight: 500;
line-height: 16px
}
.form-quote {
padding: 1.5rem 2rem 1rem 1rem;
inset: auto 0% 0%
}
.vertical-flex.gap-2rem {
grid-column-gap: 0rem;
grid-row-gap: 0rem
}
.filter-button.w--current {
padding: .65rem .9rem
}
.filter-button.is-font-correction,
.filter-button.is-font-correction.is-checked {
padding-left: .9rem;
padding-right: .9rem
}
.filters-mobile {
margin-left: 0;
margin-right: 0;
padding: 3px
}
.insight-inner-image-container {
height: 12rem
}
.floating-section-parent-hero {
flex-direction: row;
justify-content: space-between;
align-items: stretch;
inset: 0%
}
.floating-section-child-hero {
width: 100rem;
inset: 0% auto 0% -262px
}
.section_sticky-services-update {
padding-top: 6.5rem;
padding-bottom: 6.5rem
}
.split-view-heading-padding {
padding-right: 0
}
.radial_link_config {
margin-bottom: 0;
padding-left: 1.25rem;
padding-right: 1.25rem;
font-size: 10px
}
.vertical-flex-config-full-width.gap-2rem {
grid-column-gap: 0rem;
grid-row-gap: 0rem
}
.link_container-config {
padding: .5rem .25rem .25rem
}
.pill-input {
height: 2rem;
font-size: 1.375rem;
line-height: 1.4
}
}
#w-node-_129531f9-71d8-d2c4-0113-aba22c8338ff-7d83f6f9 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_5ef1deac-0a4e-5c6d-6aa1-36c739d1ddc8-39d1dd78 {
grid-area: 1/1/2/2
}
#w-node-_5ef1deac-0a4e-5c6d-6aa1-36c739d1ddca-39d1dd78 {
grid-area: 1/2/2/3
}
#w-node-_5ef1deac-0a4e-5c6d-6aa1-36c739d1ddcc-39d1dd78 {
grid-area: 1/3/2/4
}
#w-node-_5ef1deac-0a4e-5c6d-6aa1-36c739d1ddd0-39d1dd78 {
grid-area: 1/1/2/2
}
#w-node-_5ef1deac-0a4e-5c6d-6aa1-36c739d1ddd2-39d1dd78 {
grid-area: 1/3/2/4
}
#w-node-_7a13f86e-16d5-3fa5-903f-22b32f8c706c-2f8c7063 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_7a13f86e-16d5-3fa5-903f-22b32f8c7083-2f8c7063 {
grid-area: span 1/span 1/span 1/span 1;
align-self: auto
}
#w-node-_59c8b572-3726-956f-d067-d23711adfaf6-11adfaea {
justify-self: center
}
#w-node-_59c8b572-3726-956f-d067-d23711adfaf9-11adfaea,
#w-node-_59c8b572-3726-956f-d067-d23711adfafc-11adfaea {
grid-area: span 1/span 1/span 1/span 1;
justify-self: center
}
#w-node-c789b044-edf4-f4cd-84cd-fe6d16b4e2cd-11adfaea {
justify-self: center
}
#w-node-c789b044-edf4-f4cd-84cd-fe6d16b4e2d0-11adfaea,
#w-node-c789b044-edf4-f4cd-84cd-fe6d16b4e2d3-11adfaea {
grid-area: span 1/span 1/span 1/span 1;
justify-self: center
}
#w-node-c789b044-edf4-f4cd-84cd-fe6d16b4e2d6-11adfaea {
grid-area: span 1/span 1/span 1/span 1;
justify-self: end
}
#w-node-ee10c369-9ba4-c52d-17b0-83f4d0ec985c-7d83f74d {
grid-area: 1/1/2/2
}
#w-node-ee10c369-9ba4-c52d-17b0-83f4d0ec985e-7d83f74d {
grid-area: 1/2/2/3
}
#w-node-ee10c369-9ba4-c52d-17b0-83f4d0ec9860-7d83f74d {
grid-area: 1/3/2/4
}
#w-node-ee10c369-9ba4-c52d-17b0-83f4d0ec9864-7d83f74d {
grid-area: 1/1/2/2
}
#w-node-ee10c369-9ba4-c52d-17b0-83f4d0ec9866-7d83f74d {
grid-area: 1/3/2/4
}
#w-node-_2c32dde0-b0b7-32d6-8aad-2c73fa23ec10-7d83f765,
#w-node-_69116afb-a88e-b8f3-d0cf-a1786e20fdc4-7d83f766,
#w-node-_1ad7c4d4-e336-f0eb-a9fc-f490fd022e0c-7d83f766,
#w-node-_7e4c1cbd-a832-e666-549d-c0ae32205e68-7d83f766,
#w-node-_05fb456d-986f-8db2-d905-2ac034e04cce-7d83f766,
#w-node-_69116afb-a88e-b8f3-d0cf-a1786e20fdc4-7d83f76b,
#w-node-_1ad7c4d4-e336-f0eb-a9fc-f490fd022e0c-7d83f76b,
#w-node-_7e4c1cbd-a832-e666-549d-c0ae32205e68-7d83f76b,
#w-node-_05fb456d-986f-8db2-d905-2ac034e04cce-7d83f76b,
#w-node-_44b18d80-522a-28dc-4ac1-e6df68d706be-7d83f76c,
#w-node-_44b18d80-522a-28dc-4ac1-e6df68d706c0-7d83f76c,
#w-node-_7e60e966-73fb-1b62-8bd7-970275c4266a-7d83f76c,
#w-node-_7e60e966-73fb-1b62-8bd7-970275c4266c-7d83f76c,
#w-node-_69116afb-a88e-b8f3-d0cf-a1786e20fdc4-7d83f76d {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_1ad7c4d4-e336-f0eb-a9fc-f490fd022e0c-7d83f76d {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-e8785205-e1a8-54d2-7472-dc28373f8594-7d83f76f,
#w-node-e8785205-e1a8-54d2-7472-dc28373f8596-7d83f76f,
#w-node-e8785205-e1a8-54d2-7472-dc28373f85af-7d83f76f,
#w-node-e8785205-e1a8-54d2-7472-dc28373f85b1-7d83f76f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-d53f5180-8fe3-afa5-9fc2-1d068c1cd308-7d83f771 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr
}
#w-node-_907f5af3-7c83-7f0d-91fb-8709cd1fc77a-7d83f771 {
grid-area: 1/1/2/2
}
#w-node-_2641c9a6-2b93-8a26-f05b-72c5127272be-7d83f771 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr
}
#w-node-_885b34bd-705e-3ea5-1559-b8154f646fd4-7d83f771 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr
}
#w-node-_7f16b252-12ed-1618-fb14-8752286f1a29-7d83f789 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_2a2b56b7-0fd4-2795-701c-93bc1d4e1be6-7d83f78b {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr
}
#w-node-_2a2b56b7-0fd4-2795-701c-93bc1d4e1c03-7d83f78b,
#w-node-_2b9e3283-1552-ac30-fce0-8dc96bae21bb-7d83f7a0 {
grid-area: 1/1/2/2
}
#w-node-dad86c85-7656-d148-737c-ec96d7f5fa9b-7d83f7a0 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr
}
#w-node-_8aede56d-8fb2-882e-a6a3-5499ded01a24-7d83f7a0 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr
}
#w-node-_8aede56d-8fb2-882e-a6a3-5499ded01a41-7d83f7a0 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr
}
#w-node-_6f954c59-bbe5-7a93-3d69-194e6bfc8694-7d83f7a2 {
grid-area: 1/1/2/2
}
#w-node-_8aede56d-8fb2-882e-a6a3-5499ded01a24-7d83f7a2 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr
}
#w-node-_3ac4315f-7dbd-5ff6-8bfa-6ed7d8a6e16b-7d83f7a4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr
}
#w-node-_8aede56d-8fb2-882e-a6a3-5499ded01a24-7d83f7a4 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr
}
#w-node-_2204eae4-0eb9-166b-9243-f9db3816d525-edb07ef8,
#w-node-eec0f249-f69e-aa2f-3e28-2fe0edb07f0e-edb07ef8,
#w-node-eec0f249-f69e-aa2f-3e28-2fe0edb07eff-edb07ef8 {
grid-area: 1/2/2/3
}
#w-node-_6f954c59-bbe5-7a93-3d69-194e6bfc8694-7d83f7a5,
#w-node-_345bfa4b-f6b9-fc0e-42ad-ca673928f231-7d83f7a5 {
grid-area: 1/1/2/2
}
#w-node-_8aede56d-8fb2-882e-a6a3-5499ded01a24-7d83f7a5 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr
}
#w-node-_3ac4315f-7dbd-5ff6-8bfa-6ed7d8a6e16b-7d83f7a6 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr
}
#w-node-_8aede56d-8fb2-882e-a6a3-5499ded01a24-7d83f7a6 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr
}
#w-node-b921cbe3-31f3-c064-ef08-9b153c024645-7d83f7a6 {
grid-area: 1/1/2/2
}
#w-node-fda8b019-109c-ee4b-ccf6-35e943ccfca1-7d83f7a6 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr
}
#w-node-a470ed33-a486-841d-e544-aa822aadae54-38a3afe3 {
grid-area: 1/1/2/2
}
#w-node-_3ac4315f-7dbd-5ff6-8bfa-6ed7d8a6e16b-38a3afe3 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr
}
#w-node-_8aede56d-8fb2-882e-a6a3-5499ded01a24-38a3afe3,
#w-node-_8aede56d-8fb2-882e-a6a3-5499ded01a24-3f5ac51a {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr
}
@media screen and (min-width:1920px) {
#w-node-_5ef1deac-0a4e-5c6d-6aa1-36c739d1ddc6-39d1dd78,
#w-node-ee10c369-9ba4-c52d-17b0-83f4d0ec985a-7d83f74d,
#w-node-_2c32dde0-b0b7-32d6-8aad-2c73fa23ec10-7d83f765 {
grid-area: span 1/span 1/span 1/span 1
}
}
@media screen and (max-width:991px) {
#w-node-d53f5180-8fe3-afa5-9fc2-1d068c1cd308-7d83f771 {
grid-template-rows: auto auto;
grid-template-columns: 1fr
}
#w-node-_2641c9a6-2b93-8a26-f05b-72c5127272be-7d83f771 {
grid-template-rows: auto;
grid-template-columns: 1fr
}
#w-node-_885b34bd-705e-3ea5-1559-b8154f646fd4-7d83f771 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr
}
#w-node-da0e5d49-79cb-2846-abe4-39320386fcea-7d83f789 {
order: -9999
}
#w-node-_8d2eada4-9b07-e67b-bb38-5a624016248f-7d83f789 {
order: 9999
}
#w-node-_2a2b56b7-0fd4-2795-701c-93bc1d4e1be6-7d83f78b,
#w-node-dad86c85-7656-d148-737c-ec96d7f5fa9b-7d83f7a0 {
grid-template-rows: auto auto;
grid-template-columns: 1fr
}
#w-node-_8aede56d-8fb2-882e-a6a3-5499ded01a24-7d83f7a0 {
grid-template-rows: auto;
grid-template-columns: 1fr
}
#w-node-_8aede56d-8fb2-882e-a6a3-5499ded01a41-7d83f7a0 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr
}
#w-node-_8aede56d-8fb2-882e-a6a3-5499ded01a24-7d83f7a2 {
grid-template-rows: auto;
grid-template-columns: 1fr
}
#w-node-_3ac4315f-7dbd-5ff6-8bfa-6ed7d8a6e16b-7d83f7a4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr
}
#w-node-_8aede56d-8fb2-882e-a6a3-5499ded01a24-7d83f7a4 {
grid-template-rows: auto;
grid-template-columns: 1fr
}
#w-node-_2204eae4-0eb9-166b-9243-f9db3816d525-edb07ef8,
#w-node-eec0f249-f69e-aa2f-3e28-2fe0edb07f0e-edb07ef8,
#w-node-eec0f249-f69e-aa2f-3e28-2fe0edb07eff-edb07ef8 {
grid-column-start: 1
}
#w-node-_8aede56d-8fb2-882e-a6a3-5499ded01a24-7d83f7a5 {
grid-template-rows: auto;
grid-template-columns: 1fr
}
#w-node-_3ac4315f-7dbd-5ff6-8bfa-6ed7d8a6e16b-7d83f7a6 {
grid-template-rows: auto auto;
grid-template-columns: 1fr
}
#w-node-_8aede56d-8fb2-882e-a6a3-5499ded01a24-7d83f7a6 {
grid-template-rows: auto;
grid-template-columns: 1fr
}
#w-node-fda8b019-109c-ee4b-ccf6-35e943ccfca1-7d83f7a6 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr
}
#w-node-_3ac4315f-7dbd-5ff6-8bfa-6ed7d8a6e16b-38a3afe3 {
grid-template-rows: auto auto;
grid-template-columns: 1fr
}
#w-node-_8aede56d-8fb2-882e-a6a3-5499ded01a24-38a3afe3,
#w-node-_8aede56d-8fb2-882e-a6a3-5499ded01a24-3f5ac51a {
grid-template-rows: auto;
grid-template-columns: 1fr
}
}
@media screen and (max-width:767px) {
#w-node-_885b34bd-705e-3ea5-1559-b8154f646fd4-7d83f771,
#w-node-_8aede56d-8fb2-882e-a6a3-5499ded01a41-7d83f7a0,
#w-node-fda8b019-109c-ee4b-ccf6-35e943ccfca1-7d83f7a6 {
grid-template-rows: auto auto;
grid-template-columns: 1fr
}
}
@media screen and (max-width:479px) {
#w-node-_4302dc98-5659-c7c6-d3d2-4e910391728e-7d83f771,
#w-node-de0dce5b-3536-2e43-6844-c892ca4c5f71-7d83f7a6 {
grid-area: span 1/span 1/span 1/span 1
}
}
@font-face {
font-family: 'Helvetica Neue';
src: url('../66e827feb441589b7d83f73d_HelveticaNeue-Light-1.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helvetica Neue lt std';
src: url('../66e827feb441589b7d83f724_HelveticaNeueLTStd-Lt-1.otf') format('opentype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Suisseintl';
src: url('../66e827feb441589b7d83f73b_SuisseIntl-Regular-1.otf') format('opentype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Suisseintl';
src: url('../66e827feb441589b7d83f777_SuisseIntl-Light-1.otf') format('opentype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Suisseintl';
src: url('../66e827feb441589b7d83f75a_SuisseIntl-LightItalic-1.otf') format('opentype');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Suisseintl book';
src: url('../66e827feb441589b7d83f75b_SuisseIntl-Book-1.otf') format('opentype');
font-weight: 500;
font-style: normal;
font-display: swap;
}