html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Polysans;
src: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91ae7_PolySans-Neutral.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Polysans;
src: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91b05_PolySans-Median.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Polysans;
src: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91ae9_PolySans-Bulky.woff") format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Polysans;
src: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91aea_PolySans-Slim.woff") format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91c5e_Inter_18pt-ExtraBold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91c44_Inter_18pt-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91c58_Inter_18pt-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91c59_Inter_18pt-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91c57_Inter_18pt-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91c55_Inter_18pt-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
:root {
--color--1a1a1a: #1a1a1a;
--color--fafafa: #fafafa;
--background-color--background-primary\: var(--base-color-neutral--black\);
--text-color--text-alternate\: var(--base-color-neutral--white\);
--text-color--text-primary\: var(--base-color-neutral--black\);
--text-color--text-secondary\: var(--base-color-neutral--neutral-darker\);
--background-color--background-success\: var(--base-color-system--success-green\);
--text-color--text-success\: var(--base-color-system--success-green-dark\);
--color--202121: #202121;
--color--ffffff: white;
--border-color--border-primary\: var(--base-color-neutral--neutral-lightest\);
--background-color--background-alternate\: var(--base-color-neutral--white\);
--color--a9a9a9: darkgrey;
--background-color--background-secondary\: var(--base-color-brand--blue\);
--pure-black: #000;
--background-color--background-tertiary\: var(--base-color-brand--pink\);
--background-color--background-error\: var(--base-color-system--error-red\);
--text-color--text-error\: var(--base-color-system--error-red-dark\);
--border-color--border-alternate\: var(--base-color-neutral--neutral-darker\);
--background-color--background-warning\: var(--base-color-system--warning-yellow\);
--text-color--text-warning\: var(--base-color-system--warning-yellow-dark\);
--transparent: #0000;
--color--circus-live: #ff3636;
--circus-white: #fafafa;
--light-white: #eeeff1;
--color--252626: #252626;
--color--2d2d2d: #2d2d2d;
--color--576d68: #576d68;
--color--eeeff1: #eeeff1;
--light-grey: #a9a9a9;
--color--error: #f2655c;
--color--focus: #d0e6e1;
--sessions--width: 300px;
--base-color-neutral--black\: #000;
--base-color-neutral--white\: #fff;
--base-color-neutral--neutral-darker\: #222;
--base-color-system--success-green\: #cef5ca;
--base-color-system--success-green-dark\: #114e0b;
--base-color-neutral--neutral-lightest\: #eee;
--base-color-brand--blue\: #2d62ff;
--base-color-brand--pink\: #dd23bb;
--base-color-system--error-red\: #f8e4e4;
--base-color-system--error-red-dark\: #3b0b0b;
--base-color-system--warning-yellow\: #fcf8d8;
--base-color-system--warning-yellow-dark\: #5e5515;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.w-pagination-previous {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-previous-icon {
margin-right: 4px;
}
.w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-page-count {
text-align: center;
width: 100%;
margin-top: 20px;
}
body {
background-color: var(--color--1a1a1a);
color: var(--color--fafafa);
font-family: Inter, Arial, sans-serif;
font-size: 1rem;
line-height: 1.4;
}
h1 {
margin-top: 0;
margin-bottom: 0;
font-family: Polysans, sans-serif;
font-size: 4rem;
font-weight: 400;
line-height: 1.1;
}
h2 {
margin-top: 0;
margin-bottom: 0;
font-family: Polysans, sans-serif;
font-size: 3rem;
font-weight: 400;
line-height: 1.1;
}
h3 {
margin-top: 0;
margin-bottom: 0;
font-family: Polysans, sans-serif;
font-size: 2.25rem;
font-weight: 400;
line-height: 1.2;
}
h4 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.4;
}
h5 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.5;
}
h6 {
margin-top: 0;
margin-bottom: 0;
font-size: 1rem;
font-weight: 500;
line-height: 1.5;
}
p {
margin-bottom: 0;
}
a {
transition: all .25s;
}
ul, ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 1.5rem;
}
li {
margin-bottom: .25rem;
}
img {
max-width: 100%;
display: inline-block;
}
label {
margin-bottom: .25rem;
font-weight: 500;
}
blockquote {
border-left: .25rem solid #e2e2e2;
margin-bottom: 0;
padding: 0 1.25rem;
font-size: 1.25rem;
line-height: 1.5;
}
figure {
margin-top: 0;
margin-bottom: 0;
}
figcaption {
text-align: center;
margin-top: .25rem;
}
.utility-page_component {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
padding-left: 1.25rem;
padding-right: 1.25rem;
display: flex;
}
.utility-page_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
max-width: 20rem;
display: flex;
}
.utility-page_form {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.utility-page_image {
margin-left: auto;
margin-right: auto;
}
.global-styles {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.margin-custom2 {
margin: 2.5rem;
}
.padding-xlarge {
padding: 4rem;
}
.margin-xlarge {
margin: 4rem;
}
.margin-xsmall {
margin: .5rem;
}
.padding-xhuge {
padding: 8rem;
}
.margin-custom1 {
margin: 1.5rem;
}
.padding-0 {
padding: 0;
}
.padding-xxhuge {
padding: 12rem;
}
.padding-huge {
padding: 6rem;
}
.margin-large {
margin: 3rem;
}
.padding-xxlarge {
padding: 5rem;
}
.margin-xxsmall {
margin: .25rem;
}
.padding-custom3 {
padding: 3.5rem;
}
.padding-large {
padding: 3rem;
}
.margin-tiny {
margin: .125rem;
}
.padding-small {
padding: 1rem;
}
.padding-custom2 {
padding: 2.5rem;
}
.margin-custom3 {
margin: 3.5rem;
}
.padding-custom1 {
padding: 1.5rem;
}
.margin-huge {
margin: 6rem;
}
.padding-medium {
padding: 2rem;
}
.padding-xsmall {
padding: .5rem;
}
.margin-xxlarge {
margin: 5rem;
}
.padding-xxsmall {
padding: .25rem;
}
.margin-xhuge {
margin: 8rem;
}
.padding-tiny {
padding: .125rem;
}
.margin-small {
margin: 1rem;
}
.margin-medium {
margin: 2rem;
}
.margin-xxhuge {
margin: 12rem;
}
.margin-0 {
margin: 0;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.form_checkbox {
flex-direction: row;
align-items: center;
margin-bottom: .5rem;
padding-left: 0;
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_background {
border: 1px solid #0000001a;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
display: flex;
}
.fs-styleguide_spacing {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-image: linear-gradient(to top, #2d40ea1a, #fff0);
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start stretch;
display: grid;
position: relative;
}
.icon-1x1-small {
flex: none;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.overflow-auto {
overflow: auto;
}
.spacing-clean {
margin: 0;
padding: 0;
}
.icon-1x1-large {
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
display: flex;
}
.z-index-2 {
z-index: 2;
position: relative;
}
.fs-styleguide_background-space {
width: 1px;
height: 1px;
margin: 5rem;
}
.text-weight-semibold {
font-weight: 600;
}
.text-style-strikethrough {
text-decoration: line-through;
}
.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;
}
.max-width-full {
width: 100%;
max-width: none;
}
.fs-styleguide_item-header {
border-bottom: 1px solid #0000001a;
width: 100%;
padding-bottom: 2rem;
}
.background-color-primary {
background-color: var(--background-color--background-primary\);
color: var(--text-color--text-alternate\);
}
.z-index-1 {
z-index: 1;
opacity: 1;
position: relative;
}
.text-color-primary {
color: var(--text-color--text-primary\);
}
.text-color-secondary {
color: var(--text-color--text-secondary\);
}
.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;
}
.form_message-success {
background-color: var(--background-color--background-success\);
color: var(--text-color--text-success\);
border-radius: 1.25rem;
padding: 1.25rem;
}
.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;
}
.heading-style-h3 {
font-size: 2.25rem;
line-height: 1.2;
}
.text-rich-text h1, .text-rich-text h2, .text-rich-text h3, .text-rich-text h4 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.text-rich-text h5, .text-rich-text h6 {
margin-top: 1.25rem;
margin-bottom: 1rem;
}
.text-rich-text p {
margin-bottom: 1rem;
}
.text-rich-text ul, .text-rich-text ol {
margin-bottom: 1.5rem;
}
.text-rich-text blockquote {
margin-top: 2rem;
margin-bottom: 2rem;
}
.pointer-events-auto {
pointer-events: auto;
}
.container-small {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.icon-height-small {
justify-content: center;
align-items: center;
height: 1rem;
display: flex;
}
.icon-1x1-medium {
flex: none;
width: 2rem;
height: 2rem;
overflow: visible;
}
.heading-style-h1 {
font-size: 4rem;
line-height: 1.1;
}
.heading-style-h1.text-color-black {
color: var(--color--1a1a1a);
}
.padding-global {
padding-left: 5rem;
padding-right: 5rem;
}
.padding-global:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
z-index: 5;
padding-left: 3.125rem;
padding-right: 3.125rem;
position: relative;
}
.padding-global.hero {
padding-left: 0;
padding-right: 0;
}
.padding-global.hoodiepage {
background-color: #fafafa;
border-radius: 30px;
}
.padding-global.hoodie-page-video {
outline-offset: 0px;
background-color: #fafafa;
border-radius: 30px;
outline: 3px #fafafa;
padding-top: 5rem;
}
.padding-global.hoodie-page-video.hoodie-page-spacer {
background-color: var(--color--202121);
}
.padding-global.is-small {
padding-left: 1rem;
padding-right: 1rem;
}
.text-weight-normal {
font-weight: 400;
}
.padding-section-small {
padding-top: 3rem;
padding-bottom: 3rem;
}
.max-width-small {
width: 100%;
max-width: 20rem;
}
.max-width-small._24rem {
max-width: 24rem;
}
.max-width-small._28rem {
max-width: 28rem;
}
.max-width-small.width-size:where(.w-variant-36b50c81-cd52-1540-82d7-3c313234d1a9) {
max-width: 35rem;
}
.text-color-alternate {
color: var(--color--ffffff);
}
.text-style-italic {
font-style: italic;
}
.pointer-events-none {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.text-weight-medium {
font-weight: 500;
}
.overflow-hidden {
overflow: hidden;
}
.fs-styleguide_section-header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid var(--border-color--border-primary\);
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-bottom: 3rem;
line-height: 1.4;
display: grid;
}
.text-size-tiny {
font-size: .75rem;
}
.text-size-tiny.is-dark_grey {
color: #a9a9a9;
}
.max-width-xxlarge {
width: 100%;
max-width: 80rem;
}
.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;
}
.overflow-visible {
overflow: visible;
}
.fs-styleguide_empty-box {
z-index: -1;
background-color: #2d40ea0d;
border: 1px dashed #2d40ea;
min-width: 3rem;
height: 3rem;
position: relative;
}
.text-weight-light {
font-weight: 300;
}
.fs-styleguide_heading-medium {
font-size: 4rem;
}
.max-width-xsmall {
width: 100%;
max-width: 16rem;
}
.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;
}
.text-size-regular:lang(de) {
float: none;
aspect-ratio: auto;
object-fit: fill;
width: auto;
position: relative;
overflow: visible;
}
.text-weight-xbold {
font-weight: 800;
}
.text-align-right {
text-align: right;
}
.text-weight-bold {
font-weight: 700;
}
.max-width-medium {
width: 100%;
max-width: 32rem;
}
.max-width-medium.is-40rem {
max-width: 42rem;
}
.max-width-medium.is-37rem {
max-width: 37rem;
}
.max-width-medium.is-35rem {
max-width: 40rem;
}
.max-width-medium.is-34rem {
max-width: 34rem;
}
.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-large {
width: 100%;
max-width: 48rem;
}
.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;
}
.background-color-alternate {
background-color: var(--background-color--background-alternate\);
}
.text-style-muted {
opacity: .7;
}
.text-size-small {
font-size: .875rem;
}
.text-size-small.text-is_light {
color: var(--color--a9a9a9);
}
.heading-style-h4 {
font-size: 1.5rem;
line-height: 1.4;
}
.heading-style-h4.text-weight-medium {
font-weight: 500;
}
.max-width-xlarge {
width: 100%;
max-width: 64rem;
}
.max-width-xlarge.align-center.ca-m {
z-index: 2;
max-width: 66.625rem;
position: relative;
}
.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;
}
.text-style-nowrap {
white-space: nowrap;
}
.text-align-left {
text-align: left;
}
.background-color-secondary {
background-color: var(--background-color--background-secondary\);
}
.form_input {
background-color: var(--color--1a1a1a);
color: var(--color--fafafa);
border-style: none;
border-width: 1px;
height: 100%;
margin-bottom: 0;
padding: .5rem 1.25rem;
}
.form_input::placeholder {
color: var(--color--a9a9a9);
}
.form_input.is-select-input {
color: var(--text-color--text-secondary\);
}
.form_input.is-text-area {
min-height: 8rem;
padding-top: .75rem;
}
.display-inlineflex {
flex-flow: row;
display: flex;
}
.display-inlineflex.is-vertical {
flex-flow: column;
}
.display-inlineflex.ycentre-xleft {
justify-content: flex-start;
align-items: center;
}
.display-inlineflex.xspacebtwn-ystretch {
justify-content: space-between;
align-items: stretch;
}
.display-inlineflex.h-leftcenter {
justify-content: flex-start;
align-items: center;
}
.display-inlineflex.align-ytop {
justify-content: flex-start;
align-items: flex-start;
}
.display-inlineflex.xspacebtwn-ycentre {
justify-content: space-between;
align-items: center;
}
.display-inlineflex.gap-4px {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
}
.heading-style-h6 {
font-family: Polysans, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.padding-section-large {
padding-top: 8rem;
padding-bottom: 8rem;
}
.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;
}
.text-style-link {
text-decoration: underline;
}
.text-size-large {
font-size: 1.5rem;
}
.fs-styleguide_header {
background-color: var(--background-color--background-primary\);
color: var(--text-color--text-alternate\);
background-image: radial-gradient(circle at 100% 100%, #dd23bb40, #0000 40%), radial-gradient(circle at 0 100%, #2d62ff4d, #0000 60%);
}
.heading-style-h2 {
font-size: 3rem;
line-height: 1;
}
.heading-style-h2.text-weight-light {
font-weight: 300;
}
.heading-style-h2.text-weight-normal {
font-weight: 400;
}
.page-wrapper {
scroll-behavior: smooth;
}
.fs-styleguide_label {
background-color: var(--background-color--background-secondary\);
color: var(--text-color--text-alternate\);
border-radius: .25rem;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: .25rem .75rem .3rem;
font-weight: 600;
display: flex;
}
.fs-styleguide_label.is-tag {
background-color: var(--background-color--background-tertiary\);
}
.heading-style-h5 {
font-size: 1.25rem;
line-height: 1.5;
}
.heading-style-h5.text-weight-normal {
font-weight: 400;
}
.container-large {
width: 100%;
max-width: 101.111rem;
margin-left: auto;
margin-right: auto;
}
.container-large.is-full {
max-width: 100%;
}
.icon-height-medium {
justify-content: flex-start;
align-items: center;
height: 2rem;
}
.icon-height-medium:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831), .icon-height-medium:hover:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831) {
filter: invert();
}
.text-style-allcaps {
text-transform: uppercase;
}
.overflow-scroll {
overflow: scroll;
}
.form_message-error {
background-color: var(--background-color--background-error\);
color: var(--text-color--text-error\);
border-radius: 1.25rem;
margin-top: .75rem;
padding: .75rem;
}
.icon-height-large {
justify-content: center;
align-items: center;
height: 3rem;
display: flex;
}
.text-align-center {
text-align: center;
}
.form_component {
margin-bottom: 0;
}
.main-wrapper {
overflow: clip;
}
.main-wrapper.thanks-wrapper {
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91c6a_Noise%20%26%20Texture.png");
background-position: 0 0;
background-size: cover;
}
.max-width-xxsmall {
width: 100%;
max-width: 12rem;
}
.max-width-xxsmall.is-13rem {
max-width: 13rem;
}
.max-width-xxsmall.is-10rem {
max-width: 10rem;
}
.layer {
justify-content: center;
align-items: center;
position: absolute;
inset: 0%;
}
.text-style-quote {
border-left: .25rem solid #e2e2e2;
margin-bottom: 0;
padding: 0 1.25rem;
font-size: 1.25rem;
line-height: 1.5;
}
.align-center {
margin-left: auto;
margin-right: auto;
}
.button {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
border: 1px solid var(--color--fafafa);
text-align: center;
border-radius: 3rem;
justify-content: center;
align-items: center;
padding: .75rem 1.25rem;
font-family: Polysans, sans-serif;
font-size: 1rem;
line-height: 1.1;
display: flex;
overflow: hidden;
}
.button.is-text {
color: #000;
background-color: #0000;
border: 2px solid #0000;
}
.button.is-small {
padding: .5rem .875rem;
font-size: .755rem;
}
.button.is-large {
padding: 1rem 2rem;
}
.button.is-secondary {
border: 1px solid var(--border-color--border-alternate\);
color: var(--text-color--text-primary\);
background-color: #0000;
}
.button.is-icon {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.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;
}
.text-size-medium {
font-size: 1.25rem;
line-height: 1.25;
}
.text-size-medium:lang(de):where(.w-variant-f23dddad-63c6-6f91-d82f-75b59d26f13d), .text-size-medium.mobile-small:lang(de) {
width: auto;
}
.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;
}
.button-group {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
color: var(--color--fafafa);
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.button-group.gap-2rem {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.hide {
display: none;
}
.hide:where(.w-variant-373449f6-318d-f825-5768-8697f3ab01ec) {
display: block;
}
.hide:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
padding: 0;
}
.padding-section-medium {
padding-top: 5rem;
padding-bottom: 5rem;
}
.padding-section-medium._6rem {
padding-top: 6rem;
padding-bottom: 6rem;
}
.container-medium {
width: 100%;
max-width: 72rem;
margin-left: auto;
margin-right: auto;
}
.form_radio {
flex-direction: row;
align-items: center;
margin-bottom: .5rem;
padding-left: 0;
display: flex;
}
.fs-styleguide_spacing-all {
display: none;
}
.spacer-huge {
width: 100%;
padding-top: 6rem;
}
.spacer-huge:lang(de) {
padding-top: 4rem;
}
.spacer-medium {
width: 100%;
padding-top: 2rem;
}
.fs-styleguide_spacer-box {
background-color: #2d40ea1a;
border: 1px dashed #2d40ea;
width: 100%;
position: relative;
}
.spacer-xsmall {
width: 100%;
padding-top: .5rem;
}
.spacer-small {
width: 100%;
padding-top: 1rem;
}
.spacer-small.top-padd {
margin-top: 2.5rem;
}
.spacer-xhuge {
width: 100%;
padding-top: 8.75rem;
}
.spacer-tiny {
width: 100%;
padding-top: .125rem;
}
.spacer-xxsmall {
width: 100%;
padding-top: .25rem;
}
.spacer-xxhuge {
width: 100%;
padding-top: 12rem;
}
.spacer-xlarge {
width: 100%;
padding-top: 4rem;
}
.spacer-large {
padding-top: 3rem;
}
.spacer-xxlarge {
width: 100%;
padding-top: 5rem;
}
.fs-styleguide_message {
background-color: var(--background-color--background-warning\);
color: var(--text-color--text-warning\);
border-radius: .25rem;
padding: .25rem .5rem;
font-size: .875rem;
}
.nav_component {
background-color: var(--transparent);
border-bottom-right-radius: 1.25rem;
border-bottom-left-radius: 1.25rem;
width: 100%;
padding-top: 1.75rem;
padding-bottom: 1rem;
transition: transform .4s;
position: relative;
inset: 0% 0% auto;
}
.nav_container {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 83.75rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.nav_container.is-full {
z-index: 99;
max-width: 100%;
}
.nav_brand {
padding-left: 0;
}
.nav_brand:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
color: inherit;
}
.nav_logo {
color: var(--color--1a1a1a);
width: 1.25rem;
}
.nav_logo:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831) {
color: var(--color--ffffff);
}
.nav_logo:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
color: inherit;
}
.nav_menu {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: center;
font-size: .8125rem;
display: flex;
}
.nav_menu_link {
height: 1.2rem;
padding: 0;
overflow: hidden;
}
.nav_menu_link.w--current {
font-weight: 600;
}
.nav_button {
padding: 1rem;
}
.aspect-ratio-square {
aspect-ratio: 1;
object-fit: cover;
}
.aspect-ratio-portrait {
aspect-ratio: 2 / 3;
object-fit: cover;
}
.aspect-ratio-landscape {
aspect-ratio: 3 / 2;
object-fit: cover;
}
.aspect-ratio-widescreen {
aspect-ratio: 16 / 9;
object-fit: cover;
}
.background-color-tertiary {
background-color: var(--background-color--background-tertiary\);
}
.fs-styleguide_hero-label {
color: var(--text-color--text-primary\);
text-transform: uppercase;
background-color: #eee;
border-radius: .25rem;
padding: .25rem .375rem;
font-size: .75rem;
font-weight: 500;
text-decoration: none;
}
.section_hero {
flex-direction: column;
justify-content: center;
position: relative;
top: 0;
}
.nav_fixed {
z-index: 999;
background-color: var(--color--1a1a1a);
color: var(--color--ffffff);
border-bottom-right-radius: 1.25rem;
border-bottom-left-radius: 1.25rem;
position: fixed;
inset: 0% 0% auto;
}
.nav_fixed.is-dark {
background-color: var(--color--ffffff);
color: var(--pure-black);
}
.fs-styleguide_heading-header {
font-size: 6rem;
}
.hero-spacer-top {
height: 5.4rem;
}
.h1-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.h1-wrapper:lang(de) {
margin-bottom: -16px;
}
.h1-wrapper.is-top {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
align-items: flex-start;
}
.h1-wrapper.is-top.partnership-hero-h1-wrapper {
margin-top: 50px;
}
.clip.is-320 {
max-width: 20rem;
}
.clip.is-320.demo_clip {
max-width: 30rem;
}
.clip.is-960 {
max-width: 56rem;
}
.clip.is-760 {
max-width: 47.5rem;
}
.clip.is-760.parnetship-h1-text {
max-width: 55rem;
}
.clip.is-600 {
max-width: 37.5rem;
}
.clip.is-880 {
max-width: 55rem;
}
.clip.is-440 {
max-width: 27.5rem;
}
.clip.is-540 {
max-width: 33.75rem;
}
.clip.is-32rem {
max-width: 32rem;
}
.clip.is-1244 {
max-width: 77.75rem;
}
.clip.size-discription {
max-width: 20rem;
}
.under-video-info {
z-index: 5;
grid-column-gap: .875rem;
grid-row-gap: .875rem;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: #1a1a1a66;
border-radius: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 11.25rem;
padding: .875rem;
display: flex;
position: absolute;
inset: auto 2rem 2rem auto;
}
.under-video-info.partnership-image-info {
background-color: #b3e4a2;
width: 200px;
max-width: 15rem;
position: absolute;
}
.text-and-arrow_line {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.text-and-arrow_line.partnership-text-arrow {
width: 100%;
}
.icon-1x1-xs-small {
flex: none;
justify-content: center;
align-items: center;
width: .75rem;
height: .75rem;
display: flex;
}
.paragraph-4 {
font-size: .625rem;
}
.paragraph-4.audio-diference {
color: var(--color--fafafa);
mix-blend-mode: difference;
}
.paragraph-4.text-color-grey.sales_preorder_benefit_card_text {
font-size: .8rem;
line-height: 1.2;
}
.red-dot {
z-index: 5;
background-color: var(--color--circus-live);
border-radius: 50%;
width: .5rem;
height: .5rem;
position: relative;
}
.subtitle {
color: var(--circus-white);
text-transform: uppercase;
font-size: .625rem;
}
.subtitle.is-dark {
color: var(--color--1a1a1a);
}
.subtitle.is-gray {
color: var(--color--a9a9a9);
}
.subtitle._0-506 {
font-size: .506rem;
}
.h1-l-style {
font-size: 5.875rem;
}
.h1-l-style:lang(de) {
font-size: 5.3rem;
}
.swiper-wrapper {
flex-flow: row;
width: 100%;
display: flex;
}
.swiper-wrapper.slider-cases-list {
width: 100%;
display: flex;
}
.swiper-wrapper.circus-thumb-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
justify-content: center;
align-items: center;
max-width: 30.5rem;
display: flex;
overflow: hidden;
}
.swiper-wrapper.is-speakers {
justify-content: flex-start;
align-items: center;
display: flex;
}
.swiper-wrapper.ca1-content, .swiper-wrapper.ca1-count, .swiper-wrapper.ca1-img, .swiper-wrapper.ca1-progress {
display: flex;
}
.swiper-wrapper.ca-1, .swiper-wrapper.ca-m {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.swiper-wrapper.is-showrooms {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.swiper-wrapper.is-diagnosing {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.swiper-wrapper.fully-explore, .swiper-wrapper.fully-coordination {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
}
.swiper-wrapper.celestica-scalability {
flex-flow: row;
}
.swiper-wrapper.is-result {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.swiper-wrapper.slide {
height: 100%;
}
.swiper-slide {
flex: none;
width: 50%;
}
.swiper-slide.is-cases {
flex: none;
width: 27.75rem;
}
.swiper-slide.is-circus-thumb {
cursor: pointer;
flex: none;
width: 2.5rem;
max-width: 2.5rem;
}
.swiper-slide.is-speakers {
border-radius: 2rem;
overflow: hidden;
}
.swiper-slide.ca1-content {
flex: none;
width: 100%;
}
.swiper-slide.ca1-count {
flex: none;
width: 100%;
max-width: .75rem;
}
.swiper-slide.ca1-img {
flex: none;
width: 100%;
}
.swiper-slide.ca-m {
flex: none;
width: 50%;
}
.swiper-slide.is-highlight {
margin-right: .25rem;
padding-right: .25rem;
}
.swiper-slide.is-office {
width: 33.33%;
}
.swiper-slide.is-showrooms {
width: 100%;
}
.swiper-slide.is-production {
width: 33.33%;
}
.swiper-slide.roadmap-content, .swiper-slide.roadmap-images, .swiper-slide.roadmap-date {
width: 100%;
}
.swiper-slide.is-features {
flex: none;
width: 50%;
margin-right: .25rem;
padding-right: .25rem;
}
.swiper-slide.is-diagnosing {
width: 100%;
height: 100%;
}
.swiper-slide.celestica-scalability {
flex: none;
width: 33.3333%;
height: 100%;
}
.swiper-slide.is-result {
width: 100%;
height: 100%;
}
.swiper-slide.highlight {
border-radius: .75rem;
width: 100%;
max-width: 69.625rem;
overflow: hidden;
}
.swiper-slide.operation, .swiper-slide.op {
width: 100%;
max-width: 28.1875rem;
}
.swiper-slide.circus {
width: 100%;
max-width: 22.375rem;
}
.swiper-slide.c-big {
width: 100%;
max-width: 34.1875rem;
}
.swiper-slide.slide {
width: 100%;
height: 100%;
}
.swiper-slide.slide-size {
width: 100%;
max-width: 22.375rem;
}
.full-screen-img {
object-fit: cover;
width: 100%;
height: 100%;
}
.full-screen-img.sales_hero_img {
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91cdc_Slice%203%20(3).webp");
background-position: 100% 100%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
width: 100vw;
height: 100vh;
}
.home-cases_componet {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex-flow: column;
display: block;
}
.bento-card {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
background-color: var(--color--202121);
border-radius: 2rem;
flex-flow: column;
justify-content: space-between;
padding: 2.5rem;
display: flex;
position: relative;
}
.bento-card.is-48-gap {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.bento-card.is-14-gap {
grid-column-gap: .875rem;
grid-row-gap: .875rem;
}
.h5-style {
font-family: Polysans, sans-serif;
font-size: 1.375rem;
line-height: 1.2;
}
.bento-card-heading {
grid-column-gap: .875rem;
grid-row-gap: .875rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.paragraph-2 {
font-size: .875rem;
}
.text-color-grey {
color: var(--color--a9a9a9);
}
.text-color-grey:where(.w-variant-32fda811-5303-50ef-015c-ed057bb880dc) {
order: -9999;
}
.bento-card-img_wrap {
border-radius: 1.5rem;
justify-content: center;
align-items: center;
width: 100%;
height: 18.75rem;
display: flex;
position: relative;
overflow: hidden;
}
.image-full-cover-abs {
opacity: 1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.image-full-cover-abs.disabled {
opacity: .2;
object-fit: cover;
object-position: 50% 50%;
align-self: auto;
}
.image-full-cover-abs.disabled_1-3 {
opacity: .75;
border-radius: 2rem;
}
.bento-media {
border-radius: 2rem;
position: absolute;
inset: 0%;
overflow: hidden;
}
.bento-media.is-nav {
border-radius: 1.25rem;
}
.card-arrow-wrapper {
z-index: 3;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 2.625rem;
height: 2.625rem;
display: flex;
position: absolute;
inset: auto 2.5rem 2.5rem auto;
overflow: hidden;
}
.card-arrow-wrapper.hide-home {
display: none;
}
.section_home-cases {
flex-direction: column;
justify-content: center;
position: relative;
overflow: hidden;
}
.h2-wrapper {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.cases-card {
background-color: var(--color--202121);
border-radius: 2rem;
flex-flow: column;
flex: none;
justify-content: flex-start;
height: 35.5rem;
padding: 2.5rem;
display: flex;
position: relative;
overflow: hidden;
}
.cases-card.is-none-cursor {
cursor: none;
transition: all .25s;
}
.case-card-heading {
z-index: 3;
grid-column-gap: .875rem;
grid-row-gap: .875rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.card-media {
z-index: 1;
position: absolute;
inset: 0%;
overflow: hidden;
}
.noiz-texture {
z-index: 2;
opacity: .5;
pointer-events: none;
mix-blend-mode: overlay;
position: absolute;
inset: 0%;
}
.logo-emblema {
width: 5.625rem;
}
.one-line-scretch {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.section_blog-bento {
color: var(--color--ffffff);
background-color: #000;
flex-direction: column;
justify-content: center;
position: relative;
}
.section_blog-bento:where(.w-variant-373449f6-318d-f825-5768-8697f3ab01ec) {
background-color: var(--color--ffffff);
color: var(--color--1a1a1a);
}
.blog-card {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
background-color: var(--color--202121);
border-radius: 2rem;
flex-flow: column;
justify-content: flex-start;
height: 100%;
padding: .625rem;
display: flex;
position: relative;
}
.blog-card:where(.w-variant-373449f6-318d-f825-5768-8697f3ab01ec) {
background-color: var(--light-white);
}
.blog-card.is-fixed-width {
border-radius: 1.25rem;
width: 21.25rem;
}
.blog-card-img_wrap {
border-radius: 1.5rem;
width: 100%;
height: 16rem;
position: relative;
overflow: hidden;
}
.blog-card-img_wrap.is-small {
border-radius: .875rem;
}
.h6-style {
font-family: Polysans, sans-serif;
font-size: 1.125rem;
line-height: 1.2;
}
.h6-style.is-underline {
text-decoration: underline;
}
.h6-style.is-underline:hover {
text-decoration: none;
}
.blog-card-content {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: .625rem;
display: flex;
}
.blog-card-info {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.blog-card-info:where(.w-variant-373449f6-318d-f825-5768-8697f3ab01ec) {
color: var(--color--252626);
}
.blog-grids_wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
display: flex;
}
.section_cta-footer {
flex-direction: column;
justify-content: center;
position: relative;
}
.cta-component {
background-color: var(--color--202121);
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91d32_Black%20Background%20Texture.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 2rem;
flex-flow: column;
justify-content: flex-start;
padding: 3.75rem;
display: flex;
position: relative;
overflow: hidden;
}
.cta-component:where(.w-variant-550f3b20-02aa-40f1-38dd-fd920731c510) {
color: var(--color--ffffff);
}
.cta-content_block {
z-index: 3;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
align-items: flex-end;
display: flex;
position: relative;
}
.cta-content_block.is-top {
justify-content: space-between;
align-items: flex-start;
}
.cta-colum_block {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 30rem;
display: flex;
}
.section_footer {
border-top: 1px solid var(--color--2d2d2d);
flex-direction: column;
justify-content: center;
position: relative;
}
.footer-copmonent {
padding-top: 5rem;
padding-bottom: 5rem;
}
.footer-grid {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.footer-logo {
width: 4rem;
}
.form-wrapper {
background-color: var(--color--202121);
border-radius: 2rem;
max-width: 27.625rem;
padding: 1.25rem;
}
.form-subscribe {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.h3-style {
font-family: Polysans, sans-serif;
font-size: 2.25rem;
font-weight: 300;
line-height: 1.2;
}
.h3-style._359 {
max-width: 22.438rem;
}
.h3-style._490 {
max-width: 30.625rem;
}
.footer-nuv-grid {
grid-column-gap: 1.25rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 41.25rem;
display: grid;
}
.footer-nuv_colum {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.nuv-links_group {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.normal-link {
height: 1.3rem;
font-family: Polysans, sans-serif;
font-size: 1.125rem;
line-height: 1.2;
overflow: hidden;
}
.normal-link:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
color: var(--color--1a1a1a);
}
.social-links {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.soc-link {
z-index: 5;
cursor: pointer;
transition: all .4s;
}
.soc-link:hover {
color: var(--color--576d68);
transform: scale(.95);
}
.paragraph-3 {
-webkit-text-stroke-color: var(--color--2d2d2d);
font-size: .75rem;
}
.paragraph-3.sales_headline_text {
width: 30%;
}
.privacy-line {
border-top: 1px solid var(--color--2d2d2d);
color: var(--color--a9a9a9);
justify-content: space-between;
align-items: center;
padding-top: 1.25rem;
padding-bottom: 3rem;
font-size: .625rem;
display: flex;
}
.privacy-links {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-end;
align-items: center;
display: flex;
}
.footer-link-small {
text-decoration: underline;
}
.hero-scratch-block {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: space-between;
height: 100%;
padding-top: 2.5rem;
padding-bottom: 3rem;
display: flex;
}
.hero-info {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.ancors-menu {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.hero-media_wrapper {
pointer-events: none;
position: absolute;
inset: 0%;
}
.full-screen-hero {
height: calc(100vh - 5.4rem);
}
.full-screen-hero.is-smaller {
height: calc(100vh - 8.4rem);
}
.full-screen-hero.is-auto {
height: auto;
}
.hero-media-full {
object-fit: cover;
object-position: 50% 100%;
width: 100%;
height: 100%;
}
.hero-media-full.is-top {
object-position: 50% 0%;
}
.section_pillars {
flex-direction: column;
justify-content: center;
position: relative;
}
.pillars-grid {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.pillars-grid.partnership-form {
grid-template-columns: 1fr;
}
.pillars-grid.partnership-form.congratsselector {
flex-flow: column;
grid-template-columns: 1fr 1fr;
justify-content: flex-start;
align-items: center;
display: flex;
}
.pillars-grid.partnership-cards {
margin-top: 60px;
}
.pillars-grid.partnership-cards.partnership-cards-2 {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 5px;
display: grid;
}
.pillars-grid.partnership-cards.demo_cards {
margin-top: 20px;
padding-top: 2rem;
padding-bottom: 2rem;
}
.physical-feature_video-block {
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.cases-grid {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.cases-card-responsive {
background-color: var(--color--202121);
border-radius: 2rem;
flex-flow: column;
flex: none;
justify-content: flex-start;
width: 100%;
height: 35.5rem;
padding: 2.5rem;
display: flex;
position: relative;
overflow: hidden;
}
.full-cover {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
transform: scale(1.05);
}
.full-cover.is-105 {
width: 105%;
height: 105%;
margin-top: -2.5%;
margin-left: -2.5%;
}
.black-cards-grid {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.black-card {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: var(--color--202121);
border-radius: 2rem;
flex-flow: column;
justify-content: space-between;
height: 100%;
min-height: 13.12rem;
padding: 1.25rem;
transition: none;
display: flex;
position: relative;
}
.black-card.is-nav {
border-radius: 1.25rem;
}
.section_mission {
flex-direction: column;
justify-content: center;
position: relative;
}
.mission-grid {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.misson-media {
border-radius: 2rem;
width: 34.375rem;
overflow: hidden;
}
.misson-media.is-height-35 {
height: 35rem;
}
.mission-content {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
justify-content: center;
align-items: flex-start;
max-width: 34.375rem;
padding-left: 8rem;
display: flex;
}
.mission-content.is-top {
justify-content: flex-start;
align-items: flex-start;
}
.section_circus-os {
flex-direction: column;
justify-content: center;
position: relative;
}
.cirsuc-os-slide {
border-radius: 2rem;
flex-flow: column;
justify-content: space-between;
height: 40.625rem;
padding: 3.75rem 3.75rem 2rem;
display: flex;
position: relative;
overflow: hidden;
}
.circus-os-slide_top {
z-index: 4;
grid-column-gap: 1.813rem;
grid-row-gap: 1.813rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 32.5rem;
display: flex;
position: relative;
}
.circus-os-slide_bottom {
z-index: 4;
justify-content: space-between;
align-items: flex-end;
display: flex;
position: relative;
}
.circus-os-bg-image_wrap {
position: absolute;
inset: 0%;
}
.h2-style {
font-family: Polysans, sans-serif;
font-size: 2.75rem;
font-weight: 300;
line-height: 1.1;
display: block;
}
.h2-style.hoodiepage {
font-size: 2.75rem;
}
.h2-style._2-625 {
font-size: 2.625rem;
line-height: 1.1;
}
.circus-os-slide_desciption {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.description-headline {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.relative-wrap {
position: relative;
}
.hero-mission {
z-index: 2;
grid-column-gap: 3.75rem;
grid-row-gap: 3.75rem;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.hero-misson_wrap {
border-radius: 1.375rem;
position: absolute;
inset: 0%;
overflow: hidden;
}
.h1-wrapper-normal {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.bento-card-media_auto {
border-radius: 1.5rem;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.img-is-custom {
object-fit: cover;
width: 100%;
}
.img-is-custom.is-2 {
width: 19rem;
}
.bento-card-custom {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: var(--color--202121);
border-radius: 2rem;
flex-flow: column;
justify-content: space-between;
padding: 2.5rem;
display: flex;
position: relative;
}
.bento-card-custom.is-1 {
background-color: #020202;
}
.bento-card-custom.is-2 {
background-color: var(--color--2d2d2d);
}
.bento-card-custom.is-3 {
background-color: var(--color--576d68);
}
.section_autonomy, .section_content {
flex-direction: column;
justify-content: center;
position: relative;
}
.content-grid {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: .5fr 1.5fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.content-block {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
border-left: 1px solid var(--color--2d2d2d);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 2rem;
display: flex;
}
.content-block.is-privicy {
border-left-color: var(--color--eeeff1);
}
.h3-in-content {
margin-bottom: 1.25rem;
font-family: Polysans, sans-serif;
font-size: 1.375rem;
font-weight: 400;
line-height: 1.2;
}
.paragraph-in-content {
margin-bottom: .625rem;
font-size: .875rem;
}
.paragraph-in-content.is-last {
margin-bottom: 0;
}
.paragraph-in-content.is-top-pad {
margin-top: 1.25rem;
margin-bottom: 0;
}
.paragraph-in-content.text-color-grey {
font-size: .8rem;
line-height: 1rem;
}
.black-grid-in-content {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 1.25rem;
display: grid;
}
.black-colum-in-grid {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
background-color: var(--color--202121);
border-radius: 2rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 2rem;
display: flex;
}
.black-wrapper-in-content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: var(--color--202121);
border-radius: 2rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 2rem;
display: flex;
}
.name-and-position {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.h4-in-content {
margin-bottom: .625rem;
font-family: Polysans, sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.2;
}
.sidebar-sticky {
flex-flow: column;
justify-content: space-between;
height: calc(100vh - 5.4rem);
padding-top: 0;
padding-bottom: 2rem;
padding-right: 1.25rem;
display: flex;
position: sticky;
top: 5.4rem;
}
.sidebar_accordion {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
.show-hide-button {
z-index: 3;
pointer-events: auto;
color: #652649;
text-align: center;
cursor: pointer;
background-color: #fff;
border: 1px solid #652649;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .75rem 1rem;
display: flex;
position: relative;
}
.show-hide-button:hover {
color: #fff;
background-color: #652649;
}
.full_hide-part {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 1.75rem;
display: flex;
overflow: hidden;
}
.full_show-part {
color: var(--color--a9a9a9);
cursor: pointer;
justify-content: space-between;
align-items: center;
padding-top: 0;
padding-bottom: .625rem;
display: flex;
}
.anchor-link {
color: var(--color--a9a9a9);
font-size: .75rem;
}
.anchor-link:hover, .anchor-link.w--current {
color: var(--color--fafafa);
}
.spacer-in-accordion {
width: 100%;
min-height: .625rem;
}
.sidebar-sticky_bottom {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.icon-1x1-xs-medium {
width: 1.25rem;
height: 1.25rem;
}
.icon-1x1-xs-medium.is-diference {
z-index: 5;
mix-blend-mode: difference;
position: relative;
}
.noiz-texture-bg {
z-index: 1;
opacity: .5;
pointer-events: none;
mix-blend-mode: overlay;
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91ba6_bbnoiz.png");
background-size: 17.5rem;
position: absolute;
inset: 0%;
}
.swiper-slider.is-none-cursor {
cursor: none;
}
.swiper-code {
display: none;
}
.circus-os-slider_wrapper {
position: relative;
}
.circus-swiper-thumb {
justify-content: center;
align-items: center;
width: 100%;
max-width: 32rem;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.circus-swiper-thumb_wrap {
z-index: 4;
margin-left: auto;
margin-right: auto;
position: absolute;
bottom: 18.5rem;
left: 3.75rem;
}
.circus-thumb {
color: var(--color--a9a9a9);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
transition: color .25s;
display: flex;
}
.circus-icon {
justify-content: center;
align-items: center;
display: flex;
}
.circus-os-bg-noise_wrap {
z-index: 2;
opacity: .5;
mix-blend-mode: overlay;
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91b8c_new-noize.png");
background-position: 0 0;
background-size: 25rem;
position: absolute;
inset: 0%;
}
.drag {
background-color: #32323266;
border-radius: 1.25rem;
padding: .625rem;
}
.drag-cursor-wrap {
z-index: 10;
pointer-events: none;
justify-content: center;
align-items: center;
display: flex;
position: fixed;
inset: 0%;
}
.drag-cursor-wrap:lang(de) {
display: none;
}
.top-text {
mix-blend-mode: difference;
}
.top-text:where(.w-variant-373449f6-318d-f825-5768-8697f3ab01ec) {
color: var(--color--ffffff);
}
.top-text.is-dot {
padding-left: .625rem;
}
.top-text.is-dot.partnership-hero-button-text-2 {
color: #fff;
padding-left: 0;
text-decoration: none;
}
.top-text.is-icon {
padding-right: .625rem;
}
.top-text.is-black {
color: var(--color--1a1a1a);
}
.top-text.is-white {
color: var(--color--ffffff);
}
.top-text.is-white:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
color: inherit;
}
.buttons {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border: 1px solid var(--color--fafafa);
color: var(--color--ffffff);
text-align: center;
cursor: pointer;
border-radius: 3rem;
justify-content: center;
align-items: center;
padding: .85rem 1.35rem;
font-family: Polysans, sans-serif;
font-size: 1rem;
line-height: 1.1;
display: flex;
}
.buttons:where(.w-variant-373449f6-318d-f825-5768-8697f3ab01ec) {
border-color: var(--color--1a1a1a);
}
.buttons:lang(de) {
border-color: var(--color--fafafa);
color: var(--color--ffffff);
}
.buttons.fill_white {
border: 0px none var(--color--1a1a1a);
background-color: var(--color--ffffff);
text-decoration: none;
}
.buttons.fill_white.is-grey {
background-color: var(--light-white);
}
.buttons.fill_white.is-grey.w--current, .buttons.fill_white.is-grey.is-active {
background-color: var(--color--1a1a1a);
}
.buttons.is-text-18 {
font-size: 1.125rem;
}
.buttons.is-xssmall {
padding: .5rem .875rem;
font-size: .625rem;
}
.buttons.border-black {
border-color: var(--color--1a1a1a);
color: var(--color--1a1a1a);
}
.buttons.border-black:where(.w-variant-373449f6-318d-f825-5768-8697f3ab01ec) {
display: block;
}
.buttons.border-black:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
border-top-color: var(--color--fafafa);
border-right-color: var(--color--fafafa);
border-bottom-color: var(--color--fafafa);
border-left-color: var(--color--fafafa);
color: inherit;
border-color: inherit;
}
.buttons.is-share {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border-color: var(--color--eeeff1);
color: var(--color--fafafa);
padding: .5rem .875rem;
font-size: .8125rem;
}
.buttons.is-next {
background-color: var(--transparent);
color: var(--color--fafafa);
}
.buttons.is-next-dark {
border-color: var(--color--1a1a1a);
background-color: var(--transparent);
color: var(--color--fafafa);
margin-left: 0;
margin-right: 0;
}
.buttons.is-dark-border-fill {
border-color: var(--color--1a1a1a);
background-color: var(--color--ffffff);
color: var(--color--fafafa);
}
.buttons.is-dark-border-fill:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
border-bottom-color: var(--circus-white);
background-color: var(--transparent);
color: inherit;
border-block-color: inherit;
border-block-end-color: inherit;
border-block-start-color: inherit;
border-top-color: inherit;
border-left-color: inherit;
border-right-color: inherit;
}
.buttons.is-dark-border-fill:lang(de) {
border-color: var(--color--1a1a1a);
background-color: var(--transparent);
}
.buttons.is-dark-border-fill.bg-tranparent {
background-color: var(--transparent);
}
.buttons.fill__black {
background-color: var(--color--1a1a1a);
border-style: none;
padding: .85rem 1.35rem;
}
.buttons.fill__black.parternership-is-white {
background-color: var(--color--ffffff);
margin-bottom: 0;
}
.buttons.fill__black.display-block {
display: block;
}
.buttons.border-white {
border-width: 1px;
border-color: var(--color--ffffff);
background-color: var(--transparent);
}
.buttons.border-white.is-transparent {
background-color: var(--transparent);
}
.buttons.is-next_2 {
background-color: var(--transparent);
color: var(--color--fafafa);
}
.buttons.is-gap {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
}
.buttons.border__white {
color: var(--color--ffffff);
}
.buttons.border__white:where(.w-variant-abc65541-b28b-9e94-568b-6646dc7a1b55) {
border-radius: .25rem;
}
.buttons.border__black {
border-color: var(--color--1a1a1a);
color: var(--color--1a1a1a);
}
.btn-code {
width: 0;
height: 0;
}
.hero-main-wrap {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
height: 100vh;
display: flex;
position: relative;
top: auto;
}
.hero-track {
position: relative;
}
.loader-text:lang(de) {
margin-top: 0;
}
.text-splite-lines.text-size-18 {
font-size: 18px;
}
.headline-and-info {
grid-column-gap: 7.5rem;
grid-row-gap: 7.5rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
max-width: 41.25rem;
height: 100%;
padding-top: 5rem;
padding-bottom: 0;
display: flex;
}
.blog-menu {
grid-column-gap: 1.25rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.arrow-link {
justify-content: space-between;
align-items: center;
width: 20rem;
padding-top: .75rem;
padding-bottom: .75rem;
display: flex;
position: relative;
}
.arrow-link.is-big {
padding-top: 0;
padding-bottom: 0;
font-family: Polysans, sans-serif;
font-size: 1.125rem;
}
.arrow-link-arrow {
z-index: 3;
color: var(--color--2d2d2d);
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 1.375rem;
height: 1.375rem;
display: flex;
position: static;
inset: auto 2.5rem 2.5rem auto;
overflow: hidden;
}
.celestica-production_arrow-01 {
justify-content: center;
align-items: center;
width: 1.375rem;
height: 1.375rem;
display: flex;
}
.celestica-production_arrow-01.is-show, .celestica-production_arrow-01.is-hide {
color: var(--color--2d2d2d);
}
.celestica-production_arrow-01.is-hide, .celestica-production_arrow-01.is-show, .celestica-production_arrow-01.is-hide {
color: #2d2d2d;
}
.arrow-link_bottom {
background-color: var(--color--2d2d2d);
height: 1px;
position: absolute;
inset: auto 0% 0%;
}
.link-progress {
background-color: var(--color--fafafa);
width: 0%;
height: 100%;
}
.bg-blur-element {
filter: blur(100px);
position: absolute;
inset: -10% -25% auto auto;
}
.press-realease-big {
grid-column-gap: 3.75rem;
grid-row-gap: 3.75rem;
background-color: var(--color--202121);
border-radius: 2rem;
grid-template-rows: auto;
grid-template-columns: .75fr 1.25fr;
grid-auto-columns: 1fr;
padding: 3.75rem;
display: grid;
}
.press-relise-gradien-card {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
background-color: var(--color--202121);
border-radius: 2rem;
flex-flow: column;
justify-content: space-between;
height: 27.625rem;
padding: 2.5rem;
display: flex;
position: relative;
}
.h4-style {
font-family: Polysans, sans-serif;
font-size: 1.6875rem;
line-height: 1.2;
}
.h4-style.demo_headline {
font-size: 1.2rem;
}
.tags-line {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex: 0 auto;
justify-content: flex-start;
align-self: auto;
align-items: center;
display: flex;
}
.one-tag {
border: 1px solid var(--color--a9a9a9);
border-radius: 6rem;
padding: .375rem .625rem;
}
.card-bottom {
z-index: 3;
grid-column-gap: .875rem;
grid-row-gap: .875rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.section_press-realease {
flex-direction: column;
justify-content: center;
position: relative;
}
.divider-grey {
background-color: var(--color--252626);
width: 100%;
height: 1px;
}
.h6-wrapper {
z-index: 3;
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
display: flex;
position: relative;
}
.blog-grid {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.center-element {
justify-content: center;
align-items: center;
display: flex;
}
.section_blog {
flex-direction: column;
justify-content: center;
position: relative;
overflow: hidden;
}
.section_blog.hide-sec {
display: none;
}
.h3-wrapper {
grid-column-gap: 1.875rem;
grid-row-gap: 1.875rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.media-kit-big {
grid-column-gap: 3.75rem;
grid-row-gap: 3.75rem;
background-color: var(--color--202121);
border-radius: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1.2fr;
grid-auto-columns: 1fr;
padding: 0;
display: grid;
position: relative;
overflow: hidden;
}
.media-kit-content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
padding: 3.75rem;
display: flex;
}
.media-kit-media_wrap {
z-index: 4;
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
border-radius: 2rem;
flex-flow: column;
justify-content: flex-end;
align-items: flex-end;
height: 28.75rem;
display: flex;
position: relative;
}
.full-cover-corner-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: auto;
left: auto;
}
.bg-blur-elementin-card {
filter: blur(100px);
width: 35%;
position: absolute;
inset: auto 30% 0% auto;
}
.hero-article {
grid-column-gap: 3.75rem;
grid-row-gap: 3.75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 5rem;
padding-bottom: 0;
display: flex;
}
.filter-and-grid {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
display: flex;
}
.filter-and-grid.is-gap-smaller {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.ms-radio-button-tab {
border: 1px solid var(--color--202121);
background-color: var(--color--202121);
color: var(--color--ffffff);
border-radius: 6rem;
margin-bottom: 0;
padding: .75rem 1.25rem;
font-size: .875rem;
font-weight: 400;
line-height: 1.4;
}
.ms-radio-button-tab.is-links {
background-color: var(--transparent);
border-style: none;
border-radius: 0;
padding: 0;
font-family: Polysans, sans-serif;
font-size: 1.125rem;
}
.ms-radio-button-tab.is-links-dark {
background-color: var(--transparent);
-webkit-text-stroke-color: var(--color--a9a9a9);
border-style: none;
border-radius: 0;
padding: 0;
font-family: Polysans, sans-serif;
font-size: 1.125rem;
}
.filter-line {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
align-items: center;
display: flex;
}
.filter-c {
width: 100%;
margin-bottom: 0;
}
.filter-group {
justify-content: space-between;
align-items: center;
display: flex;
}
.dont-shrink {
flex: none;
}
.filter_list {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-wrap: wrap;
display: flex;
}
.ms-radio-wrap {
align-items: flex-start;
padding-top: 8px;
display: flex;
position: relative;
}
.ms-radio-wrap.is-button {
border: 1px solid #0000001a;
border-radius: 6rem;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
transition: all .2s;
}
.ms-radio-wrap.is-button:hover {
border-color: var(--color--fafafa);
}
.ms-radio-wrap.is-button:focus {
border-color: var(--color--fafafa);
color: #fff;
}
.ms-radio-wrap.is-links {
color: var(--color--a9a9a9);
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
transition: all .2s;
}
.ms-radio-wrap.is-links:hover, .ms-radio-wrap.is-links:focus {
color: var(--color--fafafa);
}
.ms-radio-wrap.is-links-dark {
color: var(--color--a9a9a9);
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
transition: all .2s;
}
.ms-radio-wrap.is-links-dark:hover, .ms-radio-wrap.is-links-dark:focus, .ms-radio-wrap.is-links-dark.is-list-active {
color: var(--color--1a1a1a);
}
.ms-pill-radio {
display: none;
}
.years-wrapper {
grid-column-gap: 1.875rem;
grid-row-gap: 1.875rem;
justify-content: flex-end;
align-items: center;
display: flex;
}
.spacer-xshuge {
width: 100%;
padding-top: 8.75rem;
}
.body-white {
background-color: var(--color--ffffff);
color: var(--color--1a1a1a);
}
.section_article {
flex-direction: column;
justify-content: center;
position: relative;
}
.sidebar-post-block {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: .35fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.sidebar-track {
height: 100%;
position: relative;
}
.sidebar {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: sticky;
top: 5.5rem;
}
.article-sidebar-top {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
justify-content: flex-start;
align-items: flex-start;
font-size: .625rem;
display: flex;
}
.link-grey {
color: var(--color--a9a9a9);
}
.link-grey:hover {
color: var(--color--1a1a1a);
}
.link-grey.w--current {
transition: all .25s;
}
.white-style {
background-color: var(--color--ffffff);
}
.white-style.partnership-footer {
margin-top: 0;
padding-top: 0;
}
.article-post_wrapper, .article-post-top {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
display: flex;
}
.article-post-top_bottom {
z-index: 3;
grid-column-gap: .875rem;
grid-row-gap: .875rem;
flex-flow: row;
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.icon-1x1-size-28 {
width: 1.75rem;
height: 1.75rem;
}
.article-image-wraper {
border-radius: 1.75rem;
height: 32.75rem;
overflow: hidden;
}
.article-all-components {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
display: none;
}
.article-body h2, .article-body h3 {
margin-bottom: 1.25rem;
}
.article-body h4 {
margin-bottom: 1.25rem;
font-family: Polysans, sans-serif;
font-size: 1.6875rem;
font-weight: 400;
line-height: 1.2;
}
.article-body h5 {
margin-bottom: 1rem;
font-family: Polysans, sans-serif;
font-weight: 400;
}
.article-body p {
margin-bottom: 1.875rem;
font-size: .875rem;
}
.article-body blockquote {
background-color: var(--color--eeeff1);
border-left-style: none;
border-radius: 2rem;
margin-bottom: 1.875rem;
padding: 2rem;
font-family: Polysans, sans-serif;
font-size: 1.375rem;
line-height: 1.2;
}
.article-body ol {
margin-bottom: 1.875rem;
}
.article-body ul {
margin-bottom: 2rem;
padding-left: 2.5rem;
}
.article-body a {
color: var(--color--576d68);
text-decoration: underline;
}
.article-body a:hover {
text-decoration: none;
}
.article-body figure {
border-radius: 2rem;
overflow: hidden;
}
.article-body h6 {
color: var(--color--a9a9a9);
font-size: .625rem;
font-weight: 400;
}
.component_article-number {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border-left: 1px solid var(--color--eeeff1);
border-radius: 2rem;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
padding: 3rem 2.5rem;
display: flex;
}
.one-article-number-item {
grid-column-gap: .875rem;
grid-row-gap: .875rem;
justify-content: center;
align-items: flex-end;
display: flex;
}
.big-number {
font-family: Polysans, sans-serif;
font-size: 3.25rem;
font-weight: 300;
line-height: .8;
}
.component_article-cta {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
background-color: var(--color--202121);
color: var(--color--eeeff1);
border-radius: 2rem;
justify-content: flex-start;
align-items: center;
margin-bottom: 2.5rem;
padding: 1.25rem;
text-decoration: none;
display: flex;
position: relative;
}
.component_article-cta:hover {
background-color: var(--color--eeeff1);
}
.article-cta-img {
object-fit: cover;
border-radius: 1.25rem;
width: 8rem;
height: 8rem;
}
.article-cta-content {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
color: var(--color--eeeff1);
flex-flow: column;
justify-content: center;
align-items: flex-start;
max-width: 32.5rem;
text-decoration: none;
transition: color .25s;
display: flex;
}
.article-cta-arrow {
z-index: 3;
color: var(--color--fafafa);
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 2.625rem;
height: 2.625rem;
transition: color .25s;
display: flex;
position: absolute;
inset: auto 1.25rem 1.25rem auto;
overflow: hidden;
}
.component_aticle-file {
color: var(--color--1a1a1a);
flex-flow: column;
justify-content: center;
align-items: flex-start;
margin-bottom: 2.5rem;
display: flex;
}
.article-file {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: var(--color--eeeff1);
color: var(--color--1a1a1a);
border-radius: 1.25rem;
justify-content: center;
align-items: center;
padding: 1.25rem;
text-decoration: none;
display: flex;
}
.article-file:hover {
background-color: var(--color--ffffff);
}
.icon-1x1-size-24 {
flex: none;
justify-content: center;
align-items: center;
width: 1.5rem;
min-width: 1.5rem;
height: 1.5rem;
}
.component_audio {
justify-content: flex-start;
align-items: center;
margin-bottom: 2.5rem;
display: flex;
}
.article-audio {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
background-color: var(--color--eeeff1);
border-radius: 1.25rem;
justify-content: flex-start;
align-items: stretch;
width: 30rem;
padding: .625rem;
display: flex;
}
.article-audio:hover {
background-color: var(--color--252626);
color: var(--color--fafafa);
}
.share-list-buttons {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.soc-icon-in-btn {
z-index: 3;
mix-blend-mode: difference;
padding-left: .625rem;
position: relative;
}
.time-read {
grid-column-gap: .125rem;
grid-row-gap: .125rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.disclaimer {
color: var(--color--a9a9a9);
font-size: .625rem;
}
.article-number-wrapper {
margin-bottom: 2.5rem;
}
.article-post-bottom {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
display: flex;
}
.after-sidebar-part {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
max-width: 55rem;
display: flex;
}
.category-in-list-cms {
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91b0f_%E2%80%94.svg");
background-position: 100%;
background-repeat: no-repeat;
background-size: .625rem;
padding-right: .875rem;
font-size: .625rem;
}
.article-link {
z-index: 3;
position: absolute;
inset: 0%;
}
.article-link.event-none {
pointer-events: none;
}
.pagination {
padding-top: 3rem;
}
.pagination.is-smaller-gap {
padding-top: 2.5rem;
}
.pagination.is-left {
justify-content: flex-start;
align-items: center;
padding-top: 2.5rem;
}
.filter-years {
display: none;
}
.media-full-cover-abs {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.media-full-cover-abs.rounded-border {
border-radius: 20px;
}
.component-multi-image {
width: 100%;
display: flex;
position: relative;
}
.swiper {
width: 100%;
}
.swiper.is-speakers {
border-radius: 2rem;
width: 100%;
max-width: 55rem;
overflow: hidden;
}
.swiper.ca1-content {
overflow: hidden;
}
.swiper.ca1-count {
width: .75rem;
height: 1.5rem;
overflow: hidden;
}
.swiper.ca1-img {
border-radius: 1.25rem;
overflow: hidden;
}
.swiper.ca1-progress {
width: 1.5rem;
overflow: hidden;
}
.swiper.roadmap-content, .swiper.roadmap-images {
overflow: hidden;
}
.swiper.roadmap-date {
min-width: 10rem;
position: absolute;
bottom: 0%;
left: 0%;
overflow: hidden;
transform: translate(-50%, -1.75rem);
}
.swiper.slide {
height: 100%;
}
.speakers_card-wrapper {
z-index: 3;
border-radius: 2rem;
height: 100%;
position: relative;
overflow: hidden;
}
.speakers_img {
object-fit: cover;
width: 100%;
max-width: 300%;
height: 100%;
position: relative;
}
.speakers_card-gradient {
z-index: 1;
background-color: #1d1c1cc9;
position: absolute;
inset: 0%;
}
.speakers_card-content {
position: absolute;
inset: 0%;
}
.slider-main_button-wrapper {
grid-column-gap: 1.25rem;
flex: none;
align-self: flex-end;
display: flex;
}
.slider-main_button {
z-index: 5;
border-radius: 2px;
justify-content: center;
align-items: center;
width: 10%;
height: 100%;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.slider-main_button.swiper-prev {
left: 0;
right: auto;
}
.audio-img-wrapper {
border-radius: .875rem;
flex: none;
width: 10.5rem;
height: 10.5rem;
position: relative;
overflow: hidden;
}
.logo-emblema-small {
width: 2.5rem;
height: 2.5rem;
position: absolute;
inset: auto auto .625rem .625rem;
}
.audio-content_wrapper {
flex-flow: column;
justify-content: space-between;
width: 100%;
display: flex;
}
.audio-content-middle {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.audio_date-and-author {
grid-column-gap: .875rem;
grid-row-gap: .875rem;
color: var(--color--fafafa);
mix-blend-mode: difference;
justify-content: flex-start;
align-items: center;
display: flex;
}
.audiocontent-bottom {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
justify-content: flex-end;
align-items: flex-end;
display: flex;
}
.audio-content-top {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: var(--color--576d68);
justify-content: flex-end;
align-items: flex-end;
display: flex;
}
.icon-1x1-size-14 {
justify-content: center;
align-items: center;
width: .875rem;
height: .875rem;
display: flex;
}
.hero-grow_wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
height: 25rem;
margin-top: 3.125rem;
margin-bottom: 0;
display: flex;
}
.grow-image_wrap {
border-radius: 1.75rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.section_publication {
flex-direction: column;
justify-content: center;
position: relative;
}
.tab-menu-link {
background-color: var(--transparent);
color: var(--color--a9a9a9);
padding: 0 0;
font-family: Polysans, sans-serif;
font-size: 1.125rem;
line-height: 1.2;
}
.tab-menu-link.w--current {
background-color: var(--transparent);
color: var(--color--1a1a1a);
}
.tab-menu {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.tab-pane-wrapper {
padding-top: 2.5rem;
}
.all-quartal-grid {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.one-quartal-colum {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
display: flex;
}
.gray-card {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: var(--color--eeeff1);
border-radius: 2rem;
flex-flow: column;
justify-content: space-between;
height: 100%;
min-height: 13.12rem;
padding: 1.25rem;
transition: all .25s;
display: flex;
position: relative;
}
.gray-card:hover {
background-color: var(--color--ffffff);
}
.quartal-top {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.text-color-2d2d2d {
color: var(--color--2d2d2d);
}
.quartal-bottom {
z-index: 3;
grid-column-gap: .875rem;
grid-row-gap: .875rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
display: flex;
position: relative;
}
.quartal-year-list {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
display: flex;
}
.financial-news-grid {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.full-line {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border: 1px #000;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.section_f-news, .section_f-calendar {
flex-direction: column;
justify-content: center;
position: relative;
}
.bg-light-grey {
background-color: var(--color--eeeff1);
}
.white-list {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
display: flex;
}
.calendar-item {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
background-color: var(--color--fafafa);
border-radius: 1.25rem;
grid-template-rows: auto;
grid-template-columns: .25fr 1.25fr .75fr .25fr;
grid-auto-columns: 1fr;
place-items: center stretch;
padding: 1.25rem;
display: grid;
}
.calendar-item:hover {
background-color: var(--color--ffffff);
}
.calendar-location {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.calendar-icons {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
justify-content: flex-end;
align-items: center;
display: flex;
}
.section_f-stock-track {
flex-direction: column;
justify-content: center;
position: relative;
}
.stock-tracker-grid {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: .4fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.nasdaq-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
background-color: var(--color--ffffff);
border-radius: 2rem;
flex-flow: column;
justify-content: space-between;
padding: 1.25rem;
display: flex;
}
.table-from-stoke {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
background-color: var(--color--ffffff);
border-radius: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 1.25rem;
display: grid;
}
.h1-style {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
font-family: Polysans, sans-serif;
font-size: 3.25rem;
font-weight: 300;
line-height: 1.1;
}
.table-colum-line {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
border-bottom: 1px solid var(--color--eeeff1);
justify-content: space-between;
align-items: center;
padding: 1.25rem .625rem;
display: flex;
}
.table-colum-line.is-last {
border-bottom-style: none;
}
.section_fundamentals {
flex-direction: column;
justify-content: center;
position: relative;
}
.fundamentals-block {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.fundamentals-row {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
border-bottom: 1px solid var(--color--eeeff1);
grid-template-rows: auto;
grid-template-columns: 1.25fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
padding: 1.25rem .625rem;
display: grid;
}
.last-as-wrapper {
color: var(--color--a9a9a9);
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
padding-top: 3rem;
display: flex;
}
.one-cms-team {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.one-cms-team:lang(de) {
align-self: center;
overflow: clip;
}
.team-memeber_list {
grid-column-gap: .25rem;
grid-row-gap: 1.25rem;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.team-memeber_item {
flex: none;
width: 100%;
position: relative;
}
.team-member_card {
cursor: pointer;
flex-flow: column;
justify-content: space-between;
}
.taam-member-content {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.team-member-top {
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: .3125rem;
display: flex;
}
.team-member_photo {
object-fit: cover;
border-radius: 1.75rem;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
transition: all .5s;
display: block;
position: absolute;
inset: 0%;
}
.team-member_photo:hover {
transform: scale(1.1);
}
.team-member_photo:lang(de) {
order: 0;
align-self: center;
}
.team-member_popup {
z-index: 101;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
overflow: scroll;
}
.pop-up-form_here {
flex-direction: column;
justify-content: space-between;
width: 100%;
display: flex;
}
.cta-block-form {
color: var(--color--fafafa);
background-color: #1d1d1d;
border-radius: .5rem;
padding: 3rem;
position: relative;
}
.cta-block-form.is-white {
background-color: var(--color--ffffff);
max-width: none;
max-height: 90svh;
padding-top: 2rem;
padding-bottom: 2rem;
overflow: auto;
}
.team-member_modal-wrapper {
z-index: 10;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.team-member_modal-bg {
z-index: -1;
cursor: pointer;
background-color: #0003;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.padding-zero {
padding-left: 0;
padding-right: 0;
display: block;
}
.padding-zero.is-0 {
border-bottom: 1px solid #000;
padding-left: 0;
padding-right: 0;
}
.form_content-center {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 18rem;
margin-left: auto;
margin-right: auto;
padding-bottom: 2rem;
font-weight: 400;
display: flex;
}
.clos-i {
justify-content: center;
align-items: center;
width: 2.25rem;
height: 2.25rem;
display: flex;
}
.team-memeber_close-btn {
z-index: 5;
color: var(--color--a9a9a9);
cursor: pointer;
justify-content: center;
align-items: center;
margin-top: 2rem;
margin-right: 2rem;
text-decoration: none;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.team-memeber_close-btn:hover {
color: var(--color--1a1a1a);
}
.team-member_modal {
background-color: var(--circus-white);
flex: none;
width: 100%;
min-width: 32rem;
max-width: 32rem;
height: 100%;
padding: 5.5rem 2rem 2rem;
position: fixed;
inset: 0% 0% 0% auto;
overflow: scroll;
}
.team-member_content-block {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: .4fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: start stretch;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.big-photo {
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.member-photo-big {
object-fit: cover;
object-position: 50% 100%;
border-radius: 1.25rem;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.full-member-content {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex-flow: column;
width: 100%;
}
.full-member-top {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.member-cotacts {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
border-top: 1px solid var(--light-white);
background-color: var(--circus-white);
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 1.5rem;
display: flex;
}
.team-member-linkedn {
position: absolute;
inset: .875rem .875rem auto auto;
}
.underline {
text-decoration: underline;
}
.underline:hover {
text-decoration: none;
}
.all-heading-small h1, .all-heading-small h2, .all-heading-small h3 {
margin-bottom: 1.25rem;
font-size: 1.875rem;
}
.all-heading-small h4 {
margin-bottom: 1.25rem;
font-family: Polysans, sans-serif;
font-size: 1.875rem;
font-weight: 400;
}
.all-heading-small p {
margin-bottom: .625rem;
}
.section_f-team, .section_f-contact {
flex-direction: column;
justify-content: center;
position: relative;
}
.gray-large-wrapper {
background-color: var(--color--eeeff1);
border-radius: 2rem;
padding: 5rem;
}
.connect-contact-block {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1.5fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.connect-text {
max-width: 36rem;
}
.connect-photo {
justify-content: flex-end;
align-items: flex-end;
display: flex;
}
.connect-info {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.connect-name {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.connect-photo-img {
border-radius: 1.5rem;
justify-content: flex-end;
align-items: flex-end;
width: 20rem;
}
.think-new-item {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
border-radius: 1.25rem;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr .75fr .25fr;
grid-auto-columns: 1fr;
justify-content: stretch;
place-items: center stretch;
padding: 1.25rem;
transition: all .25s;
display: grid;
}
.think-new-item.is-no-location {
grid-template-columns: .25fr 1.75fr .25fr;
}
.finance-icons {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
justify-content: flex-end;
align-items: center;
display: flex;
}
.think-line-item_wrap {
pointer-events: auto;
border-radius: 1.25rem;
transition: background-color .3s;
position: relative;
overflow: hidden;
}
.extarnal-link {
z-index: 4;
position: absolute;
inset: 0%;
}
.type-wrapper {
justify-content: flex-start;
align-items: center;
display: flex;
}
.financel-news-item_wrap, .item-wrap {
position: relative;
}
.empty {
display: none;
}
.section_f-contacts {
flex-direction: column;
justify-content: center;
position: relative;
}
.contact-grid {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
display: grid;
}
.contact-top {
background-color: var(--color--eeeff1);
border-radius: 2rem;
padding: 3rem;
}
.contact-middle {
background-color: var(--color--eeeff1);
border-radius: 2rem;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.contact-bottom {
background-color: var(--color--eeeff1);
border-radius: 2rem;
padding: 3rem;
}
.detal-contact-grid {
grid-column-gap: 2rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.detal-contact-colum {
grid-column-gap: .875rem;
grid-row-gap: .875rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.detal-contact-colum.is-pad.upper-mg {
margin-top: 20px;
}
.headline-small-wrap {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.link-size-14 {
font-size: .875rem;
text-decoration: underline;
}
.link-size-14:hover {
color: var(--color--576d68);
text-decoration: none;
}
.link:hover {
color: var(--color--576d68);
}
.link.is-underline {
text-decoration: underline;
}
.link.is-underline:hover {
text-decoration: none;
}
.form-wrapper-grey {
border-radius: 2rem;
width: 100%;
max-width: 25rem;
margin-bottom: 0;
}
.form-wrapper-grey.partnership-form-wrap {
color: var(--transparent);
max-width: 90rem;
}
.form_input-field {
background-color: var(--color--ffffff);
color: var(--color--1a1a1a);
border-style: none;
border-width: 1px;
border-radius: 1rem;
height: 2.75rem;
margin-bottom: 0;
padding: .75rem 1.25rem;
font-size: .875rem;
}
.form_input-field:focus {
color: var(--color--1a1a1a);
}
.form_input-field::placeholder {
color: var(--color--a9a9a9);
}
.form_input-field.is-textarea {
height: 5.625rem;
}
.label-form {
margin-bottom: .625rem;
font-size: .625rem;
}
.label-form.partnership-label-text {
color: #fff;
}
.label-form.is-dark {
color: var(--color--1a1a1a);
}
.form-btn {
background-color: var(--color--1a1a1a);
opacity: 0;
flex: none;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.form-btn.partnership-button-wrap {
background-color: var(--color--ffffff);
}
.label-and-input {
color: var(--transparent);
}
.two-inputs {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.form-colum {
grid-column-gap: 1.875rem;
grid-row-gap: 1.875rem;
flex-flow: column;
display: flex;
}
.form-colum.partnership-form-column {
color: var(--transparent);
}
.form-btn_big {
color: var(--color--a9a9a9);
width: 100%;
height: 100%;
position: relative;
}
.button-and-info {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
text-align: center;
flex-flow: column;
display: flex;
}
.section_imprint {
flex-direction: column;
justify-content: center;
position: relative;
}
.imprint_wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
display: flex;
}
.wrapper-size-20 {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.info-line {
grid-column-gap: 3rem;
grid-row-gap: .625rem;
grid-template-rows: auto;
grid-template-columns: .75fr 1.25fr;
grid-auto-columns: 1fr;
width: 25rem;
display: grid;
}
.wrapper-size-10 {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-flow: column;
display: flex;
}
.hero-img_wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
overflow: hidden;
}
.full-height-img {
border-radius: 2rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.section_values {
flex-direction: column;
justify-content: center;
position: relative;
}
.values-grid {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.fixed-height {
border-radius: 2rem;
width: 100%;
height: 34.375rem;
position: relative;
overflow: hidden;
}
.fixed-height.is-550 {
height: 34rem;
}
.section_benefits {
flex-direction: column;
justify-content: center;
position: relative;
}
.benefits-content {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 34.375rem;
display: flex;
}
.benefits-list {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.section_roles {
flex-direction: column;
justify-content: center;
position: relative;
}
.hero-middle-block {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
height: 100%;
padding-top: 2.5rem;
padding-bottom: 3rem;
display: flex;
}
.text-color-black {
color: var(--color--1a1a1a);
}
.text-color-black:where(.w-variant-e5294dd0-fea2-22f0-ec86-9069f047c7db), .text-color-black:where(.w-variant-7619cbe4-fcbc-bb3d-0160-e32964e5fa54) {
color: var(--color--ffffff);
}
.text-color-black:where(.w-variant-ed7de013-a82e-2e3e-c6b3-fc0fc4bb47bc) {
color: var(--color--fafafa);
}
._404-block {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.grid-for-adaptive {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.colum-wrap.is-end {
justify-content: flex-end;
align-items: flex-end;
display: flex;
}
.copy-and-links {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
justify-content: flex-end;
align-items: center;
display: flex;
}
.text-color-new-grey {
color: #565656;
}
.label-group {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-flow: column;
margin-bottom: 1.25rem;
display: flex;
}
.label-info-line {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center stretch;
max-width: 30rem;
display: grid;
}
.text-in-link {
height: 1.3rem;
}
.text-in-link.is-small {
height: 1.2rem;
}
.dropdpwn-link {
width: auto;
position: static;
}
.dropdpwn-link.position-relative {
position: relative;
}
.dropdawn-wrapper.w--open {
background-color: var(--transparent);
width: auto;
inset: 0% 0% auto;
}
.drop-bg-wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: var(--color--1a1a1a);
border-radius: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 1.5rem;
padding: 2rem 2.5rem;
display: grid;
}
.drop-bg-wrap.is-small {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border-radius: 1.125rem;
grid-template-columns: 1fr;
min-width: 10rem;
padding: 1.25rem;
}
.drop-bg-wrap.inline-flex {
flex-flow: column;
min-width: 12rem;
display: inline-flex;
}
.nav-article-list {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.dropdawn_links-list {
flex-flow: column;
justify-content: space-between;
width: 17.625rem;
display: flex;
}
.burger-1 {
cursor: pointer;
background-color: #fff;
border-radius: 4px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
display: flex;
position: relative;
box-shadow: 6px 6px 25px #28078026;
}
.b2-bar1 {
background-color: #858eca;
width: 30px;
height: 4px;
}
.b2-middle-wrap {
align-items: center;
width: 30px;
display: flex;
}
.b2-middle-bar-left, .b2-middle-bar-right {
background-color: #858eca;
width: 50%;
height: 4px;
margin-top: 4px;
margin-bottom: 4px;
}
.b2-bar3 {
background-color: #858eca;
width: 30px;
height: 4px;
}
.dropdown-icon {
flex: none;
justify-content: center;
align-items: center;
width: .875rem;
height: .875rem;
margin-right: 0;
display: flex;
position: static;
inset: auto 0% auto auto;
}
.nav_menu_dropdown {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row;
justify-content: center;
align-items: center;
height: 1.2rem;
padding: 0;
display: flex;
overflow: hidden;
}
.nav_menu_dropdown.w--current {
color: var(--color--576d68);
}
.nav_menu_link-toggle {
height: 1.2rem;
padding: 0;
overflow: hidden;
}
.nav_menu_link-toggle.w--current {
font-weight: 600;
}
.dropdown-fixed-bg {
z-index: 5;
opacity: 0;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
pointer-events: none;
background-color: #1a1a1a4d;
position: fixed;
inset: 0%;
}
.nav_menu-wrap {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
justify-content: flex-end;
align-items: center;
width: 100%;
font-size: .8125rem;
display: flex;
position: static;
}
.arrow-link-arrow-fixed {
z-index: 3;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 1.375rem;
height: 1.375rem;
display: flex;
position: static;
inset: auto 2.5rem 2.5rem auto;
overflow: hidden;
}
.fixed-card {
width: 21.25rem;
}
.last-paragraph {
padding-top: 1rem;
}
.physical-feature_video {
object-fit: contain;
width: 100%;
height: 37rem;
}
.title-and-date {
flex-flow: column;
justify-content: space-between;
display: flex;
}
.locales-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.locales-dropdown-toggle {
z-index: 10;
grid-column-gap: .25rem;
grid-row-gap: .25rem;
align-items: center;
padding: 0;
transition: all .25s;
display: block;
}
.locales {
padding: .25rem;
}
.locales-link {
text-decoration: none;
}
.locales-link:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
color: var(--color--1a1a1a);
}
.locales-dropdown {
position: relative;
}
.toggle-local {
text-decoration: underline;
overflow: hidden;
}
.toggle-local:hover {
text-decoration: none;
}
.black-list {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
pointer-events: auto;
flex-flow: column;
display: flex;
}
.think-line-item_wrap_balck_background {
background-color: var(--color--202121);
pointer-events: auto;
-webkit-text-stroke-color: var(--color--ffffff);
border-radius: 1.25rem;
position: relative;
}
.think-line-item_wrap_balck_background:where(.w-variant-70d14ba5-4a0f-ab26-6016-f67d64acc6f6) {
background-color: var(--color--ffffff);
}
.think-line-item_wrap_balck_background:hover {
background-color: var(--color--252626);
}
.think-line-item_wrap_balck_background:hover:where(.w-variant-70d14ba5-4a0f-ab26-6016-f67d64acc6f6) {
background-color: var(--color--eeeff1);
}
.icon-arrow-22-whiite {
justify-content: center;
align-items: center;
width: 1.375rem;
height: 1.375rem;
display: flex;
}
.icon-arrow-22-whiite.is-show {
color: var(--color--ffffff);
}
.icon-arrow-22-whiite.is-show:where(.w-variant-70d14ba5-4a0f-ab26-6016-f67d64acc6f6) {
color: var(--pure-black);
}
.icon-arrow-22-whiite.is-hide {
color: var(--color--2d2d2d);
}
.image-contain-calendar {
aspect-ratio: auto;
object-fit: scale-down;
width: 100%;
min-width: 60px;
max-width: 100px;
height: auto;
max-height: 30px;
padding: 2px 0;
}
.think-new-item-with-image {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
border-radius: 1.25rem;
grid-template-rows: auto;
grid-template-columns: .25fr .25fr .75fr .25fr;
grid-auto-columns: 1fr;
place-items: center stretch;
padding: 1.25rem;
transition: all .25s;
display: grid;
}
.blog-card-content-media-lib {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: .625rem;
display: flex;
}
.card-bottom-media-lib {
z-index: 3;
grid-column-gap: .875rem;
grid-row-gap: .875rem;
flex-flow: row;
order: 0;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-self: stretch;
place-items: flex-start stretch;
padding-top: 4px;
display: flex;
position: relative;
}
.modal-background {
background-color: #0f0f0f4d;
width: 100%;
height: 100%;
display: block;
position: fixed;
inset: 0%;
}
.popup-sub {
z-index: 101;
background-color: #29282866;
align-items: flex-start;
width: 100%;
height: 100vh;
padding-left: 2rem;
padding-right: 2rem;
display: none;
position: fixed;
inset: 0%;
overflow: auto;
}
.clos-i-2 {
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
transform: rotate(45deg);
}
.close-btn {
z-index: 5;
float: right;
background-color: var(--color--ffffff);
color: #060103;
border-radius: .25rem;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
margin-top: 1.5rem;
margin-right: 1.5rem;
text-decoration: none;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.close-btn:hover {
background-color: var(--color--a9a9a9);
}
.modal-pop-up {
flex: none;
max-width: 30rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.form-checkbox {
align-items: center;
margin-bottom: 0;
padding-left: 1.25rem;
display: flex;
}
.form-checkbox-icon {
cursor: pointer;
border: 1px solid #000;
border-radius: 0;
width: 1.125rem;
min-width: 1.125rem;
height: 1.125rem;
min-height: 1.125rem;
margin-top: 0;
margin-left: -1.25rem;
margin-right: .5rem;
transition: all .2s;
}
.form-checkbox-icon.w--redirected-checked {
box-shadow: none;
background-color: #000;
background-size: 16px 16px;
border-width: 1px;
border-color: #000;
}
.form-checkbox-icon.w--redirected-focus {
box-shadow: none;
border-color: #000;
}
.form-checkbox-label {
margin-bottom: 0;
}
.text-color-white-2 {
color: #fff;
}
.teaser {
flex: 0 auto;
order: 0;
align-self: flex-start;
width: 100%;
display: block;
}
.teaser.hoodie-video {
border-radius: 0;
}
.text-color-grey-2 {
color: #a9a9a9;
}
.buttons-2 {
text-align: center;
border: 1px solid #fafafa;
border-radius: 3rem;
justify-content: center;
align-items: center;
padding: .75rem 1.25rem;
font-family: Polysans, sans-serif;
font-size: 1rem;
line-height: 1.1;
display: flex;
}
.buttons-2.is-small {
padding: .5rem .875rem;
font-size: .755rem;
}
.buttons-2.is-small.partnership-her-button {
background-color: #fff;
}
.hero-normal_2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.hero-scratch-block_2 {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: space-between;
height: 100%;
padding-top: 2.5rem;
padding-bottom: 3rem;
display: flex;
}
.hero-scratch-block_2.is-top {
grid-column-gap: 1.2rem;
grid-row-gap: 1.2rem;
}
.div-block-2 {
z-index: 2;
max-width: 20px;
max-height: 20px;
position: relative;
}
.think-new-item_meeting {
z-index: 1;
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
pointer-events: none;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr .75fr;
grid-auto-columns: 1fr;
justify-content: stretch;
place-items: center stretch;
padding: 1.25rem;
display: grid;
position: relative;
}
.h1-xl-style-animated {
opacity: 1;
text-align: center;
border-radius: 1px;
font-size: 5.5rem;
font-weight: 700;
}
.hero-content_2 {
z-index: 4;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-top: 3rem;
padding-bottom: 3rem;
display: flex;
position: relative;
}
.hero-video_abs-wrapper_2 {
box-sizing: border-box;
opacity: .84;
border-radius: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.section_sales {
background-color: var(--color--1a1a1a);
flex-direction: column;
justify-content: center;
position: relative;
overflow: hidden;
}
.section_sales.panel {
border-radius: 20px;
min-height: 100svh;
position: sticky;
top: 0;
}
.div-block-7 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 60vh;
display: grid;
}
.div-block-9 {
background-color: #0000;
flex-flow: column;
justify-content: space-around;
align-items: center;
width: 100%;
height: 60vh;
display: flex;
}
.heading-2 {
font-size: 2.3rem;
font-weight: 700;
}
.div-block-13 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding-top: 20px;
display: flex;
}
.text-block-3 {
color: #777;
font-size: .75rem;
font-weight: 400;
}
.text-block-4 {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: center;
color: #777;
order: 0;
justify-content: center;
align-items: center;
height: 100px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.section_roi {
background-color: var(--color--1a1a1a);
flex-direction: column;
justify-content: center;
position: relative;
overflow: hidden;
}
.section_roi.panel {
background-color: var(--color--202121);
border-radius: 20px;
min-height: 100vh;
position: sticky;
top: 0;
}
.section_contact {
background-color: var(--color--1a1a1a);
flex-direction: column;
justify-content: center;
position: relative;
overflow: hidden;
}
.section_contact.panel {
background-color: var(--color--fafafa);
color: var(--color--1a1a1a);
border-radius: 20px;
min-height: 95vh;
position: sticky;
top: 0;
}
.form-wrapper-sales {
background-color: var(--color--eeeff1);
border-radius: 2rem;
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 0;
margin-bottom: 40px;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.div-block-14 {
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.form_input-field_sales {
background-color: var(--color--2d2d2d);
color: var(--color--fafafa);
-webkit-text-stroke-color: var(--color--fafafa);
border-style: none;
border-width: 1px;
border-radius: 1rem;
width: 100%;
height: 2.75rem;
margin-bottom: 0;
padding: .75rem 1.25rem;
font-size: .875rem;
}
.form_input-field_sales::placeholder, .form_input-field_sales:lang(en) {
color: var(--color--a9a9a9);
}
.form_input-field_sales.is-text-area {
min-height: 8rem;
padding-top: .75rem;
}
.label-form_sales {
margin-bottom: .625rem;
font-size: .8rem;
}
.image-2 {
width: auto;
height: 100%;
max-height: 400px;
position: relative;
}
.image-3 {
width: auto;
height: 100%;
max-height: 350px;
position: relative;
}
.block-wrapper_2 {
grid-column-gap: 1.9rem;
grid-row-gap: 1.9rem;
flex-flow: column;
display: flex;
}
.form-colum_sales {
grid-column-gap: 2.1rem;
grid-row-gap: 2.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-content: stretch;
align-items: start;
width: 100%;
padding-left: 40px;
padding-right: 40px;
display: grid;
}
.two-inputs_sales {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.label-and-input_sales {
width: 50%;
}
.button-and-info_sales {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
text-align: center;
flex-flow: column;
display: flex;
}
.sales-modal {
background-color: var(--color--fafafa);
color: var(--color--1a1a1a);
z-index: 10;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 150px;
height: 40px;
margin-bottom: 20px;
margin-left: auto;
margin-right: 20px;
font-family: Polysans, sans-serif;
font-size: 2rem;
display: block;
position: fixed;
inset: auto 0% 0% auto;
}
.image_container {
max-height: 300px;
}
.code-embed-2 {
width: 100%;
height: 100%;
}
.div-block-15 {
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
max-height: 500px;
display: flex;
}
.div-block-16 {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
display: flex;
}
.button-5 {
background-color: var(--color--ffffff);
color: var(--color--1a1a1a);
text-align: center;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
font-size: 16px;
display: flex;
}
.full-media-hero_screen_sales {
object-fit: cover;
width: 100%;
height: 100%;
}
.full-media-hero_screen_sales.preorder_hero_img {
object-fit: cover;
height: auto;
}
.block-wrapper_sales {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex-flow: column;
display: flex;
}
.hero-scratch-block_10 {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: flex-start;
height: 100%;
padding-top: 2.5rem;
padding-bottom: 3rem;
display: flex;
}
.analytics-row {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
border-bottom: 1px solid var(--color--eeeff1);
grid-template-rows: auto;
grid-template-columns: 1.25fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center stretch;
padding: 1.25rem .625rem;
display: grid;
}
.feat_headline {
font-size: 2rem;
font-weight: 700;
}
.feat_body {
font-size: .7rem;
}
.empty-state {
display: none;
}
.h1-xl-style-animated-partnership {
opacity: 1;
text-align: center;
border-radius: 1px;
align-self: flex-start;
margin-top: 10px;
font-size: 5.5rem;
font-weight: 700;
}
.hero-content_2-partnership {
z-index: 4;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
padding: 3rem;
display: flex;
position: relative;
}
.full-media-hero_screen_partnership {
object-fit: cover;
width: 100%;
height: 100%;
}
.hero-main-wrap-partner {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
height: 50svh;
display: flex;
position: relative;
top: auto;
}
.card-media-partnership {
z-index: 1;
position: absolute;
inset: 0%;
overflow: hidden;
}
.image-full-cover-abs-case-study-partner {
-webkit-text-fill-color: inherit;
object-fit: cover;
background-clip: border-box;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.slider-image-shadow {
z-index: 10;
background-color: #0f0f0f80;
width: 100%;
height: 100%;
position: relative;
}
.div-block-18 {
justify-content: flex-end;
align-items: center;
width: 100%;
padding-right: 20px;
display: flex;
}
.section_analysts {
flex-direction: column;
justify-content: center;
position: relative;
top: 0;
}
.form_input-field-2 {
color: #1a1a1a;
background-color: #fff;
border-style: none;
border-width: 1px;
border-radius: 1rem;
height: 2.75rem;
margin-bottom: 0;
padding: .75rem 1.25rem;
font-size: .875rem;
}
.form_input-field-2::placeholder, .form_input-field-2:lang(en) {
color: #a9a9a9;
}
.partnership-form-right {
width: 50%;
}
.partnership-form-right.preoder-right {
background-color: #202121;
padding: 2.5rem;
}
.bento-card_2_thanks {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
background-color: #202121;
border-radius: 2rem;
flex-flow: column;
justify-content: space-between;
padding: 2.5rem;
display: flex;
position: relative;
}
.bento-card_2_thanks.partnership-card {
background-color: #eeeff1;
}
.bento-card_2_thanks.partnership-card.partnership-form-card {
background-color: #202121;
flex-flow: row;
margin-top: 5px;
}
.bento-card_2_thanks.partnership-card.partnership-form-card.preorder-wrap {
text-align: left;
padding: 0;
}
.bento-card_2_thanks.partnership-card.partnership-form-card.preorder-wrap.thanks-wrap {
text-align: center;
background-color: #20212100;
flex-flow: column;
margin-top: 100px;
}
.bento-card_2_thanks.partnership-card.partnership-form-card.preorder-wrap.thanks-wrap.congratspage {
max-width: 70%;
}
.bento-card_2_thanks.partnership-card.partnership-preorder-box {
background-color: var(--color--576d68);
mix-blend-mode: normal;
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91d2b_Noise%20%26%20Texture%20(1).png");
background-size: auto;
width: 100%;
min-height: 300px;
padding: 2rem;
}
.bento-card_2_thanks.partnership-card.fullscreen_card {
background-color: var(--transparent);
height: 30svh;
padding: 0;
}
.bento-card_2_thanks.demo-card {
background-color: #fafafa;
}
.partnership-form-left {
width: 50%;
}
.partnership-form-left.preorder-left {
background-color: #1a1a1a;
padding: 2.5rem;
}
.section_partnership_cards {
position: relative;
top: 0;
}
.section_partnership_cards.section_partnership_form.preform_wrap {
padding-bottom: 50px;
}
.section_partnership_cards.section_partnership_form.preform_wrap.thanks-wrap-box {
flex-flow: column;
justify-content: center;
display: flex;
}
.section_partnership_cards.section_partnership_form.preform_wrap.thanks-wrap-box.congratspage {
padding-bottom: 15rem;
}
.nav_menu_dropdown-2 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: center;
align-items: center;
height: 1.2rem;
padding: 0 0 0 0;
display: flex;
overflow: hidden;
}
.nav_menu_dropdown-2.w--current {
color: #576d68;
}
.nav_menu_link-2 {
height: 1.2rem;
padding: 0 0 0 0;
overflow: hidden;
}
.nav_menu_link-2.w--current {
font-weight: 600;
}
.black-card-2 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: #202121;
border-radius: 2rem;
flex-flow: column;
justify-content: space-between;
height: 100%;
min-height: 13.12rem;
padding: 1.25rem;
transition: none;
display: flex;
position: relative;
}
.container-large_preorder {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.container-large-5 {
width: 100%;
max-width: 101.111rem;
margin-left: auto;
margin-right: auto;
}
.text-color-grey-4 {
color: #a9a9a9;
}
.paragraph-8 {
color: #fff;
width: 440px;
margin-top: 50px;
font-size: 16px;
font-weight: 300;
}
.paragraph-8.preorder-p {
width: 80%;
margin-top: 0;
padding-right: 50px;
font-size: .9rem;
line-height: 1.2rem;
overflow: visible;
}
.paragraph-8.preorder-p.preorder-p-full-w {
width: 100%;
}
.heading-4 {
color: #fff;
}
.container-large-6 {
width: 100%;
max-width: 101.111rem;
margin-left: auto;
margin-right: auto;
}
.body-partnership-page {
background-color: var(--color--ffffff);
}
.select-field {
background-color: #fff;
border: 1px solid #000;
border-radius: 1rem;
height: 2.75rem;
overflow: visible;
}
.due-today-p {
color: var(--color--fafafa);
font-size: 1.5rem;
}
.due-today {
color: var(--color--fafafa);
font-size: 1.5rem;
font-weight: 500;
}
.paragraph-12 {
color: #fff;
text-align: left;
font-size: 13px;
}
.heading-6 {
margin-bottom: 1rem;
}
.div-block-21 {
justify-content: space-between;
align-items: stretch;
display: flex;
}
.container-large-10 {
width: 100%;
max-width: 101.111rem;
margin-left: auto;
margin-right: auto;
}
.paragraph-13 {
color: #a9a9a9;
font-size: .7rem;
}
.image-7 {
margin-top: 20px;
position: sticky;
top: 20px;
}
.heading-7 {
color: var(--color--ffffff);
text-align: center;
margin-top: 5rem;
padding-top: 0;
font-size: 7rem;
}
.image-8 {
background-color: #000;
border-radius: 30px;
width: 100%;
height: 100%;
}
.div-block-22 {
border-radius: 20px;
width: 100%;
max-width: 1920px;
}
.paragraph-2_darker {
color: #7b7b7b;
font-size: .875rem;
}
.paragraph-2_darker.text_bigger_para_2 {
font-size: 1rem;
}
.bento-card_no_interaction {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
background-color: #202121;
border-radius: 2rem;
flex-flow: column;
justify-content: space-between;
padding: 2.5rem;
display: flex;
position: relative;
}
.bento-card_no_interaction.partnership-card {
background-color: #eeeff1;
}
.bento-card_no_interaction.partnership-card.partnership-form-card {
background-color: #202121;
flex-flow: row;
margin-top: 5px;
}
.bento-card_no_interaction.partnership-card.partnership-form-card.preorder-wrap {
text-align: left;
padding: 0;
}
.div-block-23 {
color: var(--color--1a1a1a);
}
.paragraph-14, .paragraph-15, .paragraph-16, .div-block-24 {
color: var(--color--fafafa);
}
.section_book_demo {
opacity: 0;
display: none;
}
.sales_bento_card_headline {
color: var(--circus-white);
margin-top: 0;
padding-bottom: 0;
font-family: Polysans, sans-serif;
font-weight: 400;
}
.sales_bento_card_headline.card_is_light {
color: var(--color--1a1a1a);
padding-top: 10px;
padding-bottom: 5px;
}
.h1_wrapper_2 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.h1_wrapper_2.is-top {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
align-items: flex-start;
}
.h1_wrapper_2.is-top.demo_hero-h1-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
margin-top: 50px;
}
.pillars-grid_2 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.bento-card_2_thanks_2 {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
background-color: #202121;
border-radius: 2rem;
flex-flow: column;
justify-content: space-between;
padding: 2.5rem;
display: flex;
position: relative;
}
.bento-card_2_thanks_2.partnership-card {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: #eeeff1;
justify-content: flex-start;
}
.bento-card_2_thanks_2.partnership-card.additional_card {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--color--eeeff1);
flex-flow: column;
width: 80%;
max-width: 450px;
margin-top: 4rem;
padding: 1.5rem 2rem;
}
.bento-card_2_thanks_2.demo-card {
grid-column-gap: .6rem;
grid-row-gap: .6rem;
background-color: #fafafa;
justify-content: flex-start;
align-items: flex-start;
}
.bento-card-img_wrap_fullscreen {
border-radius: 1.5rem;
justify-content: space-around;
align-items: stretch;
width: 100%;
height: 30svh;
display: flex;
position: relative;
overflow: hidden;
}
.bento_card_fullscreen_background {
background-color: var(--color--1a1a1a);
opacity: 1;
border-radius: 2rem;
flex-flow: column;
order: 0;
justify-content: space-between;
width: 100%;
height: 100%;
display: flex;
}
.floating_text_bento_card {
z-index: 10;
color: var(--color--fafafa);
padding-left: 20px;
padding-right: 20px;
font-family: Inter, Arial, sans-serif;
font-size: 1rem;
font-weight: 500;
position: relative;
top: 20px;
}
.floating_text_bento_card.big_text {
font-size: 1.8rem;
font-weight: 400;
}
.floating_text_bento_card.small_text {
font-size: .8rem;
}
.bento_card_fullscreen_background_white {
background-color: var(--color--a9a9a9);
opacity: 1;
width: 100%;
height: 100%;
}
.button_demo {
z-index: 10;
color: var(--color--1a1a1a);
text-align: center;
background-color: #3898ec00;
border: 1px solid #1a1a1a;
border-radius: 1rem;
width: 60%;
padding-left: 10px;
padding-right: 10px;
font-size: .7rem;
font-weight: 600;
position: relative;
}
.button_demo.bento_card_book_cra {
background-color: #fafafa;
border-width: 0;
border-radius: 2rem;
width: 30%;
margin-bottom: 20px;
margin-left: 20px;
font-size: 1rem;
transition: none;
}
.div-block-26 {
z-index: 10;
padding-top: 0;
}
.section {
width: 100%;
}
.partnership_header_content_container {
border-radius: 20px;
width: 100%;
max-width: 1920px;
}
.relative-wrap_preorder {
position: relative;
}
.container-large_demo {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.paragraph-17 {
margin-bottom: 5rem;
}
.section_sales_features {
width: 100%;
max-width: 100svw;
height: 100%;
max-height: 100svh;
padding-top: 0;
padding-bottom: 0;
}
.sales_feature_header_wrapper {
width: 100%;
padding-left: 4rem;
padding-right: 4rem;
}
.sales_feature_hero_text_container.headline_and_text {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
display: flex;
}
.sales_card_features_stack {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex: 0 90%;
order: -1;
align-self: flex-start;
padding-left: 2rem;
padding-right: 2rem;
position: relative;
}
.hero_sales_stack_img_container {
object-fit: fill;
display: block;
overflow: clip;
}
.sales_quick_stack_full_image {
max-height: 99%;
display: inline-block;
}
.sales_card_layout_left_cell {
background-color: var(--transparent);
border-radius: 30px;
}
.sales_feature_headline_text {
font-size: 2.5rem;
line-height: 1;
}
.sales_card_layout_text_wrapper {
width: 100%;
height: 100%;
}
.sales_card_layout_right_cell {
background-color: var(--color--eeeff1);
border-radius: 30px;
justify-content: center;
align-items: flex-start;
}
.sales_card_layout_right_cell_text_wrapper {
color: var(--color--1a1a1a);
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 20px;
display: flex;
}
.sales_card_right_cell_header_text {
font-family: Polysans, sans-serif;
font-size: 1.5rem;
font-weight: 400;
}
.sales_card_right_cell_body_text {
color: var(--light-grey);
padding-top: 5px;
font-size: .7rem;
}
.heading-8 {
color: var(--pure-black);
}
.heading-8.hoodie-page-video {
color: var(--circus-white);
}
.text-block-7 {
color: var(--pure-black);
}
.text-block-7.hoodie-page-video {
color: var(--circus-white);
}
.sales_feature_section {
background-color: var(--circus-white);
width: 100svw;
}
.sales_feature_section.section {
width: 100svw;
max-width: 100svw;
height: 100svh;
min-height: 100svh;
max-height: 100svh;
}
.sales_feature_section.section.sales_black_background {
background-color: var(--pure-black);
color: var(--light-white);
width: 100svw;
height: 100svh;
padding: 0;
}
.sales_feature_section.section.sales_section_with_footer {
position: relative;
}
.sales_feature_details_wrapper {
flex-flow: wrap;
place-content: center;
align-items: flex-start;
width: 100%;
display: flex;
position: relative;
}
.sales_feature_details_wrapper.sales_image_full {
padding: 0 4rem 1rem;
}
.sales_fullwidth_image {
flex: 0 90%;
justify-content: center;
align-items: flex-start;
width: 90%;
max-width: 90%;
display: inline-flex;
overflow: hidden;
}
.sales_header_section {
background-color: var(--color--1a1a1a);
width: 100svw;
height: 100svh;
}
.sales_hero_content_wrapper {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.sales_hero_header {
color: var(--light-white);
text-align: center;
padding-left: 5rem;
padding-right: 5rem;
font-size: 5rem;
}
.sales_hero_container {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 10%;
display: flex;
}
.sales_hero_info {
color: var(--light-grey);
font-size: 1.2rem;
font-weight: 400;
}
.sales_3_bento_stack {
width: 100%;
height: 100%;
padding: 0;
}
.sales_bento_cell_dark {
background-color: var(--color--202121);
color: #1a1a1a;
border-radius: 30px;
justify-content: flex-start;
align-items: center;
padding: 1rem;
}
.sales_bento_image {
align-self: center;
width: 90%;
}
.sales_bento_text_wrapper {
width: 100%;
padding: 1rem;
}
.sales_bento_card_textbody {
color: var(--light-grey);
font-size: .8rem;
}
.sales_bento_card_textbody.sales_footer_text {
font-size: .5rem;
}
.sales_bento_cell_light {
background-color: var(--color--eeeff1);
color: #1a1a1a;
border-radius: 30px;
justify-content: flex-start;
align-items: center;
padding: 1rem;
}
.sales_bento_cell_light.sales_bento_hover_animation {
cursor: pointer;
}
.sales_4_bento_stack {
grid-column-gap: 10px;
grid-row-gap: 10px;
width: 100%;
height: 100%;
padding: 0;
}
.subtitle_contact {
text-transform: uppercase;
font-size: .625rem;
}
.sales_bento_cell_transparent {
background-color: var(--transparent);
color: #1a1a1a;
border-radius: 30px;
justify-content: flex-start;
align-items: center;
padding: 1rem;
}
.sales_contact_wrapper {
color: var(--color--1a1a1a);
padding-left: 4rem;
padding-right: 4rem;
}
.sales_deck_footer_wrapper {
justify-content: space-between;
padding-bottom: .5rem;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.sales_footer_link_wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
display: flex;
}
.sales_footer_link_block {
color: var(--light-grey);
text-decoration: underline;
}
.sales_disclaimer_wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-flow: column;
width: 100%;
padding-top: 1rem;
padding-left: 4rem;
padding-right: 4rem;
display: flex;
}
.sales_bento_link_block {
flex-flow: column;
order: 0;
align-self: auto;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.cookie_consent_wrapper {
z-index: 999;
color: var(--color--1a1a1a);
position: relative;
inset: auto 0% 0%;
}
.fs-consent_component {
display: inline-block;
}
.fs-consent_banner {
z-index: 9999;
background-color: #f5f5f5;
width: 100%;
max-height: 100px;
padding: 1rem;
display: block;
position: fixed;
inset: auto 0% 0% auto;
}
.fs-consent_banner_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: var(--color--1a1a1a);
flex-flow: column;
display: flex;
}
.fs-consent_banner_paragraph {
margin-bottom: 0;
}
.fs-consent_banner_buttons {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-end;
align-items: center;
gap: 16px;
display: flex;
}
.fs-consent_allow {
color: #fff;
background-color: #000;
padding: .5rem 1rem;
text-decoration: none;
display: block;
}
.fs-consent_prefs_submit {
background-color: #000;
padding: .5rem 1rem;
}
.fs-consent_prefs_buttons {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.fs-consent_prefs_popup {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
height: 100%;
padding: 2rem;
display: flex;
overflow: scroll;
}
.fs-consent_prefs_header {
border-bottom: 1px solid #0003;
padding-bottom: 1.5rem;
}
.fs-consent_prefs_heading {
font-size: 1.25rem;
}
.fs-consent_prefs_close {
color: #fff;
cursor: pointer;
background-color: #000;
padding: .5rem;
text-decoration: none;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.fs-consent_prefs_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.fs-consent_prefs_form-block {
z-index: 2;
margin-bottom: 0;
position: relative;
}
.fs-consent_decline {
color: #333;
background-color: #ddd;
padding: .5rem 1rem;
text-decoration: none;
display: block;
}
.fs-consent_prefs_wrapper {
z-index: 997;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 2rem;
display: flex;
position: fixed;
inset: 0%;
}
.fs-consent_prefs_overlay {
z-index: 1;
background-color: #0000001a;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.fs-consent_prefs {
z-index: 9997;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
position: fixed;
inset: 0%;
}
.fs-consent_prefs_close-icon {
width: 1rem;
line-height: 0;
}
.fs-consent_prefs_form {
background-color: #fff;
width: 100%;
max-width: 36.25rem;
height: 100%;
max-height: 70vh;
margin-bottom: 0;
position: relative;
}
.fs-consent_prefs_link {
color: #333;
border-bottom: 1px solid #000;
padding-top: .5rem;
padding-bottom: .5rem;
text-decoration: none;
}
.fs-consent_prefs_option {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
border-bottom: 1px solid #0003;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
padding-bottom: 1rem;
display: flex;
}
.fs-consent_checkbox_field {
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 0;
display: flex;
}
.fs-consent_checkbox_label {
margin-bottom: 0;
margin-right: .75rem;
}
.fs-consent_prefs_description {
margin-bottom: 0;
font-size: 12px;
}
.fs-consent_checkbox_field-2 {
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 0;
display: flex;
}
.fs-consent_checkbox {
margin-top: 0;
margin-right: .5rem;
}
.section_sales_video_steps {
justify-content: center;
align-items: flex-start;
margin-top: 6rem;
margin-bottom: 1rem;
display: block;
position: relative;
}
.sales_preorder_steps_wrapper {
justify-content: space-between;
width: 100%;
display: flex;
}
.sales_preorder_steps_text_container {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
min-width: 300px;
max-width: 300px;
padding-left: 20px;
display: flex;
}
.sales_preorder_steps_media_container {
order: 0;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding-right: 20px;
display: flex;
}
.sales_preorder_steps_med {
border-radius: 20px;
width: 90%;
}
.sales_preorder_steps_sub_headline {
padding-bottom: 10px;
font-family: Polysans, sans-serif;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.6rem;
}
.section_sales_benefit_cards {
margin-top: 4rem;
padding-bottom: 1rem;
}
.sales_preorder_benefits_grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
overflow: hidden;
}
.sales_preorder_benefits_card {
background-color: var(--color--eeeff1);
border-radius: 30px;
min-height: 300px;
}
.sales_preorder_benefit_card_content_wrapper {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 20px;
display: flex;
}
.sales_preorder_benefit_card_headline {
min-height: 50px;
max-height: 50px;
font-family: Polysans, sans-serif;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.6;
}
.sales_preorder_benefit_card_icon_wrapper {
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
}
.sales_preorder_benefit_header_card {
width: 100%;
height: 100%;
padding: 20px;
}
.sales_preorder_outline_button {
background-color: var(--transparent);
text-align: center;
border: 1px solid #fff;
border-radius: 30px;
min-width: 100px;
max-width: 150px;
font-size: .8rem;
line-height: 1rem;
overflow: visible;
}
.sales_preorder_button_card_bottom_wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
display: flex;
}
.preorder_benefit_box_image {
min-width: 50px;
max-width: 50px;
}
.swiper-pagination {
justify-content: center;
align-items: center;
display: flex;
}
.custom-button-prev {
cursor: pointer;
}
.custom-button-prev.ca1-btn {
width: 2.5rem;
}
.custom-button-next {
cursor: pointer;
}
.custom-button-next.ca1-btn {
width: 2.5rem;
position: static;
}
.swiper-button-group {
justify-content: center;
align-items: center;
display: flex;
}
.swiper-button-group.ca1-btn {
display: flex;
}
.swiper-bullet {
background-color: #ccc;
border-radius: 50%;
width: .5rem;
height: .5rem;
margin-left: .25rem;
margin-right: .25rem;
}
.swiper-bullet.is-active {
background-color: var(--color--1a1a1a);
}
.image-wrapper {
border-radius: 1.75rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.new-hero-image {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
overflow: hidden;
transform: scale(1.01);
}
.new-hero-contnet-wrapper {
width: 100%;
height: 100%;
position: relative;
}
.new-home-content {
z-index: 2;
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding: 3.125rem;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.heading-9.ca1 {
text-align: center;
font-size: 3.25rem;
font-weight: 400;
line-height: 1.2;
}
._490 {
max-width: 30.625rem;
}
.new-hero-content-wrap {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
padding: 3rem;
display: flex;
position: absolute;
inset: 0%;
}
.tab-pane-1-flex {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.tab-pane-1-tight {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: column;
display: flex;
position: relative;
}
.tab-pane-1-tight.right {
object-fit: cover;
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91d53_496817b3-c801-4335-8e21-1f5f34ff084e.webp");
background-position: 50% 48%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 30px;
justify-content: space-between;
width: 100%;
min-height: 36rem;
padding: 2.5rem;
overflow: hidden;
}
.tab-pane-1-tight.right._1 {
width: 100%;
min-height: 36.229rem;
}
.text-btn-wrap {
border: 1px solid #3a3a3a;
border-radius: 40px;
justify-content: center;
align-items: center;
padding: .375rem .625rem;
display: flex;
}
.text-block-8 {
color: #a9a9a9;
font-size: 1rem;
line-height: 1.4;
}
.text-block-8.size {
font-size: 12px;
line-height: 16px;
}
.hi-iam-charly-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #1a1a1a85;
border-radius: 18.88px;
width: 100%;
min-height: 5.188rem;
padding: 18.83px;
display: flex;
}
.right-top-tittle {
color: #fafafa;
margin-top: 0;
margin-bottom: 0;
font-size: 1.875rem;
font-weight: 400;
line-height: 1.5;
}
.tab-pane-1-box {
border: 1px solid #424242;
border-radius: 20px;
max-width: 17rem;
padding: 1.125rem 1rem;
display: none;
}
.tab-pane-1-box._2 {
-webkit-text-stroke-width: 2px;
}
.right-top-data-wrapper {
z-index: 1;
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
max-width: 18rem;
display: flex;
position: relative;
}
.tab-pane-1-buttom-flex {
grid-column-gap: 4px;
grid-row-gap: 4px;
display: flex;
}
.get-food-text-data {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: #a9a9a9;
justify-content: flex-start;
align-items: flex-start;
max-width: 17rem;
margin-bottom: 0;
font-size: 1rem;
line-height: 1.4;
display: flex;
}
.get-food-wrap {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
align-items: flex-start;
margin-top: 30px;
display: flex;
}
.get-food-wrap._1 {
margin-top: 24px;
display: block;
}
.get-food-wrap._2 {
margin-top: 79px;
}
.tab-pane-1-tittle-2 {
color: #fafafa;
margin-top: 0;
margin-bottom: 1.875rem;
font-family: Polysans, sans-serif;
font-size: 1.375rem;
font-weight: 400;
line-height: 1.2;
}
.tab-pane-1-tittle-2._1 {
margin-bottom: 24px;
font-weight: 400;
}
.tab-pane-1-tittle-2._2 {
margin-bottom: 79px;
font-weight: 400;
}
.hi-iam-charly-tittle {
color: #fafafa;
margin-top: 0;
margin-bottom: 0;
font-family: Polysans, sans-serif;
font-size: 1.375rem;
font-weight: 500;
line-height: 1.2;
}
.tab-pane-1-flex-box {
background-color: #202121;
border-radius: 30px;
width: 100%;
max-width: none;
padding: 2rem;
}
.tab-pane-1-flex-box._1 {
flex-flow: column;
justify-content: space-between;
display: flex;
}
.fully-diagnosing_data-wrapper {
background-image: linear-gradient(180deg, #ffffff1a, var(--color--202121));
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
border: 1px solid #fafafa40;
border-radius: 1.25rem;
min-height: 10rem;
max-height: 10rem;
padding: 1.25rem;
overflow: hidden;
}
.fully-diagnosing_data-wrapper._2 {
position: absolute;
inset: 0% 0% auto;
transform: translate(0, 1.25rem);
}
.fully-diagnosing_data-wrapper._3 {
z-index: 3;
justify-content: space-between;
align-items: stretch;
display: flex;
position: absolute;
inset: 0% 0% auto;
transform: translate(0, 2.5rem);
}
.tab-pane-1-tittle {
color: #fafafa;
margin-top: 0;
margin-bottom: 20px;
font-family: Polysans, sans-serif;
font-size: 1.375rem;
font-weight: 400;
line-height: 1.2;
}
.slash {
flex: none;
}
.physical-ca1_component {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
justify-content: flex-start;
display: flex;
}
.tab-pane-1-right {
justify-content: center;
align-items: center;
width: 100%;
max-width: 12.5rem;
padding-right: 0;
display: flex;
}
.tab-pane-1-top-box {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
background-color: #202121;
border-radius: 30px;
justify-content: space-between;
align-items: center;
min-height: 11.063rem;
padding: 2rem;
display: flex;
}
.fav-food {
color: #a9a9a9;
margin-top: 8px;
margin-bottom: 8px;
font-size: 12px;
line-height: 15px;
}
._17 {
justify-content: center;
align-items: center;
min-width: .75rem;
max-width: 1rem;
min-height: 1rem;
display: flex;
}
.tab-pane-1-img-wrap {
grid-column-gap: 8.5px;
grid-row-gap: 8.5px;
justify-content: flex-start;
align-items: center;
margin-bottom: 8px;
display: flex;
}
.tab-pane-1-img-wrap._2 {
border: 1px solid #424242;
border-radius: 51px;
max-width: 3.688rem;
height: 100%;
min-height: .75rem;
max-height: .75rem;
margin-left: auto;
margin-right: auto;
}
.btn-text {
color: #fafafa;
font-size: .5rem;
line-height: 1.3;
}
.get-food-text {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: #a9a9a9;
justify-content: flex-start;
align-items: flex-start;
max-width: 17rem;
margin-bottom: 0;
font-size: 1rem;
line-height: 1.4;
display: flex;
}
.get-food-text._1 {
flex: 1;
width: 100%;
line-height: 22px;
}
.get-food-text._2 {
max-width: 272px;
}
.text-btn {
grid-column-gap: .125rem;
grid-row-gap: .125rem;
flex-flow: row;
display: flex;
}
.tab-pane-1-left {
max-width: 21.5rem;
}
.tab-pane-1-left._1 {
max-width: 424px;
}
.physical-ca1_tab-text {
color: #a9a9a9;
font-family: Polysans, sans-serif;
font-size: 1.125rem;
line-height: 1.2;
}
.tab-pane-1-img-icon {
max-width: 2.125rem;
min-height: 2.125rem;
}
.text-block-9 {
color: #fafafa;
font-size: .813rem;
line-height: 1.5;
}
.physical-ca1_tab-link {
background-color: #ddd0;
flex-flow: column;
justify-content: center;
align-items: center;
min-width: 12rem;
padding: .5rem .5rem 1.125rem;
display: flex;
position: relative;
box-shadow: inset 0 -1px #ffffff80;
}
.physical-ca1_tab-link.w--current {
border-bottom: 2px solid var(--color--ffffff);
background-color: #ddd0;
}
.img {
max-width: 1.875rem;
min-height: 1.875rem;
max-height: 1.875rem;
}
.tab-pane-1-image {
max-width: 6.875rem;
min-height: 6.25rem;
}
.physical-ca1_tabs-menu {
text-align: center;
border-bottom: 1px #ffffff80;
flex-flow: row;
justify-content: center;
align-items: center;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.text-xolor-dark-gry {
color: #a9a9a9;
max-width: 21.5rem;
font-size: 1rem;
}
.frame-20 {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #1a1a1a33;
padding: .75rem;
display: flex;
}
.frame-20._7 {
margin-bottom: 7px;
}
.svg {
width: 100%;
max-width: 1.625rem;
height: 100%;
min-height: 1.625rem;
}
.text-size-12 {
-webkit-text-stroke-width: 0px;
max-width: 11.25rem;
font-family: Inter, Arial, sans-serif;
font-size: .7rem;
font-weight: 400;
}
.tab-image {
max-width: 17rem;
min-height: 11rem;
}
.tab-image-2 {
max-width: 17rem;
min-height: 4.125rem;
}
.crafting-card-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 101rem;
margin-left: auto;
margin-right: auto;
display: grid;
}
.crafting-card {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
background-color: #202121;
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91cda_Vector%2016.svg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 1.875rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: none;
min-height: 25.5rem;
padding: 2.5rem 2rem;
display: flex;
position: relative;
}
.crafting-card-title {
text-align: center;
font-size: 1.25rem;
line-height: 1.2;
}
.crafting-card-icon {
width: 6.5625rem;
min-height: 7.25rem;
}
.crafting-card-description {
color: var(--color--a9a9a9);
}
.crafting-card-description:lang(de) {
position: static;
}
.crafting-card-bg {
border-radius: 30px;
display: none;
position: absolute;
inset: 0%;
}
.right-bottom-img {
z-index: 2;
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91d85_Graphic%20Overlay.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
max-width: 22.5rem;
min-height: 10rem;
position: relative;
}
.right-bottom-img:lang(de) {
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91d89_Graphic%20Overlay%20german.webp");
}
.image-11 {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
inset: 0%;
}
.physical-impact_grid {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.physical-impact_card {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
background-color: var(--color--202121);
border-radius: 2rem;
flex-flow: column;
justify-content: flex-start;
padding: 2.5rem;
transition: transform .8s;
display: flex;
position: relative;
}
.physical-impact_block-img {
aspect-ratio: 1;
border-radius: 1.5rem;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
max-height: 18.75rem;
display: flex;
position: relative;
overflow: hidden;
}
.physical-impact_img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
}
.section_physical-feature {
flex-direction: column;
justify-content: center;
position: relative;
}
.physical-feature_video-overlay {
background-image: linear-gradient(#0000, #1a1a1a);
padding-top: 10%;
position: absolute;
inset: auto 0% 0%;
}
.header-glossary_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 18rem 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.table-of-contents {
border-top: 1px solid var(--light-white);
border-bottom: 1px solid var(--light-white);
color: var(--color--a9a9a9);
width: 100%;
max-width: none;
margin-top: -1px;
margin-bottom: -1px;
padding: 1rem .75rem;
font-weight: 600;
display: block;
}
.table-of-contents:hover, .table-of-contents.w--current {
color: var(--color--1a1a1a);
}
.header-glossary_card {
border: 1px solid var(--light-white);
background-color: var(--light-white);
border-radius: 2rem;
width: 100%;
height: 100%;
padding: 2rem;
}
.header-glossary_btn {
border: 1px solid var(--color--a9a9a9);
color: var(--color--252626);
border-radius: 2rem;
padding: .375rem .625rem;
display: inline-block;
}
.collection-list.is-glossary {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
display: flex;
}
.collection-list.is-other {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list.max-width-full:lang(de) {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: inline;
}
.header-glossary_search {
background-color: var(--color--ffffff);
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91cdb_Search%20Icon.svg");
background-position: 20px;
background-repeat: no-repeat;
background-size: 1.45rem;
border: 1px #000;
border-radius: 1rem;
min-height: 3rem;
margin-bottom: 0;
padding: .75rem 1.25rem .75rem 3.75rem;
font-size: 1rem;
}
.header-glossary_wrap {
width: 100%;
margin-top: -2.5rem;
padding-top: 2.5rem;
}
.header-glossary_divider {
background-color: var(--color--eeeff1);
width: 100%;
height: 1px;
}
.right-bottom-img2 {
z-index: 2;
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91d87_Graphic%20Overlay%202.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
max-width: 22.5rem;
min-height: 10rem;
position: relative;
}
.right-bottom-img2:lang(de) {
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91d88_Graphic%20Overlay%202%20german.webp");
}
.circus-os-slide_img01 {
object-fit: contain;
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91d4b_Group%201707478760.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 18rem;
min-height: 14rem;
margin-bottom: 2.656rem;
}
.circus-os-slide_img01:lang(de) {
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91d8a_Slider%20Image%2001%20German.webp");
}
.circus-os-slide_img02 {
object-fit: contain;
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91da5_Slider%20Image%2002%20German.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 22rem;
min-height: 18rem;
margin-bottom: 2.656rem;
}
.circus-os-slide_img02:lang(de) {
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91d8b_Slider%20Image%2002%20German.webp");
}
.circus-os-slide_img03 {
object-fit: contain;
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91da6_Frame%203592.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 22rem;
min-height: 14rem;
margin-bottom: 2.656rem;
}
.circus-os-slide_img03:lang(de) {
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91da0_Slider%20Image%2003%20German.webp");
}
.tab-pane-1-box-img01 {
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91cce_Hyper%20personalization%20.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
min-height: 11rem;
}
.tab-pane-1-box-img01:lang(de) {
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91da2_Assets%20tabs%20German%2001%20.webp");
}
.tab-pane-1-box-img02 {
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91d05_Convenient%20Food%20Service%20.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
min-height: 12rem;
}
.tab-pane-1-box-img02:lang(de) {
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91da3_Assets%20tabs%20German%2002.webp");
}
.header-glossary_block-img {
aspect-ratio: 2.39;
color: var(--color--fafafa);
text-align: center;
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91da4_glossary%20Background%20Texture.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 1.25rem;
justify-content: center;
align-items: center;
width: 100%;
max-height: 22rem;
margin-bottom: 2rem;
padding: 2rem 3rem;
font-family: Polysans, sans-serif;
font-size: 1.875rem;
display: flex;
}
.button-6 {
box-sizing: border-box;
color: var(--pure-black);
background-color: #fcfcfc;
border: 1px solid #000;
border-radius: 20px;
}
.section_product-header {
background-color: var(--color--ffffff);
}
.product-header_bg-wrapper {
border-radius: 1.75rem;
overflow: hidden;
}
.product-header_img {
object-fit: cover;
width: 100%;
max-width: none;
max-height: 56rem;
}
.product-header_component {
position: relative;
}
.product-header_content-block {
flex-flow: column;
align-items: center;
display: flex;
position: absolute;
inset: auto 0% 6rem;
}
.section_product-features {
background-color: #fff;
}
.product-features_slider {
background-color: var(--transparent);
height: auto;
}
.product-features_icon {
width: 3.75rem;
}
.product-features_content-block {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding: 2.5rem 2rem;
display: flex;
position: relative;
}
.product-features_mask {
overflow: visible;
}
.product-features_slide {
width: 25%;
}
.product-features_arrow {
background-color: var(--light-white);
color: var(--color--1a1a1a);
border-radius: 5rem;
justify-content: center;
align-items: center;
width: 2.25rem;
height: 2.25rem;
font-size: 1.125rem;
font-weight: 900;
display: none;
}
.product-features_divider {
background-image: linear-gradient(0deg, #bbbbc700, #5b5b61 52%, #bbbbc700);
width: 1px;
height: 100%;
position: absolute;
inset: 0% 0% 0% auto;
}
.text-colo-charcoal {
color: var(--color--2d2d2d);
}
.section_product-demo {
background-color: var(--color--ffffff);
}
.product-demo_header-block {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.product-demo_grid {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.product-demo_card {
color: var(--color--ffffff);
border-radius: 1.75rem;
flex-flow: column;
justify-content: space-between;
height: 20rem;
padding: 1.25rem;
display: flex;
position: relative;
overflow: hidden;
}
.product-demo_img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
transition: transform .75s;
position: absolute;
inset: 0%;
}
.product-demo_img:hover {
transform: scale(1.075);
}
.product-demo_img.filter-grey {
filter: grayscale();
}
.section_product-stats {
background-color: var(--light-white);
}
.product-stats_component {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.product-stats_header-block {
background-color: var(--color--ffffff);
border-radius: 1.75rem;
width: 100%;
padding: 1.75rem;
font-family: Polysans, sans-serif;
font-weight: 300;
display: block;
}
.product-stats_list-wrap {
background-color: var(--color--ffffff);
border-radius: 1.75rem;
padding: 1.25rem;
}
.product-stats_list-block {
border-bottom: 1px solid var(--light-white);
justify-content: space-between;
align-items: center;
padding: 1.25rem .625rem;
display: flex;
}
.product-stats_list-block.is-last {
border-bottom-style: none;
}
.hide-desktop {
display: none;
}
.hide-desktop.show-mobile-l {
display: block;
}
.section_home-msg {
background-color: var(--circus-white);
}
.home-msg_text-gradient {
color: #2e7355;
font-weight: 500;
}
.home-msg_component {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.home-msg_card01 {
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91dbf_Red%20Cricle%20image.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 1.75rem;
flex-flow: column;
justify-content: space-between;
min-height: 40rem;
display: flex;
}
.home-msg_card01-img {
width: 100%;
max-width: none;
padding-bottom: 2rem;
padding-right: 1.75rem;
}
.home-msg_card02 {
background-color: #e5e9eb;
border-radius: 1.75rem;
flex-flow: column;
justify-content: space-between;
display: flex;
}
.home-msg_card02-chatblock {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 2rem;
display: grid;
}
.home-msg_card02-chat {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: var(--circus-white);
border-radius: 1.25rem;
justify-content: flex-start;
align-items: center;
width: 92%;
padding: 1.125rem 1.25rem;
display: flex;
}
.home-msg_card02-portrait {
aspect-ratio: 1;
object-fit: cover;
border-radius: 2rem;
width: 1.75rem;
display: block;
}
.home-msg_card02-blockstep {
background-color: #d0e6e1;
border-radius: 1.25rem;
padding: 1.25rem;
display: block;
}
.text-size-13px {
font-size: .8125rem;
}
.home-msg_card04 {
color: var(--color--fafafa);
background-color: #1a1a1a;
border-radius: 1.75rem;
flex-flow: column;
justify-content: space-between;
width: 100%;
height: 100%;
min-height: 20rem;
padding-top: 2rem;
padding-bottom: 2rem;
display: flex;
}
.home-msg_card04-tag {
background-color: #2e7355;
border-radius: 5rem;
justify-content: center;
align-items: center;
padding: .5rem .75rem;
display: inline-flex;
}
.home-msg_card04-tag.is-black {
background-color: var(--color--2d2d2d);
}
.home-msg_card03 {
color: var(--color--202121);
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91dc3_Screenshot%202025-03-19%20at%2010.57.31%E2%80%AFPM.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 1.75rem;
flex-flow: column;
justify-content: space-between;
width: 100%;
height: 100%;
min-height: 20rem;
padding: 2rem;
display: flex;
}
.div-block-30 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.home-msg_card03-block {
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
color: var(--color--ffffff);
background-color: #1a1a1a33;
border-radius: 1.25rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding: .25rem;
display: flex;
}
.home-msg_card03-block.is {
justify-content: space-between;
align-items: stretch;
}
.home-msg_card03-img {
width: 2.5rem;
}
.home-msg_card03-progress_wrap {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.home-msg_card03-progress {
background-color: #e7e5e4;
border-radius: 2rem;
width: 100%;
max-width: none;
height: .5625rem;
position: relative;
overflow: hidden;
}
.home-msg_card03-percentage {
background-color: #ff3d00;
width: 20%;
height: 100%;
}
.home-msg_card03-percentage.is-green {
background-color: #b3e4a2;
width: 80%;
}
.home-msg_card03-tag {
border: 1px solid var(--color--ffffff);
border-radius: 5rem;
padding: .5rem .75rem;
display: inline-flex;
}
.home-msg_card03-flex {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
align-items: center;
display: flex;
}
.section_home-banner {
background-image: linear-gradient(180deg, var(--color--ffffff), #fff0 2.5%), linear-gradient(180deg, #fff0 97.5%, white), url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91e08_1e4588b3a033909c950ce96a535118dfdeb0d783-min.webp");
background-position: 0 0, 0 0, 50%;
background-repeat: repeat, repeat, no-repeat;
background-size: auto, auto, cover;
position: relative;
}
.section_home-solutions {
display: none;
position: relative;
}
.home-solution_card {
color: var(--color--ffffff);
border-radius: 1.75rem;
width: 100%;
max-width: none;
position: relative;
overflow: hidden;
}
.home-solution_img {
pointer-events: none;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
max-width: none;
height: 40rem;
}
.home-solution_content-block {
z-index: 2;
opacity: 0;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #1a1a1acc;
width: 100%;
height: 100%;
padding: 2.5rem;
position: absolute;
inset: 0%;
}
.home-solution_item {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
margin-bottom: 1.75rem;
display: flex;
}
.home-solution_content-bottom {
z-index: 3;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-end;
align-items: center;
padding: 2.5rem;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.home-solutions_slider {
background-color: var(--transparent);
width: 50%;
height: auto;
display: none;
}
.home-solutions_mask {
overflow: visible;
}
.home-solutions_slide {
padding-right: .25rem;
}
.home-solution_overlay {
pointer-events: none;
background-image: linear-gradient(#00000080, #3d3d3d00 10%, #09090900 90%, #00000080);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.home-solutions_header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: center;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr .25fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: flex;
}
.home-solutions_arrow {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
color: var(--color--ffffff);
background-color: #1a1a1a33;
border-radius: 5rem;
justify-content: center;
align-items: center;
width: 3.125rem;
height: 3.125rem;
padding: .25rem;
display: flex;
inset: 50% -100% auto auto;
transform: translate(1.25rem, -50%);
}
.home-solutions_arrow:hover {
background-color: var(--color--ffffff);
color: var(--pure-black);
}
.home-solutions_arrow.is-left {
left: -1.25rem;
right: auto;
}
.section_home-product {
position: relative;
overflow: hidden;
}
.home-product_mockup {
background-image: linear-gradient(0deg, var(--color--ffffff), #fff0 10%), linear-gradient(270deg, var(--color--ffffff), #fff0 10%), linear-gradient(90deg, var(--color--ffffff), #fff0 10%), linear-gradient(180deg, var(--color--ffffff), #fff0 10%), url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a9208d_01%20copy%201.webp"), linear-gradient(to bottom, var(--color--ffffff), var(--color--ffffff));
background-position: 0 0, 0 0, 0 0, 0 0, 50%, 0 0;
background-repeat: repeat, repeat, repeat, repeat, no-repeat, repeat;
background-size: auto, auto, auto, auto, contain, auto;
padding-top: 62%;
position: relative;
}
.home-product_tooltips {
position: absolute;
inset: 0%;
}
.home-product_tooltip {
display: inline-block;
}
.home-product_tooltip-arrow {
z-index: 1;
justify-content: center;
align-items: center;
width: 1.25rem;
margin-left: 0;
display: flex;
position: relative;
}
.home-product_tooltip-circle {
box-shadow: inset .5px -.75px 0 0 var(--color--ffffff), 1px -.5px 0 0 var(--color--ffffff);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
background-color: #fff3;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.25rem;
min-width: 2.25rem;
height: 2.25rem;
min-height: 2.25rem;
display: flex;
position: absolute;
inset: -.5rem auto auto -.55rem;
transform: scale(1.25);
}
.home-product_tooltip-content {
flex-flow: column;
min-width: 12.5rem;
display: flex;
}
.home-product_tooltip-content:where(.w-variant-c588826c-9fe4-376f-a794-116dc4699333) {
text-align: right;
align-items: flex-end;
display: flex;
}
.home-product_tooltip-line {
transform-origin: 0%;
background-image: linear-gradient(90deg, #1a1a1a, #fff0);
width: 100%;
height: 1px;
margin-top: -.25rem;
padding: 0;
transform: perspective(2000px);
}
.home-product_tooltip-line:where(.w-variant-c588826c-9fe4-376f-a794-116dc4699333) {
transform-origin: 100%;
background-image: linear-gradient(270deg, #1a1a1a, #fff0);
}
.div-block-34 {
background-color: var(--color--error);
min-width: 12.5rem;
position: absolute;
inset: -470% 1230% auto auto;
}
.text-style-polysans {
font-family: Polysans, sans-serif;
}
.home-product_stats {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
text-align: right;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: -6rem;
display: grid;
position: relative;
}
.home-product_stats.ca-m {
margin-top: -12rem;
}
.home-product_stats-line {
background-color: #0003;
width: 100%;
height: 1.2px;
}
.home-product_stats-line.grey {
background-color: #fafafa33;
}
.heading-style-40px {
font-size: 2.5rem;
}
.home-product_slider-wrap, .product-header_img-overlay {
display: none;
}
.home-product_stats-flex {
justify-content: flex-end;
align-items: center;
display: flex;
}
.home-product_stats-flex.gap {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
}
.home-header_wrapper {
width: 100%;
height: 100%;
position: relative;
}
.home-header_image {
object-fit: contain;
object-position: 50% 30%;
border-radius: 30px;
width: 100%;
max-width: none;
height: 100%;
overflow: hidden;
transform: rotate(45deg)translate(0, 5%)scale(2.75);
}
.home-header_content-top {
justify-content: center;
align-items: center;
display: flex;
}
.text-size-22px {
font-size: 1.375rem;
}
.home-solution_img-block {
width: 100%;
height: 40rem;
}
.section_ca1-stats {
background-color: var(--color--fafafa);
}
.ca1-stats_componet {
grid-column-gap: 1.25rem;
grid-row-gap: .5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.ca1-stats_header-block {
border-bottom: 1px solid #000;
width: 100%;
padding: 1.75rem;
font-family: Polysans, sans-serif;
font-weight: 400;
display: block;
}
.ca1-stats_list-wrap {
padding: 1.25rem;
}
.ca1-stats_list-block {
border-bottom: 1px solid var(--light-white);
justify-content: space-between;
align-items: center;
padding: .75rem .625rem;
display: flex;
}
.ca1-stats_list-block.is-last {
border-bottom-style: none;
}
.section_ca1-hero {
background-color: var(--color--ffffff);
color: var(--color--ffffff);
padding-top: 5.5rem;
position: relative;
top: 0;
}
.ca1-hero_component {
width: 100%;
height: 100%;
position: relative;
}
.ca-hero_image-wrapper {
background-color: var(--pure-black);
border-radius: 1.75rem;
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.ca1-hero_img {
object-fit: cover;
object-position: 50% 0%;
width: 100%;
max-width: 100%;
height: 100%;
display: block;
overflow: hidden;
}
.ca1-hero_image-overlay {
pointer-events: none;
background-image: linear-gradient(#000, #fff0 30%);
width: 100%;
position: absolute;
inset: 0%;
}
.ca1-hero_content-block {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding: 3rem;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.ca1-hero_label {
justify-content: center;
align-items: center;
display: flex;
}
.section_ca1-highlight {
background-color: var(--pure-black);
color: var(--color--ffffff);
overflow: hidden;
}
.ca1-highlight_header {
text-align: center;
flex-flow: column;
justify-content: flex-end;
align-items: center;
min-height: 55svw;
max-height: 50rem;
display: flex;
position: relative;
}
.ca1-highlight_header:lang(de) {
justify-content: flex-end;
align-items: center;
}
.text-size-18px {
font-size: 1.125rem;
}
.ca1-highlight_img-wrap {
z-index: 0;
aspect-ratio: auto;
object-fit: contain;
object-position: 50% 50%;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
inset: -2.75em 0% 0% auto;
transform: scale(1.25);
}
.ca1-highlight_img-wrap.ca1 {
pointer-events: none;
object-position: 120% 50%;
transform: scale(1.5);
}
.ca1-highlight_card {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--color--1a1a1a);
color: var(--color--ffffff);
border-radius: 1.25rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
position: relative;
overflow: hidden;
}
.ca1-highlight_card:where(.w-variant-47b1c1e3-70c0-95bd-ee38-e0daaead5af7), .ca1-highlight_card:where(.w-variant-36b50c81-cd52-1540-82d7-3c313234d1a9) {
background-color: var(--color--eeeff1);
color: var(--color--1a1a1a);
}
.ca1-highlight_card:where(.w-variant-49cde40f-01d9-53b3-df23-e937c093f525) {
color: var(--color--1a1a1a);
}
.ca1-highlight_card.secondary {
background-color: var(--color--eeeff1);
color: var(--color--1a1a1a);
}
.ca1-highlight_card.trusted-cards {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--color--eeeff1);
color: var(--color--1a1a1a);
justify-content: space-between;
padding: 2.5rem;
display: flex;
}
.ca1-highlight_flex {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 20rem;
padding-bottom: 1.25rem;
display: flex;
position: relative;
}
.ca1-highlight_flex:where(.w-variant-36b50c81-cd52-1540-82d7-3c313234d1a9) {
display: none;
}
.ca1-highlight_flex.is-h {
flex-flow: row;
padding-bottom: 0;
}
.ca1-highlight_overlay {
opacity: .2;
background-image: linear-gradient(270deg, #fafafa00, #fff);
width: 100%;
height: 1px;
position: absolute;
inset: auto 0% 0%;
}
.ca1-highlight_overlay:where(.w-variant-47b1c1e3-70c0-95bd-ee38-e0daaead5af7), .ca1-highlight_overlay.secondary-14 {
background-image: linear-gradient(90deg, #1a1a1a, #fafafa00);
}
.ca1-highlight_content-block {
z-index: 1;
flex-flow: column;
justify-content: space-between;
width: 100%;
height: 100%;
min-height: 42.5rem;
padding: 2.5rem 0 9.1875rem 2.5rem;
display: flex;
position: relative;
}
.ca1-highlight_img {
object-fit: contain;
object-position: 100% 100%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
position: absolute;
inset: 0%;
}
.ca1-highlight_img.is-mobile {
display: none;
position: static;
}
.ca1-highlight_slider {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: var(--transparent);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 50%;
height: auto;
}
.ca1-meal_row01 {
flex-flow: row;
flex: none;
justify-content: space-between;
align-items: flex-end;
width: auto;
display: flex;
}
.ca1-meal_heading {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(138deg, #d1cd77, #2e7355 28%, #1d1d1d);
-webkit-background-clip: text;
background-clip: text;
font-size: 5.875rem;
font-weight: 300;
line-height: .8;
}
.ca1-meal_img {
object-fit: cover;
border-radius: 1.5rem;
width: 100%;
max-width: 24rem;
height: 100%;
margin-right: .25rem;
}
.ca1-swiper_component {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.ca1-swiper_img {
pointer-events: none;
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
min-height: 48rem;
max-height: none;
display: block;
}
.ca1-swiper_block-img {
overflow: hidden;
}
.ca1-swiper_block-count {
align-items: center;
display: flex;
}
.ca1-swiper_navigation {
z-index: 10;
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
align-items: center;
display: flex;
position: absolute;
inset: auto auto 0% 5rem;
}
.ca1-swiper_content-wrap {
flex-flow: column;
flex: none;
justify-content: center;
width: 50%;
height: auto;
padding-left: 5rem;
padding-right: 5rem;
display: flex;
position: relative;
}
.ca1-swiper_navigation-flex {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex;
}
.section_ca1-banner {
color: var(--color--ffffff);
position: relative;
}
.section_ca1-banner:where(.w-variant-f23dddad-63c6-6f91-d82f-75b59d26f13d) {
background-image: linear-gradient(180deg, var(--pure-black), var(--color--1a1a1a));
}
.ca1-banner_componet {
border-radius: 1.25rem;
flex-flow: column;
justify-content: center;
align-items: center;
min-height: 130svh;
display: flex;
}
.ca1-banner_image-wrapper {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.ca1-banner_image {
object-fit: cover;
object-position: 50% 0%;
width: 100%;
max-width: 100%;
height: 100%;
max-height: none;
display: block;
overflow: hidden;
}
.ca1-banner_grid {
z-index: 2;
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-flow: column;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
min-height: 100%;
padding-top: 5rem;
padding-bottom: 5rem;
display: flex;
position: relative;
}
.ca1-banner_content-block {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 36rem;
display: flex;
}
.ca1-banner_list-block {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 22rem;
padding: 1.25rem;
font-family: Polysans, sans-serif;
display: inline-flex;
}
.ca1-banner_list-wrap {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row;
justify-content: center;
align-items: flex-end;
min-width: 100%;
display: flex;
}
.section_cam-benefits.bg-black {
background-color: #000;
}
.cam-benefits_component {
grid-column-gap: 3.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 56rem;
margin-left: auto;
margin-right: auto;
display: grid;
}
.section_cam-exlpore {
position: relative;
}
.cam-explore_img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
}
.cam-explore_overlay-img {
background-image: none;
padding-top: 50%;
position: absolute;
inset: 0% 0% auto;
}
.cam-explore_overlay-img.black-overlay {
background-image: linear-gradient(170deg, #000, #fff0 54%);
}
.section_home-circus0s {
background-color: var(--color--fafafa);
display: none;
}
.home-circus0s_header {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.home-circus0s_grid {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
}
.home-circus0s_card {
background-color: var(--color--eeeff1);
border-radius: 1.75rem;
flex-flow: column;
justify-content: space-between;
display: flex;
overflow: hidden;
}
.home-circus0s_content {
padding-top: 2.5rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.home-circus0s_img {
aspect-ratio: 1;
mix-blend-mode: multiply;
object-fit: cover;
object-position: 50% 100%;
width: 100%;
height: auto;
margin-top: -3.25em;
}
.home-solutions_tabmenu {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: center;
align-items: center;
display: flex;
}
.home-solutions_tablink {
border: 1px solid var(--color--a9a9a9);
color: var(--color--a9a9a9);
background-color: #ddd0;
border-radius: 5rem;
justify-content: center;
align-items: center;
min-width: 8rem;
padding: .75rem 1.25rem;
font-family: Polysans, sans-serif;
display: flex;
position: relative;
}
.home-solutions_tablink.w--current {
border-color: var(--color--1a1a1a);
background-color: var(--color--1a1a1a);
color: var(--circus-white);
text-decoration: none;
}
.home-solutions_tabcontent {
margin-top: 2.5rem;
overflow: visible;
}
.home-banner_img-block {
width: 100%;
max-width: none;
margin-bottom: -20%;
position: relative;
}
.home-banner_component {
position: absolute;
inset: 0% 0% auto;
}
.home-banner_img {
width: 100%;
}
.home-banner_overlay {
background-image: linear-gradient(0deg, var(--color--fafafa) 5%, #fafafa00 12%), linear-gradient(-10deg, #fafafa00 60%, var(--color--fafafa) 90%), linear-gradient(10deg, #fafafa00 60%, var(--color--fafafa) 90%);
padding-top: 50%;
position: absolute;
inset: 0%;
}
.ca1-swiper_item {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: 1rem 1fr;
grid-auto-columns: 1fr;
margin-bottom: .25rem;
display: grid;
}
.ca1-meal_component {
flex-flow: row;
width: 100%;
max-width: none;
display: flex;
overflow: hidden;
}
.ca1-meal_marque-wrap {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
flex: none;
display: flex;
}
.circus0s-header_img {
pointer-events: none;
object-fit: contain;
object-position: 50% 50%;
width: 100%;
max-width: none;
height: 100%;
overflow: hidden;
transform: translate(0, -12%)scale(.75);
}
.circus0s-header_component {
width: 100%;
height: 100%;
position: relative;
}
.circus0s-header_content {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding: 5rem 3rem 2rem;
display: flex;
position: absolute;
inset: 0%;
}
.circus0s-header_img-wrap {
background-color: var(--pure-black);
border-radius: 1.75rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.cam-benefits_card {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: none;
display: flex;
}
.cam-benefits_card:lang(de) {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
align-items: center;
margin-right: 0;
}
.ca1-popup_wrapper {
z-index: 99;
color: var(--pure-black);
text-align: left;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-left: 3rem;
padding-right: 3rem;
display: none;
position: fixed;
inset: 0%;
}
.ca1-popup {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #fafafacc;
border-radius: 1.75rem;
width: 100%;
max-width: 72rem;
min-height: 40rem;
margin-left: auto;
margin-right: auto;
padding: 4rem;
}
.ca1-popup_item {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1.5rem 1fr;
grid-auto-columns: 1fr;
place-items: center start;
display: grid;
}
.icon-1x1-size-20 {
flex: none;
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
display: flex;
}
.ca1-popup_list {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
display: flex;
}
.ca1-popup_grid {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.icon-1x1-size-40, .ca1-popup_close {
justify-content: center;
align-items: center;
width: 2.5rem;
min-width: 2.5rem;
height: 2.5rem;
}
.ca1-popup_cover {
background-color: #0000004d;
position: absolute;
inset: 0%;
}
.ca1-popup__close {
cursor: pointer;
position: absolute;
inset: 4rem 4rem auto auto;
}
.ca1-popup__close:focus-visible, .ca1-popup__close[data-wf-focus-visible] {
outline-offset: 4px;
outline: 2px solid #9b9b9b;
}
.ca1-highlight_mask {
overflow: visible;
}
.ca1-highlight_slide {
width: 100%;
padding-right: 2.5%;
}
.ca1-highlight_nextbtn {
z-index: 2;
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
color: var(--color--ffffff);
background-color: #fff3;
border-radius: 5rem;
justify-content: center;
align-items: center;
width: 3.125rem;
height: 3.125rem;
padding: .25rem;
display: flex;
position: absolute;
inset: 50% 0% auto auto;
transform: translate(1.25rem, -50%);
}
.ca1-highlight_nextbtn:hover {
background-color: var(--color--ffffff);
color: var(--pure-black);
}
.ca1-highlight_nextbtn.is-left {
left: -2.5rem;
right: auto;
}
.ca1-highlight_logo-sponser {
filter: contrast(0%);
height: 1.25rem;
}
.ca1-highlight_heading {
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
}
.ca1-meal_move-right, .ca1-meal_move-left {
display: flex;
}
.ca1-meal_row02 {
flex-flow: row;
flex: none;
justify-content: space-between;
align-items: flex-end;
width: auto;
display: flex;
}
.ca1-highlight--img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
}
.ca1-highlight_img-overlay {
z-index: 2;
background-image: linear-gradient(180deg, #fff0 70%, var(--pure-black) 90%), linear-gradient(180deg, black 10%, var(--transparent) 30%);
position: absolute;
inset: 0%;
}
.circus0s-benefits_grid {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 56rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.circus0s-benefits_card {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 15rem;
display: flex;
}
.circus0s-benefits_card:lang(de) {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: contain;
width: auto;
overflow: visible;
}
.circus0s-content_component {
grid-column-gap: 8.25rem;
grid-row-gap: 8.25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.cirus0s-content_item {
border-bottom: .125rem solid #1a1a1a33;
width: 100%;
max-width: 30rem;
padding-top: 1.25rem;
padding-bottom: 2.5rem;
}
.circus0s-content_block {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-left: 5rem;
display: flex;
}
.circus0s-content_block:where(.w-variant-ac57586d-ea88-31ac-988f-b6287a4c5bf5) {
padding-left: 0;
padding-right: 5rem;
}
.circus0s-content_imgblock {
background-color: #eff1f5;
border-radius: 1.75rem;
position: relative;
overflow: hidden;
}
.circus0s-conetnt_img {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
}
.div-block-37 {
width: 100%;
max-width: 29.8125rem;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 2.5rem 2.5rem;
}
.cam-header_content {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 3rem;
display: flex;
position: absolute;
inset: 0%;
}
.home-solutions_prevbtn {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
color: var(--color--ffffff);
background-color: #1a1a1a33;
border-radius: 5rem;
justify-content: center;
align-items: center;
width: 3.125rem;
height: 3.125rem;
padding: .25rem;
display: flex;
inset: 50% auto auto 0%;
transform: translate(-1.25rem, -50%);
}
.home-solutions_prevbtn:hover {
background-color: var(--color--ffffff);
color: var(--pure-black);
}
.home-solutions_nextbtn {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
color: var(--color--ffffff);
background-color: #1a1a1a33;
border-radius: 5rem;
justify-content: center;
align-items: center;
width: 3.125rem;
height: 3.125rem;
padding: .25rem;
display: flex;
inset: 50% -100% auto auto;
transform: translate(1.25rem, -50%);
}
.home-solutions_nextbtn:hover {
background-color: var(--color--ffffff);
color: var(--pure-black);
}
.swiper-button-prevbtn {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #1a1a1a33;
border-radius: 5rem;
justify-content: center;
align-items: center;
width: 3.125rem;
height: 3.125rem;
padding: .25rem;
display: flex;
}
.swiper-button-prevbtn.ca-1 {
z-index: 9;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
color: var(--color--ffffff);
background-color: #1a1a1a33;
border-radius: 5rem;
flex: none;
justify-content: center;
align-items: center;
width: 3.125rem;
height: 3.125rem;
padding: .25rem;
font-size: 1rem;
display: flex;
position: absolute;
inset: 50% auto 0% 0%;
transform: translate(-1.25rem, -50%);
}
.swiper-button-prevbtn.ca-1:hover {
background-color: var(--color--ffffff);
color: var(--color--1a1a1a);
}
.swiper-button-prevbtn.ca-m {
z-index: 9;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
color: var(--color--ffffff);
background-color: #1a1a1a33;
border-radius: 5rem;
flex: none;
justify-content: center;
align-items: center;
width: 3.125rem;
height: 3.125rem;
padding: .25rem;
font-size: 1rem;
display: flex;
position: absolute;
inset: 50% auto 0% 0%;
transform: translate(-1.25rem, -50%);
}
.swiper-button-prevbtn.ca-m:hover {
background-color: var(--color--ffffff);
color: var(--color--1a1a1a);
}
.swiper-button-nextbtn {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #1a1a1a33;
border-radius: 5rem;
justify-content: center;
align-items: center;
width: 3.125rem;
height: 3.125rem;
padding: .25rem;
display: flex;
}
.swiper-button-nextbtn.ca-1 {
z-index: 9;
color: var(--color--ffffff);
position: absolute;
inset: 50% 0% 0% auto;
transform: translate(1.25rem, -50%);
}
.swiper-button-nextbtn.ca-1:hover {
background-color: var(--color--ffffff);
color: var(--color--1a1a1a);
}
.swiper-button-nextbtn.ca-m {
z-index: 9;
color: var(--color--ffffff);
position: absolute;
inset: 50% 0% 0% auto;
transform: translate(1.25rem, -50%);
}
.swiper-button-nextbtn.ca-m:hover {
background-color: var(--color--ffffff);
color: var(--color--1a1a1a);
}
.js-slider-container, .circus0s-benefits_img-wrapper {
position: relative;
}
.circus0s-benefits_img {
width: 100%;
max-width: none;
}
.circus0s-benefits_img-overlay {
background-image: linear-gradient(180deg, var(--color--ffffff), var(--transparent));
padding-top: 10%;
position: absolute;
inset: 0% 0% auto;
}
.ca1-highlight_prevbtn {
z-index: 2;
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
color: var(--color--ffffff);
background-color: #fff3;
border-radius: 5rem;
justify-content: center;
align-items: center;
width: 3.125rem;
height: 3.125rem;
padding: .25rem;
display: flex;
position: absolute;
inset: 50% auto auto 0%;
transform: translate(-1.25rem, -50%);
}
.ca1-highlight_prevbtn:hover {
background-color: var(--color--ffffff);
color: var(--pure-black);
}
.home-header_image-wrapper-copy {
background-color: var(--pure-black);
border-radius: 1.75rem;
width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
position: relative;
overflow: hidden;
}
.circus0s-header_graphicimg {
width: 100%;
max-width: 60%;
margin-left: auto;
margin-right: auto;
}
.section_notification-bar {
font-family: Polysans, sans-serif;
}
.section_notification-bar:where(.w-variant-7619cbe4-fcbc-bb3d-0160-e32964e5fa54) {
background-color: var(--color--1a1a1a);
color: var(--color--ffffff);
}
.section_notification-bar:where(.w-variant-ed7de013-a82e-2e3e-c6b3-fc0fc4bb47bc) {
color: var(--color--fafafa);
background-color: #2e7355;
}
.notification-bar_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
cursor: pointer;
justify-content: flex-start;
align-items: center;
display: flex;
}
.notification-bar_content {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex: none;
justify-content: flex-start;
align-items: center;
display: inline-flex;
}
.home-hero_img-overlay {
background-image: linear-gradient(25deg, black 7.5%, var(--transparent) 53%);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.section_allpage-header {
background-color: var(--color--fafafa);
color: var(--color--ffffff);
height: 100svh;
padding: 5.8rem 1.25rem 1.25rem;
}
.section_allpage-header.is-black {
background-color: var(--color--1a1a1a);
}
.allpage-header_container {
width: 100%;
max-width: none;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.max-width-80percentage {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.about-header_component {
width: 100%;
height: 100%;
position: relative;
}
.about-header_image-wrapper {
background-color: var(--pure-black);
border-radius: 1.75rem;
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.about-header_img {
object-fit: cover;
object-position: 50% 0%;
width: 100%;
max-width: 100%;
height: 100%;
display: block;
overflow: hidden;
}
.about-header_content-block {
color: var(--color--ffffff);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
height: 100%;
padding: 4rem 3rem;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.section_about-us {
background-color: var(--circus-white);
display: none;
}
.about-us_component {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.about-us_divider {
background-color: var(--light-white);
width: .125rem;
height: 100%;
min-height: 12rem;
}
.about-company_component {
width: 100%;
height: 100%;
position: relative;
}
.section_about-company {
background-color: var(--circus-white);
color: var(--light-white);
border-radius: 1.75rem;
height: 90svh;
margin-left: auto;
margin-right: auto;
padding: 1.25rem;
position: relative;
overflow: hidden;
}
.ablout-company_content-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: linear-gradient(0deg, #000c, var(--transparent) 60%);
border-radius: 1.75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: end;
width: 100%;
height: 100%;
padding: 3rem;
display: grid;
position: absolute;
inset: 0%;
}
.about-company_image-wrapper {
background-color: var(--pure-black);
border-radius: 1.75rem;
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.about-company_img {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
max-width: 100%;
height: 100%;
display: block;
overflow: hidden;
}
.about-company_stats-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr min-content 1fr min-content 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 28rem;
margin-left: auto;
display: grid;
}
.text-size-10px {
-webkit-text-stroke-width: 0px;
font-size: .625rem;
}
.about-company_stats-block {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
text-align: center;
text-transform: uppercase;
flex-flow: column;
justify-content: space-between;
align-items: center;
padding: 1.25rem;
display: flex;
}
.about-company_stats-divider {
background-color: #fafafa33;
width: 1px;
height: 100%;
}
.icon-embed-custom {
flex-direction: column;
justify-content: center;
align-items: center;
width: 8.9375rem;
height: 2.9375rem;
display: flex;
}
.section_about-partner {
color: var(--light-white);
border-radius: 1.75rem;
margin-left: auto;
margin-right: auto;
padding: 1.25rem;
position: relative;
overflow: hidden;
}
.about-partner_component {
width: 100%;
height: 100%;
position: relative;
}
.about-partner_image-wrapper {
background-color: var(--pure-black);
border-radius: 1.75rem;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 90svh;
display: flex;
position: relative;
overflow: hidden;
}
.about-partner_img {
z-index: 0;
object-fit: cover;
object-position: 50% 0%;
width: 100%;
max-width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
overflow: hidden;
transform: scale(1.025);
}
.about-partner_stats-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr min-content 1fr min-content 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 28rem;
margin-left: auto;
display: grid;
}
.about-partner_stats-block {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
text-align: center;
text-transform: uppercase;
flex-flow: column;
justify-content: space-between;
align-items: center;
padding: 1.25rem;
display: flex;
}
.about-partner_stats-divider {
background-color: #fafafa33;
width: 1px;
height: 100%;
}
.ablout-partner_content-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: linear-gradient(345deg, #000c, var(--transparent) 42%), linear-gradient(20deg, #00000080 11%, var(--transparent) 59%);
border-radius: 1.75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: end;
width: 100%;
height: auto;
padding: 3rem;
display: grid;
position: relative;
}
.section_about-values {
z-index: 1;
background-color: var(--circus-white);
position: relative;
}
.about-values_component {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr min-content 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.about-values_divider {
background-color: var(--light-white);
width: .125rem;
height: 100%;
min-height: 8rem;
max-height: 10rem;
}
.section_about-location {
position: relative;
}
.about-location_tabsmenu {
justify-content: center;
align-items: center;
display: flex;
}
.about-location_tabscontent {
margin-top: 2.5rem;
overflow: visible;
}
.about-location_tablink {
color: var(--color--a9a9a9);
text-align: center;
background-color: #ddd0;
border-bottom: 1px solid #20212180;
justify-content: center;
align-items: center;
min-width: 8rem;
padding: 0 0 .75rem;
font-family: Polysans, sans-serif;
display: flex;
position: relative;
}
.about-location_tablink.w--current {
background-color: var(--transparent);
color: var(--color--1a1a1a);
text-decoration: none;
}
.about-location_tabprogress {
background-color: var(--pure-black);
border-radius: .25rem;
width: 0%;
height: .25rem;
position: absolute;
inset: auto 0% -.15rem;
}
.about-location_card {
color: var(--color--ffffff);
border-radius: 1.75rem;
flex-flow: column;
justify-content: space-between;
height: 20rem;
padding: 1.25rem;
display: flex;
position: relative;
overflow: hidden;
}
.about-location_image-wrapper {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
transition: transform .75s;
position: absolute;
inset: 0%;
}
.about-location_image-wrapper:hover {
transform: scale(1.075);
}
.about-location_image-wrapper.filter-grey {
filter: grayscale();
}
.about-location_image {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
}
.about-location_image-overlay {
background-image: linear-gradient(180deg, var(--transparent) 70%, #00000080), linear-gradient(180deg, #00000040, var(--transparent) 30%), linear-gradient(to bottom, #0000001a, #0000001a);
pointer-events: none;
position: absolute;
inset: 0%;
}
.about-location_image-overlay.full-overlay {
background-image: linear-gradient(180deg, var(--transparent) 70%, #00000080), linear-gradient(180deg, #00000040, var(--transparent) 30%), linear-gradient(to bottom, #00000080, #00000080);
}
.about-location_lik {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
display: flex;
}
.swiper-pagination-office {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: center;
align-items: center;
display: flex;
}
.swiper-bullet-office {
background-color: var(--color--a9a9a9);
border-radius: 1rem;
width: .5rem;
height: .5rem;
}
.swiper-bullet-office.is-active {
background-color: var(--color--1a1a1a);
width: 2.5rem;
}
.swiper-pagination-showrooms {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: center;
align-items: center;
display: flex;
}
.swiper-bullet-showrooms {
background-color: var(--color--a9a9a9);
border-radius: 1rem;
width: .35rem;
height: .35rem;
}
.swiper-bullet-showrooms.is-active {
background-color: var(--color--1a1a1a);
width: 1.75rem;
}
.swiper-pagination-production {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: center;
align-items: center;
display: flex;
}
.swiper-bullet-production {
background-color: var(--color--a9a9a9);
border-radius: 1rem;
width: .5rem;
height: .5rem;
}
.swiper-bullet-production.is-active {
background-color: var(--color--1a1a1a);
width: 2.5rem;
}
.section_about-roadmap {
display: none;
}
.section_team-members {
flex-direction: column;
justify-content: center;
position: relative;
}
.team-memebers_component {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
display: flex;
}
.team-member_image-wrapper {
border-radius: 1.75rem;
width: 100%;
max-width: none;
padding-top: 100%;
position: relative;
overflow: hidden;
}
.team-member_image-wrapper:lang(de) {
order: 0;
align-self: center;
}
.about-roadmap_grid {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.about-roadmap_content-block {
width: 100%;
max-width: 35rem;
}
.about-roadmap_image-block {
border-radius: 1.75rem;
width: 100%;
padding-top: 60%;
position: relative;
overflow: hidden;
}
.about-roadmap_image {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
inset: 0%;
}
.swiper-roadmap-scrollbar-drag {
z-index: 2;
background-color: var(--transparent);
justify-content: flex-end;
align-items: center;
width: 14.2857%;
height: .125rem;
padding: 0;
display: flex;
position: absolute;
overflow: visible;
}
.about-timeline_stats {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
display: flex;
}
.swiper-roadmap-prevbtn {
border: 1px solid var(--color--1a1a1a);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border-radius: 5rem;
justify-content: center;
align-items: center;
width: 2.25rem;
height: 2.25rem;
padding: .25rem;
display: flex;
}
.swiper-roadmap-prevbtn:hover {
background-color: var(--color--1a1a1a);
color: var(--light-white);
}
.swiper-roadmap-nextbtn {
border: 1px solid var(--color--1a1a1a);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border-radius: 5rem;
justify-content: center;
align-items: center;
width: 2.25rem;
height: 2.25rem;
padding: .25rem;
display: flex;
}
.swiper-roadmap-nextbtn:hover {
background-color: var(--color--1a1a1a);
color: var(--light-white);
}
.swiper-roadmap-button-group {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-end;
align-items: center;
display: flex;
}
.swiper-roadmap-scrollbar-dot {
z-index: 10;
background-color: var(--color--1a1a1a);
flex: none;
width: .125rem;
height: 1.25rem;
position: absolute;
inset: 50% 0% 0% auto;
transform: translate(0, -50%);
}
.about-roadmap_block-date {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
min-width: 10rem;
display: flex;
}
.swiper-roadmap-scrollbar {
background-color: var(--color--a9a9a9);
width: 70%;
height: .125rem;
margin-top: 8rem;
position: relative;
}
.swiper-roadmap-scrollbar-dot01 {
z-index: 10;
background-color: var(--light-grey);
flex: none;
width: .125rem;
height: 1.25rem;
position: absolute;
inset: 50% auto 0% 2.5%;
transform: translate(0, -50%);
}
.swiper-roadmap-scrollbar-dot02 {
z-index: 10;
background-color: var(--light-grey);
flex: none;
width: .125rem;
height: 1.25rem;
position: absolute;
inset: 50% auto 0% 22%;
transform: translate(0, -50%);
}
.swiper-roadmap-scrollbar-dot03 {
z-index: 10;
background-color: var(--light-grey);
flex: none;
width: .125rem;
height: 1.25rem;
position: absolute;
inset: 50% auto 0% 42%;
transform: translate(0, -50%);
}
.swiper-roadmap-scrollbar-dot04 {
z-index: 10;
background-color: var(--light-grey);
flex: none;
width: .125rem;
height: 1.25rem;
position: absolute;
inset: 50% auto 0% 65%;
transform: translate(0, -50%);
}
.swiper-roadmap-scrollbar-dot05 {
z-index: 10;
background-color: var(--light-grey);
flex: none;
width: .125rem;
height: 1.25rem;
position: absolute;
inset: 50% auto 0% 85%;
transform: translate(0, -50%);
}
.swiper-roadmap-scrollbar-dot06 {
z-index: 10;
background-color: var(--light-grey);
flex: none;
width: .125rem;
height: 1.25rem;
position: absolute;
inset: 50% auto 0% 105%;
transform: translate(0, -50%);
}
.swiper-roadmap-scrollbar-dot07 {
z-index: 10;
background-color: var(--light-grey);
flex: none;
width: .125rem;
height: 1.25rem;
position: absolute;
inset: 50% auto 0% 124%;
transform: translate(0, -50%);
}
.about-roadmap_scrollbar-wrapper {
background-color: var(--light-grey);
width: 100%;
height: .125rem;
position: relative;
}
.div-block-39 {
background-color: var(--color--eeeff1);
border-radius: 5rem;
justify-content: center;
align-items: center;
width: 100%;
min-height: 1.75rem;
padding-top: .35rem;
padding-bottom: .35rem;
display: inline-flex;
}
.div-block-40 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row-reverse;
margin-top: 2rem;
display: flex;
}
.about-roadmap_scrollbar-dotleft {
background-color: var(--color--1a1a1a);
border-radius: 5rem;
width: .625rem;
height: .625rem;
position: absolute;
top: 50%;
left: 0%;
transform: translate(0, -50%);
}
.about-roadmap_scrollbar-dotright {
background-color: var(--color--1a1a1a);
border-radius: 5rem;
width: .625rem;
height: .625rem;
position: absolute;
top: 0%;
right: 0%;
transform: translate(0, -50%);
}
.modal-centering {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 50px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.close {
color: #000;
cursor: pointer;
background-color: #fff;
border-radius: 50%;
width: 50px;
height: 50px;
font-size: 40px;
line-height: 1.2em;
position: absolute;
inset: -25px -25px auto auto;
transform: rotate(45deg);
box-shadow: 1px 1px 5px #5069faa3;
}
.container-2 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.modal-parent {
z-index: 30;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
overflow: auto;
}
.margin-bottom-24px {
margin-bottom: 24px;
}
.hero-wrapper-two {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 750px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.modal-bg {
z-index: 0;
opacity: .09;
cursor: pointer;
background-color: #fffc;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.modal {
z-index: 30;
color: #fff;
text-align: center;
background-color: #5069fa;
border-radius: 5px;
width: 50%;
height: auto;
padding: 50px;
position: relative;
inset: 0% 0% auto;
box-shadow: 4px 4px 15px #5069fa45;
}
.button-7 {
background-color: #4f65ff;
border-radius: 3px;
}
.button-7.modal-button {
background-color: #5069fa;
}
.section-2 {
z-index: 1;
border-bottom: 3px dashed #e5e8fc;
position: relative;
}
.section-2.up {
z-index: 2;
}
.container {
padding-top: 150px;
padding-bottom: 150px;
position: relative;
}
.icon-height-xlarge {
justify-content: center;
align-items: center;
height: 3rem;
display: flex;
}
.div-block-41 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
display: flex;
}
.celestic-header_component {
border-radius: 1.75rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.celestic-header_image-wrapper {
background-color: var(--pure-black);
border-radius: 1.75rem;
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.celestic-header_content-block {
background-image: linear-gradient(180deg, black, var(--transparent) 50%);
color: var(--color--ffffff);
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
height: 100%;
padding: 2.5rem;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.celestic-header_icon {
height: 4.25rem;
}
.spacer-custom01 {
padding-top: 1.5rem;
}
.spacer-custom02 {
padding-top: 2.5rem;
}
.sectio_celestica-expertise {
font-family: Polysans, sans-serif;
display: none;
}
.celestica-expertise_component {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 70rem;
margin-left: auto;
margin-right: auto;
display: grid;
}
.celestica-expertise_col {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.celestica-excellence_component {
grid-column-gap: 8%;
grid-row-gap: 8%;
grid-template-rows: auto;
grid-template-columns: 1.25fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-style-muted80 {
opacity: .8;
}
.celestica-excellence_grid {
grid-column-gap: 1.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.celestica-excellence_content-block {
flex-flow: column;
justify-content: center;
display: flex;
}
.celestica-excellence_image-wrapper {
border-radius: 1.75rem;
padding-top: 75%;
position: relative;
overflow: hidden;
}
.celestica-excellence_image {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
inset: 0%;
}
.celestica-production_list {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
display: flex;
}
.celestica-production_card {
grid-column-gap: 8%;
grid-row-gap: 8%;
border-top: 1px solid var(--light-white);
border-bottom: 1px solid var(--light-white);
cursor: pointer;
grid-template-rows: auto;
grid-template-columns: 14rem 1fr 2rem;
grid-auto-columns: 1fr;
align-items: start;
margin-bottom: -1px;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
display: grid;
}
.celestica-production_image-wrapper {
border-radius: 1.25rem;
width: 100%;
padding-top: 60%;
position: relative;
overflow: hidden;
}
.div-block-42 {
grid-column-gap: .875rem;
grid-row-gap: .875rem;
color: var(--color--252626);
display: flex;
}
.fully-header_component {
width: 100%;
height: 100%;
position: relative;
}
.fully-header_image-wrapper {
background-color: var(--pure-black);
border-radius: 1.75rem;
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.fully-header_content-block {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
color: var(--color--ffffff);
text-align: center;
flex-flow: column;
justify-content: space-around;
align-items: center;
width: 100%;
height: 100%;
padding: 5rem;
display: flex;
position: absolute;
inset: 0%;
}
.fully-header_img {
object-fit: cover;
object-position: 50% 0%;
width: 100%;
max-width: 100%;
height: 100%;
display: block;
overflow: hidden;
transform: translate(0, -20%)scale(1.5);
}
.fully-heaeder_icon {
justify-content: center;
align-items: center;
width: 100%;
max-width: 8.75rem;
height: 111%;
min-height: 8rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.fully-intelligence_tabs {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.fully-intelligence_tabmenu {
flex-flow: column;
justify-content: center;
width: 100%;
display: flex;
}
.fully-intelligence_tabcontent {
flex: none;
order: -1;
width: 50%;
}
.fully-intelligence_tablink {
background-color: var(--transparent);
border-bottom: 1px solid #1a1a1a33;
padding: 1.75rem 0;
}
.fully-intelligence_tablink.w--current {
background-color: var(--transparent);
}
.fully-intelligence_tabpane {
width: 100%;
height: 100%;
}
.fully-intelligence_progressbar {
background-color: var(--color--1a1a1a);
border-radius: .25rem;
width: 100%;
height: 1px;
position: absolute;
inset: auto 0% 0%;
}
.fully-skillset_tabs {
width: 100%;
max-width: 68%;
margin-left: auto;
margin-right: auto;
}
.fully-skillset_tabs:lang(de) {
max-width: 70%;
}
.fully-skillset_tabsmenu {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
background-color: var(--light-white);
border-radius: 5rem;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: space-between;
place-items: center stretch;
margin-left: auto;
margin-right: auto;
padding: .25rem;
display: flex;
position: relative;
}
.fully-skillset_tabscontent {
padding-top: 2.5rem;
}
.fully-skillset_tablink {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
background-color: var(--transparent);
border-radius: 5rem;
justify-content: center;
align-items: center;
width: 25%;
height: 100%;
padding: .75rem 1.5rem;
font-weight: 600;
display: flex;
position: relative;
}
.fully-skillset_tablink.w--current {
background-color: var(--transparent);
color: var(--circus-white);
}
.fully-skillset_icon-wrap {
flex: none;
width: 1.5rem;
overflow: hidden;
}
.fully-skillset_tablink-active {
z-index: 0;
background-color: var(--color--1a1a1a);
border-radius: 5rem;
width: 100%;
height: 100%;
transition: all .5s;
position: absolute;
inset: 0%;
transform: translate(0%);
}
.fully-skillset_tablink-wrapper {
z-index: 3;
grid-column-gap: .625rem;
grid-row-gap: .625rem;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.section_fully-conversational {
background-color: var(--color--fafafa);
color: var(--color--ffffff);
padding: 1.25rem;
}
.fully-conversational_container {
width: 100%;
max-width: none;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.fully-conversational_component {
position: relative;
}
.fully-conversational_image-wrapper {
border-radius: 1.75rem;
min-height: 65rem;
padding-top: 100svh;
position: relative;
overflow: hidden;
}
.fully-conversational_content-block {
text-align: center;
flex-flow: column;
justify-content: space-between;
align-items: center;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: flex;
position: absolute;
inset: 0%;
}
.fully-conversational_image {
object-fit: cover;
object-position: 50% 20%;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
inset: 0%;
}
.fully-conversational_asset-wrapper {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
grid-template: ". . . ."
". Area Area Area"
". . . ."
/ 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.fully-conversational_asset-block {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: #1a1a1a66;
border: 1px solid #fafafa33;
border-radius: 1.25rem;
flex-flow: column;
max-width: 30rem;
margin-left: auto;
margin-right: auto;
padding: 1.125rem;
display: inline-block;
}
.fully-features_card {
background-color: var(--light-white);
border-radius: 1.75rem;
flex-flow: column;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 2.5rem;
display: flex;
}
.fully-features_asset-wrapper.is-multilingual {
flex-flow: column;
justify-content: center;
height: 100%;
display: flex;
}
.section_fully-benefits.is-black {
background-color: var(--pure-black);
color: var(--circus-white);
}
.section_fully-data {
color: var(--color--ffffff);
padding: 1.25rem;
}
.fully-data_container {
width: 100%;
max-width: none;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.fully-data_component {
position: relative;
}
.fully-data_image-wrapper {
border-radius: 1.75rem;
padding-top: 85svh;
position: relative;
overflow: hidden;
}
.fully-data_image {
object-fit: cover;
object-position: 50% 10%;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
inset: 0%;
}
.fully-data_content-block {
z-index: 2;
text-align: left;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
padding: 2.5rem;
display: flex;
position: absolute;
inset: 0%;
}
.fully-data_image-overlay {
background-image: linear-gradient(45deg, #000000bf, var(--transparent) 52%);
position: absolute;
inset: 0%;
}
.fully-benefits_grid {
grid-column-gap: 5%;
grid-row-gap: 5%;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.fully-benefits_card {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.fully-explore_component {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: auto;
}
.fully-explore_content-block {
background-color: var(--light-white);
border-radius: 1.75rem;
flex-flow: column;
justify-content: space-between;
height: 100%;
padding: 2.5rem;
display: flex;
}
.fully-explore_asset-block {
width: 100%;
height: auto;
}
.fully-explore_guest-assets {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
background-color: var(--circus-white);
border-radius: 1.75rem;
flex-flow: column;
width: 100%;
height: 100%;
padding: 1.75rem;
display: flex;
}
.fully-explore_guest-portait {
border-radius: 5rem;
height: 3.5rem;
}
.fully-explore_guest-divider {
background-color: #e5e7eb;
width: 100%;
height: 1.25px;
}
.fully-explore_guest-label {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
border: 1px solid var(--color--fafafa);
color: var(--circus-white);
text-align: center;
background-color: #983a00;
border-radius: 3rem;
justify-content: center;
align-items: center;
padding: .75rem 1rem;
font-family: Inter, Arial, sans-serif;
font-size: .75rem;
line-height: 1.1;
display: flex;
}
.fully-explore_guest-label.is-green {
background-color: #2e7355;
}
.fully-explore_guest-label.is-gray {
background-color: var(--color--eeeff1);
color: var(--color--1a1a1a);
}
.fully-explore_guest-label.is-black {
background-color: var(--color--1a1a1a);
color: var(--circus-white);
background-color: var(--color--1a1a1a);
}
.image-13 {
aspect-ratio: 1;
object-fit: cover;
border-radius: .25rem;
width: 2.5rem;
max-width: none;
height: 2.5rem;
}
.div-block-45 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex;
}
.div-block-46 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.display-inlinflex {
display: inline-flex;
}
.display-inlinflex.gap-4px {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
}
.display-inlinflex.gap-8px {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.display-inlinflex.h-x-left {
justify-content: flex-start;
align-items: center;
}
.fully-explore_dynamic-assets {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template: ". . . ."
". Area Area Area"
/ 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.fully-explore_dynamic-chat {
background-color: var(--color--ffffff);
border-radius: 1.25rem;
flex-flow: column;
padding: 1rem 1.125rem;
}
.fully-explore_dynamic-chat.is-square {
justify-content: space-between;
padding: 1.75rem;
display: flex;
}
.fully-explore_dynamic-portait {
aspect-ratio: 1;
object-fit: cover;
border-radius: 5rem;
height: 2rem;
margin-right: .5rem;
}
.section_fully-diagnosing {
background-color: var(--pure-black);
color: var(--circus-white);
}
.fully-diagnosing_component {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: auto;
}
.fully-diagnosing_content-block {
background-color: var(--color--1a1a1a);
border-radius: 1.75rem;
flex-flow: column;
justify-content: space-between;
height: 100%;
padding: 2.5rem;
display: flex;
}
.fully-conversational_portait {
aspect-ratio: 1;
object-fit: cover;
border-radius: 5rem;
height: 1.75rem;
}
.fully-conversational_chatblock {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: #1a1a1a66;
border-radius: .75rem;
padding: .75rem;
display: flex;
}
.fully-conversational_chatblock.is-vertical {
flex-flow: column;
}
.fully-conversational_divider {
border-bottom: 1px dashed var(--circus-white);
width: 100%;
height: 1px;
}
.fully-features_chatblock {
background-color: var(--color--ffffff);
border-radius: 1.25rem;
flex-flow: column;
padding: 1rem 1.125rem;
}
.fully-features_chatblock.is-85percentage {
width: 85%;
margin-left: auto;
}
.fully-features_dishbox {
background-color: var(--circus-white);
border-radius: .75rem;
padding: .25rem;
}
.fully-features_dishgrid {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.fully-features_dishimg {
object-fit: cover;
border-radius: .875rem;
width: 100%;
max-width: none;
max-height: 12rem;
}
.fully-features_stas {
background-color: var(--circus-white);
border-radius: .75rem;
flex-flow: column;
justify-content: space-between;
padding: 1.125rem;
display: flex;
}
.image-14 {
aspect-ratio: 1;
object-fit: cover;
border-radius: 5rem;
width: 3rem;
max-width: none;
height: 100%;
max-height: 3rem;
}
.div-block-47 {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.div-block-48 {
background-color: #e4e7e4;
border-radius: 2rem;
width: 100%;
height: .5rem;
}
.div-block-49 {
background-color: #f04711;
border-radius: 5rem;
width: 50%;
height: 100%;
}
.div-block-50 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex;
}
.div-block-51 {
background-color: #e5e7eb;
width: 100%;
height: 1px;
}
.fully-explore_guest-label-copy {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
border: 1px solid var(--color--fafafa);
background-color: var(--pure-black);
color: var(--circus-white);
text-align: center;
border-radius: 3rem;
justify-content: center;
align-items: center;
padding: .75rem 1rem;
font-family: Inter, Arial, sans-serif;
font-size: .75rem;
line-height: 1.1;
display: inline-block;
}
.fully-features_voicegrid {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
min-height: 12.5rem;
display: grid;
}
.text-color-green {
color: #17b26a;
}
.div-block-52 {
grid-column-gap: .125rem;
grid-row-gap: .125rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-53 {
background-color: #eeeff1;
border-radius: .75rem;
flex-flow: column;
justify-content: space-between;
min-height: 5.5rem;
padding: .5rem .5rem .75rem;
display: flex;
}
.fully-features_prevbtn {
z-index: 2;
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
color: var(--color--ffffff);
background-color: #1a1a1a33;
border-radius: 5rem;
justify-content: center;
align-items: center;
width: 3.125rem;
height: 3.125rem;
padding: .25rem;
display: flex;
position: absolute;
inset: 50% auto auto 0%;
transform: translate(-1.25rem, -50%);
}
.fully-features_prevbtn:hover {
background-color: var(--color--ffffff);
color: var(--pure-black);
}
.fully-features_nextbtn {
z-index: 2;
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
color: var(--color--ffffff);
background-color: #1a1a1a33;
border-radius: 5rem;
justify-content: center;
align-items: center;
width: 3.125rem;
height: 3.125rem;
padding: .25rem;
display: flex;
position: absolute;
inset: 50% 0% auto auto;
transform: translate(1.25rem, -50%);
}
.fully-features_nextbtn:hover {
background-color: var(--color--ffffff);
color: var(--pure-black);
}
.fully-features_aware-bill {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: var(--circus-white);
border-radius: .75rem;
flex-flow: column;
padding: 1rem;
display: flex;
}
.fully-conversational_divider-copy {
border-bottom: 1px dashed var(--color--1a1a1a);
width: 100%;
height: 1px;
}
.section_fully-comp {
background-color: var(--pure-black);
color: var(--circus-white);
}
.fully-diagnosing_asset-block {
width: 100%;
height: auto;
position: relative;
}
.fully-diagnosing_chat-block {
background-color: var(--color--252626);
border-radius: 1.25rem;
flex-flow: column;
padding: 1rem 1.125rem;
}
.fully-diagnosing_chat-block.is85percetnage {
width: 85%;
margin-left: auto;
}
.fully-diagnosing_chat-block.is-50percentage {
width: 50%;
margin-left: auto;
}
.fully-diagnosing_chat-block.is-60percentage {
width: 60%;
margin-left: auto;
}
.fully-diagnosing_label {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
border: 1px solid var(--color--fafafa);
background-color: var(--transparent);
color: var(--circus-white);
text-align: center;
border-radius: 3rem;
justify-content: center;
align-items: center;
padding: .75rem 1rem;
font-family: Inter, Arial, sans-serif;
font-size: .75rem;
line-height: 1.1;
display: flex;
}
.text-color-yellow {
color: #ffca00;
}
.div-block-54 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: #1a1a1a80;
border-radius: 1.5rem;
align-items: center;
width: 100%;
height: auto;
padding: 1.5rem 1.25rem;
display: flex;
}
.section_fully-cordination {
color: var(--circus-white);
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a91fab_ca-1-robotic-arm-cooking-software-integration.webp");
background-position: 50% 30%;
background-repeat: no-repeat;
background-size: cover;
flex-flow: column;
justify-content: center;
}
.fully-comp_component {
flex-flow: column;
align-items: center;
width: 100%;
max-width: 50%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.fully-comp_img-wrapper {
z-index: 5;
width: 70%;
position: relative;
}
.fully-comp_img-wrapper.is-02 {
z-index: 4;
width: 70%;
margin-top: -27%;
margin-left: -20%;
}
.fully-comp_img-wrapper.is-03 {
z-index: 3;
width: 80%;
margin-top: -25%;
margin-left: -15%;
}
.fully-comp_img-wrapper.is-04 {
z-index: 2;
width: 100%;
margin-top: -28%;
}
.fully-comp_bullet-point {
width: 100%;
position: absolute;
inset: -22% auto auto 72%;
}
.fully-comp_bullet-point.is-02 {
width: 90%;
inset: 22% auto auto 115%;
}
.fully-comp_bullet-point.is-03 {
inset: 0% 40% auto auto;
}
.fully-cordination_tabs {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
justify-content: flex-end;
width: 100%;
max-width: 46%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.fully-cordination_tabs:lang(de) {
max-width: 60%;
}
.fully-cordination_tabsmenu {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: #1a1a1acc;
border-radius: 5rem;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: space-between;
place-items: center stretch;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: .25rem;
display: flex;
position: relative;
}
.fully-cordination_tabscontent {
order: -1;
justify-content: center;
align-items: flex-end;
padding-top: 2.5rem;
}
.fully-cordination_tablink-active {
z-index: 0;
background-color: var(--circus-white);
border-radius: 5rem;
width: 100%;
height: 100%;
transition: all .5s;
position: absolute;
inset: 0%;
transform: translate(0%);
}
.fully-cordination_tablink {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
background-color: var(--transparent);
color: var(--circus-white);
justify-content: center;
align-items: center;
width: 33.3333%;
height: 100%;
padding: .75rem;
font-size: .875rem;
font-weight: 600;
display: flex;
position: relative;
}
.fully-cordination_tablink.w--current {
background-color: var(--transparent);
color: var(--color--1a1a1a);
border-radius: 5rem;
}
.fully-cordination_content-wrapper {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #1a1a1acc;
border-radius: 1.25rem;
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
padding: 2.5rem;
}
.fully-cordination_chat-block {
background-color: var(--color--252626);
border-radius: 1.25rem;
flex-flow: column;
padding: 1rem 1.125rem;
}
.fully-cordination_chat-block.is85percetnage {
width: 85%;
margin-left: auto;
}
.fully-cordination_asset-gtid {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.fully-cordination_asset-gtid.is-3grid {
grid-template-columns: 1fr 1fr 1fr;
}
.fully-cordination_step-block {
color: var(--color--1a1a1a);
background-color: #d0e6e1;
border-radius: .75rem;
padding: 1.25rem 1.125rem;
}
.fully-cordination_profile-block {
background-color: var(--circus-white);
color: var(--color--1a1a1a);
border-radius: .75rem;
padding: 1.25rem 1.125rem;
}
.fully-cordination_profile-divider {
background-color: #1a1a1a33;
width: 100%;
height: 1px;
}
.fully-cordination_profile-img {
object-fit: cover;
border-radius: 5rem;
justify-content: center;
align-items: center;
width: 2.125rem;
height: 2.125rem;
display: flex;
}
.fully-intelligence_image-wrapper {
filter: saturate(150%);
justify-content: center;
align-items: center;
padding-top: 75%;
display: flex;
}
.fully-intelligence_layer01 {
z-index: 3;
justify-content: center;
align-items: center;
width: 57%;
max-width: none;
height: auto;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: -.5% 0% auto;
}
.fully-intelligence_layer02 {
z-index: 2;
justify-content: center;
align-items: center;
width: 80%;
max-width: none;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: 9% 0% auto;
}
.fully-intelligence_layer03 {
z-index: 1;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: 17% 0% auto;
}
.section_about-story {
flex-flow: column;
justify-content: flex-start;
}
.about-timeline_content {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: max-content 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.about-timeline_progress {
z-index: 0;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 5rem;
height: 100%;
padding-left: 3rem;
display: flex;
position: relative;
}
.about-timeline_fade-overlay-top {
z-index: 1;
background-image: linear-gradient(180deg, var(--circus-white), #fff0);
width: 4px;
height: 4rem;
position: absolute;
}
.about-timeline_progress-line {
z-index: 0;
background-image: linear-gradient(180deg, var(--color--a9a9a9), var(--color--576d68));
width: 3px;
height: 50vh;
margin-top: -50vh;
position: sticky;
top: 0;
}
.about-timeline_line {
background-color: var(--color--a9a9a9);
opacity: .15;
width: 3px;
height: 100%;
}
.about-timeline_fade-overlay-bottom {
z-index: 1;
background-image: linear-gradient(180deg, var(--transparent), var(--color--fafafa));
width: 4px;
height: 4rem;
position: absolute;
bottom: 0%;
}
.about-timeline_progress-line-cover {
z-index: 2;
background-color: var(--circus-white);
width: 100%;
height: 50vh;
position: absolute;
top: -50vh;
}
.about-timeline_content-right {
grid-column-gap: 12rem;
grid-row-gap: 12rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.about-timeline_row {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: max-content 1fr;
grid-auto-columns: 1fr;
align-items: start;
position: relative;
}
.about-timeline_circle-wrapper {
z-index: 1;
justify-content: center;
align-items: flex-start;
width: 2rem;
height: 100%;
margin-left: -2rem;
display: flex;
position: absolute;
}
.about-timeline_circle {
z-index: 2;
background-color: var(--color--eeeff1);
box-shadow: none;
border-radius: 100%;
justify-content: center;
align-items: center;
width: .9375rem;
height: .9375rem;
margin-top: 12svh;
transform: translate(0, .75rem);
}
.about-timeline_item {
z-index: 2;
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
margin-left: 1rem;
display: grid;
}
.about-timeline_image-wrapper {
border-radius: 1.75rem;
width: 100%;
padding-top: 75%;
position: relative;
overflow: hidden;
}
.about-timeline_image {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
inset: 0% 0% auto;
}
.about-timeline_image.ratio-12 {
object-position: 15% 50%;
}
.about-timeline_content-block {
flex: none;
margin-top: 12svh;
}
.about-timeline_date {
text-transform: uppercase;
padding-right: 1.25rem;
font-size: .625rem;
position: absolute;
inset: 0% 0% auto -3.5rem;
}
.swiper-bullet-diagnosing {
background-color: var(--color--2d2d2d);
border-radius: 1rem;
width: .35rem;
height: .35rem;
}
.swiper-bullet-diagnosing.is-active {
background-color: var(--color--a9a9a9);
width: 1.75rem;
}
.swiper-pagination-diagnosing {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: center;
align-items: center;
display: flex;
}
.swiper-bullet-explore {
background-color: var(--light-grey);
border-radius: 1rem;
width: .5rem;
height: .5rem;
}
.swiper-bullet-explore.is-active {
background-color: var(--color--2d2d2d);
width: 2.5rem;
}
.swiper-pagination-explore {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: center;
align-items: center;
display: flex;
}
.swiper-bullet-features {
background-color: var(--light-grey);
border-radius: 1rem;
width: .5rem;
height: .5rem;
}
.swiper-bullet-features.is-active {
background-color: var(--color--2d2d2d);
width: 2.5rem;
}
.swiper-pagination-features {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: center;
align-items: center;
display: flex;
}
.en-only {
display: block;
}
.en-only:lang(de), .de-only {
display: none;
}
.de-only:lang(de) {
display: block;
}
.section_fully-header {
background-color: var(--color--fafafa);
color: var(--color--ffffff);
height: 100svh;
padding: 5.8rem 1.25rem 1.25rem;
}
.fully-header_container {
width: 100%;
max-width: none;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.swiper-pagination-coordination {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: center;
align-items: center;
display: flex;
}
.swiper-bullet-coordination {
background-color: var(--color--2d2d2d);
border-radius: 1rem;
width: .35rem;
height: .35rem;
}
.swiper-bullet-coordination.is-active {
background-color: var(--color--a9a9a9);
width: 1.75rem;
}
.fully-coordination_wrapper {
flex-flow: column;
justify-content: flex-end;
min-height: 90svh;
display: flex;
}
.about-us_card {
perspective-origin: 50%;
transform-origin: 50% 0;
justify-content: space-between;
align-items: stretch;
min-height: 12rem;
display: flex;
position: sticky;
top: 50svh;
}
.about-us_card.is-02 {
margin-top: 50svh;
}
.about-us_card.is-03 {
margin-top: 100svh;
}
.about-us_block {
height: 130svh;
}
.section_fully-nutrition {
background-color: var(--color--fafafa);
color: var(--color--ffffff);
padding: 1.25rem;
}
.fully-nutrition_container {
width: 100%;
max-width: none;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.fully-nutrition_component {
position: relative;
}
.fully-nutrition_image-wrapper {
border-radius: 1.75rem;
height: 100%;
padding-top: 100svh;
position: relative;
overflow: hidden;
}
.fully-nutrition_image {
object-fit: cover;
object-position: 50% 10%;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
inset: 0%;
}
.fully-nutrition_content-block {
text-align: center;
flex-flow: column;
justify-content: space-between;
align-items: center;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: flex;
position: absolute;
inset: 0%;
}
.fully-nutrition_content-block.left {
text-align: left;
align-items: flex-start;
}
.fully-explore_lottie-wrapper {
padding-top: 80%;
position: relative;
}
.fully-diagnosing_lottie-wrapper {
width: 100%;
}
.fully-explore_lottie-wrapper-copy {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.celestica-production_dropdown-list {
background-color: var(--transparent);
display: block;
position: static;
overflow: hidden;
}
.fs-numbercount_number, .heading-size-count_4_number, .heading-size-count_3_number, .heading-size-count_95 {
font-size: 2.5rem;
line-height: 1.4;
}
.de-ony {
display: none;
}
.de-ony:lang(de) {
display: block;
}
.full-member_logo-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: wrap;
display: flex;
}
.full-member_logo {
object-fit: contain;
max-width: 5rem;
min-height: 1.5rem;
max-height: 2.5rem;
}
.celestica-production_dropdown-toggle {
padding: 0;
}
.celestica-production_dropdown {
width: 100%;
max-width: none;
position: static;
}
.celestica-production_arrow, .celestica-production_arrow01 {
flex: none;
justify-content: center;
align-items: center;
width: .75rem;
height: .75rem;
display: flex;
}
.max-width-60-percentage {
max-width: 60%;
}
.about-career_component {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.about-career_image-wrapper {
border-radius: 1.25rem;
padding-top: 100%;
position: relative;
overflow: hidden;
}
.about-career_image {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
inset: 0%;
}
.about-career_content-block {
flex-flow: column;
justify-content: center;
padding: 2.5rem 5rem 2.5rem 2.5rem;
display: flex;
}
.celestica-production_block {
background-color: var(--light-white);
border-radius: 1.75rem;
padding: 1.75rem;
}
.celestica-production_map {
border-radius: 1.75rem;
width: 100%;
max-width: none;
overflow: hidden;
}
.celestica-solution_header {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.celestica-solution_component {
border-radius: 1.75rem;
padding-top: 50%;
position: relative;
overflow: hidden;
}
.celestica-solution_img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
inset: 0%;
}
.celestica-solution_content-block {
flex-flow: column;
justify-content: flex-end;
padding: 1.25rem;
display: flex;
position: absolute;
inset: 0%;
}
.celestica-solution_card {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #fffc;
border-radius: 1.75rem;
padding: 1.75rem;
}
.text-size-32px {
font-size: 2rem;
line-height: 1.2;
}
.celestica-solution_grid {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.celestica-solution_label {
background-color: var(--color--1a1a1a);
color: var(--color--ffffff);
border-radius: 5rem;
padding: .75rem 1.75rem;
display: inline-block;
}
.celestic-header_img {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
max-width: 100%;
height: 100%;
display: block;
overflow: hidden;
transform: translate(0, 5rem)scale(1.25);
}
.celestica-eco_card-wrap {
color: var(--color--ffffff);
border-radius: 1.75rem;
width: 100%;
max-width: none;
position: relative;
overflow: hidden;
}
.celestica-eco_image-wrapper {
width: 100%;
padding-top: 75%;
position: relative;
}
.celestica-eco_image {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
inset: 0%;
}
.celestica-eco_content-block {
z-index: 2;
opacity: 0;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #1a1a1acc;
width: 100%;
height: 100%;
padding: 2.5rem;
position: absolute;
inset: 0%;
}
.celestica-eco_icon-wrap {
z-index: 3;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
cursor: pointer;
justify-content: flex-end;
align-items: center;
display: flex;
position: absolute;
inset: auto 2.5rem 2.5rem auto;
}
.about-story_timline-frame {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 3rem 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
position: sticky;
top: 6.75rem;
}
.about-story_timline-contents {
position: relative;
}
.about-story_timline-imgs {
padding-top: 75%;
position: relative;
}
.about-story_img-wrapper {
border-radius: 1.75rem;
width: 100%;
padding-top: 75%;
position: absolute;
top: 0%;
left: 0%;
right: 0%;
overflow: hidden;
}
.about-story_img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
inset: 0%;
}
.about-story_component {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 5rem 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: start;
min-height: 500svh;
display: none;
position: relative;
}
.about-story_timline-wrap {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
display: grid;
}
.about-story_timeline-progress {
z-index: 0;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 5rem;
height: 100%;
padding-left: 3rem;
display: flex;
position: relative;
}
.about-story_timeline_fade-overlay-top {
z-index: 1;
background-image: linear-gradient(180deg, var(--circus-white), #fff0);
width: 4px;
height: 4rem;
position: absolute;
}
.about-story_timeline_progress-line {
z-index: 0;
background-image: linear-gradient(180deg, var(--color--a9a9a9), var(--color--576d68));
width: 3px;
height: 50vh;
margin-top: -50vh;
position: sticky;
top: 0;
}
.about-story_timeline_line {
background-color: var(--color--a9a9a9);
opacity: .15;
width: 3px;
height: 100%;
}
.about-story_timeline_fade-overlay-bottom {
z-index: 1;
background-image: linear-gradient(180deg, #fff0, var(--\));
width: 4px;
height: 4rem;
position: absolute;
bottom: 0%;
}
.about-story_timeline_progress-line-cover {
z-index: 2;
background-color: var(--circus-white);
width: 100%;
height: 50vh;
position: absolute;
top: -50vh;
}
.about-story_timeline_content-block {
background-color: var(--color--fafafa);
flex: none;
margin-top: 12svh;
position: absolute;
inset: 0% 0% auto;
}
.about-story_timeline_circle-wrapper {
z-index: 1;
justify-content: center;
align-items: flex-start;
width: 2rem;
height: 100%;
margin-left: -3rem;
display: flex;
position: absolute;
}
.about-story_timeline_circle {
z-index: 2;
background-color: var(--color--eeeff1);
box-shadow: none;
border-radius: 100%;
justify-content: center;
align-items: center;
width: .9375rem;
height: .9375rem;
transform: translate(0, .75rem);
}
.celestica-scalability_tabsmenu {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.celestica-scalability_tablink {
background-color: var(--light-white);
text-align: center;
border-radius: 1.75rem;
padding: 2.5rem 1.5rem;
font-size: 1.25rem;
position: relative;
overflow: hidden;
}
.celestica-scalability_tablink.w--current {
background-color: var(--pure-black);
color: var(--color--ffffff);
}
.celestica-scalability_tabpane {
text-align: center;
padding-top: 2.5rem;
padding-bottom: .25rem;
}
.tab-progress-bar-base {
background-color: var(--light-white);
height: .125rem;
padding: 0;
position: relative;
}
.celestica-scalability_progress-grid {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: min-content 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.tab-progress-bar {
background-color: var(--pure-black);
width: 100%;
height: 100%;
max-height: .125rem;
position: absolute;
inset: 0%;
}
.celestica-scalability_progressbar-circle {
background-color: var(--light-white);
border-radius: 1rem;
width: .5rem;
height: .5rem;
position: absolute;
inset: 50% 0% auto auto;
transform: translate(50%, -50%);
}
.celestica-scalability_progressbar-circle.is-active, .celestica-scalability_progressbar-circle.animation {
z-index: 1;
background-color: var(--pure-black);
}
.celestica-scalability_progressbar-base {
background-color: var(--light-white);
height: .125rem;
padding: 0;
position: relative;
}
.celestica-scalability_progressbar {
background-color: var(--pure-black);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.swiper-pagination-scalability {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: center;
align-items: center;
display: flex;
}
.swiper-bullet-scalability {
background-color: var(--color--a9a9a9);
border-radius: 1rem;
width: .35rem;
height: .35rem;
}
.swiper-bullet-scalability.is-active {
background-color: var(--color--1a1a1a);
width: 1.75rem;
}
.celestica-scalability_content {
background-color: var(--light-white);
border-radius: 1.75rem;
padding: 2.5rem;
}
.celestica-production_link {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-radius: 1.25rem;
grid-template-rows: auto;
grid-template-columns: .25fr 1.75fr .25fr;
grid-auto-columns: 1fr;
padding: 1.25rem;
display: grid;
}
.celestica-production_link:hover {
background-color: var(--color--ffffff);
}
.celestica-production_arrow-wrap {
z-index: 3;
color: #2d2d2d;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 1.375rem;
height: 1.375rem;
display: flex;
position: relative;
overflow: hidden;
}
.celestica-production_arrow-02 {
justify-content: center;
align-items: center;
width: 1.375rem;
height: 1.375rem;
display: flex;
position: absolute;
}
.production-template_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.production-template_sidebar-top {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
justify-content: flex-start;
align-items: flex-start;
font-size: .625rem;
display: flex;
}
.blog-card-info-2 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.form-field-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.celestica-eco_badge {
width: 100%;
max-width: 4rem;
position: absolute;
inset: auto auto 2.5rem 2.5rem;
}
.investors-header_img-wrap {
border-radius: 1.75rem;
width: 100%;
padding-top: 35%;
position: relative;
overflow: hidden;
}
.investors-header_img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
inset: 0%;
}
.thankyou-header_wrapper {
width: 100%;
height: 100%;
position: relative;
}
.thankyou-header_img-wrapper {
border-radius: 1.75rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.thankyou-header_img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
overflow: hidden;
}
.thankyou-header_img-overlay {
background-image: linear-gradient(#0003, #0003);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.thankyou-header_content-wrapper {
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding: 2.5rem 3rem 3rem;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.thankyou-popup {
z-index: 999;
background-color: #00000040;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: fixed;
inset: 0%;
}
.thankyou-popup_content {
background-color: var(--circus-white);
text-align: center;
border-radius: 1.75rem;
flex-flow: column;
justify-content: center;
align-items: stretch;
min-width: 31.25rem;
padding: 3.5rem 2.5rem;
display: flex;
}
.section_home-robots {
display: none;
}
.home-robots_img-wrapper {
padding-top: 60%;
position: relative;
overflow: hidden;
}
.home-robots_img {
aspect-ratio: 2.39;
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
inset: 0%;
transform: scale(1.15);
}
.home-robots_img-overlay {
background-image: linear-gradient(180deg, var(--color--ffffff) 5%, var(--transparent) 25%, var(--transparent) 78%, var(--color--ffffff) 95%);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.home-robots_component {
text-align: center;
flex-flow: column;
align-items: center;
width: 100%;
max-width: 47.5rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.home-production_component {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
min-height: 100svh;
}
.home-production_block-content {
z-index: 1;
flex-flow: column;
justify-content: center;
width: 100%;
max-width: 28rem;
padding-top: 5rem;
position: relative;
}
.home-production_img-wrap {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
position: absolute;
inset: 0%;
}
.home-production_img {
aspect-ratio: 1;
object-fit: cover;
object-position: 25% 50%;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
transform: scale(1.125);
}
.section_home-rollout {
display: none;
}
.home-rollout_component {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-radius: 1.75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.home-rollout_img-wrap {
padding-top: 140%;
position: relative;
}
.home-rollout_img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
inset: 0%;
}
.home-rollout_card {
border-radius: 1.75rem;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
position: relative;
overflow: hidden;
}
.home-rollout_content {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
background-image: linear-gradient(0deg, black 10%, var(--transparent) 60%, var(--transparent) 83%, var(--pure-black));
color: var(--color--ffffff);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
padding: 2.5rem;
display: flex;
position: absolute;
inset: 0%;
}
.home-rollout_icon {
justify-content: flex-start;
align-items: center;
height: 2rem;
}
.section_home-fullyai {
display: none;
}
.home-fullyai_component {
grid-column-gap: 7.5%;
grid-row-gap: 7.5%;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.home-solutions_tabs2 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
display: flex;
}
.home-solutions_tabs2-content {
order: -1;
width: 100%;
}
.home-solution_img-wrap {
padding-top: 45%;
position: relative;
}
.home-solution_image {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
transform: scale(1.01);
}
.hom-solution_pane {
border-radius: 1.75rem;
overflow: hidden;
}
.home-solutions_content {
z-index: 2;
background-image: linear-gradient(180deg, var(--transparent) 50%, var(--pure-black) 95%);
color: var(--color--ffffff);
flex-flow: column;
justify-content: flex-end;
padding: 2.5rem;
display: flex;
position: absolute;
inset: 0%;
}
.home-solutions_link {
background-color: var(--transparent);
color: var(--light-grey);
flex-flow: column;
width: 100%;
max-width: 20rem;
padding: 0;
display: flex;
}
.home-solutions_link.w--current {
background-color: var(--transparent);
color: var(--color--1a1a1a);
}
.home-solutions_link.is-white.w--current {
color: var(--circus-white);
}
.home-solutions_tabs2-menu {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: row;
justify-content: center;
align-items: stretch;
padding-left: 7.5%;
padding-right: 7.5%;
display: flex;
}
.home-solutions_indicator {
background-color: var(--light-grey);
width: 100%;
height: 3px;
position: relative;
}
.home-solutions_active {
background-color: var(--pure-black);
width: 0%;
height: 100%;
max-height: 3px;
}
.home-solutions_active.is-white {
background-color: var(--circus-white);
}
.nav2_grid-2col {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.nav-article_blog {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
background-color: #f7f7f7;
border-radius: 1.75rem;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
padding: .75rem;
display: flex;
position: relative;
}
.nav-article_blog:where(.w-variant-373449f6-318d-f825-5768-8697f3ab01ec) {
background-color: var(--light-white);
}
.nav-article_blog:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831) {
background-color: var(--color--202121);
}
.nav-article_blog:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
background-color: var(--color--eeeff1);
color: var(--color--1a1a1a);
}
.nav-article_img-wrap {
border-radius: 1.5rem;
width: 75%;
padding-top: 25%;
position: relative;
overflow: hidden;
}
.nav2_dropdown-wrap {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.nav2_commercial_block {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
text-align: center;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: center;
display: flex;
}
.nav2_commercial_block:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
color: var(--color--1a1a1a);
}
.nav2_commercial_img {
max-width: 11.25rem;
display: block;
}
.nav2_commercial_img.is-black:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831), .nav2_commercial_img.is-white {
display: none;
}
.nav2_commercial_img.is-white:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831) {
display: block;
}
.nav2_menu_links {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: center;
align-items: center;
display: flex;
}
.nav2_menu-sidebar-wrap {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
justify-content: space-between;
align-items: center;
display: flex;
}
.nav2_menu-sidebar_divider {
background-color: var(--pure-black);
width: 1.5px;
height: 100%;
min-height: 2rem;
}
.nav2_menu-sidebar_divider:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831) {
background-color: var(--color--a9a9a9);
}
.nav2_stock-number {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
display: flex;
}
.nav2_component {
background-color: var(--color--ffffff);
color: var(--color--1a1a1a);
position: relative;
}
.nav2_component:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831) {
background-color: var(--color--1a1a1a);
color: var(--color--ffffff);
}
.nav2_component:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
background-color: var(--transparent);
background-image: linear-gradient(180deg, #000000bf, var(--transparent));
color: var(--color--ffffff);
}
.nav2_component:hover:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
color: var(--color--1a1a1a);
}
.nav2_container {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
display: grid;
}
.nav2_menu {
font-size: .8125rem;
position: static;
}
.nav2_menu-wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.nav2_menu-sidebar {
justify-content: flex-end;
align-items: center;
display: flex;
}
.nav2_dropdown {
padding: 0;
position: static;
}
.nav2_dropdown:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
color: inherit;
}
.nav2_dropdown-nav {
width: 100vw;
left: 0%;
right: 0%;
}
.nav2_dropdown-nav:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831) {
background-color: var(--color--1a1a1a);
}
.nav2_dropdown-nav.w--open {
border-top: 1px solid var(--light-white);
background-color: var(--color--ffffff);
top: 4.65rem;
}
.nav2_dropdown-nav.w--open:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831) {
border-top-color: var(--color--2d2d2d);
background-color: var(--color--1a1a1a);
}
.nav2_dropdown-toggle {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row;
justify-content: center;
align-items: center;
padding: 1.75rem 1.25rem;
display: flex;
}
.nav2_dropdown-toggle.w--current {
color: var(--color--576d68);
}
.nav2_dropdown-toggle_link {
flex-flow: column;
height: 1.2rem;
padding: 0;
display: flex;
overflow: hidden;
}
.nav2_dropdown-toggle_link.w--current {
font-weight: 600;
}
.nav2_dropdown-links {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.nav2_newsletter-wrap {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: #f7f7f7;
border-radius: 1.25rem;
grid-template-rows: auto;
grid-template-columns: 1fr .25fr;
grid-auto-columns: 1fr;
padding: 1.5rem;
}
.nav2_newsletter-wrap:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831) {
background-color: var(--color--202121);
}
.nav2_newsletter-wrap:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
color: var(--color--1a1a1a);
}
.nav2_form-block {
margin-bottom: 0;
}
.nav2_form {
position: relative;
}
.nav2_form-input {
border: 1px #000;
border-radius: 1rem;
min-height: 3.25rem;
margin-bottom: 0;
padding: 1rem 3.75rem 1rem 1.5rem;
font-family: Polysans, sans-serif;
font-size: 1rem;
line-height: 1;
}
.nav2_form-input:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831) {
background-color: var(--color--1a1a1a);
}
.nav2_form-btn-wrap {
color: var(--color--a9a9a9);
justify-content: center;
align-items: center;
width: 2.5rem;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.nav2_form-btn-wrap:hover {
color: var(--color--1a1a1a);
}
.nav2_form-btn-wrap:hover:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831) {
color: var(--color--ffffff);
}
.nav2_form-btn {
background-color: #3898ec00;
width: 100%;
height: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.nav2_form-arrow_wrap {
z-index: 3;
pointer-events: none;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
position: absolute;
inset: .875rem 0% 0%;
overflow: hidden;
}
.nav2_form-arrow01 {
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.nav2_form-arrow02 {
justify-content: center;
align-items: center;
width: 1.375rem;
height: 1.375rem;
display: flex;
transform: translate(-100%);
}
.nav2_newsletter-header {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
align-items: center;
display: flex;
}
.text-size-28px {
font-size: 1.75rem;
line-height: 1.2;
}
.nav2_ir-wrapper {
grid-column-gap: 7.5%;
grid-row-gap: 7.5%;
grid-template-rows: auto;
grid-template-columns: 1fr min-content 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
display: grid;
}
.nav2-newsletter_divider {
background-color: var(--color--a9a9a9);
width: 1px;
height: 100%;
}
.nav2-newsletter_divider:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831) {
background-color: var(--color--2d2d2d);
}
.nav2_commercial_wrapper {
grid-column-gap: 7.5%;
grid-row-gap: 7.5%;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-end;
display: flex;
}
.nav2_link-block {
flex-flow: column;
height: 1.2rem;
display: inline-flex;
position: relative;
overflow: hidden;
}
.nav2_link-progress {
background-color: var(--color--2d2d2d);
width: 100%;
height: 1px;
position: absolute;
inset: auto 0% 0%;
}
.nav2_link-progress:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831) {
background-color: var(--color--fafafa);
}
.nav2_link {
padding: 1.75rem 1.25rem;
}
.nav2_link:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
color: inherit;
transition-property: none;
transition-duration: 0s;
transition-timing-function: ease;
}
.nav2_link-text_wrap {
flex-flow: column;
height: 1.2rem;
display: flex;
overflow: hidden;
}
.nav2-fixed {
z-index: 99;
position: fixed;
inset: 0% 0% auto;
}
.nav2_whatsapp-link {
filter: none;
transition-duration: .3s;
}
.nav2_whatsapp-link:hover {
filter: invert();
}
.nav2_hamburger-cotnain {
cursor: pointer;
background-color: #fff;
border-radius: 4px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
display: flex;
position: relative;
box-shadow: 6px 6px 25px #28078026;
}
.nav2_hamburger-topline, .nav2_hamburger-bottomline {
background-color: #858eca;
width: 30px;
height: 4px;
}
.nav2_hamburger-midline_wrap {
align-items: center;
width: 30px;
display: flex;
}
.nav2_hamburger-midline_left, .nav2_hamburger-midline_right {
background-color: #858eca;
width: 50%;
height: 4px;
margin-top: 4px;
margin-bottom: 4px;
}
.nav2_locales-wrap {
justify-content: center;
align-items: center;
display: flex;
}
.nav2_locales-dropdown {
position: relative;
}
.nav2_locales-dropdown_toggle {
z-index: 10;
grid-column-gap: .25rem;
grid-row-gap: .25rem;
align-items: center;
padding: 0;
transition: all .25s;
display: block;
}
.nav2_locales-dropdown_toggle:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
color: inherit;
}
.nav2_locales-dropdown_list.w--open {
background-color: var(--transparent);
inset: 0% 0% auto auto;
}
.nav2_locales-drop-bg {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: #f7f7f7;
border-radius: 1.75rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
min-width: 10rem;
margin-top: 1.5rem;
margin-right: -5px;
padding: 2rem 2.5rem;
display: grid;
}
.nav2_locales-drop-bg:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831) {
background-color: var(--color--1a1a1a);
}
.nav2_locales-text {
font-size: .875rem;
}
.nav2_locales {
padding: .25rem;
}
.home-rollout_header {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.icon-1x1-size-64 {
justify-content: center;
align-items: center;
width: 4rem;
min-width: 4rem;
height: 4rem;
}
.cam-explore_content-block {
z-index: 1;
position: static;
inset: 0% 0% auto;
}
.cam-explore_content-block.bg-is_black {
background-color: #000;
}
.section_cam-designed.hide-sec {
display: none;
}
.cam-designed_component {
border-radius: 1.75rem;
position: relative;
overflow: hidden;
}
.cam-designed_img-wrap {
padding-top: 60%;
position: relative;
}
.cam-designed_img {
object-fit: cover;
object-position: 50% 0%;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
inset: 0%;
}
.cam-designed_content-block {
padding: 3.75rem;
position: absolute;
inset: 0%;
}
.nav2-contact_btn.is-primary:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831), .nav2-contact_btn.is-secondary {
display: none;
}
.nav2-contact_btn.is-secondary:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831) {
display: block;
}
.manager-transaction_tab {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
color: var(--color--a9a9a9);
grid-template-rows: auto;
grid-template-columns: .75fr 1fr .75fr .75fr .75fr .5fr;
grid-auto-columns: 1fr;
justify-content: stretch;
place-items: center stretch;
display: grid;
}
.manager-transaction_tab.tab-content {
background-color: var(--circus-white);
color: var(--color--1a1a1a);
border-radius: 1.25rem;
padding: 1.25rem;
}
.manager-transaction_tab.tab-content:hover {
background-color: var(--color--ffffff);
}
.circus-os-bg-image_overlay {
background-color: var(--pure-black);
opacity: .5;
position: absolute;
inset: 0%;
}
.cover-img {
object-fit: cover;
object-position: 50% 80%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
.cover-img.fit-cover-centre {
object-fit: cover;
object-position: 50% 50%;
}
.img-grow {
border-radius: 2rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.text-is_black {
color: var(--color--1a1a1a);
font-weight: 300;
}
.div-block-55 {
width: 100%;
max-width: 47.5rem;
}
.archive-button {
width: 100%;
padding-top: 2.5rem;
}
.blog-grid-2 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.agm-header_img {
object-fit: contain;
object-position: 50% 30%;
border-radius: 30px;
width: 100%;
max-width: none;
height: 100%;
overflow: hidden;
transform: rotate(45deg)translate(0, 5%)scale(2);
}
.agm-header_img-wrapper {
background-color: var(--pure-black);
border-radius: 1.75rem;
width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
position: relative;
overflow: hidden;
}
.agm-header_icon {
width: 100%;
max-width: 12.5rem;
}
.agm-header_content {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 3rem;
display: flex;
position: absolute;
inset: 0%;
}
.agm-collection_wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.agm-collection_grid {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.agm-collection_btn-wrap {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
border-top: 1px solid var(--light-white);
border-bottom: 1px solid var(--light-white);
justify-content: space-between;
align-items: center;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: flex;
}
.text-style-underline {
text-decoration: underline;
}
.agm-collection_external-link {
position: absolute;
inset: 0%;
}
.agm-collection_external-link:hover {
background-color: var(--color--ffffff);
}
.agm-collection_pdf-link {
z-index: 0;
position: absolute;
inset: 0%;
}
.agm-collection_pdf-link:hover {
background-color: var(--color--ffffff);
}
.section_home-result {
display: none;
}
.home-result_card {
border-radius: 1.25rem;
position: relative;
overflow: hidden;
}
.home-result_img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
}
.home-result_block-content {
color: var(--color--ffffff);
text-align: center;
flex-flow: column;
justify-content: space-between;
align-items: center;
height: 100%;
min-height: 26rem;
padding: 2rem;
display: flex;
position: relative;
}
.home-result_block-img {
width: 100%;
position: absolute;
inset: 0%;
}
.home-result_logo {
width: 100%;
max-width: 9.25rem;
margin-left: auto;
margin-right: auto;
display: block;
}
.newsroom-header__component {
padding-top: 6rem;
padding-bottom: .25rem;
}
.newsroom-header__content {
padding-bottom: 4rem;
}
.text-h1 {
color: var(--color--1a1a1a);
font-size: 3.25rem;
font-weight: 300;
}
.newsroom-header__grid {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.newsroom-client__card {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
width: 100%;
font-size: 1.5rem;
line-height: 1.2;
text-decoration: none;
display: flex;
}
.newsroom-client__img-holder {
aspect-ratio: 4.2 / 3.5;
border-radius: .5rem;
position: relative;
overflow: hidden;
}
.newsroom-client__img-holder:where(.w-variant-759361eb-85d6-8a36-4d1e-d310f71cfd65) {
aspect-ratio: 4.2 / 5.9;
}
.newsroom-client__img-holder.radius {
border-radius: 1.25rem;
height: 12.125rem;
}
.press-details {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
margin-left: 1rem;
margin-right: 1rem;
display: flex;
}
.newsroom-header__info {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: wrap;
font-size: 1rem;
display: flex;
}
.text-is_gray {
color: var(--color--a9a9a9);
}
.newsroom-header__readtime {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: wrap;
display: flex;
}
.newsroom-header__list {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.newsroom-header__list.is-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 1.2fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.newsroom-updates__card {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
color: var(--color--1a1a1a);
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
font-size: 1.125rem;
line-height: 1.2;
text-decoration: none;
display: grid;
}
.newsroom-client__img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
position: absolute;
inset: 0%;
}
.press-details_block {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: center;
margin-top: 0;
margin-left: 0;
margin-right: 1rem;
display: flex;
}
.newsroom-marquee__list {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
display: flex;
overflow: hidden;
}
.newsroom-marquee__item {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex: none;
justify-content: flex-start;
align-items: center;
display: flex;
}
.newsroom-marquee__img-holder {
justify-content: center;
align-items: center;
display: block;
}
.section-newsroom_collection {
padding-bottom: 0;
}
.newsroom-collection_header {
border-top: 1px solid #00000026;
justify-content: space-between;
align-items: center;
padding-top: 2.5rem;
}
.newsroom-collection__list {
grid-column-gap: 1.25rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.newsroom-collection__list.is-col1 {
grid-template-columns: 1fr;
}
.blog-title {
font-size: 1.5rem;
}
.newsroom-updates__list {
grid-column-gap: 1.125rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.newsroom-people__list {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.newsroom-filter {
margin-bottom: 0;
}
.newsroom-filter_grouo {
justify-content: space-between;
align-items: center;
display: flex;
}
.newsroom-filter__list {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-wrap: wrap;
display: flex;
}
.filter-radio__button {
background-color: var(--light-white);
color: var(--color--1a1a1a);
border-radius: 6rem;
flex: none;
margin-bottom: 0;
padding: .75rem 1.25rem;
font-size: .875rem;
font-weight: 400;
line-height: 1.4;
}
.filter-radio__button.w--current, .filter-radio__button.is-list-active {
background-color: var(--color--1a1a1a);
color: var(--light-white);
}
.filter-radio__button-field {
display: none;
}
.filter-radio__text {
align-items: flex-start;
margin-bottom: 0;
}
.collection-article__list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-article__item {
position: relative;
}
.collection-article__card {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-flow: column;
justify-content: flex-start;
height: 100%;
display: flex;
position: relative;
}
.collection-article__card:where(.w-variant-373449f6-318d-f825-5768-8697f3ab01ec) {
background-color: var(--light-white);
}
.collection-article__img-wrap {
border-radius: 1.5rem;
width: 100%;
padding-top: 75%;
position: relative;
overflow: hidden;
}
.collection-article__img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
position: absolute;
inset: 0%;
}
.collection-article__content {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: .5rem;
padding-right: .5rem;
display: flex;
}
.collection-article__info {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.collection-article__info:where(.w-variant-373449f6-318d-f825-5768-8697f3ab01ec) {
color: var(--color--252626);
}
.category-in-list-cms-copy {
padding-right: .875rem;
font-size: .625rem;
}
.collection-article_link {
z-index: 3;
}
.newsroom-collection__item {
aspect-ratio: auto;
object-fit: fill;
object-position: 50% 50%;
}
.newsroom-client__content {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
display: flex;
}
.newsroom-client_info {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.newsroom-client_info:where(.w-variant-373449f6-318d-f825-5768-8697f3ab01ec) {
color: var(--color--252626);
}
.section-newsroom_updates {
padding-bottom: 0;
}
.newsroom-updates__header {
justify-content: space-between;
align-items: center;
display: flex;
}
.button_link_wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.button_link_wrap:where(.w-variant-b1fc0636-76a9-08f7-c140-0bc384632f1b) {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
justify-content: center;
align-items: center;
padding: .25rem 1.25rem;
display: flex;
}
.button_link_wrap:where(.w-variant-6ef99ae5-43f7-dabf-b69c-dab1c9b0680e) {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
color: var(--color--1a1a1a);
justify-content: center;
align-items: center;
padding: .25rem 1.25rem;
display: flex;
}
.button_link_text_wrap {
height: 1.4rem;
overflow: hidden;
}
.newsroom-updates__item {
position: relative;
}
.newsroom-updates__img-holder {
border-radius: 2.25rem;
padding-top: 75%;
position: relative;
overflow: hidden;
}
.newsroom-updates__img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
position: absolute;
inset: 0%;
}
.newsroom-updates__content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: center;
height: 100%;
display: flex;
}
.newsroom-update_info {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.newsroom-update_info:where(.w-variant-373449f6-318d-f825-5768-8697f3ab01ec) {
color: var(--color--252626);
}
.newsroom-updates__link {
z-index: 2;
}
.section_newsroom-people {
padding-bottom: 0;
}
.newsroom-people__header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
display: flex;
}
.newsroom-people__img-holder {
border-radius: 2.25rem;
padding-top: 130%;
position: relative;
overflow: hidden;
}
.newsroom-people__img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
position: absolute;
inset: 0%;
}
.newsroom-people__card {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
color: var(--color--1a1a1a);
flex-flow: column;
width: 100%;
font-size: 1.5rem;
line-height: 1.2;
text-decoration: none;
display: flex;
}
.newsroom-people_content {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: .5rem;
padding-right: .5rem;
display: flex;
}
.newsroom-people__item {
position: relative;
}
.newsroom-header__tabs-link {
background-color: var(--light-white);
border-radius: 6rem;
padding: .75rem 1.25rem;
font-size: .875rem;
}
.newsroom-header__tabs-link.w--current {
background-color: var(--color--1a1a1a);
color: var(--light-white);
}
.newsroom-header__tab-menu {
grid-column-gap: .6rem;
grid-row-gap: .6rem;
flex-flow: wrap;
margin-bottom: 4rem;
display: flex;
}
.newsroom-header_grid {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 3.75fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.newsroom-header_img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
position: absolute;
inset: 0%;
}
.newsroom-header_img-holder {
border-radius: 1.25rem;
padding-top: 66%;
position: relative;
overflow: hidden;
}
.newsroom-header__features-link {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
color: var(--color--ffffff);
flex-flow: column;
width: 100%;
font-size: 1.5rem;
line-height: 1.2;
text-decoration: none;
display: flex;
}
.newsroom-header__features-img__holder {
aspect-ratio: 10 / 7;
border-radius: .5rem;
position: relative;
overflow: hidden;
}
.newsroom-header__features-img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
position: absolute;
inset: 0%;
}
.newsroom-header__features-content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
-webkit-backdrop-filter: blur(2.5rem);
backdrop-filter: blur(2.5rem);
background-color: #0003;
border-radius: .75rem;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
align-items: center;
margin: .75rem;
padding: 1.5rem;
display: grid;
position: absolute;
inset: auto 0% 0%;
}
.section_related-news {
background-color: var(--color--eeeff1);
}
.home-result_block-link {
transition: all .4s;
}
.rewe-header_component {
border-radius: .5rem;
padding-top: 60%;
position: relative;
overflow: hidden;
}
.rewe-header_img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
position: absolute;
inset: 0%;
}
.rewe-header_content {
z-index: 2;
background-image: linear-gradient(180deg, var(--transparent) 75%, #000c);
color: var(--light-white);
flex-flow: column;
justify-content: flex-end;
width: 100%;
height: 100%;
padding-top: 4rem;
padding-bottom: 4rem;
padding-left: 3rem;
display: flex;
position: absolute;
inset: 0%;
}
.accordion_item {
background-color: var(--light-white);
border-radius: 1.25rem;
padding: 1.25rem;
}
.accordion_answer {
max-height: 0;
transition: all .5s;
overflow: hidden;
}
.accordion_question {
justify-content: space-between;
align-items: center;
display: flex;
}
.accordion_icon-wrapper {
justify-content: center;
align-items: center;
width: 1.75rem;
height: 1.75rem;
transition: transform .5s;
display: flex;
transform: rotate(0);
}
.rewe_accordion_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.rewe-faq_accordion-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.rewe-faq_accordion-grid.gap-sero {
grid-row-gap: 0rem;
}
.rewe-faq_accordion-divider {
background-color: #1a1a1a33;
width: 100%;
height: 1px;
}
.newsroom-client__divider {
background-color: #0000001a;
width: 100%;
height: .0625rem;
position: relative;
}
.newsroom-client__progress {
background-color: var(--color--1a1a1a);
width: 0%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.press-mentions_card {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: var(--circus-white);
border-radius: .5rem;
grid-template-rows: auto;
grid-template-columns: 12rem 1.25fr auto;
grid-auto-columns: 1fr;
align-items: center;
padding: 1.75rem 1.875rem;
display: grid;
}
.press-mentions_img-wrapper {
aspect-ratio: 1.6 / 1.2;
background-color: var(--color--ffffff);
border-radius: .6rem;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.press-mentions_img {
object-fit: contain;
object-position: 50% 50%;
width: 7.5rem;
max-width: none;
height: 6rem;
}
.newsroom-links_wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex;
}
.media-kit_wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: var(--light-white);
border-radius: 1.25rem;
grid-template-rows: auto;
grid-template-columns: .6fr 1fr;
grid-auto-columns: 1fr;
display: grid;
overflow: hidden;
}
.media-kit_block-content {
flex-flow: column;
justify-content: space-between;
height: 100%;
padding-top: 3.75rem;
padding-bottom: 3.75rem;
padding-left: 3.75rem;
display: flex;
position: relative;
}
.image-15 {
aspect-ratio: auto;
object-fit: cover;
object-position: 0% 100%;
width: 110%;
max-width: none;
height: 100%;
margin-left: -5rem;
}
.section_newsrom-related {
background-color: var(--color--ffffff);
}
.newsroom-template_breadcrum {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #737373;
flex-flow: wrap;
font-size: 1rem;
display: flex;
}
.newsroom-template_details {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.newsroom-template_img {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
position: absolute;
inset: 0%;
}
.newsroom-template_img-wrap {
aspect-ratio: 9 / 4;
object-fit: fill;
border-radius: .5rem;
position: relative;
overflow: hidden;
}
.newsroom-collection {
background-color: var(--transparent);
border-style: none;
margin-left: auto;
margin-right: auto;
padding: 0;
display: block;
}
.filter-invert {
filter: none;
}
.press-mentions_external-link {
z-index: 2;
position: absolute;
inset: 0%;
}
.section_ca-hero {
color: var(--circus-white);
position: relative;
}
.background-image_ca-hero {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.ca-hero_wrapper {
z-index: 2;
justify-content: flex-start;
align-items: flex-end;
min-height: 100svh;
padding-bottom: 5rem;
display: flex;
position: relative;
}
.ca-hero_content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 100%;
max-width: 44rem;
display: flex;
}
.ca-hero_label {
color: var(--circus-white);
justify-content: flex-start;
align-items: center;
display: flex;
}
.ca-hero_heading-wrapper {
color: var(--circus-white);
}
.ca-hero_description-wrapper {
color: var(--color--ffffff);
}
.ca-product_mokup {
background-image: linear-gradient(0deg, var(--circus-white), #fff0 10%), linear-gradient(270deg, var(--circus-white), #fff0 10%), linear-gradient(90deg, var(--circus-white), #fff0 10%), linear-gradient(180deg, var(--circus-white), #fff0 10%), url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a92061_7777a27fb8335148034df3785a03a54ae880a04c.webp");
background-position: 0 0, 0 0, 0 0, 0 0, 50%;
background-repeat: repeat, repeat, repeat, repeat, no-repeat;
background-size: auto, auto, auto, auto, contain;
padding-top: 50%;
position: relative;
}
.section_ca-product {
background-color: var(--circus-white);
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.ca-product_title-wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 50.3125rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.tag {
font-family: Polysans, sans-serif;
font-size: 1.5rem;
line-height: 1.1;
}
.ca-highlight_swiper-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.ca-highlight_swiper-grid:where(.w-variant-0a05093a-f6d9-6deb-a180-1ad9aad78c0f) {
background-color: var(--color--1a1a1a);
}
.ca-highlight_grid-left-content {
grid-column-gap: 18.625rem;
grid-row-gap: 18.625rem;
flex-flow: column;
padding-top: 2.5rem;
padding-bottom: 8rem;
padding-left: 2.5rem;
display: flex;
}
.ca-highlight_grid-right-image {
justify-content: flex-end;
align-items: flex-end;
height: 42.5rem;
display: flex;
}
.ca-highlight_content {
max-width: 21.125rem;
}
.ca-swiper_titile {
border-bottom: 1px #1a1a1a;
width: 100%;
max-width: 16.6875rem;
padding-bottom: 1rem;
font-family: Polysans, sans-serif;
}
.ca-highlight_swiper-image {
aspect-ratio: 2.39;
object-fit: cover;
width: 100%;
height: 100%;
}
.ca-highlight_swiper-image._2-3 {
width: 80%;
height: 80%;
}
.ca-highlight_swiper-image._3rd {
object-fit: contain;
height: auto;
}
.bottom-line {
background-image: linear-gradient(90deg, #1a1a1a33, #fafafa00);
width: 100%;
height: .0625rem;
}
.bottom-line:where(.w-variant-0a05093a-f6d9-6deb-a180-1ad9aad78c0f) {
background-image: linear-gradient(90deg, #fafafa, #fafafa00);
margin-top: .75rem;
}
.swiper-arrow_wrapper {
z-index: 2;
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
justify-content: flex-end;
align-items: center;
padding-top: 2.5rem;
display: flex;
position: relative;
}
.swiper-button-prev {
background-color: var(--light-white);
border-radius: 2.25rem;
justify-content: center;
align-items: center;
width: 2.3125rem;
height: 2.3125rem;
display: flex;
}
.swiper-button-prev.hig.is-black {
background-color: var(--color--1a1a1a);
}
.swiper-button-prev.hig.is-black:hover {
background-color: var(--color--2d2d2d);
}
.swiper-button-prev.circus.is-black {
background-color: var(--color--1a1a1a);
}
.swiper-button-prev.circus.is-black:hover {
background-color: var(--color--2d2d2d);
}
.code-embed-3 {
justify-content: center;
align-items: center;
display: flex;
}
.swiper-button-next {
background-color: var(--light-white);
border-radius: 2.25rem;
justify-content: center;
align-items: center;
width: 2.3125rem;
height: 2.3125rem;
display: flex;
}
.swiper-button-next.hig.is-black {
background-color: var(--color--1a1a1a);
}
.swiper-button-next.hig.is-black:hover {
background-color: var(--color--2d2d2d);
}
.swiper-button-next.circus.is-black {
background-color: var(--color--1a1a1a);
}
.swiper-button-next.circus.is-black:hover {
background-color: var(--color--2d2d2d);
}
.section_ca-possibilities {
background-image: linear-gradient(359.31deg, #fefefe00 71.4%, #fefefe80 91.59%), linear-gradient(170.78deg, #fefefe00 77.36%, #fefefe 90.04%), linear-gradient(176deg, #fefefe00 70.91%, #fefefe 90.98%), url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a92066_908cd8295fc27131b94329f82340fd6f2ad8c08f%20(1).webp");
background-position: 0 0, 0 0, 0 0, 50%;
background-repeat: repeat, repeat, repeat, no-repeat;
background-size: auto, auto, auto, cover;
min-height: 93.875rem;
}
.ca-possibilities_title-wrapper {
width: 100%;
max-width: 41.25rem;
}
.ca-possibilities_description-wrapper {
width: 100%;
max-width: 26.75rem;
padding-top: 2.5rem;
font-size: 1.125rem;
}
.ca-operation_title-wrapper {
max-width: 41.25rem;
}
.operation-img_wrapper {
border-radius: .75rem;
height: 28.125rem;
overflow: hidden;
}
.operation-img {
object-fit: cover;
width: 100%;
height: 100%;
}
.operation-content_wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
padding-top: 1.25rem;
font-family: Polysans, sans-serif;
display: flex;
}
.section_ca-circus.black-bg {
background-color: #000;
}
.ca-circus_title-grid {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.section_ca-maintenance {
background-image: linear-gradient(360deg, #0000, #000), url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a9207b_d50ea78ce778811cb0e72a239a31b1f7c11259fd.webp");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.ca-maintenance_wrapper {
grid-column-gap: 50.6875rem;
grid-row-gap: 50.6875rem;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.ca-maintenance_title-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
color: var(--color--ffffff);
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 41.25rem;
display: flex;
}
.ca-circus_grid-col {
grid-column-gap: 3.75rem;
grid-row-gap: 3.75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 74.375rem;
display: grid;
}
.ca-circus_grid-item {
color: #fafafacc;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.ca-circus_title-wrapper {
color: var(--circus-white);
padding-top: 1rem;
padding-bottom: .75rem;
}
.ca-technical_title-wrapper {
max-width: 41.25rem;
}
.ca-technical_grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.ca-technical_content {
padding-top: 6.25rem;
}
.col-technical {
grid-column-gap: 3.75rem;
grid-row-gap: 3.75rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.pop-up {
z-index: 9;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: none;
position: fixed;
inset: 0%;
}
.popup_modal {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #fafafa99;
border-radius: 1.875rem;
width: 96%;
max-width: 72.8125rem;
padding: 3.125rem 3.75rem;
}
.pop-inner_wrap {
position: relative;
}
.pop-tiitle_wrapper {
padding-bottom: 4.1875rem;
}
.pop-details_col {
grid-column-gap: 0px;
grid-row-gap: 3rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.item-list_wrap {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: .75rem;
display: flex;
}
.item-list {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.check-icon {
display: flex;
}
.close-pop {
background-color: var(--color--fafafa);
cursor: pointer;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.code-embed-4 {
justify-content: center;
align-items: center;
display: flex;
}
.section_homev6-about {
min-height: 100svh;
display: none;
position: relative;
}
.homev6-about_component {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
min-height: 130svh;
display: flex;
}
.homev6-about_img-wrap {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
position: absolute;
inset: 0%;
}
.homev6-about_img {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
}
.home-about_content {
z-index: 1;
color: var(--circus-white);
width: 100%;
max-width: 28.5rem;
height: 100%;
padding-bottom: 5rem;
position: relative;
}
.home-about_content.padd-bottom {
color: var(--color--1a1a1a);
padding-bottom: 0;
}
.home-about_content.is-white {
color: var(--color--fafafa);
padding-bottom: 0;
}
.home-about_content.is-black {
color: var(--color--1a1a1a);
}
.c-tagline {
grid-column-gap: .45rem;
grid-row-gap: .45rem;
justify-content: flex-start;
align-items: center;
font-family: Polysans, sans-serif;
display: inline-flex;
}
.c-tagline:where(.w-variant-8e59a967-01d2-1bf0-bf73-9acba4aa4a86) {
color: var(--circus-white);
}
.c-tagline-icon {
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.125rem;
display: flex;
}
.c-tagline-text {
letter-spacing: -.0275rem;
font-size: 1.375rem;
line-height: 1.2;
}
.home-about_overlay {
background-image: linear-gradient(45deg, #0006, var(--transparent));
position: absolute;
inset: 0%;
}
.section_home-vision {
color: var(--circus-white);
display: none;
position: relative;
overflow: hidden;
}
.home-vision_component {
flex-flow: column;
justify-content: flex-end;
min-height: 130svh;
display: flex;
}
.home-vision_content {
z-index: 1;
color: var(--circus-white);
width: 100%;
max-width: 28.5rem;
height: 100%;
position: relative;
}
.home-vision_qoute-wrap {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
-webkit-backdrop-filter: blur(4.375rem);
backdrop-filter: blur(4.375rem);
background-image: linear-gradient(#4b4b4b1a, #0000001a);
border-radius: .5rem;
flex-flow: column;
justify-content: space-between;
width: 100%;
max-width: 22rem;
min-height: 22.875rem;
padding: 1.25rem;
display: flex;
}
.home-vision_content-wrap {
z-index: 3;
justify-content: space-between;
align-items: flex-end;
padding-bottom: 5rem;
display: flex;
position: relative;
}
.text-size-30px {
font-size: 1.875rem;
line-height: 1.2;
}
.home-vision_overlay {
background-image: linear-gradient(187.83deg, #0000 58.05%, #0006 97.63%);
position: absolute;
inset: 0%;
}
.home-vision_img {
transform-origin: 100% 100%;
object-fit: cover;
object-position: 100% 100%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
transform: scale(1.3);
}
.home-vision_img-wrap {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
position: absolute;
inset: 0%;
}
.home-prodution_overlay {
background-image: linear-gradient(150deg, #0006, var(--transparent));
position: absolute;
inset: 0%;
}
.section_home-hero {
color: var(--circus-white);
position: relative;
overflow: hidden;
}
.home-hero_component {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
min-height: 100svh;
display: flex;
}
.home-hero_video-wrap {
width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
max-height: none;
position: absolute;
inset: 0%;
overflow: hidden;
}
.home-hero_video {
width: 100%;
height: 100%;
min-height: 100%;
}
.home-hero_video-overlay {
background-image: linear-gradient(#0003, #0003);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.home-hero_content-wrap {
z-index: 2;
width: 100%;
position: relative;
}
.home-hero_content {
width: 100%;
padding-bottom: 5rem;
}
.section_home-taurus {
position: relative;
}
.home-taurus_component {
flex-flow: column;
justify-content: center;
align-items: flex-end;
min-height: 100svh;
display: flex;
}
.home-taurus_content {
z-index: 1;
color: var(--circus-white);
width: 100%;
max-width: 28.5rem;
height: 100%;
padding-bottom: 5rem;
position: relative;
}
.home-taurus_overlay {
background-image: linear-gradient(275deg, var(--pure-black), #000c 20%, var(--transparent) 50%), linear-gradient(180deg, #000c, var(--transparent) 40%);
position: absolute;
inset: 0%;
}
.home-taurus_img {
object-fit: cover;
object-position: 100% 50%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
}
.home-taurus_img-wrap {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
position: absolute;
inset: 0%;
}
.section_home-agnes {
color: var(--circus-white);
position: relative;
overflow: hidden;
}
.home-agnes_component {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
min-height: 100svh;
display: flex;
}
.home-agnes_img {
transform-origin: 0 100%;
object-fit: cover;
object-position: 0% 50%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
transform: scale(1.05);
}
.home-agnes_img-wrap {
width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
max-height: none;
position: absolute;
inset: 0%;
}
.home-agnes_overlay {
background-image: linear-gradient(45deg, #00000080, var(--transparent) 50%);
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.home-agens_content {
z-index: 1;
color: var(--circus-white);
width: 100%;
max-width: 28.5rem;
height: 100%;
padding-bottom: 5rem;
position: relative;
}
.home-agnes_stats-wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.home-agnes_stats {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
text-align: center;
text-transform: uppercase;
flex-flow: column;
justify-content: center;
align-items: center;
min-width: 8rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
font-weight: 500;
display: flex;
}
.home-agnes_stats.is-border {
border-right: 1px solid #fff3;
}
.home-agnes_content-wrap {
z-index: 2;
grid-column-gap: 10vw;
grid-row-gap: 10vw;
flex-flow: column;
height: 100%;
min-height: 100%;
max-height: 100%;
padding-bottom: 5rem;
display: flex;
position: relative;
}
.section_home-junia {
position: relative;
overflow: hidden;
}
.home-junia_content {
z-index: 1;
width: 100%;
max-width: 28.5rem;
height: 100%;
padding-bottom: 5rem;
position: relative;
}
.home-junia_content-wrap {
z-index: 2;
grid-column-gap: 10vw;
grid-row-gap: 10vw;
flex-flow: column;
width: 100%;
height: 100%;
min-height: 100%;
max-height: 100%;
padding-bottom: 5rem;
display: flex;
position: relative;
}
.home-junia_component {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
min-height: 100svh;
display: flex;
}
.home-junia_img-wrap {
width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
max-height: none;
position: absolute;
inset: 0%;
}
.home-junia_img {
transform-origin: 0 100%;
object-fit: cover;
object-position: 0% 50%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
transform: scale(1.05);
}
.home-junia_overlay {
background-image: linear-gradient(45deg, #ffffff80, var(--transparent) 50%);
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.home-junia_bottom-content {
justify-content: space-between;
align-items: flex-end;
width: 100%;
min-width: 100%;
display: flex;
}
.home-junia_logo {
width: 100%;
max-width: 15rem;
}
.home-hero_img {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
.section_home-production {
color: var(--color--ffffff);
position: relative;
overflow: hidden;
}
.ca1-banner_img-overlay {
background-image: linear-gradient(0deg, #00000080 5%, var(--transparent) 50%), linear-gradient(180deg, #00000080 5%, var(--transparent) 50%);
position: absolute;
inset: 0%;
}
.div-block-57 {
text-align: center;
width: 100%;
max-width: 64.8125rem;
margin-left: auto;
margin-right: auto;
}
.home-product_stat {
justify-content: flex-end;
align-items: center;
padding-bottom: 1.4375rem;
font-size: 1.875rem;
font-weight: 500;
display: flex;
}
.home-product_stat.gap {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
}
.text-block-10 {
letter-spacing: -.6px;
}
.section-ca_solution {
background-color: #000;
}
.hide-tab {
display: none;
}
.section_ca-m_highlight {
background-color: #000;
}
.section-trusted_clients {
display: none;
}
.trusted-logo_wrapper {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 77.25rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.client-img_wrapper {
border-radius: .5rem;
flex: none;
width: 100%;
max-width: 41.4375rem;
min-height: 37.5rem;
overflow: hidden;
}
.image-16 {
object-fit: cover;
width: 100%;
height: 100%;
}
.trusted-client_content {
flex-flow: column;
justify-content: space-between;
width: 100%;
padding-right: 5rem;
display: flex;
}
.indusctry-details_wrap {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.industry-content {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.homev6-robotics_heading {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 33rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.homev6-robotics_heading-wrap {
font-family: Polysans, sans-serif;
font-size: 4rem;
font-weight: 500;
line-height: 100%;
}
.text-block-11 {
font-family: Polysans, sans-serif;
font-weight: 500;
}
.circus-os_discription {
color: #a9a9a9;
padding-top: 5rem;
font-size: 1.5rem;
line-height: 140%;
}
.div-block-58 {
color: var(--color--1a1a1a);
width: 100%;
max-width: 34.375rem;
}
.div-block-58:where(.w-variant-01602edc-680b-5da2-ad83-76d9a9b3d820) {
color: var(--color--ffffff);
}
.recent-news_block {
z-index: 2;
-webkit-backdrop-filter: blur(13px);
backdrop-filter: blur(13px);
background-color: #0003;
border-radius: .5rem;
width: 100%;
max-width: 20rem;
padding: 1.25rem;
position: absolute;
inset: auto 3.125rem 3.125rem auto;
}
.recent-news_block.position {
position: static;
}
.expand-icon {
justify-content: center;
align-items: center;
display: flex;
}
.read-more_link {
color: #fafafa;
text-decoration: underline;
}
.recent-news_logo {
border-radius: .5rem;
flex: none;
width: 4rem;
overflow: hidden;
}
.news-logo {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
.news-logo.scale {
transform: scale(1.5);
}
.image-wrapper-2 {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.recent-news_list {
font-family: Polysans, sans-serif;
}
.recent-news_details {
grid-column-gap: .15625rem;
grid-row-gap: .15625rem;
color: var(--color--ffffff);
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding-left: 1rem;
display: flex;
}
.recent-news_titile-wrap {
color: #fafafa;
justify-content: space-between;
align-items: center;
padding-bottom: .75rem;
font-family: Polysans, sans-serif;
font-size: .75rem;
display: flex;
}
.read-more_news {
text-align: right;
text-transform: uppercase;
padding-top: 1.5rem;
font-family: Polysans, sans-serif;
font-size: .625rem;
}
.section_allpage-header-2 {
color: #fff;
background-color: #fafafa;
height: 100svh;
padding: 5.8rem 1.25rem 1.25rem;
}
.section_allpage-header-2.is-home {
padding: 0;
}
.recent-news-divider {
background-color: #a9a9a9;
width: 100%;
height: .078125rem;
margin-top: .75rem;
margin-bottom: .75rem;
}
.icon-wrap {
justify-content: center;
align-items: center;
display: flex;
}
.home-hero_discription {
color: #fafafa;
width: 100%;
max-width: 18rem;
padding-top: 1.5625rem;
}
.home-hero_img-overlay-2 {
z-index: 1;
background-image: linear-gradient(#0003, #0003);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.recent-news_item {
color: var(--color--ffffff);
text-decoration: none;
display: flex;
}
.intelligence-block {
justify-content: space-between;
align-items: center;
display: flex;
}
.top-text-2 {
mix-blend-mode: difference;
}
.top-text-2.is-white {
color: #fff;
}
.arrow-block {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
padding-top: 2.5rem;
display: flex;
}
.intelligence-titile_block {
color: #fafafa;
padding-bottom: 1.25rem;
}
.slide-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.buttons-3 {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
color: #fff;
text-align: center;
cursor: pointer;
border: 1px solid #fafafa;
border-radius: 3rem;
justify-content: center;
align-items: center;
padding: .75rem 1.25rem;
font-family: Polysans, sans-serif;
font-size: 1rem;
line-height: 1.1;
display: flex;
}
.buttons-3:lang(de) {
color: #fff;
border-color: #fafafa;
}
.buttons-3.is-dark-border {
color: #fafafa;
background-color: #0000;
border-color: #1a1a1a;
}
.home-slider_wrapper {
z-index: 2;
flex-flow: column;
justify-content: space-between;
min-height: 110svh;
padding-top: 5rem;
padding-bottom: 5rem;
display: flex;
position: relative;
}
.progress-bar {
background-color: #fafafa;
width: 50%;
height: 100%;
}
.text-h2 {
letter-spacing: -.32px;
font-size: 2rem;
font-weight: 500;
}
.swiper-button-next-2 {
background-color: #eeeff1;
border-radius: 2.25rem;
justify-content: center;
align-items: center;
width: 2.3125rem;
height: 2.3125rem;
display: flex;
}
.intelligence-wrapper {
width: 100%;
max-width: 17.5rem;
}
.progress-block {
background-color: #fafafa33;
width: 100%;
height: .0625rem;
}
.button-wrap {
justify-content: flex-start;
align-items: flex-start;
padding-top: 2.5rem;
display: flex;
}
.intelligence-content_wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 100%;
max-width: 28.125rem;
padding-top: 2.5rem;
display: flex;
}
.section-home_slide {
position: relative;
}
.swiper-wrapper-2 {
width: 100%;
display: flex;
}
.swiper-wrapper-2.slide {
height: 100%;
}
.bg-swiper {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.display-tag_block {
grid-column-gap: .390625rem;
grid-row-gap: .390625rem;
justify-content: flex-start;
align-items: center;
font-family: Polysans, sans-serif;
font-size: 1.25rem;
line-height: 1;
display: flex;
}
.tag-icon {
display: flex;
}
.container-large-11 {
width: 100%;
max-width: 101.111rem;
margin-left: auto;
margin-right: auto;
}
.display-discription {
width: 100%;
max-width: 24.125rem;
}
.swiper-button-prev-2 {
background-color: #eeeff1;
border-radius: 2.25rem;
justify-content: center;
align-items: center;
width: 2.3125rem;
height: 2.3125rem;
display: flex;
}
.top-text-3 {
mix-blend-mode: difference;
}
.buttons-4 {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
color: #fff;
text-align: center;
cursor: pointer;
border: 1px solid #fafafa;
border-radius: 3rem;
justify-content: center;
align-items: center;
padding: .75rem 1.25rem;
font-family: Polysans, sans-serif;
font-size: 1rem;
line-height: 1.1;
display: flex;
}
.buttons-4:lang(de) {
color: #fff;
border-color: #fafafa;
}
.buttons-4.is-white {
background-color: #fafafa;
border-width: 0;
border-color: #1a1a1a;
padding: .85rem 1.35rem;
}
.home-display_wrapper {
z-index: 2;
flex-flow: column;
justify-content: space-between;
min-height: 120svh;
padding-top: 4.6875rem;
padding-bottom: 4.6875rem;
display: flex;
position: relative;
}
.text-size-medium-2 {
font-size: 1.25rem;
line-height: 1.25;
}
.section-home_display {
position: relative;
}
.display-tiitle_wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 100%;
max-width: 30rem;
padding-top: 2.375rem;
display: flex;
}
.home-display_col {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.display-overlay {
z-index: 1;
background-image: linear-gradient(0deg, #0000 73.41%, #000 96.6%), linear-gradient(189.03deg, #0000 61.61%, #000 93.8%);
position: absolute;
inset: 0%;
}
.home-display_img {
z-index: -1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.ceo-message {
display: none;
}
.container-large-12 {
width: 100%;
max-width: 101.111rem;
margin-left: auto;
margin-right: auto;
}
.display-content_wrapper {
z-index: 2;
justify-content: space-between;
align-items: flex-end;
display: flex;
position: relative;
}
.logo-wrapper {
z-index: 1;
padding-top: 5rem;
position: relative;
}
.display-details_wrapper.is-white {
color: var(--color--fafafa);
}
.stackholder_tiitle_wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
width: 100%;
max-width: 42.0625rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.stackholder_discription {
color: var(--color--a9a9a9);
}
.stack-holder_img-wrapper {
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.mobile-image {
display: none;
}
.section_homev6-robotics {
background-color: var(--color--ffffff);
height: 100svh;
position: relative;
overflow: hidden;
}
.homev6-robotics-wrap {
z-index: 2;
width: 100%;
padding-top: 6.25rem;
position: relative;
}
.homev6-robotics_paragraph {
opacity: .7;
color: var(--color--1a1a1a);
width: 100%;
padding-top: 2.5rem;
font-size: 1.25rem;
}
.home-robotics_overlay {
background-image: linear-gradient(.22deg, #eeeff100 66.86%, #fff 98.93%);
display: block;
position: absolute;
inset: 0%;
}
.homev6-robotics_component {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.homev6-robotics_img-desktop {
transform-origin: 46% 0;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
transform: scale(1.25);
}
.homev6-robotics_img-desktop.hide-desktop {
display: none;
}
.homev6-robotics_img-desktop.hide-landscpaemobile {
transform-origin: 50% 100%;
transform: scale(1.25)rotate(11.1deg);
}
.home-cni_img {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
}
.home-cni_content {
z-index: 1;
color: var(--circus-white);
width: 100%;
max-width: 48rem;
height: 100%;
padding-bottom: 0;
position: relative;
}
.home-cni_content.padd-bottom {
color: var(--color--1a1a1a);
padding-bottom: 0;
}
.home-cni_content.is-white {
color: var(--color--fafafa);
padding-bottom: 0;
}
.home-cni_content.is-black {
color: var(--color--1a1a1a);
}
.home-production_content {
z-index: 1;
color: var(--circus-white);
width: 100%;
max-width: 26rem;
height: 100%;
padding-bottom: 0;
position: relative;
}
.home-production_content.padd-bottom {
color: var(--color--1a1a1a);
padding-bottom: 0;
}
.home-production_content.is-white {
color: var(--color--fafafa);
padding-bottom: 0;
}
.home-production_content.is-black {
color: var(--color--1a1a1a);
}
.quote {
font-size: 1.5rem;
font-weight: 300;
}
.text-size-24px {
letter-spacing: -.26px;
font-family: Polysans, sans-serif;
font-size: 1.5rem;
font-weight: 500;
}
.about-overlay {
background-image: linear-gradient(188.26deg, #0000 63%, #0006 93.66%);
position: absolute;
inset: 0%;
}
.section-home_recent-news.desktio-hide {
display: none;
}
.homev6-ca1_logo {
object-fit: contain;
object-position: 0% 0%;
width: 100%;
max-width: 16rem;
display: block;
}
.home-production-img {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
}
.home-production-img.only-mob-img {
display: none;
}
.homev6-robotics_img-wrap {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
position: absolute;
inset: auto 0% 0%;
}
.section_homev6-ca1 {
color: var(--color--ffffff);
height: 100svh;
position: relative;
overflow: hidden;
}
.homev6-ca1_component {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.homev6-ca1_content-wrap {
z-index: 3;
flex-flow: column;
justify-content: space-between;
min-height: 100svh;
padding: 3.125rem;
display: flex;
position: relative;
}
.homev6-ca1_img-wrap {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
position: absolute;
inset: 0%;
}
.homev6-ca1_img {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: none;
}
.c-button-wrapper {
text-decoration: none;
display: inline-block;
}
.buttons-5 {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
color: #fff;
text-align: center;
cursor: pointer;
border: 1px solid #fafafa;
border-radius: 3rem;
justify-content: center;
align-items: center;
padding: .75rem 1.25rem;
font-family: Polysans, sans-serif;
font-size: 1rem;
line-height: 1.1;
display: flex;
}
.buttons-5:lang(de) {
color: #fff;
border-color: #fafafa;
}
.buttons-5.is-black-second {
color: #fff;
background-color: #202121;
border-width: 1px;
border-color: #fafafa;
padding: .85rem 1.35rem;
}
.top-text-4 {
mix-blend-mode: difference;
}
.c-button-white:where(.w-variant-0028f6c5-efcd-7133-6f51-a30275e71f9b), .c-button-white:where(.w-variant-bbcd9e62-b9b5-a015-df18-c5461d95cf85), .c-button-white:where(.w-variant-47d7db95-9e47-2b19-1ba0-788132a8cdee), .c-button-white:where(.w-variant-4b4b7f7a-92c9-0ea5-c30b-da09cd84282d), .c-button-white:where(.w-variant-abc65541-b28b-9e94-568b-6646dc7a1b55), .c-button-border__white {
display: none;
}
.c-button-border__white:where(.w-variant-0028f6c5-efcd-7133-6f51-a30275e71f9b) {
display: block;
}
.buttons-6 {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
color: #fff;
text-align: center;
cursor: pointer;
border: 1px solid #fafafa;
border-radius: 3rem;
justify-content: center;
align-items: center;
padding: .75rem 1.25rem;
font-family: Polysans, sans-serif;
font-size: 1rem;
line-height: 1.1;
display: flex;
}
.buttons-6:lang(de) {
color: #fff;
border-color: #fafafa;
}
.buttons-6.is-dark-border {
color: #fafafa;
background-color: #0000;
border-color: #1a1a1a;
}
.top-text-5 {
mix-blend-mode: difference;
}
.top-text-5.is-white {
color: #fff;
}
.c-button-border__black {
display: none;
}
.c-button-border__black:where(.w-variant-47d7db95-9e47-2b19-1ba0-788132a8cdee) {
display: block;
}
.c-button-black {
display: none;
}
.c-button-black:where(.w-variant-bbcd9e62-b9b5-a015-df18-c5461d95cf85) {
display: block;
}
.section_homev6-cammm {
position: relative;
}
.c-button-white-2:where(.w-variant-0028f6c5-efcd-7133-6f51-a30275e71f9b), .c-button-white-2:where(.w-variant-bbcd9e62-b9b5-a015-df18-c5461d95cf85), .c-button-white-2:where(.w-variant-47d7db95-9e47-2b19-1ba0-788132a8cdee), .c-button-white-2.button---border-white-2 {
display: none;
}
.buttons-7 {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border: 1px solid var(--color--fafafa);
color: var(--color--ffffff);
text-align: center;
cursor: pointer;
border-radius: 3rem;
justify-content: center;
align-items: center;
padding: .75rem 1.25rem;
font-family: Polysans, sans-serif;
font-size: 1rem;
line-height: 1.1;
display: flex;
}
.buttons-7:where(.w-variant-373449f6-318d-f825-5768-8697f3ab01ec) {
border-color: var(--color--1a1a1a);
}
.buttons-7:lang(de) {
border-color: var(--color--fafafa);
color: var(--color--ffffff);
}
.buttons-7.fill-white {
border: 0px none var(--color--1a1a1a);
background-color: var(--color--ffffff);
padding: .85rem 1.35rem;
}
.buttons-7.border-white {
border-width: 1px;
border-color: var(--color--ffffff);
background-color: var(--transparent);
color: var(--color--ffffff);
padding: .85rem 1.35rem;
}
.buttons-7.fill-black {
border-style: none;
border-color: var(--color--1a1a1a);
background-color: var(--color--1a1a1a);
color: var(--color--ffffff);
padding: .85rem 1.35rem;
}
.buttons-7.border-black {
border-color: var(--color--1a1a1a);
background-color: var(--transparent);
color: var(--color--1a1a1a);
}
.buttons-7.border-black:where(.w-variant-373449f6-318d-f825-5768-8697f3ab01ec) {
display: block;
}
.c-button-border__white-2 {
display: none;
}
.c-button-border__white-2:where(.w-variant-0028f6c5-efcd-7133-6f51-a30275e71f9b), .c-button-border__white-2.button---border-white-6 {
display: block;
}
.c-button-black-2 {
display: none;
}
.c-button-black-2:where(.w-variant-bbcd9e62-b9b5-a015-df18-c5461d95cf85) {
display: block;
}
.c-button-border__black-2 {
display: none;
}
.c-button-border__black-2:where(.w-variant-47d7db95-9e47-2b19-1ba0-788132a8cdee) {
display: block;
}
.section_homev6-cam {
color: var(--color--ffffff);
height: 100svh;
position: relative;
overflow: hidden;
}
.homev6-cam_component {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.homev6-cam_content-wrap {
z-index: 3;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-end;
width: 100%;
min-height: 100svh;
padding: 3.125rem;
display: flex;
position: relative;
}
.homev6-cam_img-wrap {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
position: absolute;
inset: 0%;
}
.homev6-cam_img {
transform-origin: 0%;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
transform: scale(1.17)translate(0);
}
.section_homev6-circus {
color: var(--color--1a1a1a);
height: 100svh;
position: relative;
overflow: hidden;
}
.homev6-circus_spline {
pointer-events: none;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
}
.section_homev6-production {
color: var(--color--1a1a1a);
height: 100svh;
position: relative;
overflow: hidden;
}
.section_homev6-vision {
color: var(--color--ffffff);
height: 100svh;
position: relative;
overflow: hidden;
}
.homev6-vision_img {
transform-origin: 100% 75%;
object-fit: cover;
object-position: 100% 50%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
transform: none;
}
.homev6-vision_img-overlay {
background-image: linear-gradient(187.83deg, #0000 58.05%, #0006 97.63%);
position: absolute;
inset: 0%;
}
.homev6-about_iamge {
object-fit: cover;
object-position: 100% 50%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
}
.homev6-cam_content-wrap-copy {
z-index: 3;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-end;
width: 100%;
min-height: 100svh;
padding: 3.125rem;
display: flex;
position: relative;
}
.homev6-cam_imgs {
transform-origin: 0 75%;
object-fit: cover;
object-position: 25% 100%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
transform: scale(1.15);
}
.homev6-cam_imgs.desktop-hide {
display: none;
}
.nav2_bg {
z-index: -1;
background-color: var(--color--ffffff);
opacity: 0;
pointer-events: none;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
position: absolute;
inset: 0% 0% auto;
}
.nav2_bg:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
z-index: 0;
}
.div-block-59 {
padding-bottom: 43px;
}
.buttons-8 {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
color: #fff;
text-align: center;
cursor: pointer;
border: 1px solid #fafafa;
border-radius: 3rem;
justify-content: center;
align-items: center;
padding: .75rem 1.25rem;
font-family: Polysans, sans-serif;
font-size: 1rem;
line-height: 1.1;
display: flex;
}
.buttons-8:lang(de) {
color: #fff;
border-color: #fafafa;
}
.buttons-8.border-black {
color: #1a1a1a;
background-color: #0000;
border-color: #1a1a1a;
}
.top-text-6 {
mix-blend-mode: difference;
}
.top-text-6.is-white {
color: #fff;
}
.c-button {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border: 1px solid var(--color--1a1a1a);
color: var(--color--1a1a1a);
text-align: center;
cursor: pointer;
border-radius: 3rem;
justify-content: center;
align-items: center;
padding: .85rem 1.35rem;
font-family: Polysans, sans-serif;
font-size: 1rem;
line-height: 1.1;
display: flex;
position: relative;
overflow: hidden;
}
.c-button:where(.w-variant-373449f6-318d-f825-5768-8697f3ab01ec) {
border-color: var(--color--1a1a1a);
}
.c-button:where(.w-variant-4b4b7f7a-92c9-0ea5-c30b-da09cd84282d) {
border-width: 1.5px;
border-radius: .25rem;
}
.c-button:hover {
color: var(--color--ffffff);
}
.c-button:lang(de) {
border-color: var(--color--fafafa);
color: var(--color--ffffff);
}
.c-button.fill_white {
border: 0px none var(--color--1a1a1a);
background-color: var(--color--ffffff);
}
.c-button.fill_white.is-grey {
background-color: var(--light-white);
}
.c-button.fill_white.is-grey.w--current, .c-button.fill_white.is-grey.is-active {
background-color: var(--color--1a1a1a);
}
.c-button.is-text-18 {
font-size: 1.125rem;
}
.c-button.is-xssmall {
padding: .5rem .875rem;
font-size: .625rem;
}
.c-button.border-black {
border-color: var(--color--1a1a1a);
color: var(--color--1a1a1a);
}
.c-button.border-black:where(.w-variant-373449f6-318d-f825-5768-8697f3ab01ec) {
display: block;
}
.c-button.border-black:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
border-top-color: var(--color--fafafa);
border-right-color: var(--color--fafafa);
border-bottom-color: var(--color--fafafa);
border-left-color: var(--color--fafafa);
color: inherit;
border-color: inherit;
}
.c-button.is-share {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border-color: var(--color--eeeff1);
color: var(--color--fafafa);
padding: .5rem .875rem;
font-size: .8125rem;
}
.c-button.is-next {
background-color: var(--transparent);
color: var(--color--fafafa);
}
.c-button.is-next-dark {
border-color: var(--color--1a1a1a);
background-color: var(--transparent);
color: var(--color--fafafa);
margin-left: 0;
margin-right: 0;
}
.c-button.is-dark-border-fill {
border-color: var(--color--1a1a1a);
background-color: var(--color--ffffff);
color: var(--color--fafafa);
}
.c-button.is-dark-border-fill:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
border-bottom-color: var(--circus-white);
background-color: var(--transparent);
color: inherit;
border-block-color: inherit;
border-block-end-color: inherit;
border-block-start-color: inherit;
border-top-color: inherit;
border-left-color: inherit;
border-right-color: inherit;
}
.c-button.is-dark-border-fill:lang(de) {
border-color: var(--color--1a1a1a);
background-color: var(--transparent);
}
.c-button.is-dark-border-fill.bg-tranparent {
background-color: var(--transparent);
}
.c-button.fill__black {
background-color: var(--color--1a1a1a);
border-style: none;
padding: .85rem 1.35rem;
}
.c-button.fill__black.parternership-is-white {
background-color: var(--color--ffffff);
margin-bottom: 0;
}
.c-button.fill__black.display-block {
display: block;
}
.c-button.border-white {
border-width: 1px;
border-color: var(--color--ffffff);
background-color: var(--transparent);
}
.c-button.border-white.is-transparent {
background-color: var(--transparent);
}
.c-button.is-next_2 {
background-color: var(--transparent);
color: var(--color--fafafa);
}
.c-button.is-gap {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
}
.c-button.border__white {
color: var(--color--ffffff);
}
.c-button.border__black {
border-color: var(--color--1a1a1a);
color: var(--color--1a1a1a);
}
.c-button-text {
z-index: 3;
position: relative;
}
.c-circle {
background-color: var(--color--1a1a1a);
}
.section_homev6-header {
color: #fff;
background-color: #fafafa;
height: 100vh;
padding: 0;
}
.section_homev6-header.is-home {
padding: 0;
}
.section_homev6-visions {
color: var(--color--ffffff);
height: 100vh;
position: relative;
overflow: hidden;
}
.section_homev6-aboutus {
color: var(--color--ffffff);
height: 100svh;
position: relative;
overflow: hidden;
}
.homev6-aboutus_component {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.homev6-aboutus_content-wrap {
z-index: 3;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-end;
width: 100%;
min-height: 100svh;
padding: 3.125rem;
display: flex;
position: relative;
}
.homev6-aboutus_img-wrap {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
position: absolute;
inset: 0%;
}
.homev6-aboutus_img-overlay, .homev6-aboutus_img-overlay-copy {
background-image: linear-gradient(187.83deg, #0000 58.05%, #0006 97.63%);
position: absolute;
inset: 0%;
}
.homev6-ca1_video {
transform-origin: 50% 100%;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
transform: scale(1.03);
}
.homev6-robotics_img-lmobile {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: none;
}
.homev6-robotics_img-lmobile.hide-desktop {
display: none;
}
.homev6-robotics_img-lmobile.hide-landscpaemobile {
transform-origin: 50% 100%;
transform: scale(1.25)rotate(11.1deg);
}
.paragraph-18 {
color: var(--pure-black);
}
.section_homev6-infastructure {
color: var(--color--1a1a1a);
height: 100svh;
position: relative;
overflow: hidden;
}
.homev6-infastructure_component {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.homev6-infastructure_content-wrap {
z-index: 2;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-end;
width: 100%;
min-height: 100svh;
padding: 3.125rem;
display: flex;
position: relative;
}
.homev6-infastructure_img-wrap {
z-index: 1;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
position: absolute;
inset: 0%;
}
.c-button-border__rectangle, .c-button-border__rectangle:where(.w-variant-47d7db95-9e47-2b19-1ba0-788132a8cdee) {
display: none;
}
.c-button-border__rectangle:where(.w-variant-4b4b7f7a-92c9-0ea5-c30b-da09cd84282d) {
display: block;
}
.section_homev6-circusos {
color: var(--color--ffffff);
height: 100svh;
position: relative;
overflow: hidden;
}
.homev6-cos_component {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.homev6-cos_content-wrap {
z-index: 3;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-end;
width: 100%;
min-height: 100svh;
padding: 3.125rem;
display: flex;
position: relative;
}
.homev6-cos_img-wrap {
z-index: 1;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
position: absolute;
inset: 0%;
}
.homev6-cos_img {
transform-origin: 0%;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
display: block;
transform: none;
}
.c-button-border__white_rectangle, .c-button-border__white_rectangle:where(.w-variant-0028f6c5-efcd-7133-6f51-a30275e71f9b) {
display: none;
}
.c-button-border__white_rectangle:where(.w-variant-abc65541-b28b-9e94-568b-6646dc7a1b55) {
display: block;
}
.global-button {
border: 1.5px solid var(--color--1a1a1a);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: var(--color--1a1a1a);
border-radius: .25rem;
padding: 1.25rem 2.5rem;
font-family: Polysans, sans-serif;
font-weight: 500;
line-height: 1;
}
.global-button:where(.w-variant-d7f2f1c6-3d0b-2a22-369f-51539eb473b0) {
border-color: var(--color--ffffff);
color: var(--color--ffffff);
}
.footer-v6 {
background-color: var(--pure-black);
padding-bottom: 800px;
}
.footer-v6_wrapper {
padding-top: 5rem;
padding-bottom: 5rem;
}
.footer-v6_col {
justify-content: space-between;
display: flex;
}
.footer-logo_wrapper {
width: 100%;
max-width: 27.625rem;
padding-right: 2.3125rem;
}
.footer-content_wrap {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
color: var(--color--fafafa);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
font-size: 2.25rem;
line-height: 1.2;
display: flex;
}
.form {
border: .09375rem solid var(--color--fafafa);
border-radius: .25rem;
font-family: Polysans, sans-serif;
font-size: 1rem;
font-weight: 500;
display: flex;
overflow: hidden;
}
.feild-input {
background-color: #0000;
border: 1px #000;
width: 100%;
height: 100%;
margin-bottom: 0;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
padding-left: 1.25rem;
font-size: 1rem;
}
.feild-input::placeholder {
color: var(--color--fafafa);
}
.submit-button {
background-color: var(--color--fafafa);
background-image: url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/6908a72bdd0d05a2ab5dfbe7_SVG.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
border-radius: .25rem;
width: 2.25rem;
height: 2.25rem;
margin-top: auto;
margin-bottom: auto;
margin-right: .625rem;
padding: 0;
}
.footer-menu_block {
grid-column-gap: 1.875rem;
grid-row-gap: 1.875rem;
flex: none;
display: flex;
}
.footer-menu_wrap {
width: 100%;
min-width: 15.625rem;
max-width: 15.625rem;
}
.footer-menu_tiitle {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
color: var(--color--a9a9a9);
text-transform: uppercase;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
font-size: .875rem;
display: flex;
}
.fotter-menu_list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
display: flex;
}
.footer-link {
color: var(--color--fafafa);
text-transform: none;
font-family: Polysans, sans-serif;
font-size: 1.25rem;
line-height: 1.2;
}
.social-wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.social-wrap {
grid-column-gap: 1.375rem;
grid-row-gap: 1.375rem;
display: flex;
}
.section_cam-hero {
color: var(--circus-white);
position: relative;
overflow: hidden;
}
.home-cam_img-overlay {
background-image: linear-gradient(25deg, black 7.5%, var(--transparent) 53%);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.home-cam_img {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
.cam-hero_video-wrap {
width: 100%;
max-width: none;
height: 100%;
min-height: 100%;
max-height: none;
position: absolute;
inset: 0%;
overflow: hidden;
}
.cam-hero_content-wrap {
z-index: 2;
width: 100%;
position: relative;
}
.cam-hero_component {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
min-height: 100svh;
display: flex;
}
@media screen and (max-width: 991px) {
.padding-xlarge {
padding: 3rem;
}
.margin-xlarge {
margin: 3rem;
}
.padding-xhuge {
padding: 6rem;
}
.padding-xxhuge {
padding: 8rem;
}
.padding-huge {
padding: 5rem;
}
.margin-large {
margin: 2.5rem;
}
.padding-xxlarge {
padding: 4rem;
}
.padding-large {
padding: 2.5rem;
}
.margin-huge {
margin: 5rem;
}
.padding-medium {
padding: 1.5rem;
}
.margin-xxlarge {
margin: 4rem;
}
.margin-xhuge {
margin: 6rem;
}
.margin-medium {
margin: 1.5rem;
}
.margin-xxhuge {
margin: 8rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.hide-tablet {
display: none;
}
.fs-styleguide_2-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.max-width-full-tablet {
width: 100%;
max-width: none;
}
.padding-global {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.fs-styleguide_1-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.fs-styleguide_heading-medium {
font-size: 3rem;
}
.fs-styleguide_4-col {
grid-template-columns: 1fr;
}
.padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem;
}
.fs-styleguide_3-col {
grid-template-columns: 1fr;
}
.fs-styleguide_section {
grid-column-gap: 2.5rem;
grid-template-columns: 1fr;
}
.padding-section-medium {
padding-top: 4rem;
padding-bottom: 4rem;
}
.spacer-huge {
padding-top: 5rem;
}
.spacer-medium {
padding-top: 1.5rem;
}
.spacer-xhuge {
padding-top: 6rem;
}
.spacer-xxhuge {
padding-top: 8rem;
}
.spacer-xlarge {
padding-top: 3rem;
}
.spacer-large {
padding-top: 2.5rem;
}
.spacer-xxlarge {
padding-top: 4rem;
}
.nav_button {
color: #fff;
}
.fs-styleguide_heading-header {
font-size: 4rem;
}
.h1-wrapper.is-top {
padding-top: 3rem;
}
.clip.size-discription {
max-width: 40rem;
}
.swiper-wrapper.is-showrooms {
display: flex;
}
.swiper-slide.operation {
max-width: 50%;
}
.swiper-slide.op, .swiper-slide.circus, .swiper-slide.c-big {
max-width: 49%;
}
.swiper-slide.slide-size {
max-width: 25%;
}
.hero-scratch-block.is-top {
justify-content: flex-start;
height: auto;
}
.full-screen-hero.is-auto {
height: auto;
}
.text-splite-lines.text-size-18 {
font-size: 10px;
}
.spacer-xshuge {
padding-top: 8rem;
}
.hero-img_wrapper {
height: 38rem;
}
.burger-1 {
box-shadow: none;
background-color: #0000;
border-radius: 0;
align-items: flex-end;
width: 3rem;
height: 3rem;
}
.b2-bar1 {
background-color: #fff;
width: 2rem;
height: 2px;
}
.b2-middle-wrap {
width: 2rem;
}
.b2-middle-bar-left, .b2-middle-bar-right {
background-color: #fff;
height: 2px;
}
.b2-bar3 {
background-color: #fff;
width: 2rem;
height: 2px;
}
.dropdown-icon {
color: #667085;
inset: auto 0% auto auto;
}
.locales-wrapper {
margin-left: auto;
margin-right: 2rem;
}
.hero-scratch-block_2.is-top {
justify-content: flex-start;
height: auto;
}
.heading-7 {
font-size: 100px;
}
.div-block-22, .partnership_header_content_container {
height: 50vh;
}
.sales_card_features_stack {
flex: 0 auto;
}
.new-hero-content-wrap {
padding: 30px;
}
.section-2 {
padding-top: 75px;
padding-bottom: 75px;
}
.tab-pane-1-tight {
flex-flow: column;
}
.tab-pane-1-tight.right {
background-position: 50%;
}
.tab-pane-1-tight.right._1 {
background-position: 50% 0;
height: auto;
}
.tab-pane-1-flex-box {
padding: 15px;
}
.text-btn {
flex-flow: wrap;
}
.crafting-card-wrapper {
margin-top: 0;
}
.hide-desktop.show-tablet {
display: block;
}
.home-msg_component {
grid-template-columns: 1fr 1fr;
}
.ca1-hero_img {
object-position: 25% 0%;
}
.ca1-highlight_card.trusted-cards {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
}
.ca1-banner_componet:where(.w-variant-97ef33a3-3d79-4152-2ab7-e470936940d4) {
min-height: 60svh;
}
.circus0s-benefits_grid {
max-width: none;
}
.about-header_img, .about-company_img, .about-partner_img {
object-position: 25% 0%;
}
.container-2 {
max-width: 728px;
}
.modal {
width: 70%;
}
.fully-header_img {
object-position: 25% 0%;
}
.about-timeline_circle, .about-timeline_content-block {
margin-top: 5svh;
}
.celestic-header_img {
object-position: 25% 0%;
}
.about-story_timeline_content-block, .about-story_timeline_circle {
margin-top: 5svh;
}
.nav2_menu-sidebar_divider {
width: 1px;
}
.nav2_container {
display: flex;
}
.nav2_hamburger-cotnain {
box-shadow: none;
background-color: #0000;
border-radius: 0;
align-items: flex-end;
width: 3rem;
height: 3rem;
}
.nav2_hamburger-topline, .nav2_hamburger-bottomline {
background-color: #fff;
width: 2rem;
height: 2px;
}
.nav2_hamburger-midline_wrap {
width: 2rem;
}
.nav2_hamburger-midline_left, .nav2_hamburger-midline_right {
background-color: #fff;
height: 2px;
}
.nav2_locales-wrap {
margin-left: auto;
margin-right: 2rem;
}
.archive-button {
padding-top: 8rem;
}
.agm-header_img {
transform: rotate(45deg)translate(0, 36%)scale(2.75);
}
.newsroom-header__grid {
grid-template-columns: 1fr;
}
.press-details {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-top: 1rem;
}
.newsroom-updates__list {
grid-template-columns: 1fr;
}
.newsroom-client__content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-top: 1rem;
}
.newsroom-updates__img-holder, .newsroom-people__img-holder, .newsroom-header_img-holder {
border-radius: 1.5rem;
}
.newsroom-header__features-content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-top: 1rem;
}
.swiper-arrow_wrapper {
justify-content: center;
align-items: center;
}
.swiper-button-prev, .swiper-button-next, .swiper-button-next.hig {
width: 4rem;
height: 4rem;
}
.col-technical {
margin-top: -5%;
}
.homev6-about_component, .home-vision_component {
min-height: 80svh;
}
.trusted-logo_wrapper {
grid-column-gap: 5rem;
grid-row-gap: 2rem;
flex-flow: wrap;
justify-content: center;
align-items: center;
}
.client-img_wrapper {
max-width: none;
min-height: auto;
}
.trusted-client_content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.client-logo {
width: 7.5rem;
}
.recent-news_block {
display: none;
}
.recent-news_block.position {
background-color: #fff3;
max-width: none;
display: block;
}
.recent-news_titile-wrap {
color: var(--color--1a1a1a);
}
.section-home_recent-news.desktio-hide {
padding: 2rem;
display: block;
}
.homev6-ca1_component, .homev6-cam_component, .homev6-aboutus_component, .homev6-infastructure_component, .homev6-cos_component {
min-height: 80svh;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 2.25rem;
}
h2 {
font-size: 1.75rem;
}
h3 {
font-size: 1.5rem;
}
h4 {
font-size: 1.25rem;
}
h5 {
font-size: 1.125rem;
}
h6 {
font-size: .875rem;
}
.margin-custom2 {
margin: 1.5rem;
}
.padding-xlarge {
padding: 2rem;
}
.margin-xlarge {
margin: 2rem;
}
.padding-xhuge {
padding: 4rem;
}
.margin-custom1 {
margin: 1rem;
}
.padding-xxhuge {
padding: 4.5rem;
}
.padding-huge {
padding: 3.5rem;
}
.margin-large {
margin: 1.5rem;
}
.padding-xxlarge {
padding: 3rem;
}
.padding-large {
padding: 1.5rem;
}
.margin-custom3 {
margin: 2.5rem;
}
.margin-huge {
margin: 3.5rem;
}
.padding-medium {
padding: 1.25rem;
}
.margin-xxlarge {
margin: 3rem;
}
.margin-xhuge {
margin: 4rem;
}
.margin-medium {
margin: 1.25rem;
}
.margin-xxhuge {
margin: 4.5rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.hide-mobile-landscape {
display: none;
}
.heading-style-h3 {
font-size: 1.5rem;
}
.heading-style-h1 {
font-size: 2.25rem;
}
.heading-style-h1.mobile-heading-h4 {
font-size: 1.75rem;
}
.padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.padding-section-small {
padding-top: 2rem;
padding-bottom: 2rem;
}
.fs-styleguide_section-header {
font-size: .875rem;
}
.fs-styleguide_heading-medium {
font-size: 2rem;
}
.max-width-full-mobile-landscape {
width: 100%;
max-width: none;
}
.heading-style-h4 {
font-size: 1.25rem;
}
.text-style-nowrap {
white-space: normal;
}
.form_input {
font-size: .875rem;
}
.padding-section-large {
padding-top: 4rem;
padding-bottom: 4rem;
}
.text-size-large {
font-size: 1.25rem;
}
.heading-style-h2 {
font-size: 1.75rem;
}
.heading-style-h2.text-weight-light:where(.w-variant-97ef33a3-3d79-4152-2ab7-e470936940d4) {
color: var(--pure-black);
}
.heading-style-h5 {
font-size: 1.125rem;
}
.icon-height-large {
width: 2rem;
height: 2rem;
}
.text-align-center.mobile-left {
text-align: left;
}
.text-size-medium {
font-size: 1.125rem;
}
.padding-section-medium {
padding-top: 3rem;
padding-bottom: 3rem;
}
.spacer-huge {
padding-top: 3.5rem;
}
.spacer-medium {
padding-top: 1.25rem;
}
.spacer-xhuge {
padding-top: 5rem;
}
.spacer-xxhuge {
padding-top: 4.5rem;
}
.spacer-xlarge {
padding-top: 2rem;
}
.spacer-large {
padding-top: 1.5rem;
}
.spacer-xxlarge {
padding-top: 3rem;
}
.nav_component {
padding-top: 1rem;
padding-bottom: 1rem;
}
.nav_menu {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
text-align: left;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
padding: 1.25rem;
}
.nav_menu_link {
background-color: var(--color--202121);
border-radius: 1.25rem;
height: auto;
padding: 1.25rem;
font-family: Polysans, sans-serif;
font-size: 1.25rem;
}
.nav_button {
flex-flow: column;
justify-content: center;
align-items: center;
padding: 0;
display: flex;
}
.nav_button.w--open {
background-color: var(--transparent);
}
.hero-spacer-top {
height: 3.25rem;
}
.h1-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.under-video-info {
flex-flow: row;
justify-content: space-between;
align-items: center;
max-width: none;
padding-right: 2.2rem;
bottom: .625rem;
left: .625rem;
right: .625rem;
}
.h1-l-style {
font-size: 2.5rem;
}
.h1-l-style:lang(de) {
font-size: 2.1rem;
}
.swiper-wrapper.circus-thumb-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.swiper-wrapper.is-diagnosing {
flex-flow: row;
display: flex;
}
.swiper-wrapper.is-result {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-auto-columns: 1fr;
display: flex;
}
.swiper-slide.is-speakers {
border-radius: 1.25rem;
}
.swiper-slide.ca-1, .swiper-slide.ca-m, .swiper-slide.is-highlight, .swiper-slide.is-office, .swiper-slide.is-production, .swiper-slide.is-features, .swiper-slide.fully-explore {
width: 100%;
}
.swiper-slide.fully-coordination {
width: 99%;
}
.swiper-slide.celestica-scalability {
width: 50%;
}
.swiper-slide.is-result {
width: 100%;
}
.swiper-slide.highlight, .swiper-slide.op, .swiper-slide.circus, .swiper-slide.c-big, .swiper-slide.slide-size {
max-width: none;
}
.full-screen-img {
max-width: 500%;
}
.home-cases_componet {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.bento-card {
border-radius: 1.25rem;
padding: 1.25rem;
}
.h5-style {
font-size: 1.25rem;
}
.bento-card-img_wrap {
border-radius: 1rem;
height: 60vw;
}
.image-full-cover-abs.is-cover-2 {
object-position: 75% 50%;
}
.bento-media {
border-radius: 1rem;
}
.card-arrow-wrapper {
width: 2rem;
height: 2rem;
bottom: 2rem;
right: 2rem;
}
.h2-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.cases-card {
border-radius: 1.25rem;
height: 90vw;
padding: 2rem;
}
.logo-emblema {
width: 3rem;
}
.one-line-scretch {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.blog-card {
border-radius: 1.25rem;
}
.blog-card-img_wrap {
border-radius: 1rem;
height: 60vw;
}
.h6-style {
font-size: 1rem;
}
.cta-component {
border-radius: 1.25rem;
padding: 2rem;
}
.cta-content_block {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
text-align: center;
flex-flow: column;
justify-content: space-between;
align-items: center;
}
.cta-content_block.is-top {
text-align: left;
justify-content: space-between;
align-items: flex-start;
}
.cta-colum_block {
justify-content: flex-start;
align-items: center;
max-width: none;
}
.cta-colum_block.is-left {
justify-content: flex-start;
align-items: flex-start;
}
.footer-copmonent {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.footer-grid {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-flow: column;
justify-content: space-between;
align-items: center;
}
.footer-logo {
width: 3rem;
}
.form-wrapper {
border-radius: 1.25rem;
max-width: 100%;
margin-bottom: 0;
}
.h3-style {
font-size: 1.75rem;
}
.footer-nuv-grid {
grid-row-gap: 1.25rem;
grid-template-columns: 1fr 1fr;
}
.nuv-links_group {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
}
.normal-link {
font-size: 1rem;
}
.privacy-line {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column-reverse;
padding-bottom: 2.5rem;
}
.hero-scratch-block {
padding-top: 2rem;
padding-bottom: 2rem;
}
.hero-scratch-block.is-top {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
padding-bottom: 0;
}
.hero-info {
align-items: stretch;
width: 100%;
}
.full-screen-hero.is-smaller {
justify-content: center;
align-items: center;
height: calc(100vh - 6.8rem);
}
.pillars-grid {
grid-template-columns: 1fr;
}
.cases-grid {
margin-left: -1.25rem;
margin-right: -1.25rem;
padding-bottom: 1rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
overflow: auto;
}
.cases-card-responsive {
border-radius: 1.25rem;
width: 29rem;
height: 90vw;
padding: 2rem;
}
.black-cards-grid {
grid-template-columns: 1fr;
}
.black-card {
border-radius: 1.25rem;
min-height: 11.25rem;
}
.mission-grid {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
}
.misson-media {
width: 100%;
}
.mission-content {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
padding-left: 0;
}
.cirsuc-os-slide {
border-radius: 1.25rem;
height: 31.25rem;
padding: 1.25rem;
}
.circus-os-slide_top {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.h2-style {
font-size: 2.125rem;
}
.h2-style._2-625 {
font-size: 1.9rem;
}
.circus-os-slide_desciption {
grid-column-gap: .875rem;
grid-row-gap: .875rem;
}
.relative-wrap {
margin-top: 2rem;
}
.hero-mission {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: center;
align-items: center;
padding-top: 15vh;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.bento-card-media_auto {
border-radius: 0;
}
.bento-card-custom {
border-radius: 1.25rem;
padding: 1.25rem;
}
.content-grid {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
}
.content-sidebar {
flex-flow: column;
display: flex;
}
.content-block {
border-left-style: none;
padding-left: 0;
}
.h3-in-content {
font-size: 1.25rem;
}
.black-grid-in-content {
grid-template-columns: 1fr;
}
.black-colum-in-grid, .black-wrapper-in-content {
border-radius: 1.25rem;
padding: 1.25rem;
}
.sidebar-sticky {
height: auto;
padding-bottom: 0;
padding-right: 0;
position: static;
}
.sidebar-sticky_top {
display: none;
}
.full_show-part {
padding-bottom: 1.25rem;
}
.spacer-in-accordion {
min-height: 1.25rem;
}
.sidebar-sticky_bottom {
flex-flow: column;
align-items: stretch;
}
.circus-swiper-thumb_wrap {
padding-top: 1.25rem;
bottom: 14rem;
left: 1.4rem;
}
.buttons.is-share {
padding: .375rem .75rem;
}
.hero-main-wrap {
height: 100svh;
}
.loader-text.new {
font-size: 2.2rem;
}
.text-splite-lines.text-size-18 {
font-size: 14px;
}
.headline-and-info {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
padding-top: 2rem;
}
.blog-menu {
grid-row-gap: .625rem;
grid-template-columns: 1fr;
width: 100%;
}
.arrow-link {
width: 100%;
padding-top: .625rem;
padding-bottom: .625rem;
font-size: .875rem;
}
.arrow-link.is-big {
padding-top: .625rem;
}
.press-realease-big {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border-radius: 1.25rem;
grid-template-columns: 1fr;
padding: 1.25rem;
}
.press-relise-gradien-card {
height: 25rem;
padding: 1.25rem;
}
.h4-style {
font-size: 1.5rem;
}
.blog-grid {
grid-template-columns: 1fr;
}
.h3-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.media-kit-big {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-columns: 1fr;
}
.media-kit-content {
padding: 2rem;
}
.media-kit-media_wrap {
height: 19rem;
}
.full-cover-corner-img {
object-position: 0% 50%;
}
.bg-blur-elementin-card {
width: 90%;
right: auto;
}
.hero-article {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
padding-top: 2rem;
}
.filter-and-grid, .filter-and-grid.is-gap-smaller {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.ms-radio-button-tab, .ms-radio-button-tab.is-links-dark {
font-size: 1rem;
}
.filter-group {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.filter_list {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row;
}
.one-filter-item {
flex: none;
}
.years-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.spacer-xshuge {
padding-top: 4.5rem;
}
.sidebar-post-block {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.article-post_wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.article-post-top {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.article-post-top_bottom {
flex-flow: wrap;
}
.icon-1x1-size-28 {
width: 1.5rem;
height: 1.5rem;
}
.article-image-wraper {
border-radius: 1.25rem;
height: 80vw;
}
.article-body blockquote {
border-radius: 1.25rem;
font-size: 1.25rem;
}
.article-body figure {
border-radius: 1.25rem;
}
.component_article-number {
flex-flow: column;
padding: 2rem;
}
.big-number {
font-size: 2.5rem;
}
.component_article-cta {
border-radius: 1.25rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.article-cta-arrow {
width: 2rem;
height: 2rem;
top: 1.25rem;
bottom: auto;
}
.icon-1x1-size-24 {
flex: none;
}
.article-audio {
flex-flow: column;
width: 100%;
}
.share-list-buttons {
flex-flow: wrap;
}
.after-sidebar-part {
width: 100%;
max-width: 100vw;
}
.swiper.is-speakers {
border-radius: 1.25rem;
max-width: calc(100vw - 2.5rem);
}
.swiper.ca-m, .swiper.is-highlight {
margin-bottom: 1.5rem;
}
.swiper.roadmap-images {
order: -1;
}
.swiper.is-features {
margin-bottom: 1.5rem;
}
.speakers_card-wrapper {
border-radius: 1.25rem;
}
.audio-img-wrapper {
width: 100%;
height: 60vw;
}
.hero-grow_wrapper {
height: 22rem;
}
.tab-pane-wrapper {
padding-top: 2rem;
}
.all-quartal-grid {
grid-template-columns: 1fr;
}
.gray-card {
border-radius: 1.25rem;
}
.financial-news-grid {
grid-template-columns: 1fr;
}
.full-line {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.calendar-item {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
grid-template-columns: 1fr;
}
.calendar-name {
padding-right: 3rem;
}
.calendar-location {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
}
.stock-tracker-grid {
grid-template-columns: 1fr;
}
.nasdaq-wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
border-radius: 1.25rem;
}
.table-from-stoke {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border-radius: 1.25rem;
grid-template-columns: 1fr;
}
.nasdaq-bootom {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.h1-style {
font-size: 2.5rem;
}
.fundamentals-block {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
}
.fundamentals-row {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
grid-template-columns: 1.25fr;
}
.last-as-wrapper {
padding-top: 2.5rem;
}
.one-cms-team {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.team-memeber_list {
grid-template-columns: 1fr;
}
.team-member_popup {
padding-left: 0;
}
.pop-up-form_here {
padding-left: 0;
padding-right: 0;
}
.cta-block-form {
padding: 2rem;
}
.team-member_modal-wrapper {
width: 100%;
}
.padding-zero {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.form_content-center {
max-width: 16rem;
padding-bottom: 1.58rem;
font-size: .75rem;
}
.team-memeber_close-btn {
margin-top: 1.25rem;
margin-right: 1.25rem;
position: absolute;
inset: 0 0 auto auto;
}
.team-member_modal {
width: 100%;
min-width: auto;
max-width: none;
padding: 5rem 1.25rem 1.25rem;
}
.team-member_content-block {
grid-template-columns: 1fr;
}
.big-photo {
display: none;
}
.full-member-content {
border-radius: 1.25rem;
}
.member-cotacts {
padding-top: 1.25rem;
}
.gray-large-wrapper {
border-radius: 1.25rem;
padding: 1.25rem;
}
.connect-contact-block {
grid-template-columns: 1fr;
}
.connect-text {
width: 100%;
}
.connect-photo {
justify-content: center;
align-items: center;
}
.connect-info {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.connect-photo-img {
width: 100%;
}
.think-new-item {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
grid-template-columns: 1fr;
}
.think-new-item.is-no-location {
grid-template-columns: 1fr;
}
.finance-icons.is-top-mob {
position: absolute;
inset: 1.25rem 1.25rem auto auto;
}
.think-line-item_wrap {
background-color: var(--color--ffffff);
}
.contact-grid {
grid-template-columns: 1fr;
}
.contact-top, .contact-middle, .contact-bottom {
border-radius: 1.25rem;
padding: 1.25rem;
}
.detal-contact-grid {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-columns: 1fr;
}
.detal-contact-colum.is-pad {
padding-top: .75rem;
}
.form-wrapper-grey {
max-width: 100%;
}
.two-inputs {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
align-items: stretch;
}
.form-colum {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.imprint_wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.info-line {
grid-row-gap: .25rem;
grid-template-columns: .75fr;
width: 100%;
}
.hero-img_wrapper {
height: 70vw;
}
.full-height-img {
border-radius: 1.25rem;
}
.values-grid {
grid-template-columns: 1fr;
}
.fixed-height.is-550 {
height: 80vw;
}
.benefits-content {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.hero-middle-block {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.burger {
justify-content: center;
align-items: center;
width: 1.75rem;
height: 1.75rem;
padding: 0;
display: flex;
}
.overflow-auto-mob {
width: 100vw;
margin-left: -1.25rem;
margin-right: -1.25rem;
padding-bottom: .75rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
overflow: auto;
}
.grid-for-adaptive {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
}
.colum-wrap.is-end {
justify-content: center;
align-items: center;
}
.is-pad-6 {
margin-bottom: .375rem;
}
.hero-cta-arrow {
width: .75rem;
height: .75rem;
position: absolute;
top: auto;
bottom: auto;
right: .625rem;
}
.circus-slider-lottie_wrap {
display: none;
}
.label-group {
grid-column-gap: .875rem;
grid-row-gap: .875rem;
}
.label-info-line {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
grid-template-columns: 1fr;
}
.text-in-link.is-small {
height: auto;
}
.dropdpwn-link {
margin-left: 0;
margin-right: 0;
position: relative;
}
.dropdawn-wrapper.w--open {
z-index: 60;
}
.drop-bg-wrap {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
border-radius: 1.25rem;
grid-template-columns: 1fr;
margin-top: .25rem;
padding: 1.25rem;
}
.nav-article {
display: none;
}
.nav-article-list {
grid-template-columns: 1fr;
}
.dropdawn_links-list {
width: 100%;
}
.burger-1 {
border-radius: 50%;
justify-content: center;
align-items: flex-end;
width: 2.5rem;
height: 2.5rem;
}
.b2-bar1 {
background-color: var(--color--fafafa);
width: 1.5rem;
height: 1.5px;
}
.b2-middle-wrap {
width: 1.5rem;
}
.b2-middle-bar-left, .b2-middle-bar-right {
background-color: var(--color--fafafa);
height: 1.5px;
}
.b2-bar3 {
background-color: var(--color--fafafa);
width: 1.5rem;
height: 1.5px;
}
.dropdown-icon {
width: 1.5rem;
height: 1.5rem;
}
.nav_menu_dropdown {
background-color: var(--color--202121);
border-radius: 1.25rem;
justify-content: space-between;
align-items: center;
height: auto;
padding: 1.25rem;
font-family: Polysans, sans-serif;
font-size: 1.25rem;
}
.nav_menu_link-toggle {
height: auto;
font-size: 1.25rem;
}
.nav_menu-wrap {
background-color: var(--color--ffffff);
border-radius: 1rem;
margin-top: .75rem;
margin-left: .75rem;
margin-right: .75rem;
}
.nav_menu-wrap:where(.w-variant-8cef694c-72c2-bcf7-2f32-c7f2685980ea) {
background-color: var(--color--1a1a1a);
}
.fixed-card {
width: 100%;
display: none;
}
.physical-feature_video {
height: 40vw;
}
.locales-dropdown-toggle {
background-color: #f7f7f7;
border-radius: 1.25rem;
padding: 1.25rem;
font-family: Polysans, sans-serif;
font-size: 1rem;
}
.think-new-item-with-image {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
grid-template-columns: 1fr;
}
.popup-sub {
padding-left: 0;
padding-right: 0;
}
.close-btn {
margin-top: 1rem;
margin-right: 1rem;
position: absolute;
inset: 0 0 auto auto;
}
.modal-pop-up {
width: 100%;
}
.buttons-2.is-small {
flex: none;
}
.hero-scratch-block_2 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.hero-scratch-block_2.is-top {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
padding-bottom: 0;
}
.think-new-item_meeting {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
grid-template-columns: 1fr;
}
.h1-xl-style-animated {
font-size: 2.5rem;
}
.hero-video_abs-wrapper_2 {
flex-flow: column;
justify-content: flex-end;
display: flex;
}
.form-wrapper-sales {
max-width: 100%;
}
.block-wrapper_2 {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.form-colum_sales {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.two-inputs_sales {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
align-items: stretch;
}
.block-wrapper_sales {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.hero-scratch-block_10 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.analytics-row {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
grid-template-columns: 1.25fr;
}
.h1-xl-style-animated-partnership {
font-size: 2.5rem;
}
.hero-main-wrap-partner {
height: 100svh;
}
.bento-card_2_thanks {
border-radius: 1.25rem;
padding: 1.25rem;
}
.section_partnership_cards.section_partnership_form.preform_wrap.thanks-wrap-box {
height: 50vh;
}
.nav_menu_dropdown-2 {
background-color: #202121;
border-radius: 1.25rem;
justify-content: space-between;
align-items: center;
height: auto;
padding: 1.25rem;
font-family: Polysans, sans-serif;
font-size: 1.25rem;
}
.nav_menu_link-2 {
background-color: #202121;
border-radius: 1.25rem;
height: auto;
padding: 1.25rem;
font-family: Polysans, sans-serif;
font-size: 1.25rem;
}
.black-card-2 {
border-radius: 1.25rem;
min-height: 11.25rem;
}
.heading-7 {
font-size: 50px;
}
.bento-card_no_interaction {
border-radius: 1.25rem;
padding: 1.25rem;
}
.h1_wrapper_2 {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.pillars-grid_2 {
grid-template-columns: 1fr;
}
.bento-card_2_thanks_2 {
border-radius: 1.25rem;
padding: 1.25rem;
}
.bento-card-img_wrap_fullscreen {
border-radius: 1rem;
height: 60vw;
}
.relative-wrap_preorder {
margin-top: 2rem;
}
.fs-consent_banner.mobile_consent_bar {
max-height: 100%;
}
.swiper-button-group.ca-1 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: center;
align-items: center;
margin-top: 1rem;
}
.swiper-button-group.ca-m {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.swiper-button-group.is-highlight {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.image-wrapper {
border-radius: 16px;
}
.new-hero-image {
border-radius: 0;
}
.new-home-content {
padding-bottom: 1.75rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.heading-9.ca1 {
font-size: 1.8rem;
}
.new-hero-content-wrap {
padding: 1.25rem;
}
.section-2 {
padding-top: 40px;
padding-bottom: 40px;
}
.tab-pane-1-flex {
flex-flow: column;
grid-template-columns: 1fr;
}
.tab-pane-1-tight {
width: 100%;
}
.tab-pane-1-tight.right {
padding: 1.5rem;
}
.tab-pane-1-tight.right._1 {
max-width: 55rem;
min-height: 30rem;
}
.tab-pane-1-box {
padding-left: 12px;
padding-right: 12px;
}
.get-food-text-data {
font-size: .9rem;
}
.tab-pane-1-tittle-2._1 {
font-size: 1.2rem;
}
.tab-pane-1-flex-box {
flex: 1;
max-width: 25rem;
padding: 1.5rem;
}
.fully-diagnosing_data-wrapper {
min-height: 12rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.fully-diagnosing_data-wrapper._2 {
transform: translate(0, 3rem);
}
.fully-diagnosing_data-wrapper._3 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
transform: translate(0, 6rem);
}
.tab-pane-1-top-box {
padding: 1.5rem;
}
.text-btn {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-flow: wrap;
}
.tab-image {
max-width: 13.5rem;
}
.tab-image-2 {
max-width: 13rem;
}
.crafting-card-wrapper {
grid-template-columns: 1fr 1fr;
}
.right-bottom-img {
min-height: 10rem;
}
.physical-impact_grid {
grid-template-columns: 1fr;
}
.physical-impact_card {
border-radius: 1.25rem;
padding: 1.25rem;
}
.physical-impact_block-img {
border-radius: 1rem;
}
.header-glossary_component {
display: block;
}
.collection-list.is-other {
grid-template-columns: 1fr;
}
.right-bottom-img2 {
min-height: 10rem;
}
.tab-pane-1-box-img01 {
min-height: 9rem;
}
.tab-pane-1-box-img02 {
min-height: 10rem;
}
.header-glossary_block-img {
margin-bottom: 1.5rem;
font-size: 1.25rem;
}
.product-header_bg-wrapper {
border-radius: 0;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: visible;
transform: translate(0, 3.5rem)scale(1.5);
}
.product-header_component {
padding-top: 4rem;
}
.product-header_content-block {
width: 60%;
max-width: none;
margin-left: auto;
margin-right: auto;
position: relative;
bottom: 0;
}
.product-features_slider {
padding-bottom: 2.5rem;
}
.product-features_slide {
width: 50%;
}
.product-features_arrow {
margin-top: 0;
margin-bottom: 0;
display: flex;
inset: auto 50.5% 0% auto;
}
.product-features_arrow.is-right {
left: 50.5%;
}
.product-features_divider {
display: none;
}
.product-demo_header-block {
flex-flow: column;
align-items: flex-start;
}
.product-demo_grid {
grid-template-columns: 1fr 1fr;
}
.product-stats_component {
flex-flow: column;
grid-template-columns: 1fr 1fr;
display: flex;
}
.product-stats_list-wrap {
padding: 1.125rem;
}
.product-stats_list-block {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding: 1.125rem .5rem;
}
.hide-desktop.show-mobile-l {
display: block;
}
.home-msg_component {
grid-template-columns: 1fr;
}
.home-msg_card01-img {
padding-bottom: 1.5rem;
padding-right: 1.25rem;
}
.home-msg_card02-chatblock {
padding: 1.25rem;
}
.home-msg_card04 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.home-msg_card03 {
padding: 1.25rem;
}
.home-solution_content-block {
opacity: 0;
padding: 1.25rem;
}
.home-solution_content-bottom {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
align-items: flex-start;
padding: 1.25rem;
}
.home-solutions_slider {
width: 100%;
padding-bottom: 3.5rem;
}
.home-solutions_mask, .home-solutions_slide {
width: 100%;
}
.home-solutions_header {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.home-solutions_arrow {
width: 2.5rem;
height: 2.5rem;
position: absolute;
inset: auto auto 0 50.5%;
transform: none;
}
.home-solutions_arrow.is-left {
position: absolute;
left: auto;
right: 50.5%;
}
.home-product_mockup {
background-size: auto 100%;
display: none;
}
.home-product_stats {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
text-align: left;
grid-template-columns: 1fr;
justify-items: start;
margin-top: 0;
}
.home-product_stats.ca-m {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-top: 0;
padding-left: 2rem;
padding-right: 2rem;
}
.home-product_slider {
background-color: #ddd0;
height: auto;
padding-bottom: 3rem;
}
.home-product_mask {
height: auto;
overflow: visible;
}
.home-product_arrow {
background-color: var(--light-white);
color: var(--color--1a1a1a);
border-radius: 5rem;
justify-content: center;
align-items: center;
width: 2.25rem;
height: 2.25rem;
display: flex;
inset: auto 0% 0% auto;
}
.home-product_arrow.is-left {
right: 3rem;
}
.home-product_slide-content {
background-color: var(--color--ffffff);
border-radius: 1.25rem;
padding: 1.25rem;
}
.home-product_slider-wrap {
padding-top: 2rem;
padding-bottom: 2rem;
display: block;
position: relative;
}
.home-product_slider-img {
z-index: 0;
background-image: linear-gradient(180deg, var(--color--ffffff), var(--transparent) 10%), linear-gradient(145deg, var(--color--ffffff), var(--transparent) 20%), linear-gradient(245deg, var(--color--ffffff), var(--transparent) 16%), url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a9208d_01%20copy%201.webp"), url("https://cdn.prod.website-files.com/690011e9d1e79d9ca1a91ac6/690011e9d1e79d9ca1a9208d_01%20copy%201.webp");
pointer-events: none;
object-fit: cover;
background-position: 0 0, 0 0, 0 0, 50% 0, 50%;
background-repeat: repeat, repeat, repeat, no-repeat, no-repeat;
background-size: auto, auto, auto, auto 110%, 100%;
padding: 55% 0 0;
position: relative;
transform: scale(1.1);
}
.home-product_slide-tooltip {
z-index: 4;
width: 5%;
}
.home-product_slide-nav {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-left: 1rem;
display: flex;
position: static;
}
.product-header_img-overlay {
background-image: linear-gradient(359deg, #0000, #fff);
padding: 7.5% 0 0;
display: block;
position: absolute;
inset: 0% 0% auto;
}
.home-product_stats-flex {
justify-content: flex-start;
align-items: center;
}
.home-header_wrapper {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
overflow: hidden;
}
.home-header_image {
object-position: 50% 50%;
transform: rotate(45deg)translate(0, 5%)scale(6);
}
.text-size-22px {
font-size: 1.25rem;
}
.ca1-stats_componet {
flex-flow: column;
grid-template-columns: 1fr 1fr;
display: flex;
}
.ca1-stats_header-block {
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
.ca1-stats_list-wrap {
padding: 1.125rem;
}
.ca1-stats_list-block {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding: .8rem .5rem;
}
.section_ca1-hero {
padding-top: 0;
}
.ca-hero_image-wrapper {
transform-origin: 50% 25%;
border-radius: 16px;
display: flex;
transform: scale(1);
}
.ca1-hero_img {
object-position: 25% 0%;
transform: translate(0, 5rem);
}
.ca1-hero_image-overlay {
background-image: linear-gradient(#000 10%, #fff0 40%);
}
.ca1-hero_content-block {
justify-content: space-between;
padding: 25% 10%;
inset: 0%;
}
.ca1-highlight_header {
min-height: 50svh;
}
.ca1-highlight_img-wrap {
top: 0%;
transform: scale(1.25);
}
.ca1-highlight_img-wrap.ca1 {
right: -35%;
transform: scale(1.25);
}
.ca1-highlight_card:where(.w-variant-49cde40f-01d9-53b3-df23-e937c093f525) {
min-height: 90svh;
}
.ca1-highlight_card.trusted-cards {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.ca1-highlight_content-block {
min-height: 18rem;
padding: 2rem 2rem 0;
}
.ca1-highlight_img.is-desktop {
display: none;
}
.ca1-highlight_img.is-mobile {
display: block;
position: static;
}
.ca1-highlight_img.is-mobile:where(.w-variant-49cde40f-01d9-53b3-df23-e937c093f525) {
object-fit: cover;
object-position: 50% 0%;
position: absolute;
}
.ca1-highlight_slider {
grid-template-columns: 1fr;
width: 100%;
padding-bottom: 4rem;
}
.ca1-meal_img {
border-radius: .75rem;
max-width: 12.5rem;
}
.ca1-swiper_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
}
.ca1-swiper_img {
min-height: 30rem;
}
.ca1-swiper_navigation {
position: static;
}
.ca1-swiper_content-wrap {
flex-flow: column;
order: 1;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.ca1-banner_componet:where(.w-variant-97ef33a3-3d79-4152-2ab7-e470936940d4) {
min-height: 100svh;
}
.ca1-banner_image-wrapper {
transform-origin: 50% 25%;
border-radius: 16px;
transform: scale(1);
}
.ca1-banner_image-wrapper:where(.w-variant-97ef33a3-3d79-4152-2ab7-e470936940d4) {
border-radius: 0;
}
.ca1-banner_image {
object-fit: cover;
object-position: 0% 100%;
min-height: 75svh;
max-height: none;
}
.ca1-banner_image:where(.w-variant-97ef33a3-3d79-4152-2ab7-e470936940d4) {
object-position: 50% 50%;
}
.ca1-banner_grid {
grid-template-columns: 1fr;
justify-content: space-between;
align-items: end;
padding: 1.25rem;
inset: 0%;
}
.ca1-banner_content-block {
display: none;
}
.ca1-banner_content-block:where(.w-variant-97ef33a3-3d79-4152-2ab7-e470936940d4) {
padding-top: 2rem;
display: flex;
}
.ca1-banner_list-block {
flex-flow: row;
max-width: none;
}
.ca1-banner_list-block:where(.w-variant-97ef33a3-3d79-4152-2ab7-e470936940d4), .ca1-banner_list-wrap:where(.w-variant-97ef33a3-3d79-4152-2ab7-e470936940d4) {
flex-flow: column;
}
.cam-benefits_component {
grid-column-gap: 0rem;
grid-template-columns: 1fr 1fr;
}
.section_cam-exlpore {
background-color: #000;
}
.home-circus0s_grid {
grid-template-columns: 1fr;
}
.home-circus0s_img {
margin-top: -2.5em;
}
.home-solutions_tabcontent {
margin-top: 2rem;
}
.home-banner_img {
object-fit: cover;
min-height: 80svh;
}
.circus0s-header_img {
object-position: 32% 50%;
border-radius: 1rem;
transform: translate(4rem, -4rem)scale(1.75);
}
.circus0s-header_content {
justify-content: space-between;
padding: 2rem 1.25rem;
}
.circus0s-header_img-wrap {
transform-origin: 50% 25%;
border-radius: 16px;
transform: scale(1);
}
.ca1-popup_wrapper {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.ca1-popup {
padding: 2.5rem 2rem;
}
.ca1-popup_grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.icon-1x1-size-40, .ca1-popup_close {
flex: none;
}
.ca1-popup__close {
top: 2rem;
right: 2rem;
}
.ca1-highlight_nextbtn {
width: 2.5rem;
height: 2.5rem;
position: static;
inset: auto auto 0 51%;
transform: none;
}
.ca1-highlight_nextbtn.is-left {
position: absolute;
left: auto;
right: 51%;
}
.ca1-highlight_heading {
width: 80%;
}
.circus0s-benefits_component {
position: static;
}
.circus0s-content_component {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
}
.circus0s-content_block {
padding-left: 0;
}
.circus0s-content_block:where(.w-variant-ac57586d-ea88-31ac-988f-b6287a4c5bf5) {
padding-right: 0;
}
.div-block-37 {
bottom: 1.25rem;
left: 1.25rem;
right: 1.25rem;
}
.cam-header_content {
border-bottom-right-radius: .75rem;
border-bottom-left-radius: .75rem;
padding: 30% 1.25rem 20%;
inset: 0%;
}
.home-solutions_prevbtn, .home-solutions_nextbtn {
width: 2.5rem;
height: 2.5rem;
position: absolute;
inset: auto auto 0 50.5%;
transform: none;
}
.swiper-button-prevbtn.ca-1 {
width: 2.5rem;
height: 2.5rem;
position: static;
transform: none;
}
.swiper-button-prevbtn.ca-m {
background-color: #0003;
width: 2.5rem;
height: 2.5rem;
position: static;
transform: none;
}
.swiper-button-nextbtn.ca-1 {
width: 2.5rem;
height: 2.5rem;
position: static;
transform: none;
}
.swiper-button-nextbtn.ca-m {
background-color: #0003;
width: 2.5rem;
height: 2.5rem;
position: static;
transform: none;
}
.ca1-highlight_prevbtn {
width: 2.5rem;
height: 2.5rem;
position: static;
inset: auto auto 0 51%;
transform: none;
}
.home-header_image-wrapper-copy {
transform-origin: 50% 25%;
border-radius: 16px;
min-height: 100svh;
transform: scale(1);
}
.section_allpage-header {
min-height: 100svh;
padding-top: 3.75rem;
}
.about-header_image-wrapper {
border-radius: 1rem;
}
.about-header_img {
object-position: 75% 50%;
}
.about-us_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
grid-template-columns: 1fr min-content 1fr;
display: flex;
}
.about-us_divider {
width: 100%;
height: .125rem;
min-height: auto;
max-height: none;
}
.section_about-company {
height: 75svh;
}
.ablout-company_content-block {
border-radius: 1rem;
padding: 1.25rem;
display: flex;
}
.about-company_image-wrapper {
border-radius: 1rem;
}
.about-company_img {
object-position: 50% 50%;
}
.about-company_stats-wrapper {
display: none;
}
.about-partner_image-wrapper {
border-radius: 1rem;
min-height: 75svh;
}
.about-partner_img {
object-position: 50% 50%;
}
.about-partner_stats-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
max-width: none;
margin-left: 0;
display: none;
}
.about-partner_stats-block {
text-align: left;
justify-content: space-between;
align-items: flex-start;
padding: 1rem 0 0;
}
.ablout-partner_content-block {
background-image: linear-gradient(345deg, #000c, var(--transparent) 42%), linear-gradient(20deg, #00000080 11%, var(--transparent) 59%), linear-gradient(to bottom, #0003, #0003);
border-radius: 1rem;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
padding: 1.25rem;
display: flex;
}
.about-values_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
display: flex;
}
.about-values_divider {
width: 100%;
height: .125rem;
min-height: auto;
max-height: none;
}
.about-location_tabscontent {
margin-top: 2rem;
}
.about-roadmap_grid {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
display: flex;
}
.swiper-roadmap-button-group {
justify-content: center;
align-items: center;
}
.swiper-roadmap-scrollbar {
margin-top: 5.5rem;
}
.modal {
width: 90%;
}
.container {
padding: 25px 15px;
}
.icon-height-xlarge {
width: 2rem;
height: 2rem;
}
.celestic-header_image-wrapper {
border-radius: 1rem;
}
.celestica-expertise_component, .celestica-excellence_component {
grid-template-columns: 1fr;
}
.celestica-production_card {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.fully-header_image-wrapper {
border-radius: 1rem;
}
.fully-header_content-block {
justify-content: space-between;
padding-top: 40%;
}
.fully-header_img {
object-position: 50% 50%;
}
.fully-intelligence_tabs {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
}
.fully-intelligence_tabcontent {
width: 100%;
}
.fully-intelligence_tablink.w--current {
display: block;
}
.section_fully-skillset {
display: none;
}
.fully-skillset_tabs {
max-width: none;
}
.fully-skillset_tabsmenu {
border-radius: 1.75rem;
flex-flow: column;
justify-content: flex-start;
}
.fully-skillset_tablink {
width: 100%;
}
.fully-skillset_tablink.w--current {
background-color: var(--color--1a1a1a);
border-radius: 5rem;
}
.fully-skillset_tablink-active {
display: none;
}
.fully-conversational_image-wrapper {
border-radius: 1.25rem;
min-height: auto;
padding-top: 100svh;
}
.fully-conversational_content-block {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.fully-conversational_asset-block {
width: 100%;
padding: .75rem;
}
.fully-features_card {
padding: 1.25rem;
}
.section_fully-data {
padding-top: 3.75rem;
}
.fully-data_image-wrapper {
border-radius: 1.25rem;
padding-top: 100%;
}
.fully-data_content-block {
padding: 1.25rem;
}
.fully-benefits_grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
grid-template-columns: 1fr;
display: flex;
}
.fully-explore_component {
flex-flow: column;
display: flex;
}
.fully-explore_content-block, .fully-explore_guest-assets {
border-radius: 1.25rem;
padding: 1.25rem;
}
.fully-diagnosing_component {
flex-flow: column;
display: flex;
}
.fully-diagnosing_content-block {
border-radius: 1.25rem;
padding: 1.25rem 1.25rem 2.25rem;
}
.fully-features_chatblock {
padding: .75rem 1rem;
}
.fully-features_chatblock.is-85percentage.mobile-full {
width: 100%;
}
.fully-features_dishgrid {
grid-template-columns: 1fr 1fr;
}
.fully-features_voicegrid {
flex-flow: row;
grid-template-columns: 1fr 1fr;
}
.fully-features_prevbtn, .fully-features_nextbtn {
width: 2.5rem;
height: 2.5rem;
position: static;
inset: auto auto 0 51%;
transform: none;
}
.fully-diagnosing_asset-block.is-behavioral {
padding-bottom: 4.5rem;
}
.fully-diagnosing_chat-block {
border-radius: 1rem;
padding: .75rem 1rem;
}
.fully-diagnosing_chat-block.is-60percentage.mobile-100pecenta {
width: 100%;
}
.div-block-54 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.fully-comp_component {
max-width: 95%;
}
.fully-comp_bullet-point {
width: 50%;
left: 80%;
}
.fully-comp_bullet-point.is-02 {
width: 25%;
}
.fully-comp_bullet-point.is-03 {
width: 35%;
top: -16%;
right: 75%;
}
.fully-cordination_tabs {
max-width: 100%;
}
.fully-cordination_tabsmenu {
border-radius: 1.6rem;
flex-flow: column;
}
.fully-cordination_tablink-active {
display: none;
}
.fully-cordination_tablink {
width: 100%;
}
.fully-cordination_tablink.w--current {
background-color: var(--circus-white);
}
.fully-cordination_content-wrapper {
min-height: 50vh;
padding: 1.25rem;
}
.fully-cordination_chat-block {
padding: .75rem 1rem;
}
.fully-cordination_step-block {
padding: 1rem;
}
.fully-cordination_profile-img {
width: 2rem;
height: 2rem;
}
.fully-header_heading-wrap {
width: 75%;
margin-left: auto;
margin-right: auto;
}
.fully-intelligence_layer01, .fully-intelligence_layer02, .fully-intelligence_layer03 {
min-height: auto;
}
.about-timeline_progress {
width: 2rem;
padding-left: 0;
left: 0;
}
.about-timeline_content-right {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.about-timeline_circle {
margin-top: .75rem;
}
.about-timeline_item {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 4rem 1fr;
margin-left: 1rem;
display: flex;
}
.about-timeline_image-wrapper {
border-radius: 1.25rem;
}
.about-timeline_content-block {
margin-top: 2.75rem;
}
.about-timeline_date {
padding-left: 2.5rem;
padding-right: 0;
left: 0;
right: -7rem;
}
.section_fully-header {
height: auto;
padding-top: 3.75rem;
}
.fully-header_container {
height: 93.5svh;
}
.about-us_card {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
min-height: auto;
position: static;
}
.about-us_card.is-02, .about-us_card.is-03 {
margin-top: 0;
}
.about-us_block {
height: auto;
}
.fully-nutrition_image-wrapper {
border-radius: 1.25rem;
padding-top: 100svh;
}
.fully-nutrition_content-block {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.fully-explore_lottie-wrapper {
padding-top: 135%;
}
.fully-diagnosing_lottie-wrapper {
height: 100%;
}
.celestica-production_dropdown-toggle {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1rem;
grid-auto-columns: 1fr;
display: grid;
}
.about-career_component {
grid-template-columns: 1fr;
}
.about-career_content-block {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.celestica-solution_header {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.celestica-solution_component {
padding-top: 150%;
}
.celestica-solution_img {
object-position: 100% 50%;
}
.text-size-32px {
font-size: 1.5rem;
}
.celestica-solution_grid {
grid-template-columns: 1fr 1fr;
}
.celestic-header_img {
object-position: 40% 0%;
}
.celestica-eco_image-wrapper {
padding-top: 100%;
}
.celestica-eco_content-block {
opacity: 0;
padding: 1.25rem;
}
.celestica-eco_icon-wrap {
bottom: 1.25rem;
right: 1.25rem;
}
.about-story_img-wrapper {
border-radius: 1.25rem;
}
.about-story_timeline-progress {
width: 2rem;
padding-left: 0;
left: 0;
}
.about-story_timeline_content-block {
margin-top: 2.75rem;
}
.about-story_timeline_circle {
margin-top: .75rem;
}
.celestica-scalability_tabs {
display: none;
}
.celestica-scalability_content {
padding-left: 2rem;
padding-right: 2rem;
}
.celestica-production_link {
grid-template: "Date Arrow"
"Content Content"
/ 1fr 1fr;
}
.production-template_component {
grid-template-columns: 1fr;
}
.celestica-eco_badge {
bottom: 1.25rem;
left: 1.25rem;
}
.investors-header_img-wrap {
border-radius: 1.5rem;
padding-top: 50%;
}
.thankyou-header_wrapper {
border-bottom-right-radius: .75rem;
border-bottom-left-radius: .75rem;
overflow: hidden;
}
.thankyou-header_img-wrapper {
border-radius: 16px;
}
.thankyou-header_img {
border-radius: 0;
}
.thankyou-header_content-wrapper {
padding-bottom: 1.75rem;
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.thankyou-popup_content {
min-width: 93.5svw;
}
.home-robots_img {
transform: scale(1.25);
}
.home-production_component {
grid-template-columns: 1fr;
}
.home-production_block-content {
padding: 0;
}
.home-rollout_component {
grid-template-columns: 1fr;
}
.home-rollout_img-wrap {
padding-top: 50svh;
}
.home-rollout_content {
flex-flow: column;
}
.home-fullyai_component {
grid-column-gap: 7.5%;
grid-row-gap: 7.5%;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.nav2_grid-2col {
grid-template-columns: 1fr;
}
.nav-article_blog {
border-radius: 1.25rem;
flex-flow: column;
}
.nav-article_img-wrap {
border-radius: 1rem;
width: 100%;
height: 60vw;
}
.nav2_commercial_block {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
text-align: left;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.nav2_menu_links {
flex-flow: column;
}
.nav2_menu-sidebar_divider {
display: none;
}
.nav2_component:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
background-color: var(--transparent);
background-image: linear-gradient(180deg, #000000bf, var(--transparent));
}
.nav2_menu {
background-color: var(--color--ffffff);
height: 100svh;
padding: .75rem;
position: absolute;
overflow: auto;
}
.nav2_menu:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831) {
background-color: var(--color--1a1a1a);
}
.nav2_menu-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.nav2_menu-links {
flex-flow: column;
width: 100%;
}
.nav2_dropdown {
width: 100%;
}
.nav2_dropdown-nav.w--open {
border-top-style: none;
width: auto;
position: relative;
top: 4.65%;
}
.nav2_dropdown-toggle {
color: var(--color--1a1a1a);
background-color: #f7f7f7;
border-radius: 1.25rem;
justify-content: space-between;
align-items: center;
height: auto;
padding: 1.25rem;
font-family: Polysans, sans-serif;
font-size: 1.25rem;
}
.nav2_dropdown-toggle:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831) {
background-color: var(--color--202121);
}
.nav2_dropdown-toggle_link {
height: auto;
font-size: 1.25rem;
}
.nav2_dropdown-toggle_link:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
color: var(--color--1a1a1a);
}
.nav2_dropdown-links {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
}
.nav2_newsletter-wrap {
order: 1;
}
.text-size-28px {
font-size: 1.5rem;
}
.nav2_ir-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
display: flex;
}
.nav2_commercial_wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
align-items: flex-start;
width: 100%;
}
.nav2_link {
background-color: #f7f7f7;
border-radius: 1.25rem;
width: 100%;
padding: 1.25rem;
font-family: Polysans, sans-serif;
font-size: 1.25rem;
}
.nav2_link.w--current:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831) {
background-color: var(--color--202121);
}
.nav2_link.w--current:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
color: var(--color--1a1a1a);
}
.nav2_link-text_wrap {
justify-content: flex-start;
align-items: flex-start;
}
.nav2-fixed {
position: fixed;
inset: 0% 0% auto;
}
.nav2_hamburger {
padding: 1rem;
}
.nav2_hamburger.w--open {
background-color: var(--transparent);
}
.nav2_hamburger-wrap {
justify-content: center;
align-items: center;
width: 1.75rem;
height: 1.75rem;
padding: 0;
display: flex;
}
.nav2_hamburger-cotnain {
justify-content: center;
align-items: flex-end;
width: 2.5rem;
height: 2.5rem;
}
.nav2_hamburger-topline {
background-color: var(--color--1a1a1a);
width: 1.5rem;
height: 1.5px;
}
.nav2_hamburger-topline:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831), .nav2_hamburger-topline:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
background-color: var(--color--ffffff);
}
.nav2_hamburger-bottomline {
background-color: var(--color--1a1a1a);
width: 1.5rem;
height: 1.5px;
}
.nav2_hamburger-bottomline:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831), .nav2_hamburger-bottomline:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
background-color: var(--color--ffffff);
}
.nav2_hamburger-midline_wrap {
width: 1.5rem;
}
.nav2_hamburger-midline_left {
background-color: var(--color--1a1a1a);
height: 1.5px;
}
.nav2_hamburger-midline_left:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831), .nav2_hamburger-midline_left:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
background-color: var(--color--ffffff);
}
.nav2_hamburger-midline_right {
background-color: var(--color--1a1a1a);
height: 1.5px;
}
.nav2_hamburger-midline_right:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831), .nav2_hamburger-midline_right:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
background-color: var(--color--ffffff);
}
.nav2_locales-dropdown_toggle {
background-color: #f7f7f7;
border-radius: 1.25rem;
padding: 1.25rem;
font-family: Polysans, sans-serif;
font-size: 1.5rem;
}
.nav2_locales-dropdown_toggle:where(.w-variant-8c8dea8e-2086-2e98-db7a-a221c4053831) {
background-color: var(--color--202121);
}
.nav2_locales-dropdown_toggle:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
color: var(--color--1a1a1a);
}
.nav2_locales-dropdown_list.w--open {
z-index: 60;
position: static;
}
.nav2_locales-drop-bg {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
border-radius: 1.25rem;
grid-template-columns: 1fr;
margin-top: .25rem;
padding: 1.25rem;
}
.nav2_locales-text {
font-size: 1.25rem;
}
.nav2_locales-text:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
color: var(--color--1a1a1a);
}
.home-rollout_header {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.icon-1x1-size-64 {
flex: none;
}
.cam-designed_img-wrap {
padding-top: 120%;
}
.cam-designed_img {
transform: translate(0, 10%)scale(1.25);
}
.cam-designed_content-block {
padding: 2rem;
}
.manager-transaction_tab {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
grid-template-columns: 1fr;
}
.manager-transaction_tab.tab-content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.manager-transcation_block {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
padding-right: 3rem;
display: flex;
}
.archive-button {
padding-top: 4.5rem;
}
.blog-grid-2 {
grid-template-columns: 1fr;
}
.agm-header_img {
object-position: 50% 50%;
transform: rotate(45deg)translate(0)scale(3.5);
}
.agm-header_img-wrapper {
transform-origin: 50% 25%;
border-radius: 16px;
min-height: 100svh;
transform: scale(1);
}
.agm-header_content {
border-bottom-right-radius: .75rem;
border-bottom-left-radius: .75rem;
padding: 30% 1.25rem 20%;
inset: 0%;
}
.agm-collection_wrapper {
flex-flow: column;
grid-template-columns: .25fr;
display: flex;
}
.agm-collection_grid {
grid-template-columns: 1fr;
}
.newsroom-header__component {
padding-top: 4.25rem;
}
.newsroom-header__content {
padding-bottom: 2rem;
}
.text-h1 {
font-size: 3rem;
}
.newsroom-header__grid {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.newsroom-client__img-holder.radius {
height: 20rem;
}
.newsroom-client__img-holder.img-size {
height: 25rem;
}
.newsroom-updates__card {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr;
}
.press-details_block {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.newsroom-collection__list {
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.newsroom-people__list {
grid-template-columns: 1fr 1fr;
}
.newsroom-filter_grouo {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.newsroom-filter__list {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: row;
}
.collection-article__list {
grid-template-columns: 1fr;
}
.collection-article__card {
border-radius: 1.25rem;
}
.collection-article__img-wrap {
border-radius: 1rem;
height: 60vw;
}
.newsroom-updates__content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.newsroom-header_grid {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-columns: 1.25fr;
}
.newsroom-header__features-img__holder {
aspect-ratio: auto;
padding-top: 125%;
}
.newsroom-header__features-content {
flex-flow: wrap;
display: flex;
}
.rewe-header_content {
padding: 2rem 1.25rem;
}
.press-mentions_card {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.press-mentions_img-wrapper {
width: 100%;
height: 100%;
}
.press-mentions_img {
width: 50vw;
height: 15vw;
}
.newsroom-links_wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.media-kit_wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-columns: 1fr;
}
.media-kit_block-content {
padding: 2.5rem;
}
.image-15 {
object-position: 50% 100%;
width: 100%;
margin-left: 0;
}
.newsroom-template_breadcrum {
grid-row-gap: .25rem;
}
.newsroom-template_img-wrap {
aspect-ratio: auto;
min-height: 24rem;
}
.ca-product_mokup {
background-size: auto 100%;
display: none;
}
.swiper-button-prev, .swiper-button-prev.hig, .swiper-button-next, .swiper-button-next.hig {
width: 3rem;
height: 3rem;
}
.section_ca-possibilities {
min-height: 60rem;
}
.ca-possibilities_description-wrapper {
padding-top: 2rem;
}
.operation-content_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.ca-circus_title-grid {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
align-items: flex-start;
}
.ca-technical_grid {
grid-template-columns: 1fr;
}
.ca-technical_content {
padding-top: 2rem;
}
.col-technical {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-columns: 1fr;
margin-top: 0%;
}
.home-vision_qoute-wrap {
max-width: none;
min-height: auto;
}
.text-size-30px {
font-size: 1.5rem;
}
.home-product_stat {
justify-content: flex-start;
align-items: center;
padding-bottom: .5rem;
}
.text-block-10 {
font-size: 1.5rem;
}
.homev6-robotics_heading {
max-width: 25rem;
}
.homev6-robotics_heading-wrap {
font-size: 4rem;
}
.circus-os_discription {
padding-top: 3rem;
}
.image-wrapper-2 {
border-radius: 0;
}
.section_allpage-header-2 {
min-height: 100svh;
padding-top: 3.75rem;
}
.text-size-medium-2 {
font-size: 1.125rem;
}
.display-content_wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
align-items: flex-start;
}
.stack-holder_img-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.desktop-image {
display: none;
}
.mobile-image {
display: block;
}
.homev6-robotics-wrap {
padding-top: 3.75rem;
}
.homev6-robotics_paragraph {
padding-top: 3rem;
}
.home-robotics_overlay {
pointer-events: none;
}
.homev6-robotics_img-desktop {
transform-origin: 50% -12%;
display: none;
transform: scale(1.25);
}
.homev6-robotics_img-desktop.hide-desktop {
transform-origin: 50% 100%;
display: block;
transform: none;
}
.homev6-robotics_img-desktop.hide-landscpaemobile, .homev6-robotics_img-desktop.hide-mob {
display: none;
}
.homev6-ca1_logo {
max-width: 10rem;
}
.homev6-ca1_content-wrap {
padding: 2.5rem 1.25rem;
}
.homev6-ca1_img {
display: block;
}
.homev6-cam_content-wrap {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
padding: 2.5rem 1.25rem;
}
.homev6-vision_img {
transform: none;
}
.homev6-vision_img-overlay {
background-image: linear-gradient(350.69deg, #1a1a1a00 65.19%, #1a1a1a 91.68%), linear-gradient(187.83deg, #0000 58.05%, #0006 97.63%);
}
.homev6-cam_content-wrap-copy {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding: 2.5rem 1.25rem;
}
.nav2_bg:where(.w-variant-c44c472b-f507-ead9-425a-620e40002cc9) {
display: none;
}
.c-button.is-share {
padding: .375rem .75rem;
}
.section_homev6-header {
height: 100svh;
min-height: 100svh;
padding-top: 0;
}
.homev6-aboutus_content-wrap {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
padding: 2.5rem 1.25rem;
}
.homev6-aboutus_img-overlay {
background-image: linear-gradient(350.69deg, #1a1a1a00 65.19%, #1a1a1a 91.68%), linear-gradient(187.83deg, #0000 58.05%, #0006 97.63%);
}
.homev6-aboutus_img-overlay-copy {
background-image: linear-gradient(187.83deg, #0000 58.05%, #0006 97.63%);
}
.homev6-robotics_img-lmobile {
display: block;
}
.homev6-robotics_img-lmobile.hide-desktop {
transform-origin: 50% 100%;
display: block;
transform: none;
}
.homev6-robotics_img-lmobile.hide-landscpaemobile, .homev6-robotics_img-lmobile.hide-mob {
display: none;
}
.homev6-infastructure_content-wrap, .homev6-cos_content-wrap {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
padding: 2.5rem 1.25rem;
}
}
@media screen and (max-width: 479px) {
body {
font-size: .875rem;
}
h1 {
font-size: 2.25rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.fs-styleguide_row {
flex-wrap: wrap;
}
.max-width-full-mobile-portrait {
width: 100%;
max-width: none;
}
.heading-style-h1.text-weight-light.mobile-1-75rem {
font-size: 1.75rem;
}
.heading-style-h1.text-weight-normal:lang(de) {
overflow: visible;
}
.padding-global.hoodie-page-video {
padding-left: 1.25rem;
}
.padding-global.hoodie-page-video.hoodie-page-spacer {
padding-left: 0;
padding-right: 0;
}
.padding-global.hoodie-stock {
background-color: #fafafa;
border-radius: 30px;
}
.padding-global.hoodie-page-desktop.hoodie-pagemobile {
background-color: #fafafa;
border-radius: 30px;
padding-bottom: 0;
}
.hide-mobile-portrait {
display: none;
}
.max-width-xxsmall.is-13rem.mobile-none {
max-width: none;
}
.text-size-medium.mobile-small {
font-size: 1rem;
}
.padding-section-medium._6rem {
padding-top: 2rem;
padding-bottom: 2rem;
}
.spacer-huge.hide-spacer {
display: none;
}
.nav_fixed {
border-bottom-right-radius: .75rem;
border-bottom-left-radius: .75rem;
}
.h1-wrapper.is-top {
padding-top: 2rem;
}
.h1-wrapper.is-top.partnership-hero-h1-wrapper {
margin-top: 40px;
}
.clip.is-320, .clip.size-discription {
max-width: none;
}
.under-video-info {
justify-content: space-between;
align-items: center;
}
.under-video-info.partnership-image-info {
grid-column-gap: .875rem;
grid-row-gap: .875rem;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-end;
width: 90%;
max-width: 90%;
margin-top: 180px;
margin-left: 15px;
margin-right: 0;
display: flex;
position: absolute;
}
.text-and-arrow_line {
justify-content: space-between;
align-items: center;
}
.h1-l-style:lang(de) {
font-size: 1.8rem;
}
.swiper-slide.celestica-scalability, .swiper-slide.is-result {
width: 100%;
}
.swiper-slide.operation {
max-width: none;
}
.image-full-cover-abs {
flex: 0 auto;
}
.cases-card {
height: 100vw;
}
.h3-style {
font-size: 1rem;
}
.pillars-grid.partnership-cards.partnership-cards-2 {
flex-flow: column;
}
.cases-card-responsive {
width: 20rem;
height: 100vw;
}
.h2-style, .h2-style._2-625 {
font-size: 1.3rem;
}
.img-is-custom.is-2 {
width: 100%;
}
.circus-swiper-thumb_wrap {
bottom: 17rem;
}
.buttons {
font-size: .75rem;
}
.buttons.fill_white {
mix-blend-mode: normal;
}
.loader-text.new {
font-size: 1.7rem;
}
.press-relise-gradien-card {
height: 24rem;
}
.h4-style {
font-size: 1rem;
}
.h4-style.is-smaller {
font-size: 1.25rem;
}
.media-kit-content {
padding: 2rem 2rem 0;
}
.media-kit-media_wrap {
height: 14rem;
}
.ms-radio-wrap {
align-items: flex-start;
display: flex;
}
.one-filter-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.article-post-top_bottom {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.pagination {
padding-top: 2.5rem;
}
.pagination.hoodie-page-button {
padding-bottom: 2.5rem;
}
.slider-main_button-wrapper {
flex: 1;
align-self: auto;
align-items: flex-end;
}
.hero-grow_wrapper {
margin-top: 2rem;
margin-bottom: 2rem;
}
.cta-block-form {
padding-bottom: 2rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.team-member_modal-wrapper {
padding-bottom: 0;
}
.form_content-center {
max-width: 14rem;
}
.team-member_modal {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.copy-and-links {
flex-flow: row-reverse;
}
.hero-cta-arrow {
top: auto;
bottom: auto;
}
.nav_menu-wrap {
margin-top: .5rem;
margin-left: .5rem;
margin-right: .5rem;
}
.locales-wrapper {
margin-right: 0;
}
.calendar-logo {
display: block;
}
.think-new-item-with-image {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: stretch center;
place-items: center stretch;
display: grid;
}
.modal-pop-up {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.teaser.hoodie-video {
padding-left: .6rem;
padding-right: .6rem;
}
.hero-normal_2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.h1-xl-style-animated {
text-align: center;
padding-left: 10px;
padding-right: 10px;
font-size: 2rem;
}
.hero-content_2 {
justify-content: center;
align-items: center;
}
.hero-video_abs-wrapper_2 {
opacity: .8;
justify-content: center;
align-items: stretch;
position: absolute;
inset: 0%;
overflow: hidden;
}
.section_sales.panel {
z-index: auto;
min-height: 120svh;
top: auto;
bottom: auto;
}
.div-block-7 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-9 {
height: 50%;
}
.heading-2 {
margin-top: 2rem;
font-size: 2rem;
}
.text-block-4 {
font-size: .6rem;
}
.section_roi.panel {
top: auto;
}
.full-media-hero_screen_sales {
box-sizing: border-box;
object-fit: cover;
width: 100%;
height: 50vh;
}
.analytics-row {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: minmax(100px, 1.25fr) minmax(150px, 1.25fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr);
place-items: center stretch;
overflow: scroll;
}
.analytics-row.text-weight-bold {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: minmax(100px, 1.25fr) minmax(150px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr) 1fr 1fr;
overflow: scroll;
}
.h1-xl-style-animated-partnership {
text-align: center;
padding-left: 10px;
padding-right: 10px;
font-size: 2rem;
}
.hero-content_2-partnership {
justify-content: center;
align-items: center;
}
.full-media-hero_screen_partnership {
box-sizing: border-box;
object-fit: cover;
width: 100%;
height: 50vh;
}
.div-block-18 {
justify-content: flex-start;
align-items: center;
}
.partnership-form-right {
width: 100%;
}
.bento-card_2_thanks.partnership-card.partnership-form-card {
flex-flow: column;
}
.bento-card_2_thanks.partnership-card.partnership-form-card.preorder-wrap.thanks-wrap {
height: 100%;
margin-top: 0;
}
.bento-card_2_thanks.partnership-card.partnership-preorder-box {
width: 100%;
padding: 2rem;
}
.partnership-form-left {
width: 100%;
}
.section_partnership_cards.section_partnership_form.preform_wrap.thanks-wrap-box {
height: 100%;
}
.container-large_preorder, .container-large-5 {
max-width: 100rem;
}
.paragraph-8 {
width: 100%;
}
.paragraph-8.preorder-p {
width: 100%;
font-size: 14px;
}
.container-large-6, .container-large-10 {
max-width: 100rem;
}
.heading-7 {
font-size: 35px;
}
.div-block-22 {
height: 25vh;
}
.paragraph-2_darker.text_bigger_para_2 {
font-size: .8rem;
}
.bento-card_no_interaction.partnership-card.partnership-form-card {
flex-flow: column;
}
.section_book_demo {
opacity: 0;
display: none;
}
.h1_wrapper_2.is-top.demo_hero-h1-wrapper {
margin-top: 60px;
}
.bento-card_2_thanks_2.partnership-card.additional_card {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: 100%;
}
.bento-card_2_thanks_2.demo-card {
padding-left: .25rem;
}
.bento-card-img_wrap_fullscreen {
height: 40svh;
}
.floating_text_bento_card {
font-size: .6rem;
top: 20px;
}
.floating_text_bento_card.big_text {
font-size: 1.4rem;
}
.button_demo {
width: 100%;
font-size: 3svw;
}
.button_demo.bento_card_book_cra {
width: 50%;
}
.partnership_header_content_container {
height: 25vh;
}
.container-large_demo {
max-width: 100rem;
}
.heading-8.hoodie-page-video {
padding-top: 0;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.text-block-7.hoodie-page-video {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.fs-consent_banner {
margin-bottom: 0;
}
.fs-consent_banner.mobile_consent_bar {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-height: 100%;
margin-bottom: 0;
display: block;
overflow: visible;
}
.fs-consent_banner_buttons {
text-align: center;
flex-flow: column;
align-items: stretch;
}
.fs-consent_prefs_heading {
font-size: 1rem;
}
.new-home-content {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.heading-9 {
font-size: 2rem;
}
.heading-9.ca1 {
font-size: 1.6rem;
}
.tab-pane-1-tight.right._1 {
min-height: 28rem;
}
.right-top-tittle {
font-size: 1.2rem;
}
.right-top-data-wrapper {
max-width: 54%;
}
.tab-pane-1-buttom-flex {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-flow: column;
}
.hi-iam-charly-tittle {
font-size: 1rem;
}
.tab-pane-1-flex-box {
width: 100%;
}
.fully-diagnosing_data-wrapper {
border-radius: 1rem;
width: auto;
min-height: 12rem;
padding: 1rem .75rem;
}
.tab-pane-1-right {
justify-content: flex-start;
align-items: flex-start;
}
.tab-pane-1-top-box {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
align-items: flex-start;
height: auto;
}
.physical-ca1_tab-text {
font-size: 1rem;
}
.physical-ca1_tab-link, .physical-ca1_tab-link.w--current {
min-width: auto;
padding-top: 20px;
}
.physical-ca1_tabs-menu {
flex-flow: row;
}
.crafting-card-wrapper {
grid-template-columns: 1fr;
justify-items: center;
}
.right-bottom-img {
object-fit: contain;
}
.physical-impact_grid {
grid-template-rows: auto auto auto;
}
.physical-impact_card {
min-width: 100%;
}
.right-bottom-img2 {
object-fit: contain;
}
.header-glossary_block-img {
min-height: 10rem;
margin-bottom: 1.25rem;
}
.product-header_bg-wrapper {
transform: translate(0, 7rem)scale(2);
}
.product-header_component {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
flex-flow: column;
display: flex;
}
.product-header_content-block {
width: 75%;
}
.product-features_content-block {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.product-features_slide {
width: 100%;
}
.product-demo_grid {
grid-template-columns: 1fr;
}
.hide-desktop.show-mobile {
display: block;
}
.home-msg_card01 {
min-height: 32rem;
}
.home-msg_card02-chat {
width: 100%;
}
.home-msg_card03-flex {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.home-product_stats {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
}
.heading-style-40px {
font-size: 1.5rem;
}
.home-product_slide-content {
margin-top: 25px;
}
.home-header_wrapper {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.home-solution_img-block {
height: 35rem;
}
.ca1-stats_header-block, .ca1-stats_list-wrap, .ca1-stats_list-block {
padding-left: 0;
padding-right: 0;
}
.ca-hero_image-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.ca1-hero_img {
transform: translate(0, 7.5rem);
}
.ca1-hero_image-overlay {
background-image: linear-gradient(#000 15%, #fff0 50%);
}
.ca1-hero_content-block {
padding-left: 15%;
padding-right: 15%;
}
.ca1-highlight_header {
min-height: 45svh;
}
.text-size-18px.mobile-small {
font-size: .875rem;
}
.ca1-highlight_img-wrap.ca1 {
transform: scale(1.5);
}
.ca1-highlight_card {
overflow: hidden;
}
.ca1-highlight_card:where(.w-variant-49cde40f-01d9-53b3-df23-e937c093f525) {
min-height: 65vh;
}
.ca1-highlight_content-block {
min-height: 15.5rem;
padding-top: 2rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.ca1-highlight_content-block:where(.w-variant-36b50c81-cd52-1540-82d7-3c313234d1a9) {
min-height: 12rem;
}
.ca1-highlight_img.is-mobile:where(.w-variant-47b1c1e3-70c0-95bd-ee38-e0daaead5af7) {
object-fit: contain;
max-height: 25rem;
}
.ca1-highlight_slider {
width: 100%;
}
.ca1-meal_heading {
font-size: 4rem;
}
.ca1-swiper_img {
min-height: 24rem;
}
.ca1-banner_image {
object-fit: cover;
object-position: 50% 100%;
transform: scale(1.01);
}
.ca1-banner_grid {
width: 100%;
inset: 0%;
}
.ca1-banner_grid:where(.w-variant-97ef33a3-3d79-4152-2ab7-e470936940d4) {
padding-left: 0;
padding-right: 0;
}
.ca1-banner_list-block:where(.w-variant-97ef33a3-3d79-4152-2ab7-e470936940d4) {
padding-left: 0;
padding-right: 1rem;
}
.ca1-banner_list-wrap {
width: 100%;
}
.cam-benefits_component {
grid-template-columns: 1fr;
}
.home-circus0s_header {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.home-circus0s_content {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.home-solutions_tablink {
width: 100%;
}
.home-banner_img-block {
margin-bottom: -40%;
}
.home-banner_img {
min-height: 100svh;
}
.home-banner_img:lang(de) {
object-position: 40% 50%;
min-height: 110svh;
}
.ca1-meal_component {
width: auto;
}
.circus0s-header_img-wrap {
justify-content: center;
align-items: center;
display: flex;
}
.ca1-popup {
flex-flow: column;
justify-content: center;
min-height: 90svh;
display: flex;
}
.ca1-popup_item, .ca1-popup_list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.ca1-highlight_nextbtn {
left: 50.5%;
}
.ca1-highlight_nextbtn.is-left {
right: 50.5%;
}
.circus0s-benefits_grid {
justify-content: flex-start;
align-items: flex-start;
}
.circus0s-benefits_card {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
max-width: 24rem;
}
.circus0s-content_component {
flex-flow: column;
display: flex;
}
.cirus0s-content_item {
max-width: none;
padding-top: 2.5rem;
padding-bottom: 1.225rem;
}
.circus0s-content_block {
width: 100%;
max-width: none;
}
.circus0s-content_imgblock {
border-radius: .75rem;
}
.div-block-37 {
width: 90%;
max-width: none;
}
.cam-header_content:lang(de) {
word-break: break-all;
}
.ca1-highlight_prevbtn {
left: 50.5%;
}
.home-header_image-wrapper-copy {
justify-content: center;
align-items: center;
}
.about-header_image-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.about-header_content-block {
padding-left: 15%;
padding-right: 15%;
}
.section_about-company {
height: 60svh;
}
.ablout-company_content-block {
background-image: linear-gradient(0deg, #000c 25%, var(--transparent));
}
.about-company_image-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.about-partner_img {
object-position: 60% 50%;
}
.about-partner_stats-wrapper {
flex-flow: column;
}
.about-partner_stats-divider {
width: 100%;
height: 1px;
}
.about-location_tablink {
width: 100%;
padding-top: .75rem;
padding-bottom: .75rem;
}
.container-2 {
max-width: none;
}
.modal {
width: 100%;
}
.div-block-41 {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.celestic-header_component {
border-radius: 1.5rem;
}
.celestic-header_image-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.celestic-header_content-block {
padding-left: 15%;
padding-right: 15%;
}
.celestica-excellence_grid {
grid-row-gap: 1.5rem;
grid-template-columns: 1fr;
}
.fully-header_image-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.fully-header_content-block {
padding-left: 5%;
padding-right: 5%;
}
.fully-conversational_image-wrapper {
padding-top: 120svh;
}
.fully-conversational_asset-wrapper {
display: flex;
}
.fully-conversational_asset-block {
padding: 5%;
}
.fully-features_card {
padding: 1.25rem;
}
.fully-data_image-wrapper {
padding-top: 150%;
}
.fully-data_image {
object-position: 35% 50%;
}
.fully-explore_dynamic-assets {
flex-flow: column;
display: flex;
}
.fully-conversational_chatblock {
padding: 5%;
}
.fully-features_chatblock {
padding: .75rem;
}
.fully-features_prevbtn, .fully-features_nextbtn {
left: 50.5%;
}
.fully-diagnosing_asset-block.is-behavioral {
padding-bottom: 4.5rem;
}
.fully-diagnosing_chat-block.is85percetnage {
width: 100%;
}
.fully-diagnosing_chat-block.is-50percentage, .fully-diagnosing_chat-block.is-60percentage {
width: 80%;
}
.div-block-54 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
border-radius: 1.25rem;
flex-flow: column;
}
.fully-comp_component {
max-width: 100%;
}
.fully-comp_img-wrapper {
width: 50%;
}
.fully-comp_img-wrapper.is-02 {
width: 58%;
margin-top: -23%;
margin-left: -15%;
}
.fully-comp_img-wrapper.is-03 {
width: 70%;
}
.fully-comp_img-wrapper.is-01 {
margin-left: 10%;
}
.fully-comp_bullet-point.is-02 {
width: 38%;
top: 40%;
left: 100%;
}
.fully-comp_bullet-point.is-03 {
width: 40%;
top: -16%;
left: -20%;
}
.fully-cordination_asset-gtid {
flex-flow: column;
display: flex;
}
.fully-header_heading-wrap {
width: 60%;
}
.about-timeline_content-right {
grid-row-gap: 2rem;
}
.about-timeline_item {
grid-template-columns: 3rem 1fr;
}
.fully-nutrition_image-wrapper {
padding-top: 120svh;
}
.fully-nutrition_image-wrapper:where(.w-variant-01602edc-680b-5da2-ad83-76d9a9b3d820) {
padding-top: 70svh;
}
.fs-numbercount_number {
font-size: 1.58rem;
}
.heading-size-count_4_number, .heading-size-count_3_number, .heading-size-count_95 {
font-size: 1.5rem;
}
.celestica-solution_component {
border-radius: 1.25rem;
padding-top: 100%;
}
.celestica-solution_content-block {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
position: static;
}
.celestica-solution_card {
background-color: var(--color--eeeff1);
border-radius: 1.5rem;
}
.celestica-solution_grid {
flex-flow: column;
grid-template-columns: 1fr;
display: flex;
}
.celestica-solution_label {
padding: .6rem 1.5rem;
font-size: .75rem;
}
.celestica-eco_image-wrapper {
padding-top: 125%;
}
.production-template_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.production-template_sidebar-top {
flex-flow: column;
justify-content: flex-start;
}
.investors-header_img-wrap {
padding-top: 75%;
}
.thankyou-header_content-wrapper {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.thankyou-popup_content {
min-width: 92svw;
}
.home-rollout_content {
padding: 1.5rem;
}
.nav2_newsletter-header {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.nav2_locales-wrap {
margin-right: 0;
}
.agm-header_img {
transform: rotate(45deg)translate(0, -5%)scale(4);
}
.agm-header_img-wrapper {
justify-content: center;
align-items: center;
}
.agm-header_content:lang(de) {
word-break: break-all;
}
.agm-collection_btn-wrap {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.home-result_block-content {
min-height: 22rem;
padding: 1.5rem;
}
.home-result_logo {
max-width: 6rem;
}
.newsroom-client__img-holder.radius, .newsroom-client__img-holder.img-size {
height: auto;
}
.press-details {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
margin-left: .5rem;
margin-right: .5rem;
}
.newsroom-client__img {
object-fit: cover;
}
.blog-title {
font-size: 1.2rem;
}
.newsroom-people__list {
grid-template-columns: 1fr;
}
.filter-radio__text {
align-items: flex-start;
display: flex;
}
.collection-article__img {
flex: 0 auto;
}
.newsroom-client__content {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
margin-left: .5rem;
margin-right: .5rem;
}
.newsroom-updates__img, .newsroom-people__img {
object-fit: cover;
}
.newsroom-header__tabs-link {
flex: 1 0 auto;
}
.newsroom-header_img {
object-fit: cover;
}
.newsroom-header__features-img__holder {
min-height: 32rem;
}
.section-rewe_header {
padding-top: 1rem;
}
.rewe-header_component {
min-height: 30rem;
padding-top: 125%;
}
.press-mentions_card {
padding: 1rem 1.25rem;
}
.media-kit_block-content {
padding: 1.5rem;
}
.swiper-button-prev, .swiper-button-prev.hig, .swiper-button-next, .swiper-button-next.hig {
width: 2.25rem;
height: 2.25rem;
}
.section_ca-possibilities {
min-height: 80vh;
}
.ca-possibilities_description-wrapper {
padding-top: 1rem;
}
.operation-img_wrapper {
height: 20rem;
}
.homev6-about_component {
min-height: 100svh;
}
.homev6-about_img-wrap.flex-bottom {
flex-flow: column;
justify-content: flex-end;
display: flex;
}
.c-tagline {
grid-column-gap: .4375rem;
grid-row-gap: .4375rem;
}
.c-tagline-icon {
width: .875rem;
height: .9375rem;
}
.c-tagline-text {
font-size: .875rem;
line-height: 1;
}
.home-vision_img {
object-position: 81% 50%;
}
.trusted-logo_wrapper {
grid-column-gap: 2rem;
grid-row-gap: 1.5rem;
}
.client-img_wrapper {
height: 12.5rem;
}
.trusted-client_content {
padding-right: 0;
}
.indusctry-details_wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.client-logo {
width: 5rem;
}
.logo-img {
width: 6rem;
}
.homev6-robotics_heading {
max-width: 20rem;
}
.homev6-robotics_heading-wrap.size {
font-size: 4rem;
}
.circus-os_discription {
font-size: 1.25rem;
}
.read-more_link {
color: var(--color--1a1a1a);
}
.image-wrapper-2 {
border-radius: 0;
}
.recent-news_details {
color: var(--color--1a1a1a);
}
.recent-news-divider {
background-color: #eeeff1;
}
.buttons-4.is-white {
mix-blend-mode: normal;
}
.logo-wrapper, .homev6-robotics-wrap {
padding-top: 2.5rem;
}
.homev6-robotics_paragraph {
font-size: .875rem;
}
.home-robotics_overlay {
background-image: none;
}
.homev6-robotics_img-desktop {
transform-origin: 50%;
transform: scale(1.4);
}
.homev6-robotics_img-desktop.hide-desktop {
object-position: 50% 100%;
}
.homev6-robotics_img-desktop.hide-landscpaemobile {
display: none;
}
.quote {
font-size: 1rem;
}
.text-size-24px {
font-size: 1.25rem;
}
.section-home_recent-news.desktio-hide {
padding-left: 0;
padding-right: 0;
}
.homev6-ca1_logo {
width: 9.4375rem;
}
.home-production-img {
object-position: 28% 50%;
display: none;
}
.home-production-img.only-mob-img {
object-position: 50% 50%;
display: block;
}
.homev6-robotics_img-wrap {
flex-flow: column;
justify-content: flex-end;
align-items: stretch;
}
.homev6-robotics_img-wrap.flex-bottom {
flex-flow: column;
justify-content: flex-end;
display: flex;
}
.homev6-ca1_component {
min-height: 100svh;
}
.homev6-ca1_img-wrap.flex-bottom {
flex-flow: column;
justify-content: flex-end;
display: flex;
}
.homev6-ca1_img {
object-position: 50% 50%;
display: none;
}
.buttons-7.fill-white {
mix-blend-mode: normal;
}
.homev6-cam_component {
min-height: 100svh;
}
.homev6-cam_img-wrap.flex-bottom {
flex-flow: column;
justify-content: flex-end;
display: flex;
}
.homev6-cam_img {
object-position: 39% 50%;
transform: scale(1.01);
}
.homev6-vision_img {
object-position: 68% 50%;
transform: none;
}
.homev6-vision_img-overlay {
background-image: linear-gradient(350.69deg, #1a1a1a00 65.19%, #1a1a1a 91.68%);
}
.homev6-about_iamge {
object-position: 50% 50%;
}
.homev6-cam_imgs {
transform-origin: 100% 100%;
object-position: 0% 100%;
transform: none;
}
.homev6-cam_imgs.hide-landscape {
display: none;
}
.homev6-cam_imgs.desktop-hide {
display: block;
}
.c-button {
font-size: .75rem;
}
.c-button.fill_white {
mix-blend-mode: normal;
}
.homev6-aboutus_component {
min-height: 100svh;
}
.homev6-aboutus_img-wrap.flex-bottom {
flex-flow: column;
justify-content: flex-end;
display: flex;
}
.homev6-aboutus_img-overlay, .homev6-aboutus_img-overlay-copy {
background-image: linear-gradient(#1a1a1a00 54.5%, #1a1a1a99);
}
.homev6-ca1_video {
object-position: 50% 50%;
}
.homev6-robotics_img-lmobile {
object-fit: contain;
object-position: 50% 100%;
transform: scale(1.15);
}
.homev6-robotics_img-lmobile.hide-desktop {
object-position: 50% 100%;
}
.homev6-robotics_img-lmobile.hide-landscpaemobile {
display: none;
}
.homev6-infastructure_component {
min-height: 100svh;
}
.homev6-infastructure_img-wrap.flex-bottom {
flex-flow: column;
justify-content: flex-end;
display: flex;
}
.homev6-cos_component {
min-height: 100svh;
}
.homev6-cos_img-wrap.flex-bottom {
flex-flow: column;
justify-content: flex-end;
display: flex;
}
.homev6-cos_img {
object-fit: cover;
object-position: 68% 50%;
transform: scale(1.01);
}
.global-button {
padding: 1.25rem 2rem;
}
}
#w-node-_21f9645f-c918-19d6-bf72-b27250ab1f4d-a1a91ac2 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4e65481f-6fa8-f68b-ed9e-c70b581c124a-581c1230, #w-node-_4e65481f-6fa8-f68b-ed9e-c70b581c1258-581c1230 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_830be226-8c60-32c8-49a8-43e6ff136611-581c1230 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4e53f29a-7299-7e12-5f08-be7d4f6e9a08-4f6e999e, #w-node-_5d772fe2-83b6-f297-d48c-57289b66119c-4f6e999e, #w-node-_4e53f29a-7299-7e12-5f08-be7d4f6e9a19-4f6e999e {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_2b6680dc-58e4-c0a1-e4c5-3b1497d5730c-a1a91bc1 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-_4ecbb576-fac7-71b9-e023-77b4345d5c51-a1a91c06 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-e9b060d3-54f8-d62a-2c8e-8f35da9320d0-a1a91c06 {
justify-self: end;
}
#w-node-_1575aaab-e930-0678-5097-7fc36e312331-6e312325, #w-node-aba38bd8-c5c0-7200-f6fa-d0dc899bb730-899bb725 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-aba38bd8-c5c0-7200-f6fa-d0dc899bb75c-899bb725 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ff7a79c5-9fae-d56d-fa0a-032aee635e77-a1a91c11 {
justify-self: end;
}
#w-node-_3cc5fd25-c831-af44-d1ed-647ef26e8de3-a1a91c11 {
justify-self: start;
}
#w-node-_4ac273a8-e536-f8b3-0f2a-8893462d38c9-a1a91c47 {
justify-self: end;
}
#w-node-_5dcf8984-b6b1-15a9-b791-e70bb75037bd-a1a91c86 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_632b0024-7174-3908-9689-fd1a1ffbefc3-a1a91c86 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_16a54738-b3e1-ae72-2e96-b9c96c0f8519-8f96657b {
justify-self: end;
}
#w-node-c6a5b678-90e2-fd9a-bade-04ff8f966587-8f96657b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ea6ac22d-4fc2-2ea9-bc00-d16b4f44a620-df7d238b, #w-node-_4f1bcd5d-b3a3-5290-164f-1b03e7539054-df7d238b, #w-node-_8f838d1a-3bb5-cd3e-f49a-7501e7e8bc56-df7d238b, #w-node-_924f658f-db2b-2e18-7e13-c3cf2d63e4b2-df7d238b, #w-node-_0de832fb-203c-916a-46a3-75232e246fd1-df7d238b, #w-node-_0de832fb-203c-916a-46a3-75232e246fd5-df7d238b, #w-node-_0de832fb-203c-916a-46a3-75232e246fd9-df7d238b, #w-node-_0de832fb-203c-916a-46a3-75232e246fdd-df7d238b, #w-node-_89182654-5859-61cc-cf2f-c86705436b9a-df7d238b, #w-node-_89182654-5859-61cc-cf2f-c86705436ba2-df7d238b, #w-node-_89182654-5859-61cc-cf2f-c86705436ba6-df7d238b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6f386791-44d5-dd3f-6a07-ee620d599d9b-a1a91c87, #w-node-_02906d06-aa0e-d31a-b169-2a18f90bc490-a1a91c88 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-e13a6788-f2c8-8a6a-5834-ae431f9e513f-a1a91c9f {
justify-self: end;
}
#w-node-_58b68aab-0b43-be46-f6d2-fc726159c2a7-a1a91c9f, #w-node-b053b42b-4efa-2cc3-4078-88ec2b86127b-a1a91c9f, #w-node-c0a4f23d-e659-6f7e-b89d-9d86f2153ad4-a1a91c9f, #w-node-_3b55254e-44c6-54ad-c778-32c6e42c4969-a1a91c9f, #w-node-_6abe2ec2-6aab-a2ba-d919-3a34b6a918e4-a1a91c9f, #w-node-_62efed66-45fa-ef3c-ca3e-6e68a49348f8-a1a91c9f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_92422b29-a07b-a6e4-ae75-6a828e288825-a1a91cb5, #w-node-ed00d14d-687f-b3cb-af6b-0efa92ed8a6c-a1a91cb5 {
justify-self: end;
}
#w-node-_5e2c50f4-c46e-e93b-7826-f552e7eba89a-a1a91cb6 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_5e2c50f4-c46e-e93b-7826-f552e7eba89f-a1a91cb6 {
grid-area: Area;
}
#w-node-_5e2c50f4-c46e-e93b-7826-f552e7eba8aa-a1a91cb6, #w-node-_5e2c50f4-c46e-e93b-7826-f552e7eba8d3-a1a91cb6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_5d831780-3c21-3233-5e6f-22c9775e5c47-a1a91cb6, #w-node-_68ebf8bf-ea00-4340-24d8-cf2440755790-a1a91cb6 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_315690ef-4deb-62d2-a57d-2ac01cca320e-a1a91cb6 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_04e57ff7-ef2c-c5a4-fbe9-1d57d5c0f3f5-a1a91cb6 {
grid-area: Area;
}
#w-node-_35c883a6-2443-d788-08a2-92c09772fbec-a1a91cb6 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-b36e6f42-8766-cab8-73ac-816509438e58-a1a91cb6, #w-node-_4418983f-e9a1-d6af-df3b-95dfa748d136-a1a91cb6, #w-node-_1faf1293-3a2b-ce6b-8332-fe064b7f81dd-a1a91cb6, #w-node-_0ac2a125-ba84-7586-ce71-dd38bd49ac16-a1a91cb6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bbf2b974-be64-28cb-a7ea-ff95e3d3b02e-a1a91cb8, #w-node-bbf2b974-be64-28cb-a7ea-ff95e3d3b02e-a1a91cb9, #w-node-_5dabaffd-969a-d3ba-29c9-ba8b56de2a7b-a1a91cef, #w-node-_71fa9eda-ab37-8646-c82b-d134c968b13d-a1a91cef, #w-node-_6e8c3f3f-a3ef-20c4-d879-fc6a9236afbb-bbed15eb {
grid-area: span 1 / span 2 / span 1 / span 2;
}
@media screen and (max-width: 767px) {
#w-node-_4e53f29a-7299-7e12-5f08-be7d4f6e9a08-4f6e999e, #w-node-_5d772fe2-83b6-f297-d48c-57289b66119c-4f6e999e, #w-node-_4e53f29a-7299-7e12-5f08-be7d4f6e9a19-4f6e999e, #w-node-_7117ca00-7854-1711-f0e2-5194d9ad2513-4f6e999e {
order: 9999;
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4e53f29a-7299-7e12-5f08-be7d4f6e9a27-4f6e999e {
order: 9999;
}
#w-node-_4ecbb576-fac7-71b9-e023-77b4345d5c51-a1a91c06 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_9ef4e428-a6b1-1b62-6e26-c067d28c12cd-a1a91c11 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_16a54738-b3e1-ae72-2e96-b9c96c0f8519-8f96657b {
grid-area: 3 / 1 / 4 / 2;
justify-self: center;
}
#w-node-c6a5b678-90e2-fd9a-bade-04ff8f966587-8f96657b {
grid-column: span 1 / span 1;
}
#w-node-_8e8e6d78-9b0d-7199-628a-49ff3f094b63-a1a91cb5 {
order: -9999;
}
#w-node-ae05c970-986c-a2c7-088e-03090cd3cc6c-a1a91cb5 {
grid-area: Date;
}
#w-node-_8840ccd5-d1d7-3438-b6f6-de4d5ffee909-a1a91cb5 {
grid-area: Content;
}
#w-node-_92422b29-a07b-a6e4-ae75-6a828e288825-a1a91cb5 {
grid-area: Arrow;
}
#w-node-b36e6f42-8766-cab8-73ac-816509438e66-a1a91cb6, #w-node-_0ac2a125-ba84-7586-ce71-dd38bd49ac16-a1a91cb6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
}
@media screen and (max-width: 479px) {
#w-node-_2b6680dc-58e4-c0a1-e4c5-3b1497d5730c-a1a91bc1 {
order: -9999;
align-self: auto;
}
}